Progress bar is not showing

The progress bar/spinner is not showing in my Jetstream app (inertia/vue).

I'm not using Tailwind css though, I've converted it to Bootstrap and I'm 100% certain it was working at first.

I'm not sure what's causing this.

This is in app.js

import('./bootstrap');
import {resolvePageComponent} from "laravel-vite-plugin/inertia-helpers";

// Import modules...
import { createApp, h } from 'vue';
import { createInertiaApp } from '@inertiajs/inertia-vue3';
import { InertiaProgress } from '@inertiajs/progress';

const appName = window.document.getElementsByTagName('title')[0]?.innerText || 'Laravel';

createInertiaApp({
    title: (title) => `${title} - ${appName}`,
    //
    resolve: (name) => resolvePageComponent(`./Pages/${name}.vue`, import.meta.glob("./Pages/**/*.vue")),
    setup({ el, app, props, plugin }) {
        return createApp({ render: () => h(app, props) })
            .use(plugin)
            .mixin({ methods: { route } })
            .mount(el);
    },
});

InertiaProgress.init({ 
    color: '#ff0', 
    includeCSS: true,
    showSpinner: false
});

And this is in vite.config.js

resolve: {
    extensions: ['.ts', '.tsx', '.js']
},

I also just noticed that I have webpack.config.js and webpack.mix.js in the root directory, not sure if those files are supposed to be there.