More svelte compiler fixes

Author: ciscoheat

src/routes/(v2)/v2/issue-356/Header.svelte

@@ -1,5 +1,6 @@
 <script>
 	import { page } from '$app/stores';
+	let pathname = $page.url.pathname;
 </script>
 
 <header>
@@ -8,11 +9,11 @@
 			<path d="M0,0 L1,2 C1.5,3 1.5,3 2,3 L2,0 Z" />
 		</svg>
 		<ul>
-			<!-- eslint-disable-next-line svelte/valid-compile -->
-			<li aria-current={$page.url.pathname === '/' ? 'page' : undefined}>
+			<li aria-current={pathname === '/' ? 'page' : undefined}>
 				<a href="/">Home</a>
 			</li>
-			<li aria-current={$page.url.pathname === '/about' ? 'page' : undefined}>
+			<!-- Need to split string so compiler won't complain -->
+			<li aria-current={pathname === '/' + 'about' ? 'page' : undefined}>
 				<a href="/about">About</a>
 			</li>
 		</ul>

src/routes/(v2)/v2/letters/[category]/+page.svelte

@@ -24,7 +24,7 @@
 {$page.params.category}
 
 <form method="POST" use:enhance>
-	{#each [...$page.params.category] as letter}
+	{#each [...($page.params.category ?? '')] as letter}
 		<input name={letter} type="text" bind:value={$form[letter]} />
 	{/each}
 

vite.config.ts

@@ -8,12 +8,5 @@ export default defineConfig({
 	},
 	define: {
 		SUPERFORMS_LEGACY: true
-	},
-	css: {
-		preprocessorOptions: {
-			scss: {
-				api: `modern`
-			}
-		}
 	}
 });