DEV: Remove buffered rendering from watched words

This is another refactoring in the multi-step process to remove all uses
of our custom Render Buffer.

Previous commit: 2673cad142 in this
series.

This commit affects the display of watched words on the admin watched
word page. It is just a refactor and does not change any functionality.

app/assets/javascripts/admin/components/admin-watched-word.js.es6

@@ -1,30 +1,29 @@
 import Component from "@ember/component";
 import { iconHTML } from "discourse-common/lib/icon-library";
-import { bufferedRender } from "discourse-common/lib/buffered-render";
 import { escapeExpression } from "discourse/lib/utilities";
 
-export default Component.extend(
-  bufferedRender({
-    classNames: ["watched-word"],
+export default Component.extend({
+  classNames: ["watched-word"],
+  watchedWord: null,
+  xIcon: iconHTML("times").htmlSafe(),
 
-    buildBuffer(buffer) {
-      buffer.push(iconHTML("times"));
-      buffer.push(` ${escapeExpression(this.get("word.word"))}`);
-    },
+  init() {
+    this._super(...arguments);
+    this.set("watchedWord", `${escapeExpression(this.get("word.word"))}`);
+  },
 
-    click() {
-      this.word
-        .destroy()
-        .then(() => {
-          this.action(this.word);
-        })
-        .catch(e => {
-          bootbox.alert(
-            I18n.t("generic_error_with_reason", {
-              error: `http: ${e.status} - ${e.body}`
-            })
-          );
-        });
-    }
-  })
-);
+  click() {
+    this.word
+      .destroy()
+      .then(() => {
+        this.action(this.word);
+      })
+      .catch(e => {
+        bootbox.alert(
+          I18n.t("generic_error_with_reason", {
+            error: `http: ${e.status} - ${e.body}`
+          })
+        );
+      });
+  }
+});

app/assets/javascripts/admin/templates/components/admin-watched-word.hbs

@@ -0,0 +1 @@
+{{xIcon}} {{watchedWord}}