N
Nuxt•4mo ago
Aleksandar Brkić

Dynamic nested pages

Is there a way to have a route structure where there is an unknown amount of slugs eg: 
example 1:
site. com/filterX/filterY/list
site. com/filterX/filterY/list/single-post

example 2:
site. com/filterY/list
site. com/filterY/list/single-post
example 1:
site. com/filterX/filterY/list
site. com/filterX/filterY/list/single-post

example 2:
site. com/filterY/list
site. com/filterY/list/single-post
So that the filters will always affect the list, eg clicking on a filter will add a slug but not rerender the page, just the list component? Tried with index folder that has [...slug].vue but not sure how to have single-post after that regardless of the number of slugs?
7 Replies
pyplacca
pyplacca•4mo ago
Do /filterX/filterY/list and /filterY/list display filtered results from the same source?
Aleksandar Brkić
Aleksandar Brkić•4mo ago
/list has a list component that filters the array from pinia based on the route params eg filterX and filterY
pyplacca
pyplacca•4mo ago
Would query parameters not suffice? Eg; /list?filterX=x&filterY=y…
Aleksandar Brkić
Aleksandar Brkić•4mo ago
No, unfortunately. There wouldn't be a problem with that 😄
pyplacca
pyplacca•4mo ago
Unless /filterX/list and /filterX/filterY/list although similar have very distinct features Are you trying to take a different approach?
Aleksandar Brkić
Aleksandar Brkić•4mo ago
the approach is defined in the post title.
pyplacca
pyplacca•4mo ago
Yhh I read it. Just not sure why, but maybe someone else can help you out 👍
Want results from more Discord servers?
Add your server
More Posts
Create global instance of ofetchI want to create a global ofetch instance, on which I can add custom header and I want it to be presnuxt generate sets process.env.NODE_ENV to prerender after nuxt.config.tsWhen i run nuxt generate and i print the process.env.NODE_ENV in the nuxt.config.ts it is as expecteUForm schema arrayHello, I need to create an extensible form for my project I'm using zod, which looks like this (no Any guideline on using Lit based web components in Nuxt project?I'm new to Nuxt, just started to use today. I've some webcomponents coming from node_modules and somhow to chunk video file with fs.createReadStream on H3 and how to hundle it in frontend```ts import fs from "fs" import path from "path" function getFileNameFromPath(path: string) { Components changing as page transition starts instead of after leaveHello! I have a component that renders different content based on a prop that I am passing into it fpnpm run generate - not creating all pages in conten tSo can see pages with pnpm run dev ..,. pages are defined in content directory but do not see the pHow to come up with reproductions for production-only Nuxt crashes?We're having quite a few Sentry alerts in production due to stuff like manifest errors (similar to hComponent-Based Error Handling (SSR)?<NuxtErrorBoundry> component handles client-side errors happening in its default slot. But its not wSet Cache-Control header.How to set cache-control header to the contents of public directory?