fix: 解决所有icon的引入路径问题

src/components/Doc/index.vue

@@ -8,7 +8,8 @@
 
 <script lang="ts" setup>
 import { openDoc } from '@/utils'
-import { DocumentText as DocumentTextIcon } from '@vicons/ionicons5'
+import { icon } from '@/plugins'
+const { DocumentTextIcon } = icon.ionicons5
 
 const handleClick = () => {
   openDoc()

src/components/LangSelect/index.vue

@@ -15,10 +15,11 @@
 
 <script lang="ts" setup>
 import { useLangStore } from '@/store/modules/langStore/langStore'
-import { Language as LanguageIcon } from '@vicons/ionicons5'
 import { langList } from '@/settings/designSetting'
 import { LangEnum } from '@/enums/styleEnum'
+import { icon } from '@/plugins'
 
+const { LanguageIcon } = icon.ionicons5
 const langStore = useLangStore()
 const options = langList
 

src/components/ThemeSelect/index.vue

@@ -10,8 +10,8 @@
 <script lang="ts" setup>
 import { useDesignStore } from '@/store/modules/designStore/designStore'
 import { setHtmlTheme } from '@/utils'
-import { Moon as MoonIcon, Sunny as SunnyIcon } from '@vicons/ionicons5'
-
+import { icon } from '@/plugins'
+const { MoonIcon, SunnyIcon } = icon.ionicons5
 const designStore = useDesignStore()
 
 // 改变样式

src/components/UserInfo/index.vue

@@ -24,12 +24,9 @@ import { h, ref } from 'vue'
 import { NAvatar, NText } from 'naive-ui'
 import { renderIcon } from '@/utils'
 import { openDoc, logout } from '@/utils'
-import {
-  Person as PersonIcon,
-  LogOutOutline as LogOutOutlineIcon,
-  DocumentText as DocumentTextIcon,
-  ChatboxEllipses as ChatboxEllipsesIcon
-} from '@vicons/ionicons5'
+
+import { icon } from '@/plugins'
+const { DocumentTextIcon, ChatboxEllipsesIcon, PersonIcon, LogOutOutlineIcon } = icon.ionicons5
 
 const imageUrl = 'https://www.naiveui.com/assets/naivelogo.93278402.svg'