From 941eacfb3f6c0d4c4d04db82e1a50fc5eb22bceb Mon Sep 17 00:00:00 2001
From: Nick Bland <nick.bland@nickbland.dev>
Date: Wed, 23 Oct 2024 14:11:33 +1000
Subject: [PATCH] Migration to Svelte 5 - Post-auto-migrate

---
 bun.lockb                                     | Bin 194749 -> 194104 bytes
 package.json                                  |   2 +-
 src/lib/components/portfolio/countdown.svelte |  16 ++++++++--------
 .../components/portfolio/skeletonImage.svelte |  12 ++++++++----
 .../components/portfolio/skills/stars.svelte  |   8 ++++++--
 .../components/portfolio/textContent.svelte   |  13 +++++++++----
 src/lib/components/portfolio/timeline.svelte  |  12 ++++++------
 src/routes/+layout.svelte                     |   7 ++++++-
 8 files changed, 44 insertions(+), 26 deletions(-)

diff --git a/bun.lockb b/bun.lockb
index e9f2ca2e1bfa423c1cf38a9f153ca1d7d89be679..301c8735cabf975672b1429b3da584329c8a0bf5 100755
GIT binary patch
delta 11044
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

delta 11474
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

diff --git a/package.json b/package.json
index 2e1115e..c156a05 100644
--- a/package.json
+++ b/package.json
@@ -21,7 +21,7 @@
     "daisyui": "^4.12.13",
     "eslint": "^9.12.0",
     "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-svelte": "^2.44.1",
+    "eslint-plugin-svelte": "^2.45.1",
     "globals": "^15.11.0",
     "postcss": "^8.4.47",
     "prettier": "^3.3.3",
diff --git a/src/lib/components/portfolio/countdown.svelte b/src/lib/components/portfolio/countdown.svelte
index 3ad29b9..76f114e 100644
--- a/src/lib/components/portfolio/countdown.svelte
+++ b/src/lib/components/portfolio/countdown.svelte
@@ -1,21 +1,21 @@
 <script lang="ts">
   import { onMount } from "svelte";
 
-  let w: number = 0; // Width of the screen, using the svelte binding
+  let w: number = $state(0); // Width of the screen, using the svelte binding
 
   const GRADUATION = new Date(1753797600000).valueOf();
   const FORMATTED = new Date(1753797600000).toDateString();
   let interval: ReturnType<typeof setInterval>;
 
-  let timeTo = Math.abs(GRADUATION - Date.now().valueOf()) / 1000;
+  let timeTo = $state(Math.abs(GRADUATION - Date.now().valueOf()) / 1000);
 
   // Calculate time remaining from milliseconds to graduation (30 Jul, 2025)
-  $: years = Math.floor(timeTo / 31556926);
-  $: months = Math.floor(timeTo / 2629743) % 12;
-  $: days = Math.floor(timeTo / 86400) % 30;
-  $: hours = Math.floor(timeTo / 3600) % 24;
-  $: minutes = Math.floor(timeTo / 60) % 60;
-  $: seconds = Math.floor(timeTo % 60);
+  let years = $derived(Math.floor(timeTo / 31556926));
+  let months = $derived(Math.floor(timeTo / 2629743) % 12);
+  let days = $derived(Math.floor(timeTo / 86400) % 30);
+  let hours = $derived(Math.floor(timeTo / 3600) % 24);
+  let minutes = $derived(Math.floor(timeTo / 60) % 60);
+  let seconds = $derived(Math.floor(timeTo % 60));
 
   // Update the timeTo variable every 1000 milliseconds
   // Don't go past 0 though! Stop the updates afterwards
diff --git a/src/lib/components/portfolio/skeletonImage.svelte b/src/lib/components/portfolio/skeletonImage.svelte
index b26e1a8..d3f2edf 100644
--- a/src/lib/components/portfolio/skeletonImage.svelte
+++ b/src/lib/components/portfolio/skeletonImage.svelte
@@ -1,9 +1,13 @@
 <script lang="ts">
   import { onMount } from "svelte";
-  export let src: string;
-  export let altText: string = "";
+  interface Props {
+    src: string;
+    altText?: string;
+  }
 
