From 86b072c70f1310e4b5c184c06ed2d0b67fdc2944 Mon Sep 17 00:00:00 2001
From: Justin Edmund <justin@jedmund.com>
Date: Tue, 4 Nov 2025 19:49:07 -0800
Subject: [PATCH] fix: convert final $: reactive statement to $effect

Replace remaining $: if statement with $effect for slug generation in InlineComposerModal.
---
 src/lib/components/admin/InlineComposerModal.svelte | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/lib/components/admin/InlineComposerModal.svelte b/src/lib/components/admin/InlineComposerModal.svelte
index 4414ccb..cc67de0 100644
--- a/src/lib/components/admin/InlineComposerModal.svelte
+++ b/src/lib/components/admin/InlineComposerModal.svelte
@@ -103,9 +103,11 @@
 			.replace(/^-+|-+$/g, '')
 	}
 
-	$: if (essayTitle && !essaySlug) {
-		essaySlug = generateSlug(essayTitle)
-	}
+	$effect(() => {
+		if (essayTitle && !essaySlug) {
+			essaySlug = generateSlug(essayTitle)
+		}
+	})
 
 	function handlePhotoUpload() {
 		fileInput.click()
@@ -231,10 +233,11 @@
 		}
 	}
 
-	$: isOverLimit = characterCount > CHARACTER_LIMIT
-	$: canSave =
+	const isOverLimit = $derived(characterCount > CHARACTER_LIMIT)
+	const canSave = $derived(
 		(postType === 'post' && (characterCount > 0 || attachedPhotos.length > 0) && !isOverLimit) ||
 		(postType === 'essay' && essayTitle.length > 0 && content)
+	)
 </script>
 
 {#if mode === 'modal'}