throw render() with i18n with client routing doesn't work properly

[lebretont]

Hi,

I'm currently learning Vike, congratulations for this amazing project.

I want to render a certain page based on a guard.
When the locale is not the default one, the page is not translated on client routing :

After a little bit of investigation, adding "+onBeforeRender" makes the client fetching data on "xxx/index.pageContext.json" on each route change.

But i haven't found a method to get this page translated.

I tried this throw render('/' + pageContext.locale + '/about') on my guard but i get

URL /fr-FR/about doesn't match the route of any of your pages

Is there something I'm not doing right?

Here is a minimal reproduction : https://github.com/lebretont/vike-i18n-client.

Thanks for the help!

[brillout]

Indeed, I could reproduce the issue. I'll have a closer look at it tomorrow.

[brillout]

I'll resume tomorrow. @lebretont I guess this is a blocker and therefore urgent for you, correct?

[lebretont]

I'm still playing with vike so this is not urgent. Thanks for reviewing it.

[brillout]

Ok, let me first finish writing the docs for vike-{react,vue,solid} then I'll fix this. FYI I consider this a Vike bug so it's a top priority. ETA this week today.

[brillout]

Improved reproduction: https://github.com/brillout/vike-i18n-throw-render.

[brillout]

Fix pre-released in 0.4.156-commit-d8d55d2.

Also make sure to correctly use throw render() and use pageContext.urlPathname instead of pageContext.urlOriginal. (Further improving docs about this is on the radar.)

Apologies for the delayed handling of this bug. It wasn't a trivial one and writing docs for vike-{react,vue,solid} is getting quite important. Usually such bugs are fixed under 24h.

I guess it's too early but would your company, eventually, be up for sponsoring?

[lebretont]

Thanks for you fast fix!
Unfortunately my company doesn't use Vike. But I sponsored as an individual.

I already made my portfolio and currently working on a more complete website using many features and it works like a charm :)
I really want to thank you and congratulate you on this amazing project. Vike is so simple and customizable, it makes frontend development very enjoyable.

[lourot]

Thank you for sponsoring @lebretont 🙏

[brillout]

Thank you for the donation, and I'm glad you're enjoying Vike.