import { createApp, h } from 'vue'
import store from './store'
import { createInertiaApp, Link } from '@inertiajs/inertia-vue3'
import { InertiaProgress as progress } from '@inertiajs/progress'

progress.init({
    color: '#673ab7',
})

createInertiaApp({
    id: 'app',
    resolve: name => import(`@/Pages/${name}`),
    setup({ el, app, props, plugin }) {
        createApp({ render: () => h(app, props) })
            .mixin({
                methods: {
                    route: window.route,
                }
            })
            .use(store)
            .use(plugin)
            .component('InertiaLink', Link)
            .mount(el)
    },
})