Passing props down to a child • Playground • Svelte

App.svelte

Child.svelte

import Child from './Child.svelte'

</script>

import 'svelte/internal/disclose-version';

import 'svelte/internal/flags/legacy';

import * as $ from 'svelte/internal/client';

import Child from './Child.svelte';

export default function App($$anchor) {

Child($$anchor, { propValue: 'Pass this to the child!' });

}

result = svelte.compile(source, {

generate: "client" "server",

dev: false });

/* Add a <style> tag to see the CSS output */

		
			
				
					 Root {
 css: null
js: []
start: 57
end: 102
type: "Root"
fragment: Fragment {...}
 type: "Fragment"
nodes: [...] (2)
  Text {...}
 type: "Text"
start: 55
end: 57
raw: "\n\n"
data: "\n\n"
 }
 Component {...}
 type: "Component"
start: 57
end: 102
name: "Child"
attributes: [...] (1)
  Attribute {...}
 type: "Attribute"
start: 64
end: 99
name: "propValue"
value: [...] (1)
  Text {...}
 start: 75
end: 98
type: "Text"
raw: "Pass this to the child!"
data: "Pass this to the child!"
 }
 ]
 }
 ]
fragment: Fragment {...}
 type: "Fragment"
nodes: []
 }
 }
 ]
 }
options: null
instance: Script {...}
 type: "Script"
start: 0
end: 55
context: "default"
content: Program {...}
 type: "Program"
start: 8
end: 46
loc:  {...}
 start:  {...}
 line: 1
column: 0
 }
end:  {...}
 line: 3
column: 0
 }
 }
body: [...] (1)
  ImportDeclaration {...}
 type: "ImportDeclaration"
start: 11
end: 45
loc:  {...}
 start:  {...}
 line: 2
column: 2
 }
end:  {...}
 line: 2
column: 36
 }
 }
specifiers: [...] (1)
  ImportDefaultSpecifier {...}
 type: "ImportDefaultSpecifier"
start: 18
end: 23
loc:  {...}
 start:  {...}
 line: 2
column: 9
 }
end:  {...}
 line: 2
column: 14
 }
 }
local: Identifier {...}
 type: "Identifier"
start: 18
end: 23
loc:  {...}
 start:  {...}
 line: 2
column: 9
 }
end:  {...}
 line: 2
column: 14
 }
 }
name: "Child"
 }
 }
 ]
source: Literal {...}
 type: "Literal"
start: 29
end: 45
loc:  {...}
 start:  {...}
 line: 2
column: 20
 }
end:  {...}
 line: 2
column: 36
 }
 }
value: "./Child.svelte"
raw: "'./Child.svelte'"
 }
 }
 ]
sourceType: "module"
 }
attributes: []
 }
 }

The AST is not public API and may change at any point in time

modern