From cb712db29e634ef0b91f2efed7809fc2c247f5df Mon Sep 17 00:00:00 2001
From: MKStoler <MKStoler1024@proton.me>
Date: Tue, 24 Sep 2024 18:14:01 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=B8=8A=E9=9D=A2=E6=97=B6=E9=97=B4?=
 =?UTF-8?q?=E5=90=8C=E6=AD=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/renderer/src/components/AppTopBar.vue | 32 ++++++++++++++++-------
 1 file changed, 23 insertions(+), 9 deletions(-)

diff --git a/src/renderer/src/components/AppTopBar.vue b/src/renderer/src/components/AppTopBar.vue
index a374be1..e0a9d1b 100644
--- a/src/renderer/src/components/AppTopBar.vue
+++ b/src/renderer/src/components/AppTopBar.vue
@@ -1,13 +1,7 @@
 <template>
   <v-system-bar class="position-fixed">
     <v-icon icon="mdi-window-close" @click="ipcHandleExit"></v-icon>
-    <span class="ms-2">{{
-      new Date().toLocaleTimeString('en-US', {
-        hour: 'numeric',
-        minute: 'numeric',
-        hour12: false
-      })
-    }}</span>
+    <span class="ms-2">{{ currentTime }}</span>
   </v-system-bar>
   <v-app-bar :elevation="2" class="position-fixed">
     <v-app-bar-title>{{ profileStore.appHeader }}</v-app-bar-title>
@@ -21,12 +15,32 @@
 </template>
 
 <script setup>
+import { ref, onMounted, onUnmounted } from 'vue';
 import { useRouter } from 'vue-router';
 import { useProfileStore } from '../stores/app';
 
 const profileStore = useProfileStore();
+const router = useRouter();
+const currentTime = ref(
+  new Date().toLocaleTimeString('en-US', {
+    hour: 'numeric',
+    minute: 'numeric',
+    hour12: false
+  })
+);
+
+const updateTime = () => {
+  currentTime.value = new Date().toLocaleTimeString('en-US', {
+    hour: 'numeric',
+    minute: 'numeric',
+    hour12: false
+  });
+};
+
+onMounted(() => {
+  const interval = setInterval(updateTime, 1000);
+  onUnmounted(() => clearInterval(interval));
+});
 
 const ipcHandleExit = () => window.electron.ipcRenderer.send('prog:exit');
-
-const router = useRouter();
 </script>