diff --git a/src/AppNaiveUIProvider.vue b/src/AppNaiveUIProvider.vue
index 7d46348..4624c1d 100644
--- a/src/AppNaiveUIProvider.vue
+++ b/src/AppNaiveUIProvider.vue
@@ -14,6 +14,7 @@ const themeOverrides: GlobalThemeOverrides = {
 const ContextHolder: FunctionalComponent = () => {
   window.$nLoadingBar = useLoadingBar();
   window.$nDialog = useDialog();
+  window.$nModal = useModal();
   window.$nMessage = useMessage();
   window.$nNotification = useNotification();
   return createTextVNode();
@@ -25,6 +26,7 @@ declare global {
   export interface Window {
     $nLoadingBar?: import('naive-ui').LoadingBarProviderInst;
     $nDialog?: import('naive-ui').DialogProviderInst;
+    $nModal?: import('naive-ui').ModalProviderInst;
     $nMessage?: import('naive-ui').MessageProviderInst;
     $nNotification?: import('naive-ui').NotificationProviderInst;
   }
@@ -43,12 +45,14 @@ declare global {
   >
     <NLoadingBarProvider>
       <NDialogProvider>
-        <NNotificationProvider>
-          <NMessageProvider>
-            <ContextHolder />
-            <slot></slot>
-          </NMessageProvider>
-        </NNotificationProvider>
+        <NModalProvider>
+          <NNotificationProvider>
+            <NMessageProvider>
+              <ContextHolder />
+              <slot></slot>
+            </NMessageProvider>
+          </NNotificationProvider>
+        </NModalProvider>
       </NDialogProvider>
     </NLoadingBarProvider>
   </NConfigProvider>