Fix eleventy-img fetch 404 issue

Author: stedman

_includes/shortcodes/avatar.js

@@ -1,20 +1,27 @@
 const Image = require('@11ty/eleventy-img');
 
 module.exports = async (src, alt, className, outputFormat = 'jpeg') => {
-  const stats = await Image(src, {
-    cacheDuration: '12w',
-    formats: [outputFormat],
-    outputDir: '_site/assets/avatar/',
-    widths: [96],
-  });
+  if (alt === undefined) {
+    throw new Error(`Missing ALT attribute from: ${src}`);
+  }
 
   const classAttr = className ? `class="${className}"` : '';
 
-  const props = stats[outputFormat].pop();
+  try {
+    const stats = await Image(src, {
+      cacheDuration: '12w',
+      formats: [outputFormat],
+      outputDir: '_site/assets/avatar/',
+      widths: [96],
+    });
 
-  if (alt === undefined) {
-    throw new Error(`Missing ALT attribute from: ${src}`);
-  }
+    const props = stats[outputFormat].pop();
 
-  return `<img ${classAttr} src="${props.outputPath.replace('_site', '')}" alt="${alt}" loading="lazy">`;
+    return `<img ${classAttr} src="${props.outputPath.replace('_site', '')}" alt="${alt}" loading="lazy">`;
+  } catch (err) {
+    // eslint-disable-next-line no-console
+    console.error(err);
+
+    return '';
+  }
 };