fix: fix images by disabled ideal-image

Also enable image zoom, which is the only reason I wanted ideal-image,
which it turns out ideal image doesn't even do.

Author: dwmkerr

.gitignore

@@ -34,3 +34,6 @@ yarn-debug.log*
 yarn-error.log*
 
 # End of Docusaurus ignores
+
+# Ignore Draw.io backups.
+*.bkp

docs/06-advanced-techniques/32-a-vim-crash-course/index.mdx

@@ -5,7 +5,6 @@ chapterNumber: 32
 ---
 
 import CodeBlock from '@theme/CodeBlock';
-import Image from '@theme/IdealImage';
 import AnnotatedCommand from '@site/src/components/AnnotatedCommmand/AnnotatedCommand.tsx';
 import Caret from '@site/src/components/Caret/Caret.tsx';
 

docs/zz-developer-guide/images-and-diagrams.mdx

@@ -2,11 +2,16 @@
 title: Images and Diagrams
 ---
 
-import Image from '@theme/IdealImage';
 import Drawio from '@theme/Drawio'
 
 ## Images
 
+:::info Not in Use
+
+Ideal Image is not currently enabled as it appears to clash with native Docusaurus lazy-loading.
+
+:::
+
 The [`@docusaurus/plugin-ideal-image`](https://docusaurus.io/docs/api/plugins/@docusaurus/plugin-ideal-image) is used to allow lazy loading and zoom of images.
 
 Use the `Image` tag as shown:
@@ -18,7 +23,13 @@ import Image from '@theme/IdealImage';
 
 This will render an image as shown below:
 
+::: warn Currently Disabled
+
+```
 <Image img={require('./images/vim-cheatsheet.png')} />
+```
+
+:::
 
 ## Diagrams
 

docusaurus.config.js

@@ -157,12 +157,18 @@ const config = {
       {}
     ],
     [
-      require.resolve('@docusaurus/plugin-ideal-image'),
-      {
-        //  Enable this plugin in dev so that we can test it.
-        disableInDev: false,
-      },
+      require.resolve('plugin-image-zoom'),
+      {}
     ],
+    //  Ideal Image seems to clash with Docusaurus native lazy loading, causing
+    //  most images not to load. So disabling this for now.
+    // [
+    //   require.resolve('@docusaurus/plugin-ideal-image'),
+    //   {
+    //     //  Enable this plugin in dev so that we can test it.
+    //     disableInDev: false,
+    //   },
+    // ],
   ],
 };