From ffc042167ae18592c2cb4e7ad235152df17e1031 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BC=A0=E4=BC=A0=E9=BE=99?= <zclzone@outlook.com>
Date: Tue, 24 May 2022 15:13:11 +0800
Subject: [PATCH] =?UTF-8?q?fear:=20=E9=9B=86=E6=88=90Naive=20UI=20Notifica?=
 =?UTF-8?q?tion=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/AppProvider/NotificationContent.vue | 10 ++++++++++
 src/components/AppProvider/index.vue               |  6 +++++-
 2 files changed, 15 insertions(+), 1 deletion(-)
 create mode 100644 src/components/AppProvider/NotificationContent.vue

diff --git a/src/components/AppProvider/NotificationContent.vue b/src/components/AppProvider/NotificationContent.vue
new file mode 100644
index 0000000..f23d3ec
--- /dev/null
+++ b/src/components/AppProvider/NotificationContent.vue
@@ -0,0 +1,10 @@
+<template></template>
+
+<script setup>
+import { useNotification } from 'naive-ui'
+window['$notification'] = useNotification()
+Object.defineProperty(window, '$notification', {
+  configurable: false,
+  writable: false,
+})
+</script>
diff --git a/src/components/AppProvider/index.vue b/src/components/AppProvider/index.vue
index e834bf9..307a864 100644
--- a/src/components/AppProvider/index.vue
+++ b/src/components/AppProvider/index.vue
@@ -6,7 +6,10 @@
         <DialogContent />
         <n-message-provider>
           <MessageContent />
-          <slot></slot>
+          <n-notification-provider>
+            <NotificationContent />
+            <slot></slot>
+          </n-notification-provider>
         </n-message-provider>
       </n-dialog-provider>
     </n-loading-bar-provider>
@@ -18,6 +21,7 @@ import MessageContent from './MessageContent.vue'
 import DialogContent from './DialogContent.vue'
 import LoadingBar from './LoadingBar.vue'
 import { useThemeStore } from '@/store/modules/theme'
+import NotificationContent from './NotificationContent.vue'
 
 const useTheme = useThemeStore()
 </script>