From eabe98410748095dfeac1b90653707c9b861ad35 Mon Sep 17 00:00:00 2001 From: Daniel Sandoval Date: Sat, 23 Apr 2022 22:28:09 -0600 Subject: [PATCH 1/9] may post --- ...2022-05-01-whats-new-in-svelte-may-2022.md | 89 +++++++++++++++++++ 1 file changed, 89 insertions(+) create mode 100644 site/content/blog/2022-05-01-whats-new-in-svelte-may-2022.md diff --git a/site/content/blog/2022-05-01-whats-new-in-svelte-may-2022.md b/site/content/blog/2022-05-01-whats-new-in-svelte-may-2022.md new file mode 100644 index 000000000000..1304fd728170 --- /dev/null +++ b/site/content/blog/2022-05-01-whats-new-in-svelte-may-2022.md @@ -0,0 +1,89 @@ +--- +title: "What's new in Svelte: May 2022" +description: "Dynamically switch between HTML element types with ``" +author: Daniel Sandoval +authorURL: https://desandoval.net +--- + +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](https://www.youtube.com/sveltesociety) and the rest of this month's updates below... + +## What's new in Svelte +- The `` element lets you render an element of a dynamically specified type. This is useful for example when rich text content from a CMS. If the tag is changed, the children will be preserved unless there's a transition attached to the element. Check out the [docs](https://svelte.dev/docs#template-syntax-svelte-element) or the [tutorial](https://svelte.dev/tutorial/svelte-element) 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](https://github.com/sveltejs/language-tools/pull/1448)) +- `source.sortImports` lets you sort imports without deleting unused imports ([#1338](https://github.com/sveltejs/language-tools/issues/1338)) +- Hovering over HTML attributes will now show HTML hover info instead of the TS hover info - resulting in much more useful information ([#1447](https://github.com/sveltejs/language-tools/pull/1447)) + + +## What's new in SvelteKit +- Files and directories can now be named `__tests__` and `__test__` in the routes directory ([#4438](https://github.com/sveltejs/kit/pull/4438)) +- The `platform` parameter is now available for requests triggered by `fetch` in `load` during SSR ([#4599](https://github.com/sveltejs/kit/pull/4599)) + + +**Breaking Changes** +- Validators are now called "matchers" ([Docs](https://kit.svelte.dev/docs/routing#advanced-routing-matching), [#4358](https://github.com/sveltejs/kit/pull/4358)) +- `__layout.reset` has been replaced by named layouts ([Docs](https://kit.svelte.dev/docs/layouts#named-layouts), [#4388](https://github.com/sveltejs/kit/pull/4388)) +- Prerendering is now skipped for `rel="external"` links ([#4545](https://github.com/sveltejs/kit/pull/4545)) +- `maxage` is now `cache` in `LoadOutput` ([#4690](https://github.com/sveltejs/kit/pull/4690)) + + +--- + +## Community Showcase + +**Apps & Sites built with Svelte** +- [polySpectra AR](https://ar.polyspectra.com/) lets you prototype faster 3D Printing with seamless AR file handoffs ([video demo](https://www.youtube.com/watch?v=VhYCeVGcG3E)) +- [Pixel Art Together](https://github.com/liveblocks/pixel-art-together) is a free multiplayer pixel art editor powered by Liveblocks +- [Tooling Manager](https://tooling-manager.netlify.app/) lets you compare your JavaScript Tech Stack against industry standard boilerplates +- [Easy Portfolio](https://easy-portfolio.com/) is a portfolio generator based on your GitHub Profile +- [FLOAT](https://github.com/muttoni/float) is an attendance tracking program for events +- [The Coin Perspective](https://thecoinperspective.com/) is a cryptocurrency price tracker and portfolio management tool +- [Locutionis](https://github.com/pbouillon/locutionis) is a small, online reference of figures of speech (en français) +- [ASM Editor](https://asm-editor.specy.app/) is an all in one web editor for M68K and MIPS +- [Otium](https://github.com/alombi/otium) is a free and open source book manager and bookshelf organiser, that helps you managing your books and the ones you would like to read +- [Sinwaver](https://github.com/Hugo-Dz/Sinwaver) is an SVG sine wave generator +- + +Want to contribute to a modern SvelteKit website? [Help build the Svelte Society site](https://github.com/svelte-society/sveltesociety.dev/issues)! + + +**Learning Resources** + +_To Read_ +- [4 tips for cleaner Svelte components](https://geoffrich.net/posts/clean-component-tips/) by Geoff Rich +- [Building a Clubhouse clone with Svelte and 100ms](https://www.100ms.live/blog/clubhouse-clone-with-svelte) By Seun Taiwo +- [SvelteKit uvu Testing: Fast Component Unit Tests](https://rodneylab.com/sveltekit-uvu-testing/) by Rodney Lab +- [SvelteKit JWT authentication tutorial](https://dev.to/pilcrowonpaper/sveltekit-jwt-authentication-tutorial-2m34) by pilcrowOnPaper +- [Converting a Rollup-based Svelte SPA to SvelteKit](https://github.com/sveltejs/kit/discussions/4595) by Simon H +- [Add Commitint, Commitizen, Standard Version, and Husky to SvelteKit Project](https://davipon.hashnode.dev/add-commitint-commitizen-standard-version-and-husky-to-sveltekit-project) by David Peng + +_To Watch or Hear_ +- [Rich Harris - The Road to SvelteKit 1.0 (Svelte Society NYC)](https://www.youtube.com/watch?v=s6a1pbTVcUs) by Svelte Society +- [Svelte Fundamentals - Intro to Svelte](https://codingcat.dev/course/intro-to-svelte) by Coding Cat +- [Svelte Components Using Custom Markdown Renderers - Weekly Svelte](https://www.youtube.com/watch?v=ZiEROAqobwM) by LevelUpTuts +- [Implementing {@const} in if block](https://www.youtube.com/watch?v=f5iReGqjmG0) by lihautan +- [Svelte and Contributing to Open-Source with Geoff Rich](https://podcast.20minjs.com/1952066/10417700-episode-6-svelte-and-contributing-to-open-source-with-geoff-rich) by 20minJS + + +**Libraries, Tools & Components** +- [KitDocs](https://github.com/svelteness/kit-docs) is a documentation integration for SvelteKit - like VitePress for Svelte. +- [Svelte Copy](https://github.com/ghostdevv/svelte-copy) is a click/tap-to-copy library that makes it easy to copy to the clipboard +- [Svend3r](https://github.com/oslabs-beta/svend3r) provides beautiful visualizations that harness the power of D3 to bring your data to life while abstracting away its imperative-style code +- [Svelte Hamburgers](https://github.com/ghostdevv/svelte-hamburgers) is the easy to use Hamburger menu component for Svelte +- [Svelte Droplet](https://github.com/probablykasper/svelte-droplet) is a file dropzone for Svelte +- [Svelte MP3](https://www.npmjs.com/package/svelte-mp3) is a light blazingly fast yet simple minimalistic audio player for Svelte +- [SvelteUI](https://github.com/Brisklemonade/svelteui) is a component library for building fully functional & accessible web applications faster than ever +- [svelte-spotlight](https://github.com/beynar/svelte-spotlight) is a headless spotlight component to help you build your site's global search box in minutes +- [svelte-pdf-simple](https://github.com/gspasov/svelte-pdf-simple) is a simple svelte library for displaying pdfs and giving you all the control +- [persistent-svelte-store](https://github.com/omer-g/persistent-svelte-store) is a generic persistent writable store, built from scratch in TypeScript according to the Svelte store contract +- [svelte-exmarkdown](https://github.com/ssssota/svelte-exmarkdown) is Svelte component to render markdown dynamically +- [Bookit](https://github.com/leveluptuts/bookit) is a storybook-like component rendering environment - finely tuned to work directly within your Svelte Kit projects + +Join us on [Reddit](https://www.reddit.com/r/sveltejs/) or [Discord](https://discord.com/invite/yy75DKs) to continue the conversation. + +If you'd prefer to join us in person, Svelte Summit is finally transitioning properly into the real world. Come join us for two days of awesome Svelte content! [Get your tickets now!](https://ti.to/svelte/svelte-summit-fall-edition) + +See y'all next month! From 54882e750e252a2698eb8c1baa3d562d7c0b3dfc Mon Sep 17 00:00:00 2001 From: Daniel Sandoval Date: Fri, 29 Apr 2022 16:09:15 -0700 Subject: [PATCH 2/9] Apply suggestions from code review Co-authored-by: Yuichiro Yamashita Co-authored-by: gtmnayan <50981692+gtm-nayan@users.noreply.github.com> Co-authored-by: Ben McCann <322311+benmccann@users.noreply.github.com> --- site/content/blog/2022-05-01-whats-new-in-svelte-may-2022.md | 5 ++--- 1 file changed, 2 insertions(+), 3 deletions(-) diff --git a/site/content/blog/2022-05-01-whats-new-in-svelte-may-2022.md b/site/content/blog/2022-05-01-whats-new-in-svelte-may-2022.md index 1304fd728170..f3c243474d3e 100644 --- a/site/content/blog/2022-05-01-whats-new-in-svelte-may-2022.md +++ b/site/content/blog/2022-05-01-whats-new-in-svelte-may-2022.md @@ -8,7 +8,7 @@ authorURL: https://desandoval.net 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](https://www.youtube.com/sveltesociety) and the rest of this month's updates below... ## What's new in Svelte -- The `` element lets you render an element of a dynamically specified type. This is useful for example when rich text content from a CMS. If the tag is changed, the children will be preserved unless there's a transition attached to the element. Check out the [docs](https://svelte.dev/docs#template-syntax-svelte-element) or the [tutorial](https://svelte.dev/tutorial/svelte-element) for more info (**3.47.0**)! +- The `` element lets you render an element of a dynamically specified type. This is useful for example when rich text content from a CMS. Check out the [docs](https://svelte.dev/docs#template-syntax-svelte-element) or the [tutorial](https://svelte.dev/tutorial/svelte-element) for more info (**3.47.0**)! ## Language Tools updates @@ -16,7 +16,7 @@ With yesterday's Svelte Summit behind us, we've got a lot of news to share! chec - Invalid Svelte import paths will now be automatically detected - see PR for getting back the old behavior ([#1448](https://github.com/sveltejs/language-tools/pull/1448)) - `source.sortImports` lets you sort imports without deleting unused imports ([#1338](https://github.com/sveltejs/language-tools/issues/1338)) - Hovering over HTML attributes will now show HTML hover info instead of the TS hover info - resulting in much more useful information ([#1447](https://github.com/sveltejs/language-tools/pull/1447)) - +- In VS Code, you can now wrap existing blocks of code in control flow tags using the `Insert Snippet` command ([#1373](https://github.com/sveltejs/language-tools/pull/1373)) ## What's new in SvelteKit - Files and directories can now be named `__tests__` and `__test__` in the routes directory ([#4438](https://github.com/sveltejs/kit/pull/4438)) @@ -45,7 +45,6 @@ With yesterday's Svelte Summit behind us, we've got a lot of news to share! chec - [ASM Editor](https://asm-editor.specy.app/) is an all in one web editor for M68K and MIPS - [Otium](https://github.com/alombi/otium) is a free and open source book manager and bookshelf organiser, that helps you managing your books and the ones you would like to read - [Sinwaver](https://github.com/Hugo-Dz/Sinwaver) is an SVG sine wave generator -- Want to contribute to a modern SvelteKit website? [Help build the Svelte Society site](https://github.com/svelte-society/sveltesociety.dev/issues)! From bf55cc92ab2d49f351f5585712f1787b3ac74334 Mon Sep 17 00:00:00 2001 From: Daniel Sandoval Date: Fri, 29 Apr 2022 16:37:42 -0700 Subject: [PATCH 3/9] address PR feedback --- .../content/blog/2022-05-01-whats-new-in-svelte-may-2022.md | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/site/content/blog/2022-05-01-whats-new-in-svelte-may-2022.md b/site/content/blog/2022-05-01-whats-new-in-svelte-may-2022.md index f3c243474d3e..335de60545d7 100644 --- a/site/content/blog/2022-05-01-whats-new-in-svelte-may-2022.md +++ b/site/content/blog/2022-05-01-whats-new-in-svelte-may-2022.md @@ -21,11 +21,13 @@ With yesterday's Svelte Summit behind us, we've got a lot of news to share! chec ## What's new in SvelteKit - Files and directories can now be named `__tests__` and `__test__` in the routes directory ([#4438](https://github.com/sveltejs/kit/pull/4438)) - The `platform` parameter is now available for requests triggered by `fetch` in `load` during SSR ([#4599](https://github.com/sveltejs/kit/pull/4599)) +- Netlify Edge Functions ([#4657](https://github.com/sveltejs/kit/pull/4657)) and the Vercel build output API ([#4663](https://github.com/sveltejs/kit/pull/4663)) are now supported +- Custom `load` dependencies, array of strings representing URLs the page depends on, are now available when loading routes ([Docs](https://kit.svelte.dev/docs/loading#output-dependencies), [#4536](https://github.com/sveltejs/kit/pull/4536)) **Breaking Changes** - Validators are now called "matchers" ([Docs](https://kit.svelte.dev/docs/routing#advanced-routing-matching), [#4358](https://github.com/sveltejs/kit/pull/4358)) -- `__layout.reset` has been replaced by named layouts ([Docs](https://kit.svelte.dev/docs/layouts#named-layouts), [#4388](https://github.com/sveltejs/kit/pull/4388)) +- `__layout.reset` has been replaced by named layouts - which have much configurability for shared layout elements ([Docs](https://kit.svelte.dev/docs/layouts#named-layouts), [#4388](https://github.com/sveltejs/kit/pull/4388)) - Prerendering is now skipped for `rel="external"` links ([#4545](https://github.com/sveltejs/kit/pull/4545)) - `maxage` is now `cache` in `LoadOutput` ([#4690](https://github.com/sveltejs/kit/pull/4690)) @@ -79,7 +81,7 @@ _To Watch or Hear_ - [svelte-pdf-simple](https://github.com/gspasov/svelte-pdf-simple) is a simple svelte library for displaying pdfs and giving you all the control - [persistent-svelte-store](https://github.com/omer-g/persistent-svelte-store) is a generic persistent writable store, built from scratch in TypeScript according to the Svelte store contract - [svelte-exmarkdown](https://github.com/ssssota/svelte-exmarkdown) is Svelte component to render markdown dynamically -- [Bookit](https://github.com/leveluptuts/bookit) is a storybook-like component rendering environment - finely tuned to work directly within your Svelte Kit projects +- [Bookit](https://github.com/leveluptuts/bookit) is a storybook-like component rendering environment - finely tuned to work directly within your SvelteKit projects Join us on [Reddit](https://www.reddit.com/r/sveltejs/) or [Discord](https://discord.com/invite/yy75DKs) to continue the conversation. From 7c452cef902880fdbdaa2ea4a41b69fbb6379363 Mon Sep 17 00:00:00 2001 From: Ben McCann <322311+benmccann@users.noreply.github.com> Date: Tue, 3 May 2022 14:13:56 -0700 Subject: [PATCH 4/9] Update site/content/blog/2022-05-01-whats-new-in-svelte-may-2022.md --- site/content/blog/2022-05-01-whats-new-in-svelte-may-2022.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/site/content/blog/2022-05-01-whats-new-in-svelte-may-2022.md b/site/content/blog/2022-05-01-whats-new-in-svelte-may-2022.md index 335de60545d7..5a29c894c6b5 100644 --- a/site/content/blog/2022-05-01-whats-new-in-svelte-may-2022.md +++ b/site/content/blog/2022-05-01-whats-new-in-svelte-may-2022.md @@ -5,7 +5,7 @@ author: Daniel Sandoval authorURL: https://desandoval.net --- -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](https://www.youtube.com/sveltesociety) and the rest of this month's updates below... +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](https://www.youtube.com/sveltesociety) and the rest of this month's updates below... ## What's new in Svelte - The `` element lets you render an element of a dynamically specified type. This is useful for example when rich text content from a CMS. Check out the [docs](https://svelte.dev/docs#template-syntax-svelte-element) or the [tutorial](https://svelte.dev/tutorial/svelte-element) for more info (**3.47.0**)! From 8a40dd8e5358bf48bfcc441517d7b5858d8e68a8 Mon Sep 17 00:00:00 2001 From: Ben McCann <322311+benmccann@users.noreply.github.com> Date: Tue, 3 May 2022 14:14:37 -0700 Subject: [PATCH 5/9] Update site/content/blog/2022-05-01-whats-new-in-svelte-may-2022.md --- site/content/blog/2022-05-01-whats-new-in-svelte-may-2022.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/site/content/blog/2022-05-01-whats-new-in-svelte-may-2022.md b/site/content/blog/2022-05-01-whats-new-in-svelte-may-2022.md index 5a29c894c6b5..29671d906a20 100644 --- a/site/content/blog/2022-05-01-whats-new-in-svelte-may-2022.md +++ b/site/content/blog/2022-05-01-whats-new-in-svelte-may-2022.md @@ -8,7 +8,7 @@ authorURL: https://desandoval.net 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](https://www.youtube.com/sveltesociety) and the rest of this month's updates below... ## What's new in Svelte -- The `` element lets you render an element of a dynamically specified type. This is useful for example when rich text content from a CMS. Check out the [docs](https://svelte.dev/docs#template-syntax-svelte-element) or the [tutorial](https://svelte.dev/tutorial/svelte-element) for more info (**3.47.0**)! +- The `` 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](https://svelte.dev/docs#template-syntax-svelte-element) or the [tutorial](https://svelte.dev/tutorial/svelte-element) for more info (**3.47.0**)! ## Language Tools updates From ab9ed31fa753eeafcb18ecd4b48e538b65b2b753 Mon Sep 17 00:00:00 2001 From: Ben McCann <322311+benmccann@users.noreply.github.com> Date: Tue, 3 May 2022 14:16:53 -0700 Subject: [PATCH 6/9] Update site/content/blog/2022-05-01-whats-new-in-svelte-may-2022.md --- site/content/blog/2022-05-01-whats-new-in-svelte-may-2022.md | 1 - 1 file changed, 1 deletion(-) diff --git a/site/content/blog/2022-05-01-whats-new-in-svelte-may-2022.md b/site/content/blog/2022-05-01-whats-new-in-svelte-may-2022.md index 29671d906a20..2b578a4dcbe9 100644 --- a/site/content/blog/2022-05-01-whats-new-in-svelte-may-2022.md +++ b/site/content/blog/2022-05-01-whats-new-in-svelte-may-2022.md @@ -20,7 +20,6 @@ With yesterday's Svelte Summit behind us, we've got a lot of news to share! Chec ## What's new in SvelteKit - Files and directories can now be named `__tests__` and `__test__` in the routes directory ([#4438](https://github.com/sveltejs/kit/pull/4438)) -- The `platform` parameter is now available for requests triggered by `fetch` in `load` during SSR ([#4599](https://github.com/sveltejs/kit/pull/4599)) - Netlify Edge Functions ([#4657](https://github.com/sveltejs/kit/pull/4657)) and the Vercel build output API ([#4663](https://github.com/sveltejs/kit/pull/4663)) are now supported - Custom `load` dependencies, array of strings representing URLs the page depends on, are now available when loading routes ([Docs](https://kit.svelte.dev/docs/loading#output-dependencies), [#4536](https://github.com/sveltejs/kit/pull/4536)) From fe7af6ada89b199387942a257919be17a95c8451 Mon Sep 17 00:00:00 2001 From: Ben McCann <322311+benmccann@users.noreply.github.com> Date: Tue, 3 May 2022 14:17:46 -0700 Subject: [PATCH 7/9] Update site/content/blog/2022-05-01-whats-new-in-svelte-may-2022.md --- site/content/blog/2022-05-01-whats-new-in-svelte-may-2022.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/site/content/blog/2022-05-01-whats-new-in-svelte-may-2022.md b/site/content/blog/2022-05-01-whats-new-in-svelte-may-2022.md index 2b578a4dcbe9..ce0d5e240974 100644 --- a/site/content/blog/2022-05-01-whats-new-in-svelte-may-2022.md +++ b/site/content/blog/2022-05-01-whats-new-in-svelte-may-2022.md @@ -38,7 +38,7 @@ With yesterday's Svelte Summit behind us, we've got a lot of news to share! Chec **Apps & Sites built with Svelte** - [polySpectra AR](https://ar.polyspectra.com/) lets you prototype faster 3D Printing with seamless AR file handoffs ([video demo](https://www.youtube.com/watch?v=VhYCeVGcG3E)) - [Pixel Art Together](https://github.com/liveblocks/pixel-art-together) is a free multiplayer pixel art editor powered by Liveblocks -- [Tooling Manager](https://tooling-manager.netlify.app/) lets you compare your JavaScript Tech Stack against industry standard boilerplates +- [Tooling Manager](https://tooling-manager.netlify.app/) lets you compare your JavaScript tech stack against industry standard boilerplates - [Easy Portfolio](https://easy-portfolio.com/) is a portfolio generator based on your GitHub Profile - [FLOAT](https://github.com/muttoni/float) is an attendance tracking program for events - [The Coin Perspective](https://thecoinperspective.com/) is a cryptocurrency price tracker and portfolio management tool From 4a359ab2940186ea936ba79740f53868a19fe690 Mon Sep 17 00:00:00 2001 From: Ben McCann <322311+benmccann@users.noreply.github.com> Date: Tue, 3 May 2022 14:18:33 -0700 Subject: [PATCH 8/9] Update site/content/blog/2022-05-01-whats-new-in-svelte-may-2022.md --- site/content/blog/2022-05-01-whats-new-in-svelte-may-2022.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/site/content/blog/2022-05-01-whats-new-in-svelte-may-2022.md b/site/content/blog/2022-05-01-whats-new-in-svelte-may-2022.md index ce0d5e240974..6256df111aaf 100644 --- a/site/content/blog/2022-05-01-whats-new-in-svelte-may-2022.md +++ b/site/content/blog/2022-05-01-whats-new-in-svelte-may-2022.md @@ -39,7 +39,7 @@ With yesterday's Svelte Summit behind us, we've got a lot of news to share! Chec - [polySpectra AR](https://ar.polyspectra.com/) lets you prototype faster 3D Printing with seamless AR file handoffs ([video demo](https://www.youtube.com/watch?v=VhYCeVGcG3E)) - [Pixel Art Together](https://github.com/liveblocks/pixel-art-together) is a free multiplayer pixel art editor powered by Liveblocks - [Tooling Manager](https://tooling-manager.netlify.app/) lets you compare your JavaScript tech stack against industry standard boilerplates -- [Easy Portfolio](https://easy-portfolio.com/) is a portfolio generator based on your GitHub Profile +- [Easy Portfolio](https://easy-portfolio.com/) generates a portfolio based on your GitHub profile - [FLOAT](https://github.com/muttoni/float) is an attendance tracking program for events - [The Coin Perspective](https://thecoinperspective.com/) is a cryptocurrency price tracker and portfolio management tool - [Locutionis](https://github.com/pbouillon/locutionis) is a small, online reference of figures of speech (en français) From c9fbbc3bc45900fbd1430298f9f6a92aca1f0e5f Mon Sep 17 00:00:00 2001 From: Ben McCann <322311+benmccann@users.noreply.github.com> Date: Tue, 3 May 2022 14:20:36 -0700 Subject: [PATCH 9/9] Update site/content/blog/2022-05-01-whats-new-in-svelte-may-2022.md --- site/content/blog/2022-05-01-whats-new-in-svelte-may-2022.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/site/content/blog/2022-05-01-whats-new-in-svelte-may-2022.md b/site/content/blog/2022-05-01-whats-new-in-svelte-may-2022.md index 6256df111aaf..5bf169049ea2 100644 --- a/site/content/blog/2022-05-01-whats-new-in-svelte-may-2022.md +++ b/site/content/blog/2022-05-01-whats-new-in-svelte-may-2022.md @@ -77,7 +77,7 @@ _To Watch or Hear_ - [Svelte MP3](https://www.npmjs.com/package/svelte-mp3) is a light blazingly fast yet simple minimalistic audio player for Svelte - [SvelteUI](https://github.com/Brisklemonade/svelteui) is a component library for building fully functional & accessible web applications faster than ever - [svelte-spotlight](https://github.com/beynar/svelte-spotlight) is a headless spotlight component to help you build your site's global search box in minutes -- [svelte-pdf-simple](https://github.com/gspasov/svelte-pdf-simple) is a simple svelte library for displaying pdfs and giving you all the control +- [svelte-pdf-simple](https://github.com/gspasov/svelte-pdf-simple) is a simple svelte library for displaying PDFs and giving you all the control - [persistent-svelte-store](https://github.com/omer-g/persistent-svelte-store) is a generic persistent writable store, built from scratch in TypeScript according to the Svelte store contract - [svelte-exmarkdown](https://github.com/ssssota/svelte-exmarkdown) is Svelte component to render markdown dynamically - [Bookit](https://github.com/leveluptuts/bookit) is a storybook-like component rendering environment - finely tuned to work directly within your SvelteKit projects