fix: cannot jump to music page on Favorites page and FavoritesPop (#606)

close #606

src/components/TopBar/components/FavoritesPop.vue

@@ -123,6 +123,10 @@ function changeCategory(categoryItem: FavoriteCategory) {
   activatedFavoriteTitle.value = categoryItem.title
 }
 
+function isMusic(item: FavoriteResource) {
+  return item.link.includes('bilibili://music')
+}
+
 defineExpose({
   refreshFavoriteResources,
 })
@@ -224,7 +228,8 @@ defineExpose({
           <a
             v-for="item in favoriteResources"
             :key="item.id"
-            :href="`//www.bilibili.com/video/${item.bvid}`" :target="isHomePage() ? '_blank' : '_self'" rel="noopener noreferrer"
+            :href="isMusic(item) ? `https://www.bilibili.com/audio/au${item.id}` : `//www.bilibili.com/video/${item.bvid}`"
+            :target="isHomePage() ? '_blank' : '_self'" rel="noopener noreferrer"
             hover:bg="$bew-fill-2"
             rounded="$bew-radius"
             m="first:t-50px last:b-4" p="2"

src/contentScripts/views/Favorites/Favorites.vue

@@ -95,8 +95,8 @@ async function getFavoriteCategories() {
 
 /**
  * Get favorite video resources
- * @param mediaId
- * @param pageNum
+ * @param media_id
+ * @param pn
  * @param keyword
  */
 async function getFavoriteResources(
@@ -168,6 +168,10 @@ function handleUnfavorite(favoriteResource: FavoriteResource) {
       favoriteResources.splice(favoriteResources.indexOf(favoriteResource as FavoriteItem), 1)
   })
 }
+
+function isMusic(item: FavoriteResource) {
+  return item.link.includes('bilibili://music')
+}
 </script>
 
 <template>
@@ -214,7 +218,8 @@ function handleUnfavorite(favoriteResource: FavoriteResource) {
               :view="item.cnt_info.play"
               :danmaku="item.cnt_info.danmaku"
               :published-timestamp="item.pubtime"
-              :bvid="item.bvid"
+              :bvid="isMusic(item) ? undefined : item.bvid"
+              :uri="isMusic(item) ? `https://www.bilibili.com/audio/au${item.id}` : undefined"
               group
             >
               <template #coverTopLeft>