From 302f694237da35f960cf409125dc7b2dc9cf30c9 Mon Sep 17 00:00:00 2001
From: James Glenn <47917431+JR-G@users.noreply.github.com>
Date: Thu, 12 Dec 2024 09:01:32 +0000
Subject: [PATCH 1/2] Update the linked playgrounds in the snippet docs

---
 documentation/docs/03-template-syntax/06-snippet.md | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/documentation/docs/03-template-syntax/06-snippet.md b/documentation/docs/03-template-syntax/06-snippet.md
index f8148f3dc30b..ee52c358ad9d 100644
--- a/documentation/docs/03-template-syntax/06-snippet.md
+++ b/documentation/docs/03-template-syntax/06-snippet.md
@@ -112,7 +112,7 @@ Snippets can reference themselves and each other ([demo](/playground/untitled#H4
 
 ## Passing snippets to components
 
-Within the template, snippets are values just like any other. As such, they can be passed to components as props ([demo](/playground/untitled#H4sIAAAAAAAAE41SwY6bMBD9lRGplKQlYRMpF5ZF7T_0ttmDwSZYJbZrT9pGlv-9g4Fkk-xhxYV5vHlvhjc-aWQnXJK_-kSxo0jy5IcxSZrg2fSF-yM6FFQ7fbJ1jxSuttJguVd7lEejLcJPVnUCGquPMF9nsVoPjfNnohGx1sohMU4SHbzAa4_t0UNvmcOcGUNDzFP4jeccdikYK2v6sIWQ3lErpui5cDdPF_LmkVy3wlp5Vd5e2U_rHYSe_kYjFtl1KeVnTkljBEIrGBd2sYy8AtsyLlBk9DYhJHtTR_UbBDWybkR8NkqHWyOr_y74ZMNLz9f9AoG6ePkOJLMHLBp-xISvcPf11r0YUuMM2Ysfkgngh5XphUYKkJWU_FFz2UjBkxztSYT0cihR4LOn0tGaPrql439N-7Uh0Dl8MVYbt1jeJ1Fg7xDb_Uw2Y18YQqZ_S2U5FH1pS__dCkWMa3C0uR0pfQRTg89kE4bLLLDS_Dxy_Eywuo1TAnPAw4fqY1rvtH3W9w35ZZMgvU3jq8LhedwkguCHRhT_cMU6eVA5dKLB5wGutCWjlTOslupAxxrxceKoD2hzhe2qbmXHF1v1bbOcNCtW_zpYfVI8h5kQ4qY3mueHTlesW2C7TOEO4hcdwzgf3Nc7cZxUKKC4yuNhvIX_MlV_Xk0EAAA=)):
+Within the template, snippets are values just like any other. As such, they can be passed to components as props ([demo](/playground/untitled#H4sIAAAAAAAAE3VSwW7bMAz9FUIZkGRz47RAL6pqbP-wnZodZEuJhSmSKrHrAkH_Pki2kzptdePj4yOpx0gMP0pCyS-DCrUUpCJ7pWUg9CkSPLmcywCpJuYP5zbhr9SYsZYH-RHeWYPSYCCUsNB55bDZmR2qo7Me4SdvtYS9t0dYbuoSjaXLh53JxM6agLD3LwoDPMJTxnYYIfeisOTOaRmWFTzjicJ9Bc6rTlK4g1RdUVtuuOFn7u32TL59T-566b26KN9d2NvNPaRM__2wM6y-LGXiIhjlnEToJRfSr9aFx7BvygKsxr6ZkGc8zeKiPkPQItcjEutROs0befu6ElMb0USxyQskVqNo3oDPeHqHlYYfMeErXGXn3dngmuDIH-PgTII4rJwgevuaoG5IRVD-Q0LRv8hUfXJDby2fX9FV5pM70hIhllGq8dOr_CeQ4BG-OG9dWK2vbWKYpUt5XKj9WJeGC2CYw2YIcuib-N1LI6S_uMpq9CMl-zMVxFrt03C2DFsrTiMnLiTv-jIl8AAifag-WvlGO9a5bjC3ngRZfR7fsICncZMCQhwK88ffcK0OhoKWe3wY4NZ6If1NcLxT5kBhW_Bx4qIP6KnB_qbrlRarO_Ptdj1ptrz7c_D2xQgKCynlqNlZbT2Fxba8mWCZiB60bbleYb-u4AoSZ3HHhRhG2tzL46TC6mG_-Sn9Tv8BRREGv6wEAAA=)):
 
 ```svelte
 <script>
@@ -144,7 +144,7 @@ Within the template, snippets are values just like any other. As such, they can
 
 Think about it like passing content instead of data to a component. The concept is similar to slots in web components.
 
-As an authoring convenience, snippets declared directly _inside_ a component implicitly become props _on_ the component ([demo](/playground/untitled#H4sIAAAAAAAAE41Sy27bMBD8lYVcwHYrW4kBXxRFaP-htzgHSqQsojLJkuu2BqF_74qUrfhxCHQRh7MzO9z1SSM74ZL8zSeKHUSSJz-MSdIET2Y4uD-iQ0Fnp4-2HpDC1VYaLHdqh_JgtEX4yapOQGP1AebrLJzWsXD-QjQi1lo5JMZRooNXeBuwHXoYLHOYM2OoiXkKv_GUwzYFY2VNFxvo0xtqxRR9F-7z04X8fE-uW2GtnJQ3E_tpvYV-oL9Ti0U2hVJFjMMZslcfW-5DWj9zShojEFrBuLCLZR_9CmzLQCwy-psw8rxBgvkNhhpZd8F8NppE7Stbq_8u-GTKS8_XQ9Keqnl5BZP1AzTYP2bDV7i7_9hLEeda0iocNJeNFDzJ0R5Fn142JzA-uzsdBfLhldPxPdMhIPS0H1-M1cYtlnejwdBDfBXZjHXTFOg4BhuOtvTfrVDEmAZG2ew5ezYV-Ew2fVzVAivNTyPHzwSr29AlMAe8f6g-zuWDts-GusAmdBSkv3P7qnB4GpMEEHwsRPEPV6yTe5VDJxp8iXClLRmtnGG1VHva3oCPHQd9QJsrbFd1Kzu-2Khvz8uzZsXqX3urj4rnMBNCXNUG83zf6Yp1C2yXKdxA_KJjGOfRfb0Vh7MKDShEuV-M9_4_nq6svF4EAAA=)):
+As an authoring convenience, snippets declared directly _inside_ a component implicitly become props _on_ the component ([demo](/playground/untitled#H4sIAAAAAAAAE3VS0W7bMAz8FUIZkGRz47RAX1TV2P5he2r6IFtMLEyRVIndFgj-98GyEydp6jefjsc7kolZuUfG2S9LmgwqVrCtNhgZf0mMDr5_6wFWHJk_vF_FP2iox2oZ8RbeOEtoKTLORGyC9lRt7Ib03rtA8FPWBmEb3B7mqzL_jaXzp43tiY2zkWAb3jVFeIaXHttQgr4Xh7n03mCcF_BGBw6PBfigG-TwAF1xRa2llVaeuPfrE_n-I7lpMQQ9KT9M7PXqEbqe_vq0saKcQlkxxFGS5HMaLHc5bZpFq71HghalwrBYdkM_QW2ViaKktpqwNzpcIbn5FUaOpDlhqRybDNoXbYP7u1BTU1UlteqTdqIkVV3Ab3S4geb2t9nwFT68n3sRw14rVjDCf8Q4hXfsik-O6vwGLs_q6uWTwzJIkPIKinHYRZ8eOniGLz44HxfLD3ujbHAYmd6OddOKUB5T97-hSt8DWoVh2qYoKRwHU04FqdTbbrhjQbVTh5GTZiibNrsEGUF1N9XHpZ1pp7Kvy2xRHgVFebJvRaTDmCSDkIbCfvB30uid5WBwS08DXLugMNxFLxttdxzWGR8dZ32gwC21d02rjVo82G_3y6NmLZvfu-DereIwQ8RRs3HGBQ6zdf4uBLMjvjOulmZB7bKAK0idxL1UarC0esT9UUWUQ77LU3rt_gO8N5UYvQQAAA==)):
 
 ```svelte
 <!-- this is semantically the same as the above -->
@@ -165,7 +165,7 @@ As an authoring convenience, snippets declared directly _inside_ a component imp
 </Table>
 ```
 
-Any content inside the component tags that is _not_ a snippet declaration implicitly becomes part of the `children` snippet ([demo](/playground/untitled#H4sIAAAAAAAAE41S247aMBD9lVFYCegGsiDxks1G7T_0bdkHJ3aI1cR27aEtsvzvtZ0LZeGhiiJ5js-cmTMemzS8YybJ320iSM-SPPmmVJImeFEhML9Yh8zHRp51HZDC1JorLI_iiLxXUiN8J1XHoNGyh-U2i9F2SFy-epon1lIY9IwzRwNv8B6wI1oIJXNYEqV8E8sUfuIlh0MKSvPaX-zBpZ-oFRH-m7m7l5m8uyfXLdOaX5X3V_bL9gAu0D98i0V2NSWKwQ4lSN7s0LKLbgtsyxgXmT9NiBe-iaP-DYISSTcj4bcLI7hSDEHL3yu6dkPfBdLS0m1o3nk-LW9gX-gBGss9ZsMXuLu32VjZBdfRaelft5eUN5zRJEd9Zi6dlyEy_ncdOm_IxsGlULe8o5qJNFgE5x_9SWmpzGp9N2-MXQxz4c2cOQ-lZWQyF0Jd2q_-mjI9U1fr4FBPE8iuKTbjjRt2sMBK0svIsQtG6jb2CsQAdQ_1x9f5R9tmIS-yPToK-tNkQRQGL6ObCIIdEpH9wQ3p-Enk0LEGXwe4ktoX2hhFai5Ofi0jPnYc9QF1LrDdRK-rvXjerSfNitQ_TlqeBc1hwRi7yY3F81MnK9KtsF2n8Amis44ilA7VtwfWTyr-kaKV-_X4cH8BTOhfRzcEAAA=)):
+Any content inside the component tags that is _not_ a snippet declaration implicitly becomes part of the `children` snippet ([demo](/playground/untitled#H4sIAAAAAAAAE3WOQQrCMBBFrzIMggql3ddY1Du4si5sOmIwnYRkFKX07lKqglqX8_7_w2uRDw1hjlsWI5ZqTPBoLEXMdy3K3fdZDzB5Ndfep_FKVnpWHSKNce1YiCVijirqYLwUJQOYxrsgsLmIOIZjcA1M02w4n-PpomSVvTclqyEutDX6DA2pZ7_ABIVugrmEC3XJH92P55_G39GodCmWBFrQJ2PrQAwdLGHig_NxNv9xrQa1dhWIawrv1Wzeqawa8953D-8QOmaEAQAA)):
 
 ```svelte
 <!--- file: App.svelte --->

From 8daf0a4f3ace6e8a61240d19a3944117889850e4 Mon Sep 17 00:00:00 2001
From: Rich Harris <hello@rich-harris.dev>
Date: Thu, 12 Dec 2024 12:26:29 -0500
Subject: [PATCH 2/2] Apply suggestions from code review

---
 documentation/docs/03-template-syntax/06-snippet.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/documentation/docs/03-template-syntax/06-snippet.md b/documentation/docs/03-template-syntax/06-snippet.md
index ee52c358ad9d..c9951d3f3414 100644
--- a/documentation/docs/03-template-syntax/06-snippet.md
+++ b/documentation/docs/03-template-syntax/06-snippet.md
@@ -112,7 +112,7 @@ Snippets can reference themselves and each other ([demo](/playground/untitled#H4
 
 ## Passing snippets to components
 
-Within the template, snippets are values just like any other. As such, they can be passed to components as props ([demo](/playground/untitled#H4sIAAAAAAAAE3VSwW7bMAz9FUIZkGRz47RAL6pqbP-wnZodZEuJhSmSKrHrAkH_Pki2kzptdePj4yOpx0gMP0pCyS-DCrUUpCJ7pWUg9CkSPLmcywCpJuYP5zbhr9SYsZYH-RHeWYPSYCCUsNB55bDZmR2qo7Me4SdvtYS9t0dYbuoSjaXLh53JxM6agLD3LwoDPMJTxnYYIfeisOTOaRmWFTzjicJ9Bc6rTlK4g1RdUVtuuOFn7u32TL59T-566b26KN9d2NvNPaRM__2wM6y-LGXiIhjlnEToJRfSr9aFx7BvygKsxr6ZkGc8zeKiPkPQItcjEutROs0befu6ElMb0USxyQskVqNo3oDPeHqHlYYfMeErXGXn3dngmuDIH-PgTII4rJwgevuaoG5IRVD-Q0LRv8hUfXJDby2fX9FV5pM70hIhllGq8dOr_CeQ4BG-OG9dWK2vbWKYpUt5XKj9WJeGC2CYw2YIcuib-N1LI6S_uMpq9CMl-zMVxFrt03C2DFsrTiMnLiTv-jIl8AAifag-WvlGO9a5bjC3ngRZfR7fsICncZMCQhwK88ffcK0OhoKWe3wY4NZ6If1NcLxT5kBhW_Bx4qIP6KnB_qbrlRarO_Ptdj1ptrz7c_D2xQgKCynlqNlZbT2Fxba8mWCZiB60bbleYb-u4AoSZ3HHhRhG2tzL46TC6mG_-Sn9Tv8BRREGv6wEAAA=)):
+Within the template, snippets are values just like any other. As such, they can be passed to components as props ([demo](/playground/untitled#H4sIAAAAAAAAE3VS247aMBD9lZGpBGwDASRegonaPvQL2qdlH5zYEKvBNvbQLbL875VzAcKyj3PmzJnLGU8UOwqSkd8KJdaCk4TsZS0cyV49wYuJuQiQpGd-N2bu_ooaI1YwJ57hpVYoFDqSEepKKw3mO7VDeTTaIvxiRS1gb_URxvO0ibrS8WanIrHUyiHs7Vmigy28RmyHHmKvDMbMmFq4cQInvGSwTsBYWYoMVhCSB2rBFFPsyl0uruTlR3JZCWvlTXl1Yy_mawiR_rbZKZrellJ-5JQ0RiBUgnFhJ9OGR7HKmwVoilXeIye8DOJGfYCgRlZ3iE876TBsZPX7hPdteO75PC4QaIo8vwNPePmANQ2fMeEFHrLD7rR1jTNkW986E8C3KwfwVr8HSHOSEBT_kGRozyIkn_zQveXDL3rIfPJHtUDwzShJd_Qk3gQCbOGLsdq4yfTRJopRuin3I7nv6kL7ARRjmLdBDG3uv1mhuLA3V2mKtqNEf_oCn8p9aN-WYqH5peP4kWBl1UwJzAEPT9U7K--0fRrrWnPTXpCm1_EVdXjpNmlA8G1hPPyM1fKgMqjFHjctXGjLhZ05w0qpDhksGrybuNEHtJnCalZWsuaTlfq6nPaaBSv_HKw-K57BjzOiVj9ZKQYKzQjZodYFqydYTRN4gPhVzTDO2xnma3HsVWjaLjT8nbfwHy7Q5f2dBAAA)):
 
 ```svelte
 <script>
@@ -144,7 +144,7 @@ Within the template, snippets are values just like any other. As such, they can
 
 Think about it like passing content instead of data to a component. The concept is similar to slots in web components.
 
-As an authoring convenience, snippets declared directly _inside_ a component implicitly become props _on_ the component ([demo](/playground/untitled#H4sIAAAAAAAAE3VS0W7bMAz8FUIZkGRz47RAX1TV2P5he2r6IFtMLEyRVIndFgj-98GyEydp6jefjsc7kolZuUfG2S9LmgwqVrCtNhgZf0mMDr5_6wFWHJk_vF_FP2iox2oZ8RbeOEtoKTLORGyC9lRt7Ib03rtA8FPWBmEb3B7mqzL_jaXzp43tiY2zkWAb3jVFeIaXHttQgr4Xh7n03mCcF_BGBw6PBfigG-TwAF1xRa2llVaeuPfrE_n-I7lpMQQ9KT9M7PXqEbqe_vq0saKcQlkxxFGS5HMaLHc5bZpFq71HghalwrBYdkM_QW2ViaKktpqwNzpcIbn5FUaOpDlhqRybDNoXbYP7u1BTU1UlteqTdqIkVV3Ab3S4geb2t9nwFT68n3sRw14rVjDCf8Q4hXfsik-O6vwGLs_q6uWTwzJIkPIKinHYRZ8eOniGLz44HxfLD3ujbHAYmd6OddOKUB5T97-hSt8DWoVh2qYoKRwHU04FqdTbbrhjQbVTh5GTZiibNrsEGUF1N9XHpZ1pp7Kvy2xRHgVFebJvRaTDmCSDkIbCfvB30uid5WBwS08DXLugMNxFLxttdxzWGR8dZ32gwC21d02rjVo82G_3y6NmLZvfu-DereIwQ8RRs3HGBQ6zdf4uBLMjvjOulmZB7bKAK0idxL1UarC0esT9UUWUQ77LU3rt_gO8N5UYvQQAAA==)):
+As an authoring convenience, snippets declared directly _inside_ a component implicitly become props _on_ the component ([demo](/playground/untitled#H4sIAAAAAAAAE3VSTa_aMBD8Kyu_SkAbCA-JSzBR20N_QXt6vIMTO8SqsY29tI2s_PcqTiB8vaPHs7MzuxuIZgdBMvJLo0QlOElIJZXwJHsLBBvb_XUASc7Mb9Yu_B-hsMMK5sUzvDQahUZPMkJ96aTFfKd3KA_WOISfrFACKmcOMFmk8TWUTjY73RFLoz1C5U4SPWzhrcN2GKDrlcGEWauEnyRwxCaDdQLWyVJksII2uaMWTDPNLtzX5YX8-kgua-GcHJVXI3u5WEPb0d83O03TMZSmfRzOkG1Db7mNacOL19JagVALxoWbztq-H8U6j0SaYp2P2BGbOyQ2v8PQIFMXLKRDk177pq0zf6d8bMrzwBdd0pamyPMb-IjNEzS2f86Gz_Dwf-2F9nvNSUJQ_EOSoTuJNvngqK5v4Pas7n4-OCwlEEJcQTIMO-nSQwtb-GSdsX46e9gbRoP9yGQ11I0rEuycunu6PHx1QnPhxm3SFN15MOlYEFJZtf0dUywMbwZOeBGsrKNLYB54-1R9WNqVdki7usim6VmQphf7mnpshiQRhNAXdoOfMyX3OgMlKtz0cGEcF27uLSul3mewjPjgOOoDukxjPS9rqfh0pb-8zs6aBSt_7505aZ7B9xOi0T9YKW4UooVsr0zB1BTrWQJ3EL-oWcZ572GxFoezCk37QLe3897-B2i2U62uBAAA)):
 
 ```svelte
 <!-- this is semantically the same as the above -->