chore: fix compiler warnings when developing preview site (#11699)

pnpm-lock.yaml

@@ -223,8 +223,8 @@ importers:
         specifier: ^6.0.0
         version: 6.0.0(@codemirror/autocomplete@6.12.0)(@codemirror/lang-css@6.2.1)(@codemirror/lang-html@6.4.9)(@codemirror/lang-javascript@6.2.1)(@codemirror/language@6.10.1)(@codemirror/state@6.4.0)(@codemirror/view@6.24.0)(@lezer/common@1.2.1)(@lezer/highlight@1.2.0)(@lezer/javascript@1.4.15)(@lezer/lr@1.4.0)
       '@rich_harris/svelte-split-pane':
-        specifier: ^1.1.1
-        version: 1.1.1(svelte@packages+svelte)
+        specifier: ^1.1.2
+        version: 1.1.2(svelte@packages+svelte)
       '@rollup/browser':
         specifier: ^3.28.0
         version: 3.29.4
@@ -266,8 +266,8 @@ importers:
         specifier: ^2.5.0
         version: 2.5.2(@sveltejs/vite-plugin-svelte@3.1.0)(svelte@packages+svelte)(vite@5.0.13)
       '@sveltejs/site-kit':
-        specifier: 6.0.0-next.63
-        version: 6.0.0-next.63(@sveltejs/kit@2.5.2)(svelte@packages+svelte)
+        specifier: 6.0.0-next.64
+        version: 6.0.0-next.64(@sveltejs/kit@2.5.2)(svelte@packages+svelte)
       '@sveltejs/vite-plugin-svelte':
         specifier: ^3.1.0
         version: 3.1.0(svelte@packages+svelte)(vite@5.0.13)
@@ -2328,10 +2328,10 @@ packages:
       svelte: 4.2.9
     dev: false
 
-  /@rich_harris/svelte-split-pane@1.1.1(svelte@packages+svelte):
-    resolution: {integrity: sha512-y2RRLyrN6DCeIgwA423aAIv/T5JqQeOl2XogBQ/21DvA2IF7oyrLUtXMxmQL2va2NFdeJO6MDx6nDX5X7kau7A==}
+  /@rich_harris/svelte-split-pane@1.1.2(svelte@packages+svelte):
+    resolution: {integrity: sha512-O601UlgGzrn6Nva7uLAF25h63wvrI2rxDh5KTEXd0pdTP7LetHR/rqgi8jyPIgRDCL86eoopEdC3ejOOQoWGWQ==}
     peerDependencies:
-      svelte: ^3.54.0
+      svelte: ^3.54.0 || ^4.0.0 || ^5.0.0-next.0
     dependencies:
       svelte: link:packages/svelte
     dev: false
@@ -2783,8 +2783,8 @@ packages:
       svelte-local-storage-store: 0.6.4(svelte@4.2.9)
     dev: true
 
-  /@sveltejs/site-kit@6.0.0-next.63(@sveltejs/kit@2.5.2)(svelte@packages+svelte):
-    resolution: {integrity: sha512-8yw7UCafgo8UdM5+jcHI6RD5wHpM1WBuzJnv5/qhix8NgyCiCtDk+EVNuwHoaEiwRo4NCxfexVSZ0lbeL5Dy5A==}
+  /@sveltejs/site-kit@6.0.0-next.64(@sveltejs/kit@2.5.2)(svelte@packages+svelte):
+    resolution: {integrity: sha512-SosLY07DBA79yJhRR9vQpk9eXlSc3VjzOlIJQFvPzgsbu727rq5u3dudFEsm0NeQFoAF+NNgDYi5D85v5Yc+vQ==}
     peerDependencies:
       '@sveltejs/kit': ^1.20.0
       svelte: ^4.0.0

sites/svelte-5-preview/package.json

@@ -17,7 +17,7 @@
     "@sveltejs/adapter-static": "^3.0.1",
     "@sveltejs/adapter-vercel": "^5.0.0",
     "@sveltejs/kit": "^2.5.0",
-    "@sveltejs/site-kit": "6.0.0-next.63",
+    "@sveltejs/site-kit": "6.0.0-next.64",
     "@sveltejs/vite-plugin-svelte": "^3.1.0",
     "@types/marked": "^6.0.0",
     "esrap": "^1.2.2",
@@ -46,7 +46,7 @@
     "@lezer/highlight": "^1.1.6",
     "@neocodemirror/svelte": "0.0.15",
     "@replit/codemirror-lang-svelte": "^6.0.0",
-    "@rich_harris/svelte-split-pane": "^1.1.1",
+    "@rich_harris/svelte-split-pane": "^1.1.2",
     "@rollup/browser": "^3.28.0",
     "acorn": "^8.10.0",
     "codemirror": "^6.0.1",

sites/svelte-5-preview/src/lib/Input/ComponentSelector.svelte

@@ -231,7 +231,7 @@
 				on:dragleave={dragLeave}
 				on:drop|preventDefault={dragEnd}
 			>
-				<i class="drag-handle" />
+				<i class="drag-handle"></i>
 				{#if file.name === 'App' && filename !== editing_name}
 					<div class="uneditable">
 						App.svelte{#if show_modified && file.modified}*{/if}

sites/svelte-5-preview/src/lib/Input/RunesInfo.svelte

@@ -25,12 +25,9 @@
 	</button>
 
 	{#if open}
-		<!--
-			This is taken care of by the <svelte:window> above
-			svelte-ignore a11y-click-events-have-key-events
-			a11y-no-static-element-interactions
-		-->
-		<div class="modal-backdrop" on:click={() => (open = false)} />
+		<!-- svelte-ignore a11y_click_events_have_key_events a11y_no_static_element_interactions
+			(This is taken care of by the <svelte:window> above) -->
+		<div class="modal-backdrop" on:click={() => (open = false)}></div>
 		<div class="popup">
 			{#if $selected_name.endsWith('.svelte.js')}
 				<p>

sites/svelte-5-preview/src/lib/Output/Output.svelte

@@ -120,7 +120,7 @@
 
 <!-- markdown output -->
 <div class="tab-content" class:visible={selected?.type === 'md'}>
-	<iframe title="Markdown" srcdoc={markdown} />
+	<iframe title="Markdown" srcdoc={markdown}></iframe>
 </div>
 
 <style>

sites/svelte-5-preview/src/lib/Output/Viewer.svelte

@@ -267,7 +267,7 @@
 				].join(' ')}
 				class={error || pending || pending_imports ? 'greyed-out' : ''}
 				srcdoc={BROWSER ? srcdoc : ''}
-			/>
+			></iframe>
 
 			{#if $bundle?.error}
 				<ErrorOverlay error={$bundle.error} />

sites/svelte-5-preview/src/lib/Output/console/ConsoleLine.svelte

@@ -49,7 +49,7 @@
 		{/each}
 	{/if}
 	{#each new Array(level - 1) as _, idx}
-		<div class="outline" style="left: {idx * 15 + 15}px" />
+		<div class="outline" style="left: {idx * 15 + 15}px"></div>
 	{/each}
 </span>
 

sites/svelte-5-preview/src/lib/Output/console/ConsoleTable.svelte

@@ -52,7 +52,7 @@
 						{:else if column in data[key]}
 							<td><JSONNode value={data[key][column]} /></td>
 						{:else}
-							<td />
+							<td></td>
 						{/if}
 					{/each}
 				</tr>

sites/svelte-5-preview/src/routes/status/+page.svelte

@@ -22,7 +22,7 @@
 				<h3>{suite.name}</h3>
 				<div class="grid">
 					{#each suite.tests as test}
-						<div title={test.title} class="result {test.status}" />
+						<div title={test.title} class="result {test.status}"></div>
 					{/each}
 				</div>
 			</section>