message sse

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>

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>