自研Vite8+NaiveUI+Vue3+Echarts后台管理系统

import { createApp } from 'vue'
import './style.scss'
import App from './App.vue'

// 引入路由/状态管理
import Router from './router'
import Pinia from './pinia'

// 引入插件配置
import Plugins from './plugins'

createApp(App)
.use(Router)
.use(Pinia)
.use(Plugins)
.mount('#app')

<script setup>
  import { appState } from '@/pinia/modules/app'

  // 引入布局模板
  import Classic from './template/classic/index.vue'
  import Columns from './template/columns/index.vue'
  import Vertical from './template/vertical/index.vue'
  import Horizontal from './template/horizontal/index.vue'

  const appstate = appState()

  const LayoutMap = {
    'classic': Classic,
    'columns': Columns,
    'vertical': Vertical,
    'horizontal': Horizontal
  }
</script>

<template>
  <div class="vuadmin__container">
    <component :is="LayoutMap[appstate.config.layout]" />
  </div>
</template>