From 13fa674bccc11db46f85094fc0d4502675b160c9 Mon Sep 17 00:00:00 2001
From: mgreminger <michael.greminger@gmail.com>
Date: Sun, 15 Dec 2024 16:58:02 -0600
Subject: [PATCH] refactor: port DocumentTitle to runes mode

---
 src/DocumentTitle.svelte | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/DocumentTitle.svelte b/src/DocumentTitle.svelte
index 3c8a1336..636c2c72 100644
--- a/src/DocumentTitle.svelte
+++ b/src/DocumentTitle.svelte
@@ -1,9 +1,9 @@
 <script>
   import { activeCell, nonMathCellChanged } from "./stores.ts";
 
-  export let title = "New Sheet";
+  let {title = "New Sheet"} = $props();
 
-  let spellcheck = false;
+  let spellcheck = $state(false);
 </script>
 
 <style>
@@ -27,11 +27,11 @@
 </style>
 
 <h1
-  on:focus={() => {$activeCell = -1; spellcheck = true}}
-  on:blur={() => spellcheck = false}
+  onfocus={() => {$activeCell = -1; spellcheck = true}}
+  onblur={() => spellcheck = false}
   contenteditable="true"
   bind:textContent={title}
-  on:input={() => $nonMathCellChanged=true}
+  oninput={() => $nonMathCellChanged=true}
   {spellcheck}
 >
 </h1>
\ No newline at end of file