<template>
  <!-- <div id="nav">
    <router-link to="/">Home</router-link> |
    <router-link to="/about">About</router-link>
  </div> --> 
  <a-config-provider :locale="len.$s() == 'zh' ? zh : en">
    <router-view/>
  </a-config-provider>
</template>
<script lang="ts">
import { defineComponent } from 'vue';
import router from './router';
import store from './store';
import { getValue } from './utils/common';
import { provideI18n } from "@/utils/i18n"
import i18ninit from "@/i18n/init"
import enUS from 'ant-design-vue/es/locale/en_US';
import zhCN from 'ant-design-vue/es/locale/zh_CN';

export default defineComponent({
  setup(){
    console.log(i18ninit)
    const len = provideI18n(i18ninit);
    len.locale.value = !getValue("Lanvuage") ? 'zh' : getValue("Lanvuage");
    if(getValue('token')){
      store.commit("login", true)
      store.dispatch("setUserInfo");
    }else{
      
      console.log('ip')
      store.dispatch("getip");
      store.commit('setWlan')
      router.push("/")
    }
    const zh = zhCN
    const en = enUS
    return{
      zh,
      en,
      len
    }
  }
})
</script>

<style lang="scss">
div {
  user-select: none;
}
.one-line-hide {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
input[type="number"]{
  -moz-appearance: textfield;
}
</style>
