From 39a2d6c62e4b6b26e104ebca4d43bf280a4bdb82 Mon Sep 17 00:00:00 2001
From: jxxghp <jxxghp@gmail.com>
Date: Tue, 4 Jul 2023 20:21:17 +0800
Subject: [PATCH] message sse

---
 src/App.vue                       | 22 ++++++++++++++++++++++
 src/components/cards/SiteCard.vue |  8 +++++++-
 2 files changed, 29 insertions(+), 1 deletion(-)

diff --git a/src/App.vue b/src/App.vue
index 641ac741..a9627c14 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,5 +1,27 @@
 <script lang="ts" setup>
+import { useToast } from "vue-toast-notification";
+import store from "./store";
+
 const route = useRoute();
+const $toast = useToast();
+
+onMounted(() => {
+  const token = store.state.auth.token;
+  if (token) {
+    const eventSource = new EventSource(
+      `${import.meta.env.VITE_API_BASE_URL}system/message?token=${token}`
+    );
+
+    eventSource.addEventListener("message", (event) => {
+      const message = event.data;
+      $toast.info(message);
+    });
+
+    onBeforeUnmount(() => {
+      eventSource.close();
+    });
+  }
+});
 </script>
 
 <template>
diff --git a/src/components/cards/SiteCard.vue b/src/components/cards/SiteCard.vue
index 3be4d352..5db07660 100644
--- a/src/components/cards/SiteCard.vue
+++ b/src/components/cards/SiteCard.vue
@@ -26,7 +26,12 @@ onMounted(() => {
 </script>
 
 <template>
-  <VCard :height="props.height" :width="props.width" :flat="!props.site?.is_active" class="overflow-hidden">
+  <VCard
+    :height="props.height"
+    :width="props.width"
+    :flat="!props.site?.is_active"
+    class="overflow-hidden"
+  >
     <template #image>
       <VAvatar class="absolute right-2 bottom-2" variant="flat" rounded="0">
         <VImg :src="siteIcon" />
@@ -79,6 +84,7 @@ onMounted(() => {
     <VCardActions>
       <VBtn>更新</VBtn>
       <VBtn>编辑</VBtn>
+      <VBtn>测试</VBtn>
     </VCardActions>
   </VCard>
 </template>