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

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