Skip to content

Commit e2a005c

Browse files
committed
feat: migrate components in touch target to runes
1 parent 1d9f88d commit e2a005c

File tree

2 files changed

+12
-10
lines changed

2 files changed

+12
-10
lines changed

README.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -198,7 +198,7 @@ Svelte 5 Runes mode is being migrated to slowly. This is the todo list of compon
198198
- [x] Tab
199199
- [x] Tab Bar
200200
- [x] Tooltip
201-
- [ ] Touch Target
201+
- [x] Touch Target
202202

203203
Note to Devs: update `indexOf()` on any `$state` array to `findIndex()`.
204204

packages/site/src/routes/demo/touch-target/_Simple.svelte

Lines changed: 11 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
<svelte:options runes={false} />
1+
<svelte:options runes />
22

33
<div style="display: flex; flex-wrap: wrap; align-items: center;">
44
<Wrapper>
@@ -17,10 +17,12 @@
1717
</Fab>
1818
</Wrapper>
1919
<Wrapper>
20-
<Set chips={['Chip']} let:chip style="display: inline-flex;">
21-
<Chip {chip} onclick={() => clicked++} touch>
22-
<Text tabindex={0}>{chip}</Text>
23-
</Chip>
20+
<Set chips={['Chip']} style="display: inline-flex;">
21+
{#snippet chip(chip)}
22+
<Chip {chip} onclick={() => clicked++} touch>
23+
<Text tabindex={0}>{chip}</Text>
24+
</Chip>
25+
{/snippet}
2426
</Set>
2527
</Wrapper>
2628
<Wrapper>
@@ -51,8 +53,8 @@
5153
import Switch from '@smui/switch';
5254
import { Label, Icon } from '@smui/common';
5355
54-
let clicked = 0;
55-
let checked = false;
56-
let selected = 'on';
57-
let switchChecked = false;
56+
let clicked = $state(0);
57+
let checked = $state(false);
58+
let selected = $state('on');
59+
let switchChecked = $state(false);
5860
</script>

0 commit comments

Comments
 (0)