<script>
import Item from './Item.svelte'
const h = (name, children = []) => {
let item = {
name,
id: Math.random(),
fold:false,
children
}
children.forEach(c => c.parent = item)
return item
}
let tree = h('project', [
h('node_modules', [
h('react'),
h('svelte'),
h('vue'),
h('solid-js'),
]),
h('src', [
h('index.js'),
h('app.css'),
]),
h('package.json'),
])
</script>
<ul>
<Item bind:data={tree} />
</ul>
<style>
:global(body) {
user-select:none;