@apleasantview/eleventy-plugin-baseline 0.1.0-next.22 → 0.1.0-next.28

package/README.md

@@ -5,11 +5,13 @@ An experimental Swiss army knife toolkit for Eleventy. Bundles handy helpers for
 ## Install
 
 If you already have Eleventy and eleventy-img installed:
+
 ```bash
 npm install @apleasantview/eleventy-plugin-baseline
 ```
 
 For a fresh project (install Eleventy and eleventy-img too):
+
 ```bash
 npm install @11ty/eleventy @11ty/eleventy-img @apleasantview/eleventy-plugin-baseline
 ```
@@ -19,7 +21,7 @@ npm install @11ty/eleventy @11ty/eleventy-img @apleasantview/eleventy-plugin-bas
 In your Eleventy config (ESM):
 
 ```js
-import baseline, { config as baselineConfig } from "@apleasantview/eleventy-plugin-baseline";
+import baseline, { config as baselineConfig } from '@apleasantview/eleventy-plugin-baseline';
 
 export default function (eleventyConfig) {
 	eleventyConfig.addPlugin(baseline, {

package/core/debug.js

@@ -1,20 +1,20 @@
-import { inspect as utilInspect } from "node:util";
+import { inspect as utilInspect } from 'node:util';
 
 // Adapted from pdehaan - https://github.com/pdehaan/eleventy-plugin-debug
 const debugOptions = Object.assign({
-  space: 0
+	space: 0
 });
 
 function inspect(obj, options = {}) {
-  return utilInspect(obj, options);
+	return utilInspect(obj, options);
 }
 
 function json(obj, space = debugOptions.space) {
-  return JSON.stringify(obj, null, space);
+	return JSON.stringify(obj, null, space);
 }
 
 function keys(obj) {
-  return Object.keys(obj).sort();
+	return Object.keys(obj).sort();
 }
 
 export default { inspect, json, keys };

package/core/filters/isString.js

@@ -1,3 +1,3 @@
 export default function isStringFilter(object) {
-	return typeof object === "string";
+	return typeof object === 'string';
 }

package/core/filters/markdown.js

@@ -1,10 +1,8 @@
-// see https://jeremias.codes/2025/02/markdown-filters-eleventy/
+// See https://jeremias.codes/2025/02/markdown-filters-eleventy/
 import markdownit from 'markdown-it';
 
-const md = markdownit({
-	html: true
-});
+const md = markdownit();
 
 export const markdownFilter = (string) => {
-  return md.renderInline(string);
+	return md.renderInline(string);
 };

package/core/filters/related-posts.js

@@ -1,6 +1,5 @@
 export default function relatedPostsFilter(collection = []) {
-	const page = this.ctx.page;
-	return collection.filter(post => {
-		return post.url !== page.url;
-	})
-} 
+	const page = this?.ctx?.page;
+	if (!page?.url) return collection;
+	return collection.filter((post) => post.url !== page.url);
+}

package/core/filters.js

@@ -1,9 +1,9 @@
-import { markdownFilter } from "./filters/markdown.js";
-import relatedPostsFilter from "./filters/related-posts.js";
-import isStringFilter from "./filters/isString.js";
+import { markdownFilter } from './filters/markdown.js';
+import relatedPostsFilter from './filters/related-posts.js';
+import isStringFilter from './filters/isString.js';
 
 export default {
 	markdownFilter,
 	relatedPostsFilter,
 	isStringFilter
-}
+};

package/core/globals/date.js

@@ -1,4 +1,4 @@
-import { DateTime } from "luxon";
+import { DateTime } from 'luxon';
 
 /**
  * Register Nunjucks global "date" with helper methods.
@@ -7,11 +7,11 @@ import { DateTime } from "luxon";
  * @param {import("@11ty/eleventy").UserConfig} eleventyConfig
  */
 export function registerDateGlobal(eleventyConfig) {
-	eleventyConfig.addNunjucksGlobal("date", {
+	eleventyConfig.addNunjucksGlobal('date', {
 		toUTCISO(value) {
-			if (!value) return "";
+			if (!value) return '';
 			const jsDate = value instanceof Date ? value : new Date(value);
-			if (Number.isNaN(jsDate.getTime())) return "";
+			if (Number.isNaN(jsDate.getTime())) return '';
 			return DateTime.fromJSDate(jsDate).toUTC().toISO({ suppressMilliseconds: true });
 		}
 	});

package/core/globals.js

@@ -1,4 +1,4 @@
-import { registerDateGlobal } from "./globals/date.js";
+import { registerDateGlobal } from './globals/date.js';
 
 /** @param {import("@11ty/eleventy").UserConfig} eleventyConfig */
 export default function registerGlobals(eleventyConfig) {

package/core/helpers.js

@@ -1,5 +1,5 @@
-import path from "node:path";
-import { TemplatePath } from "@11ty/eleventy-utils";
+import path from 'node:path';
+import { TemplatePath } from '@11ty/eleventy-utils';
 
 /**
  * Helper function to add trailing slash to a path
@@ -7,10 +7,10 @@ import { TemplatePath } from "@11ty/eleventy-utils";
  * @returns {string}
  */
 export function addTrailingSlash(path) {
-	if (path.slice(-1) === "/") {
+	if (path.slice(-1) === '/') {
 		return path;
 	}
-	return path + "/";
+	return path + '/';
 }
 
 /**
@@ -22,15 +22,15 @@ export function addTrailingSlash(path) {
  */
 export function resolveAssetsDir(inputDir, outputDir, rawDir) {
 	// Join input/output with assets subdir and normalize
-	const joinedInput = TemplatePath.join(inputDir, rawDir || "");
-	const joinedOutput = TemplatePath.join(outputDir, rawDir || "");
+	const joinedInput = TemplatePath.join(inputDir, rawDir || '');
+	const joinedOutput = TemplatePath.join(outputDir, rawDir || '');
 
 	const assetsDir = addTrailingSlash(TemplatePath.standardizeFilePath(joinedInput));
 	const assetsOutputDir = addTrailingSlash(TemplatePath.standardizeFilePath(joinedOutput));
 
 	return {
 		assetsDir,
-		assetsOutputDir,
+		assetsOutputDir
 	};
 }
 
@@ -41,13 +41,11 @@ export function resolveAssetsDir(inputDir, outputDir, rawDir) {
  * @returns {string[]} Absolute glob patterns
  */
 export function buildGlobPatterns(patterns, assetsDir) {
-	const assetsDirAbsolute = TemplatePath.absolutePath(
-		TemplatePath.stripLeadingDotSlash(assetsDir)
-	);
-	
+	const assetsDirAbsolute = TemplatePath.absolutePath(TemplatePath.stripLeadingDotSlash(assetsDir));
+
 	return patterns.map((pattern) => {
 		const normalized = TemplatePath.standardizeFilePath(pattern);
-		return normalized.startsWith("/") || path.isAbsolute(normalized)
+		return normalized.startsWith('/') || path.isAbsolute(normalized)
 			? normalized
 			: TemplatePath.join(assetsDirAbsolute, normalized);
 	});
@@ -60,7 +58,7 @@ export function buildGlobPatterns(patterns, assetsDir) {
  */
 export function extractFileMetadata(filePath) {
 	const ext = path.extname(filePath); // Returns extension with dot (e.g., ".css") or ""
-	const inputFileExtension = ext && ext.length > 0 ? ext.slice(1) : "";
+	const inputFileExtension = ext && ext.length > 0 ? ext.slice(1) : '';
 	const basename = TemplatePath.getLastPathSegment(filePath, false);
 	const fileSlug = ext ? basename.slice(0, -ext.length) : basename;
 
@@ -90,41 +88,31 @@ export function createCollectionItem(
 	// Get path relative to input directory
 	// e.g., inputPath = "./src/assets/css/index.css", inputDir = "./src/"
 	// relToInput = "assets/css/index.css"
-	const relToInput = TemplatePath.stripLeadingSubPath(
-		inputPath,
-		TemplatePath.addLeadingDotSlash(inputDir)
-	);
+	const relToInput = TemplatePath.stripLeadingSubPath(inputPath, TemplatePath.addLeadingDotSlash(inputDir));
 
 	// outputPath: prepend output directory (with leading ./)
 	// e.g., relToInput = "assets/css/index.css", outputDir = "./dist/"
 	// outputPath = "./dist/assets/css/index.css"
 	const outputPath = TemplatePath.addLeadingDotSlash(
-		TemplatePath.normalize(
-			TemplatePath.join(
-				TemplatePath.addLeadingDotSlash(outputDir),
-				relToInput
-			)
-		)
+		TemplatePath.normalize(TemplatePath.join(TemplatePath.addLeadingDotSlash(outputDir), relToInput))
 	);
 
 	// relToAssets: path relative to assets directory for URL generation
 	// e.g., inputPath = "./src/assets/css/index.css", assetsDirRelative = "assets"
 	// relToAssets = "css/index.css"
-	const assetsDirPath = TemplatePath.addLeadingDotSlash(
-		TemplatePath.join(inputDir, assetsDirRelative)
-	);
+	const assetsDirPath = TemplatePath.addLeadingDotSlash(TemplatePath.join(inputDir, assetsDirRelative));
 	const relToAssets = TemplatePath.stripLeadingSubPath(inputPath, assetsDirPath);
 
-	const url = passthrough
-		? TemplatePath.join(passthroughOutput, relToAssets).replace(/\/$/, "")
-		: undefined;
+	const url = passthrough ? TemplatePath.join(passthroughOutput, relToAssets).replace(/\/$/, '') : undefined;
 
 	// filePathStem: path relative to input without extension, with leading slash
 	// e.g., relToInput = "assets/css/index.css"
 	// filePathStem = "/assets/css/index"
-	const filePathStem = "/" + (inputFileExtension
-		? relToInput.slice(0, -inputFileExtension.length - 1) // Remove extension and dot
-		: relToInput);
+	const filePathStem =
+		'/' +
+		(inputFileExtension
+			? relToInput.slice(0, -inputFileExtension.length - 1) // Remove extension and dot
+			: relToInput);
 
 	return {
 		inputPath,
@@ -134,6 +122,6 @@ export function createCollectionItem(
 		inputFileExtension,
 		filePathStem,
 		dir: TemplatePath.getDirFromFilePath(inputPath),
-		url,
+		url
 	};
 }

package/core/modules.js

@@ -1,14 +1,14 @@
 // Eleventy plugins
-import { EleventyHtmlBasePlugin } from "@11ty/eleventy";
+import { EleventyHtmlBasePlugin } from '@11ty/eleventy';
 
 // Custom plugins
-import multilangCore from "../modules/multilang-core/plugins/multilang-core.js";
-import navigatorCore from "../modules/navigator-core/plugins/navigator-core.js";
-import assetsCore from "../modules/assets-core/plugins/assets-core.js";
-import assetsPostCSS from "../modules/assets-postcss/plugins/assets-postcss.js";
-import assetsESBuild from "../modules/assets-esbuild/plugins/assets-esbuild.js";
-import headCore from "../modules/head-core/plugins/head-core.js";
-import sitemapCore from "../modules/sitemap-core/plugins/sitemap-core.js";
+import multilangCore from '../modules/multilang-core/plugins/multilang-core.js';
+import navigatorCore from '../modules/navigator-core/plugins/navigator-core.js';
+import assetsCore from '../modules/assets-core/plugins/assets-core.js';
+import assetsPostCSS from '../modules/assets-postcss/plugins/assets-postcss.js';
+import assetsESBuild from '../modules/assets-esbuild/plugins/assets-esbuild.js';
+import headCore from '../modules/head-core/plugins/head-core.js';
+import sitemapCore from '../modules/sitemap-core/plugins/sitemap-core.js';
 
 export default {
 	EleventyHtmlBasePlugin,

package/core/shortcodes/image.js

@@ -1,14 +1,9 @@
-import path from "node:path";
-import Image from "@11ty/eleventy-img";
-import { eleventyImageOnRequestDuringServePlugin } from "@11ty/eleventy-img";
+import path from 'node:path';
+import Image from '@11ty/eleventy-img';
 
 const DEFAULT_WIDTHS = [320, 640, 960, 1280];
-const DEFAULT_FORMATS = ["avif", "webp", "jpeg"];
-const DEFAULT_SIZES = "(max-width: 768px) 100vw, 768px";
-const DEFAULT_OUTPUT = {
-	outputDir: "./dist/media/",
-	urlPath: "/media/",
-};
+const DEFAULT_FORMATS = ['avif', 'webp', 'jpeg'];
+const DEFAULT_SIZES = '(max-width: 768px) 100vw, 768px';
 
 function pickRenditions(metadata) {
 	// Use the first available format; first entry is smallest, last is largest.
@@ -31,52 +26,48 @@ function pickRenditions(metadata) {
  * @param {Array<number|string>} [options.widths=DEFAULT_WIDTHS]   Widths passed to eleventy-img.
  * @param {string} [options.sizes=DEFAULT_SIZES]        Sizes attribute used on sources.
  * @param {string[]} [options.formats=DEFAULT_FORMATS]  Output formats (order matters).
- * @param {string} [options.outputDir=DEFAULT_OUTPUT.outputDir] Output directory for generated assets.
- * @param {string} [options.urlPath=DEFAULT_OUTPUT.urlPath]       Public URL base for generated assets.
+ * @param {string} [options.outputDir]                  Output directory for generated assets (defaults to `./dist/media/` or `./<dir.output>/media/` when set).
+ * @param {string} [options.urlPath="/media/"]          Public URL base for generated assets.
  * @param {Object} [options.attrs={}]                   Extra attributes applied to <img>; `class` merges with imageClass.
  * @param {string} [options.style]                      Inline style applied to <img> (alias for attrs.style).
  * @param {boolean} [options.figure=true]               Wrap in <figure> when caption is provided.
  * @param {boolean} [options.setDimensions=true]        When false, omit width/height on <img>.
  */
 export async function imageShortcode(options = {}) {
+	const outputBase = this?.eleventy?.directories?.output || 'dist';
 	const {
 		src,
 		alt,
-		caption = "",
-		loading = "lazy",
-		containerClass = "",
-		imageClass = "",
+		caption = '',
+		loading = 'lazy',
+		containerClass = '',
+		imageClass = '',
 		style,
 		widths = DEFAULT_WIDTHS,
 		sizes = DEFAULT_SIZES,
 		formats = DEFAULT_FORMATS,
-		outputDir = DEFAULT_OUTPUT.outputDir,
-		urlPath = DEFAULT_OUTPUT.urlPath,
+		outputDir = path.join('.', outputBase, 'media'),
+		urlPath = '/media/',
 		attrs = {},
 		figure = true,
-		setDimensions = true,
+		setDimensions = true
 	} = options;
-
 	const hasImageTransformPlugin = this.ctx._baseline.hasImageTransformPlugin;
 
-	if (!src) throw new Error("imageShortcode: src is required");
+	if (!src) throw new Error('imageShortcode: src is required');
 	if (alt === undefined) {
-		throw new Error(
-			"imageShortcode: alt is required (use empty string for decorative images)",
-		);
+		throw new Error('imageShortcode: alt is required (use empty string for decorative images)');
 	}
 
-	const normalizedCaption = caption == null ? "" : String(caption);
-	const normalizedAlt = alt == null ? "" : String(alt);
+	const normalizedCaption = caption == null ? '' : String(caption);
+	const normalizedAlt = alt == null ? '' : String(alt);
 
 	const inputDir = this?.eleventy?.directories?.input;
 	const isRemote = /^https?:\/\//i.test(src);
-	const resolvedSrc = !isRemote && inputDir
-		? path.join(inputDir, src.replace(/^\//, ""))
-		: src;
+	const resolvedSrc = !isRemote && inputDir ? path.join(inputDir, src.replace(/^\//, '')) : src;
 
 	const metadata = await Image(resolvedSrc, {
-		transformOnRequest: process.env.ELEVENTY_RUN_MODE === "serve",
+		transformOnRequest: process.env.ELEVENTY_RUN_MODE === 'serve',
 		widths: [...widths],
 		formats: [...formats],
 		outputDir,
@@ -85,7 +76,7 @@ export async function imageShortcode(options = {}) {
 			const extension = path.extname(srcPath);
 			const name = path.basename(srcPath, extension);
 			return `${name}-${width}w.${format}`;
-		},
+		}
 	});
 
 	const { lowsrc, highsrc } = pickRenditions(metadata);
@@ -96,32 +87,32 @@ export async function imageShortcode(options = {}) {
 	const sourceTags = Object.values(metadata)
 		.map((formatEntries) => {
 			const type = formatEntries[0].sourceType;
-			const srcset = formatEntries.map((entry) => entry.srcset).join(", ");
+			const srcset = formatEntries.map((entry) => entry.srcset).join(', ');
 			return `<source type="${type}" srcset="${srcset}" sizes="${sizes}">`;
 		})
-		.join("\n");
+		.join('\n');
 
 	const { class: attrClass, ...restAttrs } = attrs;
-	const combinedClass = [imageClass, attrClass].filter(Boolean).join(" ").trim() || undefined;
+	const combinedClass = [imageClass, attrClass].filter(Boolean).join(' ').trim() || undefined;
 
 	const imageAttributes = {
 		src: lowsrc.url,
 		alt: normalizedAlt,
 		loading,
-		decoding: loading === "eager" ? "sync" : "async",
+		decoding: loading === 'eager' ? 'sync' : 'async',
 		class: combinedClass,
 		style,
 		...(setDimensions ? { width: highsrc.width, height: highsrc.height } : {}),
 		...restAttrs,
-		...(hasImageTransformPlugin ? { "eleventy:ignore": true } : {})
+		...(hasImageTransformPlugin ? { 'eleventy:ignore': true } : {})
 	};
 
 	const imgAttrString = Object.entries(imageAttributes)
-		.filter(([, value]) => value !== undefined && value !== null && value !== "")
-		.map(([key, value]) => value === true ? key : `${key}="${value}"`)
-		.join(" ");
+		.filter(([, value]) => value !== undefined && value !== null && value !== '')
+		.map(([key, value]) => (value === true ? key : `${key}="${value}"`))
+		.join(' ');
 
-	const pictureClass = containerClass && containerClass.trim() ? ` class="${containerClass.trim()}"` : "";
+	const pictureClass = containerClass && containerClass.trim() ? ` class="${containerClass.trim()}"` : '';
 
 	const picture = `<picture${pictureClass}>
 	${sourceTags}

