recipes/vue3/vite.config.ts

import {fileURLToPath, URL} from 'node:url'

import {defineConfig} from 'vite'
import vue from '@vitejs/plugin-vue'
import vuetify, {transformAssetUrls} from 'vite-plugin-vuetify'
import {VitePWA} from "vite-plugin-pwa";

// https://vitejs.dev/config/
export default defineConfig({
    base: '/static/vue3/',
    plugins: [
        vue({
            template: {transformAssetUrls}
        }),
        vuetify({
            autoImport: true,
        }),
        VitePWA({
            registerType: 'autoUpdate',
            strategies: 'injectManifest',
            srcDir: 'src',
            filename: 'sw.ts',
            injectManifest: {
                swDest: "../cookbook/templates/sw.js",
                injectionPoint: undefined
            }
        })
    ],
    resolve: {
        alias: {
            '@': fileURLToPath(new URL('./src', import.meta.url)),
            vue: fileURLToPath(new URL("./node_modules/vue/dist/vue.esm-bundler.js", import.meta.url)),
        },
        extensions: ['.js', '.json', '.jsx', '.mjs', '.ts', '.tsx', '.vue',],
    },
    clearScreen: false,
    build: {
        outDir: '../cookbook/static/vue3/',
        // generate manifest.json in outDir
        manifest: 'manifest.json',
        rollupOptions: {
            // overwrite default .html entry
            input: [
                'src/apps/tandoor/main.ts',
            ],
        },
    },
    server: {
        host: '0.0.0.0', // only needed to expose dev server to network bound IPs
        origin: 'http://localhost:5173',
    }
})