diff --git a/src/renderer/components/AlbumDetail.vue b/src/renderer/components/AlbumDetail.vue
index f5d834cd..bb7b6481 100644
--- a/src/renderer/components/AlbumDetail.vue
+++ b/src/renderer/components/AlbumDetail.vue
@@ -7,8 +7,7 @@
                 <div class="info">
                     <div class="name">{{ album.name }}</div>
                     <div class="creation-info">
-                        <router-link tag="div"
-                            class="creator"
+                        <router-link class="creator"
                             :to="{ name: 'artist', params: { id: album.artist.id } }">
                             <mu-avatar class="avatar">
                                 <img :src="creatorAvatarSrc">
@@ -27,13 +26,17 @@
                             :value="dynamicDetail.isSub ? 'star' : 'star_border'"></mu-icon>
                         <span>{{btnSubscribeText}}</span>
                     </mu-button>
-                    <mu-button flat
-                        small
-                        :to="{ name: 'comment', params: { type: 'album', id: album.id } }">
-                        <mu-icon left
-                            value="comment"></mu-icon>
-                        <span>{{btnCommentText}}</span>
-                    </mu-button>
+                    <router-link :to="{ name: 'comment', params: { type: 'album', id: album.id } }"
+                        v-slot="{ navigate }"
+                        custom>
+                        <mu-button flat
+                            small
+                            @click="navigate">
+                            <mu-icon left
+                                value="comment"></mu-icon>
+                            <span>{{btnCommentText}}</span>
+                        </mu-button>
+                    </router-link>
                 </div>
                 <div class="intro">
                     <mu-list dense
