fix: import ep icon from icons-vue

package.json

@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "@element-plus/icons-vue": "^2.3.1",
-    "@vueuse/core": "^10.11.1",
+    "@vueuse/core": "^11.3.0",
     "element-plus": "^2.8.8",
-    "vue": "^3.4.21"
+    "vue": "^3.5.13"
   },
   "devDependencies": {
     "@iconify-json/ep": "^1.2.1",

src/components/layouts/BaseSide.vue

@@ -7,7 +7,9 @@
   >
     <el-sub-menu index="1">
       <template #title>
-        <el-icon><location /></el-icon>
+        <el-icon>
+          <Location />
+        </el-icon>
         <span>Navigator One</span>
       </template>
       <el-menu-item-group>
@@ -24,28 +26,34 @@
       </el-sub-menu>
     </el-sub-menu>
     <el-menu-item index="2">
-      <el-icon><icon-menu /></el-icon>
+      <el-icon>
+        <IconMenu />
+      </el-icon>
       <template #title>Navigator Two</template>
     </el-menu-item>
     <el-menu-item index="3" disabled>
-      <el-icon><document /></el-icon>
+      <el-icon>
+        <Document />
+      </el-icon>
       <template #title>Navigator Three</template>
     </el-menu-item>
     <el-menu-item index="4">
-      <el-icon><setting /></el-icon>
+      <el-icon>
+        <Setting />
+      </el-icon>
       <template #title>Navigator Four</template>
     </el-menu-item>
   </el-menu>
 </template>
 
 <script lang="ts" setup>
 import { ref } from "vue";
-// import {
-//   Location,
-//   Document,
-//   Menu as IconMenu,
-//   Setting,
-// } from "@element-plus/icons-vue";
+import {
+  Location,
+  Document,
+  Menu as IconMenu,
+  Setting,
+} from "@element-plus/icons-vue";
 
 const isCollapse = ref(true);
 const handleOpen = (key: string, keyPath: string[]) => {