refactor: refactor coding style

src/components/Topbar/Topbar.vue

@@ -41,16 +41,18 @@ const avatarImg = ref<HTMLImageElement>() as Ref<HTMLImageElement>
 const avatarShadow = ref<HTMLImageElement>() as Ref<HTMLImageElement>
 
 watch(
-  () => showNotificationsPop,
-  () => {
-    getUnreadMessageCount()
+  showNotificationsPop,
+  (newVal) => {
+    if (!newVal)
+      getUnreadMessageCount()
   },
 )
 
 watch(
-  () => showMomentsPop,
-  () => {
-    getNewMomentsCount()
+  showMomentsPop,
+  (newVal) => {
+    if (!newVal)
+      getNewMomentsCount()
   },
 )
 
@@ -110,7 +112,9 @@ async function getUserInfo() {
       Object.assign(userInfo, res.data)
     }
     // Account not logged in
-    else if (res.code === -101) { isLogin.value = false }
+    else if (res.code === -101) {
+      isLogin.value = false
+    }
   }
   catch (error) {
     isLogin.value = false

src/contentScripts/views/Home/components/RecommendContent.vue

@@ -175,7 +175,7 @@ function jumpToLoginPage() {
     </template>
 
     <!-- skeleton -->
-    <template v-for="item in (settings.recommendationMode === 'web' ? 30 : 30)" :key="item">
+    <template v-for="item in 30" :key="item">
       <div
         v-if="isLoading"
         mb-8 pointer-events-none select-none