# What's new in Svelte: June 2022

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

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

Author: Dani Sandoval

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

Content type: article

Language: en

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

Topics: [Svelte](<https://devfeed.tech/topics/svelte.md>), [Vite](<https://devfeed.tech/topics/vite.md>), [Server-side rendering](<https://devfeed.tech/topics/server-side-rendering.md>), [Document Object Model (DOM)](<https://devfeed.tech/topics/dom.md>), [GraphQL](<https://devfeed.tech/topics/graphql.md>), [Three.js](<https://devfeed.tech/topics/threejs.md>)

Tags: [3d](<https://devfeed.tech/tags/3d.md>), [bug-fixes](<https://devfeed.tech/tags/bug-fixes.md>), [changelog](<https://devfeed.tech/tags/changelog.md>), [graphql](<https://devfeed.tech/tags/graphql.md>), [ssr](<https://devfeed.tech/tags/ssr.md>), [svelte](<https://devfeed.tech/tags/svelte.md>), [update](<https://devfeed.tech/tags/update.md>), [vite](<https://devfeed.tech/tags/vite.md>)

## AI overview

This June 2022 update covers new Svelte features, bug fixes, SvelteKit progress, Vite integration work, breaking changes, and a showcase of community projects built with Svelte and SvelteKit.

## Source excerpt

With last month's Svelte Summit behind us, we're ready to apply everything we learned in this new month of June! Also new this month are some quality-of-life changes to createEventDispatcher, @const declarations and tons of progress toward SvelteKit 1.0. Let's dive in! What's new in Svelte Custom events can now be cancelled in the createEventDispatcher function (3.48.0, Docs, PR) The {@const} tag can now be used in {#if} blocks to conditionally define variables (3.48.0, Docs, PR) Lots of bug fixes across <svelte:element>, animations and various DOM elements. Check out the CHANGELOG for a deeper dive! What's new in SvelteKit Vite 2.9.9 was released as one of the last Vite 2 releases. The Svelte team has been hard at work contributing to the Vite 3 release to make the integration between SvelteKit and Vite smoother than ever (Vite 3.0 Milestone) config.kit.alias lets you more easily declare a custom alias to replace values in import statements (Docs, PR) Pages marked for prerendering will now fail during SSR at runtime (PR) Breaking Changes Node 14 is no longer supported (PR) Requests to /favicon.ico will no longer be suppressed and will instead be handled as a valid route (PR) AMP support has been moved to a separate @sveltejs/amp package (npmx, PR) Generated types are now written to _types directories - update your imports accordingly (PR) %svelte.head% and %svelte.body% are now %sveltekit.head% and %sveltekit.body% in app.html (PR) LoadInput is now LoadEvent Dropped support for Wrangler 1 in favor of Wrangler 2 (PR) Community ShowcaseApps & Sites built with Svelte Plantarium is a tool for the procedural generation of 3D plants. SPATULA is a tool for building shading materials that are exportable as code material in any project that uses lamina and threejs Waaard lets you create and send protected links with a variety of SSO providers Magidoc is a fast and highly customizable GraphQL documentation generator myMarkmap is a custom editor for Markmap, built with Svelte