svelte_visitors.SvelteComponent() — svelte Function Reference

Architecture documentation for the svelte_visitors.SvelteComponent() function in index.js from the svelte codebase.

Function javascript Compiler Transformer calls 2

Entity Profile

Compiler→ Transformer→ svelte_visitors.SvelteComponent() — svelte Function Reference

Dependency Diagram

graph TD
  bf5d5240_8295_eb9d_761a_40c36ac83580["svelte_visitors.SvelteComponent()"]
  f0404eed_e134_3c7c_7b38_1cb13c71f197["index.js"]
  bf5d5240_8295_eb9d_761a_40c36ac83580 -->|defined in| f0404eed_e134_3c7c_7b38_1cb13c71f197
  64c42a6a_4e9f_ca08_f5f4_a6300195f48a["attributes()"]
  bf5d5240_8295_eb9d_761a_40c36ac83580 -->|calls| 64c42a6a_4e9f_ca08_f5f4_a6300195f48a
  139b5520_1d69_2489_cf79_ff7f67682f82["block()"]
  bf5d5240_8295_eb9d_761a_40c36ac83580 -->|calls| 139b5520_1d69_2489_cf79_ff7f67682f82
  style bf5d5240_8295_eb9d_761a_40c36ac83580 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/svelte/src/compiler/print/index.js lines 766–780

	SvelteComponent(node, context) {
		context.write('<svelte:component');

		context.write(' this={');
		context.visit(node.expression);
		context.write('}');
		attributes(node.attributes, context);
		if (node.fragment && node.fragment.nodes.length > 0) {
			context.write('>');
			block(context, node.fragment, true);
			context.write(`</svelte:component>`);
		} else {
			context.write(' />');
		}
	},