(Solutions) Incompatibility issues for Inertia

[xujiongze]

It's not a Flowbite bug nor an Inertia bug. I noticed that some users in the community have encountered the same problem as I have.

The issue is with Inertia, which loads the page only once. All the links use , so it doesn't open a new page but instead makes an AJAX call and updates the data on the current page.

When Inertia reloads the page, Flowbite doesn't initialize automatically, so it needs to be called manually.

Here is the relevant code in app.js:

import { router } from '@inertiajs/vue3';

router.on('navigate', () => {
    initFlowbite();
});

router.on('success', () => {
    initFlowbite();
});

This code solves the problem, but there's an issue: there are two events, 'success' for regular links using , and 'navigate' for browser actions like going back. So, sometimes it will call initFlowbite() twice. I hope someone can optimize this code.