import html from "html";
import { ElConfigProvider } from "element-plus";
import zh from "./lib/element-plus/locale/zh-cn.min.mjs";
import en from "./lib/element-plus/locale/en.min.mjs";
import { Suspense, reactive, onMounted } from "vue";

export default {
  components: { ElConfigProvider, Suspense },
  template: html`
    <el-config-provider :locale="localeMap.get($i18n.locale)">
      <router-view></router-view>
    </el-config-provider>
  `,
  setup() {
    const localeMap = reactive(
      new Map([
        ["zh", zh],
        ["en", en],
      ])
    );
    onMounted(() => document.querySelector("#loading.loading").classList.remove("loading"));
    return {
      localeMap,
    };
  },
};