import { createApp, h } from 'vue';
import { createInertiaApp } from '@inertiajs/vue3';
import { createAppearance } from '@/composables/useAppearance';
import { createLocalization } from '@/lib/localization';
import Create from '@/pages/admin/users/Create.vue';
import Edit from '@/pages/admin/users/Edit.vue';
import Index from '@/pages/admin/users/Index.vue';
import '@/../css/app.css';

const components = { Create, Edit, Index };

createInertiaApp({
    resolve: (name) => components[name],
    setup({ el, App, props, plugin }) {
        createApp({ render: () => h(App, props) })
            .use(plugin)
            .use(createLocalization())
            .use(createAppearance())
            .mount(el);
    },
});