Vite-plugin-ssr build mode

[alivadjid]

First, thanks @brillout for your great package! It very useful 👍

I'm using vite-ssr-plugin in a few projects, and I found an interesting thing.

In this project i used vite-ssr with vue3 and custom internationalization code.

And the thing is: on development mode every works fine, user choose locale and see that text is changing. Url like this: /fr-fr/about. Locale Franch and page about.

But on prod mode (after start build command). User choose locale and url is changing /fr-fr/about. But here is appearing a message: 404 Page not found.

I solved this error by adding folders with the name of locale. /pages/fr-FR/[site-pages] and adding empty vue components. And it works correct.

Is this a correct solution to solve this? Or maybe there is a better solution?

[brillout]

Actually, the docs about i18n with pre-rendering improved quite a lot the last couple of days: https://vite-plugin-ssr.com/i18n#pre-rendering. Let me know whether these new docs help or not.

Also make sure to use the latest VPS version (a lot of improved warnings around i18n and pre-rendering). I'll be releasing a new version tomorrow that will further improve the i18n warnings.

[brillout]

I'll be releasing a new version tomorrow that will further improve the i18n warnings

Done.

[alivadjid]

Cool! 👍
What I got after update VPS.

1. Tried to use https://vite-plugin-ssr.com/i18n#pre-rendering.

vite.config.ts

plugins: [
    vue(),
    ssr({ prerender: true, includeAssetsImportedByServer: true }),
  ],

in _default.page.server.ts

export { onBeforePrerender };

function onBeforePrerender() {
  console.log("onBeforePrerender");
}

I don't see this console.

Is onBeforePrerender nessassy if locale takes from _default.page.route.ts, and urlOriginal change here. urlOriginal shows link without locale. For example if link /de-de/about/ urlOriginal is /about/. The same how it described https://vite-plugin-ssr.com/i18n#pre-rendering

async function onBeforeRoute(pageContext: { urlOriginal: string }) {
  let urlMod = pageContext.urlOriginal;
  const { urlWithoutLocale, locale } = await extractLocale(urlMod);
  urlMod = urlWithoutLocale;
  return {
    pageContext: {
      locale,
      urlOriginal: urlMod,
    },
  };
}

---

2. After update and run build, warnings appeared for pages index.page.vue
   
   if remove this locale folder and all components.
   
   on prod and dev mode it work fine
   
   But on build
   

[brillout]

Seems like a user land issue. But let me know if you believe it's a problem on VPS's side.