How can I map parameterized route in homepage?

Hello People,

I’m trying to create blog on this tool with vue, but I don’t know how to map /posts/:post in homepage? my setup: WindiCSS, Markdown, Vue (without TS) and of course vite-plugin-ssr. Is it possible to do this using tools I have?

If you don’t understand something, please write, then I will describe this.

Thank You

[brillout]

I see.

So, you have a list of blog posts somewhere saved in a variable, let’s say myBlogPosts.

You add that variable to contextProps.pageProps:

// .page.server.js

const myBlogPosts = /* your logic to retrieve your list of blog post */

export function addContextProps() {
  const pageProps = {
    myBlogPosts
  }
  return { pageProps }
}

// We make `contextProps.pageProps` available to the browser
export const passToClient = ['pageProps']

Then you pass contextProps.pageProps to your Vue root component as decribed in the docs.

Then you generate the list of <a> links using pageProps.myBlogPosts and using Vue’s v-for attribute: <li v-for="post in myBlogPosts">.

[brillout]

👍

I’m closing this since it’s not a bug nor feature request.

But feel free to keep me updated if you run into a major headache situation 😃.