navigation

eleventy.config.js

@@ -1,5 +1,6 @@
 import { HtmlBasePlugin } from "@11ty/eleventy";
 import { eleventyImageTransformPlugin } from "@11ty/eleventy-img";
+import eleventyNavigationPlugin from "@11ty/eleventy-navigation";
 
 import { attrs } from "@mdit/plugin-attrs";
 import { markdownitLinkAttributes } from 'markdown-it-link-attributes';
@@ -66,18 +67,14 @@ export default async function (eleventyConfig) {
 				decoding: "async",
 			},
 		},
-		/* If you want to use specific images as the OG image...
 		filenameFormat: function (hash, src, width, format, options) {
-			// If you're building multiple widths
-			// const extension = path.extname(src);
-			// const name = path.basename(src, extension);
-			// return `${name}-${width}.${extension}`;
-
 			return path.basename(src);
 		},
-		*/
 	});
 
+	/* Navigation */
+	eleventyConfig.addPlugin(eleventyNavigationPlugin);
+
 	/* All filters from _config/filters.js */
 	eleventyConfig.addPlugin(pluginFilters);