add image zoom (#37)

HarshCasper · web-flow · commit ce3e6979da9b · 2025-06-26T11:49:43.000+05:30
diff --git a/astro.config.mjs b/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 sitemap from '@astrojs/sitemap';
 import starlightFullViewMode from 'starlight-fullview-mode'
 import starlightTocOverviewCustomizer from 'starlight-toc-overview-customizer'
@@ -108,6 +109,9 @@ export default defineConfig({
         alt: 'LocalStack',
       },
       plugins: [
+        starlightImageZoom({
+          showCaptions: true,
+        }),
         starlightTocOverviewCustomizer({
           overviewTitle: "Back to top",
         }),
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -30,6 +30,7 @@
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
     "sharp": "^0.32.5",
+    "starlight-image-zoom": "^0.12.0",
     "starlight-fullview-mode": "^0.2.3",
     "starlight-links-validator": "^0.17.0",
     "starlight-toc-overview-customizer": "^0.1.0",
