// Vue 应用入口文件
import { createApp } from 'vue';
import App from './App.vue';
import router from './router';
import store from './store';

// 引入全局样式
import './css/index.less';

// 引入 PrimeVue
import PrimeVue from 'primevue/config';
import Aura from '@primevue/themes/aura';
import 'primeicons/primeicons.css';

// 创建并挂载 Vue 应用
const app = createApp(App);

// 配置 PrimeVue（使用 Aura 主题，扁平化设计）
app.use(PrimeVue, {
  theme: {
    preset: Aura,
    options: {
      darkModeSelector: false, // 暂时不使用深色模式
      cssLayer: false
    }
  }
});

// 使用 Vue Router 和 Vuex
app.use(router);
app.use(store);

// 等待 DOM 加载完成后再挂载应用
if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', () => {
        app.mount('#app');
        window.app = app;
        console.log('Vue 应用已挂载');
    });
} else {
    app.mount('#app');
    window.app = app;
    console.log('Vue 应用已挂载');
}