From aa81677450b5f505df922f5bf3b58582dd09cd91 Mon Sep 17 00:00:00 2001
From: FireMasterK <20838718+FireMasterK@users.noreply.github.com>
Date: Mon, 5 Jul 2021 00:27:57 +0530
Subject: [PATCH] Add Playlist RSS.

---
 src/components/Playlist.vue | 11 ++++++++++-
 src/main.js                 |  2 ++
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/components/Playlist.vue b/src/components/Playlist.vue
index c5b588e9..d12725b8 100644
--- a/src/components/Playlist.vue
+++ b/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);
diff --git a/src/main.js b/src/main.js
index 42a397b4..1ea58aed 100644
--- a/src/main.js
+++ b/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");