Add Playlist RSS.

src/components/Playlist.vue

@@ -14,7 +14,11 @@
             ></b
         >
 
-        <b class="uk-align-right">{{ playlist.videos }} Videos</b>
+        <div class="uk-align-right">
+            <b>{{ playlist.videos }} Videos</b>
+            <br />
+            <a :href="getRssUrl"><font-awesome-icon icon="rss"></font-awesome-icon></a>
+        </div>
 
         <hr />
 
@@ -47,6 +51,11 @@ export default {
     unmounted() {
         window.removeEventListener("scroll", this.handleScroll);
     },
+    computed: {
+        getRssUrl: _this => {
+            return _this.apiUrl() + "/rss/playlists/" + _this.$route.query.list;
+        },
+    },
     methods: {
         async fetchPlaylist() {
             return await await this.fetchJson(this.apiUrl() + "/playlists/" + this.$route.query.list);

src/main.js

@@ -8,6 +8,7 @@ import {
     faCheck,
     faHeart,
     faHeadphones,
+    faRss,
 } from "@fortawesome/free-solid-svg-icons";
 import { faGithub, faBitcoin, faYoutube } from "@fortawesome/free-brands-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";
@@ -22,6 +23,7 @@ library.add(
     faHeart,
     faHeadphones,
     faYoutube,
+    faRss,
 );
 
 import("uikit/dist/css/uikit-core.css");