diff --git a/app/assets/javascripts/admin/addon/templates/components/composer-fullscreen-prompt.hbs b/app/assets/javascripts/admin/addon/templates/components/composer-fullscreen-prompt.hbs
index c9fc1d04e6..e75db03048 100644
--- a/app/assets/javascripts/admin/addon/templates/components/composer-fullscreen-prompt.hbs
+++ b/app/assets/javascripts/admin/addon/templates/components/composer-fullscreen-prompt.hbs
@@ -1,3 +1,3 @@
-<div class="composer-fullscreen-prompt" {{did-insert this.registerAnimationListener}}>
-  {{html-safe this.exitPrompt}}
+<div class="composer-fullscreen-prompt" {{on "animationend" @removeFullScreenExitPrompt}}>
+  {{html-safe (i18n "composer.exit_fullscreen_prompt")}}
 </div>
diff --git a/app/assets/javascripts/discourse/app/components/composer-fullscreen-prompt.js b/app/assets/javascripts/discourse/app/components/composer-fullscreen-prompt.js
index 5504224eb4..742bb3c18e 100644
--- a/app/assets/javascripts/discourse/app/components/composer-fullscreen-prompt.js
+++ b/app/assets/javascripts/discourse/app/components/composer-fullscreen-prompt.js
@@ -1,24 +1,3 @@
-import { action } from "@ember/object";
-import GlimmerComponent from "@glimmer/component";
-import I18n from "I18n";
+import templateOnly from "@ember/component/template-only";
 
-export default class ComposerFullscreenPrompt extends GlimmerComponent {
-  @action
-  registerAnimationListener(element) {
-    this.#addAnimationEventListener(element);
-  }
-
-  #addAnimationEventListener(element) {
-    element.addEventListener(
-      "animationend",
-      () => {
-        this.args.removeFullScreenExitPrompt();
-      },
-      { once: true }
-    );
-  }
-
-  get exitPrompt() {
-    return I18n.t("composer.exit_fullscreen_prompt");
-  }
-}
+export default templateOnly();