diff --git a/app/assets/javascripts/discourse/app/components/category-title-before.gjs b/app/assets/javascripts/discourse/app/components/category-title-before.gjs
new file mode 100644
index 00000000000..71ee743ab65
--- /dev/null
+++ b/app/assets/javascripts/discourse/app/components/category-title-before.gjs
@@ -0,0 +1,11 @@
+import { hash } from "@ember/helper";
+import PluginOutlet from "discourse/components/plugin-outlet";
+
+const CategoryTitleBefore = <template>
+  <PluginOutlet
+    @name="category-title-before"
+    @outletArgs={{hash category=@category}}
+  />
+</template>;
+
+export default CategoryTitleBefore;
diff --git a/app/assets/javascripts/discourse/app/components/category-title-before.hbs b/app/assets/javascripts/discourse/app/components/category-title-before.hbs
deleted file mode 100644
index 4be248725d2..00000000000
--- a/app/assets/javascripts/discourse/app/components/category-title-before.hbs
+++ /dev/null
@@ -1,4 +0,0 @@
-<PluginOutlet
-  @name="category-title-before"
-  @outletArgs={{hash category=this.category}}
-/>
\ No newline at end of file
diff --git a/app/assets/javascripts/discourse/app/components/category-title-before.js b/app/assets/javascripts/discourse/app/components/category-title-before.js
deleted file mode 100644
index 60ba901dff1..00000000000
--- a/app/assets/javascripts/discourse/app/components/category-title-before.js
+++ /dev/null
@@ -1,5 +0,0 @@
-import Component from "@ember/component";
-import { tagName } from "@ember-decorators/component";
-
-@tagName("")
-export default class CategoryTitleBefore extends Component {}