REFACTOR: Use the same structure as core does for topic-list-item in docs

assets/javascripts/discourse/components/docs-topic-list-item.js

@@ -0,0 +1,24 @@
+import Component from "@ember/component";
+import { RUNTIME_OPTIONS } from "discourse-common/lib/raw-handlebars-helpers";
+import { findRawTemplate } from "discourse-common/lib/raw-templates";
+import { htmlSafe } from "@ember/template";
+
+export default Component.extend({
+  tagName: "tr",
+  classNameBindings: [":topic-list-item"],
+
+  didInsertElement() {
+    this._super(...arguments);
+    this.renderTopicListItem();
+  },
+
+  renderTopicListItem() {
+    const template = findRawTemplate("list/topic-list-item");
+    if (template) {
+      this.set(
+        "topicListItemContents",
+        htmlSafe(template(this, RUNTIME_OPTIONS))
+      );
+    }
+  },
+});

assets/javascripts/discourse/templates/components/docs-topic-list-item.hbs

@@ -0,0 +1 @@
+{{this.topicListItemContents}}

assets/javascripts/discourse/templates/components/docs-topic-list.hbs

@@ -28,7 +28,7 @@
 
     <tbody class="topic-list-body">
       {{#each topics as |topic|}}
-        {{raw "docs-topic-list-item" topic=topic urlPath=urlPath}}
+        {{docs-topic-list-item topic=topic urlPath=urlPath}}
       {{/each}}
     </tbody>
   </table>

assets/javascripts/discourse/templates/docs-topic-list-item.hbr

@@ -1,15 +1,16 @@
-<tr class="topic-list-item">
+{{~raw-plugin-outlet name="topic-list-before-columns"}}
-  <td class="main-link topic-list-data">
+
-    <span class="link-top-line">
+<td class="main-link topic-list-data">
-      {{~raw "topic-status" topic=topic}}
+  {{~raw-plugin-outlet name="topic-list-before-link"}}
-      {{~raw "docs-topic-link" topic=topic urlPath=urlPath}}
+  <span class="link-top-line">
-    </span>
+    {{~raw "topic-status" topic=topic}}
-    <span class="link-bottom-line">
+    {{~raw "docs-topic-link" topic=topic urlPath=urlPath}}
-      {{category-link topic.category}}
+  </span>
-      {{discourse-tags topic mode="list"}}
+  <span class="link-bottom-line">
-    </span>
+    {{category-link topic.category}}
-  </td>
+    {{discourse-tags topic mode="list"}}
-  <td class="topic-list-data">
+  </span>
-    {{format-date topic.bumped_at format="tiny" noTitle="true"}}
+</td>
-  </td>
+<td class="topic-list-data">
-</tr>
+  {{format-date topic.bumped_at format="tiny" noTitle="true"}}
+</td>