From e0e059667088d7c8a19e97fefc7624b98296319e Mon Sep 17 00:00:00 2001
From: Jarek Radosz <jarek@cvx.dev>
Date: Wed, 28 May 2025 11:43:24 +0200
Subject: [PATCH 1/3] DEV: [gjs-codemod] Convert all templates to gjs

---
 Gemfile.lock                                  |  38 +-
 .../discourse/components/campaign-banner.gjs  | 399 +++++++++
 .../discourse/components/campaign-banner.hbs  | 176 ----
 .../discourse/components/campaign-banner.js   | 205 -----
 .../components/create-coupon-form.gjs         |  92 ++
 .../components/create-coupon-form.hbs         |  50 --
 .../components/create-coupon-form.js          |  35 -
 .../discourse/components/login-required.gjs   |  16 +
 .../discourse/components/login-required.hbs   |   8 -
 ...payment-options.js => payment-options.gjs} |  18 +
 .../discourse/components/payment-options.hbs  |  13 -
 .../discourse/components/payment-plan.gjs     |  57 ++
 .../discourse/components/payment-plan.hbs     |  24 -
 .../discourse/components/payment-plan.js      |  25 -
 .../discourse/components/product-item.gjs     |  64 ++
 .../discourse/components/product-item.hbs     |  53 --
 .../discourse/components/product-item.js      |   5 -
 .../{product-list.js => product-list.gjs}     |  12 +
 .../discourse/components/product-list.hbs     |   7 -
 .../{subscribe-card.js => subscribe-card.gjs} |   4 +
 .../discourse/components/subscribe-card.hbs   |   1 -
 .../subscriptions-campaign.gjs                |  19 +
 .../subscriptions-campaign.hbs                |   1 -
 .../subscriptions-campaign.js                 |  12 -
 .../subscriptions-campaign-topic-footer.gjs   |  21 +
 .../subscriptions-campaign-topic-footer.hbs   |   1 -
 .../subscriptions-campaign-topic-footer.js    |   9 -
 .../subscriptions-campaign-sidebar.gjs        |  17 +
 .../subscriptions-campaign-sidebar.hbs        |   1 -
 .../subscriptions-campaign-sidebar.js         |  10 -
 .../connectors/user-main-nav/billing.gjs      |  19 +
 .../connectors/user-main-nav/billing.hbs      |   6 -
 ...lugins-discourse-subscriptions-coupons.gjs |  74 ++
 ...lugins-discourse-subscriptions-coupons.hbs |  61 --
 ...gins-discourse-subscriptions-dashboard.gjs |  84 ++
 ...gins-discourse-subscriptions-dashboard.hbs |  64 --
 ...ns-discourse-subscriptions-plans-index.gjs |  44 +
 ...ns-discourse-subscriptions-plans-index.hbs |  32 -
 ...discourse-subscriptions-products-index.gjs |  90 ++
 ...discourse-subscriptions-products-index.hbs |  74 --
 ...subscriptions-products-show-plans-show.gjs | 185 ++++
 ...subscriptions-products-show-plans-show.hbs | 165 ----
 ...-discourse-subscriptions-products-show.gjs | 195 ++++
 ...-discourse-subscriptions-products-show.hbs | 161 ----
 ...ugins-discourse-subscriptions-products.gjs |   3 +
 ...ugins-discourse-subscriptions-products.hbs |   1 -
 ...-discourse-subscriptions-subscriptions.gjs | 105 +++
 ...-discourse-subscriptions-subscriptions.hbs |  90 --
 .../admin/plugins-discourse-subscriptions.gjs |  62 ++
 .../admin/plugins-discourse-subscriptions.hbs |  53 --
 .../discourse/templates/subscribe.gjs         |  18 +
 .../discourse/templates/subscribe.hbs         |  11 -
 .../discourse/templates/subscribe/index.gjs   |  16 +
 .../discourse/templates/subscribe/index.hbs   |   5 -
 .../discourse/templates/subscribe/show.gjs    | 151 ++++
 .../discourse/templates/subscribe/show.hbs    | 129 ---
 .../discourse/templates/subscriptions.gjs     |  14 +
 .../discourse/templates/subscriptions.hbs     |   7 -
 .../discourse/templates/user/billing.gjs      |  35 +
 .../discourse/templates/user/billing.hbs      |  25 -
 .../templates/user/billing/index.gjs          |   3 +
 .../templates/user/billing/index.hbs          |   1 -
 .../templates/user/billing/payments.gjs       |  31 +
 .../templates/user/billing/payments.hbs       |  22 -
 .../user/billing/subscriptions/card.gjs       |  28 +
 .../user/billing/subscriptions/card.hbs       |  16 -
 .../user/billing/subscriptions/index.gjs      |  70 ++
 .../user/billing/subscriptions/index.hbs      |  55 --
 assets/stylesheets/common/campaign.scss       |  15 +-
 assets/stylesheets/common/layout.scss         |   8 +-
 assets/stylesheets/common/subscribe.scss      |   2 +-
 package.json                                  |   8 +-
 pnpm-lock.yaml                                | 832 +++++++++---------
 73 files changed, 2390 insertions(+), 2073 deletions(-)
 create mode 100644 assets/javascripts/discourse/components/campaign-banner.gjs
 delete mode 100644 assets/javascripts/discourse/components/campaign-banner.hbs
 delete mode 100644 assets/javascripts/discourse/components/campaign-banner.js
 create mode 100644 assets/javascripts/discourse/components/create-coupon-form.gjs
 delete mode 100644 assets/javascripts/discourse/components/create-coupon-form.hbs
 delete mode 100644 assets/javascripts/discourse/components/create-coupon-form.js
 create mode 100644 assets/javascripts/discourse/components/login-required.gjs
 delete mode 100644 assets/javascripts/discourse/components/login-required.hbs
 rename assets/javascripts/discourse/components/{payment-options.js => payment-options.gjs} (58%)
 delete mode 100644 assets/javascripts/discourse/components/payment-options.hbs
 create mode 100644 assets/javascripts/discourse/components/payment-plan.gjs
 delete mode 100644 assets/javascripts/discourse/components/payment-plan.hbs
 delete mode 100644 assets/javascripts/discourse/components/payment-plan.js
 create mode 100644 assets/javascripts/discourse/components/product-item.gjs
 delete mode 100644 assets/javascripts/discourse/components/product-item.hbs
 delete mode 100644 assets/javascripts/discourse/components/product-item.js
 rename assets/javascripts/discourse/components/{product-list.js => product-list.gjs} (50%)
 delete mode 100644 assets/javascripts/discourse/components/product-list.hbs
 rename assets/javascripts/discourse/components/{subscribe-card.js => subscribe-card.gjs} (92%)
 delete mode 100644 assets/javascripts/discourse/components/subscribe-card.hbs
 create mode 100644 assets/javascripts/discourse/connectors/above-main-container/subscriptions-campaign.gjs
 delete mode 100644 assets/javascripts/discourse/connectors/above-main-container/subscriptions-campaign.hbs
 delete mode 100644 assets/javascripts/discourse/connectors/above-main-container/subscriptions-campaign.js
 create mode 100644 assets/javascripts/discourse/connectors/after-topic-footer-buttons/subscriptions-campaign-topic-footer.gjs
 delete mode 100644 assets/javascripts/discourse/connectors/after-topic-footer-buttons/subscriptions-campaign-topic-footer.hbs
 delete mode 100644 assets/javascripts/discourse/connectors/after-topic-footer-buttons/subscriptions-campaign-topic-footer.js
 create mode 100644 assets/javascripts/discourse/connectors/before-topic-list/subscriptions-campaign-sidebar.gjs
 delete mode 100644 assets/javascripts/discourse/connectors/before-topic-list/subscriptions-campaign-sidebar.hbs
 delete mode 100644 assets/javascripts/discourse/connectors/before-topic-list/subscriptions-campaign-sidebar.js
 create mode 100644 assets/javascripts/discourse/connectors/user-main-nav/billing.gjs
 delete mode 100644 assets/javascripts/discourse/connectors/user-main-nav/billing.hbs
 create mode 100644 assets/javascripts/discourse/templates/admin/plugins-discourse-subscriptions-coupons.gjs
 delete mode 100644 assets/javascripts/discourse/templates/admin/plugins-discourse-subscriptions-coupons.hbs
 create mode 100644 assets/javascripts/discourse/templates/admin/plugins-discourse-subscriptions-dashboard.gjs
 delete mode 100644 assets/javascripts/discourse/templates/admin/plugins-discourse-subscriptions-dashboard.hbs
 create mode 100644 assets/javascripts/discourse/templates/admin/plugins-discourse-subscriptions-plans-index.gjs
 delete mode 100644 assets/javascripts/discourse/templates/admin/plugins-discourse-subscriptions-plans-index.hbs
 create mode 100644 assets/javascripts/discourse/templates/admin/plugins-discourse-subscriptions-products-index.gjs
 delete mode 100644 assets/javascripts/discourse/templates/admin/plugins-discourse-subscriptions-products-index.hbs
 create mode 100644 assets/javascripts/discourse/templates/admin/plugins-discourse-subscriptions-products-show-plans-show.gjs
 delete mode 100644 assets/javascripts/discourse/templates/admin/plugins-discourse-subscriptions-products-show-plans-show.hbs
 create mode 100644 assets/javascripts/discourse/templates/admin/plugins-discourse-subscriptions-products-show.gjs
 delete mode 100644 assets/javascripts/discourse/templates/admin/plugins-discourse-subscriptions-products-show.hbs
 create mode 100644 assets/javascripts/discourse/templates/admin/plugins-discourse-subscriptions-products.gjs
 delete mode 100644 assets/javascripts/discourse/templates/admin/plugins-discourse-subscriptions-products.hbs
 create mode 100644 assets/javascripts/discourse/templates/admin/plugins-discourse-subscriptions-subscriptions.gjs
 delete mode 100644 assets/javascripts/discourse/templates/admin/plugins-discourse-subscriptions-subscriptions.hbs
 create mode 100644 assets/javascripts/discourse/templates/admin/plugins-discourse-subscriptions.gjs
 delete mode 100644 assets/javascripts/discourse/templates/admin/plugins-discourse-subscriptions.hbs
 create mode 100644 assets/javascripts/discourse/templates/subscribe.gjs
 delete mode 100644 assets/javascripts/discourse/templates/subscribe.hbs
 create mode 100644 assets/javascripts/discourse/templates/subscribe/index.gjs
 delete mode 100644 assets/javascripts/discourse/templates/subscribe/index.hbs
 create mode 100644 assets/javascripts/discourse/templates/subscribe/show.gjs
 delete mode 100644 assets/javascripts/discourse/templates/subscribe/show.hbs
 create mode 100644 assets/javascripts/discourse/templates/subscriptions.gjs
 delete mode 100644 assets/javascripts/discourse/templates/subscriptions.hbs
 create mode 100644 assets/javascripts/discourse/templates/user/billing.gjs
 delete mode 100644 assets/javascripts/discourse/templates/user/billing.hbs
 create mode 100644 assets/javascripts/discourse/templates/user/billing/index.gjs
 delete mode 100644 assets/javascripts/discourse/templates/user/billing/index.hbs
 create mode 100644 assets/javascripts/discourse/templates/user/billing/payments.gjs
 delete mode 100644 assets/javascripts/discourse/templates/user/billing/payments.hbs
 create mode 100644 assets/javascripts/discourse/templates/user/billing/subscriptions/card.gjs
 delete mode 100644 assets/javascripts/discourse/templates/user/billing/subscriptions/card.hbs
 create mode 100644 assets/javascripts/discourse/templates/user/billing/subscriptions/index.gjs
 delete mode 100644 assets/javascripts/discourse/templates/user/billing/subscriptions/index.hbs

diff --git a/Gemfile.lock b/Gemfile.lock
index daac450e..66e72ffb 100644
--- a/Gemfile.lock
+++ b/Gemfile.lock
@@ -20,30 +20,31 @@ GEM
       securerandom (>= 0.3)
       tzinfo (~> 2.0, >= 2.0.5)
       uri (>= 0.13.1)
-    ast (2.4.2)
+    ast (2.4.3)
     base64 (0.2.0)
     benchmark (0.4.0)
     bigdecimal (3.1.9)
     concurrent-ruby (1.3.5)
-    connection_pool (2.5.0)
-    drb (2.2.1)
+    connection_pool (2.5.3)
+    drb (2.2.3)
     i18n (1.14.7)
       concurrent-ruby (~> 1.0)
-    json (2.10.2)
-    language_server-protocol (3.17.0.4)
+    json (2.12.2)
+    language_server-protocol (3.17.0.5)
     lint_roller (1.1.0)
-    logger (1.6.6)
+    logger (1.7.0)
     minitest (5.25.5)
-    parallel (1.26.3)
-    parser (3.3.7.1)
+    parallel (1.27.0)
+    parser (3.3.8.0)
       ast (~> 2.4.1)
       racc
     prettier_print (1.2.1)
+    prism (1.4.0)
     racc (1.8.1)
-    rack (3.1.12)
+    rack (3.1.15)
     rainbow (3.1.1)
     regexp_parser (2.10.0)
-    rubocop (1.74.0)
+    rubocop (1.75.7)
       json (~> 2.3)
       language_server-protocol (~> 3.17.0.2)
       lint_roller (~> 1.1.0)
@@ -51,11 +52,12 @@ GEM
       parser (>= 3.3.0.2)
       rainbow (>= 2.2.2, < 4.0)
       regexp_parser (>= 2.9.3, < 3.0)
-      rubocop-ast (>= 1.38.0, < 2.0)
+      rubocop-ast (>= 1.44.0, < 2.0)
       ruby-progressbar (~> 1.7)
       unicode-display_width (>= 2.4.0, < 4.0)
-    rubocop-ast (1.38.1)
-      parser (>= 3.3.1.0)
+    rubocop-ast (1.44.1)
+      parser (>= 3.3.7.2)
+      prism (~> 1.4)
     rubocop-capybara (2.22.1)
       lint_roller (~> 1.1)
       rubocop (~> 1.72, >= 1.72.1)
@@ -71,13 +73,13 @@ GEM
     rubocop-factory_bot (2.27.1)
       lint_roller (~> 1.1)
       rubocop (~> 1.72, >= 1.72.1)
-    rubocop-rails (2.30.3)
+    rubocop-rails (2.32.0)
       activesupport (>= 4.2.0)
       lint_roller (~> 1.1)
       rack (>= 1.1)
-      rubocop (>= 1.72.1, < 2.0)
-      rubocop-ast (>= 1.38.0, < 2.0)
-    rubocop-rspec (3.5.0)
+      rubocop (>= 1.75.0, < 2.0)
+      rubocop-ast (>= 1.44.0, < 2.0)
+    rubocop-rspec (3.6.0)
       lint_roller (~> 1.1)
       rubocop (~> 1.72, >= 1.72.1)
     rubocop-rspec_rails (2.31.0)
@@ -104,4 +106,4 @@ DEPENDENCIES
   translations-manager!
 
 BUNDLED WITH
