Skip to content

Latest commit

 

History

History
45 lines (36 loc) · 1.69 KB

README.md

File metadata and controls

45 lines (36 loc) · 1.69 KB

sveltekit-snippets icon

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.