(destructured parameter) is undefined

[fiery tapir]

Hi @unique halo. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave:

---

Based on the information provided in the knowledge sources, it appears that you're encountering an issue related to destructuring props in Nuxt 3 with Nuxt UI Pro and i18n. This error is likely caused by incorrectly accessing props in your component.

To address this issue, here are some recommendations:

1. Do not destructure props: As mentioned in the Stack Overflow post, destructuring props can cause them to lose their reactivity. Instead, access props using props.propName in the setup() function, this.propName outside the setup function, or simply propName in the template.

2. Check your route configuration: Ensure that your custom routing is correctly set up in your nuxt.config.ts file. The Nuxt documentation on custom routing provides examples of how to properly configure routes.

3. Verify your i18n setup: Make sure your i18n configuration is correct in your nuxt.config.ts file. The Stack Overflow post about dynamic routing with i18n shows an example of how to set up i18n with custom routes.

4. Double-check your component usage: Ensure that you're passing the correct props to your components and that the prop names match between the parent and child components.

If you're still encountering issues, it would be helpful to see your specific code, including the component where the error occurs and your nuxt.config.ts file. This would allow for a more precise diagnosis of the problem.

Remember, when using Nuxt UI Pro, make sure you have properly set up your license and configuration as described in the Nuxt UI Pro installation guide.

Note: you can ask me a follow up question by @ mentioning me again :speech_balloon: