[Nuxt 3] Plugin does not reinitialise components on view/page change. Only works on full browser reloads.

[rafaeldsousa]

Experiencing a strange issue.

I could get Flowbite setup and running on Nuxt 3, both via plugin or adding it via nuxt.config.ts script.

My problem is that everything works fine, as long as I don't navigate to another view. When navigating to another view, or just forward and back to where I came from, the library doesn't seem to pick up on the change and doesn't try to initiate the components. It only comes back to life after a full browser refresh.

nuxt.config.ts

app: {
    head: {
      script: [
        {
          hid: 'flowbite',
          src: 'https://unpkg.com/[email protected]/dist/flowbite.js',
          defer: true
        }
      ]
    }
  }

Or via plugin, as referenced here https://github.com/themesberg/flowbite/issues/131#issuecomment-1100830582, a warning comes up about the imported Flowbite library, which is one of the reasons I ended up just using the nuxt.config.ts version.

Is this something any of you have faced before?

https://user-images.githubusercontent.com/39249777/199883180-73d66727-9e71-4e9c-97d9-ba387a3a1af9.mov

Originally posted by @rafaeldsousa in https://github.com/themesberg/flowbite/issues/131#issuecomment-1302933547