add image zoom

Author: HarshCasper

astro.config.mjs

@@ -4,6 +4,7 @@ import starlight from '@astrojs/starlight';
 import starlightUtils from '@lorenzo_lewis/starlight-utils';
 import starlightDocSearch from '@astrojs/starlight-docsearch';
 import starlightLinksValidator from 'starlight-links-validator'
+import starlightImageZoom from 'starlight-image-zoom'
 
 import markdoc from '@astrojs/markdoc';
 
@@ -94,6 +95,9 @@ export default defineConfig({
         alt: 'LocalStack',
       },
       plugins: [
+        starlightImageZoom({
+          showCaptions: true,
+        }),
         starlightLinksValidator({
           errorOnRelativeLinks: false,
           errorOnLocalLinks: false,

package-lock.json

@@ -29,6 +29,7 @@
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
     "sharp": "^0.32.5",
+    "starlight-image-zoom": "^0.12.0",
     "starlight-links-validator": "^0.17.0",
     "tailwind-merge": "^3.2.0",
     "tailwindcss": "^4.1.6"