Add (new post)

vite.config.js

@@ -1,9 +1,12 @@
 import { defineConfig } from "vite";
 import laravel from "laravel-vite-plugin";
+import vue from "@vitejs/plugin-vue";
 import path from "path";
+import Components from "unplugin-vue-components/vite";
 
 export default defineConfig({
   plugins: [
+    vue(),
     laravel({
       input: [
         "resources/sass/admin-app.scss",
@@ -13,9 +16,15 @@ export default defineConfig({
       ],
       refresh: true,
     }),
+    Components({
+      dirs: ["resources/js/vue"],
+      dts: false,
+    }),
   ],
   resolve: {
     alias: {
+      vue: "vue/dist/vue.esm-bundler.js",
+      "@": path.resolve(__dirname, "./resources/js"),
       "~": path.resolve(__dirname, "node_modules"),
       "~bootstrap": path.resolve(__dirname, "node_modules/bootstrap"),
     },