rename all components to new namespace (#1515)

Co-authored-by: Andrew Bastin <andrewbastin.k@gmail.com>

components/firebase/Feeds.vue

@@ -0,0 +1,62 @@
+<template>
+  <div
+    v-if="fb.currentFeeds.length !== 0"
+    class="divide-y virtual-list divide-dashed divide-brdColor"
+  >
+    <ul v-for="feed in fb.currentFeeds" :key="feed.id" class="flex-col">
+      <div data-test="list-item" class="show-on-large-screen">
+        <li class="info">
+          <label data-test="list-label">
+            {{ feed.label || $t("no_label") }}
+          </label>
+        </li>
+        <button class="icon" @click="deleteFeed(feed)">
+          <i class="material-icons">delete</i>
+        </button>
+      </div>
+      <div class="show-on-large-screen">
+        <li data-test="list-message" class="info clamb-3">
+          <label>{{ feed.message || $t("empty") }}</label>
+        </li>
+      </div>
+    </ul>
+  </div>
+  <ul v-else class="flex-col">
+    <li>
+      <p class="info">{{ $t("empty") }}</p>
+    </li>
+  </ul>
+</template>
+
+<style scoped lang="scss">
+.virtual-list {
+  max-height: calc(100vh - 270px);
+}
+
+.clamb-3 {
+  display: -webkit-box;
+  -webkit-line-clamp: 3;
+  -webkit-box-orient: vertical;
+  @apply overflow-hidden;
+}
+</style>
+
+<script>
+import { fb } from "~/helpers/fb"
+
+export default {
+  data() {
+    return {
+      fb,
+    }
+  },
+  methods: {
+    async deleteFeed({ id }) {
+      await fb.deleteFeed(id)
+      this.$toast.error(this.$t("deleted"), {
+        icon: "delete",
+      })
+    },
+  },
+}
+</script>