Upgrade to Eleventy 3.0.0

config/plugins/image.js

@@ -1,4 +1,4 @@
-const Image = require('@11ty/eleventy-img');
+import Image from "@11ty/eleventy-img";
 
 const defaultSizes = `
     (max-width: 300px) 300px,
@@ -48,7 +48,7 @@ const remoteImageShortcode = async (src, alt, cls, sizes = defaultSizes, widths
       // You bet we throw an error on missing alt in `imageAttributes` (alt="" works okay)
       return Image.generateHTML(metadata, imageAttributes);
 }
-module.exports = function(eleventyConfig) {
+export default function(eleventyConfig) {
 	eleventyConfig.addShortcode("image", imageShortcode);
     eleventyConfig.addAsyncShortcode("remoteImage", remoteImageShortcode);
 }

config/plugins/index.js

@@ -1,11 +1,11 @@
-const { EleventyRenderPlugin } = require("@11ty/eleventy");
-const markdownPlugin = require('./markdown');
-const rss = require('@11ty/eleventy-plugin-rss');
-const syntaxHighlight = require("@11ty/eleventy-plugin-syntaxhighlight");
-const imagePlugin = require('./image');
-const ogImagePlugin = require('./og-image');
+import { EleventyRenderPlugin  } from "@11ty/eleventy";
+import markdownPlugin from "./markdown.js";
+import rss from "@11ty/eleventy-plugin-rss";
+import syntaxHighlight from "@11ty/eleventy-plugin-syntaxhighlight";
+import imagePlugin from "./image.js";
+import ogImagePlugin from "./og-image.js";
 
-module.exports = function(eleventyConfig) {
+export default function(eleventyConfig) {
 	eleventyConfig.addPlugin(syntaxHighlight);
 	eleventyConfig.addPlugin(rss);
 	eleventyConfig.addPlugin(markdownPlugin);

config/plugins/markdown.js

@@ -1,18 +1,19 @@
-const path = require("path");
+import path from "node:path";
+import fs from "node:fs";
+import markdownIt from 'markdown-it';
+import markdownItPrism from 'markdown-it-prism';
+import markdownItAnchor from 'markdown-it-anchor';
+import markdownItClass from '@toycode/markdown-it-class';
+import markdownItLinkAttributes from 'markdown-it-link-attributes';
+import { full as markdownItEmoji } from 'markdown-it-emoji';
+import markdownItFootnote from 'markdown-it-footnote';
+import markdownitMark from 'markdown-it-mark';
+import markdownitAbbr from 'markdown-it-abbr';
+import markdownItEleventyImg from 'markdown-it-eleventy-img';
+import markdownItCallouts from 'markdown-it-obsidian-callouts';
+import { slugifyString } from '../utils.js';
 
-const markdownIt = require('markdown-it');
-const markdownItPrism = require('markdown-it-prism');
-const markdownItAnchor = require('markdown-it-anchor');
-const markdownItClass = require('@toycode/markdown-it-class');
-const markdownItLinkAttributes = require('markdown-it-link-attributes');
-const markdownItEmoji = require('markdown-it-emoji');
-const markdownItFootnote = require('markdown-it-footnote');
-const markdownitMark = require('markdown-it-mark');
-const markdownitAbbr = require('markdown-it-abbr');
-const markdownItEleventyImg = require('markdown-it-eleventy-img');
-const markdownItCallouts = require('markdown-it-obsidian-callouts');
-const icons = require('./icons.json');
-const { slugifyString } = require('../utils');
+const icons = JSON.parse(fs.readFileSync('./config/plugins/icons.json'), 'utf-8');
 
 const markdownLib = markdownIt({
 	html: true,
@@ -68,11 +69,11 @@ const markdownLib = markdownIt({
 		}
 	});
 
-	markdownLib.renderer.rules.emoji = function(token, idx) {
-		return `<span class="fa-li"><i class="fa-solid fa-${token[idx].markup}" aria-hidden="true"></i></span>`;
-	};
-  
-  module.exports = function(eleventyConfig) {
+markdownLib.renderer.rules.emoji = function(token, idx) {
+	return `<span class="fa-li"><i class="fa-solid fa-${token[idx].markup}" aria-hidden="true"></i></span>`;
+};
+
+export default function(eleventyConfig) {
 	eleventyConfig.addFilter('md', content => content ? markdownLib.render(content) : "");
 	eleventyConfig.setLibrary('md', markdownLib);
-  };
+}

config/plugins/og-image.js

@@ -1,7 +1,7 @@
-const ogImagePlugin = require('eleventy-plugin-og-image');
-const fs = require('node:fs');
+import fs from 'node:fs';
+import ogImagePlugin from 'eleventy-plugin-og-image';
 
-module.exports = function (eleventyConfig) {
+export default function (eleventyConfig) {
     eleventyConfig.addPlugin(ogImagePlugin, {
 		satoriOptions: {
 			fonts: [