refactor(Notification, ProcessingStatus, SetLanguage): move SSE connection logic to onMounted lifecycle hook and update language handling in SetLanguage component

Author: 0xJacky

app/src/components/Notification/Notification.vue

@@ -26,21 +26,23 @@ const data = ref([]) as Ref<Notification[]>
 
 const { connect } = useSSE()
 
-connect({
-  url: '/api/notifications/live',
-  onMessage: (data: Notification) => {
-    const typeTrans = {
-      0: 'error',
-      1: 'warning',
-      2: 'info',
-      3: 'success',
-    }
-
-    notification[typeTrans[data.type]]({
-      message: $gettext(data.title),
-      description: detailRender({ text: data.details, record: data }),
-    })
-  },
+onMounted(() => {
+  connect({
+    url: '/api/notifications/live',
+    onMessage: (data: Notification) => {
+      const typeTrans = {
+        0: 'error',
+        1: 'warning',
+        2: 'info',
+        3: 'success',
+      }
+
+      notification[typeTrans[data.type]]({
+        message: $gettext(data.title),
+        description: detailRender({ text: data.details, record: data }),
+      })
+    },
+  })
 })
 
 function init() {

app/src/components/ProcessingStatus/ProcessingStatus.vue

@@ -8,11 +8,13 @@ const { connect } = useSSE()
 const globalStore = useGlobalStore()
 const { processingStatus } = storeToRefs(globalStore)
 
-connect({
-  url: '/api/system/processing',
-  onMessage: data => {
-    processingStatus.value = data
-  },
+onMounted(() => {
+  connect({
+    url: '/api/system/processing',
+    onMessage: data => {
+      processingStatus.value = data
+    },
+  })
 })
 
 const isProcessing = computed(() => {

app/src/components/SetLanguage/SetLanguage.vue

@@ -5,8 +5,7 @@ import gettext from '@/gettext'
 import { useSettingsStore, useUserStore } from '@/pinia'
 
 const settings = useSettingsStore()
-const userStore = useUserStore()
-const { info } = storeToRefs(userStore)
+const user = useUserStore()
 
 const route = useRoute()
 
@@ -30,8 +29,9 @@ function updateTitle() {
 watch(current, v => {
   loadTranslations(route)
   settings.set_language(v)
-  gettext.current = v
-  userStore.updateCurrentUserLanguage(v)
+  if (user.isLogin) {
+    user.updateCurrentUserLanguage(v)
+  }
 
   updateTitle()
 })
@@ -109,11 +109,7 @@ async function init() {
 }
 
 // Reactive initialization and watch
-onMounted(async () => {
-  current.value = info.value.language || 'en'
-  await nextTick()
-  await init()
-})
+onMounted(init)
 watch(current, init)
 </script>