import { createApp } from 'vue';
import App from './App';
import router, { parseQuery, setupRouter } from './router/index';
import dayjs from 'dayjs';
import { setupNaive } from './plugins';
import { setupStore } from './store';
import 'dayjs/locale/zh-cn';
import './styles/index.less';
import './utils/rem';
import { storage } from './utils/storage';
import { ACCESS_TOKEN_ADMIN } from './store/mutation-types';

async function setupApp() {
  // 处理token
  const authLoadNum = sessionStorage.getItem('authLoadNum');

  if (location.search && authLoadNum !== '1') {
    const parse = location.search.substring(1, location.search.length);
    const result = parseQuery(parse);
    if (result.Authorization) {
      const ex = 7 * 24 * 60 * 60 * 1000;
      storage.set(ACCESS_TOKEN_ADMIN, result.Authorization, ex);
      sessionStorage.setItem('authLoadNum', '1');
      sessionStorage.setItem('authSource', result.source?.toString() || '');
    }
    console.log(result, 'result');
  } else {
    sessionStorage.removeItem('authLoadNum');
    storage.remove(ACCESS_TOKEN_ADMIN);
  }
  // app loading
  // const appLoading = createApp(AppLoading);
  // appLoading.mount('#appLoading');
  const app = createApp(App);

  setupNaive(app);

  // store plugin: pinia
  setupStore(app);

  setupRouter(app);

  dayjs.locale('zh-ch');

  // app.use(router);
  await router.isReady();

  // mount app
  app.mount('#app');

  if ('serviceWorker' in navigator) {
    navigator.serviceWorker.ready.then(registration => {
      registration.unregister();
    });
  }
}

setupApp();