import { createPinia } from 'pinia';
import { createApp } from 'vue';
import AppShell from './components/AppShell.vue';
import { vuetify } from './plugins/vuetify';
import '../css/tokens.css';
import '../css/typography.css';
import '../css/motion.css';
import { router } from './router';
import { installMenuRepositionFix } from './utils/menuRepositionFix';

// Точка входа Vue 3 + Vuetify 3 + Vue Router 4 + Pinia (фаза 2, CLAUDE.md §3.3).
// Mount в <div id="app"></div> внутри Blade-шаблона `welcome.blade.php`.
const app = createApp(AppShell);
app.use(createPinia());
app.use(vuetify);
app.use(router);
app.mount('#app');

// Глобальный обход бага позиционирования меню Vuetify (один наблюдатель на всё
// приложение) — подробности в utils/menuRepositionFix.ts.
installMenuRepositionFix();
