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

const Destination = { render: () => h('h1', 'Signed in destination') };
createInertiaApp({
    resolve: (name) =>
        ({ Login, VerifyEmail, TwoFactorChallenge, Destination })[name],
    setup: ({ el, App, props, plugin }) =>
        createApp({ render: () => h(App, props) })
            .use(plugin)
            .use(createLocalization())
            .use(createAppearance())
            .mount(el),
});