feat: fullscreen on double click

.idea/runConfigurations/dev.xml

@@ -0,0 +1,12 @@
+<component name="ProjectRunConfigurationManager">
+  <configuration default="false" name="dev" type="js.build_tools.npm" nameIsGenerated="true">
+    <package-json value="$PROJECT_DIR$/package.json" />
+    <command value="run" />
+    <scripts>
+      <script value="dev" />
+    </scripts>
+    <node-interpreter value="project" />
+    <envs />
+    <method v="2" />
+  </configuration>
+</component>

src/lib/TestCard.svelte

@@ -4,6 +4,7 @@
 	import Axes from '$lib/Axes.svelte';
 	import ColorGradient from '$lib/ColorGradient.svelte';
 	import BrightnessGradient from '$lib/BrightnessGradient.svelte';
+	import { onMount } from 'svelte';
 
 	let sizes = {
 		blockSize: 64,
@@ -19,6 +20,12 @@
 	$: circleBlocks =
 		2 * Math.floor((Math.min(sizes.horizontalCount, sizes.verticalCount) * 0.66) / 2) +
 		(sizes.horizontalCount % 2);
+
+	onMount(() => {
+		window.addEventListener('dblclick', () => {
+			document.body.requestFullscreen();
+		})
+	});
 </script>
 
 <div