[ENHANCEMENT] Add template tag setup to ember new for apps

blueprints/app/files/.eslintrc.js

@@ -57,10 +57,32 @@ module.exports = {
         node: true,
       },
       extends: ['plugin:n/recommended'],
-    },
+    },<% if (templateTag) { %>
+    // Template tag files
+    {
+      files: ['**/*.gjs'],
+      parser: 'ember-eslint-parser',
+      plugins: ['ember'],
+      extends: [
+        'eslint:recommended',
+        'plugin:ember/recommended',
+        'plugin:ember/recommended-gjs',
+      ],
+    },<% if (typescript) { %>
+    {
+      files: ['**/*.gts'],
+      parser: 'ember-eslint-parser',
+      plugins: ['ember'],
+      extends: [
+        'eslint:recommended',
+        'plugin:@typescript-eslint/recommended',
+        'plugin:ember/recommended',
+        'plugin:ember/recommended-gts',
+      ],
+    },<% } %><% } %>
     {
       // test files
-      files: ['tests/**/*-test.{js,ts}'],
+      files: ['tests/**/*-test.{js,ts<% if (templateTag) { %>,gjs,gts<% } %>}'],
       extends: ['plugin:qunit/recommended'],
     },
   ],

blueprints/app/files/.prettierrc.js

@@ -1,9 +1,10 @@
 'use strict';
 
-module.exports = {
+module.exports = {<% if (templateTag) { %>
+  plugins: ['prettier-plugin-ember-template-tag'],<% } %>
   overrides: [
     {
-      files: '*.{js,ts}',
+      files: '*.{js,ts<% if (templateTag) { %>,gjs,gts<% } %>}',
       options: {
         singleQuote: true,
       },

blueprints/app/files/package.json

@@ -89,17 +89,19 @@
     "ember-page-title": "^8.2.0",
     "ember-qunit": "^8.0.2",
     "ember-resolver": "^11.0.1",
-    "ember-source": "~5.7.0-beta.1",
+    "ember-source": "~5.7.0-beta.1<% if (templateTag) { %>",
+    "ember-template-imports": "^4.1.0<% } %>",
     "ember-template-lint": "^5.13.0<% if (welcome) { %>",
     "ember-welcome-page": "^7.0.2<% } %>",
     "eslint": "^8.56.0",
     "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-ember": "^11.12.0",
+    "eslint-plugin-ember": "^12.0.2",
     "eslint-plugin-n": "^16.6.2",
     "eslint-plugin-prettier": "^5.1.3",
     "eslint-plugin-qunit": "^8.0.1",
     "loader.js": "^4.7.0",
-    "prettier": "^3.2.4",
+    "prettier": "^3.2.4<% if (templateTag) { %>",
+    "prettier-plugin-ember-template-tag": "^2.0.0<% } %>",
     "qunit": "^2.20.0",
     "qunit-dom": "^2.0.0",
     "stylelint": "^15.11.0",

blueprints/app/index.js

@@ -41,6 +41,7 @@ module.exports = {
           embroider && '"--embroider"',
           options.ciProvider && `"--ci-provider=${options.ciProvider}"`,
           options.typescript && `"--typescript"`,
+          options.templateTag && `"--template-tag"`,
         ]
           .filter(Boolean)
           .join(',\n            ') +
@@ -78,6 +79,7 @@ module.exports = {
       lang: options.lang,
       ciProvider: options.ciProvider,
       typescript: options.typescript,
+      templateTag: options.templateTag,
     };
   },
 

lib/commands/new.js

@@ -50,6 +50,13 @@ module.exports = Command.extend({
       description: 'Create a new Ember app/addon in an interactive way.',
     },
     { name: 'typescript', type: Boolean, default: false, description: 'Set up the app to use TypeScript' },
+    {
+      name: 'template-tag',
+      type: Boolean,
+      default: false,
+      description:
+        'Enables writing components in the template tag authoring format (.gjs, and .gts if TypeScript is enabled)',
+    },
   ],
 
   anonymousOptions: ['<app-name>'],

tests/acceptance/new-test.js

@@ -423,6 +423,14 @@ describe('Acceptance: ember new', function () {
     expect(pkgJson.devDependencies['@embroider/webpack']).to.exist;
   });
 
+  it('template tag component format set up with --template-tag', async function () {
+    await ember(['new', 'foo', '--skip-npm', '--skip-git', '--template-tag']);
+
+    let pkgJson = fs.readJsonSync('package.json');
+    expect(pkgJson.devDependencies['ember-template-imports']).to.exist;
+    expect(pkgJson.devDependencies['prettier-plugin-ember-template-tag']).to.exist;
+  });
+
   describe('verify fixtures', function () {
     function checkEslintConfig(fixturePath) {
       expect(file('.eslintrc.js')).to.equal(file(path.join(__dirname, '../fixtures', fixturePath, '.eslintrc.js')));