Vue.Js Programming Tutorials, Guides & Best Practices

Add the following configuration:

   import { defineConfig } from 'vite';
   import laravel from 'laravel-vite-plugin';
   import vue from '@vitejs/plugin-vue';

   export default defineConfig({
       plugins: [
           laravel({
               input: ['resources/css/app.css', 'resources/js/app.js'],
               refresh: true,
           }),
           vue(),
       ],
       resolve: {
           alias: {
               vue: 'vue/dist/vue.esm-bundler.js', // Ensures runtime template compilation works
           },
       },
   });