Dynamic route parameters - what to do when I do not have the translation available for dynamic content in a certain language?

[leopoldkristjansson]

I was wondering how to deal with when there is no translation for a dynamic route for content in a specific language?

Link to docs: https://i18n.nuxtjs.org/guide/lang-switcher#dynamic-route-parameters

Example:

You have a website available in in EN, DE, ES, FR.

You are browsing in English and you are viewing example.com/blogs/my-article.

That same blog post has been translated to DE and ES, but not to FR.

<script setup>
const setI18nParams = useSetI18nParams();
setI18nParams({
  en: { slug: slugForEnglish }, // slug: 'my-article' 
  de: { slug: slugForGerman }  // slug: 'mein-artikel'
  es: { slug: slugForSpanish }  // slug: 'mi-articulo'
  fr: { slug: undefined }  // This blog post was not translated.
})
</script>

I would prefer to have the language switcher still show French (FR) but have the href set to example.com/fr/blogs. Would that be possible?

What about the <link rel="alternate" href="????" hreflang="fr">? Here I would prefer omitting the rel="alternate" for french.

I have these situations quite a bit and was wandering if I was just missing something from the docs? Would be grateful if someone could point me in the right direction.