Add fontawesome support to emojis

config/plugins/markdown.js

@@ -10,6 +10,7 @@ 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 icons = require('./icons.json');
 const { slugifyString } = require('../utils');
 const markdownLib = markdownIt({
 	html: true,
@@ -44,7 +45,7 @@ const markdownLib = markdownIt({
 		}
 	  }
 	])
-	.use(markdownItEmoji)
+	.use(markdownItEmoji, { defs: icons })
 	.use(markdownItFootnote)
 	.use(markdownitMark)
 	.use(markdownitAbbr)
@@ -63,6 +64,10 @@ const markdownLib = markdownIt({
 			100%`
 		}
 	});
+
+	markdownLib.renderer.rules.emoji = function(token, idx) {
+		return `<span class="fa-li"><i class="fa-solid fa-${token[idx].markup}"></i></span>`;
+	};
   
   module.exports = function(eleventyConfig) {
 	eleventyConfig.setLibrary('md', markdownLib);