feat: use docusaurus-plugin-image-zoom to add zoomable images

barjin · barjin · commit 03c95e1e4ed9 · 2025-07-14T12:53:45.000+02:00
diff --git a/docusaurus.config.js b/docusaurus.config.js
@@ -127,6 +127,7 @@ module.exports = {
         ],
     ]),
     plugins: [
+        'docusaurus-plugin-image-zoom',
         [
             '@docusaurus/plugin-content-docs',
             {
@@ -307,6 +308,9 @@ module.exports = {
                 'http', 'bash', 'ruby', 'java', 'scala', 'go', 'csharp', 'powershell', 'dart', 'objectivec', 'ocaml', 'r',
             ],
         },
+        zoom: {
+            selector: '.markdown img',
+        },
         languageTabs: [
             {
                 highlight: 'bash',
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -59,8 +59,8 @@
         "globby": "^14.0.0",
         "markdownlint": "^0.38.0",
         "markdownlint-cli": "^0.45.0",
-        "path-browserify": "^1.0.1",
         "patch-package": "^8.0.0",
+        "path-browserify": "^1.0.1",
         "rimraf": "^6.0.0",
         "typescript": "5.8.3",
         "typescript-eslint": "^8.29.1"
@@ -80,6 +80,7 @@
         "@redocly/cli": "^1.27.1",
         "ajv": "^8.17.1",
         "clsx": "^2.0.0",
+        "docusaurus-plugin-image-zoom": "^3.0.1",
         "docusaurus-plugin-openapi-docs": "^4.3.7",
         "docusaurus-theme-openapi-docs": "^4.3.7",
         "form-data": "^4.0.0",

Original file line number	Diff line number	Diff line change
`@@ -127,6 +127,7 @@ module.exports = {`
`127`	`127`	`],`
`128`	`128`	`]),`
`129`	`129`	`plugins: [`
	`130`	`+ 'docusaurus-plugin-image-zoom',`
`130`	`131`	`[`
`131`	`132`	`'@docusaurus/plugin-content-docs',`
`132`	`133`	`{`
`@@ -307,6 +308,9 @@ module.exports = {`
`307`	`308`	`'http', 'bash', 'ruby', 'java', 'scala', 'go', 'csharp', 'powershell', 'dart', 'objectivec', 'ocaml', 'r',`
`308`	`309`	`],`
`309`	`310`	`},`
	`311`	`+ zoom: {`
	`312`	`+ selector: '.markdown img',`
	`313`	`+ },`
`310`	`314`	`languageTabs: [`
`311`	`315`	`{`
`312`	`316`	`highlight: 'bash',`