fix: svelte examples

chakra-ui · Sep 9, 2024 · 18ca222 · 18ca222
1 parent f7c5e93
commit 18ca222
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 9 deletions.
diff --git a/examples/svelte-ts/src/routes/combobox.svelte b/examples/svelte-ts/src/routes/combobox.svelte
@@ -9,7 +9,7 @@
 
   const controls = useControls(comboboxControls)
 
-  let options = $state.frozen(comboboxData)
+  let options = $state.raw(comboboxData)
 
   const collection = combobox.collection({
     items: comboboxData,

diff --git a/examples/svelte-ts/src/routes/timer-countdown.svelte b/examples/svelte-ts/src/routes/timer-countdown.svelte
@@ -21,13 +21,13 @@
 
 <main class="timer">
   <div {...api.getRootProps()}>
-    <div {...api.getSegmentProps({ type: "days" })}>{api.formattedTime.days}</div>
+    <div {...api.getItemProps({ type: "days" })}>{api.formattedTime.days}</div>
     <div {...api.getSeparatorProps()}>:</div>
-    <div {...api.getSegmentProps({ type: "hours" })}>{api.formattedTime.hours}</div>
+    <div {...api.getItemProps({ type: "hours" })}>{api.formattedTime.hours}</div>
     <div {...api.getSeparatorProps()}>:</div>
-    <div {...api.getSegmentProps({ type: "minutes" })}>{api.formattedTime.minutes}</div>
+    <div {...api.getItemProps({ type: "minutes" })}>{api.formattedTime.minutes}</div>
     <div {...api.getSeparatorProps()}>:</div>
-    <div {...api.getSegmentProps({ type: "seconds" })}>{api.formattedTime.seconds}</div>
+    <div {...api.getItemProps({ type: "seconds" })}>{api.formattedTime.seconds}</div>
   </div>
 
   <div style="display:flex; gap: 4px">

diff --git a/examples/svelte-ts/src/routes/timer-stopwatch.svelte b/examples/svelte-ts/src/routes/timer-stopwatch.svelte
@@ -16,13 +16,13 @@
 
 <main class="timer">
   <div {...api.getRootProps()}>
-    <div {...api.getSegmentProps({ type: "days" })}>{api.formattedTime.days}</div>
+    <div {...api.getItemProps({ type: "days" })}>{api.formattedTime.days}</div>
     <div {...api.getSeparatorProps()}>:</div>
-    <div {...api.getSegmentProps({ type: "hours" })}>{api.formattedTime.hours}</div>
+    <div {...api.getItemProps({ type: "hours" })}>{api.formattedTime.hours}</div>
     <div {...api.getSeparatorProps()}>:</div>
-    <div {...api.getSegmentProps({ type: "minutes" })}>{api.formattedTime.minutes}</div>
+    <div {...api.getItemProps({ type: "minutes" })}>{api.formattedTime.minutes}</div>
     <div {...api.getSeparatorProps()}>:</div>
-    <div {...api.getSegmentProps({ type: "seconds" })}>{api.formattedTime.seconds}</div>
+    <div {...api.getItemProps({ type: "seconds" })}>{api.formattedTime.seconds}</div>
   </div>
 
   <div style="display:flex; gap: 4px">

diff --git a/packages/utilities/stringify-state/src/index.ts b/packages/utilities/stringify-state/src/index.ts
@@ -1,3 +1,4 @@
+// @ts-ignore
 import formatHighlight from "json-format-highlight"
 
 interface Dict {