fix reload bug

Author: coffandro

src/lib/Grid/Grid.svelte

@@ -1,9 +1,7 @@
 <svelte:options customElement="grid-container" />
 
 <script lang="ts">
-    export let columns = "3";
-    export let rowHeight = "1fr";
-    export let gap = "2%";
+    let { columns = "3", rowHeight = "1fr", gap = "2%" } = $props();
 </script>
 
 <div

src/lib/Grid/Items/Developer.svelte

@@ -1,10 +1,12 @@
 <svelte:options customElement="developer-tile" />
 
 <script lang="ts">
-    export let thumbnailPath = "";
-    export let name = "";
-    export let pronouns = "";
-    export let description = "";
+    let {
+        thumbnailPath = "",
+        name = "",
+        pronouns = "",
+        description = "",
+    } = $props();
 </script>
 
 <div class="grid-item">

src/routes/about/+page.svelte

@@ -1,6 +1,8 @@
 <script>
     import "$lib/Styles/global.css";
     import Navbar from "$lib/Navbar/navbar.svelte";
+    import Grid from "$lib/Grid/Grid.svelte";
+    import Developer from "$lib/Grid/Items/Developer.svelte";
 </script>
 
 <navbar-component pageName="About"></navbar-component>