From e51ffdca91634b144ea1a0707c4abb444fbc2218 Mon Sep 17 00:00:00 2001
From: Fabio <forgistm.pl@gmail.com>
Date: Tue, 25 Mar 2025 10:28:23 +0100
Subject: [PATCH] Initial commit

---
 src/lib/components/BlurFade.svelte | 10 ++++++++++
 src/lib/components/hero.svelte     |  2 --
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/lib/components/BlurFade.svelte b/src/lib/components/BlurFade.svelte
index a3246616..343045f2 100644
--- a/src/lib/components/BlurFade.svelte
+++ b/src/lib/components/BlurFade.svelte
@@ -8,6 +8,16 @@
     export let yOffset = 6;
     export let inViewMargin = "-50px";
     export let blur = "6px";
+    const generateUUID = () =>
+  typeof crypto?.randomUUID === "function"
+    ? crypto.randomUUID()
+    : "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, (c) => {
+        const r = (Math.random() * 16) | 0;
+        return (c === "x" ? r : (r & 0x3) | 0x8).toString(16);
+      });
+
+export let id = generateUUID().slice(0, 8);
+
     export let id = browser ? crypto.randomUUID().slice(0, 8) : "fallback-id";
     export let once = false;
     let defaultVariants = {
diff --git a/src/lib/components/hero.svelte b/src/lib/components/hero.svelte
index 8c4e974f..21889f32 100644
--- a/src/lib/components/hero.svelte
+++ b/src/lib/components/hero.svelte
@@ -4,8 +4,6 @@
 <script>
   import BlurFade from "./BlurFade.svelte";
   import { browser } from "$app/environment";
-
-  export let id = browser ? crypto.randomUUID().slice(0, 8) : "fallback-id";
 </script>
 <style>
   .hero p {