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

const host = process.env.VITE_HMR_HOST || "localhost";
const clientPort = process.env.VITE_HMR_CLIENTPORT || 5173;
const protocol = process.env.VITE_HMR_PROTOCOL || "ws";

export default defineConfig({
    plugins: [
        vue(),
        laravel({
            input: ["resources/css/app.css", "resources/js/app.js"],
            refresh: true,
        }),
    ],
    server: {
        host: '0.0.0.0',
        headers: {
            'Cross-Origin-Embedder-Policy': 'unsafe-none',
            'Cross-Origin-Resource-Policy': 'cross-origin',
        },
        hmr: {
            protocol: protocol,
            host: host,
            clientPort: clientPort
        },
    },
    resolve: {
        alias: {
            vue: "vue/dist/vue.esm-bundler.js",
        },
    },
});