-
Notifications
You must be signed in to change notification settings - Fork 6
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Feat: Svelte 5 Migration #152
Conversation
… using props for click handling
…der, and children
…andleAccordionSelectionChanged function
…erties and simplify SearchField event binding
…and migrate to use $state instead of $set
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
looks great! Everything looks like it's working perfectly, and you've fixed #150, too!
I see one comment from the migration task that needs to be addressed—either by deleting the comment or doing whatever work it wasn't able to do, and then we can merge.
src/components/MapContainer.svelte
Outdated
@@ -1,50 +1,31 @@ | |||
<!-- @migration-task Error while migrating Svelte code: $$props is used together with named props in a way that cannot be automatically migrated. --> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
looks like there's some more work to do here.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
No, I forgot to remove the comment. It appeared because the migration script failed to remove $$props automatically and it should be done manually, but it has been migrated now to Svelte 5, so there are no errors.
Haha, I’m glad it got fixed with the migration! I didn’t specifically fix #150, but it’s great to see that everything worked out. 😄 @aaronbrethorst |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
terrific work, @Ahmedhossamdev
Fixes: #140, #150
Key Changes:
$state
to define reactive variables instead oflet
.$:
with$derived
or$effect
(Runes support)$props
instead ofexport let
for component properties.on:click
toonclick
for consistency, along with similar event changes.slots
withsnippets
.routeClick
with aflyTo
transaction for smoother navigation.For more details, refer to the Svelte v5 Migration Guide.