Svelte 1.0
Roadmap for Svelte 1.0
Basics
- [x] Setup Package
- [x] Setup Testing
- [x] Setup Storybook
- [x] Setup Template (svelte-kit)
- [ ] Docs
Core
- [x] Anatomy
- [x] Collection
- [x] Factory (asChild)
Providers
- [x] Environment
- [x] Locale
Components
- [ ] Accordion
- [x] Avatar
- [ ] Carousel
- [ ] Checkbox
- [ ] Clipboard
- [ ] Collapsible
- [ ] ColorPicker
- [ ] Combobox
- [ ] DatePicker
- [ ] Dialog
- [ ] Editable
- [ ] Field
- [ ] Fieldset
- [ ] FileUpload
- [x] Format
- [x] Frame
- [x] Highlight
- [ ] HoverCard
- [ ] Menu
- [ ] NumberInput
- [ ] Pagination
- [ ] PinInput
- [ ] Popover
- [ ] Portal
- [x] Presence
- [x] Progress
- [x] QrCode
- [ ] RadioGroup
- [ ] RatingGroup
- [ ] SegmentGroup
- [ ] Select
- [ ] SignaturePad
- [x] Slider
- [ ] Splitter
- [ ] Steps
- [ ] Switch
- [ ] Tabs
- [ ] TagsInput
- [ ] TimePicker
- [x] Timer
- [ ] Toast
- [ ] Toggle
- [ ] ToggleGroup
- [ ] Tooltip
- [ ] TreeView
@cschroeter
Hi
In Svelte, when you destructure a reactive variable ($state, $derived), it loses reactivity.
Code like this:
https://github.com/chakra-ui/ark/blob/be4e356070b1c37384a9501b1db4e6dee8904793/packages/svelte/src/lib/components/avatar/use-avatar.svelte.ts#L13-L14
Should be written the same way as Vue code:
https://github.com/chakra-ui/ark/blob/be4e356070b1c37384a9501b1db4e6dee8904793/packages/vue/src/components/avatar/use-avatar.ts#L18-L19
Like this one:
https://github.com/chakra-ui/ark/blob/be4e356070b1c37384a9501b1db4e6dee8904793/packages/svelte/src/lib/components/qr-code/use-qr-code.svelte.ts#L13-L14
Would it be OK to contribute on some of the components?
@babakfp Hey mate - thanks for reaching out. Yes this is a good catch. We found also some issues in Zag that we fixed in the latest version. Feel free to convert any of the components left if you have some time to contribute <3
Hello! I'm waiting for ark for Svelte, and trying to work on the incomplete items in the Components section from the progress above. I'm attempting to work on the Frame component first (based on solid/frame.tsx) - is there anything I should know beforehand? Or are there any good first issues(component) you'd recommend?
They finally released this 🎉:
https://svelte.dev/docs/svelte/$props#$props.id()
@babakfp nice. just added it for the few componetns we have.
Closing this. I managed to power through the components with the help of Cursor.
Will finish up the components, and we can aim for a beta release this week.