import { createApp } from 'vue';
import App from './App.vue';
import AppProvider from './AppProvider.vue';
import { setupStore } from './store';
import { router, setupRouter } from './router';
import { setupSmoothScroll, setupNaive } from './plugins';
import 'virtual:windi.css';
import './styles/css/global.css';

async function setupApp() {
  const naiveApp = createApp(AppProvider);
  const app = createApp(App);

  /** 注册naive UI组件 */
  setupNaive(app);

  /** 挂载全局状态 */
  setupStore(app);

  // 优先挂载一下 naiveApp 解决路由守卫，Axios中可使用，LoadingBar，Dialog，Message 等之类组件
  naiveApp.mount('#naiveApp', true);

  // 挂载路由
  await setupRouter(app);

  // 路由准备就绪后挂载APP实例
  await router.isReady();

  app.mount('#app', true);
}

setupSmoothScroll();
setupApp();