Vuetify doesn't seem to work with dynamic content in my Nuxt 3 project

[bastianhilton]

I have a project that uses dynamic content pull through APIs, I have tried various ways to connect Vuetify components to dynamic content such as this

`

{{ nav?.name }}

`

but having dynamic content on a component causes the component not to work at all. For instance the menu doesn't open. This is happening across my entire project.

In the image, the menu on the left doesn't open, and on the right each of the icons are menus and they don't open either.

this is my nuxt.config.js file modules section for vuetify in Nuxt 3:

(_options, nuxt) => { nuxt.hooks.hook('vite:extendConfig', (config) => { // @ts-expect-error config.plugins.push(vuetify({ autoImport: true })) }) },

Could someone point me into the right direction on what might be going wrong?

[bastianhilton]

issue is fixed, turns out I had an old plugin using an API that no longer was connected to my nuxt application. Once the api was removed and updated to the new one, Vuetify started working properly.