chore: 删除无用依赖

src/views/Guide/Guide.vue

@@ -1,15 +1,50 @@
 <script setup lang="ts">
 import { ContentWrap } from '@/components/ContentWrap'
 import { useI18n } from '@/hooks/web/useI18n'
-import { useIntro } from '@/hooks/web/useIntro'
 import { ElButton } from 'element-plus'
+import { driver } from 'driver.js'
+import 'driver.js/dist/driver.css'
+import { useDesign } from '@/hooks/web/useDesign'
 
 const { t } = useI18n()
 
-const { introRef } = useIntro()
+const { variables } = useDesign()
+
+const driverObj = driver({
+  showProgress: true,
+  nextBtnText: t('common.nextLabel'),
+  prevBtnText: t('common.prevLabel'),
+  doneBtnText: t('common.doneLabel'),
+  steps: [
+    {
+      element: `#${variables.namespace}-menu`,
+      popover: {
+        title: t('common.menu'),
+        description: t('common.menuDes'),
+        side: 'right'
+      }
+    },
+    {
+      element: `#${variables.namespace}-tool-header`,
+      popover: {
+        title: t('common.tool'),
+        description: t('common.toolDes'),
+        side: 'left'
+      }
+    },
+    {
+      element: `#${variables.namespace}-tags-view`,
+      popover: {
+        title: t('common.tagsView'),
+        description: t('common.tagsViewDes'),
+        side: 'bottom'
+      }
+    }
+  ]
+})
 
 const guideStart = () => {
-  introRef.start()
+  driverObj.drive()
 }
 </script>