ember-cli · mansona · Oct 14, 2025 · Oct 5, 2025 · Oct 5, 2025 · Oct 13, 2025
diff --git a/.prettierrc.cjs b/.prettierrc.cjs
@@ -2,6 +2,7 @@
 
 module.exports = {
   printWidth: 100,
+  plugins: ['prettier-plugin-ember-template-tag'],
   overrides: [
     {
       files: '*.{js,ts,mjs,mts,cjs,cts}',

diff --git a/files/demo-app/app.gts b/files/demo-app/app.gts
@@ -0,0 +1,38 @@
+import EmberApp from 'ember-strict-application-resolver';
+import EmberRouter from '@ember/routing/router';
+import PageTitleService from 'ember-page-title/services/page-title';
+
+class Router extends EmberRouter {
+  location = 'history';
+  rootURL = '/';
+}
+
+export class App extends EmberApp {
+  /**
+   * Any services or anything from the addon that needs to be in the app-tree registry
+   * will need to be manually specified here.
+   *
+   * Techniques to avoid needing this:
+   * - private services
+   * - require the consuming app import and configure themselves
+   *   (which is what we're emulating here)
+   */
+  modules = {
+    './router': Router,
+    './services/page-title': PageTitleService,
+    /**
+     * NOTE: this glob will import everything matching the glob,
+     *     and includes non-services in the services directory.
+     */
+    ...import.meta.glob('./services/**/*', { eager: true }),
+    /**
+     * These imports are not magic, but we do require that all entries in the
+     * modules object match a ./[type]/[name] pattern.
+     *
+     * See: https://rfcs.emberjs.com/id/1132-default-strict-resolver
+     */
+    ...import.meta.glob('./templates/**/*', { eager: true }),
+  };
+}
+
+Router.map(function () {});
diff --git a/files/demo-app/styles.css b/files/demo-app/styles.css
diff --git a/files/demo-app/templates/application.gts b/files/demo-app/templates/application.gts
@@ -0,0 +1,5 @@
+const greeting = 'hello';
+
+<template>
+  {{greeting}}, world!
+</template>
diff --git a/files/index.html b/files/index.html
@@ -0,0 +1,24 @@
+<!doctype html>
+<html lang="en-us">
+
+<head>
+  <meta charset="utf-8" />
+  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+  <title>Docs App</title>
+  <meta name="description" content="" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+
+  <link rel="stylesheet" href="./docs-app/styles.css" />
+
+</head>
+
+<body>
+
+  <script type="module">
+    import App from './demo-app/app';
+
+    App.create({})
+  </script>
+</body>
+
+</html>
diff --git a/files/tsconfig.json b/files/tsconfig.json
@@ -5,7 +5,7 @@
  */
 {
   "extends": "@ember/app-tsconfig",
-  "include": ["src/**/*", "tests/**/*", "unpublished-development-types/**/*"],
+  "include": ["src/**/*", "tests/**/*", "unpublished-development-types/**/*", "demo-app/**/*"],
   "compilerOptions": {
     "rootDir": ".",
     "types": [

diff --git a/package.json b/package.json
@@ -17,6 +17,7 @@
   },
   "devDependencies": {
     "prettier": "^3.5.3",
+    "prettier-plugin-ember-template-tag": "2.1.0",
     "release-plan": "^0.16.0"
   },
   "dependencies": {