fix: 修改文件建构

src/App.vue

@@ -6,16 +6,16 @@
     :date-locale="dateZhCN"
     :theme-overrides="overridesTheme"
   >
-    <app-provider>
+    <go-app-provider>
       <I18n></I18n>
       <router-view></router-view>
-    </app-provider>
+    </go-app-provider>
   </n-config-provider>
 </template>
 
 <script lang="ts" setup>
 import { zhCN, dateZhCN, NConfigProvider } from 'naive-ui'
-import { AppProvider } from '@/components/AppProvider'
+import { GoAppProvider } from '@/components/GoAppProvider'
 import { I18n } from '@/components/I18n'
 
 import { useDarkThemeHook, useThemeOverridesHook, useCode } from '@/hooks'

src/components/AppProvider/index.ts

@@ -1,3 +0,0 @@
-import AppProvider from './AppProvider.vue';
-
-export { AppProvider };

src/components/ErrorComponent/index.ts

@@ -1,3 +0,0 @@
-import ErrorComponent from './index.vue';
-
-export { ErrorComponent };

src/components/ErrorComponent/index.vue

@@ -1,9 +0,0 @@
-<template>
-  <div>
-    <n-result status="error" title="错误" description="加载失败啦"> </n-result>
-  </div>
-</template>
-
-<script setup></script>
-
-<style lang="scss" scoped></style>

src/components/GoAppProvider/index.ts

@@ -0,0 +1,3 @@
+import GoAppProvider from './index.vue';
+
+export { GoAppProvider };

src/components/AppProvider/AppProvider.vue → src/components/GoAppProvider/index.vue

@@ -21,8 +21,8 @@ import {
   NLoadingBarProvider
 } from 'naive-ui'
 
-import { MessageContent } from '@/components/MessageContent'
-import { DialogContent } from '@/components/DialogContent'
-import { LoadingContent } from '@/components/LoadingContent'
+import { MessageContent } from '@/components/Plugins/MessageContent'
+import { DialogContent } from '@/components/Plugins/DialogContent'
+import { LoadingContent } from '@/components/Plugins/LoadingContent'
 
 </script>

src/components/GoDoc/index.ts

@@ -1,3 +0,0 @@
-import GoDoc from './index.vue';
-
-export { GoDoc };

src/components/GoDoc/index.vue

@@ -1,17 +0,0 @@
-<template>
-  <n-button quaternary @click="handleClick" title="说明文档">
-    <n-icon size="20" :depth="1">
-      <document-text-icon></document-text-icon>
-    </n-icon>
-  </n-button>
-</template>
-
-<script lang="ts" setup>
-import { openDoc } from '@/utils'
-import { icon } from '@/plugins'
-const { DocumentTextIcon } = icon.ionicons5
-
-const handleClick = () => {
-  openDoc()
-}
-</script>

src/components/GoLangSelect/index.ts

@@ -0,0 +1,3 @@
+import GoLangSelect from './index.vue';
+
+export { GoLangSelect };

src/components/GoReload/index.ts

@@ -0,0 +1,3 @@
+import GoReload from './index.vue';
+
+export { GoReload };

src/components/GoThemeSelect/index.ts

@@ -0,0 +1,3 @@
+import GoThemeSelect from './index.vue';
+
+export { GoThemeSelect };

src/components/GoUserInfo/index.vue

