try the nullvox method

Author: mansona

addon/components/dynamic-template.js

@@ -1,8 +1,10 @@
 import { setComponentTemplate } from '@ember/component';
 import { getOwner } from '@ember/application';
-import { compileTemplate } from '@ember/template-compilation';
 import { importSync } from '@embroider/macros';
 import Component from '@glimmer/component';
+import { createTemplateFactory } from '@ember/template-factory';
+const { getTemplateLocals } = importSync('@glimmer/syntax');
+const { precompileJSON } = importSync('@glimmer/compiler');
 
 let templateOwnerMap = new Map();
 
@@ -30,11 +32,15 @@ export default class DynamicTemplateComponent extends Component {
     if (component === undefined) {
       let compiledTemplate;
       try {
-        compiledTemplate = compileTemplate(templateString);
+        compiledTemplate = compileTemplate(templateString, {
+          moduleName: this.args.componentId,
+        });
       } catch (err) {
         console.error(err);
         console.error(templateString);
-        compiledTemplate = compileTemplate(`<DynamicTemplateError />`);
+        compiledTemplate = compileTemplate(`<DynamicTemplateError />`, {
+          moduleName: this.args.componentId,
+        });
       }
 
       component = owner.factoryFor(`component:${this.args.componentId}`);
@@ -66,3 +72,46 @@ export default class DynamicTemplateComponent extends Component {
     return component;
   }
 }
+
+// copied from https://github.com/NullVoxPopuli/limber/blob/main/packages/ember-repl/addon/src/compile/formats/hbs.ts
+function compileTemplate(source, { moduleName, scope = {} }) {
+  let localScope = { ...scope };
+  let locals = getTemplateLocals(source);
+
+  let options = {
+    strictMode: true,
+    moduleName,
+    locals,
+    isProduction: false,
+    meta: { moduleName },
+  };
+
+  // Copied from @glimmer/compiler/lib/compiler#precompile
+  let [block, usedLocals] = precompileJSON(source, options);
+
+  let usedScope = usedLocals.map((key) => {
+    let value = localScope[key];
+
+    if (!value) {
+      throw new Error(
+        `Attempt to use ${key} in compiled hbs, but it was not available in scope. ` +
+          `Available scope includes: ${Object.keys(localScope)}`,
+      );
+    }
+
+    return value;
+  });
+
+  let blockJSON = JSON.stringify(block);
+  let templateJSONObject = {
+    id: moduleName,
+    block: blockJSON,
+    moduleName: moduleName ?? '(dynamically compiled component)',
+    scope: () => usedScope,
+    isStrictMode: true,
+  };
+
+  let factory = createTemplateFactory(templateJSONObject);
+
+  return factory;
+}

index.js

@@ -39,8 +39,6 @@ module.exports = {
   },
 
   included(app) {
-    this.import('vendor/ember/ember-template-compiler.js');
-
     if(!app.options['ember-prism']) {
       app.options['ember-prism'] = {
         // theme: 'okaidia',

package.json

@@ -51,6 +51,10 @@
     "resolve": "^1.17.0",
     "walk-sync": "^2.2.0"
   },
+  "peerDependencies": {
+    "@glimmer/compiler": "*",
+    "@glimmer/syntax": "*"
+  },
   "devDependencies": {
     "@babel/eslint-parser": "^7.24.1",
     "@babel/plugin-proposal-decorators": "^7.24.1",