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

const Destination = {
    render: () =>
        h('main', [
            h('h1', 'Destination'),
            h(Link, { href: '/feedback' }, () => 'Feedback preview'),
        ]),
};
createInertiaApp({
    resolve: (name) =>
        ({ FeedbackPreview, TicketCreate, Ticket, Destination })[name],
    setup: ({ el, App, props, plugin }) =>
        createApp({ render: () => h(App, props) })
            .use(plugin)
            .use(createLocalization())
            .use(createAppearance())
            .mount(el),
});