package/core/shortcodes.js

@@ -1,3 +1,3 @@
-import { imageShortcode } from "./shortcodes/image.js";
+import { imageShortcode } from './shortcodes/image.js';
 
 export default { imageShortcode };

package/eleventy.config.js

@@ -1,15 +1,15 @@
-import "dotenv/config";
-import globals from "./core/globals.js";
-import debug from "./core/debug.js";
-import filters from "./core/filters.js";
-import modules from "./core/modules.js";
-import shortcodes from "./core/shortcodes.js";
-import { eleventyImageOnRequestDuringServePlugin } from "@11ty/eleventy-img";
-
-import { createRequire } from "node:module";
+import 'dotenv/config';
+import globals from './core/globals.js';
+import debug from './core/debug.js';
+import filters from './core/filters.js';
+import modules from './core/modules.js';
+import shortcodes from './core/shortcodes.js';
+import { eleventyImageOnRequestDuringServePlugin } from '@11ty/eleventy-img';
+
+import { createRequire } from 'node:module';
 const __require = createRequire(import.meta.url);
 
-const { name, version } = __require("./package.json");
+const { name, version } = __require('./package.json');
 
 /**
  * Eleventy Plugin Baseline.
@@ -31,12 +31,12 @@ export default function baseline(options = {}) {
 	const plugin = async function (eleventyConfig) {
 		try {
 			// Emit a warning message if the application is not using Eleventy 3.0 or newer (including prereleases).
-			eleventyConfig.versionCheck(">=3.0");
+			eleventyConfig.versionCheck('>=3.0');
 		} catch (e) {
 			console.log(`[eleventy-plugin-baseline] WARN Eleventy plugin compatibility: ${e.message}`);
 		}
 
-		const hasImageTransformPlugin = eleventyConfig.hasPlugin("eleventyImageTransformPlugin");
+		const hasImageTransformPlugin = eleventyConfig.hasPlugin('eleventyImageTransformPlugin');
 
 		const userOptions = {
 			version,
@@ -45,28 +45,47 @@ export default function baseline(options = {}) {
 			hasImageTransformPlugin,
 			enableNavigatorTemplate: options.enableNavigatorTemplate ?? false,
 			enableSitemapTemplate: options.enableSitemapTemplate ?? true,
+			filterAllCollection: options.filterAllCollection ?? true,
 			assets: {
-				esbuild: options.assetsESBuild ?? { minify: true, target: "es2020" }
+				esbuild: options.assetsESBuild ?? { minify: true, target: 'es2020' }
 			},
 			multilingual: options.multilingual ?? false,
 			...options
 		};
 
 		// Core functions.
-		// Languages are expected as an object map; if missing or invalid, skip.
-		const languages = userOptions.languages && typeof userOptions.languages === "object"
-			? userOptions.languages : null;
+
+		// Normalize languages to an object map; if missing or invalid, use null.
+		const normalizedLanguages = Array.isArray(userOptions.languages)
+			? Object.fromEntries(
+					userOptions.languages
+						.filter((lang) => typeof lang === 'string' && lang.trim())
+						.map((lang) => [lang.trim(), {}])
+				)
+			: userOptions.languages && typeof userOptions.languages === 'object'
+				? userOptions.languages
+				: null;
+
+		if (userOptions.verbose && Array.isArray(userOptions.languages)) {
+			const normalizedCount = normalizedLanguages ? Object.keys(normalizedLanguages).length : 0;
+			if (normalizedCount !== userOptions.languages.length) {
+				console.warn('[baseline] Some languages entries were invalid and were dropped.');
+			}
+		}
+
+		userOptions.languages = normalizedLanguages;
+		const languages = normalizedLanguages;
 		const hasLanguages = languages && Object.keys(languages).length > 0;
 		const isMultilingual = userOptions.multilingual === true && userOptions.defaultLanguage && hasLanguages;
 
-		eleventyConfig.addGlobalData("_baseline", userOptions);
+		eleventyConfig.addGlobalData('_baseline', userOptions);
 		globals(eleventyConfig);
-		eleventyConfig.addPassthroughCopy({ "./src/static": "/" }, { failOnError: true });
+		eleventyConfig.addPassthroughCopy({ './src/static': '/' });
 
 		// Prevents double-registering the preprocessor, user config wins.
 		if (!eleventyConfig.preprocessors.drafts) {
-			eleventyConfig.addPreprocessor("drafts", "*", (data, content) => {
-				if (data.draft && process.env.ELEVENTY_RUN_MODE === "build") {
+			eleventyConfig.addPreprocessor('drafts', '*', (data) => {
+				if (data.draft && process.env.ELEVENTY_RUN_MODE === 'build') {
 					return false;
 				}
 			});
@@ -80,45 +99,59 @@ export default function baseline(options = {}) {
 		}
 
 		// Modules.
-		eleventyConfig.addPlugin(modules.EleventyHtmlBasePlugin, { baseHref: process.env.URL || eleventyConfig.pathPrefix });
+		eleventyConfig.addPlugin(modules.EleventyHtmlBasePlugin, {
+			baseHref: process.env.URL || eleventyConfig.pathPrefix
+		});
 		eleventyConfig.addPlugin(modules.assetsCore);
 		eleventyConfig.addPlugin(modules.assetsPostCSS);
 		eleventyConfig.addPlugin(modules.assetsESBuild, userOptions.assets.esbuild);
+
+		if (userOptions.filterAllCollection) {
+			// Override the default collection behavior. Adding js as template format collects 11tydata.js files.
+			eleventyConfig.addCollection('all', (collectionApi) =>
+				collectionApi.getAll().filter((item) => !item.inputPath.endsWith('11tydata.js'))
+			);
+		}
+
 		eleventyConfig.addPlugin(modules.headCore);
-		eleventyConfig.addPlugin(modules.sitemapCore, { enableSitemapTemplate: userOptions.enableSitemapTemplate, multilingual: isMultilingual, languages });
+		eleventyConfig.addPlugin(modules.sitemapCore, {
+			enableSitemapTemplate: userOptions.enableSitemapTemplate,
+			multilingual: isMultilingual,
+			languages
+		});
 
 		// Filters — Module filters might move to their respective module.
-		eleventyConfig.addFilter("markdownify", filters.markdownFilter);
-		eleventyConfig.addFilter("relatedPosts", filters.relatedPostsFilter);
-		eleventyConfig.addFilter("isString", filters.isStringFilter);
+		eleventyConfig.addFilter('markdownify', filters.markdownFilter);
+		eleventyConfig.addFilter('relatedPosts', filters.relatedPostsFilter);
+		eleventyConfig.addFilter('isString', filters.isStringFilter);
 
 		// Shortcodes.
-		eleventyConfig.addShortcode("image", shortcodes.imageShortcode);
+		eleventyConfig.addShortcode('image', shortcodes.imageShortcode);
 
 		// Add the dev server middleware for images.
 		eleventyConfig.addPlugin(eleventyImageOnRequestDuringServePlugin);
 
 		// Debug filters and navigators.
-		eleventyConfig.addFilter("_inspect", debug.inspect);
-		eleventyConfig.addFilter("_json", debug.json);
-		eleventyConfig.addFilter("_keys", debug.keys);
+		eleventyConfig.addFilter('_inspect', debug.inspect);
+		eleventyConfig.addFilter('_json', debug.json);
+		eleventyConfig.addFilter('_keys', debug.keys);
 		eleventyConfig.addPlugin(modules.navigatorCore, { enableNavigatorTemplate: userOptions.enableNavigatorTemplate });
 	};
 
 	// Set plugin name so `eleventyConfig.hasPlugin()` can detect it.
-	Object.defineProperty(plugin, "name", { value: `${name}` });
+	Object.defineProperty(plugin, 'name', { value: `${name}` });
 	return plugin;
 }
 
 export const config = {
 	dir: {
-		input: "src",
-		output: "dist",
-		data: "_data",
-		includes: "_includes",
-		assets: "assets"
+		input: 'src',
+		output: 'dist',
+		data: '_data',
+		includes: '_includes',
+		assets: 'assets'
 	},
-	htmlTemplateEngine: "njk",
-	markdownTemplateEngine: "njk",
-	templateFormats: ["html", "njk", "md"]
+	htmlTemplateEngine: 'njk',
+	markdownTemplateEngine: 'njk',
+	templateFormats: ['html', 'njk', 'md']
 };