added "open in client" for local item and "open on spinshare" for songitem

src/components/Song/SongItem.vue

@@ -58,8 +58,9 @@
                     x: e.pageX,
                     y: e.pageY,
                     items: [
-                        { icon: "eye", title: this.$t('contextmenu.open'), method: () => { this.$router.push({ name: 'SongDetail', params: { id: this.$props.id } }) } },
-                        { icon: "link", title: this.$t('contextmenu.copyLink'), method: () => { clipboard.writeText('https://spinsha.re/song/' + this.$props.id) } },
+                        { icon: "eye", title: this.$t('contextmenu.open'), method: () => { this.$router.push({ name: 'SongDetail', params: { id: this.$props.id } }); } },
+                        { icon: "earth", title: this.$t('contextmenu.openOnSpinShare'), method: () => { shell.openExternal("https://spinsha.re/report/song/" + this.$props.id); } },
+                        { icon: "link", title: this.$t('contextmenu.copyLink'), method: () => { clipboard.writeText('https://spinsha.re/song/' + this.$props.id); } },
                         { icon: "download", title: this.$t('contextmenu.download'), method: () => { this.download(); } }
                     ]});
             },

src/components/Song/SongLocalItem.vue

@@ -44,7 +44,8 @@
                 let items = [];
                 
                 if(this.isSpinShare) {
-                    items.push({ icon: "open-in-app", title: this.$t('contextmenu.openOnSpinShare'), method: () => { this.openOnSpinShare(); } });
+                    items.push({ icon: "eye", title: this.$t('contextmenu.open'), method: () => { this.openInClient(); } });
+                    items.push({ icon: "earth", title: this.$t('contextmenu.openOnSpinShare'), method: () => { this.openOnSpinShare(); } });
                 }
                 
                 items.push({ icon: "folder-outline", title: this.$t('contextmenu.openInExplorer'), method: () => { this.openInExplorer(); } });
@@ -56,23 +57,30 @@
                     items: items
                 });
             },
-            openOnSpinShare: function() {
+            openInClient: function() {
                 if(this.isSpinShare) {
                     if(this.isSpinShare.includes("spinshare_")) {
                         this.$router.push({ name: 'SongDetailReviews', params: { id: this.isSpinShare } });
                     }
                 }
             },
+            openOnSpinShare: function() {
+                if(this.isSpinShare) {
+                    if(this.isSpinShare.includes("spinshare_")) {
+                        shell.openExternal("https://spinsha.re/report/song/" + this.isSpinShare);
+                    }
+                }
+            },
             openInExplorer: function() {
                 shell.showItemInFolder(path.normalize(this.file));
             },
             visibilityChanged (isVisible, entry) {
                 if (isVisible) {
-                    this.$data.backgroundImage = "url(" + this.$props.cover + ")"
+                    this.$data.backgroundImage = "url(" + this.$props.cover + ")";
                 } 
                 //url(" + require('@/assets/img/defaultAlbumArt.jpg') + ");
                 else {
-                    this.$data.backgroundImage = "none;"
+                    this.$data.backgroundImage = "none;";
                 }
             }
         }