From 807c0a36730921c49a1727060e31cc2ab5fbd300 Mon Sep 17 00:00:00 2001
From: Steven <61930423+programmerstevie@users.noreply.github.com>
Date: Wed, 18 Mar 2026 10:44:55 +0700
Subject: [PATCH 1/2] svelte has onMount() hook

---
 content/3-lifecycle/1-on-mount/svelte5/PageTitle.svelte | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/content/3-lifecycle/1-on-mount/svelte5/PageTitle.svelte b/content/3-lifecycle/1-on-mount/svelte5/PageTitle.svelte
index deb5c282..d56e08de 100644
--- a/content/3-lifecycle/1-on-mount/svelte5/PageTitle.svelte
+++ b/content/3-lifecycle/1-on-mount/svelte5/PageTitle.svelte
@@ -1,6 +1,8 @@
 <script>
+  import { onMount } from 'svelte';
+
   let pageTitle = $state("");
-  $effect(() => {
+  onMount(() => {
     pageTitle = document.title;
   });
 </script>

From 3b595f6946d8345d4150d53b9747dbebfebd1eba Mon Sep 17 00:00:00 2001
From: Steven <61930423+programmerstevie@users.noreply.github.com>
Date: Wed, 18 Mar 2026 10:50:39 +0700
Subject: [PATCH 2/2] Use onDestroy for component unmount

Svelte has onDestroy hook for unmount
---
 content/3-lifecycle/2-on-unmount/svelte5/Time.svelte | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/content/3-lifecycle/2-on-unmount/svelte5/Time.svelte b/content/3-lifecycle/2-on-unmount/svelte5/Time.svelte
index 15d303a2..06943dea 100644
--- a/content/3-lifecycle/2-on-unmount/svelte5/Time.svelte
+++ b/content/3-lifecycle/2-on-unmount/svelte5/Time.svelte
@@ -1,7 +1,9 @@
 <script>
+  import { onDestroy } from "svelte";
+
   let time = $state(new Date().toLocaleTimeString());
 
-  $effect(() => {
+  onDestroy(() => {
     const timer = setInterval(() => {
       time = new Date().toLocaleTimeString();
     }, 1000);