mirror of https://github.com/sveltejs/svelte
commit
5c1f7b606b
@ -0,0 +1,65 @@
|
||||
export default {
|
||||
data: {
|
||||
file: {
|
||||
name: '/',
|
||||
type: 'folder',
|
||||
children: [
|
||||
{
|
||||
name: 'foo.jpg',
|
||||
type: 'image'
|
||||
},
|
||||
{
|
||||
name: 'bar.jpg',
|
||||
type: 'image'
|
||||
},
|
||||
{
|
||||
name: 'baz',
|
||||
type: 'folder',
|
||||
children: [
|
||||
{
|
||||
name: '.DS_Store',
|
||||
type: 'junk'
|
||||
},
|
||||
{
|
||||
name: 'README.md',
|
||||
type: 'markdown'
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
|
||||
html: `
|
||||
<article class='file folder'>
|
||||
<span class='name'>/</span>
|
||||
|
||||
<ul>
|
||||
<li>
|
||||
<article class='file image'>
|
||||
<span class='name'>foo.jpg</span>
|
||||
</article>
|
||||
</li><li>
|
||||
<article class='file image'>
|
||||
<span class='name'>bar.jpg</span>
|
||||
</article>
|
||||
</li><li>
|
||||
<article class='file folder'>
|
||||
<span class='name'>baz</span>
|
||||
<ul>
|
||||
<li>
|
||||
<article class='file junk'>
|
||||
<span class='name'>.DS_Store</span>
|
||||
</article>
|
||||
</li><li>
|
||||
<article class='file markdown'>
|
||||
<span class='name'>README.md</span>
|
||||
</article>
|
||||
</li>
|
||||
</ul>
|
||||
</article>
|
||||
</li>
|
||||
</ul>
|
||||
</article>
|
||||
`
|
||||
};
|
@ -0,0 +1,11 @@
|
||||
<article class='file {{file.type}}'>
|
||||
<span class='name'>{{file.name}}</span>
|
||||
|
||||
{{#if file.type === 'folder'}}
|
||||
<ul>
|
||||
{{#each file.children as child}}
|
||||
<li><:Self file='{{child}}'/></li>
|
||||
{{/each}}
|
||||
</ul>
|
||||
{{/if}}
|
||||
</article>
|
Loading…
Reference in new issue