Svelte 1.0

[cschroeter]

Roadmap for Svelte 1.0

Basics

• Setup Package
• Setup Testing
• Setup Storybook
• Setup Template (svelte-kit)
• Docs

Core

• Anatomy
• Collection
• Factory (asChild)

Providers

• Environment
• Locale

Components

• Accordion
• Avatar
• Carousel
• Checkbox
• Clipboard
• Collapsible
• ColorPicker
• Combobox
• DatePicker
• Dialog
• Editable
• Field
• Fieldset
• FileUpload
• Format
• Frame
• Highlight
• HoverCard
• Menu
• NumberInput
• Pagination
• PinInput
• Popover
• Portal
• Presence
• Progress
• QrCode
• RadioGroup
• RatingGroup
• SegmentGroup
• Select
• SignaturePad
• Slider
• Splitter
• Steps
• Switch
• Tabs
• TagsInput
• TimePicker
• Timer
• Toast
• Toggle
• ToggleGroup
• Tooltip
• TreeView

[babakfp]

@cschroeter

Hi

In Svelte, when you destructure a reactive variable ($state, $derived), it loses reactivity.

Code like this:

ark/packages/svelte/src/lib/components/avatar/use-avatar.svelte.ts

Lines 13 to 14 in be4e356

	const { dir } = useLocaleContext()
	const { getRootNode } = useEnvironmentContext()

Should be written the same way as Vue code:

ark/packages/vue/src/components/avatar/use-avatar.ts

Lines 18 to 19 in be4e356

	const env = useEnvironmentContext()
	const locale = useLocaleContext(DEFAULT_LOCALE)

Like this one:

ark/packages/svelte/src/lib/components/qr-code/use-qr-code.svelte.ts

Lines 13 to 14 in be4e356

	const locale = useLocaleContext()
	const env = useEnvironmentContext()

---

Would it be OK to contribute on some of the components?

[cschroeter]

@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

[domuk-k]

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?

[babakfp]

They finally released this 🎉:

https://svelte.dev/docs/svelte/$props#$props.id()

[cschroeter]

@babakfp nice. just added it for the few componetns we have.