feat: 集成tags多标签功能

src/layout/index.vue

@@ -1,20 +1,16 @@
-<script setup>
-import AppHeader from './components/header/index.vue'
-import SideMenu from './components/sidebar/index.vue'
-import AppMain from './components/AppMain.vue'
-</script>
-
 <template>
   <div class="layout">
     <n-layout has-sider position="absolute">
       <n-layout-sider :width="200" :collapsed-width="0" :native-scrollbar="false">
-        <SideMenu />
+        <SideBar />
       </n-layout-sider>
       <n-layout>
         <n-layout-header>
           <AppHeader />
         </n-layout-header>
+
         <n-layout position="absolute" style="top: 60px; background-color: #f5f6fb" :native-scrollbar="false">
+          <AppTags v-if="useTheme.tag.visible" />
           <AppMain />
         </n-layout>
       </n-layout>
@@ -22,6 +18,16 @@ import AppMain from './components/AppMain.vue'
   </div>
 </template>
 
+<script setup>
+import AppHeader from './components/header/index.vue'
+import SideBar from './components/sidebar/index.vue'
+import AppMain from './components/AppMain.vue'
+import AppTags from './components/tags/index.vue'
+import { useThemeStore } from '@/store/modules/theme'
+
+const useTheme = useThemeStore()
+</script>
+
 <style lang="scss" scoped>
 .n-layout-header {
   height: 60px;