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

components.d.ts

@@ -1,19 +0,0 @@
-/* eslint-disable */
-/* prettier-ignore */
-// @ts-nocheck
-// Generated by unplugin-vue-components
-// Read more: https://github.com/vuejs/core/pull/3399
-export {}
-
-declare module 'vue' {
-  export interface GlobalComponents {
-    NButton: typeof import('naive-ui')['NButton']
-    NConfigProvider: typeof import('naive-ui')['NConfigProvider']
-    NDataTable: typeof import('naive-ui')['NDataTable']
-    NForm: typeof import('naive-ui')['NForm']
-    NFormItem: typeof import('naive-ui')['NFormItem']
-    NInput: typeof import('naive-ui')['NInput']
-    NMenu: typeof import('naive-ui')['NMenu']
-    NMessageProvider: typeof import('naive-ui')['NMessageProvider']
-  }
-}

package.json

@@ -44,6 +44,7 @@
     "@japa/preset-adonis": "^1.2.0",
     "@japa/runner": "^2.5.1",
     "@symfony/webpack-encore": "^4.1.1",
+    "@types/node": "^20.4.1",
     "@types/proxy-addr": "^2.0.0",
     "@types/source-map-support": "^0.5.6",
     "@vicons/material": "^0.12.0",
@@ -58,7 +59,6 @@
     "prettier": "^2.8.8",
     "tailwindcss": "^3.3.2",
     "typescript": "~4.6",
-    "unplugin-vue-components": "^0.25.1",
     "vue-loader": "^17.2.2",
     "webpack": "^5.88.1",
     "webpack-cli": "^4.10.0",

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,

tsconfig.json

@@ -9,6 +9,7 @@
   ],
   "compilerOptions": {
     "outDir": "build",
+    "allowJs": true,
     "rootDir": "./",
     "sourceMap": true,
     "paths": {
@@ -35,7 +36,8 @@
       "@eidellev/inertia-adonisjs",
       "@adonisjs/lucid",
       "@adonisjs/auth",
-      "@adonisjs/bouncer"
+      "@adonisjs/bouncer",
+      "node"
     ]
   }
 }

tsconfig.vue.json

@@ -8,6 +8,9 @@
     "compilerOptions": {
       "paths": {
         "@/*": ["./resources/js/"]
-      }
+      },
+      "types": [
+        "node"
+      ]
     }
   }

webpack.config.js

@@ -1,7 +1,7 @@
 const { join } = require('path')
 const Encore = require('@symfony/webpack-encore')
 const Components = require('unplugin-vue-components/webpack')
-const { NaiveUiResolver } = require('unplugin-vue-components/resolvers')
+//const { NaiveUiResolver } = require('unplugin-vue-components/resolvers')
 
 /*
 |--------------------------------------------------------------------------
@@ -194,9 +194,11 @@ Encore.enableVueLoader(() => {}, {
 }).configureDefinePlugin(options => {
   options['__VUE_OPTIONS_API__'] = true
   options['__VUE_PROD_DEVTOOLS__'] = false
-}).addPlugin( Components({
+})
-  resolvers: [NaiveUiResolver()]
+
-}))
+/*.addPlugin( Components({
+  //resolvers: [NaiveUiResolver()]
+}))*/
 
 /*
 |--------------------------------------------------------------------------
@@ -210,7 +212,7 @@ Encore.enableVueLoader(() => {}, {
 */
 const config = Encore.getWebpackConfig()
 config.infrastructureLogging = {
-  level: 'debug',
+  level: 'info',
 }
 config.stats = 'errors-warnings'