remove self-closing tags in src

Author: Rich-Harris

src/lib/components/Modal.svelte

@@ -39,7 +39,7 @@
 	});
 </script>
 
-<div class="modal-background" />
+<div class="modal-background"></div>
 
 <dialog class="modal" tabindex="-1" bind:this={modal} on:close>
 	<slot />

src/routes/tutorial/[slug]/Chrome.svelte

@@ -14,7 +14,7 @@
 </script>
 
 <div class="chrome" class:loading>
-	<button disabled={loading} class="reload icon" on:click={() => dispatch('refresh')} aria-label="reload" />
+	<button disabled={loading} class="reload icon" on:click={() => dispatch('refresh')} aria-label="reload"></button>
 
 	<input
 		disabled={loading}
@@ -31,14 +31,14 @@
 		}}
 	/>
 
-	<a {href} class="new-tab icon" target="_blank" aria-label={href ? 'open in new tab' : undefined} tabindex="0" />
+	<a {href} class="new-tab icon" target="_blank" aria-label={href ? 'open in new tab' : undefined} tabindex="0"></a>
 
 	<button
 		disabled={loading}
 		class="terminal icon"
 		on:click={() => dispatch('toggle_terminal')}
 		aria-label="toggle terminal"
-	/>
+	></button>
 </div>
 
 <style>

src/routes/tutorial/[slug]/Loading.svelte

@@ -109,7 +109,7 @@
 
 		{#if initial}
 			<div class="progress-container">
-				<div class="progress" style="width: {progress * 100}%;" />
+				<div class="progress" style="width: {progress * 100}%;"></div>
 			</div>
 			<span>{status}</span>
 		{/if}

src/routes/tutorial/[slug]/Menu.svelte

@@ -61,7 +61,7 @@
 					><strong>{current.title}</strong>
 				</div>
 
-				<span style="flex: 1 1 auto" />
+				<span style="flex: 1 1 auto"></span>
 			</h1>
 
 			<span class="expand-icon" class:inverted={is_open}>

src/routes/tutorial/[slug]/Output.svelte

@@ -133,7 +133,7 @@
 
 <div class="content">
 	{#if browser}
-		<iframe bind:this={iframe} title="Output" on:load={set_iframe_visible} />
+		<iframe bind:this={iframe} title="Output" on:load={set_iframe_visible}></iframe>
 	{/if}
 
 	{#if paused || loading || $error}

src/routes/tutorial/[slug]/filetree/Item.svelte

@@ -86,7 +86,7 @@
 		{#if actions.length > 0}
 			<div class="actions">
 				{#each actions as action}
-					<button aria-label={action.label} class="icon {action.icon}" on:click={action.fn} />
+					<button aria-label={action.label} class="icon {action.icon}" on:click={action.fn}></button>
 				{/each}
 			</div>
 		{/if}