@@ -32,7 +32,6 @@ import Person from './person.png'
 
 import { icon } from '@/plugins'
 const {
-  DocumentTextIcon,
   ChatboxEllipsesIcon,
   PersonIcon,
   LogOutOutlineIcon,
@@ -78,11 +77,6 @@ const options = ref([
     type: 'divider',
     key: 'd1'
   },
-  {
-    label: renderLang('global.doc'),
-    key: 'doc',
-    icon: renderIcon(DocumentTextIcon)
-  },
   {
     label: renderLang('global.contact'),
     key: 'contact',
@@ -116,9 +110,6 @@ const sysSetHandle = () => {
 
 const handleSelect = (key: string) => {
   switch (key) {
-    case 'doc':
-      openDoc()
-      break
     case 'contact':
       openDoc()
       break

src/components/LangSelect/index.ts

@@ -1,3 +0,0 @@
-import LangSelect from './index.vue';
-
-export { LangSelect };

src/components/ChartItemSetting/GlobalSetting.vue → src/components/Pages/ChartItemSetting/GlobalSetting.vue

@@ -287,7 +287,7 @@ import {
   CollapseItem,
   SettingItemBox,
   SettingItem
-} from '@/components/ChartItemSetting/index'
+} from '@/components/Pages/ChartItemSetting'
 
 const props = defineProps({
   optionData: {

src/components/ChartItemSetting/NameSetting.vue → src/components/Pages/ChartItemSetting/NameSetting.vue

@@ -17,7 +17,7 @@
 
 <script setup lang="ts">
 import { PropType } from 'vue'
-import { SettingItemBox } from '@/components/ChartItemSetting/index'
+import { SettingItemBox } from '@/components/Pages/ChartItemSetting'
 import { ConfigType } from '@/packages/index.d'
 
 const props = defineProps({

src/components/ChartItemSetting/PositionSetting.vue → src/components/Pages/ChartItemSetting/PositionSetting.vue

@@ -39,7 +39,7 @@
 <script setup lang="ts">
 import { PropType } from 'vue'
 import { PickCreateComponentType } from '@/packages/index.d'
-import { SettingItemBox } from '@/components/ChartItemSetting/index'
+import { SettingItemBox } from '@/components/Pages/ChartItemSetting'
 import { renderIcon } from '@/utils'
 import { icon } from '@/plugins/index'
 import { EditCanvasConfigType } from '@/store/modules/chartEditStore/chartEditStore.d'

src/components/ChartItemSetting/SizeSetting.vue → src/components/Pages/ChartItemSetting/SizeSetting.vue

@@ -26,7 +26,7 @@
 <script setup lang="ts">
 import { PropType } from 'vue'
 import { PickCreateComponentType } from '@/packages/index.d'
-import { SettingItemBox } from '@/components/ChartItemSetting/index'
+import { SettingItemBox } from '@/components/Pages/ChartItemSetting'
 
 const props = defineProps({
   chartAttr: {

src/components/ChartItemSetting/StylesSetting.vue → src/components/Pages/ChartItemSetting/StylesSetting.vue

@@ -18,7 +18,7 @@ import { PickCreateComponentType } from '@/packages/index.d'
 import {
   SettingItemBox,
   CollapseItem
-} from '@/components/ChartItemSetting/index'
+} from '@/components/Pages/ChartItemSetting'
 
 const props = defineProps({
   chartStyles: {

src/components/Reload/index.ts

@@ -1,3 +0,0 @@
-import Reload from './index.vue';
-
-export { Reload };

src/components/ThemeSelect/index.ts

@@ -1,3 +0,0 @@
-import ThemeSelect from './index.vue';
-
-export { ThemeSelect };

src/layout/components/LayoutHeader/index.vue

@@ -12,9 +12,9 @@
       <div class="header-item right">
         <n-space>
           <slot name="ri-left"> </slot>
-          <lang-select></lang-select>
+          <go-lang-select></go-lang-select>
           <theme-color-select></theme-color-select>
-          <Theme-select></Theme-select>
+          <go-theme-select></go-theme-select>
           <slot name="ri-right"> </slot>
         </n-space>
       </div>
@@ -23,9 +23,9 @@
 </template>
 
 <script setup lang="ts">
-import { ThemeSelect } from '@/components/ThemeSelect'
-import { LangSelect } from '@/components/LangSelect'
-import { ThemeColorSelect } from '@/components/ThemeColorSelect'
+import { GoThemeSelect } from '@/components/GoThemeSelect'
+import { GoLangSelect } from '@/components/GoLangSelect'
+import { ThemeColorSelect } from '@/components/Pages/ThemeColorSelect'
 </script>
 
 <style lang="scss" scoped>

src/main.ts

@@ -4,7 +4,7 @@ import router, { setupRouter } from '@/router'
 import i18n from '@/i18n/index'
 import { setupStore } from '@/store'
 import { setupNaive, setupDirectives, setupCustomComponents } from '@/plugins'
-import { AppProvider } from '@/components/AppProvider/index'
+import { GoAppProvider } from '@/components/GoAppProvider/index'
 import { setHtmlTheme } from '@/utils'
 
 // 引入动画
@@ -13,7 +13,7 @@ import 'animate.css/animate.min.css'
 import 'vue3-sketch-ruler/lib/style.css'
 
 async function appInit() {
-  const appProvider = createApp(AppProvider)
+  const goAppProvider = createApp(GoAppProvider)
 
   const app = createApp(App)
 
@@ -30,7 +30,7 @@ async function appInit() {
   setupStore(app)
 
   // 解决路由守卫，Axios中可使用，Dialog，Message 等全局组件
-  appProvider.mount('#appProvider', true)
+  goAppProvider.mount('#appProvider', true)
 
   // 挂载路由
   setupRouter(app)

src/packages/components/Charts/Bars/BarCommon/config.vue

@@ -47,7 +47,7 @@ import {
   CollapseItem,
   SettingItemBox,
   SettingItem
-} from '@/components/ChartItemSetting/index'
+} from '@/components/Pages/ChartItemSetting'
 import { GlobalThemeJsonType } from '@/settings/chartThemes/index'
 
 const props = defineProps({

src/packages/components/Charts/Bars/BarCrossrange/config.vue

@@ -31,7 +31,7 @@
 
 <script setup lang="ts">
 import { PropType, computed } from 'vue'
-import { GlobalSetting, CollapseItem, SettingItemBox, SettingItem } from '@/components/ChartItemSetting/index'
+import { GlobalSetting, CollapseItem, SettingItemBox, SettingItem } from '@/components/Pages/ChartItemSetting'
 import { option } from './config'
 import { GlobalThemeJsonType } from '@/settings/chartThemes/index'
 

src/packages/components/Charts/Lines/LineCommon/config.vue

@@ -77,7 +77,7 @@ import {
   CollapseItem,
   SettingItemBox,
   SettingItem
-} from '@/components/ChartItemSetting/index'
+} from '@/components/Pages/ChartItemSetting'
 import { GlobalThemeJsonType } from '@/settings/chartThemes/index'
 
 const props = defineProps({

src/packages/components/Charts/Pies/PieCommon/config.vue

@@ -6,7 +6,7 @@
 <script setup lang="ts">
 import { PropType } from 'vue'
 import { GlobalThemeJsonType } from '@/settings/chartThemes/index'
-import { GlobalSetting } from '@/components/ChartItemSetting/index'
+import { GlobalSetting } from '@/components/Pages/ChartItemSetting'
 
 const props = defineProps({
   optionData: {

src/packages/components/Decorates/Borders/Border01/config.vue

@@ -55,7 +55,7 @@ import {
   CollapseItem,
   SettingItemBox,
   SettingItem
-} from '@/components/ChartItemSetting/index'
+} from '@/components/Pages/ChartItemSetting'
 import { option } from './config'
 
 const props = defineProps({

src/packages/components/Decorates/Borders/Border02/config.vue

@@ -42,7 +42,7 @@ import {
   CollapseItem,
   SettingItemBox,
   SettingItem
-} from '@/components/ChartItemSetting/index'
+} from '@/components/Pages/ChartItemSetting'
 import { option } from './config'
 
 const props = defineProps({

src/packages/components/Decorates/Borders/Border03/config.vue

@@ -42,7 +42,7 @@ import {
   CollapseItem,
   SettingItemBox,
   SettingItem
-} from '@/components/ChartItemSetting/index'
+} from '@/components/Pages/ChartItemSetting'
 import { option } from './config'
 
 const props = defineProps({

src/packages/components/Decorates/Borders/Border04/config.vue

@@ -86,7 +86,7 @@ import {
   CollapseItem,
   SettingItemBox,
   SettingItem
-} from '@/components/ChartItemSetting/index'
+} from '@/components/Pages/ChartItemSetting'
 import { option } from './config'
 
 const props = defineProps({

src/packages/components/Decorates/Borders/Border05/config.vue

@@ -42,7 +42,7 @@ import {
   CollapseItem,
   SettingItemBox,
   SettingItem
-} from '@/components/ChartItemSetting/index'
+} from '@/components/Pages/ChartItemSetting'
 import { option } from './config'
 
 const props = defineProps({

src/packages/components/Decorates/Borders/Border06/config.vue

@@ -42,7 +42,7 @@ import {
   CollapseItem,
   SettingItemBox,
   SettingItem
-} from '@/components/ChartItemSetting/index'
+} from '@/components/Pages/ChartItemSetting'
 import { option } from './config'
 
 const props = defineProps({

src/packages/components/Decorates/Borders/Border07/config.vue

@@ -42,7 +42,7 @@ import {
   CollapseItem,
   SettingItemBox,
   SettingItem
-} from '@/components/ChartItemSetting/index'
+} from '@/components/Pages/ChartItemSetting'
 import { option } from './config'
 
 const props = defineProps({

src/packages/components/Decorates/Borders/Border08/config.vue

@@ -59,7 +59,7 @@ import {
   CollapseItem,
   SettingItemBox,
   SettingItem,
-} from '@/components/ChartItemSetting/index'
+} from '@/components/Pages/ChartItemSetting'
 import { option } from './config'
 
 const props = defineProps({

src/packages/components/Decorates/Borders/Border09/config.vue

@@ -42,7 +42,7 @@ import {
   CollapseItem,
   SettingItemBox,
   SettingItem
-} from '@/components/ChartItemSetting/index'
+} from '@/components/Pages/ChartItemSetting'
 import { option } from './config'
 
 const props = defineProps({

src/packages/components/Decorates/Borders/Border10/config.vue

@@ -42,7 +42,7 @@ import {
   CollapseItem,
   SettingItemBox,
   SettingItem
-} from '@/components/ChartItemSetting/index'
+} from '@/components/Pages/ChartItemSetting'
 import { option } from './config'
 
 const props = defineProps({

src/packages/components/Decorates/Borders/Border11/config.vue

@@ -42,7 +42,7 @@ import {
   CollapseItem,
   SettingItemBox,
   SettingItem
-} from '@/components/ChartItemSetting/index'
+} from '@/components/Pages/ChartItemSetting'
 import { option } from './config'
 
 const props = defineProps({

src/packages/components/Decorates/Borders/Border12/config.vue

@@ -42,7 +42,7 @@ import {
   CollapseItem,
   SettingItemBox,
   SettingItem
-} from '@/components/ChartItemSetting/index'
+} from '@/components/Pages/ChartItemSetting'
 import { option } from './config'
 
 const props = defineProps({

src/packages/components/Decorates/Borders/Border13/config.vue

@@ -42,7 +42,7 @@ import {
   CollapseItem,
   SettingItemBox,
   SettingItem
-} from '@/components/ChartItemSetting/index'
+} from '@/components/Pages/ChartItemSetting'
 import { option } from './config'
 
 const props = defineProps({

src/packages/components/Decorates/Decorates/Decorates01/config.vue

@@ -57,7 +57,7 @@ import {
   CollapseItem,
   SettingItemBox,
   SettingItem
-} from '@/components/ChartItemSetting/index'
+} from '@/components/Pages/ChartItemSetting'
 import { option } from './config'
 
 const props = defineProps({

src/packages/components/Decorates/Decorates/Decorates02/config.vue

@@ -30,7 +30,7 @@ import {
   CollapseItem,
   SettingItemBox,
   SettingItem
-} from '@/components/ChartItemSetting/index'
+} from '@/components/Pages/ChartItemSetting'
 import { option } from './config'
 
 const props = defineProps({

src/packages/components/Decorates/Decorates/Decorates03/config.vue

@@ -55,7 +55,7 @@ import {
   CollapseItem,
   SettingItemBox,
   SettingItem,
-} from '@/components/ChartItemSetting/index'
+} from '@/components/Pages/ChartItemSetting'
 import { option } from './config'
 
 const props = defineProps({

src/packages/components/Decorates/Decorates/Decorates04/config.vue

@@ -39,7 +39,7 @@ import {
   CollapseItem,
   SettingItemBox,
   SettingItem,
-} from '@/components/ChartItemSetting/index'
+} from '@/components/Pages/ChartItemSetting'
 import { option } from './config'
 
 const props = defineProps({

src/packages/components/Decorates/Decorates/Decorates05/config.vue

@@ -43,7 +43,7 @@ import {
   CollapseItem,
   SettingItemBox,
   SettingItem,
-} from '@/components/ChartItemSetting/index'
+} from '@/components/Pages/ChartItemSetting'
 import { option } from './config'
 
 const props = defineProps({

src/packages/components/Decorates/Mores/Number/config.vue

@@ -84,7 +84,7 @@ import {
   CollapseItem,
   SettingItemBox,
   SettingItem,
-} from '@/components/ChartItemSetting/index'
+} from '@/components/Pages/ChartItemSetting'
 import { option } from './config'
 
 const props = defineProps({

src/packages/components/Informations/Texts/TextCommon/config.vue

@@ -50,7 +50,7 @@ import {
   CollapseItem,
   SettingItemBox,
   SettingItem
-} from '@/components/ChartItemSetting/index'
+} from '@/components/Pages/ChartItemSetting'
 
 const props = defineProps({
   optionData: {

src/packages/components/Tables/Tables/TableList/config.vue

@@ -58,7 +58,7 @@ import {
   CollapseItem,
   SettingItemBox,
   SettingItem,
-} from '@/components/ChartItemSetting/index'
+} from '@/components/Pages/ChartItemSetting'
 import { option } from './config'
 
 const props = defineProps({

src/router/base.ts

@@ -2,7 +2,7 @@ import { RouteRecordRaw } from 'vue-router'
 import type { AppRouteRecordRaw } from '@/router/types';
 import { ErrorPage404, ErrorPage403, ErrorPage500, Layout } from '@/router/constant';
 import { PageEnum } from '@/enums/pageEnum'
-import { Reload } from '@/components/Reload/index'
+import { GoReload } from '@/components/GoReload'
 
 
 export const LoginRoute: RouteRecordRaw = {
@@ -54,7 +54,7 @@ export const ErrorPageRoute: AppRouteRecordRaw = {
 export const ReloadRoute: AppRouteRecordRaw = {
   path: PageEnum.RELOAD,
   name: PageEnum.RELOAD_NAME,
-  component: Reload,
+  component: GoReload,
   meta: {
     title: PageEnum.RELOAD_NAME,
   },

src/views/chart/ContentCharts/components/ItemBox/index.vue

@@ -22,7 +22,7 @@
 
 <script setup lang="ts">
 import { PropType } from 'vue'
-import { MacOsControlBtn } from '@/components/MacOsControlBtn/index'
+import { MacOsControlBtn } from '@/components/Tips/MacOsControlBtn/index'
 import { useChartEditStore } from '@/store/modules/chartEditStore/chartEditStore'
 import { EditCanvasTypeEnum } from '@/store/modules/chartEditStore/chartEditStore.d'
 import { componentInstall } from '@/utils'

src/views/chart/ContentConfigurations/components/CanvasPage/components/ChartDataSetting/index.vue

@@ -22,7 +22,7 @@
 </template>
 
 <script setup lang="ts">
-import { SettingItemBox } from '@/components/ChartItemSetting/index'
+import { SettingItemBox } from '@/components/Pages/ChartItemSetting'
 import { useChartEditStore } from '@/store/modules/chartEditStore/chartEditStore'
 
 const chartEditStore = useChartEditStore()

src/views/chart/ContentConfigurations/components/ChartAnimation/index.vue

@@ -36,7 +36,7 @@
 <script setup lang="ts">
 import { ref } from 'vue'
 import { animations } from '@/settings/animations/index'
-import { CollapseItem } from '@/components/ChartItemSetting/index'
+import { CollapseItem } from '@/components/Pages/ChartItemSetting'
 import { useDesignStore } from '@/store/modules/designStore/designStore'
 import { useTargetData } from '../hooks/useTargetData.hook'
 

src/views/chart/ContentConfigurations/components/ChartData/components/ChartDataAjax/index.vue

@@ -63,7 +63,7 @@
 <script setup lang="ts">
 import { ref, toRefs } from 'vue'
 import { icon } from '@/plugins'
-import { SettingItemBox } from '@/components/ChartItemSetting/index'
+import { SettingItemBox } from '@/components/Pages/ChartItemSetting'
 import { RequestHttpEnum } from '@/enums/httpEnum'
 import { chartDataUrl, rankListUrl } from '@/api/mock'
 import { http } from '@/api/http'

src/views/chart/ContentConfigurations/components/ChartData/index.vue

@@ -20,7 +20,7 @@
 </template>
 
 <script setup lang="ts">
-import { SettingItemBox } from '@/components/ChartItemSetting/index'
+import { SettingItemBox } from '@/components/Pages/ChartItemSetting'
 import { useTargetData } from '../hooks/useTargetData.hook'
 import { ChartDataStatic } from './components/ChartDataStatic/index'
 import { ChartDataAjax } from './components/ChartDataAjax/index'

src/views/chart/ContentConfigurations/components/ChartSetting/index.vue

@@ -14,7 +14,7 @@
 </template>
 
 <script setup lang="ts">
-import { NameSetting, PositionSetting, SizeSetting, StylesSetting } from '@/components/ChartItemSetting/index'
+import { NameSetting, PositionSetting, SizeSetting, StylesSetting } from '@/components/Pages/ChartItemSetting'
 import { useTargetData } from '../hooks/useTargetData.hook'
 const { targetData, chartEditStore } = useTargetData()
 

src/views/login/index.vue

@@ -18,8 +18,8 @@
     <layout-header>
       <template #left></template>
       <template #right>
-        <lang-select></lang-select>
-        <theme-select></theme-select>
+        <go-lang-select></go-lang-select>
+        <go-theme-select></go-theme-select>
       </template>
     </layout-header>
     <div class="go-login">
@@ -119,8 +119,8 @@ import { reactive, ref, onMounted } from 'vue'
 import shuffle from 'lodash/shuffle'
 import { carouselInterval } from '@/settings/designSetting'
 import { useDesignStore } from '@/store/modules/designStore/designStore'
-import { ThemeSelect } from '@/components/ThemeSelect'
-import { LangSelect } from '@/components/LangSelect'
+import { GoThemeSelect } from '@/components/GoThemeSelect'
+import { GoLangSelect } from '@/components/GoLangSelect'
 import { LayoutHeader } from '@/layout/components/LayoutHeader'
 import { LayoutFooter } from '@/layout/components/LayoutFooter'
 import { PageEnum } from '@/enums/pageEnum'
@@ -315,7 +315,7 @@ $carousel-image-height: 60vh;
     align-items: center;
     width: 100vw;
     height: 100vh;
-    background: url('@/assets/images/login/login-bg.png') no-repeat 0 -120px;
+    background: url('../../assets/images/login/login-bg.png') no-repeat 0 -120px;
     .bg-slot {
       width: $carousel-width;
     }

src/views/project/items/components/ProjectItemsCard/index.vue

@@ -85,7 +85,7 @@
 import { reactive, ref, PropType } from 'vue'
 import { renderIcon, renderLang,  requireErrorImg } from '@/utils'
 import { icon } from '@/plugins'
-import { MacOsControlBtn } from '@/components/MacOsControlBtn'
+import { MacOsControlBtn } from '@/components/Tips/MacOsControlBtn'
 import { Chartype } from '../../index.d'
 const {
   EllipsisHorizontalCircleSharpIcon,

src/views/project/items/components/ProjectItemsModalCard/index.vue

@@ -78,7 +78,7 @@
 import { reactive } from 'vue'
 import { renderIcon, renderLang } from '@/utils'
 import { icon } from '@/plugins'
-import { MacOsControlBtn } from '@/components/MacOsControlBtn'
+import { MacOsControlBtn } from '@/components/Tips/MacOsControlBtn'
 
 const { HammerIcon } = icon.ionicons5
 

src/views/project/layout/components/ProjectLayoutAsideFooter/index.vue

@@ -7,23 +7,23 @@
           <n-button secondary @click="handleDoc">
             <template #icon>
               <n-icon size="18">
-                <help-outline-icon></help-outline-icon>
+                <document-text-icon></document-text-icon>
               </n-icon>
             </template>
           </n-button>
         </template>
         <n-text>
-          {{ $t('global.help') }}
+          {{ $t('global.doc') }}
         </n-text>
       </n-tooltip>
 
       <n-button v-else secondary @click="handleDoc">
         <template #icon>
           <n-icon size="18">
-            <help-outline-icon></help-outline-icon>
+            <document-text-icon></document-text-icon>
           </n-icon>
         </template>
-        <n-text>{{ $t('global.help') }}</n-text>
+        <n-text>{{ $t('global.doc') }}</n-text>
       </n-button>
 
       <n-tooltip v-if="collapsed" placement="right" trigger="hover">
@@ -56,7 +56,7 @@
 import { openDoc, openGiteeSourceCode } from '@/utils'
 
 import { icon } from '@/plugins'
-const { HelpOutlineIcon, CodeSlashIcon } = icon.ionicons5
+const { DocumentTextIcon, CodeSlashIcon } = icon.ionicons5
 
 const props = defineProps({
   collapsed: Boolean