svelteIntegration() — astro Function Reference

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

Function typescript CoreAstro CoreMiddleware calls 2

Entity Profile

CoreAstro→ CoreMiddleware→ svelteIntegration() — astro Function Reference

Dependency Diagram

graph TD
  c46cdddc_45ab_d0a0_914e_965c18883ac7["svelteIntegration()"]
  f101d1c4_9deb_6cac_9ca2_88a310d5a8a5["index.ts"]
  c46cdddc_45ab_d0a0_914e_965c18883ac7 -->|defined in| f101d1c4_9deb_6cac_9ca2_88a310d5a8a5
  4ce943b6_10e5_3788_daca_4ee496c971ac["getRenderer()"]
  c46cdddc_45ab_d0a0_914e_965c18883ac7 -->|calls| 4ce943b6_10e5_3788_daca_4ee496c971ac
  57694432_f976_a84a_9cf7_7c2dc196aa58["configEnvironmentPlugin()"]
  c46cdddc_45ab_d0a0_914e_965c18883ac7 -->|calls| 57694432_f976_a84a_9cf7_7c2dc196aa58
  style c46cdddc_45ab_d0a0_914e_965c18883ac7 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/integrations/svelte/src/index.ts lines 16–30

export default function svelteIntegration(options?: Options): AstroIntegration {
	return {
		name: '@astrojs/svelte',
		hooks: {
			'astro:config:setup': async ({ updateConfig, addRenderer }) => {
				addRenderer(getRenderer());
				updateConfig({
					vite: {
						plugins: [svelte(options), configEnvironmentPlugin()],
					},
				});
			},
		},
	};
}