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

export default defineConfig({
    plugins: [
        laravel({
            input: ['resources/js/app.ts'],
            ssr: 'resources/js/ssr.ts',
            refresh: true,
        }),
        tailwindcss(),
        vue({
            template: {
                transformAssetUrls: {
                    base: null,
                    includeAbsolute: false,
                },
            },
        }),
    ],
    server: {
        host: '0.0.0.0', // Cho phép truy cập từ ngoài server
        port: 5174,
        hmr: {
            host: 'pipopa-staging.gxo.co.jp', // Hoặc IP của server
	    protocol: 'wss', // Sử dụng WebSocket Secure để tương thích HTTPS
        },
    }
});