Merge pull request #2411 from hashicorp/showcase-gts/initial-setup

Showcase `.gts` - Initial setup

showcase/.prettierrc.js

@@ -1,10 +1,12 @@
 'use strict';
 
 module.exports = {
+  plugins: ['prettier-plugin-ember-template-tag'],
+  templateSingleQuote: false,
   trailingComma: 'es5',
   overrides: [
     {
-      files: '*.{js,ts}',
+      files: '*.{js,ts,gjs,gts}',
       options: {
         singleQuote: true,
       },

showcase/.template-lintrc.js

@@ -15,4 +15,14 @@ module.exports = {
     'no-builtin-form-components': false,
   },
   ignore: ['blueprints/**', 'tests/**'],
+  overrides: [
+    // temporary fix until the prettier plugin works with `.gts/gjs` files
+    // https://github.com/ember-template-lint/ember-template-lint-plugin-prettier/issues/268
+    {
+      files: ['**/*.{gjs,gts}'],
+      rules: {
+        prettier: false,
+      },
+    },
+  ],
 };

showcase/package.json

@@ -44,6 +44,7 @@
     "@glimmer/tracking": "^1.1.2",
     "@glint/core": "^1.4.0",
     "@glint/environment-ember-loose": "^1.4.0",
+    "@glint/environment-ember-template-imports": "^1.4.0",
     "@glint/template": "^1.4.0",
     "@hashicorp/design-system-components": "workspace:^",
     "@hashicorp/design-system-tokens": "workspace:^",
@@ -83,6 +84,7 @@
     "ember-source": "~5.9.0",
     "ember-source-channel-url": "^3.0.0",
     "ember-style-modifier": "^4.3.1",
+    "ember-template-imports": "^4.1.1",
     "ember-template-lint": "^6.0.0",
     "ember-template-lint-plugin-prettier": "^5.0.0",
     "ember-truth-helpers": "^3.1.1",
@@ -96,6 +98,7 @@
     "eslint-plugin-qunit": "^8.1.1",
     "loader.js": "^4.7.0",
     "prettier": "^3.3.2",
+    "prettier-plugin-ember-template-tag": "^2.0.2",
     "qunit": "^2.21.0",
     "qunit-dom": "^3.0.0",
     "sass": "^1.69.5",

showcase/tsconfig.json

@@ -25,6 +25,9 @@
     "types/**/*"
   ],
   "glint": {
-    "environment": "ember-loose"
+    "environment": [
+      "ember-loose",
+      "ember-template-imports"
+    ]
   },
 }