Create new
Bindings
Transitions
Animations
Easing
Component composition
Context API
Special elements
Module context
Debugging
Miscellaneous
App.svelte
List.svelte
runes
This component is not in runes mode.
To enable runes mode, either start using runes in your code, or add the following to the top of your component:
<svelte:options runes />
99
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
›
⌄
⌄
⌄
⌄
<script>
import List from './List.svelte';
let items1 = [
{id:1, title: 'I'},
{id:2, title: 'Am'},
{id:3, title: 'Yoda'}
];
let items2 = [
{id:4, title: 'Luke'},
{id:5, title: 'Skywalker'}
];
let items3 = [
{id:1, title: 'Emperor'},
{id:2, title: 'Palpatine'},
{id:3, title: 'Death'},
{id:4, title: 'Star'}
];
</script>
<h3>You can't mix the light side and the dark side</h3>
<p>Notice: you might experience strange issues when playing with this one in the REPL but it works fine locally. <br> There is an <a href="https://github.com/isaacHagoel/svelte-dnd-action/issues/470">open issue</a> about this.</p>
<hr>
<List items={items1} type='light'/>
<hr>
<List items={items2} type='light'/>
<hr>
<List items={items3} type='dark'/>
99
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
›
⌄
⌄
⌄
⌄
import 'svelte/internal/disclose-version';
import 'svelte/internal/flags/legacy';
import * as $ from 'svelte/internal/client';
import List from './List.svelte';
var root = $.template(`<h3>You can't mix the light side and the dark side</h3> <p>Notice: you might experience strange issues when playing with this one in the REPL but it works fine locally. <br> There is an <a href="https://github.com/isaacHagoel/svelte-dnd-action/issues/470">open issue</a> about this.</p> <hr> <!> <hr> <!> <hr> <!>`, 1);
export default function App($$anchor) {
let items1 = [
{ id: 1, title: 'I' },
{ id: 2, title: 'Am' },
{ id: 3, title: 'Yoda' }
];
let items2 = [
{ id: 4, title: 'Luke' },
{ id: 5, title: 'Skywalker' }
];
let items3 = [
{ id: 1, title: 'Emperor' },
{ id: 2, title: 'Palpatine' },
{ id: 3, title: 'Death' },
{ id: 4, title: 'Star' }
];
var fragment = root();
var node = $.sibling($.first_child(fragment), 6);
List(node, { items: items1, type: 'light' });
var node_1 = $.sibling(node, 4);
List(node_1, { items: items2, type: 'light' });
var node_2 = $.sibling(node_1, 4);
result = svelte.compile(source, {
generate: ,
});9
1
›
/* Add a <style> tag to see the CSS output */
Root {
- css: null
- js: []
- start: 345
- end: 753
- type: "Root"
fragment: Fragment {...}
- type: "Fragment"
nodes: [...] (16)
Text {...}
- type: "Text"
- start: 344
- end: 345
- raw: "\n"
- data: "\n"
} RegularElement {...}
- type: "RegularElement"
- start: 345
- end: 400
- name: "h3"
- attributes: []
fragment: Fragment {...}
- type: "Fragment"
nodes: [...] (1)
Text {...}
- type: "Text"
- start: 349
- end: 395
- raw: "You can't mix the light side and the dark side"
- data: "You can't mix the light side and the dark side"
}
]
}
} Text {...}
- type: "Text"
- start: 400
- end: 401
- raw: " "
- data: " "
} RegularElement {...}
- type: "RegularElement"
- start: 401
- end: 631
- name: "p"
- attributes: []
fragment: Fragment {...}
- type: "Fragment"
nodes: [...] (5)
Text {...}
- type: "Text"
- start: 404
- end: 514
- raw: "Notice: you might experience strange issues when playing with this one in the REPL but it works fine locally. "
- data: "Notice: you might experience strange issues when playing with this one in the REPL but it works fine locally. "
} RegularElement {...}
- type: "RegularElement"
- start: 514
- end: 518
- name: "br"
- attributes: []
fragment: Fragment {...}
- type: "Fragment"
- nodes: []
}
} Text {...}
- type: "Text"
- start: 518
- end: 531
- raw: " There is an "
- data: " There is an "
} RegularElement {...}
- type: "RegularElement"
- start: 531
- end: 615
- name: "a"
attributes: [...] (1)
Attribute {...}
- type: "Attribute"
- start: 534
- end: 600
- name: "href"
value: [...] (1)
Text {...}
- start: 540
- end: 599
- type: "Text"
- raw: "https://github.com/isaacHagoel/svelte-dnd-action/issues/470"
- data: "https://github.com/isaacHagoel/svelte-dnd-action/issues/470"
}
]
}
]fragment: Fragment {...}
- type: "Fragment"
nodes: [...] (1)
Text {...}
- type: "Text"
- start: 601
- end: 611
- raw: "open issue"
- data: "open issue"
}
]
}
} Text {...}
- type: "Text"
- start: 615
- end: 627
- raw: " about this."
- data: " about this."
}
]
}
} Text {...}
- type: "Text"
- start: 631
- end: 632
- raw: " "
- data: " "
} RegularElement {...}
- type: "RegularElement"
- start: 632
- end: 636
- name: "hr"
- attributes: []
fragment: Fragment {...}
- type: "Fragment"
- nodes: []
}
} Text {...}
- type: "Text"
- start: 636
- end: 637
- raw: " "
- data: " "
} Component {...}
- type: "Component"
- start: 637
- end: 672
- name: "List"
attributes: [...] (2)
Attribute {...}
- type: "Attribute"
- start: 643
- end: 657
- name: "items"
value: ExpressionTag {...}
- type: "ExpressionTag"
- start: 649
- end: 657
expression: Identifier {...}
- type: "Identifier"
- start: 650
- end: 656
loc: {...}
start: {...}
- line: 22
- column: 13
}end: {...}
- line: 22
- column: 19
}
}- name: "items1"
}
}
} Attribute {...}
- type: "Attribute"
- start: 658
- end: 670
- name: "type"
value: [...] (1)
Text {...}
- start: 664
- end: 669
- type: "Text"
- raw: "light"
- data: "light"
}
]
}
]fragment: Fragment {...}
- type: "Fragment"
- nodes: []
}
} Text {...}
- type: "Text"
- start: 672
- end: 673
- raw: " "
- data: " "
} RegularElement {...}
- type: "RegularElement"
- start: 673
- end: 677
- name: "hr"
- attributes: []
fragment: Fragment {...}
- type: "Fragment"
- nodes: []
}
} Text {...}
- type: "Text"
- start: 677
- end: 678
- raw: " "
- data: " "
} Component {...}
- type: "Component"
- start: 678
- end: 713
- name: "List"
attributes: [...] (2)
Attribute {...}
- type: "Attribute"
- start: 684
- end: 698
- name: "items"
value: ExpressionTag {...}
- type: "ExpressionTag"
- start: 690
- end: 698
expression: Identifier {...}
- type: "Identifier"
- start: 691
- end: 697
loc: {...}
start: {...}
- line: 24
- column: 13
}end: {...}
- line: 24
- column: 19
}
}- name: "items2"
}
}
} Attribute {...}
- type: "Attribute"
- start: 699
- end: 711
- name: "type"
value: [...] (1)
Text {...}
- start: 705
- end: 710
- type: "Text"
- raw: "light"
- data: "light"
}
]
}
]fragment: Fragment {...}
- type: "Fragment"
- nodes: []
}
} Text {...}
- type: "Text"
- start: 713
- end: 714
- raw: " "
- data: " "
} RegularElement {...}
- type: "RegularElement"
- start: 714
- end: 718
- name: "hr"
- attributes: []
fragment: Fragment {...}
- type: "Fragment"
- nodes: []
}
} Text {...}
- type: "Text"
- start: 718
- end: 719
- raw: " "
- data: " "
} Component {...}
- type: "Component"
- start: 719
- end: 753
- name: "List"
attributes: [...] (2)
Attribute {...}
- type: "Attribute"
- start: 725
- end: 739
- name: "items"
value: ExpressionTag {...}
- type: "ExpressionTag"
- start: 731
- end: 739
expression: Identifier {...}
- type: "Identifier"
- start: 732
- end: 738
loc: {...}
start: {...}
- line: 26
- column: 13
}end: {...}
- line: 26
- column: 19
}
}- name: "items3"
}
}
} Attribute {...}
- type: "Attribute"
- start: 740
- end: 751
- name: "type"
value: [...] (1)
Text {...}
- start: 746
- end: 750
- type: "Text"
- raw: "dark"
- data: "dark"
}
]
}
]fragment: Fragment {...}
- type: "Fragment"
- nodes: []
}
}
]
}- options: null
instance: Script {...}
- type: "Script"
- start: 0
- end: 344
- context: "default"
content: Program {...}
- type: "Program"
- start: 8
- end: 335
loc: {...}
start: {...}
- line: 1
- column: 0
}end: {...}
- line: 18
- column: 0
}
}body: [...] (4)
ImportDeclaration {...}
- type: "ImportDeclaration"
- start: 10
- end: 43
loc: {...}
start: {...}
- line: 2
- column: 1
}end: {...}
- line: 2
- column: 34
}
}specifiers: [...] (1)
ImportDefaultSpecifier {...}
- type: "ImportDefaultSpecifier"
- start: 17
- end: 21
loc: {...}
start: {...}
- line: 2
- column: 8
}end: {...}
- line: 2
- column: 12
}
}local: Identifier {...}
- type: "Identifier"
- start: 17
- end: 21
loc: {...}
start: {...}
- line: 2
- column: 8
}end: {...}
- line: 2
- column: 12
}
}- name: "List"
}
}
]source: Literal {...}
- type: "Literal"
- start: 27
- end: 42
loc: {...}
start: {...}
- line: 2
- column: 18
}end: {...}
- line: 2
- column: 33
}
}- value: "./List.svelte"
- raw: "'./List.svelte'"
}
} VariableDeclaration {...}
- type: "VariableDeclaration"
- start: 45
- end: 132
loc: {...}
start: {...}
- line: 3
- column: 1
}end: {...}
- line: 7
- column: 3
}
}declarations: [...] (1)
VariableDeclarator {...}
- type: "VariableDeclarator"
- start: 49
- end: 131
loc: {...}
start: {...}
- line: 3
- column: 5
}end: {...}
- line: 7
- column: 2
}
}id: Identifier {...}
- type: "Identifier"
- start: 49
- end: 55
loc: {...}
start: {...}
- line: 3
- column: 5
}end: {...}
- line: 3
- column: 11
}
}- name: "items1"
}init: ArrayExpression {...}
- type: "ArrayExpression"
- start: 58
- end: 131
loc: {...}
start: {...}
- line: 3
- column: 14
}end: {...}
- line: 7
- column: 2
}
}elements: [...] (3)
ObjectExpression {...}
- type: "ObjectExpression"
- start: 62
- end: 80
loc: {...}
start: {...}
- line: 4
- column: 2
}end: {...}
- line: 4
- column: 20
}
}properties: [...] (2)
Property {...}
- type: "Property"
- start: 63
- end: 67
loc: {...}
start: {...}
- line: 4
- column: 3
}end: {...}
- line: 4
- column: 7
}
}- method: false
- shorthand: false
- computed: false
key: Identifier {...}
- type: "Identifier"
- start: 63
- end: 65
loc: {...}
start: {...}
- line: 4
- column: 3
}end: {...}
- line: 4
- column: 5
}
}- name: "id"
}value: Literal {...}
- type: "Literal"
- start: 66
- end: 67
loc: {...}
start: {...}
- line: 4
- column: 6
}end: {...}
- line: 4
- column: 7
}
}- value: 1
- raw: "1"
}- kind: "init"
} Property {...}
- type: "Property"
- start: 69
- end: 79
loc: {...}
start: {...}
- line: 4
- column: 9
}end: {...}
- line: 4
- column: 19
}
}- method: false
- shorthand: false
- computed: false
key: Identifier {...}
- type: "Identifier"
- start: 69
- end: 74
loc: {...}
start: {...}
- line: 4
- column: 9
}end: {...}
- line: 4
- column: 14
}
}- name: "title"
}value: Literal {...}
- type: "Literal"
- start: 76
- end: 79
loc: {...}
start: {...}
- line: 4
- column: 16
}end: {...}
- line: 4
- column: 19
}
}- value: "I"
- raw: "'I'"
}- kind: "init"
}
]
} ObjectExpression {...}
- type: "ObjectExpression"
- start: 84
- end: 103
loc: {...}
start: {...}
- line: 5
- column: 2
}end: {...}
- line: 5
- column: 21
}
}properties: [...] (2)
Property {...}
- type: "Property"
- start: 85
- end: 89
loc: {...}
start: {...}
- line: 5
- column: 3
}end: {...}
- line: 5
- column: 7
}
}- method: false
- shorthand: false
- computed: false
key: Identifier {...}
- type: "Identifier"
- start: 85
- end: 87
loc: {...}
start: {...}
- line: 5
- column: 3
}end: {...}
- line: 5
- column: 5
}
}- name: "id"
}value: Literal {...}
- type: "Literal"
- start: 88
- end: 89
loc: {...}
start: {...}
- line: 5
- column: 6
}end: {...}
- line: 5
- column: 7
}
}- value: 2
- raw: "2"
}- kind: "init"
} Property {...}
- type: "Property"
- start: 91
- end: 102
loc: {...}
start: {...}
- line: 5
- column: 9
}end: {...}
- line: 5
- column: 20
}
}- method: false
- shorthand: false
- computed: false
key: Identifier {...}
- type: "Identifier"
- start: 91
- end: 96
loc: {...}
start: {...}
- line: 5
- column: 9
}end: {...}
- line: 5
- column: 14
}
}- name: "title"
}value: Literal {...}
- type: "Literal"
- start: 98
- end: 102
loc: {...}
start: {...}
- line: 5
- column: 16
}end: {...}
- line: 5
- column: 20
}
}- value: "Am"
- raw: "'Am'"
}- kind: "init"
}
]
} ObjectExpression {...}
- type: "ObjectExpression"
- start: 107
- end: 128
loc: {...}
start: {...}
- line: 6
- column: 2
}end: {...}
- line: 6
- column: 23
}
}properties: [...] (2)
Property {...}
- type: "Property"
- start: 108
- end: 112
loc: {...}
start: {...}
- line: 6
- column: 3
}end: {...}
- line: 6
- column: 7
}
}- method: false
- shorthand: false
- computed: false
key: Identifier {...}
- type: "Identifier"
- start: 108
- end: 110
loc: {...}
start: {...}
- line: 6
- column: 3
}end: {...}
- line: 6
- column: 5
}
}- name: "id"
}value: Literal {...}
- type: "Literal"
- start: 111
- end: 112
loc: {...}
start: {...}
- line: 6
- column: 6
}end: {...}
- line: 6
- column: 7
}
}- value: 3
- raw: "3"
}- kind: "init"
} Property {...}
- type: "Property"
- start: 114
- end: 127
loc: {...}
start: {...}
- line: 6
- column: 9
}end: {...}
- line: 6
- column: 22
}
}- method: false
- shorthand: false
- computed: false
key: Identifier {...}
- type: "Identifier"
- start: 114
- end: 119
loc: {...}
start: {...}
- line: 6
- column: 9
}end: {...}
- line: 6
- column: 14
}
}- name: "title"
}value: Literal {...}
- type: "Literal"
- start: 121
- end: 127
loc: {...}
start: {...}
- line: 6
- column: 16
}end: {...}
- line: 6
- column: 22
}
}- value: "Yoda"
- raw: "'Yoda'"
}- kind: "init"
}
]
}
]
}
}
]- kind: "let"
} VariableDeclaration {...}
- type: "VariableDeclaration"
- start: 134
- end: 206
loc: {...}
start: {...}
- line: 8
- column: 1
}end: {...}
- line: 11
- column: 3
}
}declarations: [...] (1)
VariableDeclarator {...}
- type: "VariableDeclarator"
- start: 138
- end: 205
loc: {...}
start: {...}
- line: 8
- column: 5
}end: {...}
- line: 11
- column: 2
}
}id: Identifier {...}
- type: "Identifier"
- start: 138
- end: 144
loc: {...}
start: {...}
- line: 8
- column: 5
}end: {...}
- line: 8
- column: 11
}
}- name: "items2"
}init: ArrayExpression {...}
- type: "ArrayExpression"
- start: 147
- end: 205
loc: {...}
start: {...}
- line: 8
- column: 14
}end: {...}
- line: 11
- column: 2
}
}elements: [...] (2)
ObjectExpression {...}
- type: "ObjectExpression"
- start: 151
- end: 172
loc: {...}
start: {...}
- line: 9
- column: 2
}end: {...}
- line: 9
- column: 23
}
}properties: [...] (2)
Property {...}
- type: "Property"
- start: 152
- end: 156
loc: {...}
start: {...}
- line: 9
- column: 3
}end: {...}
- line: 9
- column: 7
}
}- method: false
- shorthand: false
- computed: false
key: Identifier {...}
- type: "Identifier"
- start: 152
- end: 154
loc: {...}
start: {...}
- line: 9
- column: 3
}end: {...}
- line: 9
- column: 5
}
}- name: "id"
}value: Literal {...}
- type: "Literal"
- start: 155
- end: 156
loc: {...}
start: {...}
- line: 9
- column: 6
}end: {...}
- line: 9
- column: 7
}
}- value: 4
- raw: "4"
}- kind: "init"
} Property {...}
- type: "Property"
- start: 158
- end: 171
loc: {...}
start: {...}
- line: 9
- column: 9
}end: {...}
- line: 9
- column: 22
}
}- method: false
- shorthand: false
- computed: false
key: Identifier {...}
- type: "Identifier"
- start: 158
- end: 163
loc: {...}
start: {...}
- line: 9
- column: 9
}end: {...}
- line: 9
- column: 14
}
}- name: "title"
}value: Literal {...}
- type: "Literal"
- start: 165
- end: 171
loc: {...}
start: {...}
- line: 9
- column: 16
}end: {...}
- line: 9
- column: 22
}
}- value: "Luke"
- raw: "'Luke'"
}- kind: "init"
}
]
} ObjectExpression {...}
- type: "ObjectExpression"
- start: 176
- end: 202
loc: {...}
start: {...}
- line: 10
- column: 2
}end: {...}
- line: 10
- column: 28
}
}properties: [...] (2)
Property {...}
- type: "Property"
- start: 177
- end: 181
loc: {...}
start: {...}
- line: 10
- column: 3
}end: {...}
- line: 10
- column: 7
}
}- method: false
- shorthand: false
- computed: false
key: Identifier {...}
- type: "Identifier"
- start: 177
- end: 179
loc: {...}
start: {...}
- line: 10
- column: 3
}end: {...}
- line: 10
- column: 5
}
}- name: "id"
}value: Literal {...}
- type: "Literal"
- start: 180
- end: 181
loc: {...}
start: {...}
- line: 10
- column: 6
}end: {...}
- line: 10
- column: 7
}
}- value: 5
- raw: "5"
}- kind: "init"
} Property {...}
- type: "Property"
- start: 183
- end: 201
loc: {...}
start: {...}
- line: 10
- column: 9
}end: {...}
- line: 10
- column: 27
}
}- method: false
- shorthand: false
- computed: false
key: Identifier {...}
- type: "Identifier"
- start: 183
- end: 188
loc: {...}
start: {...}
- line: 10
- column: 9
}end: {...}
- line: 10
- column: 14
}
}- name: "title"
}value: Literal {...}
- type: "Literal"
- start: 190
- end: 201
loc: {...}
start: {...}
- line: 10
- column: 16
}end: {...}
- line: 10
- column: 27
}
}- value: "Skywalker"
- raw: "'Skywalker'"
}- kind: "init"
}
]
}
]
}
}
]- kind: "let"
} VariableDeclaration {...}
- type: "VariableDeclaration"
- start: 208
- end: 334
loc: {...}
start: {...}
- line: 12
- column: 1
}end: {...}
- line: 17
- column: 3
}
}declarations: [...] (1)
VariableDeclarator {...}
- type: "VariableDeclarator"
- start: 212
- end: 333
loc: {...}
start: {...}
- line: 12
- column: 5
}end: {...}
- line: 17
- column: 2
}
}id: Identifier {...}
- type: "Identifier"
- start: 212
- end: 218
loc: {...}
start: {...}
- line: 12
- column: 5
}end: {...}
- line: 12
- column: 11
}
}- name: "items3"
}init: ArrayExpression {...}
- type: "ArrayExpression"
- start: 221
- end: 333
loc: {...}
start: {...}
- line: 12
- column: 14
}end: {...}
- line: 17
- column: 2
}
}elements: [...] (4)
ObjectExpression {...}
- type: "ObjectExpression"
- start: 225
- end: 249
loc: {...}
start: {...}
- line: 13
- column: 2
}end: {...}
- line: 13
- column: 26
}
}properties: [...] (2)
Property {...}
- type: "Property"
- start: 226
- end: 230
loc: {...}
start: {...}
- line: 13
- column: 3
}end: {...}
- line: 13
- column: 7
}
}- method: false
- shorthand: false
- computed: false
key: Identifier {...}
- type: "Identifier"
- start: 226
- end: 228
loc: {...}
start: {...}
- line: 13
- column: 3
}end: {...}
- line: 13
- column: 5
}
}- name: "id"
}value: Literal {...}
- type: "Literal"
- start: 229
- end: 230
loc: {...}
start: {...}
- line: 13
- column: 6
}end: {...}
- line: 13
- column: 7
}
}- value: 1
- raw: "1"
}- kind: "init"
} Property {...}
- type: "Property"
- start: 232
- end: 248
loc: {...}
start: {...}
- line: 13
- column: 9
}end: {...}
- line: 13
- column: 25
}
}- method: false
- shorthand: false
- computed: false
key: Identifier {...}
- type: "Identifier"
- start: 232
- end: 237
loc: {...}
start: {...}
- line: 13
- column: 9
}end: {...}
- line: 13
- column: 14
}
}- name: "title"
}value: Literal {...}
- type: "Literal"
- start: 239
- end: 248
loc: {...}
start: {...}
- line: 13
- column: 16
}end: {...}
- line: 13
- column: 25
}
}- value: "Emperor"
- raw: "'Emperor'"
}- kind: "init"
}
]
} ObjectExpression {...}
- type: "ObjectExpression"
- start: 253
- end: 279
loc: {...}
start: {...}
- line: 14
- column: 2
}end: {...}
- line: 14
- column: 28
}
}properties: [...] (2)
Property {...}
- type: "Property"
- start: 254
- end: 258
loc: {...}
start: {...}
- line: 14
- column: 3
}end: {...}
- line: 14
- column: 7
}
}- method: false
- shorthand: false
- computed: false
key: Identifier {...}
- type: "Identifier"
- start: 254
- end: 256
loc: {...}
start: {...}
- line: 14
- column: 3
}end: {...}
- line: 14
- column: 5
}
}- name: "id"
}value: Literal {...}
- type: "Literal"
- start: 257
- end: 258
loc: {...}
start: {...}
- line: 14
- column: 6
}end: {...}
- line: 14
- column: 7
}
}- value: 2
- raw: "2"
}- kind: "init"
} Property {...}
- type: "Property"
- start: 260
- end: 278
loc: {...}
start: {...}
- line: 14
- column: 9
}end: {...}
- line: 14
- column: 27
}
}- method: false
- shorthand: false
- computed: false
key: Identifier {...}
- type: "Identifier"
- start: 260
- end: 265
loc: {...}
start: {...}
- line: 14
- column: 9
}end: {...}
- line: 14
- column: 14
}
}- name: "title"
}value: Literal {...}
- type: "Literal"
- start: 267
- end: 278
loc: {...}
start: {...}
- line: 14
- column: 16
}end: {...}
- line: 14
- column: 27
}
}- value: "Palpatine"
- raw: "'Palpatine'"
}- kind: "init"
}
]
} ObjectExpression {...}
- type: "ObjectExpression"
- start: 283
- end: 305
loc: {...}
start: {...}
- line: 15
- column: 2
}end: {...}
- line: 15
- column: 24
}
}properties: [...] (2)
Property {...}
- type: "Property"
- start: 284
- end: 288
loc: {...}
start: {...}
- line: 15
- column: 3
}end: {...}
- line: 15
- column: 7
}
}- method: false
- shorthand: false
- computed: false
key: Identifier {...}
- type: "Identifier"
- start: 284
- end: 286
loc: {...}
start: {...}
- line: 15
- column: 3
}end: {...}
- line: 15
- column: 5
}
}- name: "id"
}value: Literal {...}
- type: "Literal"
- start: 287
- end: 288
loc: {...}
start: {...}
- line: 15
- column: 6
}end: {...}
- line: 15
- column: 7
}
}- value: 3
- raw: "3"
}- kind: "init"
} Property {...}
- type: "Property"
- start: 290
- end: 304
loc: {...}
start: {...}
- line: 15
- column: 9
}end: {...}
- line: 15
- column: 23
}
}- method: false
- shorthand: false
- computed: false
key: Identifier {...}
- type: "Identifier"
- start: 290
- end: 295
loc: {...}
start: {...}
- line: 15
- column: 9
}end: {...}
- line: 15
- column: 14
}
}- name: "title"
}value: Literal {...}
- type: "Literal"
- start: 297
- end: 304
loc: {...}
start: {...}
- line: 15
- column: 16
}end: {...}
- line: 15
- column: 23
}
}- value: "Death"
- raw: "'Death'"
}- kind: "init"
}
]
} ObjectExpression {...}
- type: "ObjectExpression"
- start: 309
- end: 330
loc: {...}
start: {...}
- line: 16
- column: 2
}end: {...}
- line: 16
- column: 23
}
}properties: [...] (2)
Property {...}
- type: "Property"
- start: 310
- end: 314
loc: {...}
start: {...}
- line: 16
- column: 3
}end: {...}
- line: 16
- column: 7
}
}- method: false
- shorthand: false
- computed: false
key: Identifier {...}
- type: "Identifier"
- start: 310
- end: 312
loc: {...}
start: {...}
- line: 16
- column: 3
}end: {...}
- line: 16
- column: 5
}
}- name: "id"
}value: Literal {...}
- type: "Literal"
- start: 313
- end: 314
loc: {...}
start: {...}
- line: 16
- column: 6
}end: {...}
- line: 16
- column: 7
}
}- value: 4
- raw: "4"
}- kind: "init"
} Property {...}
- type: "Property"
- start: 316
- end: 329
loc: {...}
start: {...}
- line: 16
- column: 9
}end: {...}
- line: 16
- column: 22
}
}- method: false
- shorthand: false
- computed: false
key: Identifier {...}
- type: "Identifier"
- start: 316
- end: 321
loc: {...}
start: {...}
- line: 16
- column: 9
}end: {...}
- line: 16
- column: 14
}
}- name: "title"
}value: Literal {...}
- type: "Literal"
- start: 323
- end: 329
loc: {...}
start: {...}
- line: 16
- column: 16
}end: {...}
- line: 16
- column: 22
}
}- value: "Star"
- raw: "'Star'"
}- kind: "init"
}
]
}
]
}
}
]- kind: "let"
}
]- sourceType: "module"
}- attributes: []
}
}
The AST is not public API and may change at any point in time