diff --git a/site/content/tutorial/16-special-elements/01-svelte-self/app-a/App.svelte b/site/content/tutorial/16-special-elements/01-svelte-self/app-a/App.svelte
index ff02fa6a42..de0b2e0179 100644
--- a/site/content/tutorial/16-special-elements/01-svelte-self/app-a/App.svelte
+++ b/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/>
\ No newline at end of file
+<Folder name="Home" files={root} expanded/>
diff --git a/site/content/tutorial/16-special-elements/01-svelte-self/app-a/Folder.svelte b/site/content/tutorial/16-special-elements/01-svelte-self/app-a/Folder.svelte
index 20096e805e..1108b3575c 100644
--- a/site/content/tutorial/16-special-elements/01-svelte-self/app-a/Folder.svelte
+++ b/site/content/tutorial/16-special-elements/01-svelte-self/app-a/Folder.svelte
@@ -16,7 +16,7 @@
 	<ul>
 		{#each files as file}
 			<li>
-				{#if file.type === 'folder'}
+				{#if file.files}
 					<!-- show folder -->
 				{:else}
 					<File {...file}/>
@@ -49,4 +49,4 @@
 	li {
 		padding: 0.2em 0;
 	}
-</style>
\ No newline at end of file
+</style>
diff --git a/site/content/tutorial/16-special-elements/01-svelte-self/app-b/App.svelte b/site/content/tutorial/16-special-elements/01-svelte-self/app-b/App.svelte
index ff02fa6a42..de0b2e0179 100644
--- a/site/content/tutorial/16-special-elements/01-svelte-self/app-b/App.svelte
+++ b/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/>
\ No newline at end of file
+<Folder name="Home" files={root} expanded/>
diff --git a/site/content/tutorial/16-special-elements/01-svelte-self/app-b/Folder.svelte b/site/content/tutorial/16-special-elements/01-svelte-self/app-b/Folder.svelte
index f5f0a7b194..11049c2e52 100644
--- a/site/content/tutorial/16-special-elements/01-svelte-self/app-b/Folder.svelte
+++ b/site/content/tutorial/16-special-elements/01-svelte-self/app-b/Folder.svelte
@@ -16,7 +16,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 {
 		padding: 0.2em 0;
 	}
-</style>
\ No newline at end of file
+</style>
diff --git a/site/content/tutorial/16-special-elements/01-svelte-self/text.md b/site/content/tutorial/16-special-elements/01-svelte-self/text.md
index c7946f6c6d..894a8efc3d 100644
--- a/site/content/tutorial/16-special-elements/01-svelte-self/text.md
+++ b/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,7 +17,7 @@ It's useful for things like this folder tree view, where folders can contain *ot
 ...but that's impossible, because a module can't import itself. Instead, we use `<svelte:self>`:
 
 ```html
-{#if file.type === 'folder'}
+{#if file.files}
 	<svelte:self {...file}/>
 {:else}
 	<File {...file}/>