COMPATIBILITY: component modification has to happen in an initializer

Author: angusmcleod

desktop/header.html

@@ -89,21 +89,6 @@
   {{raw "topic-list-header-column" sortable='true' number='true' order='posts' forceName='Replies'}}
 </script>
 
-<script>
-
-(function(){
-var TopicListItemView = require('discourse/components/topic-list-item').default;
-TopicListItemView.reopen({
-    showCategory: function(){
-        return !this.get('controller.hideCategory') &&
-                this.get('topic.creator') &&
-                this.get('topic.category.name') !== 'uncategorized';
-    }.property()
-});
-})();
- 
-</script>
-
 <script type="text/x-handlebars" data-template-name="components/latest-topic-list-item">
 <!--
 <div class='topic-poster'>

javascripts/initializers/acescentral-initializer.js

@@ -0,0 +1,21 @@
+import { withPluginApi } from "discourse/lib/plugin-api";
+import discourseComputed from "discourse-common/utils/decorators";
+
+function initializePlugin(api) {
+  api.modifyClass("component:topic-list-item", {
+    pluginId: "acescentral",
+
+    @discourseComputed('hideCategory', 'topic.category.name')
+    showCategory(hideCategory, categoryName){
+        return !hideCategory && categoryName !== 'uncategorized';
+    }
+  });
+}
+
+export default {
+  name: "acescentral",
+
+  initialize() {
+    withPluginApi("1.24.0", initializePlugin);
+  },
+};