docs: support view image

.docs/.vitepress/theme/index.ts

@@ -4,6 +4,10 @@ import type { Theme } from 'vitepress'
 import DefaultTheme from 'vitepress/theme'
 import './style.css'
 import HomeUnderline from './components/HomeUnderline.vue'
+import 'viewerjs/dist/viewer.min.css';
+import imageViewer from 'vitepress-plugin-image-viewer';
+import vImageViewer from 'vitepress-plugin-image-viewer/lib/vImageViewer.vue';
+import { useRoute } from 'vitepress';
 
 export default {
   extends: DefaultTheme,
@@ -15,6 +19,10 @@ export default {
   enhanceApp({ app, router, siteData }) {
     // ...
     app.component('HomeUnderline' , HomeUnderline) // 首页下划线
-
+    app.component('vImageViewer', vImageViewer);
+  },
+  setup() {
+    const route = useRoute();
+    imageViewer(route);
   }
 } satisfies Theme

package.json

@@ -1,7 +1,8 @@
 {
   "dependencies": {
     "number-to-emoji": "^1.0.0",
-    "plist": "^3.1.0"
+    "plist": "^3.1.0",
+    "vitepress-plugin-image-viewer": "^1.1.5"
   },
   "devDependencies": {
     "vitepress": "^1.4.3"