Function vueConfig

packages/vite/configuration/vue.ts:18–177

({ mode })

const __dirname = dirname(__filename);

export const vueConfig = ({ mode }): UserConfig => {
	const targetMode = mode === 'development' ? 'development' : 'production';
	const cliFlags = getCliFlags();
	const isDevMode = targetMode === 'development';
	const hmrActive = isDevMode && !!cliFlags.hmr;

	return mergeConfig(baseConfig({ mode }), {
		plugins: [
			{
				...alias({
					entries: {
						// Retain 'vue' alias to 'nativescript-vue' so any generic Vue imports resolve
						// to the NativeScript-Vue runtime.
						vue: 'nativescript-vue',
						'set-value': resolve(__dirname, '../shims/set-value.js'),
					},
				}),
				enforce: 'pre',
			},
			// Enable Vue Single File Component support
			vue({
				// NativeScript projects often use <script setup lang="ts">
				script: {
					defineModel: true,
					propsDestructure: true,
				},
				// Keep template compilation basic; transform asset URLs is not needed for NS
				template: {
					transformAssetUrls: false,
					compilerOptions: {
						// Only treat real web custom elements (hyphenated) as custom.
						// DO NOT match PascalCase NativeScript tags.
						isCustomElement: (tag) => tag.includes('-'),
					},
				},
			}),
			// Optional: allow JSX/TSX in Vue components if used
			vueJsx(),
			// With HMR, apply post-transform to make any named import from 'nativescript-vue' bulletproof in build mode.
			// It rewrites `import { X as Y } from 'nativescript-vue'` to a namespace import and
			// creates local const bindings that pick from either the module's named export (if present)
			// or the default object's property, auto-binding functions to the default instance.
			hmrActive
				? {
						name: 'ns-vue-named-imports-interop',
						apply: 'build',
						enforce: 'post',
						transform(code: string, id: string) {
							// Only operate on JS/TS and extracted Vue script blocks
							if (!/\.(mjs|cjs|js|ts|jsx|tsx)(\?|$)/.test(id) && !/\.vue\?vue&type=script/.test(id)) {
								return null;
							}
							let ast: any;
							try {
								ast = babelParse(code, {
									sourceType: 'module',
									plugins: [
										'typescript',