Showcase: convert Tag page to TypeScript (#3135)

Author: shleewhite

…controllers/page-components/tag/index.js …controllers/page-components/tag/index.tsshowcase/app/controllers/page-components/tag/index.js renamed to showcase/app/controllers/page-components/tag/index.ts showcase/app/controllers/page-components/tag/index.js renamed to showcase/app/controllers/page-components/tag/index.ts

@@ -6,7 +6,11 @@
 import Controller from '@ember/controller';
 import { action } from '@ember/object';
 
+import type { PageComponentsTagModel } from 'showcase/routes/page-components/tag';
+
 export default class PageComponentsTagController extends Controller {
+  declare model: PageComponentsTagModel;
+
   @action
   noop() {}
 }

showcase/app/routes/page-components/tag/frameless/demo-observer-performance.js

@@ -0,0 +1,21 @@
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+
+import Route from '@ember/routing/route';
+
+import type { ModelFrom } from 'showcase/utils/ModelFromRoute';
+
+export type PageComponentsTagFramelessDemoObserverPerformaneModel =
+  ModelFrom<PageComponentsTagFramelessDemoObserverPerformanceRoute>;
+
+export default class PageComponentsTagFramelessDemoObserverPerformanceRoute extends Route {
+  model() {
+    const DEMO_RANGE: { index: number }[] = Array.from(
+      { length: 1000 },
+      (_, i) => ({ index: i + 1 }),
+    );
+    return { DEMO_RANGE };
+  }
+}

showcase/app/routes/page-components/tag/frameless/demo-observer-performance.ts

@@ -7,6 +7,10 @@ import Route from '@ember/routing/route';
 import { COLORS } from '@hashicorp/design-system-components/components/hds/tag/index';
 import { TOOLTIP_PLACEMENTS } from '@hashicorp/design-system-components/components/hds/tag/index';
 
+import type { ModelFrom } from 'showcase/utils/ModelFromRoute';
+
+export type PageComponentsTagModel = ModelFrom<PageComponentsTagRoute>;
+
 export default class PageComponentsTagRoute extends Route {
   model() {
     // these are used only for presentation purpose in the showcase