removed unplugin. Working on better performance in dev mode...

resources/js/Layouts/BELayout.vue

@@ -9,6 +9,7 @@
 </template>
 
 <script lang="ts" setup>
+    import { NConfigProvider } from 'naive-ui'
     import LoginLayout from '@/layouts/LoginLayout.vue'
     import MainNav from '@/components/MainNav.vue'
 

resources/js/components/FlashMessages.vue

@@ -63,7 +63,7 @@
     function flattenObject(input: Object) {
         if (input === null) return input
 
-        return Object.values(input).map((value) => Object.entries(value)).flat().reduce((acc: Array<Object>, [key, value]) => {
+        return Object.values(input).map((value: any) => Object.entries(value)).flat().reduce((acc: Array<Object>, [key, value]) => {
             acc.push({[key]: value});
             return acc;
         }, []);

resources/js/components/MainNav.vue

@@ -10,12 +10,13 @@
 </template>
 
 <script lang="ts" setup>
-    import { Link, usePage } from '@inertiajs/vue3'
-    import { h, ref } from 'vue';
     import type { Ref, Component } from 'vue'
     import type { MenuOption } from 'naive-ui'
     import type { User } from '../types/User'
-    import { NIcon } from 'naive-ui'
+
+    import { Link, usePage } from '@inertiajs/vue3'
+    import { h, ref } from 'vue';
+    import { NIcon, NMenu } from 'naive-ui'
     import {
         GroupsFilled as Users,
         EventNoteFilled as Events,

resources/js/pages/Events/Index.vue

@@ -12,6 +12,7 @@
 <script setup lang="ts">
 import BELayout from '@/layouts/BELayout.vue'
 import FlashMessages from '@/components/FlashMessages.vue'
+import { NMessageProvider } from 'naive-ui'
 
 defineOptions({
     layout: BELayout

resources/js/pages/Home.vue

@@ -15,6 +15,7 @@
 <script setup lang="ts">
 import { ref } from 'vue'
 import FlashMessages from '@/components/FlashMessages.vue'
+import { NMessageProvider } from 'naive-ui'
 
 const props = defineProps({
     test: String,

resources/js/pages/Login.vue

@@ -46,9 +46,11 @@
 </template>
 
 <script setup lang="ts">
-    import { ref } from 'vue'
-    import { router } from '@inertiajs/vue3'
     import type { FormInst } from 'naive-ui'
+
+    import { ref } from 'vue'
+    import { NMessageProvider, NInput, NForm, NFormItem } from 'naive-ui'
+    import { router } from '@inertiajs/vue3'
     import LoginLayout from '@/layouts/LoginLayout.vue'
     import FlashMessages from '@/components/FlashMessages.vue'
 

resources/js/pages/Users/Index.vue

@@ -20,7 +20,7 @@ import type { VNode } from 'vue'
 import { h } from 'vue'
 import BELayout from '@/layouts/BELayout.vue'
 import FlashMessages from '@/components/FlashMessages.vue'
-import { NIcon, NButton } from 'naive-ui'
+import { NIcon, NButton, NDataTable, NMessageProvider } from 'naive-ui'
 
 import {
    AdminPanelSettingsFilled as Admin,