import { defineSetupVue3 } from '@histoire/plugin-vue';
import { createPinia } from 'pinia';
import { createMemoryHistory, createRouter } from 'vue-router';
import { vuetify } from './plugins/vuetify';

export const setupVue3 = defineSetupVue3(({ app }) => {
    const router = createRouter({
        history: createMemoryHistory(),
        routes: [
            { path: '/', component: { template: '<div />' } },
            { path: '/login', component: { template: '<div />' } },
            { path: '/register', component: { template: '<div />' } },
            { path: '/forgot', component: { template: '<div />' } },
            { path: '/2fa', component: { template: '<div />' } },
            { path: '/recovery-use', component: { template: '<div />' } },
            { path: '/dashboard', component: { template: '<div />' } },
            { path: '/deals', component: { template: '<div />' } },
            { path: '/kanban', component: { template: '<div />' } },
            { path: '/projects', component: { template: '<div />' } },
            { path: '/billing', component: { template: '<div />' } },
            { path: '/reports', component: { template: '<div />' } },
            { path: '/managers', component: { template: '<div />' } },
            { path: '/settings', component: { template: '<div />' } },
        ],
    });
    app.use(vuetify);
    app.use(router);
    app.use(createPinia());
});
