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

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