import { defineConfig } from 'vite';
import adonisjs from '@adonisjs/vite/client';
import vue from '@vitejs/plugin-vue';
import path from 'path';
import inertia from '@adonisjs/inertia/client';

export default defineConfig({
    plugins: [
        /**
         * Das inertia-Plugin muss VOR adonisjs stehen.
         * Es hilft dabei, dass SSR und Client-Komponenten richtig erkannt werden.
         */
        inertia({ ssr: { enabled: false } }), 
        vue(),
        adonisjs({
            entrypoints: ['resources/js/app.ts'], // CSS wird meist in app.ts importiert
            reload: ['resources/views/**/*.edge', 'resources/js/**/*.vue'],
        }),
    ],

    resolve: {
        alias: {
            // Stelle sicher, dass @ exakt auf resources/js zeigt
            '@': path.resolve(__dirname, './resources/js'),
            '~': path.resolve(__dirname, 'node_modules/'),
        },
    },

    /**
     * WICHTIG: Entferne die manuelle build.rollupOptions.input Konfiguration,
     * wenn du das adonisjs() Plugin nutzt. Das Plugin verwaltet die 
     * Entrypoints automatisch über die obige Konfiguration.
     */
    build: {
        sourcemap: true,
        // outDir wird normalerweise automatisch von Adonis verwaltet (public/assets)
    },
});