{"id":19379036,"url":"https://github.com/fivethree-team/vscode-svelte-snippets","last_synced_at":"2025-04-23T19:32:42.720Z","repository":{"id":43411824,"uuid":"183804523","full_name":"fivethree-team/vscode-svelte-snippets","owner":"fivethree-team","description":"🧩 Svelte 3 Snippets for VS Code","archived":false,"fork":false,"pushed_at":"2023-06-26T15:54:10.000Z","size":393,"stargazers_count":33,"open_issues_count":7,"forks_count":8,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-04-02T19:21:27.835Z","etag":null,"topics":["snippets","svelte","svelte-v3","vscode","vscode-extension"],"latest_commit_sha":null,"homepage":"https://marketplace.visualstudio.com/items?itemName=fivethree.vscode-svelte-snippets","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/fivethree-team.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2019-04-27T17:49:30.000Z","updated_at":"2024-04-08T19:25:31.000Z","dependencies_parsed_at":"2022-08-26T20:57:31.331Z","dependency_job_id":null,"html_url":"https://github.com/fivethree-team/vscode-svelte-snippets","commit_stats":null,"previous_names":[],"tags_count":8,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fivethree-team%2Fvscode-svelte-snippets","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fivethree-team%2Fvscode-svelte-snippets/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fivethree-team%2Fvscode-svelte-snippets/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fivethree-team%2Fvscode-svelte-snippets/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/fivethree-team","download_url":"https://codeload.github.com/fivethree-team/vscode-svelte-snippets/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":250499923,"owners_count":21440715,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["snippets","svelte","svelte-v3","vscode","vscode-extension"],"created_at":"2024-11-10T09:08:19.276Z","updated_at":"2025-04-23T19:32:42.346Z","avatar_url":"https://github.com/fivethree-team.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"# Svelte 3 Snippets for VS Code\n\n[![Visual Studio Marketplace](https://vsmarketplacebadge.apphb.com/version/fivethree.vscode-svelte-snippets.svg?style=flat-square)](https://marketplace.visualstudio.com/items?itemName=fivethree.vscode-svelte-snippets)\n[![Visual Studio Marketplace](https://vsmarketplacebadge.apphb.com/installs/fivethree.vscode-svelte-snippets.svg?style=flat-square)](https://marketplace.visualstudio.com/items?itemName=fivethree.vscode-svelte-snippets)\n\nVisual Studio Code Extension that adds Svelte 3 snippets to your favorite IDE.\n\nAll code snippets are based on and follow the official Svelte documentation.\n\n![Svelte VS Code Snippets Demo](demo.gif)\n\nAvailable for [VSCodium](https://vscodium.com/) at [Svelte 3 Snippets](https://open-vsx.org/extension/fivethree/vscode-svelte-snippets).\n\n## Using Snippets in VS Code\n\nType part of a snippet, press `Enter`, and the snippet unfolds.\n\n# Contributing\n\nContributions are welcome! See [Contribution Guidelines](CONTRIBUTING.md) to get started.\n\n# Snippets Documentation\n\n| Prefix | Description     |\n| ------ | --------------- |\n| `s-`   | Svelte Snippets |\n\n\u003c!-- Auto Generated Below --\u003e\n\n# Table of Content\n\n- [Snippets Documentation](#snippets-documentation)\n  - [Svelte](#svelte)\n  - [Javascript](#javascript)\n  - [Css](#css)\n\n## Svelte\n\n| Prefix                 | Description                                            |\n| ---------------------- | ------------------------------------------------------ |\n| s-component-format     | add a script to your svelte file                       |\n| s-script               | add a script to your svelte file                       |\n| s-script-context       | add a script with context=\"module\" to your svelte file |\n| s-style                | add styles to your svelte file                         |\n| s-expression           | basic expression                                       |\n| s-expression-html      | html content expression                                |\n| s-expression-debug     | html content expression                                |\n| s-if-block             | if block                                               |\n| s-if-else-block        | if else block                                          |\n| s-else-block           | else block                                             |\n| s-if-else-if-block     | if else if block                                       |\n| s-else-if-block        | else if block                                          |\n| s-each-block           | each block                                             |\n| s-each-else-block      | each else block                                        |\n| s-each-index-block     | each index block                                       |\n| s-each-key-block       | each index block                                       |\n| s-each-index-key-block | each index key block                                   |\n| s-await-then-block     | await then block                                       |\n| s-then-block           | then block                                             |\n| s-await-short-block    | await short block                                      |\n| s-await-catch-block    | await catch block                                      |\n| s-catch-block          | catch block                                            |\n| s-on-event             | on event                                               |\n| s-on-event-foward      | on event foward                                        |\n| s-on-event-modifiers   | on event w/ modifiers                                  |\n| s-on-event-inline      | on event inline                                        |\n| s-modifier             | modifier                                               |\n| s-bind                 | bind property                                          |\n| s-bind-property        | bind property                                          |\n| s-bind-video           | bind property                                          |\n| s-bind-block-level     | bind property                                          |\n| s-bind-group           | bind group                                             |\n| s-bind-this            | bind this                                              |\n| s-class                | class                                                  |\n| s-class-short          | class shorthand                                        |\n| s-use                  | use action                                             |\n| s-use-parameters       | use action w/ parameters                               |\n| s-transition           | transition                                             |\n| s-transition-params    | transition-params                                      |\n| s-transition-events    | transition-events                                      |\n| s-transition-local     | transition local                                       |\n| s-transition-all       | transition                                             |\n| s-animate              | animate                                                |\n| s-slot                 | slot                                                   |\n| s-slot-name            | slot w/ name                                           |\n| s-slot-prop            | slot w/ prop                                           |\n| s-self                 | svelte:self                                            |\n| s-self-prop            | svelte:self                                            |\n| s-component            | svelte:component                                       |\n| s-window               | svelte:window                                          |\n| s-window-bind          | svelte:window bind properties                          |\n| s-body                 | svelte:body                                            |\n| s-head                 | svelte:head                                            |\n| s-options              | svelte:options                                         |\n\n## Javascript\n\n| Prefix                    | Description                             |\n| ------------------------- | --------------------------------------- |\n| s-create-component        | svelte create component                 |\n| s-reactive-statement      | reactive statement                      |\n| s-reactive-block          | reactive block                          |\n| s-action                  | action function                         |\n| s-action-parameters       | action function                         |\n| s-action-update           | action w/ update function               |\n| s-lifecycle-mount         | onMount lifecycle function              |\n| s-lifecycle-before-update | beforeUpdate lifecycle function         |\n| s-lifecycle-after-update  | afterUpdate lifecycle function          |\n| s-lifecycle-destroy       | onDestroy lifecycle function            |\n| s-tick                    | svelte tick function                    |\n| s-set-content             | svelte setContext                       |\n| s-get-content             | svelte getContext                       |\n| s-dispatch                | svelte dispatch                         |\n| s-dispatch-event          | svelte dispatch event                   |\n| s-writeable               | svelte writeable                        |\n| s-writeable-set           | svelte writeable w/ set function        |\n| s-readable                | svelte readable (set function required) |\n| s-derived                 | svelte derived store                    |\n| s-derived-multiple        | svelte derived store                    |\n| s-derived-set             | svelte derived store                    |\n| s-derived-multiple-set    | svelte derived store                    |\n| s-store-get-value         | svelte get value from store             |\n| s-component-set           | svelte component api \\$set              |\n| s-component-on            | svelte component api \\$on               |\n| s-component-destroy       | svelte component api \\$destroy          |\n| s-render-component        | svelte render component                 |\n| s-tweened                 | svelte create tweened store             |\n| s-spring                  | svelte create spring store              |\n| s-register                | svelte register                         |\n\n## Css\n\n| Prefix         | Description                         |\n| -------------- | ----------------------------------- |\n| s-global-style | add global styles to your style tag |\n\n**[⬆ back to top](#table-of-content)**\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffivethree-team%2Fvscode-svelte-snippets","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffivethree-team%2Fvscode-svelte-snippets","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffivethree-team%2Fvscode-svelte-snippets/lists"}