fix: 修复版本号显示不正确的问题 (#595)

Author: ayangweb

src/App.vue

@@ -35,6 +35,7 @@ onMounted(async () => {
   generateColorVars()
 
   await appStore.$tauri.start()
+  await appStore.init()
   await modelStore.$tauri.start()
   await modelStore.init()
   await catStore.$tauri.start()

src/pages/main/index.vue

@@ -78,15 +78,15 @@ watch(() => modelStore.currentModel, async (model) => {
   }
 }, { deep: true, immediate: true })
 
-watch([() => catStore.scale, modelSize], async () => {
-  if (!modelSize.value) return
+watch([() => catStore.scale, modelSize], async ([scale, modelSize]) => {
+  if (!modelSize) return
 
-  const { width, height } = modelSize.value
+  const { width, height } = modelSize
 
   appWindow.setSize(
     new PhysicalSize({
-      width: Math.round(width * (catStore.scale / 100)),
-      height: Math.round(height * (catStore.scale / 100)),
+      width: Math.round(width * (scale / 100)),
+      height: Math.round(height * (scale / 100)),
     }),
   )
 }, { immediate: true })

src/stores/app.ts

@@ -2,21 +2,22 @@ import type { WindowState } from '@/composables/useWindowState'
 
 import { getName, getVersion } from '@tauri-apps/api/app'
 import { defineStore } from 'pinia'
-import { onMounted, reactive, ref } from 'vue'
+import { reactive, ref } from 'vue'
 
 export const useAppStore = defineStore('app', () => {
   const name = ref('')
   const version = ref('')
   const windowState = reactive<WindowState>({})
 
-  onMounted(async () => {
+  const init = async () => {
     name.value = await getName()
     version.value = await getVersion()
-  })
+  }
 
   return {
     name,
     version,
     windowState,
+    init,
   }
 })