Flowbite not working when using nuxtlink

Hi, I am using tailwind with flowbite in my nuxt project. I installed flowbite using the instructions on their site, if I use the traditional way of loading the page everything works as it should. But when I switch the page using nuxtlink, the flowbite components that are new on the page don't work. Please help.

My app.vue:

<template>
    <AppHeader />
    <main>
        <NuxtPage />
    </main>
    <AppFooter />
</template>

<script setup>
import { onMounted } from 'vue'
import { initFlowbite } from 'flowbite'

onMounted(() => {
    initFlowbite();
})
</script>

<template>
    <AppHeader />
    <main>
        <NuxtPage />
    </main>
    <AppFooter />
</template>

<script setup>
import { onMounted } from 'vue'
import { initFlowbite } from 'flowbite'

onMounted(() => {
    initFlowbite();
})
</script>

Nuxt•3y ago•

36 replies

Rush

Flowbite not working when using nuxtlink

<template>
    <AppHeader />
    <main>
        <NuxtPage />
    </main>
    <AppFooter />
</template>

<script setup>
import { onMounted } from 'vue'
import { initFlowbite } from 'flowbite'

onMounted(() => {
    initFlowbite();
})
</script>

<template>
    <AppHeader />
    <main>
        <NuxtPage />
    </main>
    <AppFooter />
</template>

<script setup>
import { onMounted } from 'vue'
import { initFlowbite } from 'flowbite'

onMounted(() => {
    initFlowbite();
})
</script>

Flowbite not working when using nuxtlink

Similar Threads

Flowbite not working when using nuxtlink

Similar Threads

Similar Threads

Similar Threads