Merge pull request #75 from cowboycodr/fix/everything-addressed-in-sv…

…elte-check

fix/everything addressed in svelte check

CHANGELOG

@@ -1,3 +1,10 @@
+# 2.1.2 (2024-10-27)
+
+- Add `none` button variant
+- Fix `Navbar` scrollY type issue
+- Update email auth form
+- Update theme toggle click event
+
 # 2.1.1 (2024-10-26)
 
 - Update `shadcn/ui` default button variants

src/lib/components/theme-controller/theme-toggle.svelte

@@ -6,7 +6,7 @@
 	import { Button } from '@/components/ui/button';
 </script>
 
-<Button size="icon" variant="ghost" on:click={toggleMode}>
+<Button size="icon" variant="ghost" onclick={toggleMode}>
 	<SunIcon
 		class="h-[1.2rem] w-[1.2rem] rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0"
 	/>

src/lib/components/ui/button/button.svelte

@@ -13,7 +13,8 @@
 					'border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground border',
 				secondary: 'bg-secondary text-secondary-foreground hover:bg-secondary/80',
 				ghost: 'hover:bg-accent hover:text-accent-foreground',
-				link: 'text-primary underline-offset-4 hover:underline'
+				link: 'text-primary underline-offset-4 hover:underline',
+				none: ''
 			},
 			size: {
 				default: 'h-10 px-4 py-2',

src/routes/(auth)/auth/email-auth.svelte

@@ -34,9 +34,9 @@
 <form method="POST" action="/auth?/email" class="space-y-2" use:enhance>
 	<Form.Field {form} name="email">
 		<Form.Control>
-			{#snippet children({ attrs })}
+			{#snippet children({ props })}
 				<Form.Label>Email</Form.Label>
-				<Input {...attrs} placeholder="Email address" bind:value={$formData.email} />
+				<Input {...props} placeholder="Email address" bind:value={$formData.email} />
 			{/snippet}
 		</Form.Control>
 		<Form.FieldErrors />

src/routes/(landing)/components/navbar.svelte

@@ -3,7 +3,7 @@
 	import NavButtons from './nav-buttons.svelte';
 	import MobileMenu from './mobile-menu.svelte';
 
-	let scrollY: number = $state();
+	let scrollY: number = $state(0);
 </script>
 
 <svelte:window bind:scrollY />