remove console warnings:

"2x
 "<Folder> was created with unknown prop 'type'"
 "<File> was created with unknown prop 'type'""

 Determine type based on files property

site/content/tutorial/16-special-elements/01-svelte-self/app-a/App.svelte

@@ -3,39 +3,35 @@
 
 	let root = [
 		{
-			type: 'folder',
 			name: 'Important work stuff',
 			files: [
-				{ type: 'file', name: 'quarterly-results.xlsx' }
+				{ name: 'quarterly-results.xlsx' }
 			]
 		},
 		{
-			type: 'folder',
 			name: 'Animal GIFs',
 			files: [
 				{
-					type: 'folder',
 					name: 'Dogs',
 					files: [
-						{ type: 'file', name: 'treadmill.gif' },
-						{ type: 'file', name: 'rope-jumping.gif' }
+						{ name: 'treadmill.gif' },
+						{ name: 'rope-jumping.gif' }
 					]
 				},
 				{
-					type: 'folder',
 					name: 'Goats',
 					files: [
-						{ type: 'file', name: 'parkour.gif' },
-						{ type: 'file', name: 'rampage.gif' }
+						{ name: 'parkour.gif' },
+						{ name: 'rampage.gif' }
 					]
 				},
-				{ type: 'file', name: 'cat-roomba.gif' },
-				{ type: 'file', name: 'duck-shuffle.gif' },
-				{ type: 'file', name: 'monkey-on-a-pig.gif' }
+				{ name: 'cat-roomba.gif' },
+				{ name: 'duck-shuffle.gif' },
+				{ name: 'monkey-on-a-pig.gif' }
 			]
 		},
-		{ type: 'file', name: 'TODO.md' }
+		{ name: 'TODO.md' }
 	];
 </script>
 
-<Folder name="Home" files={root} expanded/>
+<Folder name="Home" files={root} expanded/>

site/content/tutorial/16-special-elements/01-svelte-self/app-a/Folder.svelte

@@ -41,7 +41,7 @@
 	<ul>
 		{#each files as file}
 			<li>
-				{#if file.type === 'folder'}
+				{#if file.files}
 					<!-- show folder -->
 				{:else}
 					<File {...file}/>
@@ -49,4 +49,4 @@
 			</li>
 		{/each}
 	</ul>
-{/if}
+{/if}

site/content/tutorial/16-special-elements/01-svelte-self/app-b/App.svelte

@@ -3,39 +3,35 @@
 
 	let root = [
 		{
-			type: 'folder',
 			name: 'Important work stuff',
 			files: [
-				{ type: 'file', name: 'quarterly-results.xlsx' }
+				{ name: 'quarterly-results.xlsx' }
 			]
 		},
 		{
-			type: 'folder',
 			name: 'Animal GIFs',
 			files: [
 				{
-					type: 'folder',
 					name: 'Dogs',
 					files: [
-						{ type: 'file', name: 'treadmill.gif' },
-						{ type: 'file', name: 'rope-jumping.gif' }
+						{ name: 'treadmill.gif' },
+						{ name: 'rope-jumping.gif' }
 					]
 				},
 				{
-					type: 'folder',
 					name: 'Goats',
 					files: [
-						{ type: 'file', name: 'parkour.gif' },
-						{ type: 'file', name: 'rampage.gif' }
+						{ name: 'parkour.gif' },
+						{ name: 'rampage.gif' }
 					]
 				},
-				{ type: 'file', name: 'cat-roomba.gif' },
-				{ type: 'file', name: 'duck-shuffle.gif' },
-				{ type: 'file', name: 'monkey-on-a-pig.gif' }
+				{ name: 'cat-roomba.gif' },
+				{ name: 'duck-shuffle.gif' },
+				{ name: 'monkey-on-a-pig.gif' }
 			]
 		},
-		{ type: 'file', name: 'TODO.md' }
+		{ name: 'TODO.md' }
 	];
 </script>
 
-<Folder name="Home" files={root} expanded/>
+<Folder name="Home" files={root} expanded/>

site/content/tutorial/16-special-elements/01-svelte-self/app-b/Folder.svelte

@@ -41,7 +41,7 @@
 	<ul>
 		{#each files as file}
 			<li>
-				{#if file.type === 'folder'}
+				{#if file.files}
 					<svelte:self {...file}/>
 				{:else}
 					<File {...file}/>
@@ -49,4 +49,4 @@
 			</li>
 		{/each}
 	</ul>
-{/if}
+{/if}

site/content/tutorial/16-special-elements/01-svelte-self/text.md

@@ -7,7 +7,7 @@ Svelte provides a variety of built-in elements. The first, `<svelte:self>`, allo
 It's useful for things like this folder tree view, where folders can contain *other* folders. In `Folder.svelte` we want to be able to do this...
 
 ```html
-{#if file.type === 'folder'}
+{#if file.files}
 	<Folder {...file}/>
 {:else}
 	<File {...file}/>
@@ -17,9 +17,9 @@ It's useful for things like this folder tree view, where folders can contain *ot
 ...but that's impossible, because a file can't import itself. Instead, we use `<svelte:self>`:
 
 ```html
-{#if file.type === 'folder'}
+{#if file.files}
 	<svelte:self {...file}/>
 {:else}
 	<File {...file}/>
 {/if}
-```
+```