providers added

src/App.vue

@@ -3,9 +3,20 @@ import NavBar from '@/components/Navbar/NavBar.vue'
 </script>
 
 <template>
+  <n-config-provider>
+    <n-message-provider>
+      <n-dialog-provider>
+        <n-notification-provider>
           <NavBar />
 
-  <n-grid responsive="screen" item-responsive cols="24" :x-gap="16" :y-gap="16" class="shift">
+          <n-grid
+            responsive="screen"
+            item-responsive
+            cols="24"
+            :x-gap="16"
+            :y-gap="16"
+            class="shift"
+          >
             <n-gi span="xs:1 s:1 m:2 l:2 xl:3 xxl:3" />
 
             <n-gi span="xs:22 s:22 m:20 l:20 xl:18 xxl:18">
@@ -14,10 +25,14 @@ import NavBar from '@/components/Navbar/NavBar.vue'
 
             <n-gi span="xs:1 s:1 m:2 l:2 xl:3 xxl:3" />
           </n-grid>
+        </n-notification-provider>
+      </n-dialog-provider>
+    </n-message-provider>
+  </n-config-provider>
 </template>
 
 <style scoped>
-.shift{
+.shift {
   padding-top: 10px;
 }
 </style>