# What's new in Svelte: May 2022

DevFeed: [What's new in Svelte: May 2022](<https://devfeed.tech/articles/what-s-new-in-svelte-may-2022-3105.md>)

Original publisher: [Read original article](<https://svelte.dev/blog/whats-new-in-svelte-may-2022>)

Author: Dani Sandoval

Published: 2022-05-01T00:00:00Z

Content type: news

Language: en

Sources: [Svelte blog](<https://devfeed.tech/sources/svelte-blog.md>)

Topics: [Svelte](<https://devfeed.tech/topics/svelte.md>), [JavaScript](<https://devfeed.tech/topics/javascript.md>), [vs-code](<https://devfeed.tech/topics/vs-code.md>), [Netlify](<https://devfeed.tech/topics/netlify.md>), [Vercel](<https://devfeed.tech/topics/vercel.md>), [Content Management System](<https://devfeed.tech/topics/cms.md>)

Tags: [docs](<https://devfeed.tech/tags/docs.md>), [javascript](<https://devfeed.tech/tags/javascript.md>), [netlify](<https://devfeed.tech/tags/netlify.md>), [news](<https://devfeed.tech/tags/news.md>), [svelte](<https://devfeed.tech/tags/svelte.md>), [tech-stack](<https://devfeed.tech/tags/tech-stack.md>), [tutorial](<https://devfeed.tech/tags/tutorial.md>), [updates](<https://devfeed.tech/tags/updates.md>), [vercel](<https://devfeed.tech/tags/vercel.md>), [vs-code](<https://devfeed.tech/tags/vs-code.md>)

## AI overview

A May 2022 Svelte update covering new Svelte and SvelteKit features, language-tool improvements, breaking changes, deployment support for Netlify Edge Functions and the Vercel build output API, and community showcase projects.

## Source excerpt

With yesterday's Svelte Summit behind us, we've got a lot of news to share! Check out all of the recordings on the Svelte Society YouTube Channel and the rest of this month's updates below... What's new in Svelte The <svelte:element> element lets you render an element of a dynamically specified type. This is useful, for example, when rendering rich text content from a CMS. Check out the docs or the tutorial for more info (3.47.0)! Language Tools updates svelte:element and sveltekit:reload are now supported Invalid Svelte import paths will now be automatically detected - see PR for getting back the old behavior (#1448) source.sortImports lets you sort imports without deleting unused imports (#1338) Hovering over HTML attributes will now show HTML hover info instead of the TS hover info - resulting in much more useful information (#1447) In VS Code, you can now wrap existing blocks of code in control flow tags using the Insert Snippet command (#1373) What's new in SvelteKit Files and directories can now be named __tests__ and __test__ in the routes directory (#4438) Netlify Edge Functions (#4657) and the Vercel build output API (#4663) are now supported Custom load dependencies, array of strings representing URLs the page depends on, are now available when loading routes (Docs, #4536) Breaking Changes Validators are now called "matchers" (Docs, #4358) __layout.reset has been replaced by named layouts - which have much configurability for shared layout elements (Docs, #4388) Prerendering is now skipped for rel="external" links (#4545) maxage is now cache in LoadOutput (#4690) Community ShowcaseApps & Sites built with Svelte polySpectra AR lets you prototype faster 3D Printing with seamless AR file handoffs (video demo) Pixel Art Together is a free multiplayer pixel art editor powered by Liveblocks Tooling Manager lets you compare your JavaScript tech stack against industry standard boilerplates Easy Portfolio generates a portfolio based on your GitHub profile FLOAT is