import { createApp, h } from 'vue';
import { createInertiaApp } from '@inertiajs/vue3';
import '../../resources/css/app.css';
import Welcome from '../../resources/js/pages/Welcome.vue';
import { createAppearance } from '../../resources/js/composables/useAppearance';
import { createLocalization } from '../../resources/js/lib/localization';

createInertiaApp({
    resolve: (name) =>
        ({ Welcome })[name] ?? {
            render: () => h('main', [h('h1', 'Destination reached')]),
        },
    setup: ({ el, App, props, plugin }) =>
        createApp({ render: () => h(App, props) })
            .use(plugin)
            .use(createLocalization())
            .use(createAppearance())
            .mount(el),
});