From 3b047fb38991289452531fc440f7e84bd6562e03 Mon Sep 17 00:00:00 2001
From: Zach Leatherman <zachleat@users.noreply.github.com>
Date: Tue, 12 Dec 2023 19:40:34 -0600
Subject: [PATCH] Getting ready for ESM Eleventy.

---
 src/eleventyWebcTemplate.js | 6 +++---
 test/test-chdir.js          | 1 +
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/eleventyWebcTemplate.js b/src/eleventyWebcTemplate.js
index 3aeb86e..6e5f757 100644
--- a/src/eleventyWebcTemplate.js
+++ b/src/eleventyWebcTemplate.js
@@ -1,9 +1,6 @@
 const path = require("path");
 const debug = require("debug")("Eleventy:WebC");
 
-const { EleventyRenderPlugin } = require("@11ty/eleventy");
-const CompileString = EleventyRenderPlugin.String;
-
 function relativePath(inputPath, newGlob) {
 	// project root
 	if(newGlob.startsWith("~/")) {
@@ -117,6 +114,9 @@ module.exports = function(eleventyConfig, options = {}) {
 			page.setTransform("11ty", async function(content) {
 				let syntax = this["11ty:type"];
 				if(syntax) {
+					const { EleventyRenderPlugin } = await import("@11ty/eleventy");
+					const CompileString = EleventyRenderPlugin.String;
+
 					let fn = await CompileString(content, syntax, {
 						templateConfig
 					});
diff --git a/test/test-chdir.js b/test/test-chdir.js
index b582325..aabf789 100644
--- a/test/test-chdir.js
+++ b/test/test-chdir.js
@@ -6,6 +6,7 @@ function normalize(str) {
 }
 
 // This needs a CHDIR because the default `components` glob is relative to the root directory (not the input directory)
+console.log("Make sure you are running `npm run test` and not `npx ava`");
 process.chdir("./test/default-components/");
 
 test("New default components directory, issue #14", async t => {