Add RSS button and discovery tag in head

package.json

@@ -16,6 +16,7 @@
     "firebaseui": "^4.6.1",
     "vue": "^2.6.11",
     "vue-gtag": "^1.9.1",
+    "vue-head": "^2.2.0",
     "vue-router": "^3.2.0",
     "vuefire": "^2.2.2",
     "vuetify": "^2.2.11",

src/main.js

@@ -5,6 +5,7 @@ import store from './store'
 import { firestorePlugin } from 'vuefire'
 import vuetify from './plugins/vuetify'
 import VueGtag from 'vue-gtag'
+import VueHead from 'vue-head'
 import { config } from '@/../firebase.config.js'
 
 Vue.use(
@@ -15,6 +16,7 @@ Vue.use(
   router
 )
 Vue.use(firestorePlugin)
+Vue.use(VueHead)
 
 Vue.config.productionTip = false
 

src/views/Videos.vue

@@ -12,7 +12,7 @@
       </v-col>
     </v-row>
     <v-row>
-      <v-col>
+      <v-col cols="12" lg="10">
         <GATrack event-name="clickCategoryFromList" event-label="All">
           <v-chip class="mr-1 mb-2" to="/videos" :label="!videoCategory">
             All
@@ -29,6 +29,14 @@
           </v-chip>
         </GATrack>
       </v-col>
+      <v-col class="text-lg-right">
+        <v-chip label outlined @click="visitRSS()">
+          <v-avatar left tile>
+            <v-img src="/rss.svg"></v-img>
+          </v-avatar>
+          Subscribe via RSS
+        </v-chip>
+      </v-col>
     </v-row>
 
     <v-row>
@@ -94,7 +102,20 @@ export default {
   methods: {
     categoryObject(category) {
       return new Category(category)
+    },
+    visitRSS() {
+      window.location.href = 'http://localhost:8080/feed.xml'
     }
+  },
+  head: {
+    link: [
+      {
+        rel: 'alternate',
+        type: 'application/rss+xml',
+        title: 'Gunchained videos feed',
+        href: '/feed.xml'
+      }
+    ]
   }
 }
 </script>

yarn.lock

@@ -9833,6 +9833,11 @@ vue-gtag@^1.9.1:
   resolved "https://registry.yarnpkg.com/vue-gtag/-/vue-gtag-1.9.1.tgz#d5b20774b298e3aa330580d66783715fd3eded16"
   integrity sha512-pVQyBaczTR7ZYxuxu8JjbHP8p41o1G/5hBDykONpU6EyRsHHx/B7PO2ZtW38/QYn0msuSyGkWulS1tliLuOXLQ==
 
+vue-head@^2.2.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/vue-head/-/vue-head-2.2.0.tgz#9e3a141d5a011599a3f6d7adb42a65c428cf73e1"
+  integrity sha512-Oss1gakOSPQ4e/XZ0yM7yolnhSDvfDYZbM6CDD3xkCpAyPfTR+Bv3tabgtKE41gHr5GzC/NJh1EwQSu7o05XRw==
+
 vue-hot-reload-api@^2.3.0:
   version "2.3.4"
   resolved "https://registry.yarnpkg.com/vue-hot-reload-api/-/vue-hot-reload-api-2.3.4.tgz#532955cc1eb208a3d990b3a9f9a70574657e08f2"