vite.config.js

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

export default defineConfig({
    server: {
        host: "0.0.0.0",
        hmr: process.env.GITPOD_WORKSPACE_URL
            ? {
                  // Due to port forwarding, we have to replace
                  // 'https' with the forwarded port, as this
                  // is the URI created by GitPod.
                  host: process.env.GITPOD_WORKSPACE_URL.replace(
                      "https://",
                      "5173-"
                  ),
                  protocol: "wss",
                  clientPort: 443,
              }
            : {
                  host: "localhost",
              },
    },
    plugins: [
        laravel({
            input: [
                'resources/css/app.css',
                'resources/js/app.js',
            ],
            refresh: true,
        }),
        vue({
            template: {
                transformAssetUrls: {
                    base: null,
                    includeAbsolute: false,
                },
            },
        }),
    ],
    resolve: {
        alias: {
            vue: 'vue/dist/vue.esm-bundler.js',
        },
    },
});