Add image zoom plugin

Author: bendera

astro.config.mjs

@@ -2,6 +2,7 @@
 import { defineConfig } from "astro/config";
 import starlight from "@astrojs/starlight";
 import { pluginLineNumbers } from "@expressive-code/plugin-line-numbers";
+import starlightImageZoom from "starlight-image-zoom";
 
 const analytics = `
 (function(window, document, dataLayerName, id) {
@@ -32,8 +33,8 @@ export default defineConfig({
           tag: "meta",
           attrs: {
             name: "google-site-verification",
-            content: "xQEXVaL5aIe6GfMlfVDFzRqf0f4_XgL4son-Lk9RPQM"
-          }
+            content: "xQEXVaL5aIe6GfMlfVDFzRqf0f4_XgL4son-Lk9RPQM",
+          },
         },
         {
           tag: "script",
@@ -160,6 +161,7 @@ export default defineConfig({
         "./src/styles/restore-defaults.css",
         "./src/styles/custom.css",
       ],
+      plugins: [starlightImageZoom()],
     }),
   ],
 });

package-lock.json

@@ -19,6 +19,7 @@
     "astro": "^5.2.5",
     "marked": "^15.0.6",
     "sharp": "^0.33.5",
+    "starlight-image-zoom": "^0.10.1",
     "typescript": "^5.7.3"
   },
   "devDependencies": {