feat: ✨ added zoom to pictures

docs/.vitepress/theme/index.ts

@@ -1,11 +1,22 @@
 import DefaultTheme from 'vitepress/theme';
 import Mermaid from './Mermaid.vue';
+import imageViewer from 'vitepress-plugin-image-viewer';
+import vImageViewer from 'vitepress-plugin-image-viewer/lib/vImageViewer.vue';
 import type { EnhanceAppContext } from 'vitepress';
+import { useRoute } from 'vitepress';
 
 export default {
   ...DefaultTheme,
   enhanceApp({ app }: EnhanceAppContext) {
     // register global components
     app.component('Mermaid', Mermaid);
+    // Register global components, if you don't want to use it, you don't need to add it
+    app.component('vImageViewer', vImageViewer);
   },
+  setup() {
+    // Get route
+    const route = useRoute();
+    // Using
+    imageViewer(route);
+  }
 };

package.json

@@ -31,10 +31,10 @@
     "@abaplint/transpiler": "^2.10.5",
     "@abaplint/transpiler-cli": "^2.10.5",
     "vitepress": "^1.3.0"
-
   },
   "dependencies": {
     "mermaid": "^10.9.1",
+    "vitepress-plugin-image-viewer": "^1.1.5",
     "vitepress-plugin-mermaid": "^2.0.16"
   }
 }