fix ESLint bugs

Author: MacBook air

.github/workflows/test.yml

@@ -3,7 +3,7 @@ name: Test
 on:
   pull_request:
   push:
-    branches: "develop"
+    branches: 'develop'
 
 jobs:
   build:

.prettierrc.cjs

@@ -1,8 +1,8 @@
 module.exports = {
 	useTabs: true,
 	singleQuote: true,
-	trailingComma: "none",
+	trailingComma: 'none',
 	printWidth: 100,
 	plugins: [require('prettier-plugin-svelte')],
-	overrides: [{ files: '*.svelte', options: { parser: 'svelte' } }],
-};
+	overrides: [{ files: '*.svelte', options: { parser: 'svelte' } }]
+};

src/lib/components/atoms/Sparkles.svelte

@@ -26,7 +26,7 @@
 	};
 
 	let sparkles: SparkleType[] = [];
-	let sparklesInterval: NodeJS.Timer;
+	let sparklesInterval: NodeJS.Timeout | undefined;
 
 	onMount(() => {
 		sparklesInterval = setInterval(() => {
@@ -45,13 +45,24 @@
 	});
 
 	onDestroy(() => {
-		clearInterval(sparklesInterval);
+		if (sparklesInterval) {
+			clearInterval(sparklesInterval);
+		}
 	});
 </script>
 
+/// <reference types="svelte" />
+/// <reference types="svelte/internal" />
+
+/// <reference types="svelte" />
+/// <reference types="svelte/types/runtime" />
+
+/// <reference types="svelte" />
+/// <reference types="svelte/types/runtime" />
+
 <div class="sparkle-wrapper">
 	{#each sparkles as sparkle (sparkle.id)}
-		<Sparkle color={sparkle.color} size={sparkle.size} style={sparkle.style} />
+		<Sparkle color={sparkle.color} size={`${sparkle.size}px`} style={sparkle.style} />
 	{/each}
 	<span class="slot-wrapper">
 		<slot />