fix: web feed link 404 when set custom base (#104)

Co-authored-by: Billyyyyy3320 <[email protected]>

Author: uWayLu

components/Feed.vue

@@ -1,9 +1,5 @@
 <template>
-  <a
-    v-if="getFirstEnabledFeed"
-    class="feed"
-    :href="getFirstEnabledFeed | getFeedFilePath"
-  >
+  <a v-if="firstEnabledFeed" class="feed" :href="feedFilePath">
     <RssIcon />
   </a>
 </template>
@@ -13,22 +9,25 @@ import { RssIcon } from 'vue-feather-icons'
 
 export default {
   components: { RssIcon },
-  filters: {
-    getFeedFilePath(feed) {
-      if (feed === 'rss') return '/rss.xml'
-      if (feed === 'atom') return '/feed.atom'
-      if (feed === 'json') return '/feed.json'
-      return ''
-    },
-  },
+
   computed: {
-    getFirstEnabledFeed() {
+    firstEnabledFeed() {
       for (const feed in this.$service.feed) {
         const isEnabled = this.$service.feed[feed]
         if (isEnabled) return feed
       }
       return false
     },
+    feedFilePath() {
+      if (!this.firstEnabledFeed) return
+
+      let path = ''
+      if (this.firstEnabledFeed === 'rss') path = '/rss.xml'
+      if (this.firstEnabledFeed === 'atom') path = '/feed.atom'
+      if (this.firstEnabledFeed === 'json') path = '/feed.json'
+
+      return this.$withBase(path)
+    },
   },
 }
 </script>