sveltekit-snippets

The extension provides snippets for common patterns in SvelteKit & Vanilla Svelte including...

• Components
• Logic Blocks
• Endpoints
• Load Functions

All snippets are prefixed with "kit" for brevity and scoped only for their appropriate placement in the Svelte component

Snippets

Snippet	Output
kitComp	Scaffolds a Svelte component
ktiCompTs	Scaffolds a TypeScript Svelte component
kitModule	Scaffolds a SvelteKit module component for a page or layout
kitModuleTs	Scaffolds a SvelteKit Typescript module component for a page or layout
kitLayout	Scaffolds a SvelteKit Layout component
kitPrefetch	Create a sveltekit:prefetch anchor tag
kitEach	Create a Svelte {#each} block
kitIf	Create a Svelte {#if} block
kitAwait	Create a Svelte {#await} block
kitKey	Create a Svelte {#key} block
kitTitle	Create a title element in the document head
kitLoad	Create a SvelteKit Load function
kitLoadTs	Create a SvelteKit TypeScript Load function
kitEndpoint	Create a SvelteKit Endpoint
kitTsEndpoint	Create a SvelteKit TypeScript Endpoint

Troubleshooting

• To enable intellisense in MD files for use with MDSvex, add the following JSON to your global settings.json

 "[markdown]": {
   "editor.quickSuggestions": true,
   "editor.wordBasedSuggestions": false
 },

Issues

Issues are welcome and encouraged! Please describe the issue as thoroughly as you can – Contribution guidelines are forthcoming.