<template>
  <el-config-provider :locale="locale">
    <router-view />
  </el-config-provider>
</template>

<script lang="ts">
export default defineComponent({
  name: 'App',
})
</script>

<script lang="ts" setup>
import { defineComponent, ref } from 'vue'
import zhCn from 'element-plus/es/locale/lang/zh-cn'
import { ElConfigProvider } from 'element-plus'

const locale = ref(zhCn)
</script>

<style lang="scss">
@use '@/assets/css/tailwind.scss';
body {
  position: relative;
  margin: 0;
  padding: 0;
  font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB',
    'Microsoft YaHei', '\5fae\8f6f\96c5\9ed1', Arial, sans-serif;
}

#app {
  background-color: rgb(233, 230, 231);
  height: 100%;
  width: 100%;
  position: relative;
  div {
    box-sizing: border-box;
  }
}
</style>

<style lang="scss" scoped></style>
