v8: Reactive dynamic route params

[jbmolle]

Hi,
Is it possible to have reactive dynamic route params?
Right now the doc shows:

<script setup>
definePageMeta({
  nuxtI18n: {
    en: { id: 'my-post' },
    fr: { id: 'mon-article' }
  }
})</script>

But 'my-post' and 'mon-article' are static strings. I'm getting the slugs from an external CMS. So would it be possible to do something like this:

<script setup>
const slugFr = ref('my-post')
slugFr.value = 'mon-article'

definePageMeta({
  nuxtI18n: {
    en: { id: 'my-post' },
    fr: { id: slugFr }
  }
})</script>

So I can get the slug after the api call at runtime.
Thanks,
JB

[jbmolle]

Hi,
I've found how to do it and I'm posting here so maybe it'll help other people.
In Nuxt 3 we can access the page meta through route.meta so:

<script setup>
const route = useRoute()
definePageMeta({
  nuxtI18n: {}
})
const slugFr = ref('initialValue')
watch(slugFr, (newSlug) => {
  route.meta.nuxtI18n = {
    en: { id: 'my-post' },
    fr: { id: newSlug }
  }
})
</script>

JB

[katerlouis]

I also tried different versions of nuxt-i18n – I was initially on 6.26.0 , now switched to 7.3.0 and still have the same issue.

[jbmolle]

Yes it seems the store is created so you don't have to.
Do you have a testing repository that I could pull to try?

[katerlouis]

Unfortunately no; I will try to make a minimal reproduction of this issue! Thanks a lot– since it's only the two of us talking here, this could be considered spam, couldnt it? If you dont mind we could move this to a private conversation. I can offer Discord :)

[jbmolle]

Yes perfect, let's do Discord!
I will out of office for the next 2 weeks. I should be able to look at the code but if I don't, don't worry, I'll be back beginning of Jan

[katerlouis]

Thanks a lot! Here's my discord username, so you can add me :) katerlouis#7647