-  let loaded = false;
+  let { src, altText = "" }: Props = $props();
+
+  let loaded = $state(false);
 
   onMount(() => {
     const img = new Image();
@@ -18,5 +22,5 @@
 {#if loaded}
   <img {src} class="w-48 h-64 shadow-2xl max-w-sm rounded-2xl" alt={altText} />
 {:else}
-  <div class="skeleton w-48 h-64 shadow-2xl max-w-sm rounded-2xl" />
+  <div class="skeleton w-48 h-64 shadow-2xl max-w-sm rounded-2xl"></div>
 {/if}
diff --git a/src/lib/components/portfolio/skills/stars.svelte b/src/lib/components/portfolio/skills/stars.svelte
index e6fb625..e017363 100644
--- a/src/lib/components/portfolio/skills/stars.svelte
+++ b/src/lib/components/portfolio/skills/stars.svelte
@@ -2,8 +2,12 @@
   import Star from "lucide-svelte/icons/star";
   import HalfStar from "lucide-svelte/icons/star-half";
 
-  export let count: number = 5;
-  export let half: boolean = false;
+  interface Props {
+    count?: number;
+    half?: boolean;
+  }
+
+  let { count = 5, half = false }: Props = $props();
 </script>
 
 <div class="flex">
diff --git a/src/lib/components/portfolio/textContent.svelte b/src/lib/components/portfolio/textContent.svelte
index 4f714f1..643863e 100644
--- a/src/lib/components/portfolio/textContent.svelte
+++ b/src/lib/components/portfolio/textContent.svelte
@@ -1,6 +1,11 @@
 <script lang="ts">
-  export let middle: boolean = false;
-  export let classes: string = ""; // Further classes to pass through
+  interface Props {
+    middle?: boolean;
+    classes?: string;
+    children?: import('svelte').Snippet;
+  }
+
+  let { middle = false, classes = "", children }: Props = $props();
 </script>
 
 <!-- If the text is between some other text, adjust padding to not seperate it out too much -->
@@ -9,11 +14,11 @@
 <div>
   {#if middle}
     <p class="px-5 mx-auto text-xl max-w-3xl {classes}">
-      <slot />
+      {@render children?.()}
     </p>
   {:else}
     <p class="p-5 mx-auto text-xl max-w-3xl {classes}">
-      <slot />
+      {@render children?.()}
     </p>
   {/if}
 </div>
diff --git a/src/lib/components/portfolio/timeline.svelte b/src/lib/components/portfolio/timeline.svelte
index 4e62076..e0f00df 100644
--- a/src/lib/components/portfolio/timeline.svelte
+++ b/src/lib/components/portfolio/timeline.svelte
@@ -12,7 +12,7 @@
       <time class="font-mono" datetime="2020-3">Mar 2020 - Jul 2020</time>
       <div class="text-xl">Villanova College</div>
       <div class="text-sm">Information Technology Officer</div>
-      <div class="divider my-1" />
+      <div class="divider my-1"></div>
       Help Desk Role:
       <ul class="list-disc list-inside mt-2">
         <li>Performed repairs and troubleshooting for both students and teachers.</li>
@@ -29,7 +29,7 @@
           configuration throughout school.
         </li>
       </ul>
-      <div class="divider my-1" />
+      <div class="divider my-1"></div>
       Key Experiences and Takeaways:
       <ul class="list-disc list-inside mt-2">
         <li>Became more comfortable and confident in an end-user facing role.</li>
@@ -56,7 +56,7 @@
         <div class="text-xl">St Pauls School</div>
         <div class="text-sm pb-2">Information Technology Officer</div>
       </div>
-      <div class="divider my-1" />
+      <div class="divider my-1"></div>
       Help Desk Role:
       <ul class="list-disc list-inside mt-2">
         <li>
@@ -71,7 +71,7 @@
           Gained more experience in Azure ecosystem, SCCM deployment, and networking.
         </li>
       </ul>
-      <div class="divider my-1" />
+      <div class="divider my-1"></div>
       Key Experiences and Takeaways:
       <ul class="list-disc list-inside mt-2">
         <li>Working in a larger group to cover more ground</li>
@@ -96,7 +96,7 @@
       <time class="font-mono" datetime="2022-10">Oct 2022 - Feb 2023</time>
       <div class="text-xl">St Pauls School</div>
       <div class="text-sm pb-2">System Administrator</div>
-      <div class="divider my-1" />
+      <div class="divider my-1"></div>
       System Administrator Role:
       <ul class="list-disc list-inside mt-2">
         <li>
@@ -112,7 +112,7 @@
           importing new users into TASS and AD.
         </li>
       </ul>
-      <div class="divider my-1" />
+      <div class="divider my-1"></div>
       Key Experiences and Takeaways:
       <ul class="list-disc list-inside mt-2">
         <li>There is always something to be improved upon if you look hard enough.</li>
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 2a8d5fe..dae29e9 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -2,10 +2,15 @@
   import "../app.css";
   import Navbar from "$lib/components/navbar/navbar.svelte";
   import Footer from "$lib/components/footer.svelte";
+  interface Props {
+    children?: import('svelte').Snippet;
+  }
+
+  let { children }: Props = $props();
 </script>
 
 <Navbar />
 
-<slot />
+{@render children?.()}
 
 <Footer />