vite.config.mjs

import vue from '@vitejs/plugin-vue'
import { defineConfig } from 'vite';
import { resolve } from 'node:path'
import pkg from './package.json'
import typescript from '@rollup/plugin-typescript';
import cssInjectedByJsPlugin from 'vite-plugin-css-injected-by-js'

const NAME = pkg.name;
const VERSION = pkg.version;

const banner = `/*!
  * ${NAME} v${VERSION}
  * (c) ${new Date().getFullYear()} Jenesius
  * @license MIT
  */`
const srcFolder = 'src';
export default defineConfig({
    plugins: [
        {
           ...typescript({ tsconfig: resolve(srcFolder, "tsconfig.json"),  }),
            apply: 'build'
        },
        cssInjectedByJsPlugin({
            injectCodeFunction: function injectCodeCustomRunTimeFunction(cssCode, options) {
                try {
                    if (!document) return;

                    const elementStyle = document.createElement('style');
                    // SET ALL ATTRIBUTES
                    for (const attribute in options.attributes) {
                        elementStyle.setAttribute(attribute, options.attributes[attribute]);
                    }

                    elementStyle.appendChild(document.createTextNode(cssCode));
                    document.head.prepend(elementStyle);
                } catch (e) {
                    console.error('vite-plugin-css-injected-by-js', e);
                }
            }
        }),
        vue(),

    ],
    build: {

        outDir: resolve( "dist"),
        lib: {
            entry: resolve(__dirname, srcFolder, "index.ts"),
            name: "JenesiusVueForm",
            formats: [`cjs`, 'umd', 'es'],
            fileName(format) {
                return [NAME, format, 'js'].join('.');
            }
        },
        rollupOptions: {
            external: ["vue"],
            output: {
                globals: {
                    vue: 'Vue',
                },
                sourcemap: true,
                banner
            }
        },

    }
})