From 33487cba5cb94486dfa8cbbd17575a49fca9c10e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fe=CC=81lix=20Pe=CC=81ault?= <hello@flayks.com>
Date: Wed, 22 Jun 2022 23:17:37 +0200
Subject: [PATCH] Use svelte:element to avoid tag conditions

---
 src/components/atoms/ScrollingTitle.svelte | 33 ++++++----------------
 1 file changed, 8 insertions(+), 25 deletions(-)

diff --git a/src/components/atoms/ScrollingTitle.svelte b/src/components/atoms/ScrollingTitle.svelte
index dc0d6c0..d2aafd7 100644
--- a/src/components/atoms/ScrollingTitle.svelte
+++ b/src/components/atoms/ScrollingTitle.svelte
@@ -56,28 +56,11 @@
     bind:innerWidth bind:innerHeight
 />
 
-{#if tag === 'h1'}
-    <h1 bind:this={titleEl}
-        class={classes} aria-label={label}
-        style="--parallax-x: {parallax}%;"
-        use:reveal={revealOptions}
-    >
-        <slot />
-    </h1>
-{:else if tag === 'h2'}
-    <h2 bind:this={titleEl}
-        class={classes} aria-label={label}
-        style="--parallax-x: {parallax}%;"
-        use:reveal={revealOptions}
-    >
-        <slot />
-    </h2>
-{:else if tag === 'p'}
-    <p bind:this={titleEl}
-        class={classes} aria-label={label}
-        style="--parallax-x: {parallax}%;"
-        use:reveal={revealOptions}
-    >
-        <slot />
-    </p>
-{/if}
\ No newline at end of file
+<svelte:element this={tag}
+    bind:this={titleEl}
+    class={classes} aria-label={label}
+    style="--parallax-x: {parallax}%;"
+    use:reveal={revealOptions}
+>
+    <slot />
+</svelte:element>
\ No newline at end of file