astro Architecture Docs
Home / Function/ getViteConfiguration() — astro Function Reference

getViteConfiguration() — astro Function Reference

Architecture documentation for the getViteConfiguration() function in index.ts from the astro codebase.

Function typescript CoreAstro CoreMiddleware calls 2

Entity Profile

Dependency Diagram

graph TD
  0810e4f9_dbbe_5f5e_c908_9b85909deafe["getViteConfiguration()"]
  d6b688a6_0829_7b32_b7bf_a47697dce0f3["index.ts"]
  0810e4f9_dbbe_5f5e_c908_9b85909deafe -->|defined in| d6b688a6_0829_7b32_b7bf_a47697dce0f3
  b2bae89a_d085_b9c2_98dc_af3099697799["virtualAppEntrypoint()"]
  0810e4f9_dbbe_5f5e_c908_9b85909deafe -->|calls| b2bae89a_d085_b9c2_98dc_af3099697799
  ff58b6a9_2e98_3928_35b8_9da6849fd26a["configEnvironmentPlugin()"]
  0810e4f9_dbbe_5f5e_c908_9b85909deafe -->|calls| ff58b6a9_2e98_3928_35b8_9da6849fd26a
  style 0810e4f9_dbbe_5f5e_c908_9b85909deafe fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/integrations/vue/src/index.ts lines 109–147

async function getViteConfiguration(
	command: HookParameters<'astro:config:setup'>['command'],
	options?: Options,
): Promise<UserConfig> {
	const vueOptions = {
		...options,
		template: {
			...options?.template,
			transformAssetUrls: false,
		},
	} satisfies VueOptions;

	// The vue vite plugin may not manage to resolve it automatically
	vueOptions.compiler ??= await import('vue/compiler-sfc');

	const config: UserConfig = {
		plugins: [vue(vueOptions), virtualAppEntrypoint(vueOptions), configEnvironmentPlugin()],
	};

	if (options?.jsx) {
		const vueJsx = (await import('@vitejs/plugin-vue-jsx')).default;
		const jsxOptions = typeof options.jsx === 'object' ? options.jsx : undefined;
		config.plugins?.push(vueJsx(jsxOptions));
	}

	if (command === 'dev' && options?.devtools) {
		const vueDevTools = (await import('vite-plugin-vue-devtools')).default;
		const devToolsOptions = typeof options.devtools === 'object' ? options.devtools : {};
		config.plugins?.push(
			configEnvironmentPlugin(),
			vueDevTools({
				...devToolsOptions,
				appendTo: VIRTUAL_MODULE_ID,
			}),
		);
	}

	return config;
}

Domain

Subdomains

Defined In

Calls

Source

Frequently Asked Questions

What does getViteConfiguration() do?
getViteConfiguration() is a function in the astro codebase, defined in packages/integrations/vue/src/index.ts.
Where is getViteConfiguration() defined?
getViteConfiguration() is defined in packages/integrations/vue/src/index.ts at line 109.
What does getViteConfiguration() call?
getViteConfiguration() calls 2 function(s): configEnvironmentPlugin, virtualAppEntrypoint.

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free