-   2.6.6
+   2.6.9
diff --git a/assets/javascripts/discourse/components/campaign-banner.gjs b/assets/javascripts/discourse/components/campaign-banner.gjs
new file mode 100644
index 00000000..b1398c7d
--- /dev/null
+++ b/assets/javascripts/discourse/components/campaign-banner.gjs
@@ -0,0 +1,399 @@
+import Component from "@ember/component";
+import { concat } from "@ember/helper";
+import { action } from "@ember/object";
+import { equal } from "@ember/object/computed";
+import { LinkTo } from "@ember/routing";
+import { later } from "@ember/runloop";
+import { service } from "@ember/service";
+import { classNameBindings } from "@ember-decorators/component";
+import { observes } from "@ember-decorators/object";
+import ConditionalLoadingSpinner from "discourse/components/conditional-loading-spinner";
+import DButton from "discourse/components/d-button";
+import avatar from "discourse/helpers/avatar";
+import icon from "discourse/helpers/d-icon";
+import htmlSafe from "discourse/helpers/html-safe";
+import { ajax } from "discourse/lib/ajax";
+import { setting } from "discourse/lib/computed";
+import discourseComputed from "discourse/lib/decorators";
+import { i18n } from "discourse-i18n";
+import formatCurrency from "../helpers/format-currency";
+
+const SIDEBAR_BODY_CLASS = "subscription-campaign-sidebar";
+
+@classNameBindings("isGoalMet:goal-met")
+export default class CampaignBanner extends Component {
+  @service router;
+
+  dismissed = false;
+  loading = false;
+
+  @setting("discourse_subscriptions_campaign_banner_shadow_color")
+  dropShadowColor;
+
+  @setting("discourse_subscriptions_campaign_banner_bg_image")
+  backgroundImageUrl;
+
+  @equal(
+    "siteSettings.discourse_subscriptions_campaign_banner_location",
+    "Sidebar"
+  )
+  isSidebar;
+
+  @setting("discourse_subscriptions_campaign_subscribers") subscribers;
+
+  @equal("siteSettings.discourse_subscriptions_campaign_type", "Subscribers")
+  subscriberGoal;
+
+  @setting("discourse_subscriptions_currency") currency;
+
+  @setting("discourse_subscriptions_campaign_amount_raised") amountRaised;
+
+  @setting("discourse_subscriptions_campaign_goal") goalTarget;
+
+  @setting("discourse_subscriptions_campaign_product") product;
+
+  @setting("discourse_subscriptions_pricing_table_enabled") pricingTableEnabled;
+
+  @setting("discourse_subscriptions_campaign_show_contributors")
+  showContributors;
+
+  init() {
+    super.init(...arguments);
+
+    this.set("contributors", []);
+
+    // add background-image url to stylesheet
+    if (this.backgroundImageUrl) {
+      const backgroundUrl = `url(${this.backgroundImageUrl}`.replace(/\\/g, "");
+      if (
+        document.documentElement.style.getPropertyValue(
+          "--campaign-background-image"
+        ) !== backgroundUrl
+      ) {
+        document.documentElement.style.setProperty(
+          "--campaign-background-image",
+          backgroundUrl
+        );
+      }
+    }
+
+    if (this.currentUser && this.showContributors) {
+      return ajax("/s/contributors", { method: "get" }).then((result) => {
+        this.setProperties({
+          contributors: result,
+          loading: false,
+        });
+      });
+    }
+  }
+
+  didInsertElement() {
+    super.didInsertElement(...arguments);
+    if (this.isSidebar && this.shouldShow && !this.site.mobileView) {
+      document.body.classList.add(SIDEBAR_BODY_CLASS);
+    } else {
+      document.body.classList.remove(SIDEBAR_BODY_CLASS);
+    }
+
+    // makes sure to only play animation once, & not repeat on reload
+    if (this.isGoalMet) {
+      const successAnimationKey = this.keyValueStore.get(
+        "campaign_success_animation"
+      );
+
+      if (!successAnimationKey) {
+        later(() => {
+          this.keyValueStore.set({
+            key: "campaign_success_animation",
+            value: Date.now(),
+          });
+          document.body.classList.add("success-animation-off");
+        }, 7000);
+      } else {
+        document.body.classList.add("success-animation-off");
+      }
+    }
+  }
+
+  willDestroyElement() {
+    super.willDestroyElement(...arguments);
+    document.body.classList.remove(SIDEBAR_BODY_CLASS);
+  }
+
+  @discourseComputed("backgroundImageUrl")
+  bannerInfoStyle(backgroundImageUrl) {
+    if (!backgroundImageUrl) {
+      return "";
+    }
+
+    return `background-image: linear-gradient(
+        0deg,
+        rgba(var(--secondary-rgb), 0.75) 0%,
+        rgba(var(--secondary-rgb), 0.75) 100%),
+        var(--campaign-background-image);
+      background-size: cover;
+      background-repeat: no-repeat;`;
+  }
+
+  @discourseComputed(
+    "router.currentRouteName",
+    "currentUser",
+    "siteSettings.discourse_subscriptions_campaign_enabled",
+    "visible"
+  )
+  shouldShow(currentRoute, currentUser, enabled, visible) {
+    // do not show on admin or subscriptions pages
+    const showOnRoute =
+      currentRoute !== "discovery.s" &&
+      !currentRoute.split(".")[0].includes("admin") &&
+      currentRoute.split(".")[0] !== "subscribe" &&
+      currentRoute.split(".")[0] !== "subscriptions";
+
+    if (!this.site.show_campaign_banner) {
+      return false;
+    }
+
+    // make sure not to render above main container when inside a topic
+    if (
+      this.connectorName === "above-main-container" &&
+      currentRoute.includes("topic")
+    ) {
+      return false;
+    }
+
+    return showOnRoute && currentUser && enabled && visible;
+  }
+
+  @observes("dismissed")
+  _updateBodyClasses() {
+    if (this.dismissed) {
+      document.body.classList.remove(SIDEBAR_BODY_CLASS);
+    }
+  }
+
+  @discourseComputed("dismissed")
+  visible(dismissed) {
+    const dismissedBannerKey = this.keyValueStore.get(
+      "dismissed_campaign_banner"
+    );
+    const threeMonths = 2628000000 * 3;
+
+    const bannerDismissedTime = new Date(dismissedBannerKey);
+    const now = Date.now();
+
+    return (
+      (!dismissedBannerKey || now - bannerDismissedTime > threeMonths) &&
+      !dismissed
+    );
+  }
+
+  @discourseComputed
+  subscribeRoute() {
+    if (this.pricingTableEnabled) {
+      return "subscriptions";
+    }
+    return "subscribe";
+  }
+
+  @discourseComputed
+  isGoalMet() {
+    const currentVolume = this.subscriberGoal
+      ? this.subscribers
+      : this.amountRaised;
+    return currentVolume >= this.goalTarget;
+  }
+
+  @action
+  dismissBanner() {
+    this.set("dismissed", true);
+    this.keyValueStore.set({
+      key: "dismissed_campaign_banner",
+      value: Date.now(),
+    });
+  }
+
+  <template>
+    {{#if this.shouldShow}}
+      <div
+        class="campaign-banner"
+        style={{htmlSafe (concat "box-shadow: 5px 5px #" this.dropShadowColor)}}
+      >
+        <DButton @icon="xmark" @action={{this.dismissBanner}} class="close" />
+
+        <div
+          class="campaign-banner-info"
+          style={{htmlSafe this.bannerInfoStyle}}
+        >
+          {{#if this.isGoalMet}}
+            <h2 class="campaign-banner-info-header">
+              {{i18n "discourse_subscriptions.campaign.success_title"}}
+            </h2>
+
+            <p class="campaign-banner-info-description">
+              {{i18n "discourse_subscriptions.campaign.success_body"}}
+            </p>
+          {{else}}
+            <h2 class="campaign-banner-info-header">
+              {{i18n "discourse_subscriptions.campaign.title"}}
+            </h2>
+
+            <p class="campaign-banner-info-description">
+              {{i18n "discourse_subscriptions.campaign.body"}}
+            </p>
+
+            {{#if this.product}}
+              <LinkTo
+                @route="subscribe.show"
+                @model={{this.product}}
+                @disabled={{this.product.subscribed}}
+                class="btn btn-primary campaign-banner-info-button"
+              >
+                {{icon "far-heart"}}
+                {{icon "heart" class="hover-heart"}}
+                {{i18n "discourse_subscriptions.campaign.button"}}
+              </LinkTo>
+            {{else}}
+              <LinkTo
+                @route={{this.subscribeRoute}}
+                class="btn btn-primary campaign-banner-info-button"
+              >
+                {{icon "far-heart"}}
+                {{icon "heart" class="hover-heart"}}
+                {{i18n "discourse_subscriptions.campaign.button"}}
+              </LinkTo>
+            {{/if}}
+          {{/if}}
+        </div>
+
+        <div class="campaign-banner-progress">
+          {{#if this.isGoalMet}}
+            <div class="fireworks">
+              <div class="before"></div>
+              <div class="after"></div>
+            </div>
+
+            <div class="campaign-banner-progress-success"></div>
+
+            {{#if this.subscriberGoal}}
+              <p class="campaign-banner-progress-description">
+                {{htmlSafe
+                  (i18n
+                    "discourse_subscriptions.campaign.goal_comparison"
+                    current=this.subscribers
+                    goal=this.goalTarget
+                  )
+                }}
+                {{i18n "discourse_subscriptions.campaign.subscribers"}}
+              </p>
+            {{else}}
+              <p class="campaign-banner-progress-description">
+                {{htmlSafe
+                  (i18n
+                    "discourse_subscriptions.campaign.goal_comparison"
+                    current=(formatCurrency this.currency this.amountRaised)
+                    goal=(formatCurrency this.currency this.goalTarget)
+                  )
+                }}
+                {{i18n "discourse_subscriptions.campaign.raised"}}
+              </p>
+
+              {{#if this.showContributors}}
+                <ConditionalLoadingSpinner
+                  @condition={{this.loading}}
+                  @size="small"
+                >
+                  <div class="campaign-banner-progress-users">
+                    <p class="campaign-banner-progress-users-title">
+                      <strong>
+                        {{i18n
+                          "discourse_subscriptions.campaign.recent_contributors"
+                        }}
+                      </strong>
+                    </p>
+
+                    <div class="campaign-banner-progress-users-avatars">
+                      {{#each this.contributors as |contributor|}}
+                        {{avatar
+                          contributor
+                          avatarTemplatePath="avatar_template"
+                          usernamePath="username"
+                          namePath="name"
+                          imageSize="small"
+                        }}
+                      {{/each}}
+                    </div>
+                  </div>
+                </ConditionalLoadingSpinner>
+              {{/if}}
+            {{/if}}
+          {{else}}
+            {{#if this.subscriberGoal}}
+              <progress
+                class="campaign-banner-progress-bar"
+                value={{this.subscribers}}
+                max={{this.siteSettings.discourse_subscriptions_campaign_goal}}
+              ></progress>
+
+              <p class="campaign-banner-progress-description">
+                {{htmlSafe
+                  (i18n
+                    "discourse_subscriptions.campaign.goal_comparison"
+                    current=this.subscribers
+                    goal=this.goalTarget
+                  )
+                }}
+                {{i18n "discourse_subscriptions.campaign.subscribers"}}
+              </p>
+            {{else}}
+              <progress
+                class="campaign-banner-progress-bar"
+                value={{this.amountRaised}}
+                max={{this.siteSettings.discourse_subscriptions_campaign_goal}}
+              ></progress>
+
+              <p class="campaign-banner-progress-description">
+                {{htmlSafe
+                  (i18n
+                    "discourse_subscriptions.campaign.goal_comparison"
+                    current=(formatCurrency this.currency this.amountRaised)
+                    goal=(formatCurrency this.currency this.goalTarget)
+                  )
+                }}
+                {{i18n "discourse_subscriptions.campaign.raised"}}
+              </p>
+            {{/if}}
+
+            {{#if this.showContributors}}
+              <ConditionalLoadingSpinner
+                @condition={{this.loading}}
+                @size="small"
+              >
+                <div class="campaign-banner-progress-users">
+                  <p class="campaign-banner-progress-users-title">
+                    <strong>
+                      {{i18n
+                        "discourse_subscriptions.campaign.recent_contributors"
+                      }}
+                    </strong>
+                  </p>
+
+                  <div class="campaign-banner-progress-users-avatars">
+                    {{#each this.contributors as |contributor|}}
+                      {{avatar
+                        contributor
+                        avatarTemplatePath="avatar_template"
+                        usernamePath="username"
+                        namePath="name"
+                        imageSize="small"
+                      }}
+                    {{/each}}
+                  </div>
+                </div>
+              </ConditionalLoadingSpinner>
+            {{/if}}
+          {{/if}}
+        </div>
+      </div>
+    {{/if}}
+  </template>
+}
diff --git a/assets/javascripts/discourse/components/campaign-banner.hbs b/assets/javascripts/discourse/components/campaign-banner.hbs
deleted file mode 100644
index d062e010..00000000
--- a/assets/javascripts/discourse/components/campaign-banner.hbs
+++ /dev/null
@@ -1,176 +0,0 @@
-{{#if this.shouldShow}}
-  <div
-    class="campaign-banner"
-    style={{html-safe (concat "box-shadow: 5px 5px #" this.dropShadowColor)}}
-  >
-    <DButton @icon="xmark" @action={{this.dismissBanner}} class="close" />
-
-    <div class="campaign-banner-info" style={{html-safe this.bannerInfoStyle}}>
-      {{#if this.isGoalMet}}
-        <h2 class="campaign-banner-info-header">
-          {{i18n "discourse_subscriptions.campaign.success_title"}}
-        </h2>
-
-        <p class="campaign-banner-info-description">
-          {{i18n "discourse_subscriptions.campaign.success_body"}}
-        </p>
-      {{else}}
-        <h2 class="campaign-banner-info-header">
-          {{i18n "discourse_subscriptions.campaign.title"}}
-        </h2>
-
-        <p class="campaign-banner-info-description">
-          {{i18n "discourse_subscriptions.campaign.body"}}
-        </p>
-
-        {{#if this.product}}
-          <LinkTo
-            @route="subscribe.show"
-            @model={{this.product}}
-            @disabled={{this.product.subscribed}}
-            class="btn btn-primary campaign-banner-info-button"
-          >
-            {{d-icon "far-heart"}}
-            {{d-icon "heart" class="hover-heart"}}
-            {{i18n "discourse_subscriptions.campaign.button"}}
-          </LinkTo>
-        {{else}}
-          <LinkTo
-            @route={{this.subscribeRoute}}
-            class="btn btn-primary campaign-banner-info-button"
-          >
-            {{d-icon "far-heart"}}
-            {{d-icon "heart" class="hover-heart"}}
-            {{i18n "discourse_subscriptions.campaign.button"}}
-          </LinkTo>
-        {{/if}}
-      {{/if}}
-    </div>
-
-    <div class="campaign-banner-progress">
-      {{#if this.isGoalMet}}
-        <div class="fireworks">
-          <div class="before"></div>
-          <div class="after"></div>
-        </div>
-
-        <div class="campaign-banner-progress-success"></div>
-
-        {{#if this.subscriberGoal}}
-          <p class="campaign-banner-progress-description">
-            {{html-safe
-              (i18n
-                "discourse_subscriptions.campaign.goal_comparison"
-                current=this.subscribers
-                goal=this.goalTarget
-              )
-            }}
-            {{i18n "discourse_subscriptions.campaign.subscribers"}}
-          </p>
-        {{else}}
-          <p class="campaign-banner-progress-description">
-            {{html-safe
-              (i18n
-                "discourse_subscriptions.campaign.goal_comparison"
-                current=(format-currency this.currency this.amountRaised)
-                goal=(format-currency this.currency this.goalTarget)
-              )
-            }}
-            {{i18n "discourse_subscriptions.campaign.raised"}}
-          </p>
-
-          {{#if this.showContributors}}
-            <ConditionalLoadingSpinner
-              @condition={{this.loading}}
-              @size="small"
-            >
-              <div class="campaign-banner-progress-users">
-                <p class="campaign-banner-progress-users-title">
-                  <strong>
-                    {{i18n
-                      "discourse_subscriptions.campaign.recent_contributors"
-                    }}
-                  </strong>
-                </p>
-
-                <div class="campaign-banner-progress-users-avatars">
-                  {{#each this.contributors as |contributor|}}
-                    {{avatar
-                      contributor
-                      avatarTemplatePath="avatar_template"
-                      usernamePath="username"
-                      namePath="name"
-                      imageSize="small"
-                    }}
-                  {{/each}}
-                </div>
-              </div>
-            </ConditionalLoadingSpinner>
-          {{/if}}
-        {{/if}}
-      {{else}}
-        {{#if this.subscriberGoal}}
-          <progress
-            class="campaign-banner-progress-bar"
-            value={{this.subscribers}}
-            max={{this.siteSettings.discourse_subscriptions_campaign_goal}}
-          ></progress>
-
-          <p class="campaign-banner-progress-description">
-            {{html-safe
-              (i18n
-                "discourse_subscriptions.campaign.goal_comparison"
-                current=this.subscribers
-                goal=this.goalTarget
-              )
-            }}
-            {{i18n "discourse_subscriptions.campaign.subscribers"}}
-          </p>
-        {{else}}
-          <progress
-            class="campaign-banner-progress-bar"
-            value={{this.amountRaised}}
-            max={{this.siteSettings.discourse_subscriptions_campaign_goal}}
-          ></progress>
-
-          <p class="campaign-banner-progress-description">
-            {{html-safe
-              (i18n
-                "discourse_subscriptions.campaign.goal_comparison"
-                current=(format-currency this.currency this.amountRaised)
-                goal=(format-currency this.currency this.goalTarget)
-              )
-            }}
-            {{i18n "discourse_subscriptions.campaign.raised"}}
-          </p>
-        {{/if}}
-
-        {{#if this.showContributors}}
-          <ConditionalLoadingSpinner @condition={{this.loading}} @size="small">
-            <div class="campaign-banner-progress-users">
-              <p class="campaign-banner-progress-users-title">
-                <strong>
-                  {{i18n
-                    "discourse_subscriptions.campaign.recent_contributors"
-                  }}
-                </strong>
-              </p>
-
-              <div class="campaign-banner-progress-users-avatars">
-                {{#each this.contributors as |contributor|}}
-                  {{avatar
-                    contributor
-                    avatarTemplatePath="avatar_template"
-                    usernamePath="username"
-                    namePath="name"
-                    imageSize="small"
-                  }}
-                {{/each}}
-              </div>
-            </div>
-          </ConditionalLoadingSpinner>
-        {{/if}}
-      {{/if}}
-    </div>
-  </div>
-{{/if}}
\ No newline at end of file
diff --git a/assets/javascripts/discourse/components/campaign-banner.js b/assets/javascripts/discourse/components/campaign-banner.js
deleted file mode 100644
index 41116a69..00000000
--- a/assets/javascripts/discourse/components/campaign-banner.js
+++ /dev/null
@@ -1,205 +0,0 @@
-import Component from "@ember/component";
-import { action } from "@ember/object";
-import { equal } from "@ember/object/computed";
-import { later } from "@ember/runloop";
-import { service } from "@ember/service";
-import { classNameBindings } from "@ember-decorators/component";
-import { observes } from "@ember-decorators/object";
-import { ajax } from "discourse/lib/ajax";
-import { setting } from "discourse/lib/computed";
-import discourseComputed from "discourse/lib/decorators";
-
-const SIDEBAR_BODY_CLASS = "subscription-campaign-sidebar";
-
-@classNameBindings("isGoalMet:goal-met")
-export default class CampaignBanner extends Component {
-  @service router;
-
-  dismissed = false;
-  loading = false;
-
-  @setting("discourse_subscriptions_campaign_banner_shadow_color")
-  dropShadowColor;
-
-  @setting("discourse_subscriptions_campaign_banner_bg_image")
-  backgroundImageUrl;
-
-  @equal(
-    "siteSettings.discourse_subscriptions_campaign_banner_location",
-    "Sidebar"
-  )
-  isSidebar;
-
-  @setting("discourse_subscriptions_campaign_subscribers") subscribers;
-
-  @equal("siteSettings.discourse_subscriptions_campaign_type", "Subscribers")
-  subscriberGoal;
-
-  @setting("discourse_subscriptions_currency") currency;
-
-  @setting("discourse_subscriptions_campaign_amount_raised") amountRaised;
-
-  @setting("discourse_subscriptions_campaign_goal") goalTarget;
-
-  @setting("discourse_subscriptions_campaign_product") product;
-
-  @setting("discourse_subscriptions_pricing_table_enabled") pricingTableEnabled;
-
-  @setting("discourse_subscriptions_campaign_show_contributors")
-  showContributors;
-
-  init() {
-    super.init(...arguments);
-
-    this.set("contributors", []);
-
-    // add background-image url to stylesheet
-    if (this.backgroundImageUrl) {
-      const backgroundUrl = `url(${this.backgroundImageUrl}`.replace(/\\/g, "");
-      if (
-        document.documentElement.style.getPropertyValue(
-          "--campaign-background-image"
-        ) !== backgroundUrl
-      ) {
-        document.documentElement.style.setProperty(
-          "--campaign-background-image",
-          backgroundUrl
-        );
-      }
-    }
-
-    if (this.currentUser && this.showContributors) {
-      return ajax("/s/contributors", { method: "get" }).then((result) => {
-        this.setProperties({
-          contributors: result,
-          loading: false,
-        });
-      });
-    }
-  }
-
-  didInsertElement() {
-    super.didInsertElement(...arguments);
-    if (this.isSidebar && this.shouldShow && !this.site.mobileView) {
-      document.body.classList.add(SIDEBAR_BODY_CLASS);
-    } else {
-      document.body.classList.remove(SIDEBAR_BODY_CLASS);
-    }
-
-    // makes sure to only play animation once, & not repeat on reload
-    if (this.isGoalMet) {
-      const successAnimationKey = this.keyValueStore.get(
-        "campaign_success_animation"
-      );
-
-      if (!successAnimationKey) {
-        later(() => {
-          this.keyValueStore.set({
-            key: "campaign_success_animation",
-            value: Date.now(),
-          });
-          document.body.classList.add("success-animation-off");
-        }, 7000);
-      } else {
-        document.body.classList.add("success-animation-off");
-      }
-    }
-  }
-
-  willDestroyElement() {
-    super.willDestroyElement(...arguments);
-    document.body.classList.remove(SIDEBAR_BODY_CLASS);
-  }
-
-  @discourseComputed("backgroundImageUrl")
-  bannerInfoStyle(backgroundImageUrl) {
-    if (!backgroundImageUrl) {
-      return "";
-    }
-
-    return `background-image: linear-gradient(
-        0deg,
-        rgba(var(--secondary-rgb), 0.75) 0%,
-        rgba(var(--secondary-rgb), 0.75) 100%),
-        var(--campaign-background-image);
-      background-size: cover;
-      background-repeat: no-repeat;`;
-  }
-
-  @discourseComputed(
-    "router.currentRouteName",
-    "currentUser",
-    "siteSettings.discourse_subscriptions_campaign_enabled",
-    "visible"
-  )
-  shouldShow(currentRoute, currentUser, enabled, visible) {
-    // do not show on admin or subscriptions pages
-    const showOnRoute =
-      currentRoute !== "discovery.s" &&
-      !currentRoute.split(".")[0].includes("admin") &&
-      currentRoute.split(".")[0] !== "subscribe" &&
-      currentRoute.split(".")[0] !== "subscriptions";
-
-    if (!this.site.show_campaign_banner) {
-      return false;
-    }
-
-    // make sure not to render above main container when inside a topic
-    if (
-      this.connectorName === "above-main-container" &&
-      currentRoute.includes("topic")
-    ) {
-      return false;
-    }
-
-    return showOnRoute && currentUser && enabled && visible;
-  }
-
-  @observes("dismissed")
-  _updateBodyClasses() {
-    if (this.dismissed) {
-      document.body.classList.remove(SIDEBAR_BODY_CLASS);
-    }
-  }
-
-  @discourseComputed("dismissed")
-  visible(dismissed) {
-    const dismissedBannerKey = this.keyValueStore.get(
-      "dismissed_campaign_banner"
-    );
-    const threeMonths = 2628000000 * 3;
-
-    const bannerDismissedTime = new Date(dismissedBannerKey);
-    const now = Date.now();
-
-    return (
-      (!dismissedBannerKey || now - bannerDismissedTime > threeMonths) &&
-      !dismissed
-    );
-  }
-
-  @discourseComputed
-  subscribeRoute() {
-    if (this.pricingTableEnabled) {
-      return "subscriptions";
-    }
-    return "subscribe";
-  }
-
-  @discourseComputed
-  isGoalMet() {
-    const currentVolume = this.subscriberGoal
-      ? this.subscribers
-      : this.amountRaised;
-    return currentVolume >= this.goalTarget;
-  }
-
-  @action
-  dismissBanner() {
-    this.set("dismissed", true);
-    this.keyValueStore.set({
-      key: "dismissed_campaign_banner",
-      value: Date.now(),
-    });
-  }
-}
diff --git a/assets/javascripts/discourse/components/create-coupon-form.gjs b/assets/javascripts/discourse/components/create-coupon-form.gjs
new file mode 100644
index 00000000..136394e9
--- /dev/null
+++ b/assets/javascripts/discourse/components/create-coupon-form.gjs
@@ -0,0 +1,92 @@
+import Component, { Input } from "@ember/component";
+import { fn } from "@ember/helper";
+import { action } from "@ember/object";
+import DButton from "discourse/components/d-button";
+import discourseComputed from "discourse/lib/decorators";
+import { i18n } from "discourse-i18n";
+import ComboBox from "select-kit/components/combo-box";
+
+export default class CreateCouponForm extends Component {
+  discountType = "amount";
+  discount = null;
+  promoCode = null;
+  active = false;
+
+  @discourseComputed
+  discountTypes() {
+    return [
+      { id: "amount", name: "Amount" },
+      { id: "percent", name: "Percent" },
+    ];
+  }
+
+  @action
+  createNewCoupon() {
+    const createParams = {
+      promo: this.promoCode,
+      discount_type: this.discountType,
+      discount: this.discount,
+      active: this.active,
+    };
+
+    this.create(createParams);
+  }
+
+  @action
+  cancelCreate() {
+    this.cancel();
+  }
+
+  <template>
+    <div class="create-coupon-form">
+      <form class="form-horizontal">
+        <p>
+          <label for="promo_code">
+            {{i18n "discourse_subscriptions.admin.coupons.promo_code"}}
+          </label>
+          <Input @type="text" name="promo_code" @value={{this.promoCode}} />
+        </p>
+
+        <p>
+          <label for="amount">
+            {{i18n "discourse_subscriptions.admin.coupons.discount"}}
+          </label>
+          <ComboBox
+            @content={{this.discountTypes}}
+            @value={{this.discountType}}
+            @onChange={{fn (mut this.discountType)}}
+          />
+          <Input
+            class="discount-amount"
+            @type="text"
+            name="amount"
+            @value={{this.discount}}
+          />
+        </p>
+
+        <p>
+          <label for="active">
+            {{i18n "discourse_subscriptions.admin.coupons.active"}}
+          </label>
+          <Input @type="checkbox" name="active" @checked={{this.active}} />
+        </p>
+      </form>
+
+      <DButton
+        @action={{this.createNewCoupon}}
+        @label="discourse_subscriptions.admin.coupons.create"
+        @title="discourse_subscriptions.admin.coupons.create"
+        @icon="plus"
+        class="btn-primary btn btn-icon"
+      />
+
+      <DButton
+        @action={{this.cancelCreate}}
+        label="cancel"
+        @title="cancel"
+        @icon="xmark"
+        class="btn btn-icon"
+      />
+    </div>
+  </template>
+}
diff --git a/assets/javascripts/discourse/components/create-coupon-form.hbs b/assets/javascripts/discourse/components/create-coupon-form.hbs
deleted file mode 100644
index 0ed548b9..00000000
--- a/assets/javascripts/discourse/components/create-coupon-form.hbs
+++ /dev/null
@@ -1,50 +0,0 @@
-<div class="create-coupon-form">
-  <form class="form-horizontal">
-    <p>
-      <label for="promo_code">
-        {{i18n "discourse_subscriptions.admin.coupons.promo_code"}}
-      </label>
-      <Input @type="text" name="promo_code" @value={{this.promoCode}} />
-    </p>
-
-    <p>
-      <label for="amount">
-        {{i18n "discourse_subscriptions.admin.coupons.discount"}}
-      </label>
-      <ComboBox
-        @content={{this.discountTypes}}
-        @value={{this.discountType}}
-        @onChange={{action (mut this.discountType)}}
-      />
-      <Input
-        class="discount-amount"
-        @type="text"
-        name="amount"
-        @value={{this.discount}}
-      />
-    </p>
-
-    <p>
-      <label for="active">
-        {{i18n "discourse_subscriptions.admin.coupons.active"}}
-      </label>
-      <Input @type="checkbox" name="active" @checked={{this.active}} />
-    </p>
-  </form>
-
-  <DButton
-    @action={{action "createNewCoupon"}}
-    @label="discourse_subscriptions.admin.coupons.create"
-    @title="discourse_subscriptions.admin.coupons.create"
-    @icon="plus"
-    class="btn-primary btn btn-icon"
-  />
-
-  <DButton
-    @action={{action "cancelCreate"}}
-    label="cancel"
-    @title="cancel"
-    @icon="xmark"
-    class="btn btn-icon"
-  />
-</div>
\ No newline at end of file
diff --git a/assets/javascripts/discourse/components/create-coupon-form.js b/assets/javascripts/discourse/components/create-coupon-form.js
deleted file mode 100644
index 07ce4874..00000000
--- a/assets/javascripts/discourse/components/create-coupon-form.js
+++ /dev/null
@@ -1,35 +0,0 @@
-import Component from "@ember/component";
-import { action } from "@ember/object";
-import discourseComputed from "discourse/lib/decorators";
-
-export default class CreateCouponForm extends Component {
-  discountType = "amount";
-  discount = null;
-  promoCode = null;
-  active = false;
-
-  @discourseComputed
-  discountTypes() {
-    return [
-      { id: "amount", name: "Amount" },
-      { id: "percent", name: "Percent" },
-    ];
-  }
-
-  @action
-  createNewCoupon() {
-    const createParams = {
-      promo: this.promoCode,
-      discount_type: this.discountType,
-      discount: this.discount,
-      active: this.active,
-    };
-
-    this.create(createParams);
-  }
-
-  @action
-  cancelCreate() {
-    this.cancel();
-  }
-}
diff --git a/assets/javascripts/discourse/components/login-required.gjs b/assets/javascripts/discourse/components/login-required.gjs
new file mode 100644
index 00000000..538dcb1f
--- /dev/null
+++ b/assets/javascripts/discourse/components/login-required.gjs
@@ -0,0 +1,16 @@
+import DButton from "discourse/components/d-button";
+import routeAction from "discourse/helpers/route-action";
+import { i18n } from "discourse-i18n";
+
+const LoginRequired = <template>
+  <h3>{{i18n "discourse_subscriptions.subscribe.unauthenticated"}}</h3>
+
+  <DButton
+    @label="log_in"
+    @action={{routeAction "showLogin"}}
+    @icon="user"
+    class="btn btn-primary login-required subscriptions"
+  />
+</template>;
+
+export default LoginRequired;
diff --git a/assets/javascripts/discourse/components/login-required.hbs b/assets/javascripts/discourse/components/login-required.hbs
deleted file mode 100644
index 59f3de8b..00000000
--- a/assets/javascripts/discourse/components/login-required.hbs
+++ /dev/null
@@ -1,8 +0,0 @@
-<h3>{{i18n "discourse_subscriptions.subscribe.unauthenticated"}}</h3>
-
-<DButton
-  @label="log_in"
-  @action={{route-action "showLogin"}}
-  @icon="user"
-  class="btn btn-primary login-required subscriptions"
-/>
\ No newline at end of file
diff --git a/assets/javascripts/discourse/components/payment-options.js b/assets/javascripts/discourse/components/payment-options.gjs
similarity index 58%
rename from assets/javascripts/discourse/components/payment-options.js
rename to assets/javascripts/discourse/components/payment-options.gjs
index cd160a7e..e63b7ec9 100644
--- a/assets/javascripts/discourse/components/payment-options.js
+++ b/assets/javascripts/discourse/components/payment-options.gjs
@@ -1,6 +1,8 @@
 import Component from "@ember/component";
 import { action } from "@ember/object";
 import discourseComputed from "discourse/lib/decorators";
+import { i18n } from "discourse-i18n";
+import PaymentPlan from "./payment-plan";
 
 export default class PaymentOptions extends Component {
   @discourseComputed("plans")
@@ -21,4 +23,20 @@ export default class PaymentOptions extends Component {
   clickPlan(plan) {
     this.set("selectedPlan", plan.id);
   }
+
+  <template>
+    <p>
+      {{i18n "discourse_subscriptions.plans.select"}}
+    </p>
+
+    <div class="subscribe-buttons">
+      {{#each this.orderedPlans as |plan|}}
+        <PaymentPlan
+          @plan={{plan}}
+          @selectedPlan={{this.selectedPlan}}
+          @clickPlan={{this.clickPlan}}
+        />
+      {{/each}}
+    </div>
+  </template>
 }
diff --git a/assets/javascripts/discourse/components/payment-options.hbs b/assets/javascripts/discourse/components/payment-options.hbs
deleted file mode 100644
index 623495d5..00000000
--- a/assets/javascripts/discourse/components/payment-options.hbs
+++ /dev/null
@@ -1,13 +0,0 @@
-<p>
-  {{i18n "discourse_subscriptions.plans.select"}}
-</p>
-
-<div class="subscribe-buttons">
-  {{#each this.orderedPlans as |plan|}}
-    <PaymentPlan
-      @plan={{plan}}
-      @selectedPlan={{this.selectedPlan}}
-      @clickPlan={{action "clickPlan"}}
-    />
-  {{/each}}
-</div>
\ No newline at end of file
diff --git a/assets/javascripts/discourse/components/payment-plan.gjs b/assets/javascripts/discourse/components/payment-plan.gjs
new file mode 100644
index 00000000..376bdaa5
--- /dev/null
+++ b/assets/javascripts/discourse/components/payment-plan.gjs
@@ -0,0 +1,57 @@
+import Component from "@ember/component";
+import { concat } from "@ember/helper";
+import { action } from "@ember/object";
+import { tagName } from "@ember-decorators/component";
+import DButton from "discourse/components/d-button";
+import concatClass from "discourse/helpers/concat-class";
+import discourseComputed from "discourse/lib/decorators";
+import { i18n } from "discourse-i18n";
+import formatCurrency from "../helpers/format-currency";
+
+const RECURRING = "recurring";
+
+@tagName("")
+export default class PaymentPlan extends Component {
+  @discourseComputed("selectedPlan")
+  selectedClass(planId) {
+    return planId === this.plan.id ? "btn-primary" : "";
+  }
+
+  @discourseComputed("plan.type")
+  recurringPlan(type) {
+    return type === RECURRING;
+  }
+
+  @action
+  planClick() {
+    this.clickPlan(this.plan);
+    return false;
+  }
+
+  <template>
+    <DButton
+      @action={{this.planClick}}
+      class={{concatClass
+        "btn-discourse-subscriptions-subscribe"
+        this.selectedClass
+      }}
+    >
+      <span class="interval">
+        {{#if this.recurringPlan}}
+          {{i18n
+            (concat
+              "discourse_subscriptions.plans.interval.adverb."
+              this.plan.recurring.interval
+            )
+          }}
+        {{else}}
+          {{i18n "discourse_subscriptions.one_time_payment"}}
+        {{/if}}
+      </span>
+
+      <span class="amount">
+        {{formatCurrency this.plan.currency this.plan.amountDollars}}
+      </span>
+    </DButton>
+  </template>
+}
diff --git a/assets/javascripts/discourse/components/payment-plan.hbs b/assets/javascripts/discourse/components/payment-plan.hbs
deleted file mode 100644
index a367b342..00000000
--- a/assets/javascripts/discourse/components/payment-plan.hbs
+++ /dev/null
@@ -1,24 +0,0 @@
-<DButton
-  @action={{action "planClick"}}
-  class={{concat-class
-    "btn-discourse-subscriptions-subscribe"
-    this.selectedClass
-  }}
->
-  <span class="interval">
-    {{#if this.recurringPlan}}
-      {{i18n
-        (concat
-          "discourse_subscriptions.plans.interval.adverb."
-          this.plan.recurring.interval
-        )
-      }}
-    {{else}}
-      {{i18n "discourse_subscriptions.one_time_payment"}}
-    {{/if}}
-  </span>
-
-  <span class="amount">
-    {{format-currency this.plan.currency this.plan.amountDollars}}
-  </span>
-</DButton>
\ No newline at end of file
diff --git a/assets/javascripts/discourse/components/payment-plan.js b/assets/javascripts/discourse/components/payment-plan.js
deleted file mode 100644
index 8e9323fb..00000000
--- a/assets/javascripts/discourse/components/payment-plan.js
+++ /dev/null
@@ -1,25 +0,0 @@
-import Component from "@ember/component";
-import { action } from "@ember/object";
-import { tagName } from "@ember-decorators/component";
-import discourseComputed from "discourse/lib/decorators";
-
-const RECURRING = "recurring";
-
-@tagName("")
-export default class PaymentPlan extends Component {
-  @discourseComputed("selectedPlan")
-  selectedClass(planId) {
-    return planId === this.plan.id ? "btn-primary" : "";
-  }
-
-  @discourseComputed("plan.type")
-  recurringPlan(type) {
-    return type === RECURRING;
-  }
-
-  @action
-  planClick() {
-    this.clickPlan(this.plan);
-    return false;
-  }
-}
diff --git a/assets/javascripts/discourse/components/product-item.gjs b/assets/javascripts/discourse/components/product-item.gjs
new file mode 100644
index 00000000..0bf3a21c
--- /dev/null
+++ b/assets/javascripts/discourse/components/product-item.gjs
@@ -0,0 +1,64 @@
+import Component from "@ember/component";
+import { LinkTo } from "@ember/routing";
+import { classNames } from "@ember-decorators/component";
+import htmlSafe from "discourse/helpers/html-safe";
+import { i18n } from "discourse-i18n";
+
+@classNames("product")
+export default class ProductItem extends Component {
+  <template>
+    <h2>{{this.product.name}}</h2>
+
+    <p class="product-description">
+      {{htmlSafe this.product.description}}
+    </p>
+
+    {{#if this.isLoggedIn}}
+      <div class="product-purchase">
+        {{#if this.product.repurchaseable}}
+          <LinkTo
+            @route="subscribe.show"
+            @model={{this.product.id}}
+            class="btn btn-primary"
+          >
+            {{i18n "discourse_subscriptions.subscribe.title"}}
+          </LinkTo>
+
+          {{#if this.product.subscribed}}
+            <LinkTo
+              @route="user.billing.subscriptions"
+              @model={{this.currentUser.username}}
+              class="billing-link"
+            >
+              {{i18n "discourse_subscriptions.subscribe.view_past"}}
+            </LinkTo>
+          {{/if}}
+        {{else}}
+          {{#if this.product.subscribed}}
+            <span class="purchased">
+              &#x2713;
+              {{i18n "discourse_subscriptions.subscribe.purchased"}}
+            </span>
+
+            <LinkTo
+              @route="user.billing.subscriptions"
+              @model={{this.currentUser.username}}
+              class="billing-link"
+            >
+              {{i18n "discourse_subscriptions.subscribe.go_to_billing"}}
+            </LinkTo>
+          {{else}}
+            <LinkTo
+              @route="subscribe.show"
+              @model={{this.product.id}}
+              @disabled={{this.product.subscribed}}
+              class="btn btn-primary"
+            >
+              {{i18n "discourse_subscriptions.subscribe.title"}}
+            </LinkTo>
+          {{/if}}
+        {{/if}}
+      </div>
+    {{/if}}
+  </template>
+}
diff --git a/assets/javascripts/discourse/components/product-item.hbs b/assets/javascripts/discourse/components/product-item.hbs
deleted file mode 100644
index 90b3b3cb..00000000
--- a/assets/javascripts/discourse/components/product-item.hbs
+++ /dev/null
@@ -1,53 +0,0 @@
-<h2>{{this.product.name}}</h2>
-
-<p class="product-description">
-  {{html-safe this.product.description}}
-</p>
-
-{{#if this.isLoggedIn}}
-  <div class="product-purchase">
-    {{#if this.product.repurchaseable}}
-      <LinkTo
-        @route="subscribe.show"
-        @model={{this.product.id}}
-        class="btn btn-primary"
-      >
-        {{i18n "discourse_subscriptions.subscribe.title"}}
-      </LinkTo>
-
-      {{#if this.product.subscribed}}
-        <LinkTo
-          @route="user.billing.subscriptions"
-          @model={{this.currentUser.username}}
-          class="billing-link"
-        >
-          {{i18n "discourse_subscriptions.subscribe.view_past"}}
-        </LinkTo>
-      {{/if}}
-    {{else}}
-      {{#if this.product.subscribed}}
-        <span class="purchased">
-          &#x2713;
-          {{i18n "discourse_subscriptions.subscribe.purchased"}}
-        </span>
-
-        <LinkTo
-          @route="user.billing.subscriptions"
-          @model={{this.currentUser.username}}
-          class="billing-link"
-        >
-          {{i18n "discourse_subscriptions.subscribe.go_to_billing"}}
-        </LinkTo>
-      {{else}}
-        <LinkTo
-          @route="subscribe.show"
-          @model={{this.product.id}}
-          @disabled={{this.product.subscribed}}
-          class="btn btn-primary"
-        >
-          {{i18n "discourse_subscriptions.subscribe.title"}}
-        </LinkTo>
-      {{/if}}
-    {{/if}}
-  </div>
-{{/if}}
\ No newline at end of file
diff --git a/assets/javascripts/discourse/components/product-item.js b/assets/javascripts/discourse/components/product-item.js
deleted file mode 100644
index 11670294..00000000
--- a/assets/javascripts/discourse/components/product-item.js
+++ /dev/null
@@ -1,5 +0,0 @@
-import Component from "@ember/component";
-import { classNames } from "@ember-decorators/component";
-
-@classNames("product")
-export default class ProductItem extends Component {}
diff --git a/assets/javascripts/discourse/components/product-list.js b/assets/javascripts/discourse/components/product-list.gjs
similarity index 50%
rename from assets/javascripts/discourse/components/product-list.js
rename to assets/javascripts/discourse/components/product-list.gjs
index 4c112b9d..09160b4c 100644
--- a/assets/javascripts/discourse/components/product-list.js
+++ b/assets/javascripts/discourse/components/product-list.gjs
@@ -2,6 +2,8 @@ import Component from "@ember/component";
 import { isEmpty } from "@ember/utils";
 import { classNames } from "@ember-decorators/component";
 import discourseComputed from "discourse/lib/decorators";
+import { i18n } from "discourse-i18n";
+import ProductItem from "./product-item";
 
 @classNames("product-list")
 export default class ProductList extends Component {
@@ -9,4 +11,14 @@ export default class ProductList extends Component {
   emptyProducts(products) {
     return isEmpty(products);
   }
+
+  <template>
+    {{#if this.emptyProducts}}
+      <p>{{i18n "discourse_subscriptions.subscribe.no_products"}}</p>
+    {{else}}
+      {{#each this.products as |product|}}
+        <ProductItem @product={{product}} @isLoggedIn={{this.isLoggedIn}} />
+      {{/each}}
+    {{/if}}
+  </template>
 }
diff --git a/assets/javascripts/discourse/components/product-list.hbs b/assets/javascripts/discourse/components/product-list.hbs
deleted file mode 100644
index 1f374268..00000000
--- a/assets/javascripts/discourse/components/product-list.hbs
+++ /dev/null
@@ -1,7 +0,0 @@
-{{#if this.emptyProducts}}
-  <p>{{i18n "discourse_subscriptions.subscribe.no_products"}}</p>
-{{else}}
-  {{#each this.products as |product|}}
-    <ProductItem @product={{product}} @isLoggedIn={{this.isLoggedIn}} />
-  {{/each}}
-{{/if}}
\ No newline at end of file
diff --git a/assets/javascripts/discourse/components/subscribe-card.js b/assets/javascripts/discourse/components/subscribe-card.gjs
similarity index 92%
rename from assets/javascripts/discourse/components/subscribe-card.js
rename to assets/javascripts/discourse/components/subscribe-card.gjs
index cfd77ca5..bdee6787 100644
--- a/assets/javascripts/discourse/components/subscribe-card.js
+++ b/assets/javascripts/discourse/components/subscribe-card.gjs
@@ -28,4 +28,8 @@ export default class SubscribeCard extends Component {
   didDestroyElement() {
     super.didDestroyElement(...arguments);
   }
+
+  <template>
+    <div id="card-element"></div>
+  </template>
 }
diff --git a/assets/javascripts/discourse/components/subscribe-card.hbs b/assets/javascripts/discourse/components/subscribe-card.hbs
deleted file mode 100644
index 96e4b590..00000000
--- a/assets/javascripts/discourse/components/subscribe-card.hbs
+++ /dev/null
@@ -1 +0,0 @@
-<div id="card-element"></div>
\ No newline at end of file
diff --git a/assets/javascripts/discourse/connectors/above-main-container/subscriptions-campaign.gjs b/assets/javascripts/discourse/connectors/above-main-container/subscriptions-campaign.gjs
new file mode 100644
index 00000000..c0265d0c
--- /dev/null
+++ b/assets/javascripts/discourse/connectors/above-main-container/subscriptions-campaign.gjs
@@ -0,0 +1,19 @@
+import Component from "@ember/component";
+import { classNames, tagName } from "@ember-decorators/component";
+import CampaignBanner from "../../components/campaign-banner";
+
+@tagName("div")
+@classNames("above-main-container-outlet", "subscriptions-campaign")
+export default class SubscriptionsCampaign extends Component {
+  static shouldRender(args, context) {
+    const { siteSettings } = context;
+    const mobileView = context.site.mobileView;
+    const bannerLocation =
+      siteSettings.discourse_subscriptions_campaign_banner_location;
+    return (
+      bannerLocation === "Top" || (bannerLocation === "Sidebar" && mobileView)
+    );
+  }
+
+  <template><CampaignBanner @connectorName="above-main-container" /></template>
+}
diff --git a/assets/javascripts/discourse/connectors/above-main-container/subscriptions-campaign.hbs b/assets/javascripts/discourse/connectors/above-main-container/subscriptions-campaign.hbs
deleted file mode 100644
index a467e54a..00000000
--- a/assets/javascripts/discourse/connectors/above-main-container/subscriptions-campaign.hbs
+++ /dev/null
@@ -1 +0,0 @@
-<CampaignBanner @connectorName="above-main-container" />
\ No newline at end of file
diff --git a/assets/javascripts/discourse/connectors/above-main-container/subscriptions-campaign.js b/assets/javascripts/discourse/connectors/above-main-container/subscriptions-campaign.js
deleted file mode 100644
index 3906052a..00000000
--- a/assets/javascripts/discourse/connectors/above-main-container/subscriptions-campaign.js
+++ /dev/null
@@ -1,12 +0,0 @@
-export default {
-  shouldRender(args, component) {
-    const { siteSettings } = component;
-    const mobileView = component.site.mobileView;
-    const bannerLocation =
-      siteSettings.discourse_subscriptions_campaign_banner_location;
-
-    return (
-      bannerLocation === "Top" || (bannerLocation === "Sidebar" && mobileView)
-    );
-  },
-};
diff --git a/assets/javascripts/discourse/connectors/after-topic-footer-buttons/subscriptions-campaign-topic-footer.gjs b/assets/javascripts/discourse/connectors/after-topic-footer-buttons/subscriptions-campaign-topic-footer.gjs
new file mode 100644
index 00000000..5a169402
--- /dev/null
+++ b/assets/javascripts/discourse/connectors/after-topic-footer-buttons/subscriptions-campaign-topic-footer.gjs
@@ -0,0 +1,21 @@
+import Component from "@ember/component";
+import { classNames, tagName } from "@ember-decorators/component";
+import CampaignBanner from "../../components/campaign-banner";
+
+@tagName("span")
+@classNames(
+  "after-topic-footer-buttons-outlet",
+  "subscriptions-campaign-topic-footer"
+)
+export default class SubscriptionsCampaignTopicFooter extends Component {
+  static shouldRender(args, context) {
+    const { siteSettings } = context;
+    const bannerLocation =
+      siteSettings.discourse_subscriptions_campaign_banner_location;
+    return bannerLocation === "Top" || bannerLocation === "Sidebar";
+  }
+
+  <template>
+    <CampaignBanner @connectorName="after-topic-footer-buttons" />
+  </template>
+}
diff --git a/assets/javascripts/discourse/connectors/after-topic-footer-buttons/subscriptions-campaign-topic-footer.hbs b/assets/javascripts/discourse/connectors/after-topic-footer-buttons/subscriptions-campaign-topic-footer.hbs
deleted file mode 100644
index 20fea519..00000000
--- a/assets/javascripts/discourse/connectors/after-topic-footer-buttons/subscriptions-campaign-topic-footer.hbs
+++ /dev/null
@@ -1 +0,0 @@
-<CampaignBanner @connectorName="after-topic-footer-buttons" />
\ No newline at end of file
diff --git a/assets/javascripts/discourse/connectors/after-topic-footer-buttons/subscriptions-campaign-topic-footer.js b/assets/javascripts/discourse/connectors/after-topic-footer-buttons/subscriptions-campaign-topic-footer.js
deleted file mode 100644
index d1bb3a47..00000000
--- a/assets/javascripts/discourse/connectors/after-topic-footer-buttons/subscriptions-campaign-topic-footer.js
+++ /dev/null
@@ -1,9 +0,0 @@
-export default {
-  shouldRender(args, component) {
-    const { siteSettings } = component;
-    const bannerLocation =
-      siteSettings.discourse_subscriptions_campaign_banner_location;
-
-    return bannerLocation === "Top" || bannerLocation === "Sidebar";
-  },
-};
diff --git a/assets/javascripts/discourse/connectors/before-topic-list/subscriptions-campaign-sidebar.gjs b/assets/javascripts/discourse/connectors/before-topic-list/subscriptions-campaign-sidebar.gjs
new file mode 100644
index 00000000..fa4f0eb5
--- /dev/null
+++ b/assets/javascripts/discourse/connectors/before-topic-list/subscriptions-campaign-sidebar.gjs
@@ -0,0 +1,17 @@
+import Component from "@ember/component";
+import { classNames, tagName } from "@ember-decorators/component";
+import CampaignBanner from "../../components/campaign-banner";
+
+@tagName("div")
+@classNames("before-topic-list-outlet", "subscriptions-campaign-sidebar")
+export default class SubscriptionsCampaignSidebar extends Component {
+  static shouldRender(args, context) {
+    const { siteSettings } = context;
+    const mobileView = context.site.mobileView;
+    const bannerLocation =
+      siteSettings.discourse_subscriptions_campaign_banner_location;
+    return bannerLocation === "Sidebar" && !mobileView;
+  }
+
+  <template><CampaignBanner @connectorName="before-topic-list" /></template>
+}
diff --git a/assets/javascripts/discourse/connectors/before-topic-list/subscriptions-campaign-sidebar.hbs b/assets/javascripts/discourse/connectors/before-topic-list/subscriptions-campaign-sidebar.hbs
deleted file mode 100644
index 04bcb5a0..00000000
--- a/assets/javascripts/discourse/connectors/before-topic-list/subscriptions-campaign-sidebar.hbs
+++ /dev/null
@@ -1 +0,0 @@
-<CampaignBanner @connectorName="before-topic-list" />
\ No newline at end of file
diff --git a/assets/javascripts/discourse/connectors/before-topic-list/subscriptions-campaign-sidebar.js b/assets/javascripts/discourse/connectors/before-topic-list/subscriptions-campaign-sidebar.js
deleted file mode 100644
index 85868274..00000000
--- a/assets/javascripts/discourse/connectors/before-topic-list/subscriptions-campaign-sidebar.js
+++ /dev/null
@@ -1,10 +0,0 @@
-export default {
-  shouldRender(args, component) {
-    const { siteSettings } = component;
-    const mobileView = component.site.mobileView;
-    const bannerLocation =
-      siteSettings.discourse_subscriptions_campaign_banner_location;
-
-    return bannerLocation === "Sidebar" && !mobileView;
-  },
-};
diff --git a/assets/javascripts/discourse/connectors/user-main-nav/billing.gjs b/assets/javascripts/discourse/connectors/user-main-nav/billing.gjs
new file mode 100644
index 00000000..380760d6
--- /dev/null
+++ b/assets/javascripts/discourse/connectors/user-main-nav/billing.gjs
@@ -0,0 +1,19 @@
+import Component from "@ember/component";
+import { LinkTo } from "@ember/routing";
+import { classNames, tagName } from "@ember-decorators/component";
+import icon from "discourse/helpers/d-icon";
+import { i18n } from "discourse-i18n";
+import userViewingSelf from "../../helpers/user-viewing-self";
+
+@tagName("li")
+@classNames("user-main-nav-outlet", "billing")
+export default class Billing extends Component {
+  <template>
+    {{#if (userViewingSelf this.model)}}
+      <LinkTo @route="user.billing">
+        {{icon "far-credit-card"}}
+        {{i18n "discourse_subscriptions.navigation.billing"}}
+      </LinkTo>
+    {{/if}}
+  </template>
+}
diff --git a/assets/javascripts/discourse/connectors/user-main-nav/billing.hbs b/assets/javascripts/discourse/connectors/user-main-nav/billing.hbs
deleted file mode 100644
index 34c8a87b..00000000
--- a/assets/javascripts/discourse/connectors/user-main-nav/billing.hbs
+++ /dev/null
@@ -1,6 +0,0 @@
-{{#if (user-viewing-self this.model)}}
-  <LinkTo @route="user.billing">
-    {{d-icon "far-credit-card"}}
-    {{i18n "discourse_subscriptions.navigation.billing"}}
-  </LinkTo>
-{{/if}}
\ No newline at end of file
diff --git a/assets/javascripts/discourse/templates/admin/plugins-discourse-subscriptions-coupons.gjs b/assets/javascripts/discourse/templates/admin/plugins-discourse-subscriptions-coupons.gjs
new file mode 100644
index 00000000..fda82b38
--- /dev/null
+++ b/assets/javascripts/discourse/templates/admin/plugins-discourse-subscriptions-coupons.gjs
@@ -0,0 +1,74 @@
+import { Input } from "@ember/component";
+import { fn } from "@ember/helper";
+import { on } from "@ember/modifier";
+import RouteTemplate from "ember-route-template";
+import DButton from "discourse/components/d-button";
+import { i18n } from "discourse-i18n";
+import CreateCouponForm from "../../components/create-coupon-form";
+
+export default RouteTemplate(
+  <template>
+    {{#if @controller.model.unconfigured}}
+      <p>{{i18n "discourse_subscriptions.admin.unconfigured"}}</p>
+      <p>
+        <a href="https://meta.discourse.org/t/discourse-subscriptions/140818/">
+          {{i18n "discourse_subscriptions.admin.on_meta"}}
+        </a>
+      </p>
+    {{else}}
+      {{#if @controller.model}}
+        <table class="table discourse-patrons-table">
+          <thead>
+            <th>{{i18n "discourse_subscriptions.admin.coupons.code"}}</th>
+            <th>{{i18n "discourse_subscriptions.admin.coupons.discount"}}</th>
+            <th>{{i18n
+                "discourse_subscriptions.admin.coupons.times_redeemed"
+              }}</th>
+            <th>{{i18n "discourse_subscriptions.admin.coupons.active"}}</th>
+            <th>{{i18n "discourse_subscriptions.admin.coupons.actions"}}</th>
+          </thead>
+          <tbody>
+            {{#each @controller.model as |coupon|}}
+              <tr>
+                <td>{{coupon.code}}</td>
+                <td>{{coupon.discount}}</td>
+                <td>{{coupon.times_redeemed}}</td>
+                <td>
+                  <Input
+                    @type="checkbox"
+                    @checked={{coupon.active}}
+                    {{on "click" (fn @controller.toggleActive coupon)}}
+                  />
+                </td>
+                <td>
+                  <DButton
+                    @action={{fn @controller.deleteCoupon coupon}}
+                    @icon="trash-can"
+                    class="btn-danger btn btn-icon btn-no-text"
+                  />
+                </td>
+              </tr>
+            {{/each}}
+          </tbody>
+        </table>
+      {{/if}}
+
+      {{#unless @controller.creating}}
+        <DButton
+          @action={{@controller.openCreateForm}}
+          @label="discourse_subscriptions.admin.coupons.create"
+          @title="discourse_subscriptions.admin.coupons.create"
+          @icon="plus"
+          class="btn btn-icon btn-primary create-coupon"
+        />
+      {{/unless}}
+
+      {{#if @controller.creating}}
+        <CreateCouponForm
+          @cancel={{@controller.closeCreateForm}}
+          @create={{@controller.createNewCoupon}}
+        />
+      {{/if}}
+    {{/if}}
+  </template>
+);
diff --git a/assets/javascripts/discourse/templates/admin/plugins-discourse-subscriptions-coupons.hbs b/assets/javascripts/discourse/templates/admin/plugins-discourse-subscriptions-coupons.hbs
deleted file mode 100644
index 09da58d3..00000000
--- a/assets/javascripts/discourse/templates/admin/plugins-discourse-subscriptions-coupons.hbs
+++ /dev/null
@@ -1,61 +0,0 @@
-{{#if this.model.unconfigured}}
-  <p>{{i18n "discourse_subscriptions.admin.unconfigured"}}</p>
-  <p>
-    <a href="https://meta.discourse.org/t/discourse-subscriptions/140818/">
-      {{i18n "discourse_subscriptions.admin.on_meta"}}
-    </a>
-  </p>
-{{else}}
-  {{#if this.model}}
-    <table class="table discourse-patrons-table">
-      <thead>
-        <th>{{i18n "discourse_subscriptions.admin.coupons.code"}}</th>
-        <th>{{i18n "discourse_subscriptions.admin.coupons.discount"}}</th>
-        <th>{{i18n "discourse_subscriptions.admin.coupons.times_redeemed"}}</th>
-        <th>{{i18n "discourse_subscriptions.admin.coupons.active"}}</th>
-        <th>{{i18n "discourse_subscriptions.admin.coupons.actions"}}</th>
-      </thead>
-      <tbody>
-        {{#each this.model as |coupon|}}
-          <tr>
-            <td>{{coupon.code}}</td>
-            <td>{{coupon.discount}}</td>
-            <td>{{coupon.times_redeemed}}</td>
-            <td>
-              <Input
-                @type="checkbox"
-                @checked={{coupon.active}}
-                {{on "click" (action "toggleActive" coupon)}}
-              />
-            </td>
-            <td>
-              <DButton
-                @action={{action "deleteCoupon"}}
-                @actionParam={{coupon}}
-                @icon="trash-can"
-                class="btn-danger btn btn-icon btn-no-text"
-              />
-            </td>
-          </tr>
-        {{/each}}
-      </tbody>
-    </table>
-  {{/if}}
-
-  {{#unless this.creating}}
-    <DButton
-      @action={{action "openCreateForm"}}
-      @label="discourse_subscriptions.admin.coupons.create"
-      @title="discourse_subscriptions.admin.coupons.create"
-      @icon="plus"
-      class="btn btn-icon btn-primary create-coupon"
-    />
-  {{/unless}}
-
-  {{#if this.creating}}
-    <CreateCouponForm
-      @cancel={{action "closeCreateForm"}}
-      @create={{action "createNewCoupon"}}
-    />
-  {{/if}}
-{{/if}}
\ No newline at end of file
diff --git a/assets/javascripts/discourse/templates/admin/plugins-discourse-subscriptions-dashboard.gjs b/assets/javascripts/discourse/templates/admin/plugins-discourse-subscriptions-dashboard.gjs
new file mode 100644
index 00000000..4e5cba0a
--- /dev/null
+++ b/assets/javascripts/discourse/templates/admin/plugins-discourse-subscriptions-dashboard.gjs
@@ -0,0 +1,84 @@
+import { array, fn } from "@ember/helper";
+import { on } from "@ember/modifier";
+import { LinkTo } from "@ember/routing";
+import RouteTemplate from "ember-route-template";
+import LoadMore from "discourse/components/load-more";
+import formatDuration from "discourse/helpers/format-duration";
+import htmlSafe from "discourse/helpers/html-safe";
+import { i18n } from "discourse-i18n";
+
+export default RouteTemplate(
+  <template>
+    <h3>{{i18n "discourse_subscriptions.admin.dashboard.title"}}</h3>
+
+    <LoadMore
+      @selector=".discourse-patrons-table tr"
+      @action={{@controller.loadMore}}
+    >
+      {{#if @controller.model}}
+        <table class="table discourse-patrons-table">
+          <thead>
+            <tr>
+              <th>
+                {{i18n
+                  "discourse_subscriptions.admin.dashboard.table.head.user"
+                }}
+              </th>
+              <th>
+                {{i18n
+                  "discourse_subscriptions.admin.dashboard.table.head.payment_intent"
+                }}
+              </th>
+              <th>
+                {{i18n
+                  "discourse_subscriptions.admin.dashboard.table.head.receipt_email"
+                }}
+              </th>
+              <th
+                {{on "click" (fn @controller.orderPayments "created_at")}}
+                role="button"
+                class="sortable"
+              >
+                {{i18n "created"}}
+              </th>
+              <th
+                {{on "click" (fn @controller.orderPayments "amount")}}
+                role="button"
+                class="sortable amount"
+              >
+                {{i18n
+                  "discourse_subscriptions.admin.dashboard.table.head.amount"
+                }}
+              </th>
+            </tr>
+          </thead>
+          <tbody>
+            {{#each @controller.model as |payment|}}
+              <tr>
+                <td>
+                  <LinkTo
+                    @route="adminUser.index"
+                    @models={{array payment.user_id payment.username}}
+                  >
+                    {{payment.username}}
+                  </LinkTo>
+                </td>
+                <td>
+                  <LinkTo
+                    @route="patrons.show"
+                    @model={{payment.payment_intent_id}}
+                  >
+                    {{htmlSafe payment.payment_intent_id}}
+                  </LinkTo>
+                </td>
+                <td>{{payment.receipt_email}}</td>
+                <td>{{htmlSafe (formatDuration payment.created_at_age)}}</td>
+                <td class="amount">{{payment.amount_currency}}</td>
+              </tr>
+            {{/each}}
+          </tbody>
+        </table>
+      {{/if}}
+    </LoadMore>
+  </template>
+);
diff --git a/assets/javascripts/discourse/templates/admin/plugins-discourse-subscriptions-dashboard.hbs b/assets/javascripts/discourse/templates/admin/plugins-discourse-subscriptions-dashboard.hbs
deleted file mode 100644
index e372c428..00000000
--- a/assets/javascripts/discourse/templates/admin/plugins-discourse-subscriptions-dashboard.hbs
+++ /dev/null
@@ -1,64 +0,0 @@
-<h3>{{i18n "discourse_subscriptions.admin.dashboard.title"}}</h3>
-
-<LoadMore @selector=".discourse-patrons-table tr" @action={{action "loadMore"}}>
-  {{#if this.model}}
-    <table class="table discourse-patrons-table">
-      <thead>
-        <tr>
-          <th>
-            {{i18n "discourse_subscriptions.admin.dashboard.table.head.user"}}
-          </th>
-          <th>
-            {{i18n
-              "discourse_subscriptions.admin.dashboard.table.head.payment_intent"
-            }}
-          </th>
-          <th>
-            {{i18n
-              "discourse_subscriptions.admin.dashboard.table.head.receipt_email"
-            }}
-          </th>
-          <th
-            role="button"
-            onclick={{action "orderPayments" "created_at"}}
-            class="sortable"
-          >
-            {{i18n "created"}}
-          </th>
-          <th
-            role="button"
-            onclick={{action "orderPayments" "amount"}}
-            class="sortable amount"
-          >
-            {{i18n "discourse_subscriptions.admin.dashboard.table.head.amount"}}
-          </th>
-        </tr>
-      </thead>
-      <tbody>
-        {{#each this.model as |payment|}}
-          <tr>
-            <td>
-              <LinkTo
-                @route="adminUser.index"
-                @models={{array payment.user_id payment.username}}
-              >
-                {{payment.username}}
-              </LinkTo>
-            </td>
-            <td>
-              <LinkTo
-                @route="patrons.show"
-                @model={{payment.payment_intent_id}}
-              >
-                {{html-safe payment.payment_intent_id}}
-              </LinkTo>
-            </td>
-            <td>{{payment.receipt_email}}</td>
-            <td>{{html-safe (format-duration payment.created_at_age)}}</td>
-            <td class="amount">{{payment.amount_currency}}</td>
-          </tr>
-        {{/each}}
-      </tbody>
-    </table>
-  {{/if}}
-</LoadMore>
\ No newline at end of file
diff --git a/assets/javascripts/discourse/templates/admin/plugins-discourse-subscriptions-plans-index.gjs b/assets/javascripts/discourse/templates/admin/plugins-discourse-subscriptions-plans-index.gjs
new file mode 100644
index 00000000..6f827310
--- /dev/null
+++ b/assets/javascripts/discourse/templates/admin/plugins-discourse-subscriptions-plans-index.gjs
@@ -0,0 +1,44 @@
+import { fn } from "@ember/helper";
+import RouteTemplate from "ember-route-template";
+import DButton from "discourse/components/d-button";
+import routeAction from "discourse/helpers/route-action";
+import { i18n } from "discourse-i18n";
+
+export default RouteTemplate(
+  <template>
+    <table class="table discourse-patrons-table">
+      <thead>
+        <th>{{i18n "discourse_subscriptions.admin.plans.plan.plan_id"}}</th>
+        <th>{{i18n
+            "discourse_subscriptions.admin.plans.plan.nickname.title"
+          }}</th>
+        <th>{{i18n "discourse_subscriptions.admin.plans.plan.interval"}}</th>
+        <th>{{i18n "discourse_subscriptions.admin.plans.plan.amount"}}</th>
+        <th></th>
+      </thead>
+      <tbody>
+        {{#each @controller.model as |plan|}}
+          <tr>
+            <td>{{plan.id}}</td>
+            <td>{{plan.nickname}}</td>
+            <td>{{plan.interval}}</td>
+            <td>{{plan.unit_amount}}</td>
+            <td class="td-right">
+              <DButton
+                @action={{fn @controller.editPlan plan.id}}
+                @icon="far-pen-to-square"
+                class="btn no-text btn-icon"
+              />
+              <DButton
+                @action={{routeAction "destroyPlan"}}
+                @actionParam={{plan}}
+                @icon="trash-can"
+                class="btn-danger btn no-text btn-icon"
+              />
+            </td>
+          </tr>
+        {{/each}}
+      </tbody>
+    </table>
+  </template>
+);
diff --git a/assets/javascripts/discourse/templates/admin/plugins-discourse-subscriptions-plans-index.hbs b/assets/javascripts/discourse/templates/admin/plugins-discourse-subscriptions-plans-index.hbs
deleted file mode 100644
index c64e2535..00000000
--- a/assets/javascripts/discourse/templates/admin/plugins-discourse-subscriptions-plans-index.hbs
+++ /dev/null
@@ -1,32 +0,0 @@
-<table class="table discourse-patrons-table">
-  <thead>
-    <th>{{i18n "discourse_subscriptions.admin.plans.plan.plan_id"}}</th>
-    <th>{{i18n "discourse_subscriptions.admin.plans.plan.nickname.title"}}</th>
-    <th>{{i18n "discourse_subscriptions.admin.plans.plan.interval"}}</th>
-    <th>{{i18n "discourse_subscriptions.admin.plans.plan.amount"}}</th>
-    <th></th>
-  </thead>
-  <tbody>
-    {{#each this.model as |plan|}}
-      <tr>
-        <td>{{plan.id}}</td>
-        <td>{{plan.nickname}}</td>
-        <td>{{plan.interval}}</td>
-        <td>{{plan.unit_amount}}</td>
-        <td class="td-right">
-          <DButton
-            @action={{action "editPlan" plan.id}}
-            @icon="far-pen-to-square"
-            class="btn no-text btn-icon"
-          />
-          <DButton
-            @action={{route-action "destroyPlan"}}
-            @actionParam={{plan}}
-            @icon="trash-can"
-            class="btn-danger btn no-text btn-icon"
-          />
-        </td>
-      </tr>
-    {{/each}}
-  </tbody>
-</table>
\ No newline at end of file
diff --git a/assets/javascripts/discourse/templates/admin/plugins-discourse-subscriptions-products-index.gjs b/assets/javascripts/discourse/templates/admin/plugins-discourse-subscriptions-products-index.gjs
new file mode 100644
index 00000000..9637a8bb
--- /dev/null
+++ b/assets/javascripts/discourse/templates/admin/plugins-discourse-subscriptions-products-index.gjs
@@ -0,0 +1,90 @@
+import { LinkTo } from "@ember/routing";
+import RouteTemplate from "ember-route-template";
+import DButton from "discourse/components/d-button";
+import icon from "discourse/helpers/d-icon";
+import routeAction from "discourse/helpers/route-action";
+import { i18n } from "discourse-i18n";
+import formatUnixDate from "../../helpers/format-unix-date";
+
+export default RouteTemplate(
+  <template>
+    {{#if @controller.model.unconfigured}}
+      <p>{{i18n "discourse_subscriptions.admin.unconfigured"}}</p>
+      <p>
+        <a href="https://meta.discourse.org/t/discourse-subscriptions/140818/">
+          {{i18n "discourse_subscriptions.admin.on_meta"}}
+        </a>
+      </p>
+    {{else}}
+      <p class="btn-right">
+        <LinkTo
+          @route="adminPlugins.discourse-subscriptions.products.show"
+          @model="new"
+          class="btn btn-primary"
+        >
+          {{icon "plus"}}
+          <span>
+            {{i18n "discourse_subscriptions.admin.products.operations.new"}}
+          </span>
+        </LinkTo>
+      </p>
+
+      {{#if @controller.model}}
+        <table class="table discourse-patrons-table">
+          <thead>
+            <th>
+              {{i18n "discourse_subscriptions.admin.products.product.name"}}
+            </th>
+            <th>
+              {{i18n
+                "discourse_subscriptions.admin.products.product.created_at"
+              }}
+            </th>
+            <th>
+              {{i18n
+                "discourse_subscriptions.admin.products.product.updated_at"
+              }}
+            </th>
+            <th class="td-right">
+              {{i18n "discourse_subscriptions.admin.products.product.active"}}
+            </th>
+            <th></th>
+          </thead>
+
+          <tbody>
+            {{#each @controller.model as |product|}}
+              <tr>
+                <td>{{product.name}}</td>
+                <td>{{formatUnixDate product.created}}</td>
+                <td>{{formatUnixDate product.updated}}</td>
+                <td class="td-right">{{product.active}}</td>
+                <td class="td-right">
+                  <div class="align-buttons">
+                    <LinkTo
+                      @route="adminPlugins.discourse-subscriptions.products.show"
+                      @model={{product.id}}
+                      class="btn no-text btn-icon"
+                    >
+                      {{icon "far-pen-to-square"}}
+                    </LinkTo>
+
+                    <DButton
+                      @action={{routeAction "destroyProduct"}}
+                      @actionParam={{product}}
+                      @icon="trash-can"
+                      class="btn-danger btn no-text btn-icon"
+                    />
+                  </div>
+                </td>
+              </tr>
+            {{/each}}
+          </tbody>
+        </table>
+      {{else}}
+        <p>
+          {{i18n "discourse_subscriptions.admin.products.product_help"}}
+        </p>
+      {{/if}}
+    {{/if}}
+  </template>
+);
diff --git a/assets/javascripts/discourse/templates/admin/plugins-discourse-subscriptions-products-index.hbs b/assets/javascripts/discourse/templates/admin/plugins-discourse-subscriptions-products-index.hbs
deleted file mode 100644
index 5b2cd16f..00000000
--- a/assets/javascripts/discourse/templates/admin/plugins-discourse-subscriptions-products-index.hbs
+++ /dev/null
@@ -1,74 +0,0 @@
-{{#if this.model.unconfigured}}
-  <p>{{i18n "discourse_subscriptions.admin.unconfigured"}}</p>
-  <p>
-    <a href="https://meta.discourse.org/t/discourse-subscriptions/140818/">
-      {{i18n "discourse_subscriptions.admin.on_meta"}}
-    </a>
-  </p>
-{{else}}
-  <p class="btn-right">
-    <LinkTo
-      @route="adminPlugins.discourse-subscriptions.products.show"
-      @model="new"
-      class="btn btn-primary"
-    >
-      {{d-icon "plus"}}
-      <span>
-        {{i18n "discourse_subscriptions.admin.products.operations.new"}}
-      </span>
-    </LinkTo>
-  </p>
-
-  {{#if this.model}}
-    <table class="table discourse-patrons-table">
-      <thead>
-        <th>
-          {{i18n "discourse_subscriptions.admin.products.product.name"}}
-        </th>
-        <th>
-          {{i18n "discourse_subscriptions.admin.products.product.created_at"}}
-        </th>
-        <th>
-          {{i18n "discourse_subscriptions.admin.products.product.updated_at"}}
-        </th>
-        <th class="td-right">
-          {{i18n "discourse_subscriptions.admin.products.product.active"}}
-        </th>
-        <th></th>
-      </thead>
-
-      <tbody>
-        {{#each this.model as |product|}}
-          <tr>
-            <td>{{product.name}}</td>
-            <td>{{format-unix-date product.created}}</td>
-            <td>{{format-unix-date product.updated}}</td>
-            <td class="td-right">{{product.active}}</td>
-            <td class="td-right">
-              <div class="align-buttons">
-                <LinkTo
-                  @route="adminPlugins.discourse-subscriptions.products.show"
-                  @model={{product.id}}
-                  class="btn no-text btn-icon"
-                >
-                  {{d-icon "far-pen-to-square"}}
-                </LinkTo>
-
-                <DButton
-                  @action={{route-action "destroyProduct"}}
-                  @actionParam={{product}}
-                  @icon="trash-can"
-                  class="btn-danger btn no-text btn-icon"
-                />
-              </div>
-            </td>
-          </tr>
-        {{/each}}
-      </tbody>
-    </table>
-  {{else}}
-    <p>
-      {{i18n "discourse_subscriptions.admin.products.product_help"}}
-    </p>
-  {{/if}}
-{{/if}}
\ No newline at end of file
diff --git a/assets/javascripts/discourse/templates/admin/plugins-discourse-subscriptions-products-show-plans-show.gjs b/assets/javascripts/discourse/templates/admin/plugins-discourse-subscriptions-products-show-plans-show.gjs
new file mode 100644
index 00000000..66bd4d09
--- /dev/null
+++ b/assets/javascripts/discourse/templates/admin/plugins-discourse-subscriptions-products-show-plans-show.gjs
@@ -0,0 +1,185 @@
+import { Input } from "@ember/component";
+import { fn } from "@ember/helper";
+import { on } from "@ember/modifier";
+import RouteTemplate from "ember-route-template";
+import DButton from "discourse/components/d-button";
+import { i18n } from "discourse-i18n";
+import ComboBox from "select-kit/components/combo-box";
+
+export default RouteTemplate(
+  <template>
+    <h4>{{i18n "discourse_subscriptions.admin.plans.title"}}</h4>
+
+    <form class="form-horizontal">
+      <p>
+        <label for="product">
+          {{i18n "discourse_subscriptions.admin.products.product.name"}}
+        </label>
+
+        <Input
+          @type="text"
+          name="product_name"
+          @value={{@controller.model.product.name}}
+          disabled={{true}}
+        />
+      </p>
+
+      <p>
+        <label for="name">
+          {{i18n "discourse_subscriptions.admin.plans.plan.nickname"}}
+        </label>
+
+        <Input
+          @type="text"
+          name="name"
+          @value={{@controller.model.plan.nickname}}
+        />
+
+        <div class="control-instructions">
+          {{i18n "discourse_subscriptions.admin.plans.plan.nickname_help"}}
+        </div>
+      </p>
+
+      <p>
+        <label for="interval">
+          {{i18n "discourse_subscriptions.admin.plans.plan.group"}}
+        </label>
+
+        <ComboBox
+          @valueProperty="name"
+          @content={{@controller.availableGroups}}
+          @value={{@controller.selectedGroup}}
+          @onChange={{fn (mut @controller.model.plan.metadata.group_name)}}
+        />
+
+        <div class="control-instructions">
+          {{i18n "discourse_subscriptions.admin.plans.plan.group_help"}}
+        </div>
+      </p>
+
+      <p>
+        <label for="amount">
+          {{i18n "discourse_subscriptions.admin.plans.plan.amount"}}
+        </label>
+
+        {{#if @controller.planFieldDisabled}}
+          <Input
+            class="plan-amount plan-currency"
+            disabled={{true}}
+            @value={{@controller.model.plan.currency}}
+          />
+        {{else}}
+          <ComboBox
+            @disabled={{@controller.planFieldDisabled}}
+            @content={{@controller.currencies}}
+            @value={{@controller.model.plan.currency}}
+            @onChange={{fn (mut @controller.model.plan.currency)}}
+          />
+        {{/if}}
+
+        <Input
+          class="plan-amount"
+          @type="text"
+          name="name"
+          @value={{@controller.model.plan.amountDollars}}
+          disabled={{@controller.planFieldDisabled}}
+        />
+      </p>
+
+      <p>
+        <label for="recurring">
+          {{i18n "discourse_subscriptions.admin.plans.plan.recurring"}}
+        </label>
+
+        {{#if @controller.planFieldDisabled}}
+          <Input
+            @type="checkbox"
+            name="recurring"
+            @checked={{@controller.model.plan.isRecurring}}
+            disabled={{true}}
+          />
+        {{else}}
+          <Input
+            @type="checkbox"
+            name="recurring"
+            @checked={{@controller.model.plan.isRecurring}}
+            {{on "change" @controller.changeRecurring}}
+          />
+        {{/if}}
+      </p>
+
+      {{#if @controller.model.plan.isRecurring}}
+        <p>
+          <label for="interval">
+            {{i18n "discourse_subscriptions.admin.plans.plan.interval"}}
+          </label>
+
+          {{#if @controller.planFieldDisabled}}
+            <Input disabled={{true}} @value={{@controller.selectedInterval}} />
+          {{else}}
+            <ComboBox
+              @valueProperty="name"
+              @content={{@controller.availableIntervals}}
+              @value={{@controller.selectedInterval}}
+              @onChange={{fn (mut @controller.selectedInterval)}}
+            />
+          {{/if}}
+        </p>
+
+        <p>
+          <label for="trial">
+            {{i18n "discourse_subscriptions.admin.plans.plan.trial"}}
+            ({{i18n "discourse_subscriptions.optional"}})
+          </label>
+
+          <Input
+            @type="text"
+            name="trial"
+            @value={{@controller.model.plan.trial_period_days}}
+          />
+
+          <div class="control-instructions">
+            {{i18n "discourse_subscriptions.admin.plans.plan.trial_help"}}
+          </div>
+        </p>
+      {{/if}}
+
+      <p>
+        <label for="active">
+          {{i18n "discourse_subscriptions.admin.plans.plan.active"}}
+        </label>
+        <Input
+          @type="checkbox"
+          name="active"
+          @checked={{@controller.model.plan.active}}
+        />
+      </p>
+    </form>
+
+    <section>
+      <hr />
+
+      <p class="control-instructions">
+        {{i18n "discourse_subscriptions.admin.plans.operations.create_help"}}
+      </p>
+
+      <div class="pull-right">
+        {{#if @controller.model.plan.isNew}}
+          <DButton
+            @label="discourse_subscriptions.admin.plans.operations.create"
+            @action={{@controller.createPlan}}
+            @icon="plus"
+            class="btn btn-primary"
+          />
+        {{else}}
+          <DButton
+            @label="discourse_subscriptions.admin.plans.operations.update"
+            @action={{@controller.updatePlan}}
+            @icon="check"
+            class="btn btn-primary"
+          />
+        {{/if}}
+      </div>
+    </section>
+  </template>
+);
diff --git a/assets/javascripts/discourse/templates/admin/plugins-discourse-subscriptions-products-show-plans-show.hbs b/assets/javascripts/discourse/templates/admin/plugins-discourse-subscriptions-products-show-plans-show.hbs
deleted file mode 100644
index c3d02600..00000000
--- a/assets/javascripts/discourse/templates/admin/plugins-discourse-subscriptions-products-show-plans-show.hbs
+++ /dev/null
@@ -1,165 +0,0 @@
-<h4>{{i18n "discourse_subscriptions.admin.plans.title"}}</h4>
-
-<form class="form-horizontal">
-  <p>
-    <label for="product">
-      {{i18n "discourse_subscriptions.admin.products.product.name"}}
-    </label>
-
-    <Input
-      @type="text"
-      name="product_name"
-      @value={{this.model.product.name}}
-      disabled={{true}}
-    />
-  </p>
-
-  <p>
-    <label for="name">
-      {{i18n "discourse_subscriptions.admin.plans.plan.nickname"}}
-    </label>
-
-    <Input @type="text" name="name" @value={{this.model.plan.nickname}} />
-
-    <div class="control-instructions">
-      {{i18n "discourse_subscriptions.admin.plans.plan.nickname_help"}}
-    </div>
-  </p>
-
-  <p>
-    <label for="interval">
-      {{i18n "discourse_subscriptions.admin.plans.plan.group"}}
-    </label>
-
-    <ComboBox
-      @valueProperty="name"
-      @content={{this.availableGroups}}
-      @value={{this.selectedGroup}}
-      @onChange={{action (mut this.model.plan.metadata.group_name)}}
-    />
-
-    <div class="control-instructions">
-      {{i18n "discourse_subscriptions.admin.plans.plan.group_help"}}
-    </div>
-  </p>
-
-  <p>
-    <label for="amount">
-      {{i18n "discourse_subscriptions.admin.plans.plan.amount"}}
-    </label>
-
-    {{#if this.planFieldDisabled}}
-      <Input
-        class="plan-amount plan-currency"
-        disabled={{true}}
-        @value={{this.model.plan.currency}}
-      />
-    {{else}}
-      <ComboBox
-        @disabled={{this.planFieldDisabled}}
-        @content={{this.currencies}}
-        @value={{this.model.plan.currency}}
-        @onChange={{action (mut this.model.plan.currency)}}
-      />
-    {{/if}}
-
-    <Input
-      class="plan-amount"
-      @type="text"
-      name="name"
-      @value={{this.model.plan.amountDollars}}
-      disabled={{this.planFieldDisabled}}
-    />
-  </p>
-
-  <p>
-    <label for="recurring">
-      {{i18n "discourse_subscriptions.admin.plans.plan.recurring"}}
-    </label>
-
-    {{#if this.planFieldDisabled}}
-      <Input
-        @type="checkbox"
-        name="recurring"
-        @checked={{this.model.plan.isRecurring}}
-        disabled={{true}}
-      />
-    {{else}}
-      <Input
-        @type="checkbox"
-        name="recurring"
-        @checked={{this.model.plan.isRecurring}}
-        {{on "change" (action "changeRecurring")}}
-      />
-    {{/if}}
-  </p>
-
-  {{#if this.model.plan.isRecurring}}
-    <p>
-      <label for="interval">
-        {{i18n "discourse_subscriptions.admin.plans.plan.interval"}}
-      </label>
-
-      {{#if this.planFieldDisabled}}
-        <Input disabled={{true}} @value={{this.selectedInterval}} />
-      {{else}}
-        <ComboBox
-          @valueProperty="name"
-          @content={{this.availableIntervals}}
-          @value={{this.selectedInterval}}
-          @onChange={{action (mut this.selectedInterval)}}
-        />
-      {{/if}}
-    </p>
-
-    <p>
-      <label for="trial">
-        {{i18n "discourse_subscriptions.admin.plans.plan.trial"}}
-        ({{i18n "discourse_subscriptions.optional"}})
-      </label>
-
-      <Input
-        @type="text"
-        name="trial"
-        @value={{this.model.plan.trial_period_days}}
-      />
-
-      <div class="control-instructions">
-        {{i18n "discourse_subscriptions.admin.plans.plan.trial_help"}}
-      </div>
-    </p>
-  {{/if}}
-
-  <p>
-    <label for="active">
-      {{i18n "discourse_subscriptions.admin.plans.plan.active"}}
-    </label>
-    <Input @type="checkbox" name="active" @checked={{this.model.plan.active}} />
-  </p>
-</form>
-
-<section>
-  <hr />
-
-  <p class="control-instructions">
-    {{i18n "discourse_subscriptions.admin.plans.operations.create_help"}}
-  </p>
-
-  <div class="pull-right">
-    {{#if this.model.plan.isNew}}
-      <DButton
-        @label="discourse_subscriptions.admin.plans.operations.create"
-        @action={{action "createPlan"}}
-        @icon="plus"
-        class="btn btn-primary"
-      />
-    {{else}}
-      <DButton
-        @label="discourse_subscriptions.admin.plans.operations.update"
-        @action={{action "updatePlan"}}
-        @icon="check"
-        class="btn btn-primary"
-      />
-    {{/if}}
-  </div>
-</section>
\ No newline at end of file
diff --git a/assets/javascripts/discourse/templates/admin/plugins-discourse-subscriptions-products-show.gjs b/assets/javascripts/discourse/templates/admin/plugins-discourse-subscriptions-products-show.gjs
new file mode 100644
index 00000000..517b8289
--- /dev/null
+++ b/assets/javascripts/discourse/templates/admin/plugins-discourse-subscriptions-products-show.gjs
@@ -0,0 +1,195 @@
+import { Input, Textarea } from "@ember/component";
+import { array } from "@ember/helper";
+import { LinkTo } from "@ember/routing";
+import RouteTemplate from "ember-route-template";
+import DButton from "discourse/components/d-button";
+import icon from "discourse/helpers/d-icon";
+import { i18n } from "discourse-i18n";
+import formatCurrency from "../../helpers/format-currency";
+import formatUnixDate from "../../helpers/format-unix-date";
+
+export default RouteTemplate(
+  <template>
+    <h4>{{i18n "discourse_subscriptions.admin.products.title"}}</h4>
+
+    <form class="form-horizontal">
+      <p>
+        <label for="name">
+          {{i18n "discourse_subscriptions.admin.products.product.name"}}
+        </label>
+        <Input
+          @type="text"
+          name="name"
+          @value={{@controller.model.product.name}}
+        />
+      </p>
+
+      <p>
+        <label for="description">
+          {{i18n "discourse_subscriptions.admin.products.product.description"}}
+        </label>
+
+        <Textarea
+          name="description"
+          @value={{@controller.model.product.metadata.description}}
+          class="discourse-subscriptions-admin-textarea"
+        />
+
+        <div class="control-instructions">
+          {{i18n
+            "discourse_subscriptions.admin.products.product.description_help"
+          }}
+        </div>
+      </p>
+
+      <p>
+        <label for="statement_descriptor">
+          {{i18n
+            "discourse_subscriptions.admin.products.product.statement_descriptor"
+          }}
+        </label>
+
+        <Input
+          @type="text"
+          name="statement_descriptor"
+          @value={{@controller.model.product.statement_descriptor}}
+        />
+
+        <div class="control-instructions">
+          {{i18n
+            "discourse_subscriptions.admin.products.product.statement_descriptor_help"
+          }}
+        </div>
+      </p>
+
+      <p>
+        <label for="repurchaseable">
+          {{i18n
+            "discourse_subscriptions.admin.products.product.repurchaseable"
+          }}
+        </label>
+
+        <Input
+          @type="checkbox"
+          name="repurchaseable"
+          @checked={{@controller.model.product.metadata.repurchaseable}}
+        />
+
+        <div class="control-instructions">
+          {{i18n
+            "discourse_subscriptions.admin.products.product.repurchase_help"
+          }}
+        </div>
+      </p>
+
+      <p>
+        <label for="active">
+          {{i18n "discourse_subscriptions.admin.products.product.active"}}
+        </label>
+
+        <Input
+          @type="checkbox"
+          name="active"
+          @checked={{@controller.model.product.active}}
+        />
+
+        <div class="control-instructions">
+          {{i18n "discourse_subscriptions.admin.products.product.active_help"}}
+        </div>
+      </p>
+    </form>
+
+    {{#unless @controller.model.product.isNew}}
+      <h4>{{i18n "discourse_subscriptions.admin.plans.title"}}</h4>
+
+      <p>
+        <table class="table discourse-patrons-table">
+          <thead>
+            <th>{{i18n
+                "discourse_subscriptions.admin.plans.plan.nickname"
+              }}</th>
+            <th>{{i18n
+                "discourse_subscriptions.admin.plans.plan.interval"
+              }}</th>
+            <th>{{i18n
+                "discourse_subscriptions.admin.plans.plan.created_at"
+              }}</th>
+            <th>{{i18n "discourse_subscriptions.admin.plans.plan.group"}}</th>
+            <th>{{i18n "discourse_subscriptions.admin.plans.plan.active"}}</th>
+            <th class="td-right">
+              {{i18n "discourse_subscriptions.admin.plans.plan.amount"}}
+            </th>
+            <th class="td-right">
+              <LinkTo
+                @route="adminPlugins.discourse-subscriptions.products.show.plans.show"
+                @models={{array @controller.model.product.id "new"}}
+                class="btn"
+              >
+                {{i18n "discourse_subscriptions.admin.plans.operations.add"}}
+              </LinkTo>
+            </th>
+          </thead>
+
+          <tbody>
+            {{#each @controller.model.plans as |plan|}}
+              <tr>
+                <td>{{plan.nickname}}</td>
+                <td>{{plan.recurring.interval}}</td>
+                <td>{{formatUnixDate plan.created}}</td>
+                <td>{{plan.metadata.group_name}}</td>
+                <td>{{plan.active}}</td>
+                <td class="td-right">
+                  {{formatCurrency plan.currency plan.amountDollars}}
+                </td>
+                <td class="td-right">
+                  <LinkTo
+                    @route="adminPlugins.discourse-subscriptions.products.show.plans.show"
+                    @models={{array @controller.model.product.id plan.id}}
+                    class="btn no-text btn-icon"
+                  >
+                    {{icon "far-pen-to-square"}}
+                  </LinkTo>
+                </td>
+              </tr>
+            {{else}}
+              <tr>
+                <td colspan="8">
+                  <hr />
+                  {{i18n
+                    "discourse_subscriptions.admin.products.product.plan_help"
+                  }}
+                </td>
+              </tr>
+            {{/each}}
+          </tbody>
+        </table>
+      </p>
+    {{/unless}}
+
+    <div class="pull-right">
+      <DButton
+        @label="cancel"
+        @action={{@controller.cancelProduct}}
+        @icon="xmark"
+      />
+
+      {{#if @controller.model.product.isNew}}
+        <DButton
+          @label="discourse_subscriptions.admin.products.operations.create"
+          @action={{@controller.createProduct}}
+          @icon="plus"
+          class="btn btn-primary"
+        />
+      {{else}}
+        <DButton
+          @label="discourse_subscriptions.admin.products.operations.update"
+          @action={{@controller.updateProduct}}
+          @icon="check"
+          class="btn btn-primary"
+        />
+      {{/if}}
+    </div>
+
+    {{outlet}}
+  </template>
+);
diff --git a/assets/javascripts/discourse/templates/admin/plugins-discourse-subscriptions-products-show.hbs b/assets/javascripts/discourse/templates/admin/plugins-discourse-subscriptions-products-show.hbs
deleted file mode 100644
index 3cac252e..00000000
--- a/assets/javascripts/discourse/templates/admin/plugins-discourse-subscriptions-products-show.hbs
+++ /dev/null
@@ -1,161 +0,0 @@
-<h4>{{i18n "discourse_subscriptions.admin.products.title"}}</h4>
-
-<form class="form-horizontal">
-  <p>
-    <label for="name">
-      {{i18n "discourse_subscriptions.admin.products.product.name"}}
-    </label>
-    <Input @type="text" name="name" @value={{this.model.product.name}} />
-  </p>
-
-  <p>
-    <label for="description">
-      {{i18n "discourse_subscriptions.admin.products.product.description"}}
-    </label>
-
-    <Textarea
-      name="description"
-      @value={{this.model.product.metadata.description}}
-      class="discourse-subscriptions-admin-textarea"
-    />
-
-    <div class="control-instructions">
-      {{i18n "discourse_subscriptions.admin.products.product.description_help"}}
-    </div>
-  </p>
-
-  <p>
-    <label for="statement_descriptor">
-      {{i18n
-        "discourse_subscriptions.admin.products.product.statement_descriptor"
-      }}
-    </label>
-
-    <Input
-      @type="text"
-      name="statement_descriptor"
-      @value={{this.model.product.statement_descriptor}}
-    />
-
-    <div class="control-instructions">
-      {{i18n
-        "discourse_subscriptions.admin.products.product.statement_descriptor_help"
-      }}
-    </div>
-  </p>
-
-  <p>
-    <label for="repurchaseable">
-      {{i18n "discourse_subscriptions.admin.products.product.repurchaseable"}}
-    </label>
-
-    <Input
-      @type="checkbox"
-      name="repurchaseable"
-      @checked={{this.model.product.metadata.repurchaseable}}
-    />
-
-    <div class="control-instructions">
-      {{i18n "discourse_subscriptions.admin.products.product.repurchase_help"}}
-    </div>
-  </p>
-
-  <p>
-    <label for="active">
-      {{i18n "discourse_subscriptions.admin.products.product.active"}}
-    </label>
-
-    <Input
-      @type="checkbox"
-      name="active"
-      @checked={{this.model.product.active}}
-    />
-
-    <div class="control-instructions">
-      {{i18n "discourse_subscriptions.admin.products.product.active_help"}}
-    </div>
-  </p>
-</form>
-
-{{#unless this.model.product.isNew}}
-  <h4>{{i18n "discourse_subscriptions.admin.plans.title"}}</h4>
-
-  <p>
-    <table class="table discourse-patrons-table">
-      <thead>
-        <th>{{i18n "discourse_subscriptions.admin.plans.plan.nickname"}}</th>
-        <th>{{i18n "discourse_subscriptions.admin.plans.plan.interval"}}</th>
-        <th>{{i18n "discourse_subscriptions.admin.plans.plan.created_at"}}</th>
-        <th>{{i18n "discourse_subscriptions.admin.plans.plan.group"}}</th>
-        <th>{{i18n "discourse_subscriptions.admin.plans.plan.active"}}</th>
-        <th class="td-right">
-          {{i18n "discourse_subscriptions.admin.plans.plan.amount"}}
-        </th>
-        <th class="td-right">
-          <LinkTo
-            @route="adminPlugins.discourse-subscriptions.products.show.plans.show"
-            @models={{array this.model.product.id "new"}}
-            class="btn"
-          >
-            {{i18n "discourse_subscriptions.admin.plans.operations.add"}}
-          </LinkTo>
-        </th>
-      </thead>
-
-      <tbody>
-        {{#each this.model.plans as |plan|}}
-          <tr>
-            <td>{{plan.nickname}}</td>
-            <td>{{plan.recurring.interval}}</td>
-            <td>{{format-unix-date plan.created}}</td>
-            <td>{{plan.metadata.group_name}}</td>
-            <td>{{plan.active}}</td>
-            <td class="td-right">
-              {{format-currency plan.currency plan.amountDollars}}
-            </td>
-            <td class="td-right">
-              <LinkTo
-                @route="adminPlugins.discourse-subscriptions.products.show.plans.show"
-                @models={{array this.model.product.id plan.id}}
-                class="btn no-text btn-icon"
-              >
-                {{d-icon "far-pen-to-square"}}
-              </LinkTo>
-            </td>
-          </tr>
-        {{else}}
-          <tr>
-            <td colspan="8">
-              <hr />
-              {{i18n
-                "discourse_subscriptions.admin.products.product.plan_help"
-              }}
-            </td>
-          </tr>
-        {{/each}}
-      </tbody>
-    </table>
-  </p>
-{{/unless}}
-
-<div class="pull-right">
-  <DButton @label="cancel" @action={{action "cancelProduct"}} @icon="xmark" />
-
-  {{#if this.model.product.isNew}}
-    <DButton
-      @label="discourse_subscriptions.admin.products.operations.create"
-      @action={{action "createProduct"}}
-      @icon="plus"
-      class="btn btn-primary"
-    />
-  {{else}}
-    <DButton
-      @label="discourse_subscriptions.admin.products.operations.update"
-      @action={{action "updateProduct"}}
-      @icon="check"
-      class="btn btn-primary"
-    />
-  {{/if}}
-</div>
-
-{{outlet}}
\ No newline at end of file
diff --git a/assets/javascripts/discourse/templates/admin/plugins-discourse-subscriptions-products.gjs b/assets/javascripts/discourse/templates/admin/plugins-discourse-subscriptions-products.gjs
new file mode 100644
index 00000000..76ab5bd9
--- /dev/null
+++ b/assets/javascripts/discourse/templates/admin/plugins-discourse-subscriptions-products.gjs
@@ -0,0 +1,3 @@
+import RouteTemplate from "ember-route-template";
+
+export default RouteTemplate(<template>{{outlet}}</template>);
diff --git a/assets/javascripts/discourse/templates/admin/plugins-discourse-subscriptions-products.hbs b/assets/javascripts/discourse/templates/admin/plugins-discourse-subscriptions-products.hbs
deleted file mode 100644
index e2147cab..00000000
--- a/assets/javascripts/discourse/templates/admin/plugins-discourse-subscriptions-products.hbs
+++ /dev/null
@@ -1 +0,0 @@
-{{outlet}}
\ No newline at end of file
diff --git a/assets/javascripts/discourse/templates/admin/plugins-discourse-subscriptions-subscriptions.gjs b/assets/javascripts/discourse/templates/admin/plugins-discourse-subscriptions-subscriptions.gjs
new file mode 100644
index 00000000..5ef264ec
--- /dev/null
+++ b/assets/javascripts/discourse/templates/admin/plugins-discourse-subscriptions-subscriptions.gjs
@@ -0,0 +1,105 @@
+import { fn } from "@ember/helper";
+import RouteTemplate from "ember-route-template";
+import ConditionalLoadingSpinner from "discourse/components/conditional-loading-spinner";
+import DButton from "discourse/components/d-button";
+import LoadMore from "discourse/components/load-more";
+import loadingSpinner from "discourse/helpers/loading-spinner";
+import { i18n } from "discourse-i18n";
+import formatUnixDate from "../../helpers/format-unix-date";
+
+export default RouteTemplate(
+  <template>
+    {{#if @controller.model.unconfigured}}
+      <p>{{i18n "discourse_subscriptions.admin.unconfigured"}}</p>
+      <p>
+        <a href="https://meta.discourse.org/t/discourse-subscriptions/140818/">
+          {{i18n "discourse_subscriptions.admin.on_meta"}}
+        </a>
+      </p>
+    {{else}}
+      <LoadMore
+        @selector=".discourse-patrons-table tr"
+        @action={{@controller.loadMore}}
+      >
+        <table class="table discourse-patrons-table">
+          <thead>
+            <tr>
+              <th>
+                {{i18n
+                  "discourse_subscriptions.admin.subscriptions.subscription.user"
+                }}
+              </th>
+              <th>
+                {{i18n
+                  "discourse_subscriptions.admin.subscriptions.subscription.subscription_id"
+                }}
+              </th>
+              <th>
+                {{i18n
+                  "discourse_subscriptions.admin.subscriptions.subscription.customer"
+                }}
+              </th>
+              <th>
+                {{i18n
+                  "discourse_subscriptions.admin.subscriptions.subscription.product"
+                }}
+              </th>
+              <th>
+                {{i18n
+                  "discourse_subscriptions.admin.subscriptions.subscription.plan"
+                }}
+              </th>
+              <th>
+                {{i18n
+                  "discourse_subscriptions.admin.subscriptions.subscription.status"
+                }}
+              </th>
+              <th class="td-right">
+                {{i18n
+                  "discourse_subscriptions.admin.subscriptions.subscription.created_at"
+                }}
+              </th>
+              <th></th>
+            </tr>
+          </thead>
+
+          <tbody>
+            {{#each @controller.model.data as |subscription|}}
+              <tr>
+                <td>
+                  {{#if subscription.metadataUserExists}}
+                    <a href={{subscription.subscriptionUserPath}}>
+                      {{subscription.metadata.username}}
+                    </a>
+                  {{/if}}
+                </td>
+                <td>{{subscription.id}}</td>
+                <td>{{subscription.customer}}</td>
+                <td>{{subscription.plan.product.name}}</td>
+                <td>{{subscription.plan.nickname}}</td>
+                <td>{{subscription.status}}</td>
+                <td class="td-right">
+                  {{formatUnixDate subscription.created}}
+                </td>
+                <td class="td-right">
+                  {{#if subscription.loading}}
+                    {{loadingSpinner size="small"}}
+                  {{else}}
+                    <DButton
+                      @disabled={{subscription.canceled}}
+                      @label="cancel"
+                      @action={{fn @controller.showCancelModal subscription}}
+                      @icon="xmark"
+                    />
+                  {{/if}}
+                </td>
+              </tr>
+            {{/each}}
+          </tbody>
+        </table>
+      </LoadMore>
+
+      <ConditionalLoadingSpinner @condition={{@controller.loading}} />
+    {{/if}}
+  </template>
+);
diff --git a/assets/javascripts/discourse/templates/admin/plugins-discourse-subscriptions-subscriptions.hbs b/assets/javascripts/discourse/templates/admin/plugins-discourse-subscriptions-subscriptions.hbs
deleted file mode 100644
index 9c72dcb8..00000000
--- a/assets/javascripts/discourse/templates/admin/plugins-discourse-subscriptions-subscriptions.hbs
+++ /dev/null
@@ -1,90 +0,0 @@
-{{#if this.model.unconfigured}}
-  <p>{{i18n "discourse_subscriptions.admin.unconfigured"}}</p>
-  <p>
-    <a href="https://meta.discourse.org/t/discourse-subscriptions/140818/">
-      {{i18n "discourse_subscriptions.admin.on_meta"}}
-    </a>
-  </p>
-{{else}}
-  <LoadMore
-    @selector=".discourse-patrons-table tr"
-    @action={{action "loadMore"}}
-  >
-    <table class="table discourse-patrons-table">
-      <thead>
-        <tr>
-          <th>
-            {{i18n
-              "discourse_subscriptions.admin.subscriptions.subscription.user"
-            }}
-          </th>
-          <th>
-            {{i18n
-              "discourse_subscriptions.admin.subscriptions.subscription.subscription_id"
-            }}
-          </th>
-          <th>
-            {{i18n
-              "discourse_subscriptions.admin.subscriptions.subscription.customer"
-            }}
-          </th>
-          <th>
-            {{i18n
-              "discourse_subscriptions.admin.subscriptions.subscription.product"
-            }}
-          </th>
-          <th>
-            {{i18n
-              "discourse_subscriptions.admin.subscriptions.subscription.plan"
-            }}
-          </th>
-          <th>
-            {{i18n
-              "discourse_subscriptions.admin.subscriptions.subscription.status"
-            }}
-          </th>
-          <th class="td-right">
-            {{i18n
-              "discourse_subscriptions.admin.subscriptions.subscription.created_at"
-            }}
-          </th>
-          <th></th>
-        </tr>
-      </thead>
-
-      <tbody>
-        {{#each this.model.data as |subscription|}}
-          <tr>
-            <td>
-              {{#if subscription.metadataUserExists}}
-                <a href={{subscription.subscriptionUserPath}}>
-                  {{subscription.metadata.username}}
-                </a>
-              {{/if}}
-            </td>
-            <td>{{subscription.id}}</td>
-            <td>{{subscription.customer}}</td>
-            <td>{{subscription.plan.product.name}}</td>
-            <td>{{subscription.plan.nickname}}</td>
-            <td>{{subscription.status}}</td>
-            <td class="td-right">{{format-unix-date subscription.created}}</td>
-            <td class="td-right">
-              {{#if subscription.loading}}
-                {{loading-spinner size="small"}}
-              {{else}}
-                <DButton
-                  @disabled={{subscription.canceled}}
-                  @label="cancel"
-                  @action={{action "showCancelModal" subscription}}
-                  @icon="xmark"
-                />
-              {{/if}}
-            </td>
-          </tr>
-        {{/each}}
-      </tbody>
-    </table>
-  </LoadMore>
-
-  <ConditionalLoadingSpinner @condition={{this.loading}} />
-{{/if}}
\ No newline at end of file
diff --git a/assets/javascripts/discourse/templates/admin/plugins-discourse-subscriptions.gjs b/assets/javascripts/discourse/templates/admin/plugins-discourse-subscriptions.gjs
new file mode 100644
index 00000000..8c77742e
--- /dev/null
+++ b/assets/javascripts/discourse/templates/admin/plugins-discourse-subscriptions.gjs
@@ -0,0 +1,62 @@
+import RouteTemplate from "ember-route-template";
+import DButton from "discourse/components/d-button";
+import NavItem from "discourse/components/nav-item";
+import { i18n } from "discourse-i18n";
+
+export default RouteTemplate(
+  <template>
+    <h2>{{i18n
+        "discourse_subscriptions.title"
+        site_name=@controller.siteSettings.title
+      }}</h2>
+
+    {{#if @controller.stripeConfigured}}
+      <div class="discourse-subscriptions-buttons">
+        {{#if @controller.campaignEnabled}}
+          <DButton
+            @label="discourse_subscriptions.campaign.refresh_campaign"
+            @icon="rotate"
+            @action={{@controller.triggerManualRefresh}}
+          />
+        {{else}}
+          {{#unless @controller.campaignProductSet}}
+            <DButton
+              @label="discourse_subscriptions.campaign.one_click_campaign"
+              @icon="square-plus"
+              @action={{@controller.createOneClickCampaign}}
+              @isLoading={{@controller.loading}}
+            />
+          {{/unless}}
+        {{/if}}
+      </div>
+
+      <ul class="nav nav-pills">
+        <NavItem
+          @route="adminPlugins.discourse-subscriptions.products"
+          @label="discourse_subscriptions.admin.products.title"
+        />
+        <NavItem
+          @route="adminPlugins.discourse-subscriptions.coupons"
+          @label="discourse_subscriptions.admin.coupons.title"
+        />
+        <NavItem
+          @route="adminPlugins.discourse-subscriptions.subscriptions"
+          @label="discourse_subscriptions.admin.subscriptions.title"
+        />
+      </ul>
+
+      <hr />
+
+      <div id="discourse-subscriptions-admin">
+        {{outlet}}
+      </div>
+    {{else}}
+      <p>{{i18n "discourse_subscriptions.admin.unconfigured"}}</p>
+      <p>
+        <a href="https://meta.discourse.org/t/discourse-subscriptions/140818/">
+          {{i18n "discourse_subscriptions.admin.on_meta"}}
+        </a>
+      </p>
+    {{/if}}
+  </template>
+);
diff --git a/assets/javascripts/discourse/templates/admin/plugins-discourse-subscriptions.hbs b/assets/javascripts/discourse/templates/admin/plugins-discourse-subscriptions.hbs
deleted file mode 100644
index de37c679..00000000
--- a/assets/javascripts/discourse/templates/admin/plugins-discourse-subscriptions.hbs
+++ /dev/null
@@ -1,53 +0,0 @@
-<h2>{{i18n
-    "discourse_subscriptions.title"
-    site_name=this.siteSettings.title
-  }}</h2>
-
-{{#if this.stripeConfigured}}
-  <div class="discourse-subscriptions-buttons">
-    {{#if this.campaignEnabled}}
-      <DButton
-        @label="discourse_subscriptions.campaign.refresh_campaign"
-        @icon="rotate"
-        @action={{action "triggerManualRefresh"}}
-      />
-    {{else}}
-      {{#unless this.campaignProductSet}}
-        <DButton
-          @label="discourse_subscriptions.campaign.one_click_campaign"
-          @icon="square-plus"
-          @action={{action "createOneClickCampaign"}}
-          @isLoading={{this.loading}}
-        />
-      {{/unless}}
-    {{/if}}
-  </div>
-
-  <ul class="nav nav-pills">
-    <NavItem
-      @route="adminPlugins.discourse-subscriptions.products"
-      @label="discourse_subscriptions.admin.products.title"
-    />
-    <NavItem
-      @route="adminPlugins.discourse-subscriptions.coupons"
-      @label="discourse_subscriptions.admin.coupons.title"
-    />
-    <NavItem
-      @route="adminPlugins.discourse-subscriptions.subscriptions"
-      @label="discourse_subscriptions.admin.subscriptions.title"
-    />
-  </ul>
-
-  <hr />
-
-  <div id="discourse-subscriptions-admin">
-    {{outlet}}
-  </div>
-{{else}}
-  <p>{{i18n "discourse_subscriptions.admin.unconfigured"}}</p>
-  <p>
-    <a href="https://meta.discourse.org/t/discourse-subscriptions/140818/">
-      {{i18n "discourse_subscriptions.admin.on_meta"}}
-    </a>
-  </p>
-{{/if}}
\ No newline at end of file
diff --git a/assets/javascripts/discourse/templates/subscribe.gjs b/assets/javascripts/discourse/templates/subscribe.gjs
new file mode 100644
index 00000000..21ab1387
--- /dev/null
+++ b/assets/javascripts/discourse/templates/subscribe.gjs
@@ -0,0 +1,18 @@
+import RouteTemplate from "ember-route-template";
+import { i18n } from "discourse-i18n";
+
+export default RouteTemplate(
+  <template>
+    <div class="container">
+      <div class="title-wrapper">
+        <h1>
+          {{i18n "discourse_subscriptions.subscribe.title"}}
+        </h1>
+      </div>
+
+      <hr />
+
+      {{outlet}}
+    </div>
+  </template>
+);
diff --git a/assets/javascripts/discourse/templates/subscribe.hbs b/assets/javascripts/discourse/templates/subscribe.hbs
deleted file mode 100644
index 41e5f131..00000000
--- a/assets/javascripts/discourse/templates/subscribe.hbs
+++ /dev/null
@@ -1,11 +0,0 @@
-<div class="container">
-  <div class="title-wrapper">
-    <h1>
-      {{i18n "discourse_subscriptions.subscribe.title"}}
-    </h1>
-  </div>
-
-  <hr />
-
-  {{outlet}}
-</div>
\ No newline at end of file
diff --git a/assets/javascripts/discourse/templates/subscribe/index.gjs b/assets/javascripts/discourse/templates/subscribe/index.gjs
new file mode 100644
index 00000000..10b8ac06
--- /dev/null
+++ b/assets/javascripts/discourse/templates/subscribe/index.gjs
@@ -0,0 +1,16 @@
+import RouteTemplate from "ember-route-template";
+import LoginRequired from "../../components/login-required";
+import ProductList from "../../components/product-list";
+
+export default RouteTemplate(
+  <template>
+    {{#unless @controller.isLoggedIn}}
+      <LoginRequired />
+    {{/unless}}
+
+    <ProductList
+      @products={{@controller.model}}
+      @isLoggedIn={{@controller.isLoggedIn}}
+    />
+  </template>
+);
diff --git a/assets/javascripts/discourse/templates/subscribe/index.hbs b/assets/javascripts/discourse/templates/subscribe/index.hbs
deleted file mode 100644
index eedc3b1d..00000000
--- a/assets/javascripts/discourse/templates/subscribe/index.hbs
+++ /dev/null
@@ -1,5 +0,0 @@
-{{#unless this.isLoggedIn}}
-  <LoginRequired />
-{{/unless}}
-
-<ProductList @products={{this.model}} @isLoggedIn={{this.isLoggedIn}} />
\ No newline at end of file
diff --git a/assets/javascripts/discourse/templates/subscribe/show.gjs b/assets/javascripts/discourse/templates/subscribe/show.gjs
new file mode 100644
index 00000000..1c529366
--- /dev/null
+++ b/assets/javascripts/discourse/templates/subscribe/show.gjs
@@ -0,0 +1,151 @@
+import { Input } from "@ember/component";
+import { LinkTo } from "@ember/routing";
+import RouteTemplate from "ember-route-template";
+import DButton from "discourse/components/d-button";
+import htmlSafe from "discourse/helpers/html-safe";
+import loadingSpinner from "discourse/helpers/loading-spinner";
+import { i18n } from "discourse-i18n";
+import LoginRequired from "../../components/login-required";
+import PaymentOptions from "../../components/payment-options";
+import SubscribeCaProvinceSelect from "../../components/subscribe-ca-province-select";
+import SubscribeCard from "../../components/subscribe-card";
+import SubscribeCountrySelect from "../../components/subscribe-country-select";
+import SubscribeUsStateSelect from "../../components/subscribe-us-state-select";
+
+export default RouteTemplate(
+  <template>
+    <div class="discourse-subscriptions-section-columns">
+      <div class="section-column discourse-subscriptions-confirmation-billing">
+        <h2>
+          {{@controller.model.product.name}}
+        </h2>
+
+        <hr />
+
+        <p>
+          {{htmlSafe @controller.model.product.description}}
+        </p>
+      </div>
+
+      <div class="section-column">
+        {{#if @controller.canPurchase}}
+          <h2>
+            {{i18n "discourse_subscriptions.subscribe.card.title"}}
+          </h2>
+
+          <hr />
+
+          <PaymentOptions
+            @plans={{@controller.model.plans}}
+            @selectedPlan={{@controller.selectedPlan}}
+          />
+
+          <hr />
+
+          <SubscribeCard @cardElement={{@controller.cardElement}} />
+
+          {{#if @controller.loading}}
+            {{loadingSpinner}}
+          {{else if @controller.isAnonymous}}
+            <LoginRequired />
+          {{else}}
+            <Input
+              @type="text"
+              name="cardholder_name"
+              placeholder={{i18n
+                "discourse_subscriptions.subscribe.cardholder_name"
+              }}
+              @value={{@controller.cardholderName}}
+              class="subscribe-name"
+            />
+            <div class="address-fields">
+              <SubscribeCountrySelect
+                @value={{@controller.cardholderAddress.country}}
+                @onChange={{@controller.changeCountry}}
+              />
+              <Input
+                @type="text"
+                name="cardholder_postal_code"
+                placeholder={{i18n
+                  "discourse_subscriptions.subscribe.cardholder_address.postal_code"
+                }}
+                @value={{@controller.cardholderAddress.postalCode}}
+                class="subscribe-address-postal-code"
+              />
+            </div>
+            <Input
+              @type="text"
+              name="cardholder_line1"
+              placeholder={{i18n
+                "discourse_subscriptions.subscribe.cardholder_address.line1"
+              }}
+              @value={{@controller.cardholderAddress.line1}}
+              class="subscribe-address-line1"
+            />
+            <div class="address-fields">
+              <Input
+                @type="text"
+                name="cardholder_city"
+                placeholder={{i18n
+                  "discourse_subscriptions.subscribe.cardholder_address.city"
+                }}
+                @value={{@controller.cardholderAddress.city}}
+                class="subscribe-address-city"
+              />
+              {{#if @controller.isCountryUS}}
+                <SubscribeUsStateSelect
+                  @value={{@controller.cardholderAddress.state}}
+                  @onChange={{@controller.changeState}}
+                />
+              {{else if @controller.isCountryCA}}
+                <SubscribeCaProvinceSelect
+                  @value={{@controller.cardholderAddress.state}}
+                  @onChange={{@controller.changeState}}
+                />
+              {{else}}
+                <Input
+                  @type="text"
+                  name="cardholder_state"
+                  placeholder={{i18n
+                    "discourse_subscriptions.subscribe.cardholder_address.state"
+                  }}
+                  @value={{@controller.cardholderAddress.state}}
+                  class="subscribe-address-state"
+                />
+              {{/if}}
+            </div>
+
+            <Input
+              @type="text"
+              name="promo_code"
+              placeholder={{i18n
+                "discourse_subscriptions.subscribe.promo_code"
+              }}
+              @value={{@controller.promoCode}}
+              class="subscribe-promo-code"
+            />
+
+            <DButton
+              @disabled={{@controller.loading}}
+              @action={{@controller.stripePaymentHandler}}
+              class="btn btn-primary btn-payment"
+              @label="discourse_subscriptions.plans.payment_button"
+            />
+          {{/if}}
+        {{else}}
+          <h2>{{i18n
+              "discourse_subscriptions.subscribe.already_purchased"
+            }}</h2>
+
+          <LinkTo
+            @route="user.billing.subscriptions"
+            @model={{@controller.currentUser.username}}
+            class="btn btn-primary"
+          >
+            {{i18n "discourse_subscriptions.subscribe.go_to_billing"}}
+          </LinkTo>
+        {{/if}}
+      </div>
+    </div>
+  </template>
+);
diff --git a/assets/javascripts/discourse/templates/subscribe/show.hbs b/assets/javascripts/discourse/templates/subscribe/show.hbs
deleted file mode 100644
index 958ff406..00000000
--- a/assets/javascripts/discourse/templates/subscribe/show.hbs
+++ /dev/null
@@ -1,129 +0,0 @@
-<div class="discourse-subscriptions-section-columns">
-  <div class="section-column discourse-subscriptions-confirmation-billing">
-    <h2>
-      {{this.model.product.name}}
-    </h2>
-
-    <hr />
-
-    <p>
-      {{html-safe this.model.product.description}}
-    </p>
-  </div>
-
-  <div class="section-column">
-    {{#if this.canPurchase}}
-      <h2>
-        {{i18n "discourse_subscriptions.subscribe.card.title"}}
-      </h2>
-
-      <hr />
-
-      <PaymentOptions
-        @plans={{this.model.plans}}
-        @selectedPlan={{this.selectedPlan}}
-      />
-
-      <hr />
-
-      <SubscribeCard @cardElement={{this.cardElement}} />
-
-      {{#if this.loading}}
-        {{loading-spinner}}
-      {{else if this.isAnonymous}}
-        <LoginRequired />
-      {{else}}
-        <Input
-          @type="text"
-          name="cardholder_name"
-          placeholder={{i18n
-            "discourse_subscriptions.subscribe.cardholder_name"
-          }}
-          @value={{this.cardholderName}}
-          class="subscribe-name"
-        />
-        <div class="address-fields">
-          <SubscribeCountrySelect
-            @value={{this.cardholderAddress.country}}
-            @onChange={{action "changeCountry"}}
-          />
-          <Input
-            @type="text"
-            name="cardholder_postal_code"
-            placeholder={{i18n
-              "discourse_subscriptions.subscribe.cardholder_address.postal_code"
-            }}
-            @value={{this.cardholderAddress.postalCode}}
-            class="subscribe-address-postal-code"
-          />
-        </div>
-        <Input
-          @type="text"
-          name="cardholder_line1"
-          placeholder={{i18n
-            "discourse_subscriptions.subscribe.cardholder_address.line1"
-          }}
-          @value={{this.cardholderAddress.line1}}
-          class="subscribe-address-line1"
-        />
-        <div class="address-fields">
-          <Input
-            @type="text"
-            name="cardholder_city"
-            placeholder={{i18n
-              "discourse_subscriptions.subscribe.cardholder_address.city"
-            }}
-            @value={{this.cardholderAddress.city}}
-            class="subscribe-address-city"
-          />
-          {{#if this.isCountryUS}}
-            <SubscribeUsStateSelect
-              @value={{this.cardholderAddress.state}}
-              @onChange={{action "changeState"}}
-            />
-          {{else if this.isCountryCA}}
-            <SubscribeCaProvinceSelect
-              @value={{this.cardholderAddress.state}}
-              @onChange={{action "changeState"}}
-            />
-          {{else}}
-            <Input
-              @type="text"
-              name="cardholder_state"
-              placeholder={{i18n
-                "discourse_subscriptions.subscribe.cardholder_address.state"
-              }}
-              @value={{this.cardholderAddress.state}}
-              class="subscribe-address-state"
-            />
-          {{/if}}
-        </div>
-
-        <Input
-          @type="text"
-          name="promo_code"
-          placeholder={{i18n "discourse_subscriptions.subscribe.promo_code"}}
-          @value={{this.promoCode}}
-          class="subscribe-promo-code"
-        />
-
-        <DButton
-          @disabled={{this.loading}}
-          @action={{action "stripePaymentHandler"}}
-          class="btn btn-primary btn-payment"
-          @label="discourse_subscriptions.plans.payment_button"
-        />
-      {{/if}}
-    {{else}}
-      <h2>{{i18n "discourse_subscriptions.subscribe.already_purchased"}}</h2>
-
-      <LinkTo
-        @route="user.billing.subscriptions"
-        @model={{this.currentUser.username}}
-        class="btn btn-primary"
-      >
-        {{i18n "discourse_subscriptions.subscribe.go_to_billing"}}
-      </LinkTo>
-    {{/if}}
-  </div>
-</div>
\ No newline at end of file
diff --git a/assets/javascripts/discourse/templates/subscriptions.gjs b/assets/javascripts/discourse/templates/subscriptions.gjs
new file mode 100644
index 00000000..2654419d
--- /dev/null
+++ b/assets/javascripts/discourse/templates/subscriptions.gjs
@@ -0,0 +1,14 @@
+import RouteTemplate from "ember-route-template";
+import LoginRequired from "../components/login-required";
+
+export default RouteTemplate(
+  <template>
+    <div class="container">
+      {{#if @controller.currentUser}}
+        {{@controller.pricingTable}}
+      {{else}}
+        <LoginRequired />
+      {{/if}}
+    </div>
+  </template>
+);
diff --git a/assets/javascripts/discourse/templates/subscriptions.hbs b/assets/javascripts/discourse/templates/subscriptions.hbs
deleted file mode 100644
index d156ab4e..00000000
--- a/assets/javascripts/discourse/templates/subscriptions.hbs
+++ /dev/null
@@ -1,7 +0,0 @@
-<div class="container">
-  {{#if this.currentUser}}
-    {{this.pricingTable}}
-  {{else}}
-    <LoginRequired />
-  {{/if}}
-</div>
\ No newline at end of file
diff --git a/assets/javascripts/discourse/templates/user/billing.gjs b/assets/javascripts/discourse/templates/user/billing.gjs
new file mode 100644
index 00000000..370041b2
--- /dev/null
+++ b/assets/javascripts/discourse/templates/user/billing.gjs
@@ -0,0 +1,35 @@
+import { LinkTo } from "@ember/routing";
+import RouteTemplate from "ember-route-template";
+import MobileNav from "discourse/components/mobile-nav";
+import bodyClass from "discourse/helpers/body-class";
+import { i18n } from "discourse-i18n";
+
+export default RouteTemplate(
+  <template>
+    {{bodyClass "user-billing-page"}}
+
+    <section class="user-secondary-navigation">
+      <MobileNav
+        @desktopClass="action-list nav-stacked"
+        @currentPath={{@controller.router._router.currentPath}}
+        class="activity-nav"
+      >
+        <li>
+          <LinkTo @route="user.billing.subscriptions">
+            {{i18n "discourse_subscriptions.navigation.subscriptions"}}
+          </LinkTo>
+        </li>
+
+        <li>
+          <LinkTo @route="user.billing.payments">
+            {{i18n "discourse_subscriptions.navigation.payments"}}
+          </LinkTo>
+        </li>
+      </MobileNav>
+    </section>
+
+    <section class="user-content">
+      {{outlet}}
+    </section>
+  </template>
+);
diff --git a/assets/javascripts/discourse/templates/user/billing.hbs b/assets/javascripts/discourse/templates/user/billing.hbs
deleted file mode 100644
index 0c60665c..00000000
--- a/assets/javascripts/discourse/templates/user/billing.hbs
+++ /dev/null
@@ -1,25 +0,0 @@
-{{body-class "user-billing-page"}}
-
-<section class="user-secondary-navigation">
-  <MobileNav
-    @desktopClass="action-list nav-stacked"
-    @currentPath={{this.router._router.currentPath}}
-    class="activity-nav"
-  >
-    <li>
-      <LinkTo @route="user.billing.subscriptions">
-        {{i18n "discourse_subscriptions.navigation.subscriptions"}}
-      </LinkTo>
-    </li>
-
-    <li>
-      <LinkTo @route="user.billing.payments">
-        {{i18n "discourse_subscriptions.navigation.payments"}}
-      </LinkTo>
-    </li>
-  </MobileNav>
-</section>
-
-<section class="user-content">
-  {{outlet}}
-</section>
\ No newline at end of file
diff --git a/assets/javascripts/discourse/templates/user/billing/index.gjs b/assets/javascripts/discourse/templates/user/billing/index.gjs
new file mode 100644
index 00000000..1d7d7b5a
--- /dev/null
+++ b/assets/javascripts/discourse/templates/user/billing/index.gjs
@@ -0,0 +1,3 @@
+import RouteTemplate from "ember-route-template";
+
+export default RouteTemplate(<template>BILLING INDEX</template>);
diff --git a/assets/javascripts/discourse/templates/user/billing/index.hbs b/assets/javascripts/discourse/templates/user/billing/index.hbs
deleted file mode 100644
index 01eb7ee4..00000000
--- a/assets/javascripts/discourse/templates/user/billing/index.hbs
+++ /dev/null
@@ -1 +0,0 @@
-BILLING INDEX
\ No newline at end of file
diff --git a/assets/javascripts/discourse/templates/user/billing/payments.gjs b/assets/javascripts/discourse/templates/user/billing/payments.gjs
new file mode 100644
index 00000000..46efe531
--- /dev/null
+++ b/assets/javascripts/discourse/templates/user/billing/payments.gjs
@@ -0,0 +1,31 @@
+import RouteTemplate from "ember-route-template";
+import { i18n } from "discourse-i18n";
+import formatCurrency from "../../../helpers/format-currency";
+import formatUnixDate from "../../../helpers/format-unix-date";
+
+export default RouteTemplate(
+  <template>
+    {{#if @controller.model}}
+      <table class="table discourse-subscriptions-user-table">
+        <thead>
+          <th>{{i18n "discourse_subscriptions.user.payments.id"}}</th>
+          <th>{{i18n "discourse_subscriptions.user.payments.amount"}}</th>
+          <th>{{i18n "discourse_subscriptions.user.payments.created_at"}}</th>
+        </thead>
+        <tbody>
+          {{#each @controller.model as |payment|}}
+            <tr>
+              <td>{{payment.id}}</td>
+              <td>{{formatCurrency payment.currency payment.amountDollars}}</td>
+              <td>{{formatUnixDate payment.created}}</td>
+            </tr>
+          {{/each}}
+        </tbody>
+      </table>
+    {{else}}
+      <div class="alert alert-info">
+        {{i18n "discourse_subscriptions.user.payments_help"}}
+      </div>
+    {{/if}}
+  </template>
+);
diff --git a/assets/javascripts/discourse/templates/user/billing/payments.hbs b/assets/javascripts/discourse/templates/user/billing/payments.hbs
deleted file mode 100644
index 19415c9e..00000000
--- a/assets/javascripts/discourse/templates/user/billing/payments.hbs
+++ /dev/null
@@ -1,22 +0,0 @@
-{{#if this.model}}
-  <table class="table discourse-subscriptions-user-table">
-    <thead>
-      <th>{{i18n "discourse_subscriptions.user.payments.id"}}</th>
-      <th>{{i18n "discourse_subscriptions.user.payments.amount"}}</th>
-      <th>{{i18n "discourse_subscriptions.user.payments.created_at"}}</th>
-    </thead>
-    <tbody>
-      {{#each this.model as |payment|}}
-        <tr>
-          <td>{{payment.id}}</td>
-          <td>{{format-currency payment.currency payment.amountDollars}}</td>
-          <td>{{format-unix-date payment.created}}</td>
-        </tr>
-      {{/each}}
-    </tbody>
-  </table>
-{{else}}
-  <div class="alert alert-info">
-    {{i18n "discourse_subscriptions.user.payments_help"}}
-  </div>
-{{/if}}
\ No newline at end of file
diff --git a/assets/javascripts/discourse/templates/user/billing/subscriptions/card.gjs b/assets/javascripts/discourse/templates/user/billing/subscriptions/card.gjs
new file mode 100644
index 00000000..1c5a2a0a
--- /dev/null
+++ b/assets/javascripts/discourse/templates/user/billing/subscriptions/card.gjs
@@ -0,0 +1,28 @@
+import RouteTemplate from "ember-route-template";
+import SaveControls from "discourse/components/save-controls";
+import { i18n } from "discourse-i18n";
+import SubscribeCard from "../../../../components/subscribe-card";
+
+export default RouteTemplate(
+  <template>
+    <h3>{{i18n
+        "discourse_subscriptions.user.subscriptions.update_card.heading"
+        sub_id=@controller.model
+      }}</h3>
+
+    <div class="form-vertical">
+      <div class="control-group">
+        <SubscribeCard
+          @cardElement={{@controller.cardElement}}
+          class="input-xxlarge"
+        />
+      </div>
+
+      <SaveControls
+        @action={{@controller.updatePaymentMethod}}
+        @saved={{@controller.saved}}
+        @saveDisabled={{@controller.loading}}
+      />
+    </div>
+  </template>
+);
diff --git a/assets/javascripts/discourse/templates/user/billing/subscriptions/card.hbs b/assets/javascripts/discourse/templates/user/billing/subscriptions/card.hbs
deleted file mode 100644
index 0bedce6d..00000000
--- a/assets/javascripts/discourse/templates/user/billing/subscriptions/card.hbs
+++ /dev/null
@@ -1,16 +0,0 @@
-<h3>{{i18n
-    "discourse_subscriptions.user.subscriptions.update_card.heading"
-    sub_id=this.model
-  }}</h3>
-
-<div class="form-vertical">
-  <div class="control-group">
-    <SubscribeCard @cardElement={{this.cardElement}} class="input-xxlarge" />
-  </div>
-
-  <SaveControls
-    @action={{action "updatePaymentMethod"}}
-    @saved={{this.saved}}
-    @saveDisabled={{this.loading}}
-  />
-</div>
\ No newline at end of file
diff --git a/assets/javascripts/discourse/templates/user/billing/subscriptions/index.gjs b/assets/javascripts/discourse/templates/user/billing/subscriptions/index.gjs
new file mode 100644
index 00000000..2b727a7d
--- /dev/null
+++ b/assets/javascripts/discourse/templates/user/billing/subscriptions/index.gjs
@@ -0,0 +1,70 @@
+import RouteTemplate from "ember-route-template";
+import DButton from "discourse/components/d-button";
+import loadingSpinner from "discourse/helpers/loading-spinner";
+import routeAction from "discourse/helpers/route-action";
+import { i18n } from "discourse-i18n";
+import formatUnixDate from "../../../../helpers/format-unix-date";
+
+export default RouteTemplate(
+  <template>
+    {{#if @controller.model}}
+      <table class="table discourse-subscriptions-user-table">
+        <thead>
+          <th>{{i18n "discourse_subscriptions.user.subscriptions.id"}}</th>
+          <th>{{i18n "discourse_subscriptions.user.plans.product"}}</th>
+          <th>{{i18n "discourse_subscriptions.user.plans.rate"}}</th>
+          <th>{{i18n
+              "discourse_subscriptions.user.subscriptions.discounted"
+            }}</th>
+          <th>{{i18n "discourse_subscriptions.user.subscriptions.status"}}</th>
+          <th>{{i18n "discourse_subscriptions.user.subscriptions.renews"}}</th>
+          <th>{{i18n
+              "discourse_subscriptions.user.subscriptions.created_at"
+            }}</th>
+          <th></th>
+        </thead>
+        <tbody>
+          {{#each @controller.model as |subscription|}}
+            <tr>
+              <td>{{subscription.id}}</td>
+              <td>{{subscription.product.name}}</td>
+              <td>{{subscription.plan.subscriptionRate}}</td>
+              <td>{{subscription.discounted}}</td>
+              <td>{{subscription.status}}</td>
+              <td>{{subscription.endDate}}</td>
+              <td>{{formatUnixDate subscription.created}}</td>
+              <td class="td-right">
+                {{#if subscription.loading}}
+                  {{loadingSpinner size="small"}}
+                {{else}}
+                  {{#if subscription.canceled_at}}
+                    <DButton
+                      @disabled={{subscription.canceled_at}}
+                      @label="discourse_subscriptions.user.subscriptions.cancelled"
+                    />
+                  {{else}}
+                    <DButton
+                      @action={{routeAction "updateCard" subscription.id}}
+                      @icon="far-pen-to-square"
+                      class="btn no-text btn-icon"
+                    />
+                    <DButton
+                      class="btn-danger btn no-text btn-icon"
+                      @icon="trash-can"
+                      @disabled={{subscription.canceled_at}}
+                      @action={{routeAction "cancelSubscription" subscription}}
+                    />
+                  {{/if}}
+                {{/if}}
+              </td>
+            </tr>
+          {{/each}}
+        </tbody>
+      </table>
+    {{else}}
+      <div class="alert alert-info">
+        {{i18n "discourse_subscriptions.user.subscriptions_help"}}
+      </div>
+    {{/if}}
+  </template>
+);
diff --git a/assets/javascripts/discourse/templates/user/billing/subscriptions/index.hbs b/assets/javascripts/discourse/templates/user/billing/subscriptions/index.hbs
deleted file mode 100644
index 594f6050..00000000
--- a/assets/javascripts/discourse/templates/user/billing/subscriptions/index.hbs
+++ /dev/null
@@ -1,55 +0,0 @@
-{{#if this.model}}
-  <table class="table discourse-subscriptions-user-table">
-    <thead>
-      <th>{{i18n "discourse_subscriptions.user.subscriptions.id"}}</th>
-      <th>{{i18n "discourse_subscriptions.user.plans.product"}}</th>
-      <th>{{i18n "discourse_subscriptions.user.plans.rate"}}</th>
-      <th>{{i18n "discourse_subscriptions.user.subscriptions.discounted"}}</th>
-      <th>{{i18n "discourse_subscriptions.user.subscriptions.status"}}</th>
-      <th>{{i18n "discourse_subscriptions.user.subscriptions.renews"}}</th>
-      <th>{{i18n "discourse_subscriptions.user.subscriptions.created_at"}}</th>
-      <th></th>
-    </thead>
-    <tbody>
-      {{#each this.model as |subscription|}}
-        <tr>
-          <td>{{subscription.id}}</td>
-          <td>{{subscription.product.name}}</td>
-          <td>{{subscription.plan.subscriptionRate}}</td>
-          <td>{{subscription.discounted}}</td>
-          <td>{{subscription.status}}</td>
-          <td>{{subscription.endDate}}</td>
-          <td>{{format-unix-date subscription.created}}</td>
-          <td class="td-right">
-            {{#if subscription.loading}}
-              {{loading-spinner size="small"}}
-            {{else}}
-              {{#if subscription.canceled_at}}
-                <DButton
-                  @disabled={{subscription.canceled_at}}
-                  @label="discourse_subscriptions.user.subscriptions.cancelled"
-                />
-              {{else}}
-                <DButton
-                  @action={{route-action "updateCard" subscription.id}}
-                  @icon="far-pen-to-square"
-                  class="btn no-text btn-icon"
-                />
-                <DButton
-                  class="btn-danger btn no-text btn-icon"
-                  @icon="trash-can"
-                  @disabled={{subscription.canceled_at}}
-                  @action={{route-action "cancelSubscription" subscription}}
-                />
-              {{/if}}
-            {{/if}}
-          </td>
-        </tr>
-      {{/each}}
-    </tbody>
-  </table>
-{{else}}
-  <div class="alert alert-info">
-    {{i18n "discourse_subscriptions.user.subscriptions_help"}}
-  </div>
-{{/if}}
\ No newline at end of file
diff --git a/assets/stylesheets/common/campaign.scss b/assets/stylesheets/common/campaign.scss
index be47f095..c1358537 100644
--- a/assets/stylesheets/common/campaign.scss
+++ b/assets/stylesheets/common/campaign.scss
@@ -1,3 +1,4 @@
+@use "lib/viewport";
 /* stylelint-disable scss/no-global-function-names */
 .subscription-campaign-sidebar {
   #main-outlet
@@ -106,7 +107,7 @@ body.archetype-regular {
   box-shadow: 5px 5px
     var(--discourse_subscriptions_campaign_banner_shadow_color);
 
-  @include breakpoint(tablet) {
+  @include viewport.until(md) {
     width: 98%;
     flex-direction: column;
   }
@@ -131,7 +132,7 @@ body.archetype-regular {
     padding: 2em;
     background-color: var(--primary-very-low);
 
-    @include breakpoint(tablet) {
+    @include viewport.until(md) {
       width: calc(100% - 4em);
       display: flex;
       flex-direction: column;
@@ -143,7 +144,7 @@ body.archetype-regular {
       font-size: $font-up-4;
       margin: 0;
 
-      @include breakpoint(tablet) {
+      @include viewport.until(md) {
         font-size: $font-up-3;
       }
     }
@@ -157,7 +158,7 @@ body.archetype-regular {
       width: 100%;
       margin: 0.25em 0 1em 0;
 
-      @include breakpoint(tablet) {
+      @include viewport.until(md) {
         font-size: $font-down-1;
         text-align: center;
       }
@@ -194,7 +195,7 @@ body.archetype-regular {
     flex-flow: column;
     justify-content: center;
 
-    @include breakpoint(tablet) {
+    @include viewport.until(md) {
       width: calc(100% - 4em);
     }
 
@@ -291,7 +292,7 @@ html:not(.mobile-view) .subscriptions-campaign-topic-footer .campaign-banner {
   margin-top: 2em;
   width: calc(var(--d-max-width) * 0.87);
 
-  @include breakpoint(large) {
+  @include viewport.until(lg) {
     width: auto;
   }
 
@@ -302,7 +303,7 @@ html:not(.mobile-view) .subscriptions-campaign-topic-footer .campaign-banner {
 }
 
 // Topic Footer Version + Sidebar visible
-@media screen and (max-width: 1285px) {
+@media screen and (width <= 1285px) {
   html:not(.mobile-view)
     body.has-sidebar-page
     .subscriptions-campaign-topic-footer
diff --git a/assets/stylesheets/common/layout.scss b/assets/stylesheets/common/layout.scss
index e1063058..fabc7c7b 100644
--- a/assets/stylesheets/common/layout.scss
+++ b/assets/stylesheets/common/layout.scss
@@ -1,10 +1,12 @@
+@use "lib/viewport";
+
 .discourse-subscriptions-section-columns {
   display: flex;
   justify-content: space-between;
   margin: 20px;
   padding: 20px;
 
-  @include breakpoint(medium) {
+  @include viewport.until(lg) {
     flex-direction: column;
     margin: 0;
     padding: 0.5em;
@@ -22,7 +24,7 @@
       margin-right: 0.5em;
     }
 
-    @include breakpoint(medium) {
+    @include viewport.until(lg) {
       min-width: 100%;
 
       &:last-child {
@@ -68,7 +70,7 @@
         align-self: flex-end;
         font-size: $font-down-1;
 
-        @include breakpoint(large) {
+        @include viewport.until(lg) {
           margin-top: 1em;
         }
       }
diff --git a/assets/stylesheets/common/subscribe.scss b/assets/stylesheets/common/subscribe.scss
index 33f9891d..c8b8b496 100644
--- a/assets/stylesheets/common/subscribe.scss
+++ b/assets/stylesheets/common/subscribe.scss
@@ -61,7 +61,7 @@
   margin-bottom: 9px;
 }
 
-@media all and (min-width: 1350px) {
+@media all and (width >= 1350px) {
   .address-fields {
     display: flex;
     justify-content: space-between;
diff --git a/package.json b/package.json
index 8cdc01bf..f6723af0 100644
--- a/package.json
+++ b/package.json
@@ -1,11 +1,11 @@
 {
   "private": true,
   "devDependencies": {
-    "@discourse/lint-configs": "2.11.1",
-    "ember-template-lint": "7.0.1",
-    "eslint": "9.22.0",
+    "@discourse/lint-configs": "2.20.0",
+    "ember-template-lint": "7.7.0",
+    "eslint": "9.27.0",
     "prettier": "3.5.3",
-    "stylelint": "16.16.0"
+    "stylelint": "16.19.1"
   },
   "engines": {
     "node": ">= 22",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 0ae8eb31..2a5246ac 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -9,20 +9,20 @@ importers:
   .:
     devDependencies:
       '@discourse/lint-configs':
-        specifier: 2.11.1
-        version: 2.11.1(ember-template-lint@7.0.1(@babel/core@7.26.10))(eslint@9.22.0)(postcss@8.5.3)(prettier@3.5.3)(stylelint@16.16.0(typescript@5.8.2))
+        specifier: 2.20.0
+        version: 2.20.0(ember-template-lint@7.7.0(@babel/core@7.27.3))(eslint@9.27.0)(postcss@8.5.3)(prettier@3.5.3)(stylelint@16.19.1(typescript@5.8.3))
       ember-template-lint:
-        specifier: 7.0.1
-        version: 7.0.1(@babel/core@7.26.10)
+        specifier: 7.7.0
+        version: 7.7.0(@babel/core@7.27.3)
       eslint:
-        specifier: 9.22.0
-        version: 9.22.0
+        specifier: 9.27.0
+        version: 9.27.0
       prettier:
         specifier: 3.5.3
         version: 3.5.3
       stylelint:
-        specifier: 16.16.0
-        version: 16.16.0(typescript@5.8.2)
+        specifier: 16.19.1
+        version: 16.19.1(typescript@5.8.3)
 
 packages:
 
@@ -30,148 +30,148 @@ packages:
     resolution: {integrity: sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==}
     engines: {node: '>=6.0.0'}
 
-  '@babel/code-frame@7.26.2':
-    resolution: {integrity: sha512-RJlIHRueQgwWitWgF8OdFYGZX328Ax5BCemNGlqHfplnRT9ESi8JkFlvaVYbS+UubVY6dpv87Fs2u5M29iNFVQ==}
+  '@babel/code-frame@7.27.1':
+    resolution: {integrity: sha512-cjQ7ZlQ0Mv3b47hABuTevyTuYN4i+loJKGeV9flcCgIK37cCXRh+L1bd3iBHlynerhQ7BhCkn2BPbQUL+rGqFg==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/compat-data@7.26.8':
-    resolution: {integrity: sha512-oH5UPLMWR3L2wEFLnFJ1TZXqHufiTKAiLfqw5zkhS4dKXLJ10yVztfil/twG8EDTA4F/tvVNw9nOl4ZMslB8rQ==}
+  '@babel/compat-data@7.27.3':
+    resolution: {integrity: sha512-V42wFfx1ymFte+ecf6iXghnnP8kWTO+ZLXIyZq+1LAXHHvTZdVxicn4yiVYdYMGaCO3tmqub11AorKkv+iodqw==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/core@7.26.10':
-    resolution: {integrity: sha512-vMqyb7XCDMPvJFFOaT9kxtiRh42GwlZEg1/uIgtZshS5a/8OaduUfCi7kynKgc3Tw/6Uo2D+db9qBttghhmxwQ==}
+  '@babel/core@7.27.3':
+    resolution: {integrity: sha512-hyrN8ivxfvJ4i0fIJuV4EOlV0WDMz5Ui4StRTgVaAvWeiRCilXgwVvxJKtFQ3TKtHgJscB2YiXKGNJuVwhQMtA==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/eslint-parser@7.26.10':
-    resolution: {integrity: sha512-QsfQZr4AiLpKqn7fz+j7SN+f43z2DZCgGyYbNJ2vJOqKfG4E6MZer1+jqGZqKJaxq/gdO2DC/nUu45+pOL5p2Q==}
+  '@babel/eslint-parser@7.27.1':
+    resolution: {integrity: sha512-q8rjOuadH0V6Zo4XLMkJ3RMQ9MSBqwaDByyYB0izsYdaIWGNLmEblbCOf1vyFHICcg16CD7Fsi51vcQnYxmt6Q==}
     engines: {node: ^10.13.0 || ^12.13.0 || >=14.0.0}
     peerDependencies:
       '@babel/core': ^7.11.0
       eslint: ^7.5.0 || ^8.0.0 || ^9.0.0
 
-  '@babel/generator@7.26.10':
-    resolution: {integrity: sha512-rRHT8siFIXQrAYOYqZQVsAr8vJ+cBNqcVAY6m5V8/4QqzaPl+zDBe6cLEPRDuNOUf3ww8RfJVlOyQMoSI+5Ang==}
+  '@babel/generator@7.27.3':
+    resolution: {integrity: sha512-xnlJYj5zepml8NXtjkG0WquFUv8RskFqyFcVgTBp5k+NaA/8uw/K+OSVf8AMGw5e9HKP2ETd5xpK5MLZQD6b4Q==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-annotate-as-pure@7.25.9':
-    resolution: {integrity: sha512-gv7320KBUFJz1RnylIg5WWYPRXKZ884AGkYpgpWW02TH66Dl+HaC1t1CKd0z3R4b6hdYEcmrNZHUmfCP+1u3/g==}
+  '@babel/helper-annotate-as-pure@7.27.3':
+    resolution: {integrity: sha512-fXSwMQqitTGeHLBC08Eq5yXz2m37E4pJX1qAU1+2cNedz/ifv/bVXft90VeSav5nFO61EcNgwr0aJxbyPaWBPg==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-compilation-targets@7.26.5':
-    resolution: {integrity: sha512-IXuyn5EkouFJscIDuFF5EsiSolseme1s0CZB+QxVugqJLYmKdxI1VfIBOst0SUu4rnk2Z7kqTwmoO1lp3HIfnA==}
+  '@babel/helper-compilation-targets@7.27.2':
+    resolution: {integrity: sha512-2+1thGUUWWjLTYTHZWK1n8Yga0ijBz1XAhUXcKy81rd5g6yh7hGqMp45v7cadSbEHc9G3OTv45SyneRN3ps4DQ==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-create-class-features-plugin@7.26.9':
-    resolution: {integrity: sha512-ubbUqCofvxPRurw5L8WTsCLSkQiVpov4Qx0WMA+jUN+nXBK8ADPlJO1grkFw5CWKC5+sZSOfuGMdX1aI1iT9Sg==}
+  '@babel/helper-create-class-features-plugin@7.27.1':
+    resolution: {integrity: sha512-QwGAmuvM17btKU5VqXfb+Giw4JcN0hjuufz3DYnpeVDvZLAObloM77bhMXiqry3Iio+Ai4phVRDwl6WU10+r5A==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0
 
-  '@babel/helper-member-expression-to-functions@7.25.9':
-    resolution: {integrity: sha512-wbfdZ9w5vk0C0oyHqAJbc62+vet5prjj01jjJ8sKn3j9h3MQQlflEdXYvuqRWjHnM12coDEqiC1IRCi0U/EKwQ==}
+  '@babel/helper-member-expression-to-functions@7.27.1':
+    resolution: {integrity: sha512-E5chM8eWjTp/aNoVpcbfM7mLxu9XGLWYise2eBKGQomAk/Mb4XoxyqXTZbuTohbsl8EKqdlMhnDI2CCLfcs9wA==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-module-imports@7.25.9':
-    resolution: {integrity: sha512-tnUA4RsrmflIM6W6RFTLFSXITtl0wKjgpnLgXyowocVPrbYrLUXSBXDgTs8BlbmIzIdlBySRQjINYs2BAkiLtw==}
+  '@babel/helper-module-imports@7.27.1':
+    resolution: {integrity: sha512-0gSFWUPNXNopqtIPQvlD5WgXYI5GY2kP2cCvoT8kczjbfcfuIljTbcWrulD1CIPIX2gt1wghbDy08yE1p+/r3w==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-module-transforms@7.26.0':
-    resolution: {integrity: sha512-xO+xu6B5K2czEnQye6BHA7DolFFmS3LB7stHZFaOLb1pAwO1HWLS8fXA+eh0A2yIvltPVmx3eNNDBJA2SLHXFw==}
+  '@babel/helper-module-transforms@7.27.3':
+    resolution: {integrity: sha512-dSOvYwvyLsWBeIRyOeHXp5vPj5l1I011r52FM1+r1jCERv+aFXYk4whgQccYEGYxK2H3ZAIA8nuPkQ0HaUo3qg==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0
 
-  '@babel/helper-optimise-call-expression@7.25.9':
-    resolution: {integrity: sha512-FIpuNaz5ow8VyrYcnXQTDRGvV6tTjkNtCK/RYNDXGSLlUD6cBuQTSw43CShGxjvfBTfcUA/r6UhUCbtYqkhcuQ==}
+  '@babel/helper-optimise-call-expression@7.27.1':
+    resolution: {integrity: sha512-URMGH08NzYFhubNSGJrpUEphGKQwMQYBySzat5cAByY1/YgIRkULnIy3tAMeszlL/so2HbeilYloUmSpd7GdVw==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-plugin-utils@7.26.5':
-    resolution: {integrity: sha512-RS+jZcRdZdRFzMyr+wcsaqOmld1/EqTghfaBGQQd/WnRdzdlvSZ//kF7U8VQTxf1ynZ4cjUcYgjVGx13ewNPMg==}
+  '@babel/helper-plugin-utils@7.27.1':
+    resolution: {integrity: sha512-1gn1Up5YXka3YYAHGKpbideQ5Yjf1tDa9qYcgysz+cNCXukyLl6DjPXhD3VRwSb8c0J9tA4b2+rHEZtc6R0tlw==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-replace-supers@7.26.5':
-    resolution: {integrity: sha512-bJ6iIVdYX1YooY2X7w1q6VITt+LnUILtNk7zT78ykuwStx8BauCzxvFqFaHjOpW1bVnSUM1PN1f0p5P21wHxvg==}
+  '@babel/helper-replace-supers@7.27.1':
+    resolution: {integrity: sha512-7EHz6qDZc8RYS5ElPoShMheWvEgERonFCs7IAonWLLUTXW59DP14bCZt89/GKyreYn8g3S83m21FelHKbeDCKA==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0
 
-  '@babel/helper-skip-transparent-expression-wrappers@7.25.9':
-    resolution: {integrity: sha512-K4Du3BFa3gvyhzgPcntrkDgZzQaq6uozzcpGbOO1OEJaI+EJdqWIMTLgFgQf6lrfiDFo5FU+BxKepI9RmZqahA==}
+  '@babel/helper-skip-transparent-expression-wrappers@7.27.1':
+    resolution: {integrity: sha512-Tub4ZKEXqbPjXgWLl2+3JpQAYBJ8+ikpQ2Ocj/q/r0LwE3UhENh7EUabyHjz2kCEsrRY83ew2DQdHluuiDQFzg==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-string-parser@7.25.9':
-    resolution: {integrity: sha512-4A/SCr/2KLd5jrtOMFzaKjVtAei3+2r/NChoBNoZ3EyP/+GlhoaEGoWOZUmFmoITP7zOJyHIMm+DYRd8o3PvHA==}
+  '@babel/helper-string-parser@7.27.1':
+    resolution: {integrity: sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-validator-identifier@7.25.9':
-    resolution: {integrity: sha512-Ed61U6XJc3CVRfkERJWDz4dJwKe7iLmmJsbOGu9wSloNSFttHV0I8g6UAgb7qnK5ly5bGLPd4oXZlxCdANBOWQ==}
+  '@babel/helper-validator-identifier@7.27.1':
+    resolution: {integrity: sha512-D2hP9eA+Sqx1kBZgzxZh0y1trbuU+JoDkiEwqhQ36nodYqJwyEIhPSdMNd7lOm/4io72luTPWH20Yda0xOuUow==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-validator-option@7.25.9':
-    resolution: {integrity: sha512-e/zv1co8pp55dNdEcCynfj9X7nyUKUXoUEwfXqaZt0omVOmDe9oOTdKStH4GmAw6zxMFs50ZayuMfHDKlO7Tfw==}
+  '@babel/helper-validator-option@7.27.1':
+    resolution: {integrity: sha512-YvjJow9FxbhFFKDSuFnVCe2WxXk1zWc22fFePVNEaWJEu8IrZVlda6N0uHwzZrUM1il7NC9Mlp4MaJYbYd9JSg==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helpers@7.26.10':
-    resolution: {integrity: sha512-UPYc3SauzZ3JGgj87GgZ89JVdC5dj0AoetR5Bw6wj4niittNyFh6+eOGonYvJ1ao6B8lEa3Q3klS7ADZ53bc5g==}
+  '@babel/helpers@7.27.3':
+    resolution: {integrity: sha512-h/eKy9agOya1IGuLaZ9tEUgz+uIRXcbtOhRtUyyMf8JFmn1iT13vnl/IGVWSkdOCG/pC57U4S1jnAabAavTMwg==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/parser@7.26.10':
-    resolution: {integrity: sha512-6aQR2zGE/QFi8JpDLjUZEPYOs7+mhKXm86VaKFiLP35JQwQb6bwUE+XbvkH0EptsYhbNBSUGaUBLKqxH1xSgsA==}
+  '@babel/parser@7.27.3':
+    resolution: {integrity: sha512-xyYxRj6+tLNDTWi0KCBcZ9V7yg3/lwL9DWh9Uwh/RIVlIfFidggcgxKX3GCXwCiswwcGRawBKbEg2LG/Y8eJhw==}
     engines: {node: '>=6.0.0'}
     hasBin: true
 
-  '@babel/plugin-proposal-decorators@7.25.9':
-    resolution: {integrity: sha512-smkNLL/O1ezy9Nhy4CNosc4Va+1wo5w4gzSZeLe6y6dM4mmHfYOCPolXQPHQxonZCF+ZyebxN9vqOolkYrSn5g==}
+  '@babel/plugin-proposal-decorators@7.27.1':
+    resolution: {integrity: sha512-DTxe4LBPrtFdsWzgpmbBKevg3e9PBy+dXRt19kSbucbZvL2uqtdqwwpluL1jfxYE0wIDTFp1nTy/q6gNLsxXrg==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/plugin-syntax-decorators@7.25.9':
-    resolution: {integrity: sha512-ryzI0McXUPJnRCvMo4lumIKZUzhYUO/ScI+Mz4YVaTLt04DHNSjEUjKVvbzQjZFLuod/cYEc07mJWhzl6v4DPg==}
+  '@babel/plugin-syntax-decorators@7.27.1':
+    resolution: {integrity: sha512-YMq8Z87Lhl8EGkmb0MwYkt36QnxC+fzCgrl66ereamPlYToRpIk5nUjKUY3QKLWq8mwUB1BgbeXcTJhZOCDg5A==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/plugin-syntax-typescript@7.25.9':
-    resolution: {integrity: sha512-hjMgRy5hb8uJJjUcdWunWVcoi9bGpJp8p5Ol1229PoN6aytsLwNMgmdftO23wnCLMfVmTwZDWMPNq/D1SY60JQ==}
+  '@babel/plugin-syntax-typescript@7.27.1':
+    resolution: {integrity: sha512-xfYCBMxveHrRMnAWl1ZlPXOZjzkN82THFvLhQhFXFt81Z5HnN+EtUkZhv/zcKpmT3fzmWZB0ywiBrbC3vogbwQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/plugin-transform-typescript@7.26.8':
-    resolution: {integrity: sha512-bME5J9AC8ChwA7aEPJ6zym3w7aObZULHhbNLU0bKUhKsAkylkzUdq+0kdymh9rzi8nlNFl2bmldFBCKNJBUpuw==}
+  '@babel/plugin-transform-typescript@7.27.1':
+    resolution: {integrity: sha512-Q5sT5+O4QUebHdbwKedFBEwRLb02zJ7r4A5Gg2hUoLuU3FjdMcyqcywqUrLCaDsFCxzokf7u9kuy7qz51YUuAg==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/template@7.26.9':
-    resolution: {integrity: sha512-qyRplbeIpNZhmzOysF/wFMuP9sctmh2cFzRAZOn1YapxBsE1i9bJIY586R/WBLfLcmcBlM8ROBiQURnnNy+zfA==}
+  '@babel/template@7.27.2':
+    resolution: {integrity: sha512-LPDZ85aEJyYSd18/DkjNh4/y1ntkE5KwUHWTiqgRxruuZL2F1yuHligVHLvcHY2vMHXttKFpJn6LwfI7cw7ODw==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/traverse@7.26.10':
-    resolution: {integrity: sha512-k8NuDrxr0WrPH5Aupqb2LCVURP/S0vBEn5mK6iH+GIYob66U5EtoZvcdudR2jQ4cmTwhEwW1DLB+Yyas9zjF6A==}
+  '@babel/traverse@7.27.3':
+    resolution: {integrity: sha512-lId/IfN/Ye1CIu8xG7oKBHXd2iNb2aW1ilPszzGcJug6M8RCKfVNcYhpI5+bMvFYjK7lXIM0R+a+6r8xhHp2FQ==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/types@7.26.10':
-    resolution: {integrity: sha512-emqcG3vHrpxUKTrxcblR36dcrcoRDvKmnL/dCL6ZsHaShW80qxCAcNhzQZrpeM765VzEos+xOi4s+r4IXzTwdQ==}
+  '@babel/types@7.27.3':
+    resolution: {integrity: sha512-Y1GkI4ktrtvmawoSq+4FCVHNryea6uR+qUQy0AGxLSsjCX0nVmkYQMBLHDkXZuo5hGx7eYdnIaslsdBFm7zbUw==}
     engines: {node: '>=6.9.0'}
 
-  '@csstools/css-parser-algorithms@3.0.4':
-    resolution: {integrity: sha512-Up7rBoV77rv29d3uKHUIVubz1BTcgyUK72IvCQAbfbMv584xHcGKCKbWh7i8hPrRJ7qU4Y8IO3IY9m+iTB7P3A==}
+  '@csstools/css-parser-algorithms@3.0.5':
+    resolution: {integrity: sha512-DaDeUkXZKjdGhgYaHNJTV9pV7Y9B3b644jCLs9Upc3VeNGg6LWARAT6O+Q+/COo+2gg/bM5rhpMAtf70WqfBdQ==}
     engines: {node: '>=18'}
     peerDependencies:
-      '@csstools/css-tokenizer': ^3.0.3
+      '@csstools/css-tokenizer': ^3.0.4
 
-  '@csstools/css-tokenizer@3.0.3':
-    resolution: {integrity: sha512-UJnjoFsmxfKUdNYdWgOB0mWUypuLvAfQPH1+pyvRJs6euowbFkFC6P13w1l8mJyi3vxYMxc9kld5jZEGRQs6bw==}
+  '@csstools/css-tokenizer@3.0.4':
+    resolution: {integrity: sha512-Vd/9EVDiu6PPJt9yAh6roZP6El1xHrdvIVGjyBsHR0RYwNHgL7FJPyIIW4fANJNG6FtyZfvlRPpFI4ZM/lubvw==}
     engines: {node: '>=18'}
 
-  '@csstools/media-query-list-parser@4.0.2':
-    resolution: {integrity: sha512-EUos465uvVvMJehckATTlNqGj4UJWkTmdWuDMjqvSUkjGpmOyFZBVwb4knxCm/k2GMTXY+c/5RkdndzFYWeX5A==}
+  '@csstools/media-query-list-parser@4.0.3':
+    resolution: {integrity: sha512-HAYH7d3TLRHDOUQK4mZKf9k9Ph/m8Akstg66ywKR4SFAigjs3yBiUeZtFxywiTm5moZMAp/5W/ZuFnNXXYLuuQ==}
     engines: {node: '>=18'}
     peerDependencies:
-      '@csstools/css-parser-algorithms': ^3.0.4
-      '@csstools/css-tokenizer': ^3.0.3
+      '@csstools/css-parser-algorithms': ^3.0.5
+      '@csstools/css-tokenizer': ^3.0.4
 
   '@csstools/selector-specificity@5.0.0':
     resolution: {integrity: sha512-PCqQV3c4CoVm3kdPhyeZ07VmBRdH2EpMFA/pd9OASpOEC3aXNGoqPDAZ80D0cLpMBxnmk0+yNhGsEx31hq7Gtw==}
@@ -179,13 +179,13 @@ packages:
     peerDependencies:
       postcss-selector-parser: ^7.0.0
 
-  '@discourse/lint-configs@2.11.1':
-    resolution: {integrity: sha512-VQh052cXp43ytw+dn+pIyM5BMtgACXZ0z+tNpXVcRwiJWn8dbvuJaypFgWR6QCks3AKujypmLK8+FMnlZYZGRQ==}
+  '@discourse/lint-configs@2.20.0':
+    resolution: {integrity: sha512-1pbwuV7rGKD38UGp51fbt6wAUDgAJ2AYOdICEYsJvp2Kmfs+uxhyPzXQMLceiXg2j9O8f0MDWhTdzGxIVRWPvw==}
     peerDependencies:
-      ember-template-lint: 7.0.1
-      eslint: 9.22.0
+      ember-template-lint: 7.7.0
+      eslint: 9.27.0
       prettier: 3.5.3
-      stylelint: 16.16.0
+      stylelint: 16.19.1
 
   '@dual-bundle/import-meta-resolve@4.1.0':
     resolution: {integrity: sha512-+nxncfwHM5SgAtrVzgpzJOI1ol0PkumhVo469KCf9lUi21IGcY90G98VuHm9VRrUypmAzawAHO9bs6hqeADaVg==}
@@ -193,8 +193,8 @@ packages:
   '@ember-data/rfc395-data@0.0.4':
     resolution: {integrity: sha512-tGRdvgC9/QMQSuSuJV45xoyhI0Pzjm7A9o/MVVA3HakXIImJbbzx/k/6dO9CUEQXIyS2y0fW6C1XaYOG7rY0FQ==}
 
-  '@eslint-community/eslint-utils@4.5.1':
-    resolution: {integrity: sha512-soEIOALTfTK6EjmKMMoLugwaP0rzkad90iIWd1hMO9ARkSAyjfMfkRRhLvD5qH7vvM0Cg72pieUfR6yh6XxC4w==}
+  '@eslint-community/eslint-utils@4.7.0':
+    resolution: {integrity: sha512-dyybb3AcajC7uha6CvhdVRJqaKyn7w2YKqKyAN37NKYgZT36w+iRb0Dymmc5qEJ549c/S31cMMSFd75bteCpCw==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: ^6.0.0 || ^7.0.0 || >=8.0.0
@@ -203,32 +203,32 @@ packages:
     resolution: {integrity: sha512-CCZCDJuduB9OUkFkY2IgppNZMi2lBQgD2qzwXkEia16cge2pijY/aXi96CJMquDMn3nJdlPV1A5KrJEXwfLNzQ==}
     engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
 
-  '@eslint/config-array@0.19.2':
-    resolution: {integrity: sha512-GNKqxfHG2ySmJOBSHg7LxeUx4xpuCoFjacmlCoYWEbaPXLwvfIjixRI12xCQZeULksQb23uiA8F40w5TojpV7w==}
+  '@eslint/config-array@0.20.0':
+    resolution: {integrity: sha512-fxlS1kkIjx8+vy2SjuCB94q3htSNrufYTXubwiBFeaQHbH6Ipi43gFJq2zCMt6PHhImH3Xmr0NksKDvchWlpQQ==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@eslint/config-helpers@0.1.0':
-    resolution: {integrity: sha512-kLrdPDJE1ckPo94kmPPf9Hfd0DU0Jw6oKYrhe+pwSC0iTUInmTa+w6fw8sGgcfkFJGNdWOUeOaDM4quW4a7OkA==}
+  '@eslint/config-helpers@0.2.2':
+    resolution: {integrity: sha512-+GPzk8PlG0sPpzdU5ZvIRMPidzAnZDl/s9L+y13iodqvb8leL53bTannOrQ/Im7UkpsmFU5Ily5U60LWixnmLg==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@eslint/core@0.12.0':
-    resolution: {integrity: sha512-cmrR6pytBuSMTaBweKoGMwu3EiHiEC+DoyupPmlZ0HxBJBtIxwe+j/E4XPIKNx+Q74c8lXKPwYawBf5glsTkHg==}
+  '@eslint/core@0.14.0':
+    resolution: {integrity: sha512-qIbV0/JZr7iSDjqAc60IqbLdsj9GDt16xQtWD+B78d/HAlvysGdZZ6rpJHGAc2T0FQx1X6thsSPdnoiGKdNtdg==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@eslint/eslintrc@3.3.0':
-    resolution: {integrity: sha512-yaVPAiNAalnCZedKLdR21GOGILMLKPyqSLWaAjQFvYA2i/ciDi8ArYVr69Anohb6cH2Ukhqti4aFnYyPm8wdwQ==}
+  '@eslint/eslintrc@3.3.1':
+    resolution: {integrity: sha512-gtF186CXhIl1p4pJNGZw8Yc6RlshoePRvE0X91oPGb3vZ8pM3qOS9W9NGPat9LziaBV7XrJWGylNQXkGcnM3IQ==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@eslint/js@9.22.0':
-    resolution: {integrity: sha512-vLFajx9o8d1/oL2ZkpMYbkLv8nDB6yaIwFNt7nI4+I80U/z03SxmfOMsLbvWr3p7C+Wnoh//aOu2pQW8cS0HCQ==}
+  '@eslint/js@9.27.0':
+    resolution: {integrity: sha512-G5JD9Tu5HJEu4z2Uo4aHY2sLV64B7CDMXxFzqzjl3NKd6RVzSXNoE80jk7Y0lJkTTkjiIhBAqmlYwjuBY3tvpA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
   '@eslint/object-schema@2.1.6':
     resolution: {integrity: sha512-RBMg5FRL0I0gs51M/guSAj5/e14VQ4tpZnQNWwuDT66P14I43ItmPfIZRhO9fUVIPOAQXU47atlywZ/czoqFPA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@eslint/plugin-kit@0.2.7':
-    resolution: {integrity: sha512-JubJ5B2pJ4k4yGxaNLdbjrnk9d/iDz6/q8wOilpIowd6PJPgaxCuHBnBszq7Ce2TyMrywm5r4PnKm6V3iiZF+g==}
+  '@eslint/plugin-kit@0.3.1':
+    resolution: {integrity: sha512-0J+zgWxHN+xXONWIyPWKFMgVuJoZuGiIFu8yxk7RJjxkzpGmyja5wRFqZIVtjDVOQpV+Rw0iOAjYPE2eQyjr0w==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
   '@glimmer/env@0.1.7':
@@ -283,8 +283,8 @@ packages:
     resolution: {integrity: sha512-JBxkERygn7Bv/GbN5Rv8Ul6LVknS+5Bp6RgDC/O8gEBU/yeH5Ui5C/OlWrTb6qct7LjjfT6Re2NxB0ln0yYybA==}
     engines: {node: '>=18.18'}
 
-  '@humanwhocodes/retry@0.4.2':
-    resolution: {integrity: sha512-xeO57FpIu4p1Ri3Jq/EXq4ClRm86dVF2z/+kvFnyqVYRavTZmaFaUBbWCOuuTh0o/g7DSsk6kc2vrS4Vl5oPOQ==}
+  '@humanwhocodes/retry@0.4.3':
+    resolution: {integrity: sha512-bV0Tgo9K4hfPCek+aMAn81RppFKv2ySDQeMoSZuvTASywNTnVJCArCZE2FWqpvIatKu7VMRLWlR1EazvVhDyhQ==}
     engines: {node: '>=18.18'}
 
   '@jridgewell/gen-mapping@0.3.8':
@@ -340,8 +340,8 @@ packages:
   '@types/eslint@8.56.12':
     resolution: {integrity: sha512-03ruubjWyOHlmljCVoxSuNDdmfZDzsrrz0P2LeJsOXr+ZwFQ+0yQIwNCwt/GYhV7Z31fgtXJTAEs+FYlEL851g==}
 
-  '@types/estree@1.0.6':
-    resolution: {integrity: sha512-AYnb1nQyY49te+VRAVgmzfcgjYS91mY5P0TKUDCLEM+gNnA+3T6rWITXRLYCpahpqSQbN5cE+gHpnPyXjHWxcw==}
+  '@types/estree@1.0.7':
+    resolution: {integrity: sha512-w28IoSUCJpidD/TGviZwwMJckNESJZXFu7NBZ5YJ4mEUnNraUn9Pm8HSZm/jDF1pDWYKspWE7oVphigUPRakIQ==}
 
   '@types/json-schema@7.0.15':
     resolution: {integrity: sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==}
@@ -449,8 +449,8 @@ packages:
     resolution: {integrity: sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==}
     engines: {node: '>=8'}
 
-  browserslist@4.24.4:
-    resolution: {integrity: sha512-KDi1Ny1gSePi1vm0q4oxSF8b4DR44GF4BbmS2YdhPLOEqd8pDviZOGH/GsmRwoWJ2+5Lr085X7naowMwKHDG1A==}
+  browserslist@4.24.5:
+    resolution: {integrity: sha512-FDToo4Wo82hIdgc1CQ+NQD0hEhmpPjrZ3hiUgwgOG6IuTdlpr8jdjyG24P6cNP1yJpTLzS5OcGgSw0xmDU1/Tw==}
     engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
     hasBin: true
 
@@ -460,8 +460,8 @@ packages:
   buffer@6.0.3:
     resolution: {integrity: sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==}
 
-  cacheable@1.8.9:
-    resolution: {integrity: sha512-FicwAUyWnrtnd4QqYAoRlNs44/a1jTL7XDKqm5gJ90wz1DQPlC7U2Rd1Tydpv+E7WAr4sQHuw8Q8M3nZMAyecQ==}
+  cacheable@1.9.0:
+    resolution: {integrity: sha512-8D5htMCxPDUULux9gFzv30f04Xo3wCnik0oOxKoRTPIBoqA7HtOcJ87uBhQTs3jCfZZTrUBGsYIZOgE0ZRgMAg==}
 
   call-bind-apply-helpers@1.0.2:
     resolution: {integrity: sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==}
@@ -479,8 +479,8 @@ packages:
     resolution: {integrity: sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==}
     engines: {node: '>=6'}
 
-  caniuse-lite@1.0.30001704:
-    resolution: {integrity: sha512-+L2IgBbV6gXB4ETf0keSvLr7JUrRVbIaB/lrQ1+z8mRcQiisG5k+lG6O4n6Y5q6f5EuNfaYXKgymucphlEXQew==}
+  caniuse-lite@1.0.30001718:
+    resolution: {integrity: sha512-AflseV1ahcSunK53NfEs9gFWgOEmzr0f+kaMFA4xiLZlr9Hzt7HxcSpIFcnNCUkz6R6dWKa54rUz3HUmI3nVcw==}
 
   chalk@4.1.2:
     resolution: {integrity: sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==}
@@ -538,8 +538,8 @@ packages:
   content-tag@2.0.3:
     resolution: {integrity: sha512-htLIdtfhhKW2fHlFLnZH7GFzHSdSpHhDLrWVswkNiiPMZ5uXq5JfrGboQKFhNQuAAFF8VNB2EYUj3MsdJrKKpg==}
 
-  content-tag@3.1.1:
-    resolution: {integrity: sha512-94puwVk6X8oJcbRIEY03UM80zWzA3dYgGkOiRJzeY1vXgwrFUh3OolDDi/D7YBa6Vsx+CgAvuk4uXlB8loZ1FA==}
+  content-tag@3.1.3:
+    resolution: {integrity: sha512-4Kiv9mEroxuMXfWUNUHcljVJgxThCNk7eEswdHMXdzJnkBBaYDqDwzHkoh3F74JJhfU3taJOsgpR6oEGIDg17g==}
 
   convert-source-map@2.0.0:
     resolution: {integrity: sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==}
@@ -601,8 +601,8 @@ packages:
       supports-color:
         optional: true
 
-  debug@4.4.0:
-    resolution: {integrity: sha512-6WTZ/IxCY/T6BALoZHaE4ctp9xm+Z5kY/pzYaCHRFeyVhojxlrm+46y68HA6hr0TcwEssoxNiDEUJQjfPZ/RYA==}
+  debug@4.4.1:
+    resolution: {integrity: sha512-KcKCqiftBJcZr++7ykoDIEwSa3XWowTfNPo92BYxjXiyYEVrUQh2aLyhxBCwww+heortUFxEJYcRzosstTEBYQ==}
     engines: {node: '>=6.0'}
     peerDependencies:
       supports-color: '*'
@@ -639,8 +639,8 @@ packages:
     resolution: {integrity: sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==}
     engines: {node: '>= 0.4'}
 
-  electron-to-chromium@1.5.119:
-    resolution: {integrity: sha512-Ku4NMzUjz3e3Vweh7PhApPrZSS4fyiCIbcIrG9eKrriYVLmbMepETR/v6SU7xPm98QTqMSYiCwfO89QNjXLkbQ==}
+  electron-to-chromium@1.5.159:
+    resolution: {integrity: sha512-CEvHptWAMV5p6GJ0Lq8aheyvVbfzVrv5mmidu1D3pidoVNkB3tTBsTMVtPJ+rzRK5oV229mCLz9Zj/hNvU8GBA==}
 
   ember-eslint-parser@0.5.9:
     resolution: {integrity: sha512-IW4/3cEiFp49M2LiKyzi7VcT1egogOe8UxQ9eUKTooenC7Q4qNhzTD6rOZ8j51m8iJC+8hCzjbNCa3K4CN0Hhg==}
@@ -655,8 +655,8 @@ packages:
   ember-rfc176-data@0.3.18:
     resolution: {integrity: sha512-JtuLoYGSjay1W3MQAxt3eINWXNYYQliK90tLwtb8aeCuQK8zKGCRbBodVIrkcTqshULMnRuTOS6t1P7oQk3g6Q==}
 
-  ember-template-lint@7.0.1:
-    resolution: {integrity: sha512-rFGrioqtoHyWGig6PsURQYL797Hj1u9Wbn8ZyTO3H0NUNrRgPOX+2Gu9uTrmnf+KWry/2GB+yok6OY7mVSygIA==}
+  ember-template-lint@7.7.0:
+    resolution: {integrity: sha512-KVQNeCdZHglpMm0YY4itu18xzw+IYeLLceWlL9tplCNcsQLSDYynyOvkzuQQH+y4JYN7aFnlxlxSGPyCOpBLZg==}
     engines: {node: ^18.18.0 || >= 20.9.0}
     hasBin: true
 
@@ -675,8 +675,8 @@ packages:
   error-ex@1.3.2:
     resolution: {integrity: sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==}
 
-  es-abstract@1.23.9:
-    resolution: {integrity: sha512-py07lI0wjxAC/DcfK1S6G7iANonniZwTISvdPzk9hzeH0IZIshbuuFxLIU96OyF89Yb9hiqWn8M/bY83KY5vzA==}
+  es-abstract@1.23.10:
+    resolution: {integrity: sha512-MtUbM072wlJNyeYAe0mhzrD+M6DIJa96CZAOBBrhDbgKnB4MApIKefcyAB1eOdYn8cUNZgvwBvEzdoAYsxgEIw==}
     engines: {node: '>= 0.4'}
 
   es-define-property@1.0.1:
@@ -813,8 +813,8 @@ packages:
     resolution: {integrity: sha512-UyLnSehNt62FFhSwjZlHmeokpRK59rcz29j+F1/aDgbkbRTk7wIc9XzdoasMUbRNKDM0qQt/+BJ4BrpFeABemw==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  eslint@9.22.0:
-    resolution: {integrity: sha512-9V/QURhsRN40xuHXWjV64yvrzMjcz7ZyNoF2jJFmy9j/SLk0u1OLSZgXi28MrXjymnjEGSR80WCdab3RGMDveQ==}
+  eslint@9.27.0:
+    resolution: {integrity: sha512-ixRawFQuMB9DZ7fjU3iGGganFDp3+45bPOdaRurcFHSXO1e/sYwUX/FtQZpLZJR6SjMoJH8hR2pPEAfDyCoU2Q==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     hasBin: true
     peerDependencies:
@@ -870,8 +870,8 @@ packages:
   fastq@1.19.1:
     resolution: {integrity: sha512-GwLTyxkCXjXbxqIhTsMI2Nui8huMPtnxg7krajPJAjnEG/iiOS7i+zCtWGZR9G0NBKbXKh6X9m9UIsYX/N6vvQ==}
 
-  file-entry-cache@10.0.7:
-    resolution: {integrity: sha512-txsf5fu3anp2ff3+gOJJzRImtrtm/oa9tYLN0iTuINZ++EyVR/nRrg2fKYwvG/pXDofcrvvb0scEbX3NyW/COw==}
+  file-entry-cache@10.1.0:
+    resolution: {integrity: sha512-Et/ex6smi3wOOB+n5mek+Grf7P2AxZR5ueqRUvAAn4qkyatXi3cUC1cuQXVkX0VlzBVsN4BkWJFmY/fYiRTdww==}
 
   file-entry-cache@8.0.0:
     resolution: {integrity: sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ==}
@@ -893,8 +893,8 @@ packages:
     resolution: {integrity: sha512-f7ccFPK3SXFHpx15UIGyRJ/FJQctuKZ0zVuN3frBo4HnK3cay9VEW0R6yPYFHC0AgqhukPzKjq22t5DmAyqGyw==}
     engines: {node: '>=16'}
 
-  flat-cache@6.1.7:
-    resolution: {integrity: sha512-qwZ4xf1v1m7Rc9XiORly31YaChvKt6oNVHuqqZcoED/7O+ToyNVGobKsIAopY9ODcWpEDKEBAbrSOCBHtNQvew==}
+  flat-cache@6.1.9:
+    resolution: {integrity: sha512-DUqiKkTlAfhtl7g78IuwqYM+YqvT+as0mY+EVk6mfimy19U79pJCzDZQsnqk3Ou/T6hFXWLGbwbADzD/c8Tydg==}
 
   flatted@3.3.3:
     resolution: {integrity: sha512-GX+ysw4PBCz0PzosHDepZGANEuFCMLrnRTiEy9McGjmkCQYwRq4A/X786G/fjM/+OjsWSU1ZrY5qyARZmO/uwg==}
@@ -969,8 +969,8 @@ packages:
     resolution: {integrity: sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ==}
     engines: {node: '>=18'}
 
-  globals@16.0.0:
-    resolution: {integrity: sha512-iInW14XItCXET01CQFqudPOWP2jYMl7T+QRQT+UNcR/iQncN/F0UNpgd76iFkBPgNQb4+X3LV9tLJYzwh+Gl3A==}
+  globals@16.2.0:
+    resolution: {integrity: sha512-O+7l9tPdHCU320IigZZPj5zmRCFG9xHmx9cU8FqU2Rp+JN714seHV+2S9+JslCpY4gJwU2vOGox0wzgae/MCEg==}
     engines: {node: '>=18'}
 
   globalthis@1.0.4:
@@ -1022,8 +1022,8 @@ packages:
     resolution: {integrity: sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==}
     engines: {node: '>= 0.4'}
 
-  hookified@1.8.1:
-    resolution: {integrity: sha512-GrO2l93P8xCWBSTBX9l2BxI78VU/MAAYag+pG8curS3aBGy0++ZlxrQ7PdUOUVMbn5BwkGb6+eRrnf43ipnFEA==}
+  hookified@1.9.0:
+    resolution: {integrity: sha512-2yEEGqphImtKIe1NXWEhu6yD3hlFR4Mxk4Mtp3XEyScpSt4pQ4ymmXA1zzxZpj99QkFK+nN0nzjeb2+RUi/6CQ==}
 
   html-tags@3.3.1:
     resolution: {integrity: sha512-ztqyC3kLto0e9WbNp0aeP+M3kTt+nbaIveGmUxAtZa+8iFgKLUOD4YKM5j+f3QD89bra7UeumolZHKuOXnTmeQ==}
@@ -1036,8 +1036,8 @@ packages:
     resolution: {integrity: sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==}
     engines: {node: '>= 4'}
 
-  ignore@7.0.3:
-    resolution: {integrity: sha512-bAH5jbK/F3T3Jls4I0SO1hmPR0dKU0a7+SY6n1yzRtG54FLO8d6w/nxLFX2Nb7dBu6cCWXPaAME6cYqFUMmuCA==}
+  ignore@7.0.4:
+    resolution: {integrity: sha512-gJzzk+PQNznz8ysRrC0aOkBNVRBDtE1n53IqyqEf3PXrYwomFs5q4pGMizBMJF+ykh03insJ27hB8gSrD2Hn8A==}
     engines: {node: '>= 4'}
 
   import-fresh@3.3.1:
@@ -1221,15 +1221,15 @@ packages:
   keyv@4.5.4:
     resolution: {integrity: sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==}
 
-  keyv@5.3.1:
-    resolution: {integrity: sha512-13hQT2q2VIwOoaJdJa7nY3J8UVbYtMTJFHnwm9LI+SaQRfUiM6Em9KZeOVTCKbMnGcRIL3NSUFpAdjZCq24nLQ==}
+  keyv@5.3.3:
+    resolution: {integrity: sha512-Rwu4+nXI9fqcxiEHtbkvoes2X+QfkTRo1TMkPfwzipGsJlJO/z69vqB4FNl9xJ3xCpAcbkvmEabZfPzrwN3+gQ==}
 
   kind-of@6.0.3:
     resolution: {integrity: sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==}
     engines: {node: '>=0.10.0'}
 
-  known-css-properties@0.35.0:
-    resolution: {integrity: sha512-a/RAk2BfKk+WFGhhOCAYqSiFLc34k8Mt/6NWRI4joER0EYUzXIcFivjjnoD3+XU1DggLn/tZc3DOAgke7l8a4A==}
+  known-css-properties@0.36.0:
+    resolution: {integrity: sha512-A+9jP+IUmuQsNdsLdcg6Yt7voiMF/D4K83ew0OpJtpu+l34ef7LaohWV0Rc6KNvzw6ZDizkqfyB5JznZnzuKQA==}
 
   language-subtag-registry@0.3.23:
     resolution: {integrity: sha512-0K65Lea881pHotoGEa5gDlMxt3pctLi2RplBb7Ezh4rRdLEOtgi7n4EwK9lamnUCkKBqaeKRVebTq6BAxSkpXQ==}
@@ -1288,8 +1288,8 @@ packages:
   mdn-data@2.12.2:
     resolution: {integrity: sha512-IEn+pegP1aManZuckezWCO+XZQDplx1366JoVhTpMpBB1sPey/SbveZQUosKiKiGYjg1wH4pMlNgXbCiYgihQA==}
 
-  mdn-data@2.18.0:
-    resolution: {integrity: sha512-gtCy1yim/vpHF/tq3B4Z43x3zKWpYeb4IM3d/Mf4oMYcNuoXOYEaqtoFlLHw9zd7+WNN3jNh6/WXyUrD3OIiwQ==}
+  mdn-data@2.21.0:
+    resolution: {integrity: sha512-+ZKPQezM5vYJIkCxaC+4DTnRrVZR1CgsKLu5zsQERQx6Tea8Y+wMx5A24rq8A8NepCeatIQufVAekKNgiBMsGQ==}
 
   meow@13.2.0:
     resolution: {integrity: sha512-pxQJQzB6djGPXh08dacEloMFopsOqGVRKFPYvPOt9XDZ1HasbgDZA74CJGreSU4G3Ak7EFJGoiH2auq+yXISgA==}
@@ -1319,8 +1319,8 @@ packages:
   ms@2.1.3:
     resolution: {integrity: sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==}
 
-  nanoid@3.3.9:
-    resolution: {integrity: sha512-SppoicMGpZvbF1l3z4x7No3OlIjP7QJvC9XR7AhZr1kL133KHnKPztkKDc+Ir4aJ/1VhTySrtKhrsycmrMQfvg==}
+  nanoid@3.3.11:
+    resolution: {integrity: sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==}
     engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
     hasBin: true
 
@@ -1468,8 +1468,8 @@ packages:
     resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==}
     engines: {node: '>= 0.8.0'}
 
-  prettier-plugin-ember-template-tag@2.0.4:
-    resolution: {integrity: sha512-Ude3MJyPBMr/Er5aSS9Y0dsnHWX3prpJB+Jj/BKKUT/EvG2ftnIMBsZXmRu68RJA62JJB8MdKBloYmCu2pTRNg==}
+  prettier-plugin-ember-template-tag@2.0.5:
+    resolution: {integrity: sha512-G9lbK3wmryIBSzqBKKoy254v7hIjqzqYpqWxi9NvOxcxNtwLyrC1u9NLJJFm+x9blzqHQOzKGOseVnbLtEwEbg==}
     engines: {node: 18.* || >= 20}
     peerDependencies:
       prettier: '>= 3.0.0'
@@ -1656,58 +1656,46 @@ packages:
     resolution: {integrity: sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==}
     engines: {node: '>=8'}
 
-  stylelint-config-recommended-scss@14.1.0:
-    resolution: {integrity: sha512-bhaMhh1u5dQqSsf6ri2GVWWQW5iUjBYgcHkh7SgDDn92ijoItC/cfO/W+fpXshgTQWhwFkP1rVcewcv4jaftRg==}
-    engines: {node: '>=18.12.0'}
+  stylelint-config-recommended-scss@15.0.1:
+    resolution: {integrity: sha512-V24bxkNkFGggqPVJlP9iXaBabwSGEG7QTz+PyxrRtjPkcF+/NsWtB3tKYvFYEmczRkWiIEfuFMhGpJFj9Fxe6Q==}
+    engines: {node: '>=20'}
     peerDependencies:
       postcss: ^8.3.3
-      stylelint: ^16.6.1
+      stylelint: ^16.16.0
     peerDependenciesMeta:
       postcss:
         optional: true
 
-  stylelint-config-recommended@14.0.1:
-    resolution: {integrity: sha512-bLvc1WOz/14aPImu/cufKAZYfXs/A/owZfSMZ4N+16WGXLoX5lOir53M6odBxvhgmgdxCVnNySJmZKx73T93cg==}
+  stylelint-config-recommended@16.0.0:
+    resolution: {integrity: sha512-4RSmPjQegF34wNcK1e1O3Uz91HN8P1aFdFzio90wNK9mjgAI19u5vsU868cVZboKzCaa5XbpvtTzAAGQAxpcXA==}
     engines: {node: '>=18.12.0'}
     peerDependencies:
-      stylelint: ^16.1.0
+      stylelint: ^16.16.0
 
-  stylelint-config-recommended@15.0.0:
-    resolution: {integrity: sha512-9LejMFsat7L+NXttdHdTq94byn25TD+82bzGRiV1Pgasl99pWnwipXS5DguTpp3nP1XjvLXVnEJIuYBfsRjRkA==}
-    engines: {node: '>=18.12.0'}
-    peerDependencies:
-      stylelint: ^16.13.0
-
-  stylelint-config-standard-scss@14.0.0:
-    resolution: {integrity: sha512-6Pa26D9mHyi4LauJ83ls3ELqCglU6VfCXchovbEqQUiEkezvKdv6VgsIoMy58i00c854wVmOw0k8W5FTpuaVqg==}
-    engines: {node: '>=18.12.0'}
+  stylelint-config-standard-scss@15.0.1:
+    resolution: {integrity: sha512-8pmmfutrMlPHukLp+Th9asmk21tBXMVGxskZCzkRVWt1d8Z0SrXjUUQ3vn9KcBj1bJRd5msk6yfEFM0UYHBRdg==}
+    engines: {node: '>=20'}
     peerDependencies:
       postcss: ^8.3.3
-      stylelint: ^16.11.0
+      stylelint: ^16.18.0
     peerDependenciesMeta:
       postcss:
         optional: true
 
-  stylelint-config-standard@36.0.1:
-    resolution: {integrity: sha512-8aX8mTzJ6cuO8mmD5yon61CWuIM4UD8Q5aBcWKGSf6kg+EC3uhB+iOywpTK4ca6ZL7B49en8yanOFtUW0qNzyw==}
+  stylelint-config-standard@38.0.0:
+    resolution: {integrity: sha512-uj3JIX+dpFseqd/DJx8Gy3PcRAJhlEZ2IrlFOc4LUxBX/PNMEQ198x7LCOE2Q5oT9Vw8nyc4CIL78xSqPr6iag==}
     engines: {node: '>=18.12.0'}
     peerDependencies:
-      stylelint: ^16.1.0
+      stylelint: ^16.18.0
 
-  stylelint-config-standard@37.0.0:
-    resolution: {integrity: sha512-+6eBlbSTrOn/il2RlV0zYGQwRTkr+WtzuVSs1reaWGObxnxLpbcspCUYajVQHonVfxVw2U+h42azGhrBvcg8OA==}
-    engines: {node: '>=18.12.0'}
-    peerDependencies:
-      stylelint: ^16.13.0
-
-  stylelint-scss@6.11.1:
-    resolution: {integrity: sha512-e4rYo0UY+BIMtGeGanghrvHTjcryxgZbyFxUedp8dLFqC4P70aawNdYjRrQxbnKhu3BNr4+lt5e/53tcKXiwFA==}
+  stylelint-scss@6.12.0:
+    resolution: {integrity: sha512-U7CKhi1YNkM1pXUXl/GMUXi8xKdhl4Ayxdyceie1nZ1XNIdaUgMV6OArpooWcDzEggwgYD0HP/xIgVJo9a655w==}
     engines: {node: '>=18.12.0'}
     peerDependencies:
       stylelint: ^16.0.2
 
-  stylelint@16.16.0:
-    resolution: {integrity: sha512-40X5UOb/0CEFnZVEHyN260HlSSUxPES+arrUphOumGWgXERHfwCD0kNBVILgQSij8iliYVwlc0V7M5bcLP9vPg==}
+  stylelint@16.19.1:
+    resolution: {integrity: sha512-C1SlPZNMKl+d/C867ZdCRthrS+6KuZ3AoGW113RZCOL0M8xOGpgx7G70wq7lFvqvm4dcfdGFVLB/mNaLFChRKw==}
     engines: {node: '>=18.12.0'}
     hasBin: true
 
@@ -1764,8 +1752,8 @@ packages:
     resolution: {integrity: sha512-3KS2b+kL7fsuk/eJZ7EQdnEmQoaho/r6KUef7hxvltNA5DR8NAUM+8wJMbJyZ4G9/7i3v5zPBIMN5aybAh2/Jg==}
     engines: {node: '>= 0.4'}
 
-  typescript@5.8.2:
-    resolution: {integrity: sha512-aJn6wq13/afZp/jT9QZmwEjDqqvSGp1VT5GVg+f/t6/oVyrgXM6BY1h9BRh/O5p3PlUPAe+WuiEZOmb/49RqoQ==}
+  typescript@5.8.3:
+    resolution: {integrity: sha512-p1diW6TqL9L07nNxvRMM7hMMw4c5XOo/1ibL4aAIGmSAt9slTE1Xgw5KWuof2uTOvCg9BY7ZRi+GaF+7sfgPeQ==}
     engines: {node: '>=14.17'}
     hasBin: true
 
@@ -1866,8 +1854,8 @@ packages:
     resolution: {integrity: sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==}
     engines: {node: '>=10'}
 
-  yocto-queue@1.2.0:
-    resolution: {integrity: sha512-KHBC7z61OJeaMGnF3wqNZj+GGNXOyypZviiKpQeiHirG5Ib1ImwcLBH70rbMSkKfSmUNBsdf2PwaEJtKvgmkNw==}
+  yocto-queue@1.2.1:
+    resolution: {integrity: sha512-AyeEbWOu/TAXdxlV9wmGcR0+yh2j3vYPGOECcIj2S7MkrLyC7ne+oye2BKTItt0ii2PHk4cDy+95+LshzbXnGg==}
     engines: {node: '>=12.20'}
 
 snapshots:
@@ -1877,223 +1865,224 @@ snapshots:
       '@jridgewell/gen-mapping': 0.3.8
       '@jridgewell/trace-mapping': 0.3.25
 
-  '@babel/code-frame@7.26.2':
+  '@babel/code-frame@7.27.1':
     dependencies:
-      '@babel/helper-validator-identifier': 7.25.9
+      '@babel/helper-validator-identifier': 7.27.1
       js-tokens: 4.0.0
       picocolors: 1.1.1
 
-  '@babel/compat-data@7.26.8': {}
+  '@babel/compat-data@7.27.3': {}
 
-  '@babel/core@7.26.10':
+  '@babel/core@7.27.3':
     dependencies:
       '@ampproject/remapping': 2.3.0
-      '@babel/code-frame': 7.26.2
-      '@babel/generator': 7.26.10
-      '@babel/helper-compilation-targets': 7.26.5
-      '@babel/helper-module-transforms': 7.26.0(@babel/core@7.26.10)
-      '@babel/helpers': 7.26.10
-      '@babel/parser': 7.26.10
-      '@babel/template': 7.26.9
-      '@babel/traverse': 7.26.10
-      '@babel/types': 7.26.10
+      '@babel/code-frame': 7.27.1
+      '@babel/generator': 7.27.3
+      '@babel/helper-compilation-targets': 7.27.2
+      '@babel/helper-module-transforms': 7.27.3(@babel/core@7.27.3)
+      '@babel/helpers': 7.27.3
+      '@babel/parser': 7.27.3
+      '@babel/template': 7.27.2
+      '@babel/traverse': 7.27.3
+      '@babel/types': 7.27.3
       convert-source-map: 2.0.0
-      debug: 4.4.0
+      debug: 4.4.1
       gensync: 1.0.0-beta.2
       json5: 2.2.3
       semver: 6.3.1
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/eslint-parser@7.26.10(@babel/core@7.26.10)(eslint@9.22.0)':
+  '@babel/eslint-parser@7.27.1(@babel/core@7.27.3)(eslint@9.27.0)':
     dependencies:
-      '@babel/core': 7.26.10
+      '@babel/core': 7.27.3
       '@nicolo-ribaudo/eslint-scope-5-internals': 5.1.1-v1
-      eslint: 9.22.0
+      eslint: 9.27.0
       eslint-visitor-keys: 2.1.0
       semver: 6.3.1
 
-  '@babel/generator@7.26.10':
+  '@babel/generator@7.27.3':
     dependencies:
-      '@babel/parser': 7.26.10
-      '@babel/types': 7.26.10
+      '@babel/parser': 7.27.3
+      '@babel/types': 7.27.3
       '@jridgewell/gen-mapping': 0.3.8
       '@jridgewell/trace-mapping': 0.3.25
       jsesc: 3.1.0
 
-  '@babel/helper-annotate-as-pure@7.25.9':
+  '@babel/helper-annotate-as-pure@7.27.3':
     dependencies:
-      '@babel/types': 7.26.10
+      '@babel/types': 7.27.3
 
-  '@babel/helper-compilation-targets@7.26.5':
+  '@babel/helper-compilation-targets@7.27.2':
     dependencies:
-      '@babel/compat-data': 7.26.8
-      '@babel/helper-validator-option': 7.25.9
-      browserslist: 4.24.4
+      '@babel/compat-data': 7.27.3
+      '@babel/helper-validator-option': 7.27.1
+      browserslist: 4.24.5
       lru-cache: 5.1.1
       semver: 6.3.1
 
-  '@babel/helper-create-class-features-plugin@7.26.9(@babel/core@7.26.10)':
+  '@babel/helper-create-class-features-plugin@7.27.1(@babel/core@7.27.3)':
     dependencies:
-      '@babel/core': 7.26.10
-      '@babel/helper-annotate-as-pure': 7.25.9
-      '@babel/helper-member-expression-to-functions': 7.25.9
-      '@babel/helper-optimise-call-expression': 7.25.9
-      '@babel/helper-replace-supers': 7.26.5(@babel/core@7.26.10)
-      '@babel/helper-skip-transparent-expression-wrappers': 7.25.9
-      '@babel/traverse': 7.26.10
+      '@babel/core': 7.27.3
+      '@babel/helper-annotate-as-pure': 7.27.3
+      '@babel/helper-member-expression-to-functions': 7.27.1
+      '@babel/helper-optimise-call-expression': 7.27.1
+      '@babel/helper-replace-supers': 7.27.1(@babel/core@7.27.3)
+      '@babel/helper-skip-transparent-expression-wrappers': 7.27.1
+      '@babel/traverse': 7.27.3
       semver: 6.3.1
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/helper-member-expression-to-functions@7.25.9':
+  '@babel/helper-member-expression-to-functions@7.27.1':
     dependencies:
-      '@babel/traverse': 7.26.10
-      '@babel/types': 7.26.10
+      '@babel/traverse': 7.27.3
+      '@babel/types': 7.27.3
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/helper-module-imports@7.25.9':
+  '@babel/helper-module-imports@7.27.1':
     dependencies:
-      '@babel/traverse': 7.26.10
-      '@babel/types': 7.26.10
+      '@babel/traverse': 7.27.3
+      '@babel/types': 7.27.3
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/helper-module-transforms@7.26.0(@babel/core@7.26.10)':
+  '@babel/helper-module-transforms@7.27.3(@babel/core@7.27.3)':
     dependencies:
-      '@babel/core': 7.26.10
-      '@babel/helper-module-imports': 7.25.9
-      '@babel/helper-validator-identifier': 7.25.9
-      '@babel/traverse': 7.26.10
+      '@babel/core': 7.27.3
+      '@babel/helper-module-imports': 7.27.1
+      '@babel/helper-validator-identifier': 7.27.1
+      '@babel/traverse': 7.27.3
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/helper-optimise-call-expression@7.25.9':
+  '@babel/helper-optimise-call-expression@7.27.1':
     dependencies:
-      '@babel/types': 7.26.10
+      '@babel/types': 7.27.3
 
-  '@babel/helper-plugin-utils@7.26.5': {}
+  '@babel/helper-plugin-utils@7.27.1': {}
 
-  '@babel/helper-replace-supers@7.26.5(@babel/core@7.26.10)':
+  '@babel/helper-replace-supers@7.27.1(@babel/core@7.27.3)':
     dependencies:
-      '@babel/core': 7.26.10
-      '@babel/helper-member-expression-to-functions': 7.25.9
-      '@babel/helper-optimise-call-expression': 7.25.9
-      '@babel/traverse': 7.26.10
+      '@babel/core': 7.27.3
+      '@babel/helper-member-expression-to-functions': 7.27.1
+      '@babel/helper-optimise-call-expression': 7.27.1
+      '@babel/traverse': 7.27.3
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/helper-skip-transparent-expression-wrappers@7.25.9':
+  '@babel/helper-skip-transparent-expression-wrappers@7.27.1':
     dependencies:
-      '@babel/traverse': 7.26.10
-      '@babel/types': 7.26.10
+      '@babel/traverse': 7.27.3
+      '@babel/types': 7.27.3
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/helper-string-parser@7.25.9': {}
+  '@babel/helper-string-parser@7.27.1': {}
 
-  '@babel/helper-validator-identifier@7.25.9': {}
+  '@babel/helper-validator-identifier@7.27.1': {}
 
-  '@babel/helper-validator-option@7.25.9': {}
+  '@babel/helper-validator-option@7.27.1': {}
 
-  '@babel/helpers@7.26.10':
+  '@babel/helpers@7.27.3':
     dependencies:
-      '@babel/template': 7.26.9
-      '@babel/types': 7.26.10
+      '@babel/template': 7.27.2
+      '@babel/types': 7.27.3
 
-  '@babel/parser@7.26.10':
+  '@babel/parser@7.27.3':
     dependencies:
-      '@babel/types': 7.26.10
+      '@babel/types': 7.27.3
 
-  '@babel/plugin-proposal-decorators@7.25.9(@babel/core@7.26.10)':
+  '@babel/plugin-proposal-decorators@7.27.1(@babel/core@7.27.3)':
     dependencies:
-      '@babel/core': 7.26.10
-      '@babel/helper-create-class-features-plugin': 7.26.9(@babel/core@7.26.10)
-      '@babel/helper-plugin-utils': 7.26.5
-      '@babel/plugin-syntax-decorators': 7.25.9(@babel/core@7.26.10)
+      '@babel/core': 7.27.3
+      '@babel/helper-create-class-features-plugin': 7.27.1(@babel/core@7.27.3)
+      '@babel/helper-plugin-utils': 7.27.1
+      '@babel/plugin-syntax-decorators': 7.27.1(@babel/core@7.27.3)
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/plugin-syntax-decorators@7.25.9(@babel/core@7.26.10)':
+  '@babel/plugin-syntax-decorators@7.27.1(@babel/core@7.27.3)':
     dependencies:
-      '@babel/core': 7.26.10
-      '@babel/helper-plugin-utils': 7.26.5
+      '@babel/core': 7.27.3
+      '@babel/helper-plugin-utils': 7.27.1
 
-  '@babel/plugin-syntax-typescript@7.25.9(@babel/core@7.26.10)':
+  '@babel/plugin-syntax-typescript@7.27.1(@babel/core@7.27.3)':
     dependencies:
-      '@babel/core': 7.26.10
-      '@babel/helper-plugin-utils': 7.26.5
+      '@babel/core': 7.27.3
+      '@babel/helper-plugin-utils': 7.27.1
 
-  '@babel/plugin-transform-typescript@7.26.8(@babel/core@7.26.10)':
+  '@babel/plugin-transform-typescript@7.27.1(@babel/core@7.27.3)':
     dependencies:
-      '@babel/core': 7.26.10
-      '@babel/helper-annotate-as-pure': 7.25.9
-      '@babel/helper-create-class-features-plugin': 7.26.9(@babel/core@7.26.10)
-      '@babel/helper-plugin-utils': 7.26.5
-      '@babel/helper-skip-transparent-expression-wrappers': 7.25.9
-      '@babel/plugin-syntax-typescript': 7.25.9(@babel/core@7.26.10)
+      '@babel/core': 7.27.3
+      '@babel/helper-annotate-as-pure': 7.27.3
+      '@babel/helper-create-class-features-plugin': 7.27.1(@babel/core@7.27.3)
+      '@babel/helper-plugin-utils': 7.27.1
+      '@babel/helper-skip-transparent-expression-wrappers': 7.27.1
+      '@babel/plugin-syntax-typescript': 7.27.1(@babel/core@7.27.3)
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/template@7.26.9':
+  '@babel/template@7.27.2':
     dependencies:
-      '@babel/code-frame': 7.26.2
-      '@babel/parser': 7.26.10
-      '@babel/types': 7.26.10
+      '@babel/code-frame': 7.27.1
+      '@babel/parser': 7.27.3
+      '@babel/types': 7.27.3
 
-  '@babel/traverse@7.26.10':
+  '@babel/traverse@7.27.3':
     dependencies:
-      '@babel/code-frame': 7.26.2
-      '@babel/generator': 7.26.10
-      '@babel/parser': 7.26.10
-      '@babel/template': 7.26.9
-      '@babel/types': 7.26.10
-      debug: 4.4.0
+      '@babel/code-frame': 7.27.1
+      '@babel/generator': 7.27.3
+      '@babel/parser': 7.27.3
+      '@babel/template': 7.27.2
+      '@babel/types': 7.27.3
+      debug: 4.4.1
       globals: 11.12.0
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/types@7.26.10':
+  '@babel/types@7.27.3':
     dependencies:
-      '@babel/helper-string-parser': 7.25.9
-      '@babel/helper-validator-identifier': 7.25.9
+      '@babel/helper-string-parser': 7.27.1
+      '@babel/helper-validator-identifier': 7.27.1
 
-  '@csstools/css-parser-algorithms@3.0.4(@csstools/css-tokenizer@3.0.3)':
+  '@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4)':
     dependencies:
-      '@csstools/css-tokenizer': 3.0.3
+      '@csstools/css-tokenizer': 3.0.4
 
-  '@csstools/css-tokenizer@3.0.3': {}
+  '@csstools/css-tokenizer@3.0.4': {}
 
-  '@csstools/media-query-list-parser@4.0.2(@csstools/css-parser-algorithms@3.0.4(@csstools/css-tokenizer@3.0.3))(@csstools/css-tokenizer@3.0.3)':
+  '@csstools/media-query-list-parser@4.0.3(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)':
     dependencies:
-      '@csstools/css-parser-algorithms': 3.0.4(@csstools/css-tokenizer@3.0.3)
-      '@csstools/css-tokenizer': 3.0.3
+      '@csstools/css-parser-algorithms': 3.0.5(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-tokenizer': 3.0.4
 
   '@csstools/selector-specificity@5.0.0(postcss-selector-parser@7.1.0)':
     dependencies:
       postcss-selector-parser: 7.1.0
 
-  '@discourse/lint-configs@2.11.1(ember-template-lint@7.0.1(@babel/core@7.26.10))(eslint@9.22.0)(postcss@8.5.3)(prettier@3.5.3)(stylelint@16.16.0(typescript@5.8.2))':
-    dependencies:
-      '@babel/core': 7.26.10
-      '@babel/eslint-parser': 7.26.10(@babel/core@7.26.10)(eslint@9.22.0)
-      '@babel/plugin-proposal-decorators': 7.25.9(@babel/core@7.26.10)
-      ember-template-lint: 7.0.1(@babel/core@7.26.10)
-      eslint: 9.22.0
-      eslint-plugin-decorator-position: 6.0.0(@babel/eslint-parser@7.26.10(@babel/core@7.26.10)(eslint@9.22.0))(eslint@9.22.0)
-      eslint-plugin-ember: 12.5.0(@babel/core@7.26.10)(eslint@9.22.0)
-      eslint-plugin-import: 2.31.0(eslint@9.22.0)
-      eslint-plugin-qunit: 8.1.2(eslint@9.22.0)
-      eslint-plugin-simple-import-sort: 12.1.1(eslint@9.22.0)
-      eslint-plugin-sort-class-members: 1.21.0(eslint@9.22.0)
-      globals: 16.0.0
+  '@discourse/lint-configs@2.20.0(ember-template-lint@7.7.0(@babel/core@7.27.3))(eslint@9.27.0)(postcss@8.5.3)(prettier@3.5.3)(stylelint@16.19.1(typescript@5.8.3))':
+    dependencies:
+      '@babel/core': 7.27.3
+      '@babel/eslint-parser': 7.27.1(@babel/core@7.27.3)(eslint@9.27.0)
+      '@babel/plugin-proposal-decorators': 7.27.1(@babel/core@7.27.3)
+      ember-template-lint: 7.7.0(@babel/core@7.27.3)
+      eslint: 9.27.0
+      eslint-plugin-decorator-position: 6.0.0(@babel/eslint-parser@7.27.1(@babel/core@7.27.3)(eslint@9.27.0))(eslint@9.27.0)
+      eslint-plugin-ember: 12.5.0(@babel/core@7.27.3)(eslint@9.27.0)
+      eslint-plugin-import: 2.31.0(eslint@9.27.0)
+      eslint-plugin-qunit: 8.1.2(eslint@9.27.0)
+      eslint-plugin-simple-import-sort: 12.1.1(eslint@9.27.0)
+      eslint-plugin-sort-class-members: 1.21.0(eslint@9.27.0)
+      globals: 16.2.0
       prettier: 3.5.3
-      prettier-plugin-ember-template-tag: 2.0.4(prettier@3.5.3)
-      stylelint: 16.16.0(typescript@5.8.2)
-      stylelint-config-standard: 37.0.0(stylelint@16.16.0(typescript@5.8.2))
-      stylelint-config-standard-scss: 14.0.0(postcss@8.5.3)(stylelint@16.16.0(typescript@5.8.2))
-      typescript: 5.8.2
+      prettier-plugin-ember-template-tag: 2.0.5(prettier@3.5.3)
+      stylelint: 16.19.1(typescript@5.8.3)
+      stylelint-config-standard: 38.0.0(stylelint@16.19.1(typescript@5.8.3))
+      stylelint-config-standard-scss: 15.0.1(postcss@8.5.3)(stylelint@16.19.1(typescript@5.8.3))
+      stylelint-scss: 6.12.0(stylelint@16.19.1(typescript@5.8.3))
+      typescript: 5.8.3
     transitivePeerDependencies:
       - '@typescript-eslint/parser'
       - eslint-import-resolver-typescript
@@ -2105,31 +2094,31 @@ snapshots:
 
   '@ember-data/rfc395-data@0.0.4': {}
 
-  '@eslint-community/eslint-utils@4.5.1(eslint@9.22.0)':
+  '@eslint-community/eslint-utils@4.7.0(eslint@9.27.0)':
     dependencies:
-      eslint: 9.22.0
+      eslint: 9.27.0
       eslint-visitor-keys: 3.4.3
 
   '@eslint-community/regexpp@4.12.1': {}
 
-  '@eslint/config-array@0.19.2':
+  '@eslint/config-array@0.20.0':
     dependencies:
       '@eslint/object-schema': 2.1.6
-      debug: 4.4.0
+      debug: 4.4.1
       minimatch: 3.1.2
     transitivePeerDependencies:
       - supports-color
 
-  '@eslint/config-helpers@0.1.0': {}
+  '@eslint/config-helpers@0.2.2': {}
 
-  '@eslint/core@0.12.0':
+  '@eslint/core@0.14.0':
     dependencies:
       '@types/json-schema': 7.0.15
 
-  '@eslint/eslintrc@3.3.0':
+  '@eslint/eslintrc@3.3.1':
     dependencies:
       ajv: 6.12.6
-      debug: 4.4.0
+      debug: 4.4.1
       espree: 10.3.0
       globals: 14.0.0
       ignore: 5.3.2
@@ -2140,13 +2129,13 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@eslint/js@9.22.0': {}
+  '@eslint/js@9.27.0': {}
 
   '@eslint/object-schema@2.1.6': {}
 
-  '@eslint/plugin-kit@0.2.7':
+  '@eslint/plugin-kit@0.3.1':
     dependencies:
-      '@eslint/core': 0.12.0
+      '@eslint/core': 0.14.0
       levn: 0.4.1
 
   '@glimmer/env@0.1.7': {}
@@ -2220,7 +2209,7 @@ snapshots:
 
   '@humanwhocodes/retry@0.3.1': {}
 
-  '@humanwhocodes/retry@0.4.2': {}
+  '@humanwhocodes/retry@0.4.3': {}
 
   '@jridgewell/gen-mapping@0.3.8':
     dependencies:
@@ -2277,10 +2266,10 @@ snapshots:
 
   '@types/eslint@8.56.12':
     dependencies:
-      '@types/estree': 1.0.6
+      '@types/estree': 1.0.7
       '@types/json-schema': 7.0.15
 
-  '@types/estree@1.0.6': {}
+  '@types/estree@1.0.7': {}
 
   '@types/json-schema@7.0.15': {}
 
@@ -2325,7 +2314,7 @@ snapshots:
     dependencies:
       call-bind: 1.0.8
       define-properties: 1.2.1
-      es-abstract: 1.23.9
+      es-abstract: 1.23.10
       es-object-atoms: 1.1.1
       get-intrinsic: 1.3.0
       is-string: 1.1.1
@@ -2337,7 +2326,7 @@ snapshots:
       call-bind: 1.0.8
       call-bound: 1.0.4
       define-properties: 1.2.1
-      es-abstract: 1.23.9
+      es-abstract: 1.23.10
       es-errors: 1.3.0
       es-object-atoms: 1.1.1
       es-shim-unscopables: 1.1.0
@@ -2346,14 +2335,14 @@ snapshots:
     dependencies:
       call-bind: 1.0.8
       define-properties: 1.2.1
-      es-abstract: 1.23.9
+      es-abstract: 1.23.10
       es-shim-unscopables: 1.1.0
 
   array.prototype.flatmap@1.3.3:
     dependencies:
       call-bind: 1.0.8
       define-properties: 1.2.1
-      es-abstract: 1.23.9
+      es-abstract: 1.23.10
       es-shim-unscopables: 1.1.0
 
   arraybuffer.prototype.slice@1.0.4:
@@ -2361,7 +2350,7 @@ snapshots:
       array-buffer-byte-length: 1.0.2
       call-bind: 1.0.8
       define-properties: 1.2.1
-      es-abstract: 1.23.9
+      es-abstract: 1.23.10
       es-errors: 1.3.0
       get-intrinsic: 1.3.0
       is-array-buffer: 3.0.5
@@ -2408,12 +2397,12 @@ snapshots:
     dependencies:
       fill-range: 7.1.1
 
-  browserslist@4.24.4:
+  browserslist@4.24.5:
     dependencies:
-      caniuse-lite: 1.0.30001704
-      electron-to-chromium: 1.5.119
+      caniuse-lite: 1.0.30001718
+      electron-to-chromium: 1.5.159
       node-releases: 2.0.19
-      update-browserslist-db: 1.1.3(browserslist@4.24.4)
+      update-browserslist-db: 1.1.3(browserslist@4.24.5)
 
   buffer@5.7.1:
     dependencies:
@@ -2425,10 +2414,10 @@ snapshots:
       base64-js: 1.5.1
       ieee754: 1.2.1
 
-  cacheable@1.8.9:
+  cacheable@1.9.0:
     dependencies:
-      hookified: 1.8.1
-      keyv: 5.3.1
+      hookified: 1.9.0
+      keyv: 5.3.3
 
   call-bind-apply-helpers@1.0.2:
     dependencies:
@@ -2449,7 +2438,7 @@ snapshots:
 
   callsites@3.1.0: {}
 
-  caniuse-lite@1.0.30001704: {}
+  caniuse-lite@1.0.30001718: {}
 
   chalk@4.1.2:
     dependencies:
@@ -2490,22 +2479,22 @@ snapshots:
 
   content-tag-utils@0.3.1:
     dependencies:
-      content-tag: 3.1.1
+      content-tag: 3.1.3
 
   content-tag@2.0.3: {}
 
-  content-tag@3.1.1: {}
+  content-tag@3.1.3: {}
 
   convert-source-map@2.0.0: {}
 
-  cosmiconfig@9.0.0(typescript@5.8.2):
+  cosmiconfig@9.0.0(typescript@5.8.3):
     dependencies:
       env-paths: 2.2.1
       import-fresh: 3.3.1
       js-yaml: 4.1.0
       parse-json: 5.2.0
     optionalDependencies:
-      typescript: 5.8.2
+      typescript: 5.8.3
 
   cross-spawn@7.0.6:
     dependencies:
@@ -2550,7 +2539,7 @@ snapshots:
     dependencies:
       ms: 2.1.3
 
-  debug@4.4.0:
+  debug@4.4.1:
     dependencies:
       ms: 2.1.3
 
@@ -2591,12 +2580,12 @@ snapshots:
       es-errors: 1.3.0
       gopd: 1.2.0
 
-  electron-to-chromium@1.5.119: {}
+  electron-to-chromium@1.5.159: {}
 
-  ember-eslint-parser@0.5.9(@babel/core@7.26.10)(eslint@9.22.0):
+  ember-eslint-parser@0.5.9(@babel/core@7.27.3)(eslint@9.27.0):
     dependencies:
-      '@babel/core': 7.26.10
-      '@babel/eslint-parser': 7.26.10(@babel/core@7.26.10)(eslint@9.22.0)
+      '@babel/core': 7.27.3
+      '@babel/eslint-parser': 7.27.1(@babel/core@7.27.3)(eslint@9.27.0)
       '@glimmer/syntax': 0.92.3
       content-tag: 2.0.3
       eslint-scope: 7.2.2
@@ -2608,18 +2597,18 @@ snapshots:
 
   ember-rfc176-data@0.3.18: {}
 
-  ember-template-lint@7.0.1(@babel/core@7.26.10):
+  ember-template-lint@7.7.0(@babel/core@7.27.3):
     dependencies:
-      '@babel/generator': 7.26.10
-      '@babel/parser': 7.26.10
-      '@babel/plugin-syntax-typescript': 7.25.9(@babel/core@7.26.10)
-      '@babel/plugin-transform-typescript': 7.26.8(@babel/core@7.26.10)
-      '@babel/traverse': 7.26.10
+      '@babel/generator': 7.27.3
+      '@babel/parser': 7.27.3
+      '@babel/plugin-syntax-typescript': 7.27.1(@babel/core@7.27.3)
+      '@babel/plugin-transform-typescript': 7.27.1(@babel/core@7.27.3)
+      '@babel/traverse': 7.27.3
       '@lint-todo/utils': 13.1.1
       aria-query: 5.3.2
       chalk: 5.4.1
       ci-info: 4.2.0
-      content-tag: 3.1.1
+      content-tag: 3.1.3
       content-tag-utils: 0.3.1
       date-fns: 3.6.0
       ember-template-recast: 6.1.5
@@ -2662,7 +2651,7 @@ snapshots:
     dependencies:
       is-arrayish: 0.2.1
 
-  es-abstract@1.23.9:
+  es-abstract@1.23.10:
     dependencies:
       array-buffer-byte-length: 1.0.2
       arraybuffer.prototype.slice: 1.0.4
@@ -2755,36 +2744,36 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  eslint-module-utils@2.12.0(eslint-import-resolver-node@0.3.9)(eslint@9.22.0):
+  eslint-module-utils@2.12.0(eslint-import-resolver-node@0.3.9)(eslint@9.27.0):
     dependencies:
       debug: 3.2.7
     optionalDependencies:
-      eslint: 9.22.0
+      eslint: 9.27.0
       eslint-import-resolver-node: 0.3.9
     transitivePeerDependencies:
       - supports-color
 
-  eslint-plugin-decorator-position@6.0.0(@babel/eslint-parser@7.26.10(@babel/core@7.26.10)(eslint@9.22.0))(eslint@9.22.0):
+  eslint-plugin-decorator-position@6.0.0(@babel/eslint-parser@7.27.1(@babel/core@7.27.3)(eslint@9.27.0))(eslint@9.27.0):
     dependencies:
-      '@babel/core': 7.26.10
-      '@babel/plugin-proposal-decorators': 7.25.9(@babel/core@7.26.10)
+      '@babel/core': 7.27.3
+      '@babel/plugin-proposal-decorators': 7.27.1(@babel/core@7.27.3)
       '@ember-data/rfc395-data': 0.0.4
       ember-rfc176-data: 0.3.18
-      eslint: 9.22.0
+      eslint: 9.27.0
       snake-case: 3.0.4
     optionalDependencies:
-      '@babel/eslint-parser': 7.26.10(@babel/core@7.26.10)(eslint@9.22.0)
+      '@babel/eslint-parser': 7.27.1(@babel/core@7.27.3)(eslint@9.27.0)
     transitivePeerDependencies:
       - supports-color
 
-  eslint-plugin-ember@12.5.0(@babel/core@7.26.10)(eslint@9.22.0):
+  eslint-plugin-ember@12.5.0(@babel/core@7.27.3)(eslint@9.27.0):
     dependencies:
       '@ember-data/rfc395-data': 0.0.4
       css-tree: 3.1.0
-      ember-eslint-parser: 0.5.9(@babel/core@7.26.10)(eslint@9.22.0)
+      ember-eslint-parser: 0.5.9(@babel/core@7.27.3)(eslint@9.27.0)
       ember-rfc176-data: 0.3.18
-      eslint: 9.22.0
-      eslint-utils: 3.0.0(eslint@9.22.0)
+      eslint: 9.27.0
+      eslint-utils: 3.0.0(eslint@9.27.0)
       estraverse: 5.3.0
       lodash.camelcase: 4.3.0
       lodash.kebabcase: 4.1.1
@@ -2793,7 +2782,7 @@ snapshots:
     transitivePeerDependencies:
       - '@babel/core'
 
-  eslint-plugin-import@2.31.0(eslint@9.22.0):
+  eslint-plugin-import@2.31.0(eslint@9.27.0):
     dependencies:
       '@rtsao/scc': 1.1.0
       array-includes: 3.1.8
@@ -2802,9 +2791,9 @@ snapshots:
       array.prototype.flatmap: 1.3.3
       debug: 3.2.7
       doctrine: 2.1.0
-      eslint: 9.22.0
+      eslint: 9.27.0
       eslint-import-resolver-node: 0.3.9
-      eslint-module-utils: 2.12.0(eslint-import-resolver-node@0.3.9)(eslint@9.22.0)
+      eslint-module-utils: 2.12.0(eslint-import-resolver-node@0.3.9)(eslint@9.27.0)
       hasown: 2.0.2
       is-core-module: 2.16.1
       is-glob: 4.0.3
@@ -2820,20 +2809,20 @@ snapshots:
       - eslint-import-resolver-webpack
       - supports-color
 
-  eslint-plugin-qunit@8.1.2(eslint@9.22.0):
+  eslint-plugin-qunit@8.1.2(eslint@9.27.0):
     dependencies:
-      eslint-utils: 3.0.0(eslint@9.22.0)
+      eslint-utils: 3.0.0(eslint@9.27.0)
       requireindex: 1.2.0
     transitivePeerDependencies:
       - eslint
 
-  eslint-plugin-simple-import-sort@12.1.1(eslint@9.22.0):
+  eslint-plugin-simple-import-sort@12.1.1(eslint@9.27.0):
     dependencies:
-      eslint: 9.22.0
+      eslint: 9.27.0
 
-  eslint-plugin-sort-class-members@1.21.0(eslint@9.22.0):
+  eslint-plugin-sort-class-members@1.21.0(eslint@9.27.0):
     dependencies:
-      eslint: 9.22.0
+      eslint: 9.27.0
 
   eslint-scope@5.1.1:
     dependencies:
@@ -2850,9 +2839,9 @@ snapshots:
       esrecurse: 4.3.0
       estraverse: 5.3.0
 
-  eslint-utils@3.0.0(eslint@9.22.0):
+  eslint-utils@3.0.0(eslint@9.27.0):
     dependencies:
-      eslint: 9.22.0
+      eslint: 9.27.0
       eslint-visitor-keys: 2.1.0
 
   eslint-visitor-keys@2.1.0: {}
@@ -2861,25 +2850,25 @@ snapshots:
 
   eslint-visitor-keys@4.2.0: {}
 
-  eslint@9.22.0:
+  eslint@9.27.0:
     dependencies:
-      '@eslint-community/eslint-utils': 4.5.1(eslint@9.22.0)
+      '@eslint-community/eslint-utils': 4.7.0(eslint@9.27.0)
       '@eslint-community/regexpp': 4.12.1
-      '@eslint/config-array': 0.19.2
-      '@eslint/config-helpers': 0.1.0
-      '@eslint/core': 0.12.0
-      '@eslint/eslintrc': 3.3.0
-      '@eslint/js': 9.22.0
-      '@eslint/plugin-kit': 0.2.7
+      '@eslint/config-array': 0.20.0
+      '@eslint/config-helpers': 0.2.2
+      '@eslint/core': 0.14.0
+      '@eslint/eslintrc': 3.3.1
+      '@eslint/js': 9.27.0
+      '@eslint/plugin-kit': 0.3.1
       '@humanfs/node': 0.16.6
       '@humanwhocodes/module-importer': 1.0.1
-      '@humanwhocodes/retry': 0.4.2
-      '@types/estree': 1.0.6
+      '@humanwhocodes/retry': 0.4.3
+      '@types/estree': 1.0.7
       '@types/json-schema': 7.0.15
       ajv: 6.12.6
       chalk: 4.1.2
       cross-spawn: 7.0.6
-      debug: 4.4.0
+      debug: 4.4.1
       escape-string-regexp: 4.0.0
       eslint-scope: 8.3.0
       eslint-visitor-keys: 4.2.0
@@ -2943,9 +2932,9 @@ snapshots:
     dependencies:
       reusify: 1.1.0
 
-  file-entry-cache@10.0.7:
+  file-entry-cache@10.1.0:
     dependencies:
-      flat-cache: 6.1.7
+      flat-cache: 6.1.9
 
   file-entry-cache@8.0.0:
     dependencies:
@@ -2971,11 +2960,11 @@ snapshots:
       flatted: 3.3.3
       keyv: 4.5.4
 
-  flat-cache@6.1.7:
+  flat-cache@6.1.9:
     dependencies:
-      cacheable: 1.8.9
+      cacheable: 1.9.0
       flatted: 3.3.3
-      hookified: 1.8.1
+      hookified: 1.9.0
 
   flatted@3.3.3: {}
 
@@ -3057,7 +3046,7 @@ snapshots:
 
   globals@14.0.0: {}
 
-  globals@16.0.0: {}
+  globals@16.2.0: {}
 
   globalthis@1.0.4:
     dependencies:
@@ -3077,7 +3066,7 @@ snapshots:
     dependencies:
       '@sindresorhus/merge-streams': 2.3.0
       fast-glob: 3.3.3
-      ignore: 7.0.3
+      ignore: 7.0.4
       path-type: 6.0.0
       slash: 5.1.0
       unicorn-magic: 0.3.0
@@ -3110,7 +3099,7 @@ snapshots:
     dependencies:
       function-bind: 1.1.2
 
-  hookified@1.8.1: {}
+  hookified@1.9.0: {}
 
   html-tags@3.3.1: {}
 
@@ -3118,7 +3107,7 @@ snapshots:
 
   ignore@5.3.2: {}
 
-  ignore@7.0.3: {}
+  ignore@7.0.4: {}
 
   import-fresh@3.3.1:
     dependencies:
@@ -3290,13 +3279,13 @@ snapshots:
     dependencies:
       json-buffer: 3.0.1
 
-  keyv@5.3.1:
+  keyv@5.3.3:
     dependencies:
       '@keyv/serialize': 1.0.3
 
   kind-of@6.0.3: {}
 
-  known-css-properties@0.35.0: {}
+  known-css-properties@0.36.0: {}
 
   language-subtag-registry@0.3.23: {}
 
@@ -3348,7 +3337,7 @@ snapshots:
 
   mdn-data@2.12.2: {}
 
-  mdn-data@2.18.0: {}
+  mdn-data@2.21.0: {}
 
   meow@13.2.0: {}
 
@@ -3371,7 +3360,7 @@ snapshots:
 
   ms@2.1.3: {}
 
-  nanoid@3.3.9: {}
+  nanoid@3.3.11: {}
 
   natural-compare@1.4.0: {}
 
@@ -3401,14 +3390,14 @@ snapshots:
     dependencies:
       call-bind: 1.0.8
       define-properties: 1.2.1
-      es-abstract: 1.23.9
+      es-abstract: 1.23.10
       es-object-atoms: 1.1.1
 
   object.groupby@1.0.3:
     dependencies:
       call-bind: 1.0.8
       define-properties: 1.2.1
-      es-abstract: 1.23.9
+      es-abstract: 1.23.10
 
   object.values@1.2.1:
     dependencies:
@@ -3454,7 +3443,7 @@ snapshots:
 
   p-limit@4.0.0:
     dependencies:
-      yocto-queue: 1.2.0
+      yocto-queue: 1.2.1
 
   p-locate@5.0.0:
     dependencies:
@@ -3470,7 +3459,7 @@ snapshots:
 
   parse-json@5.2.0:
     dependencies:
-      '@babel/code-frame': 7.26.2
+      '@babel/code-frame': 7.27.1
       error-ex: 1.3.2
       json-parse-even-better-errors: 2.3.1
       lines-and-columns: 1.2.4
@@ -3514,16 +3503,16 @@ snapshots:
 
   postcss@8.5.3:
     dependencies:
-      nanoid: 3.3.9
+      nanoid: 3.3.11
       picocolors: 1.1.1
       source-map-js: 1.2.1
 
   prelude-ls@1.2.1: {}
 
-  prettier-plugin-ember-template-tag@2.0.4(prettier@3.5.3):
+  prettier-plugin-ember-template-tag@2.0.5(prettier@3.5.3):
     dependencies:
-      '@babel/core': 7.26.10
-      content-tag: 2.0.3
+      '@babel/core': 7.27.3
+      content-tag: 3.1.3
       prettier: 3.5.3
     transitivePeerDependencies:
       - supports-color
@@ -3550,7 +3539,7 @@ snapshots:
     dependencies:
       call-bind: 1.0.8
       define-properties: 1.2.1
-      es-abstract: 1.23.9
+      es-abstract: 1.23.10
       es-errors: 1.3.0
       es-object-atoms: 1.1.1
       get-intrinsic: 1.3.0
@@ -3709,7 +3698,7 @@ snapshots:
       call-bound: 1.0.4
       define-data-property: 1.1.4
       define-properties: 1.2.1
-      es-abstract: 1.23.9
+      es-abstract: 1.23.10
       es-object-atoms: 1.1.1
       has-property-descriptors: 1.0.2
 
@@ -3738,77 +3727,68 @@ snapshots:
 
   strip-json-comments@3.1.1: {}
 
-  stylelint-config-recommended-scss@14.1.0(postcss@8.5.3)(stylelint@16.16.0(typescript@5.8.2)):
+  stylelint-config-recommended-scss@15.0.1(postcss@8.5.3)(stylelint@16.19.1(typescript@5.8.3)):
     dependencies:
       postcss-scss: 4.0.9(postcss@8.5.3)
-      stylelint: 16.16.0(typescript@5.8.2)
-      stylelint-config-recommended: 14.0.1(stylelint@16.16.0(typescript@5.8.2))
-      stylelint-scss: 6.11.1(stylelint@16.16.0(typescript@5.8.2))
+      stylelint: 16.19.1(typescript@5.8.3)
+      stylelint-config-recommended: 16.0.0(stylelint@16.19.1(typescript@5.8.3))
+      stylelint-scss: 6.12.0(stylelint@16.19.1(typescript@5.8.3))
     optionalDependencies:
       postcss: 8.5.3
 
-  stylelint-config-recommended@14.0.1(stylelint@16.16.0(typescript@5.8.2)):
-    dependencies:
-      stylelint: 16.16.0(typescript@5.8.2)
-
-  stylelint-config-recommended@15.0.0(stylelint@16.16.0(typescript@5.8.2)):
+  stylelint-config-recommended@16.0.0(stylelint@16.19.1(typescript@5.8.3)):
     dependencies:
-      stylelint: 16.16.0(typescript@5.8.2)
+      stylelint: 16.19.1(typescript@5.8.3)
 
-  stylelint-config-standard-scss@14.0.0(postcss@8.5.3)(stylelint@16.16.0(typescript@5.8.2)):
+  stylelint-config-standard-scss@15.0.1(postcss@8.5.3)(stylelint@16.19.1(typescript@5.8.3)):
     dependencies:
-      stylelint: 16.16.0(typescript@5.8.2)
-      stylelint-config-recommended-scss: 14.1.0(postcss@8.5.3)(stylelint@16.16.0(typescript@5.8.2))
-      stylelint-config-standard: 36.0.1(stylelint@16.16.0(typescript@5.8.2))
+      stylelint: 16.19.1(typescript@5.8.3)
+      stylelint-config-recommended-scss: 15.0.1(postcss@8.5.3)(stylelint@16.19.1(typescript@5.8.3))
+      stylelint-config-standard: 38.0.0(stylelint@16.19.1(typescript@5.8.3))
     optionalDependencies:
       postcss: 8.5.3
 
-  stylelint-config-standard@36.0.1(stylelint@16.16.0(typescript@5.8.2)):
-    dependencies:
-      stylelint: 16.16.0(typescript@5.8.2)
-      stylelint-config-recommended: 14.0.1(stylelint@16.16.0(typescript@5.8.2))
-
-  stylelint-config-standard@37.0.0(stylelint@16.16.0(typescript@5.8.2)):
+  stylelint-config-standard@38.0.0(stylelint@16.19.1(typescript@5.8.3)):
     dependencies:
-      stylelint: 16.16.0(typescript@5.8.2)
-      stylelint-config-recommended: 15.0.0(stylelint@16.16.0(typescript@5.8.2))
+      stylelint: 16.19.1(typescript@5.8.3)
+      stylelint-config-recommended: 16.0.0(stylelint@16.19.1(typescript@5.8.3))
 
-  stylelint-scss@6.11.1(stylelint@16.16.0(typescript@5.8.2)):
+  stylelint-scss@6.12.0(stylelint@16.19.1(typescript@5.8.3)):
     dependencies:
       css-tree: 3.1.0
       is-plain-object: 5.0.0
-      known-css-properties: 0.35.0
-      mdn-data: 2.18.0
+      known-css-properties: 0.36.0
+      mdn-data: 2.21.0
       postcss-media-query-parser: 0.2.3
       postcss-resolve-nested-selector: 0.1.6
       postcss-selector-parser: 7.1.0
       postcss-value-parser: 4.2.0
-      stylelint: 16.16.0(typescript@5.8.2)
+      stylelint: 16.19.1(typescript@5.8.3)
 
-  stylelint@16.16.0(typescript@5.8.2):
+  stylelint@16.19.1(typescript@5.8.3):
     dependencies:
-      '@csstools/css-parser-algorithms': 3.0.4(@csstools/css-tokenizer@3.0.3)
-      '@csstools/css-tokenizer': 3.0.3
-      '@csstools/media-query-list-parser': 4.0.2(@csstools/css-parser-algorithms@3.0.4(@csstools/css-tokenizer@3.0.3))(@csstools/css-tokenizer@3.0.3)
+      '@csstools/css-parser-algorithms': 3.0.5(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-tokenizer': 3.0.4
+      '@csstools/media-query-list-parser': 4.0.3(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)
       '@csstools/selector-specificity': 5.0.0(postcss-selector-parser@7.1.0)
       '@dual-bundle/import-meta-resolve': 4.1.0
       balanced-match: 2.0.0
       colord: 2.9.3
-      cosmiconfig: 9.0.0(typescript@5.8.2)
+      cosmiconfig: 9.0.0(typescript@5.8.3)
       css-functions-list: 3.2.3
       css-tree: 3.1.0
-      debug: 4.4.0
+      debug: 4.4.1
       fast-glob: 3.3.3
       fastest-levenshtein: 1.0.16
-      file-entry-cache: 10.0.7
+      file-entry-cache: 10.1.0
       global-modules: 2.0.0
       globby: 11.1.0
       globjoin: 0.1.4
       html-tags: 3.3.1
-      ignore: 7.0.3
+      ignore: 7.0.4
       imurmurhash: 0.1.4
       is-plain-object: 5.0.0
-      known-css-properties: 0.35.0
+      known-css-properties: 0.36.0
       mathml-tag-names: 2.1.3
       meow: 13.2.0
       micromatch: 4.0.8
@@ -3902,7 +3882,7 @@ snapshots:
       possible-typed-array-names: 1.1.0
       reflect.getprototypeof: 1.0.10
 
-  typescript@5.8.2: {}
+  typescript@5.8.3: {}
 
   unbox-primitive@1.1.0:
     dependencies:
@@ -3919,9 +3899,9 @@ snapshots:
 
   upath@2.0.1: {}
 
-  update-browserslist-db@1.1.3(browserslist@4.24.4):
+  update-browserslist-db@1.1.3(browserslist@4.24.5):
     dependencies:
-      browserslist: 4.24.4
+      browserslist: 4.24.5
       escalade: 3.2.0
       picocolors: 1.1.1
 
@@ -4019,4 +3999,4 @@ snapshots:
 
   yocto-queue@0.1.0: {}
 
-  yocto-queue@1.2.0: {}
+  yocto-queue@1.2.1: {}

From 7309c937dddb1933ac66aa2d3e13d071060d30ff Mon Sep 17 00:00:00 2001
From: Jarek Radosz <jarek@cvx.dev>
Date: Thu, 29 May 2025 16:55:06 +0200
Subject: [PATCH 2/3] DEV: [gjs-codemod] Convert all templates to gjs

---
 Gemfile.lock   |   2 +-
 package.json   |   2 +-
 pnpm-lock.yaml | 114 ++++++++++++++++++++++++++++---------------------
 3 files changed, 68 insertions(+), 50 deletions(-)

diff --git a/Gemfile.lock b/Gemfile.lock
index 66e72ffb..89e3c882 100644
--- a/Gemfile.lock
+++ b/Gemfile.lock
@@ -44,7 +44,7 @@ GEM
     rack (3.1.15)
     rainbow (3.1.1)
     regexp_parser (2.10.0)
-    rubocop (1.75.7)
+    rubocop (1.75.8)
       json (~> 2.3)
       language_server-protocol (~> 3.17.0.2)
       lint_roller (~> 1.1.0)
diff --git a/package.json b/package.json
index f6723af0..6c3a7853 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "private": true,
   "devDependencies": {
-    "@discourse/lint-configs": "2.20.0",
+    "@discourse/lint-configs": "2.21.0",
     "ember-template-lint": "7.7.0",
     "eslint": "9.27.0",
     "prettier": "3.5.3",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 2a5246ac..e0912437 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -9,8 +9,8 @@ importers:
   .:
     devDependencies:
       '@discourse/lint-configs':
-        specifier: 2.20.0
-        version: 2.20.0(ember-template-lint@7.7.0(@babel/core@7.27.3))(eslint@9.27.0)(postcss@8.5.3)(prettier@3.5.3)(stylelint@16.19.1(typescript@5.8.3))
+        specifier: 2.21.0
+        version: 2.21.0(ember-template-lint@7.7.0(@babel/core@7.27.3))(eslint@9.27.0)(postcss@8.5.4)(prettier@3.5.3)(stylelint@16.19.1(typescript@5.8.3))
       ember-template-lint:
         specifier: 7.7.0
         version: 7.7.0(@babel/core@7.27.3)
@@ -179,8 +179,8 @@ packages:
     peerDependencies:
       postcss-selector-parser: ^7.0.0
 
-  '@discourse/lint-configs@2.20.0':
-    resolution: {integrity: sha512-1pbwuV7rGKD38UGp51fbt6wAUDgAJ2AYOdICEYsJvp2Kmfs+uxhyPzXQMLceiXg2j9O8f0MDWhTdzGxIVRWPvw==}
+  '@discourse/lint-configs@2.21.0':
+    resolution: {integrity: sha512-QqW6Kr2Kk32AujDj4+esgY3IY/qk9ffJb9ChrHzb/cHbAqUaEEoDKoy/zBQhNC3QrVLLvRCmL9E77gOSrTohJg==}
     peerDependencies:
       ember-template-lint: 7.7.0
       eslint: 9.27.0
@@ -449,8 +449,8 @@ packages:
     resolution: {integrity: sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==}
     engines: {node: '>=8'}
 
-  browserslist@4.24.5:
-    resolution: {integrity: sha512-FDToo4Wo82hIdgc1CQ+NQD0hEhmpPjrZ3hiUgwgOG6IuTdlpr8jdjyG24P6cNP1yJpTLzS5OcGgSw0xmDU1/Tw==}
+  browserslist@4.25.0:
+    resolution: {integrity: sha512-PJ8gYKeS5e/whHBh8xrwYK+dAvEj7JXtz6uTucnMRB8OiGTsKccFekoRrjajPBHV8oOY+2tI4uxeceSimKwMFA==}
     engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
     hasBin: true
 
@@ -479,8 +479,8 @@ packages:
     resolution: {integrity: sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==}
     engines: {node: '>=6'}
 
-  caniuse-lite@1.0.30001718:
-    resolution: {integrity: sha512-AflseV1ahcSunK53NfEs9gFWgOEmzr0f+kaMFA4xiLZlr9Hzt7HxcSpIFcnNCUkz6R6dWKa54rUz3HUmI3nVcw==}
+  caniuse-lite@1.0.30001720:
+    resolution: {integrity: sha512-Ec/2yV2nNPwb4DnTANEV99ZWwm3ZWfdlfkQbWSDDt+PsXEVYwlhPH8tdMaPunYTKKmz7AnHi2oNEi1GcmKCD8g==}
 
   chalk@4.1.2:
     resolution: {integrity: sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==}
@@ -639,8 +639,8 @@ packages:
     resolution: {integrity: sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==}
     engines: {node: '>= 0.4'}
 
-  electron-to-chromium@1.5.159:
-    resolution: {integrity: sha512-CEvHptWAMV5p6GJ0Lq8aheyvVbfzVrv5mmidu1D3pidoVNkB3tTBsTMVtPJ+rzRK5oV229mCLz9Zj/hNvU8GBA==}
+  electron-to-chromium@1.5.161:
+    resolution: {integrity: sha512-hwtetwfKNZo/UlwHIVBlKZVdy7o8bIZxxKs0Mv/ROPiQQQmDgdm5a+KvKtBsxM8ZjFzTaCeLoodZ8jiBE3o9rA==}
 
   ember-eslint-parser@0.5.9:
     resolution: {integrity: sha512-IW4/3cEiFp49M2LiKyzi7VcT1egogOe8UxQ9eUKTooenC7Q4qNhzTD6rOZ8j51m8iJC+8hCzjbNCa3K4CN0Hhg==}
@@ -675,8 +675,8 @@ packages:
   error-ex@1.3.2:
     resolution: {integrity: sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==}
 
-  es-abstract@1.23.10:
-    resolution: {integrity: sha512-MtUbM072wlJNyeYAe0mhzrD+M6DIJa96CZAOBBrhDbgKnB4MApIKefcyAB1eOdYn8cUNZgvwBvEzdoAYsxgEIw==}
+  es-abstract@1.24.0:
+    resolution: {integrity: sha512-WSzPgsdLtTcQwm4CROfS5ju2Wa1QQcVeT37jFjYzdFz1r9ahadC8B8/a4qxJxM+09F18iumCdRmlr96ZYkQvEg==}
     engines: {node: '>= 0.4'}
 
   es-define-property@1.0.1:
@@ -1121,6 +1121,10 @@ packages:
     resolution: {integrity: sha512-1Qed0/Hr2m+YqxnM09CjA2d/i6YZNfF6R2oRAOj36eUdS6qIV/huPJNSEpKbupewFs+ZsJlxsjjPbc0/afW6Lw==}
     engines: {node: '>= 0.4'}
 
+  is-negative-zero@2.0.3:
+    resolution: {integrity: sha512-5KoIu2Ngpyek75jXodFvnafB6DJgr3u8uuK0LEZJjrU19DrMD3EVERaR8sjz8CCGgpZvxPl9SuE1GMVPFHx1mw==}
+    engines: {node: '>= 0.4'}
+
   is-number-object@1.1.1:
     resolution: {integrity: sha512-lZhclumE1G6VYD8VHe35wFaIif+CTy5SJIi5+3y4psDgWu4wPDoBhF8NxUOinEc7pHgiTsT6MaBb92rKhhD+Xw==}
     engines: {node: '>= 0.4'}
@@ -1460,8 +1464,8 @@ packages:
   postcss-value-parser@4.2.0:
     resolution: {integrity: sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==}
 
-  postcss@8.5.3:
-    resolution: {integrity: sha512-dle9A3yYxlBSrt8Fu+IpjGT8SY8hN0mlaA6GY8t0P5PjIOZemULz/E2Bnm/2dcUOena75OTNkHI76uZBNUUq3A==}
+  postcss@8.5.4:
+    resolution: {integrity: sha512-QSa9EBe+uwlGTFmHsPKokv3B/oEMQZxfqW0QqNCyhpa6mB1afzulwn8hihglqAb2pOw+BJgNlmXQ8la2VeHB7w==}
     engines: {node: ^10 || ^12 || >=14}
 
   prelude-ls@1.2.1:
@@ -1625,6 +1629,10 @@ packages:
     resolution: {integrity: sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==}
     engines: {node: '>=0.10.0'}
 
+  stop-iteration-iterator@1.1.0:
+    resolution: {integrity: sha512-eLoXW/DHyl62zxY4SCaIgnRhuMr6ri4juEYARS8E6sCEqzKpOiE521Ucofdx+KnDZl5xmvGYaaKCk5FEOxJCoQ==}
+    engines: {node: '>= 0.4'}
+
   string-width@4.2.3:
     resolution: {integrity: sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==}
     engines: {node: '>=8'}
@@ -1917,7 +1925,7 @@ snapshots:
     dependencies:
       '@babel/compat-data': 7.27.3
       '@babel/helper-validator-option': 7.27.1
-      browserslist: 4.24.5
+      browserslist: 4.25.0
       lru-cache: 5.1.1
       semver: 6.3.1
 
@@ -2062,7 +2070,7 @@ snapshots:
     dependencies:
       postcss-selector-parser: 7.1.0
 
-  '@discourse/lint-configs@2.20.0(ember-template-lint@7.7.0(@babel/core@7.27.3))(eslint@9.27.0)(postcss@8.5.3)(prettier@3.5.3)(stylelint@16.19.1(typescript@5.8.3))':
+  '@discourse/lint-configs@2.21.0(ember-template-lint@7.7.0(@babel/core@7.27.3))(eslint@9.27.0)(postcss@8.5.4)(prettier@3.5.3)(stylelint@16.19.1(typescript@5.8.3))':
     dependencies:
       '@babel/core': 7.27.3
       '@babel/eslint-parser': 7.27.1(@babel/core@7.27.3)(eslint@9.27.0)
@@ -2080,7 +2088,7 @@ snapshots:
       prettier-plugin-ember-template-tag: 2.0.5(prettier@3.5.3)
       stylelint: 16.19.1(typescript@5.8.3)
       stylelint-config-standard: 38.0.0(stylelint@16.19.1(typescript@5.8.3))
-      stylelint-config-standard-scss: 15.0.1(postcss@8.5.3)(stylelint@16.19.1(typescript@5.8.3))
+      stylelint-config-standard-scss: 15.0.1(postcss@8.5.4)(stylelint@16.19.1(typescript@5.8.3))
       stylelint-scss: 6.12.0(stylelint@16.19.1(typescript@5.8.3))
       typescript: 5.8.3
     transitivePeerDependencies:
@@ -2314,7 +2322,7 @@ snapshots:
     dependencies:
       call-bind: 1.0.8
       define-properties: 1.2.1
-      es-abstract: 1.23.10
+      es-abstract: 1.24.0
       es-object-atoms: 1.1.1
       get-intrinsic: 1.3.0
       is-string: 1.1.1
@@ -2326,7 +2334,7 @@ snapshots:
       call-bind: 1.0.8
       call-bound: 1.0.4
       define-properties: 1.2.1
-      es-abstract: 1.23.10
+      es-abstract: 1.24.0
       es-errors: 1.3.0
       es-object-atoms: 1.1.1
       es-shim-unscopables: 1.1.0
@@ -2335,14 +2343,14 @@ snapshots:
     dependencies:
       call-bind: 1.0.8
       define-properties: 1.2.1
-      es-abstract: 1.23.10
+      es-abstract: 1.24.0
       es-shim-unscopables: 1.1.0
 
   array.prototype.flatmap@1.3.3:
     dependencies:
       call-bind: 1.0.8
       define-properties: 1.2.1
-      es-abstract: 1.23.10
+      es-abstract: 1.24.0
       es-shim-unscopables: 1.1.0
 
   arraybuffer.prototype.slice@1.0.4:
@@ -2350,7 +2358,7 @@ snapshots:
       array-buffer-byte-length: 1.0.2
       call-bind: 1.0.8
       define-properties: 1.2.1
-      es-abstract: 1.23.10
+      es-abstract: 1.24.0
       es-errors: 1.3.0
       get-intrinsic: 1.3.0
       is-array-buffer: 3.0.5
@@ -2397,12 +2405,12 @@ snapshots:
     dependencies:
       fill-range: 7.1.1
 
-  browserslist@4.24.5:
+  browserslist@4.25.0:
     dependencies:
-      caniuse-lite: 1.0.30001718
-      electron-to-chromium: 1.5.159
+      caniuse-lite: 1.0.30001720
+      electron-to-chromium: 1.5.161
       node-releases: 2.0.19
-      update-browserslist-db: 1.1.3(browserslist@4.24.5)
+      update-browserslist-db: 1.1.3(browserslist@4.25.0)
 
   buffer@5.7.1:
     dependencies:
@@ -2438,7 +2446,7 @@ snapshots:
 
   callsites@3.1.0: {}
 
-  caniuse-lite@1.0.30001718: {}
+  caniuse-lite@1.0.30001720: {}
 
   chalk@4.1.2:
     dependencies:
@@ -2580,7 +2588,7 @@ snapshots:
       es-errors: 1.3.0
       gopd: 1.2.0
 
-  electron-to-chromium@1.5.159: {}
+  electron-to-chromium@1.5.161: {}
 
   ember-eslint-parser@0.5.9(@babel/core@7.27.3)(eslint@9.27.0):
     dependencies:
@@ -2651,7 +2659,7 @@ snapshots:
     dependencies:
       is-arrayish: 0.2.1
 
-  es-abstract@1.23.10:
+  es-abstract@1.24.0:
     dependencies:
       array-buffer-byte-length: 1.0.2
       arraybuffer.prototype.slice: 1.0.4
@@ -2680,7 +2688,9 @@ snapshots:
       is-array-buffer: 3.0.5
       is-callable: 1.2.7
       is-data-view: 1.0.2
+      is-negative-zero: 2.0.3
       is-regex: 1.2.1
+      is-set: 2.0.3
       is-shared-array-buffer: 1.0.4
       is-string: 1.1.1
       is-typed-array: 1.1.15
@@ -2695,6 +2705,7 @@ snapshots:
       safe-push-apply: 1.0.0
       safe-regex-test: 1.1.0
       set-proto: 1.0.0
+      stop-iteration-iterator: 1.1.0
       string.prototype.trim: 1.2.10
       string.prototype.trimend: 1.0.9
       string.prototype.trimstart: 1.0.8
@@ -3191,6 +3202,8 @@ snapshots:
 
   is-map@2.0.3: {}
 
+  is-negative-zero@2.0.3: {}
+
   is-number-object@1.1.1:
     dependencies:
       call-bound: 1.0.4
@@ -3390,14 +3403,14 @@ snapshots:
     dependencies:
       call-bind: 1.0.8
       define-properties: 1.2.1
-      es-abstract: 1.23.10
+      es-abstract: 1.24.0
       es-object-atoms: 1.1.1
 
   object.groupby@1.0.3:
     dependencies:
       call-bind: 1.0.8
       define-properties: 1.2.1
-      es-abstract: 1.23.10
+      es-abstract: 1.24.0
 
   object.values@1.2.1:
     dependencies:
@@ -3486,13 +3499,13 @@ snapshots:
 
   postcss-resolve-nested-selector@0.1.6: {}
 
-  postcss-safe-parser@7.0.1(postcss@8.5.3):
+  postcss-safe-parser@7.0.1(postcss@8.5.4):
     dependencies:
-      postcss: 8.5.3
+      postcss: 8.5.4
 
-  postcss-scss@4.0.9(postcss@8.5.3):
+  postcss-scss@4.0.9(postcss@8.5.4):
     dependencies:
-      postcss: 8.5.3
+      postcss: 8.5.4
 
   postcss-selector-parser@7.1.0:
     dependencies:
@@ -3501,7 +3514,7 @@ snapshots:
 
   postcss-value-parser@4.2.0: {}
 
-  postcss@8.5.3:
+  postcss@8.5.4:
     dependencies:
       nanoid: 3.3.11
       picocolors: 1.1.1
@@ -3539,7 +3552,7 @@ snapshots:
     dependencies:
       call-bind: 1.0.8
       define-properties: 1.2.1
-      es-abstract: 1.23.10
+      es-abstract: 1.24.0
       es-errors: 1.3.0
       es-object-atoms: 1.1.1
       get-intrinsic: 1.3.0
@@ -3686,6 +3699,11 @@ snapshots:
 
   source-map-js@1.2.1: {}
 
+  stop-iteration-iterator@1.1.0:
+    dependencies:
+      es-errors: 1.3.0
+      internal-slot: 1.1.0
+
   string-width@4.2.3:
     dependencies:
       emoji-regex: 8.0.0
@@ -3698,7 +3716,7 @@ snapshots:
       call-bound: 1.0.4
       define-data-property: 1.1.4
       define-properties: 1.2.1
-      es-abstract: 1.23.10
+      es-abstract: 1.24.0
       es-object-atoms: 1.1.1
       has-property-descriptors: 1.0.2
 
@@ -3727,26 +3745,26 @@ snapshots:
 
   strip-json-comments@3.1.1: {}
 
-  stylelint-config-recommended-scss@15.0.1(postcss@8.5.3)(stylelint@16.19.1(typescript@5.8.3)):
+  stylelint-config-recommended-scss@15.0.1(postcss@8.5.4)(stylelint@16.19.1(typescript@5.8.3)):
     dependencies:
-      postcss-scss: 4.0.9(postcss@8.5.3)
+      postcss-scss: 4.0.9(postcss@8.5.4)
       stylelint: 16.19.1(typescript@5.8.3)
       stylelint-config-recommended: 16.0.0(stylelint@16.19.1(typescript@5.8.3))
       stylelint-scss: 6.12.0(stylelint@16.19.1(typescript@5.8.3))
     optionalDependencies:
-      postcss: 8.5.3
+      postcss: 8.5.4
 
   stylelint-config-recommended@16.0.0(stylelint@16.19.1(typescript@5.8.3)):
     dependencies:
       stylelint: 16.19.1(typescript@5.8.3)
 
-  stylelint-config-standard-scss@15.0.1(postcss@8.5.3)(stylelint@16.19.1(typescript@5.8.3)):
+  stylelint-config-standard-scss@15.0.1(postcss@8.5.4)(stylelint@16.19.1(typescript@5.8.3)):
     dependencies:
       stylelint: 16.19.1(typescript@5.8.3)
-      stylelint-config-recommended-scss: 15.0.1(postcss@8.5.3)(stylelint@16.19.1(typescript@5.8.3))
+      stylelint-config-recommended-scss: 15.0.1(postcss@8.5.4)(stylelint@16.19.1(typescript@5.8.3))
       stylelint-config-standard: 38.0.0(stylelint@16.19.1(typescript@5.8.3))
     optionalDependencies:
-      postcss: 8.5.3
+      postcss: 8.5.4
 
   stylelint-config-standard@38.0.0(stylelint@16.19.1(typescript@5.8.3)):
     dependencies:
@@ -3794,9 +3812,9 @@ snapshots:
       micromatch: 4.0.8
       normalize-path: 3.0.0
       picocolors: 1.1.1
-      postcss: 8.5.3
+      postcss: 8.5.4
       postcss-resolve-nested-selector: 0.1.6
-      postcss-safe-parser: 7.0.1(postcss@8.5.3)
+      postcss-safe-parser: 7.0.1(postcss@8.5.4)
       postcss-selector-parser: 7.1.0
       postcss-value-parser: 4.2.0
       resolve-from: 5.0.0
@@ -3899,9 +3917,9 @@ snapshots:
 
   upath@2.0.1: {}
 
-  update-browserslist-db@1.1.3(browserslist@4.24.5):
+  update-browserslist-db@1.1.3(browserslist@4.25.0):
     dependencies:
-      browserslist: 4.24.5
+      browserslist: 4.25.0
       escalade: 3.2.0
       picocolors: 1.1.1
 

From cd2b858fd5597880523ddf698ef68acf6d3cee11 Mon Sep 17 00:00:00 2001
From: Jarek Radosz <jarek@cvx.dev>
Date: Sat, 31 May 2025 00:56:58 +0200
Subject: [PATCH 3/3] DEV: Update linting config and run gjs-codemod

---
 .discourse-compatibility |   1 +
 Gemfile.lock             |   6 +-
 package.json             |   6 +-
 pnpm-lock.yaml           | 268 +++++++++++++++++++--------------------
 4 files changed, 141 insertions(+), 140 deletions(-)

diff --git a/.discourse-compatibility b/.discourse-compatibility
index 63feb835..83dd8747 100644
--- a/.discourse-compatibility
+++ b/.discourse-compatibility
@@ -1,3 +1,4 @@
+< 3.5.0.beta5-dev: 7309c937dddb1933ac66aa2d3e13d071060d30ff
 < 3.5.0.beta1-dev: b4f7be4274ada9400238f8692e705669034c1709
 < 3.4.0.beta2-dev: 692f410ab59e329d0aaf537cd772698f83c32a8a
 < 3.4.0.beta1-dev: bb96d77056a9ef842e01e46fd980320d427073ad
diff --git a/Gemfile.lock b/Gemfile.lock
index 89e3c882..8cc089a7 100644
--- a/Gemfile.lock
+++ b/Gemfile.lock
@@ -21,9 +21,9 @@ GEM
       tzinfo (~> 2.0, >= 2.0.5)
       uri (>= 0.13.1)
     ast (2.4.3)
-    base64 (0.2.0)
-    benchmark (0.4.0)
-    bigdecimal (3.1.9)
+    base64 (0.3.0)
+    benchmark (0.4.1)
+    bigdecimal (3.2.0)
     concurrent-ruby (1.3.5)
     connection_pool (2.5.3)
     drb (2.2.3)
diff --git a/package.json b/package.json
index 6c3a7853..d49f363a 100644
--- a/package.json
+++ b/package.json
@@ -1,11 +1,11 @@
 {
   "private": true,
   "devDependencies": {
-    "@discourse/lint-configs": "2.21.0",
+    "@discourse/lint-configs": "2.23.0",
     "ember-template-lint": "7.7.0",
-    "eslint": "9.27.0",
+    "eslint": "9.28.0",
     "prettier": "3.5.3",
-    "stylelint": "16.19.1"
+    "stylelint": "16.20.0"
   },
   "engines": {
     "node": ">= 22",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index e0912437..702c80a7 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -9,20 +9,20 @@ importers:
   .:
     devDependencies:
       '@discourse/lint-configs':
-        specifier: 2.21.0
-        version: 2.21.0(ember-template-lint@7.7.0(@babel/core@7.27.3))(eslint@9.27.0)(postcss@8.5.4)(prettier@3.5.3)(stylelint@16.19.1(typescript@5.8.3))
+        specifier: 2.23.0
+        version: 2.23.0(ember-template-lint@7.7.0(@babel/core@7.27.4))(eslint@9.28.0)(postcss@8.5.4)(prettier@3.5.3)(stylelint@16.20.0(typescript@5.8.3))
       ember-template-lint:
         specifier: 7.7.0
-        version: 7.7.0(@babel/core@7.27.3)
+        version: 7.7.0(@babel/core@7.27.4)
       eslint:
-        specifier: 9.27.0
-        version: 9.27.0
+        specifier: 9.28.0
+        version: 9.28.0
       prettier:
         specifier: 3.5.3
         version: 3.5.3
       stylelint:
-        specifier: 16.19.1
-        version: 16.19.1(typescript@5.8.3)
+        specifier: 16.20.0
+        version: 16.20.0(typescript@5.8.3)
 
 packages:
 
@@ -38,8 +38,8 @@ packages:
     resolution: {integrity: sha512-V42wFfx1ymFte+ecf6iXghnnP8kWTO+ZLXIyZq+1LAXHHvTZdVxicn4yiVYdYMGaCO3tmqub11AorKkv+iodqw==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/core@7.27.3':
-    resolution: {integrity: sha512-hyrN8ivxfvJ4i0fIJuV4EOlV0WDMz5Ui4StRTgVaAvWeiRCilXgwVvxJKtFQ3TKtHgJscB2YiXKGNJuVwhQMtA==}
+  '@babel/core@7.27.4':
+    resolution: {integrity: sha512-bXYxrXFubeYdvB0NhD/NBB3Qi6aZeV20GOWVI47t2dkecCEoneR4NPVcb7abpXDEvejgrUfFtG6vG/zxAKmg+g==}
     engines: {node: '>=6.9.0'}
 
   '@babel/eslint-parser@7.27.1':
@@ -111,12 +111,12 @@ packages:
     resolution: {integrity: sha512-YvjJow9FxbhFFKDSuFnVCe2WxXk1zWc22fFePVNEaWJEu8IrZVlda6N0uHwzZrUM1il7NC9Mlp4MaJYbYd9JSg==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helpers@7.27.3':
-    resolution: {integrity: sha512-h/eKy9agOya1IGuLaZ9tEUgz+uIRXcbtOhRtUyyMf8JFmn1iT13vnl/IGVWSkdOCG/pC57U4S1jnAabAavTMwg==}
+  '@babel/helpers@7.27.4':
+    resolution: {integrity: sha512-Y+bO6U+I7ZKaM5G5rDUZiYfUvQPUibYmAFe7EnKdnKBbVXDZxvp+MWOH5gYciY0EPk4EScsuFMQBbEfpdRKSCQ==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/parser@7.27.3':
-    resolution: {integrity: sha512-xyYxRj6+tLNDTWi0KCBcZ9V7yg3/lwL9DWh9Uwh/RIVlIfFidggcgxKX3GCXwCiswwcGRawBKbEg2LG/Y8eJhw==}
+  '@babel/parser@7.27.4':
+    resolution: {integrity: sha512-BRmLHGwpUqLFR2jzx9orBuX/ABDkj2jLKOXrHDTN2aOKL+jFDDKaRNo9nyYsIl9h/UE/7lMKdDjKQQyxKKDZ7g==}
     engines: {node: '>=6.0.0'}
     hasBin: true
 
@@ -148,8 +148,8 @@ packages:
     resolution: {integrity: sha512-LPDZ85aEJyYSd18/DkjNh4/y1ntkE5KwUHWTiqgRxruuZL2F1yuHligVHLvcHY2vMHXttKFpJn6LwfI7cw7ODw==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/traverse@7.27.3':
-    resolution: {integrity: sha512-lId/IfN/Ye1CIu8xG7oKBHXd2iNb2aW1ilPszzGcJug6M8RCKfVNcYhpI5+bMvFYjK7lXIM0R+a+6r8xhHp2FQ==}
+  '@babel/traverse@7.27.4':
+    resolution: {integrity: sha512-oNcu2QbHqts9BtOWJosOVJapWjBDSxGCpFvikNR5TGDYDQf3JwpIoMzIKrvfoti93cLfPJEG4tH9SPVeyCGgdA==}
     engines: {node: '>=6.9.0'}
 
   '@babel/types@7.27.3':
@@ -179,13 +179,13 @@ packages:
     peerDependencies:
       postcss-selector-parser: ^7.0.0
 
-  '@discourse/lint-configs@2.21.0':
-    resolution: {integrity: sha512-QqW6Kr2Kk32AujDj4+esgY3IY/qk9ffJb9ChrHzb/cHbAqUaEEoDKoy/zBQhNC3QrVLLvRCmL9E77gOSrTohJg==}
+  '@discourse/lint-configs@2.23.0':
+    resolution: {integrity: sha512-3V6imqOtbSM/Xa+gmpBReY1GurrrQFcLFxMHWitDVKwzjZ+zDUZx/RkRlG8ZquWZNqF58Wp/DQQNifo4LZkIJA==}
     peerDependencies:
       ember-template-lint: 7.7.0
-      eslint: 9.27.0
+      eslint: 9.28.0
       prettier: 3.5.3
-      stylelint: 16.19.1
+      stylelint: 16.20.0
 
   '@dual-bundle/import-meta-resolve@4.1.0':
     resolution: {integrity: sha512-+nxncfwHM5SgAtrVzgpzJOI1ol0PkumhVo469KCf9lUi21IGcY90G98VuHm9VRrUypmAzawAHO9bs6hqeADaVg==}
@@ -219,8 +219,8 @@ packages:
     resolution: {integrity: sha512-gtF186CXhIl1p4pJNGZw8Yc6RlshoePRvE0X91oPGb3vZ8pM3qOS9W9NGPat9LziaBV7XrJWGylNQXkGcnM3IQ==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@eslint/js@9.27.0':
-    resolution: {integrity: sha512-G5JD9Tu5HJEu4z2Uo4aHY2sLV64B7CDMXxFzqzjl3NKd6RVzSXNoE80jk7Y0lJkTTkjiIhBAqmlYwjuBY3tvpA==}
+  '@eslint/js@9.28.0':
+    resolution: {integrity: sha512-fnqSjGWd/CoIp4EXIxWVK/sHA6DOHN4+8Ix2cX5ycOY7LG0UY8nHCU5pIp2eaE1Mc7Qd8kHspYNzYXT2ojPLzg==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
   '@eslint/object-schema@2.1.6':
@@ -813,8 +813,8 @@ packages:
     resolution: {integrity: sha512-UyLnSehNt62FFhSwjZlHmeokpRK59rcz29j+F1/aDgbkbRTk7wIc9XzdoasMUbRNKDM0qQt/+BJ4BrpFeABemw==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  eslint@9.27.0:
-    resolution: {integrity: sha512-ixRawFQuMB9DZ7fjU3iGGganFDp3+45bPOdaRurcFHSXO1e/sYwUX/FtQZpLZJR6SjMoJH8hR2pPEAfDyCoU2Q==}
+  eslint@9.28.0:
+    resolution: {integrity: sha512-ocgh41VhRlf9+fVpe7QKzwLj9c92fDiqOj8Y3Sd4/ZmVA4Btx4PlUYPq4pp9JDyupkf1upbEXecxL2mwNV7jPQ==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     hasBin: true
     peerDependencies:
@@ -1702,8 +1702,8 @@ packages:
     peerDependencies:
       stylelint: ^16.0.2
 
-  stylelint@16.19.1:
-    resolution: {integrity: sha512-C1SlPZNMKl+d/C867ZdCRthrS+6KuZ3AoGW113RZCOL0M8xOGpgx7G70wq7lFvqvm4dcfdGFVLB/mNaLFChRKw==}
+  stylelint@16.20.0:
+    resolution: {integrity: sha512-B5Myu9WRxrgKuLs3YyUXLP2H0mrbejwNxPmyADlACWwFsrL8Bmor/nTSh4OMae5sHjOz6gkSeccQH34gM4/nAw==}
     engines: {node: '>=18.12.0'}
     hasBin: true
 
@@ -1881,17 +1881,17 @@ snapshots:
 
   '@babel/compat-data@7.27.3': {}
 
-  '@babel/core@7.27.3':
+  '@babel/core@7.27.4':
     dependencies:
       '@ampproject/remapping': 2.3.0
       '@babel/code-frame': 7.27.1
       '@babel/generator': 7.27.3
       '@babel/helper-compilation-targets': 7.27.2
-      '@babel/helper-module-transforms': 7.27.3(@babel/core@7.27.3)
-      '@babel/helpers': 7.27.3
-      '@babel/parser': 7.27.3
+      '@babel/helper-module-transforms': 7.27.3(@babel/core@7.27.4)
+      '@babel/helpers': 7.27.4
+      '@babel/parser': 7.27.4
       '@babel/template': 7.27.2
-      '@babel/traverse': 7.27.3
+      '@babel/traverse': 7.27.4
       '@babel/types': 7.27.3
       convert-source-map: 2.0.0
       debug: 4.4.1
@@ -1901,17 +1901,17 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/eslint-parser@7.27.1(@babel/core@7.27.3)(eslint@9.27.0)':
+  '@babel/eslint-parser@7.27.1(@babel/core@7.27.4)(eslint@9.28.0)':
     dependencies:
-      '@babel/core': 7.27.3
+      '@babel/core': 7.27.4
       '@nicolo-ribaudo/eslint-scope-5-internals': 5.1.1-v1
-      eslint: 9.27.0
+      eslint: 9.28.0
       eslint-visitor-keys: 2.1.0
       semver: 6.3.1
 
   '@babel/generator@7.27.3':
     dependencies:
-      '@babel/parser': 7.27.3
+      '@babel/parser': 7.27.4
       '@babel/types': 7.27.3
       '@jridgewell/gen-mapping': 0.3.8
       '@jridgewell/trace-mapping': 0.3.25
@@ -1929,39 +1929,39 @@ snapshots:
       lru-cache: 5.1.1
       semver: 6.3.1
 
-  '@babel/helper-create-class-features-plugin@7.27.1(@babel/core@7.27.3)':
+  '@babel/helper-create-class-features-plugin@7.27.1(@babel/core@7.27.4)':
     dependencies:
-      '@babel/core': 7.27.3
+      '@babel/core': 7.27.4
       '@babel/helper-annotate-as-pure': 7.27.3
       '@babel/helper-member-expression-to-functions': 7.27.1
       '@babel/helper-optimise-call-expression': 7.27.1
-      '@babel/helper-replace-supers': 7.27.1(@babel/core@7.27.3)
+      '@babel/helper-replace-supers': 7.27.1(@babel/core@7.27.4)
       '@babel/helper-skip-transparent-expression-wrappers': 7.27.1
-      '@babel/traverse': 7.27.3
+      '@babel/traverse': 7.27.4
       semver: 6.3.1
     transitivePeerDependencies:
       - supports-color
 
   '@babel/helper-member-expression-to-functions@7.27.1':
     dependencies:
-      '@babel/traverse': 7.27.3
+      '@babel/traverse': 7.27.4
       '@babel/types': 7.27.3
     transitivePeerDependencies:
       - supports-color
 
   '@babel/helper-module-imports@7.27.1':
     dependencies:
-      '@babel/traverse': 7.27.3
+      '@babel/traverse': 7.27.4
       '@babel/types': 7.27.3
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/helper-module-transforms@7.27.3(@babel/core@7.27.3)':
+  '@babel/helper-module-transforms@7.27.3(@babel/core@7.27.4)':
     dependencies:
-      '@babel/core': 7.27.3
+      '@babel/core': 7.27.4
       '@babel/helper-module-imports': 7.27.1
       '@babel/helper-validator-identifier': 7.27.1
-      '@babel/traverse': 7.27.3
+      '@babel/traverse': 7.27.4
     transitivePeerDependencies:
       - supports-color
 
@@ -1971,18 +1971,18 @@ snapshots:
 
   '@babel/helper-plugin-utils@7.27.1': {}
 
-  '@babel/helper-replace-supers@7.27.1(@babel/core@7.27.3)':
+  '@babel/helper-replace-supers@7.27.1(@babel/core@7.27.4)':
     dependencies:
-      '@babel/core': 7.27.3
+      '@babel/core': 7.27.4
       '@babel/helper-member-expression-to-functions': 7.27.1
       '@babel/helper-optimise-call-expression': 7.27.1
-      '@babel/traverse': 7.27.3
+      '@babel/traverse': 7.27.4
     transitivePeerDependencies:
       - supports-color
 
   '@babel/helper-skip-transparent-expression-wrappers@7.27.1':
     dependencies:
-      '@babel/traverse': 7.27.3
+      '@babel/traverse': 7.27.4
       '@babel/types': 7.27.3
     transitivePeerDependencies:
       - supports-color
@@ -1993,56 +1993,56 @@ snapshots:
 
   '@babel/helper-validator-option@7.27.1': {}
 
-  '@babel/helpers@7.27.3':
+  '@babel/helpers@7.27.4':
     dependencies:
       '@babel/template': 7.27.2
       '@babel/types': 7.27.3
 
-  '@babel/parser@7.27.3':
+  '@babel/parser@7.27.4':
     dependencies:
       '@babel/types': 7.27.3
 
-  '@babel/plugin-proposal-decorators@7.27.1(@babel/core@7.27.3)':
+  '@babel/plugin-proposal-decorators@7.27.1(@babel/core@7.27.4)':
     dependencies:
-      '@babel/core': 7.27.3
-      '@babel/helper-create-class-features-plugin': 7.27.1(@babel/core@7.27.3)
+      '@babel/core': 7.27.4
+      '@babel/helper-create-class-features-plugin': 7.27.1(@babel/core@7.27.4)
       '@babel/helper-plugin-utils': 7.27.1
-      '@babel/plugin-syntax-decorators': 7.27.1(@babel/core@7.27.3)
+      '@babel/plugin-syntax-decorators': 7.27.1(@babel/core@7.27.4)
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/plugin-syntax-decorators@7.27.1(@babel/core@7.27.3)':
+  '@babel/plugin-syntax-decorators@7.27.1(@babel/core@7.27.4)':
     dependencies:
-      '@babel/core': 7.27.3
+      '@babel/core': 7.27.4
       '@babel/helper-plugin-utils': 7.27.1
 
-  '@babel/plugin-syntax-typescript@7.27.1(@babel/core@7.27.3)':
+  '@babel/plugin-syntax-typescript@7.27.1(@babel/core@7.27.4)':
     dependencies:
-      '@babel/core': 7.27.3
+      '@babel/core': 7.27.4
       '@babel/helper-plugin-utils': 7.27.1
 
-  '@babel/plugin-transform-typescript@7.27.1(@babel/core@7.27.3)':
+  '@babel/plugin-transform-typescript@7.27.1(@babel/core@7.27.4)':
     dependencies:
-      '@babel/core': 7.27.3
+      '@babel/core': 7.27.4
       '@babel/helper-annotate-as-pure': 7.27.3
-      '@babel/helper-create-class-features-plugin': 7.27.1(@babel/core@7.27.3)
+      '@babel/helper-create-class-features-plugin': 7.27.1(@babel/core@7.27.4)
       '@babel/helper-plugin-utils': 7.27.1
       '@babel/helper-skip-transparent-expression-wrappers': 7.27.1
-      '@babel/plugin-syntax-typescript': 7.27.1(@babel/core@7.27.3)
+      '@babel/plugin-syntax-typescript': 7.27.1(@babel/core@7.27.4)
     transitivePeerDependencies:
       - supports-color
 
   '@babel/template@7.27.2':
     dependencies:
       '@babel/code-frame': 7.27.1
-      '@babel/parser': 7.27.3
+      '@babel/parser': 7.27.4
       '@babel/types': 7.27.3
 
-  '@babel/traverse@7.27.3':
+  '@babel/traverse@7.27.4':
     dependencies:
       '@babel/code-frame': 7.27.1
       '@babel/generator': 7.27.3
-      '@babel/parser': 7.27.3
+      '@babel/parser': 7.27.4
       '@babel/template': 7.27.2
       '@babel/types': 7.27.3
       debug: 4.4.1
@@ -2070,26 +2070,26 @@ snapshots:
     dependencies:
       postcss-selector-parser: 7.1.0
 
-  '@discourse/lint-configs@2.21.0(ember-template-lint@7.7.0(@babel/core@7.27.3))(eslint@9.27.0)(postcss@8.5.4)(prettier@3.5.3)(stylelint@16.19.1(typescript@5.8.3))':
-    dependencies:
-      '@babel/core': 7.27.3
-      '@babel/eslint-parser': 7.27.1(@babel/core@7.27.3)(eslint@9.27.0)
-      '@babel/plugin-proposal-decorators': 7.27.1(@babel/core@7.27.3)
-      ember-template-lint: 7.7.0(@babel/core@7.27.3)
-      eslint: 9.27.0
-      eslint-plugin-decorator-position: 6.0.0(@babel/eslint-parser@7.27.1(@babel/core@7.27.3)(eslint@9.27.0))(eslint@9.27.0)
-      eslint-plugin-ember: 12.5.0(@babel/core@7.27.3)(eslint@9.27.0)
-      eslint-plugin-import: 2.31.0(eslint@9.27.0)
-      eslint-plugin-qunit: 8.1.2(eslint@9.27.0)
-      eslint-plugin-simple-import-sort: 12.1.1(eslint@9.27.0)
-      eslint-plugin-sort-class-members: 1.21.0(eslint@9.27.0)
+  '@discourse/lint-configs@2.23.0(ember-template-lint@7.7.0(@babel/core@7.27.4))(eslint@9.28.0)(postcss@8.5.4)(prettier@3.5.3)(stylelint@16.20.0(typescript@5.8.3))':
+    dependencies:
+      '@babel/core': 7.27.4
+      '@babel/eslint-parser': 7.27.1(@babel/core@7.27.4)(eslint@9.28.0)
+      '@babel/plugin-proposal-decorators': 7.27.1(@babel/core@7.27.4)
+      ember-template-lint: 7.7.0(@babel/core@7.27.4)
+      eslint: 9.28.0
+      eslint-plugin-decorator-position: 6.0.0(@babel/eslint-parser@7.27.1(@babel/core@7.27.4)(eslint@9.28.0))(eslint@9.28.0)
+      eslint-plugin-ember: 12.5.0(@babel/core@7.27.4)(eslint@9.28.0)
+      eslint-plugin-import: 2.31.0(eslint@9.28.0)
+      eslint-plugin-qunit: 8.1.2(eslint@9.28.0)
+      eslint-plugin-simple-import-sort: 12.1.1(eslint@9.28.0)
+      eslint-plugin-sort-class-members: 1.21.0(eslint@9.28.0)
       globals: 16.2.0
       prettier: 3.5.3
       prettier-plugin-ember-template-tag: 2.0.5(prettier@3.5.3)
-      stylelint: 16.19.1(typescript@5.8.3)
-      stylelint-config-standard: 38.0.0(stylelint@16.19.1(typescript@5.8.3))
-      stylelint-config-standard-scss: 15.0.1(postcss@8.5.4)(stylelint@16.19.1(typescript@5.8.3))
-      stylelint-scss: 6.12.0(stylelint@16.19.1(typescript@5.8.3))
+      stylelint: 16.20.0(typescript@5.8.3)
+      stylelint-config-standard: 38.0.0(stylelint@16.20.0(typescript@5.8.3))
+      stylelint-config-standard-scss: 15.0.1(postcss@8.5.4)(stylelint@16.20.0(typescript@5.8.3))
+      stylelint-scss: 6.12.0(stylelint@16.20.0(typescript@5.8.3))
       typescript: 5.8.3
     transitivePeerDependencies:
       - '@typescript-eslint/parser'
@@ -2102,9 +2102,9 @@ snapshots:
 
   '@ember-data/rfc395-data@0.0.4': {}
 
-  '@eslint-community/eslint-utils@4.7.0(eslint@9.27.0)':
+  '@eslint-community/eslint-utils@4.7.0(eslint@9.28.0)':
     dependencies:
-      eslint: 9.27.0
+      eslint: 9.28.0
       eslint-visitor-keys: 3.4.3
 
   '@eslint-community/regexpp@4.12.1': {}
@@ -2137,7 +2137,7 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@eslint/js@9.27.0': {}
+  '@eslint/js@9.28.0': {}
 
   '@eslint/object-schema@2.1.6': {}
 
@@ -2590,10 +2590,10 @@ snapshots:
 
   electron-to-chromium@1.5.161: {}
 
-  ember-eslint-parser@0.5.9(@babel/core@7.27.3)(eslint@9.27.0):
+  ember-eslint-parser@0.5.9(@babel/core@7.27.4)(eslint@9.28.0):
     dependencies:
-      '@babel/core': 7.27.3
-      '@babel/eslint-parser': 7.27.1(@babel/core@7.27.3)(eslint@9.27.0)
+      '@babel/core': 7.27.4
+      '@babel/eslint-parser': 7.27.1(@babel/core@7.27.4)(eslint@9.28.0)
       '@glimmer/syntax': 0.92.3
       content-tag: 2.0.3
       eslint-scope: 7.2.2
@@ -2605,13 +2605,13 @@ snapshots:
 
   ember-rfc176-data@0.3.18: {}
 
-  ember-template-lint@7.7.0(@babel/core@7.27.3):
+  ember-template-lint@7.7.0(@babel/core@7.27.4):
     dependencies:
       '@babel/generator': 7.27.3
-      '@babel/parser': 7.27.3
-      '@babel/plugin-syntax-typescript': 7.27.1(@babel/core@7.27.3)
-      '@babel/plugin-transform-typescript': 7.27.1(@babel/core@7.27.3)
-      '@babel/traverse': 7.27.3
+      '@babel/parser': 7.27.4
+      '@babel/plugin-syntax-typescript': 7.27.1(@babel/core@7.27.4)
+      '@babel/plugin-transform-typescript': 7.27.1(@babel/core@7.27.4)
+      '@babel/traverse': 7.27.4
       '@lint-todo/utils': 13.1.1
       aria-query: 5.3.2
       chalk: 5.4.1
@@ -2755,36 +2755,36 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  eslint-module-utils@2.12.0(eslint-import-resolver-node@0.3.9)(eslint@9.27.0):
+  eslint-module-utils@2.12.0(eslint-import-resolver-node@0.3.9)(eslint@9.28.0):
     dependencies:
       debug: 3.2.7
     optionalDependencies:
-      eslint: 9.27.0
+      eslint: 9.28.0
       eslint-import-resolver-node: 0.3.9
     transitivePeerDependencies:
       - supports-color
 
-  eslint-plugin-decorator-position@6.0.0(@babel/eslint-parser@7.27.1(@babel/core@7.27.3)(eslint@9.27.0))(eslint@9.27.0):
+  eslint-plugin-decorator-position@6.0.0(@babel/eslint-parser@7.27.1(@babel/core@7.27.4)(eslint@9.28.0))(eslint@9.28.0):
     dependencies:
-      '@babel/core': 7.27.3
-      '@babel/plugin-proposal-decorators': 7.27.1(@babel/core@7.27.3)
+      '@babel/core': 7.27.4
+      '@babel/plugin-proposal-decorators': 7.27.1(@babel/core@7.27.4)
       '@ember-data/rfc395-data': 0.0.4
       ember-rfc176-data: 0.3.18
-      eslint: 9.27.0
+      eslint: 9.28.0
       snake-case: 3.0.4
     optionalDependencies:
-      '@babel/eslint-parser': 7.27.1(@babel/core@7.27.3)(eslint@9.27.0)
+      '@babel/eslint-parser': 7.27.1(@babel/core@7.27.4)(eslint@9.28.0)
     transitivePeerDependencies:
       - supports-color
 
-  eslint-plugin-ember@12.5.0(@babel/core@7.27.3)(eslint@9.27.0):
+  eslint-plugin-ember@12.5.0(@babel/core@7.27.4)(eslint@9.28.0):
     dependencies:
       '@ember-data/rfc395-data': 0.0.4
       css-tree: 3.1.0
-      ember-eslint-parser: 0.5.9(@babel/core@7.27.3)(eslint@9.27.0)
+      ember-eslint-parser: 0.5.9(@babel/core@7.27.4)(eslint@9.28.0)
       ember-rfc176-data: 0.3.18
-      eslint: 9.27.0
-      eslint-utils: 3.0.0(eslint@9.27.0)
+      eslint: 9.28.0
+      eslint-utils: 3.0.0(eslint@9.28.0)
       estraverse: 5.3.0
       lodash.camelcase: 4.3.0
       lodash.kebabcase: 4.1.1
@@ -2793,7 +2793,7 @@ snapshots:
     transitivePeerDependencies:
       - '@babel/core'
 
-  eslint-plugin-import@2.31.0(eslint@9.27.0):
+  eslint-plugin-import@2.31.0(eslint@9.28.0):
     dependencies:
       '@rtsao/scc': 1.1.0
       array-includes: 3.1.8
@@ -2802,9 +2802,9 @@ snapshots:
       array.prototype.flatmap: 1.3.3
       debug: 3.2.7
       doctrine: 2.1.0
-      eslint: 9.27.0
+      eslint: 9.28.0
       eslint-import-resolver-node: 0.3.9
-      eslint-module-utils: 2.12.0(eslint-import-resolver-node@0.3.9)(eslint@9.27.0)
+      eslint-module-utils: 2.12.0(eslint-import-resolver-node@0.3.9)(eslint@9.28.0)
       hasown: 2.0.2
       is-core-module: 2.16.1
       is-glob: 4.0.3
@@ -2820,20 +2820,20 @@ snapshots:
       - eslint-import-resolver-webpack
       - supports-color
 
-  eslint-plugin-qunit@8.1.2(eslint@9.27.0):
+  eslint-plugin-qunit@8.1.2(eslint@9.28.0):
     dependencies:
-      eslint-utils: 3.0.0(eslint@9.27.0)
+      eslint-utils: 3.0.0(eslint@9.28.0)
       requireindex: 1.2.0
     transitivePeerDependencies:
       - eslint
 
-  eslint-plugin-simple-import-sort@12.1.1(eslint@9.27.0):
+  eslint-plugin-simple-import-sort@12.1.1(eslint@9.28.0):
     dependencies:
-      eslint: 9.27.0
+      eslint: 9.28.0
 
-  eslint-plugin-sort-class-members@1.21.0(eslint@9.27.0):
+  eslint-plugin-sort-class-members@1.21.0(eslint@9.28.0):
     dependencies:
-      eslint: 9.27.0
+      eslint: 9.28.0
 
   eslint-scope@5.1.1:
     dependencies:
@@ -2850,9 +2850,9 @@ snapshots:
       esrecurse: 4.3.0
       estraverse: 5.3.0
 
-  eslint-utils@3.0.0(eslint@9.27.0):
+  eslint-utils@3.0.0(eslint@9.28.0):
     dependencies:
-      eslint: 9.27.0
+      eslint: 9.28.0
       eslint-visitor-keys: 2.1.0
 
   eslint-visitor-keys@2.1.0: {}
@@ -2861,15 +2861,15 @@ snapshots:
 
   eslint-visitor-keys@4.2.0: {}
 
-  eslint@9.27.0:
+  eslint@9.28.0:
     dependencies:
-      '@eslint-community/eslint-utils': 4.7.0(eslint@9.27.0)
+      '@eslint-community/eslint-utils': 4.7.0(eslint@9.28.0)
       '@eslint-community/regexpp': 4.12.1
       '@eslint/config-array': 0.20.0
       '@eslint/config-helpers': 0.2.2
       '@eslint/core': 0.14.0
       '@eslint/eslintrc': 3.3.1
-      '@eslint/js': 9.27.0
+      '@eslint/js': 9.28.0
       '@eslint/plugin-kit': 0.3.1
       '@humanfs/node': 0.16.6
       '@humanwhocodes/module-importer': 1.0.1
@@ -3524,7 +3524,7 @@ snapshots:
 
   prettier-plugin-ember-template-tag@2.0.5(prettier@3.5.3):
     dependencies:
-      '@babel/core': 7.27.3
+      '@babel/core': 7.27.4
       content-tag: 3.1.3
       prettier: 3.5.3
     transitivePeerDependencies:
@@ -3745,33 +3745,33 @@ snapshots:
 
   strip-json-comments@3.1.1: {}
 
-  stylelint-config-recommended-scss@15.0.1(postcss@8.5.4)(stylelint@16.19.1(typescript@5.8.3)):
+  stylelint-config-recommended-scss@15.0.1(postcss@8.5.4)(stylelint@16.20.0(typescript@5.8.3)):
     dependencies:
       postcss-scss: 4.0.9(postcss@8.5.4)
-      stylelint: 16.19.1(typescript@5.8.3)
-      stylelint-config-recommended: 16.0.0(stylelint@16.19.1(typescript@5.8.3))
-      stylelint-scss: 6.12.0(stylelint@16.19.1(typescript@5.8.3))
+      stylelint: 16.20.0(typescript@5.8.3)
+      stylelint-config-recommended: 16.0.0(stylelint@16.20.0(typescript@5.8.3))
+      stylelint-scss: 6.12.0(stylelint@16.20.0(typescript@5.8.3))
     optionalDependencies:
       postcss: 8.5.4
 
-  stylelint-config-recommended@16.0.0(stylelint@16.19.1(typescript@5.8.3)):
+  stylelint-config-recommended@16.0.0(stylelint@16.20.0(typescript@5.8.3)):
     dependencies:
-      stylelint: 16.19.1(typescript@5.8.3)
+      stylelint: 16.20.0(typescript@5.8.3)
 
-  stylelint-config-standard-scss@15.0.1(postcss@8.5.4)(stylelint@16.19.1(typescript@5.8.3)):
+  stylelint-config-standard-scss@15.0.1(postcss@8.5.4)(stylelint@16.20.0(typescript@5.8.3)):
     dependencies:
-      stylelint: 16.19.1(typescript@5.8.3)
-      stylelint-config-recommended-scss: 15.0.1(postcss@8.5.4)(stylelint@16.19.1(typescript@5.8.3))
-      stylelint-config-standard: 38.0.0(stylelint@16.19.1(typescript@5.8.3))
+      stylelint: 16.20.0(typescript@5.8.3)
+      stylelint-config-recommended-scss: 15.0.1(postcss@8.5.4)(stylelint@16.20.0(typescript@5.8.3))
+      stylelint-config-standard: 38.0.0(stylelint@16.20.0(typescript@5.8.3))
     optionalDependencies:
       postcss: 8.5.4
 
-  stylelint-config-standard@38.0.0(stylelint@16.19.1(typescript@5.8.3)):
+  stylelint-config-standard@38.0.0(stylelint@16.20.0(typescript@5.8.3)):
     dependencies:
-      stylelint: 16.19.1(typescript@5.8.3)
-      stylelint-config-recommended: 16.0.0(stylelint@16.19.1(typescript@5.8.3))
+      stylelint: 16.20.0(typescript@5.8.3)
+      stylelint-config-recommended: 16.0.0(stylelint@16.20.0(typescript@5.8.3))
 
-  stylelint-scss@6.12.0(stylelint@16.19.1(typescript@5.8.3)):
+  stylelint-scss@6.12.0(stylelint@16.20.0(typescript@5.8.3)):
     dependencies:
       css-tree: 3.1.0
       is-plain-object: 5.0.0
@@ -3781,9 +3781,9 @@ snapshots:
       postcss-resolve-nested-selector: 0.1.6
       postcss-selector-parser: 7.1.0
       postcss-value-parser: 4.2.0
-      stylelint: 16.19.1(typescript@5.8.3)
+      stylelint: 16.20.0(typescript@5.8.3)
 
-  stylelint@16.19.1(typescript@5.8.3):
+  stylelint@16.20.0(typescript@5.8.3):
     dependencies:
       '@csstools/css-parser-algorithms': 3.0.5(@csstools/css-tokenizer@3.0.4)
       '@csstools/css-tokenizer': 3.0.4