<template>
  <div
    id="app"
    class="bg-gray-50 text-slate-700 text-sm !dark:text-slate-500 dark:bg-slate-800"
  >
    <el-config-provider :locale="zhCn" v-bind="themeStore.elConfig">
      <router-view />
      <Application />
    </el-config-provider>
  </div>
</template>

<script setup>
  import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
  import Application from '@/components/application/index.vue'
  import { useThemeStore } from '@/pinia'

  const themeStore = useThemeStore()
  defineOptions({
    name: 'App'
  })
</script>
<style lang="scss">
  // 引入初始化样式
  #app {
    height: 100vh;
    overflow: hidden;
    font-weight: 400 !important;
  }

  .el-button {
    font-weight: 400 !important;
  }

  .kra-body-h {
    min-height: calc(100% - 3rem);
  }

  .kra-container {
    height: calc(100% - 2.5rem);
  }

  .kra-container2 {
    height: calc(100% - 2.5rem);
  }
</style>
