tidy up

Author: Rich Harris

content/tutorial/03-advanced-svelte/09-special-elements/01-svelte-self/app-a/src/lib/App.svelte

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

content/tutorial/03-advanced-svelte/09-special-elements/01-svelte-self/app-a/src/lib/Folder.svelte

@@ -17,7 +17,7 @@
 		{#each files as file}
 			<li>
 				{#if file.files}
-					<!-- show folder -->
+					<span>TODO subfolders</span>
 				{:else}
 					<File {...file} />
 				{/if}

content/tutorial/03-advanced-svelte/09-special-elements/01-svelte-self/app-a/src/lib/data.js

@@ -0,0 +1,29 @@
+export const files = [
+    {
+        name: 'Important work stuff',
+        files: [{ name: 'quarterly-results.xlsx' }]
+    },
+    {
+        name: 'Animal GIFs',
+        files: [
+            {
+                name: 'Dogs',
+                files: [
+                    { name: 'treadmill.gif' },
+                    { name: 'rope-jumping.gif' }
+                ]
+            },
+            {
+                name: 'Goats',
+                files: [
+                    { name: 'parkour.gif' },
+                    { name: 'rampage.gif' }
+                ]
+            },
+            { name: 'cat-roomba.gif' },
+            { name: 'duck-shuffle.gif' },
+            { name: 'monkey-on-a-pig.gif' }
+        ]
+    },
+    { name: 'README.md' }
+];