@@ -229,6 +232,7 @@ export default {
                             flex-shrink: 0;
                         }
                         .creator-name {
+                            color: var(--text-color);
                             margin: 0 1em;
                             white-space: nowrap;
                             overflow: hidden;
diff --git a/src/renderer/components/ArtistDetail/ArtistDetail.vue b/src/renderer/components/ArtistDetail/ArtistDetail.vue
index 51844364..42c64d38 100644
--- a/src/renderer/components/ArtistDetail/ArtistDetail.vue
+++ b/src/renderer/components/ArtistDetail/ArtistDetail.vue
@@ -10,17 +10,20 @@
                             v-for="alia in artist.detail.alias"
                             :key="alia">{{alia}}</span>
                     </span>
-                    <mu-button flat
-                        small
-                        class="shadow account"
-                        color="white"
-                        v-if="accountRoute"
+                    <router-link v-if="accountRoute"
                         :to="accountRoute"
-                        @click="handleFollow">
-                        <mu-icon left
-                            value="person_outline"></mu-icon>
-                        <span class="shaodw">个人主页</span>
-                    </mu-button>
+                        v-slot="{ navigate }"
+                        custom>
+                        <mu-button flat
+                            small
+                            class="shadow account"
+                            color="white"
+                            @click="navigate">
+                            <mu-icon left
+                                value="person_outline"></mu-icon>
+                            <span class="shaodw">个人主页</span>
+                        </mu-button>
+                    </router-link>
                     <mu-button flat
                         small
                         class="shadow"
diff --git a/src/renderer/components/DjRadioDetail/DjRadioDetail.vue b/src/renderer/components/DjRadioDetail/DjRadioDetail.vue
index 0bcafd25..c923c244 100644
--- a/src/renderer/components/DjRadioDetail/DjRadioDetail.vue
+++ b/src/renderer/components/DjRadioDetail/DjRadioDetail.vue
@@ -8,7 +8,6 @@
                     <div class="name">{{djradio.name}}</div>
                     <div class="creation-info">
                         <router-link class="creator"
-                            tag="div"
                             :to="{ name: 'user', params: { id: djradio.dj.userId } }">
                             <mu-avatar class="avatar">
                                 <img :src="creatorAvatarSrc">
@@ -62,7 +61,7 @@
 </template>
 
 <script>
-import { mapActions, mapState } from 'vuex';
+import { mapActions } from 'vuex';
 import throttle from 'lodash/throttle';
 
 import { getDjRadioProgram } from '@/api/typed';
@@ -74,6 +73,7 @@ import { shortDate } from '@/util/formatter';
 
 export default {
     props: {
+        /** @type {Vue.PropOptions<Models.DjRadio>} */
         djradio: {
             required: true
         }
@@ -89,21 +89,27 @@ export default {
         };
     },
     computed: {
-        ...mapState(['user']),
+        /** @returns {import('@/store/modules/user').State} */
+        user() { return this.$store.state.user; },
+        /** @returns {string} */
         creatorAvatarSrc() {
             return sizeImg(this.djradio.dj.avatarUrl, HiDpiPx(40));
         },
+        /** @returns {string} */
         coverSrc() {
             return sizeImg(this.djradio.picUrl, HiDpiPx(160));
         },
+        /** @returns {string} */
         createTime() {
             return shortDate(this.djradio.createTime);
         },
+        /** @returns {string} */
         btnSubscribeText() {
             const t = this.shouldSubscribed ? '已订阅' : '订阅';
             const n = this.djradio.subCount + this.subsCntOffset;
             return `${t} (${n})`;
         },
+        /** @returns {string} */
         djradioDesc() {
             return this.djradio.desc || '暂无';
         }
diff --git a/src/renderer/components/DjRadioDetail/DjRadioProgramList.vue b/src/renderer/components/DjRadioDetail/DjRadioProgramList.vue
index 23491980..c1f23b30 100644
--- a/src/renderer/components/DjRadioDetail/DjRadioProgramList.vue
+++ b/src/renderer/components/DjRadioDetail/DjRadioProgramList.vue
@@ -71,7 +71,7 @@
 </template>
 
 <script>
-import { mapActions, mapState } from 'vuex';
+import { mapActions } from 'vuex';
 
 import { workerExecute } from '@/worker/message';
 
@@ -84,6 +84,7 @@ export default {
             type: Number,
             required: true
         },
+        /** @type {Vue.PropOptions<Models.DjRadioProgram[]} */
         programs: {
             type: Array,
             required: true
@@ -98,10 +99,15 @@ export default {
         };
     },
     computed: {
-        ...mapState(['ui', 'playlist']),
+        /** @returns {import('@/store/modules/ui').State} */
+        ui() { return this.$store.state.ui; },
+        /** @returns {import('@/store/modules/playlist').State}*/
+        playing() { return this.$store.state.playlist; },
+        /** @returns {Models.DjRadioProgram[]} */
         programsToShow() {
             return this.filteredPrograms || this.programs;
         },
+        /** @returns {string} */
         btnPlayText() {
             return `播放全部 (${this.total})`;
         }
diff --git a/src/renderer/components/EventDetail/EventContent.vue b/src/renderer/components/EventDetail/EventContent.vue
index 223ca0aa..9336f4d9 100644
--- a/src/renderer/components/EventDetail/EventContent.vue
+++ b/src/renderer/components/EventDetail/EventContent.vue
@@ -49,23 +49,29 @@ const ShareFieldNames = ['歌曲', '专辑', '歌单', ' MV', '视频', '电台'
 
 export default {
     props: {
+        /** @type {Vue.PropOptions<Types.Event>} */
         event: {
             required: true
         },
+        /** @type {Vue.PropOptions<any>} */
         json: {
             required: true
         }
     },
     computed: {
+        /** @returns {string} */
         avatar() {
             return sizeImg(this.event.user.avatarUrl, HiDpiPx(40));
         },
+        /** @returns {string} */
         time() {
             return shortDate(this.event.eventTime);
         },
+        /** @returns {string[]} */
         pics() {
             return this.event.pics.map(p => sizeImg(p.pcSquareUrl, HiDpiPx(100)));
         },
+        /** @returns {string?} */
         shareType() {
             if (this.json.event) return '转发：';
             for (let i = 0; i < ShareFields.length; i++) {
@@ -76,6 +82,7 @@ export default {
             }
             return null;
         },
+        /** @returns {boolean} */
         hasShare() {
             return ShareFields.some(f => f in this.json);
         }
diff --git a/src/renderer/components/EventDetail/EventItem.vue b/src/renderer/components/EventDetail/EventItem.vue
index 8d1689df..79acbfe8 100644
--- a/src/renderer/components/EventDetail/EventItem.vue
+++ b/src/renderer/components/EventDetail/EventItem.vue
@@ -17,14 +17,18 @@
                     value="thumb_up"></mu-icon>
                 <span>{{ event.info.likedCount }}</span>
             </mu-button>
-            <mu-button flat
-                small
-                :to="{ name: 'comment', params: { type: 'event', id: `${event.id}_${event.user.userId}` } }">
-                <mu-icon left
-                    size="16"
-                    value="comment"></mu-icon>
-                <span>{{ event.info.commentCount }}</span>
-            </mu-button>
+            <router-link :to="{ name: 'comment', params: { type: 'event', id: `${event.id}_${event.user.userId}` } }"
+                v-slot="{ navigate }"
+                custom>
+                <mu-button flat
+                    small
+                    @click="navigate">
+                    <mu-icon left
+                        size="16"
+                        value="comment"></mu-icon>
+                    <span>{{ event.info.commentCount }}</span>
+                </mu-button>
+            </router-link>
         </div>
     </div>
 </template>
@@ -34,15 +38,18 @@ import EventContent from './EventContent.vue';
 
 export default {
     props: {
+        /** @type {Vue.PropOptions<Types.Event>} */
         event: {
             type: Object,
             required: true
         }
     },
     computed: {
+        /** @return {any} */
         json() {
             return JSON.parse(this.event.json);
         },
+        /** @return {any?} */
         forwardJson() {
             if (!this.json.event) return null;
             return JSON.parse(this.json.event.json);
diff --git a/src/renderer/components/EventDetail/EventShare.vue b/src/renderer/components/EventDetail/EventShare.vue
index 21d753c8..50bfa341 100644
--- a/src/renderer/components/EventDetail/EventShare.vue
+++ b/src/renderer/components/EventDetail/EventShare.vue
@@ -22,12 +22,13 @@ import { sizeImg, HiDpiPx } from '@/util/image';
 
 export default {
     props: {
+        /** @type {Vue.PropOptions<any>} */
         json: {
-            type: Object,
             required: true
         }
     },
     computed: {
+        /** @returns {{ img: string, title: string, subTitle: string, route?: import('vue-router').Route, author?: Models.Profile }} */
         share() {
             const j = this.json;
             if (!j) return null;
diff --git a/src/renderer/components/PlaylistDetail.vue b/src/renderer/components/PlaylistDetail.vue
index b7941180..57a75b6a 100644
--- a/src/renderer/components/PlaylistDetail.vue
+++ b/src/renderer/components/PlaylistDetail.vue
@@ -7,11 +7,11 @@
                 <div class="info">
                     <div class="name">
                         <span>{{ playlist.name }}</span>
-                        <span v-if="playlist.updateFrequency" class="small">{{ playlist.updateFrequency }}</span>
+                        <span v-if="playlist.updateFrequency"
+                            class="small">{{ playlist.updateFrequency }}</span>
                     </div>
                     <div class="creation-info">
                         <router-link class="creator"
-                            tag="div"
                             :to="{ name: 'user', params: { id: playlist.creator.id } }">
                             <mu-avatar class="avatar">
                                 <img :src="creatorAvatarSrc">
@@ -31,13 +31,17 @@
                             :value="shouldSubscribed ? 'star' : 'star_border'"></mu-icon>
                         <span>{{btnSubscribeText}}</span>
                     </mu-button>
-                    <mu-button flat
-                        small
-                        :to="{ name: 'comment', params: { type: 'playlist', id: playlist.id } }">
-                        <mu-icon left
-                            value="comment"></mu-icon>
-                        <span>{{btnCommentText}}</span>
-                    </mu-button>
+                    <router-link :to="{ name: 'comment', params: { type: 'playlist', id: playlist.id } }"
+                        v-slot="{ navigate }"
+                        custom>
+                        <mu-button flat
+                            small
+                            @click="navigate">
+                            <mu-icon left
+                                value="comment"></mu-icon>
+                            <span>{{btnCommentText}}</span>
+                        </mu-button>
+                    </router-link>
                 </div>
                 <div class="intro">
                     <mu-list dense
diff --git a/src/renderer/components/UserDetail/Music.vue b/src/renderer/components/UserDetail/Music.vue
index 188ae2ce..0a7361dc 100644
--- a/src/renderer/components/UserDetail/Music.vue
+++ b/src/renderer/components/UserDetail/Music.vue
@@ -4,31 +4,45 @@
         <template v-else>
             <template v-if="radios.length">
                 <mu-sub-header v-if="radios.length > 0">主播电台</mu-sub-header>
-                <AvatarListItem v-for="r in radios"
+                <router-link v-for="r in radios"
+                    :to="{ name: 'djradio', params: { id: r.id } }"
                     :key="'r' + r.id"
-                    :img="r.picUrl"
-                    :title="r.name"
-                    :subTitle="r.desc"
-                    :titleTag="r.category"
-                    :to="{ name: 'djradio', params: { id: r.id } }"></AvatarListItem>
+                    v-slot="{ navigate }"
+                    custom>
+                    <AvatarListItem :img="r.picUrl"
+                        :title="r.name"
+                        :subTitle="r.desc"
+                        :titleTag="r.category"
+                        @click="navigate"></AvatarListItem>
+                </router-link>
             </template>
             <!-- <mu-sub-header>音乐专栏</mu-sub-header> -->
-            <mu-sub-header>创建的歌单</mu-sub-header>
-            <!-- TODO: 歌单分页展示，或者上 RecycleScroller -->
-            <AvatarListItem v-for="p in listCreated"
-                :key="'p' + p.id"
-                :img="p.coverImgUrl"
-                :title="p.name"
-                :subTitle="formatPlaylistSubtitle(p)"
-                :to="{ name: 'playlist', params: { id: p.id } }"></AvatarListItem>
+            <template v-if="listCreated.length">
+                <mu-sub-header>创建的歌单</mu-sub-header>
+                <!-- TODO: 歌单分页展示，或者上 RecycleScroller -->
+                <router-link v-for="p in listCreated"
+                    :key="'p' + p.id"
+                    :to="{ name: 'playlist', params: { id: p.id } }"
+                    v-slot="{ navigate }"
+                    custom>
+                    <AvatarListItem :img="p.coverImgUrl"
+                        :title="p.name"
+                        :subTitle="formatPlaylistSubtitle(p)"
+                        @click="navigate"></AvatarListItem>
+                </router-link>
+            </template>
             <template v-if="listCollected.length">
                 <mu-sub-header>收藏的歌单</mu-sub-header>
-                <AvatarListItem v-for="p in listCollected"
+                <router-link v-for="p in listCollected"
                     :key="p.id"
-                    :img="p.coverImgUrl"
-                    :title="p.name"
-                    :subTitle="formatPlaylistSubtitle(p)"
-                    :to="{ name: 'playlist', params: { id: p.id } }"></AvatarListItem>
+                    :to="{ name: 'playlist', params: { id: p.id } }"
+                    v-slot="{ navigate }"
+                    custom>
+                    <AvatarListItem :img="p.coverImgUrl"
+                        :title="p.name"
+                        :subTitle="formatPlaylistSubtitle(p)"
+                        @click="navigate"></AvatarListItem>
+                </router-link>
             </template>
         </template>
     </mu-list>
diff --git a/src/renderer/components/UserDetail/UserDetail.vue b/src/renderer/components/UserDetail/UserDetail.vue
index c32801ff..b0e6170b 100644
--- a/src/renderer/components/UserDetail/UserDetail.vue
+++ b/src/renderer/components/UserDetail/UserDetail.vue
@@ -17,15 +17,19 @@
                 class="user-desc">{{ description }}</div>
             <div class="user-follows">{{ follows }}</div>
             <div class="user-buttons">
-                <mu-button v-if="isSelf"
-                    flat
-                    small
-                    color="white"
-                    :to="{ path: '/editprofile' }">
-                    <mu-icon left
-                        value="edit"></mu-icon>
-                    编辑资料
-                </mu-button>
+                <router-link v-if="isSelf"
+                    :to="{ path: '/editprofile' }"
+                    v-slot="{ navigate }"
+                    custom>
+                    <mu-button flat
+                        small
+                        color="white"
+                        @click="navigate">
+                        <mu-icon left
+                            value="edit"></mu-icon>
+                        编辑资料
+                    </mu-button>
+                </router-link>
                 <mu-button v-else
                     flat
                     small
@@ -35,16 +39,19 @@
                         :value="followBtn.icon"></mu-icon>
                     {{ followBtn.text }}
                 </mu-button>
-                <mu-button v-if="user.profile.artistId"
-                    flat
-                    small
-                    color="white"
-                    class="user-artist"
-                    :to="{ name: 'artist', params: { id: user.profile.artistId } }">
-                    查看歌手页
-                    <mu-icon right
-                        value="chevron_right"></mu-icon>
-                </mu-button>
+                <router-link v-if="user.profile.artistId"
+                    :to="{ name: 'artist', params: { id: user.profile.artistId } }"
+                    v-slot="{ navigate }"
+                    custom>
+                    <mu-button flat
+                        small
+                        color="white"
+                        class="user-artist"
+                        @click="navigate">
+                        查看歌手页
+                        <mu-icon right
+                            value="chevron_right"></mu-icon>
+                    </mu-button></router-link>
             </div>
         </div>
         <mu-tabs inverse
diff --git a/src/renderer/components/UserList/UserItem.vue b/src/renderer/components/UserList/UserItem.vue
index 058cc813..0f61f235 100644
--- a/src/renderer/components/UserList/UserItem.vue
+++ b/src/renderer/components/UserList/UserItem.vue
@@ -1,21 +1,25 @@
 <template>
-    <mu-list-item class="user-item"
-        button
-        :to="route">
-        <div class="user-avatar-wrapper">
-            <img class="user-avatar"
-                :src="avatar">
-            <TypeBadge v-if="user.userType"
-                :type="user.userType"></TypeBadge>
-        </div>
-        <mu-list-item-content>
-            <mu-list-item-title>{{ user.nickname }}
-                <GenderIcon v-if="user.gender"
-                    :gender="user.gender"></GenderIcon>
-            </mu-list-item-title>
-            <mu-list-item-sub-title v-if="user.signature">{{ user.signature }}</mu-list-item-sub-title>
-        </mu-list-item-content>
-    </mu-list-item>
+    <router-link :to="route"
+        v-slot="{ navigate }"
+        custom>
+        <mu-list-item class="user-item"
+            button
+            @click="navigate">
+            <div class="user-avatar-wrapper">
+                <img class="user-avatar"
+                    :src="avatar">
+                <TypeBadge v-if="user.userType"
+                    :type="user.userType"></TypeBadge>
+            </div>
+            <mu-list-item-content>
+                <mu-list-item-title>{{ user.nickname }}
+                    <GenderIcon v-if="user.gender"
+                        :gender="user.gender"></GenderIcon>
+                </mu-list-item-title>
+                <mu-list-item-sub-title v-if="user.signature">{{ user.signature }}</mu-list-item-sub-title>
+            </mu-list-item-content>
+        </mu-list-item>
+    </router-link>
 </template>
 
 <script>
@@ -26,20 +30,25 @@ import GenderIcon from '@/components/UserDetail/GenderIcon.vue';
 
 export default {
     props: {
+        /** @type {Vue.PropOptions<Types.Profile>} */
         user: {
             required: true
         },
     },
     computed: {
+        /** @returns {import('vue-router').Route} */
         route() {
             return { name: 'user', params: { id: this.user.userId } };
         },
+        /** @returns {string} */
         avatar() {
             return sizeImg(this.user.avatarUrl, HiDpiPx(50));
         },
+        /** @returns {string} */
         follows() {
             return `关注 ${this.user.follows}｜粉丝 ${this.user.followeds}`;
         },
+        /** @returns {{ icon: string, text: string, color: string }} */
         followBtn() {
             return this.user.followed
                 ? { icon: 'done', text: '已关注', color: 'primary' }
diff --git a/src/renderer/components/VideoDetail/MV.vue b/src/renderer/components/VideoDetail/MV.vue
index b8532887..0a051a77 100644
--- a/src/renderer/components/VideoDetail/MV.vue
+++ b/src/renderer/components/VideoDetail/MV.vue
@@ -5,9 +5,8 @@
             <span class="by">by</span>
             <router-link v-for="ar in mv.creator"
                 :key="ar.id"
-                class="creator"
                 :to="{ name: 'artist', params: { id: ar.id } }"
-                tag="a">{{ar.name}}</router-link>
+                class="creator">{{ar.name}}</router-link>
         </div>
         <video ref="videoEl"
             :src="mvSrc"
@@ -31,25 +30,29 @@
                     :color="shouldSub ? 'amber': ''"></mu-icon>
                 <span>{{btnFavText}}</span>
             </mu-button>
-            <mu-button flat
-                small
-                :to="{ name: 'comment', params: { type: 'mv', id: mv.id } }">
-                <mu-icon left
-                    value="comment"></mu-icon>
-                <span>{{btnCommentText}}</span>
-            </mu-button>
+            <router-link :to="{ name: 'comment', params: { type: 'mv', id: mv.id } }"
+                v-slot="{ navigate }"
+                custom>
+                <mu-button flat
+                    small
+                    @click="navigate">
+                    <mu-icon left
+                        value="comment"></mu-icon>
+                    <span>{{btnCommentText}}</span>
+                </mu-button></router-link>
         </div>
     </div>
 </template>
 
 <script>
-import { mapActions, mapState } from 'vuex';
+import { mapActions } from 'vuex';
 
 import Api from '@/api/ipc';
 import { sizeImg, HiDpiPx } from '@/util/image';
 
 export default {
     props: {
+        /** @type {Vue.PropOptions<Models.Video>} */
         mv: {
             required: true
         }
@@ -67,27 +70,34 @@ export default {
         };
     },
     computed: {
-        ...mapState(['user']),
+        /** @returns {import('@/store/modules/user').State} */
+        user() { return this.$store.state.user; },
+        /** @returns {string} */
         mvPoster() {
             return sizeImg(this.mv.picUrl, HiDpiPx(720), HiDpiPx(405));
         },
+        /** @returns {string} */
         mvSrc() {
             const src = Object.entries(this.mv.brs).sort((a, b) => b[0] - a[0])[0][1];
             return src.replace(/^http:/, 'https:');
         },
+        /** @returns {string} */
         btnLikeText() {
             const t = this.threadInfo.liked ? '已赞' : '赞';
             return `${t} (${this.threadInfo.likedCount})`;
         },
+        /** @returns {boolean} */
         shouldSub() {
             if (this.internalShouldSub === null) return this.mv.subed;
             return this.internalShouldSub;
         },
+        /** @returns {string} */
         btnFavText() {
             const t = this.shouldSub ? '已收藏' : '收藏';
             const n = this.mv.subCount + this.subCntOffset;
             return `${t} (${n})`;
         },
+        /** @returns {string} */
         btnCommentText() {
             return `评论 (${this.threadInfo.commentCount})`;
         }
diff --git a/src/renderer/components/VideoDetail/Video.vue b/src/renderer/components/VideoDetail/Video.vue
index 18e313ff..5606793d 100644
--- a/src/renderer/components/VideoDetail/Video.vue
+++ b/src/renderer/components/VideoDetail/Video.vue
@@ -5,9 +5,8 @@
             <span class="by">by</span>
             <router-link v-for="u in video.creator"
                 :key="u.id"
-                class="creator"
                 :to="{ name: 'user', params: { id: u.id } }"
-                tag="a">{{u.name}}</router-link>
+                class="creator">{{u.name}}</router-link>
         </div>
         <video ref="videoEl"
             :src="videoSrc"
@@ -31,25 +30,30 @@
                     :color="statistic.subscribed ? 'amber': ''"></mu-icon>
                 <span>{{btnFavText}}</span>
             </mu-button>
-            <mu-button flat
-                small
-                :to="{ name: 'comment', params: { type: 'video', id: video.id } }">
-                <mu-icon left
-                    value="comment"></mu-icon>
-                <span>{{btnCommentText}}</span>
-            </mu-button>
+            <router-link :to="{ name: 'comment', params: { type: 'video', id: video.id } }"
+                v-slot="{ navigate }"
+                custom>
+                <mu-button flat
+                    small
+                    @click="navigate">
+                    <mu-icon left
+                        value="comment"></mu-icon>
+                    <span>{{btnCommentText}}</span>
+                </mu-button>
+            </router-link>
         </div>
     </div>
 </template>
 
 <script>
-import { mapActions, mapState } from 'vuex';
+import { mapActions } from 'vuex';
 
 import Api from '@/api/ipc';
 import { sizeImg, HiDpiPx } from '@/util/image';
 
 export default {
     props: {
+        /** @type {Vue.PropOptions<Models.Video>} */
         video: {
             required: true
         }
@@ -72,18 +76,23 @@ export default {
         };
     },
     computed: {
-        ...mapState(['user']),
+        /** @returns {import('@/store/modules/user').State} */
+        user() { return this.$store.state.user; },
+        /** @returns {string} */
         videoPoster() {
             return sizeImg(this.video.picUrl, HiDpiPx(720), HiDpiPx(405));
         },
+        /** @returns {string} */
         btnLikeText() {
             const t = this.threadInfo.liked ? '已赞' : '赞';
             return `${t} (${this.threadInfo.likedCount})`;
         },
+        /** @returns {string} */
         btnFavText() {
             const t = this.statistic.subscribed ? '已收藏' : '收藏';
             return `${t} (${this.statistic.subscribeCount})`;
         },
+        /** @returns {string} */
         btnCommentText() {
             return `评论 (${this.threadInfo.commentCount})`;
         }
diff --git a/src/renderer/components/VideoList.vue b/src/renderer/components/VideoList.vue
index 1730118a..c181ac68 100644
--- a/src/renderer/components/VideoList.vue
+++ b/src/renderer/components/VideoList.vue
@@ -3,7 +3,6 @@
         <router-link v-for="v in list"
             :key="v.id"
             :to="{ name:'video', params:{ id: v.id } }"
-            tag="div"
             class="v-item">
             <div class="v-cover"
                 :style="bkgImgStyle(v.picUrl)">
@@ -103,6 +102,7 @@ export default {
             }
         }
         .name {
+            color: var(--text-color);
             overflow: hidden;
             text-overflow: ellipsis;
             display: -webkit-box;
diff --git a/src/renderer/page/Comment/CommentItem.vue b/src/renderer/page/Comment/CommentItem.vue
index 3bf36360..208499b6 100644
--- a/src/renderer/page/Comment/CommentItem.vue
+++ b/src/renderer/page/Comment/CommentItem.vue
@@ -8,9 +8,8 @@
         <div class="text">
             <div class="info">
                 <div class="user">
-                    <router-link class="nickname"
-                        :to="{ name: 'user', params: { id: comment.user.userId } }"
-                        tag="a">{{ comment.user.nickname }}</router-link>
+                    <router-link :to="{ name: 'user', params: { id: comment.user.userId } }"
+                        class="nickname">{{ comment.user.nickname }}</router-link>
                     <div class="time"> {{longDate(comment.time)}}</div>
                 </div>
                 <div class="actions">
@@ -55,9 +54,8 @@
                     <div class="text">
                         <div class="info">
                             <div class="user">
-                                <router-link class="nickname"
-                                    :to="{ name: 'user', params: { id: reply.user.userId } }"
-                                    tag="a">{{ reply.user.nickname }}</router-link>
+                                <router-link :to="{ name: 'user', params: { id: reply.user.userId } }"
+                                    class="nickname">{{ reply.user.nickname }}</router-link>
                             </div>
                         </div>
                         <div class="content">
diff --git a/src/renderer/page/Index/ActionItem.vue b/src/renderer/page/Index/ActionItem.vue
index 5c994912..6ec41623 100644
--- a/src/renderer/page/Index/ActionItem.vue
+++ b/src/renderer/page/Index/ActionItem.vue
@@ -1,7 +1,6 @@
 <template functional>
-    <router-link tag="div"
-        class="action-item"
-        :to="props.to">
+    <router-link :to="props.to"
+        class="action-item">
         <div class="item-icon mu-primary-text-color">
             <mu-icon :value="props.icon"
                 :size="48"></mu-icon>
@@ -44,6 +43,7 @@ export default {
         transition: 0.5s;
     }
     .item-desc {
+        color: var(--text-color);
         text-align: center;
         margin: 8px 0 0 0;
     }
diff --git a/src/renderer/page/Index/ScrollerItem.vue b/src/renderer/page/Index/ScrollerItem.vue
index aae0f7a4..9a798e11 100644
--- a/src/renderer/page/Index/ScrollerItem.vue
+++ b/src/renderer/page/Index/ScrollerItem.vue
@@ -1,7 +1,6 @@
 <template functional>
     <router-link :to="props.to"
         :title="props.title"
-        tag="div"
         class="scroll-item">
         <div class="cover">
             <img class="img"
@@ -90,6 +89,7 @@ export default {
         }
     }
     .caption {
+        color: var(--text-color);
         height: 42px;
         display: -webkit-box;
         -webkit-line-clamp: 2;
diff --git a/src/renderer/page/Player.vue b/src/renderer/page/Player.vue
index cda99f01..e3f68f32 100644
--- a/src/renderer/page/Player.vue
+++ b/src/renderer/page/Player.vue
@@ -45,16 +45,20 @@
                         value="bookmark_border"></mu-icon>
                     <span>收藏</span>
                 </mu-button>
-                <mu-button flat
-                    small
-                    color="black"
-                    :to="commentRoute"
-                    replace>
-                    <mu-icon left
-                        :size="18"
-                        value="comment"></mu-icon>
-                    <span>评论 ({{ commentCount }})</span>
-                </mu-button>
+                <router-link :to="commentRoute"
+                    v-slot="{ navigate }"
+                    custom>
+                    <mu-button flat
+                        small
+                        color="black"
+                        @click="navigate"
+                        replace>
+                        <mu-icon left
+                            :size="18"
+                            value="comment"></mu-icon>
+                        <span>评论 ({{ commentCount }})</span>
+                    </mu-button>
+                </router-link>
                 <mu-button flat
                     small
                     color="black"
@@ -99,16 +103,19 @@
         <div class="info">
             <div class="title">
                 <span class="name">{{ playing.name }}</span>
-                <mu-button v-if="playing.mv"
-                    icon
-                    small
-                    color="primary"
-                    class="btn-mv"
-                    title="查看 MV"
+                <router-link v-if="playing.mv"
                     :to="{ name: 'video', params: { id: playing.mv } }"
-                    replace>
-                    <mu-icon value="music_video"></mu-icon>
-                </mu-button>
+                    v-slot="{ navigate }"
+                    replace
+                    custom>
+                    <mu-button icon
+                        small
+                        color="primary"
+                        class="btn-mv"
+                        title="查看 MV"
+                        @click="navigate">
+                        <mu-icon value="music_video"></mu-icon>
+                    </mu-button></router-link>
             </div>
             <p class="source">
                 <template v-if="isDjRadioProgram">
@@ -380,6 +387,9 @@ export default {
                 ctx.drawImage(bm, 0, 0, size, size, -30, -30, w + 60, h + 60);
             });
         },
+        /** 
+         * @param {ImageBitmapSource} bms
+         */
         async determineBrightness(bms) {
             const b = await workerExecute('determineBrightness', bms);
             // globalAlpha = 0.9;  brightness(0.75)
@@ -395,6 +405,7 @@ export default {
             const thread = source.djradio ? `A_DJ_1_${source.djradio.id}` : `R_SO_4_${id}`;
             const resp = await Api.getCommentThreadInfoE(thread);
             if (resp.code === 200) {
+                if (id !== this.threadInfoId) return;
                 this.threadLiked = resp.liked;
                 this.commentCount = resp.commentCount;
             }