{
  "svelte-component-format": {
    "prefix": "s-component-format",
    "body": [
      "<script>",
      "\t${1:// your script goes here}",
      "</script>",
      "",
      "<style>",
      "\t${2:/* your styles go here */}",
      "</style>",
      "",
      "${3:<!-- markup (zero or more items) goes here -->}"
    ],
    "description": "add a script to your svelte file"
  },
  "svelte-script-tag": {
    "prefix": "s-script",
    "body": ["<script>", "\t${1:// your script goes here}", "</script>"],
    "description": "add a script to your svelte file"
  },
  "svelte-script-context": {
    "prefix": "s-script-context",
    "body": [
      "<script context=\"module\">",
      "\t${1:// your script goes here}",
      "</script>"
    ],
    "description": "add a script with context=\"module\" to your svelte file"
  },
  "svelte-style-tag": {
    "prefix": "s-style",
    "body": ["<style>", "\t${1:/* your styles go here */}", "</style>"],
    "description": "add styles to your svelte file"
  },
  "svelte-expression": {
    "prefix": "s-expression",
    "body": ["{${1:expression}}"],
    "description": "basic expression"
  },
  "svelte-expression-html": {
    "prefix": "s-expression-html",
    "body": ["{@html ${1:expression}}"],
    "description": "html content expression"
  },
  "svelte-expression-debug": {
    "prefix": "s-expression-debug",
    "body": ["{@debug ${1:var1}${2:,var2}}"],
    "description": "html content expression"
  },
  "svelte-if-block": {
    "prefix": "s-if-block",
    "body": ["{#if ${1:condition}}", "\t${2: <!-- content here -->}", "{/if}"],
    "description": "if block"
  },
  "svelte-if-else-block": {
    "prefix": "s-if-else-block",
    "body": [
      "{#if ${1:condition}}",
      "\t${2: <!-- content here -->}",
      "{:else}",
      "\t${3: <!-- else content here -->}",
      "{/if}"
    ],
    "description": "if else block"
  },
  "svelte-else-block": {
    "prefix": "s-else-block",
    "body": ["{:else}", "\t${1: <!-- else content here -->}"],
    "description": "else block"
  },
  "svelte-if-else-if-block": {
    "prefix": "s-if-else-if-block",
    "body": [
      "{#if ${1:condition}}",
      "\t${2: <!-- content here -->}",
      "{:else if ${3: otherCondition}}",
      "\t${4: <!-- else if content here -->}",
      "{:else}",
      "\t${5: <!-- else content here -->}",
      "{/if}"
    ],
    "description": "if else if block"
  },
  "svelte-else-if-block": {
    "prefix": "s-else-if-block",
    "body": [
      "{:else if ${1: otherCondition}}",
      "\t${2: <!-- else if content here -->}"
    ],
    "description": "else if block"
  },
  "svelte-each-block": {
    "prefix": "s-each-block",
    "body": [
      "{#each ${1:items} as ${2:item}}",
      "\t${3: <!-- content here -->}",
      "{/each}"
    ],
    "description": "each block"
  },
  "svelte-each-else-block": {
    "prefix": "s-each-else-block",
    "body": [
      "{#each ${1:items} as ${2:item}}",
      "\t${3: <!-- content here -->}",
      "{:else}",
      "\t${4: <!-- empty list -->}",
      "{/each}"
    ],
    "description": "each else block"
  },
  "svelte-each-index-block": {
    "prefix": "s-each-index-block",
    "body": [
      "{#each ${1:items} as ${2:item},${3:i}}",
      "\t${4: <!-- content here -->}",
      "{/each}"
    ],
    "description": "each index block"
  },
  "svelte-each-key-block": {
    "prefix": "s-each-key-block",
    "body": [
      "{#each ${1:items} as ${2:item},(${3:key})}",
      "\t${4: <!-- content here -->}",
      "{/each}"
    ],
    "description": "each index block"
  },
  "svelte-each-index-key-block": {
    "prefix": "s-each-index-key-block",
    "body": [
      "{#each ${1:items} as ${2:item},i (${3:key})}",
      "\t${4: <!-- content here -->}",
      "{/each}"
    ],
    "description": "each index key block"
  },
  "svelte-await-then-block": {
    "prefix": "s-await-then-block",
    "body": [
      "{#await ${1:promise}}",
      "\t<!-- promise is pending -->",
      "{:then ${2:value}}",
      "\t<!-- promise was fulfilled -->",
      "{/await}"
    ],
    "description": "await then block"
  },
  "svelte-then-block": {
    "prefix": "s-then-block",
    "body": ["{:then ${1:value}}", "\t<!-- promise was fulfilled -->"],
    "description": "then block"
  },
  "svelte-await-short-block": {
    "prefix": "s-await-short-block",
    "body": [
      "{#await ${1:promise} then ${2:value}}",
      "\t<!-- promise was fulfilled -->",
      "{/await}"
    ],
    "description": "await short block"
  },
  "svelte-await-catch-block": {
    "prefix": "s-await-catch-block",
    "body": [
      "{#await ${1:promise}}",
      "\t<!-- ${1:promise} is pending -->",
      "{:then ${value}}",
      "\t<!-- ${1:promise} was fulfilled -->",
      "{:catch error}",
      "\t<!-- ${1:promise} was rejected -->",
      "{/await}"
    ],
    "description": "await catch block"
  },
  "svelte-catch-block": {
    "prefix": "s-catch-block",
    "body": ["{:catch error}", "\t<!-- promise was rejected -->"],
    "description": "catch block"
  },
  "svelte-on-event": {
    "prefix": "s-on-event",
    "body": ["on:${1:eventname}={${2:handler}}"],
    "description": "on event"
  },
  "svelte-on-event-forward": {
    "prefix": "s-on-event-foward",
    "body": ["on:${1:eventname}"],
    "description": "on event foward"
  },
  "svelte-on-event-modifiers": {
    "prefix": "s-on-event-modifiers",
    "body": [
      "on:${1:eventname}|${2|preventDefault,stopPropagation,passive,capture,once|}={${3:handler}}"
    ],
    "description": "on event w/ modifiers"
  },
  "svelte-on-event-inline": {
    "prefix": "s-on-event-inline",
    "body": ["on:${1:click}=\"{() => ${2:count += 1}}\""],
    "description": "on event inline"
  },
  "svelte-modifiers": {
    "prefix": "s-modifier",
    "body": ["|${1|preventDefault,stopPropagation,passive,capture,once|}"],
    "description": "modifier"
  },
  "svelte-bind": {
    "prefix": "s-bind",
    "body": ["bind:${1:property}"],
    "description": "bind property"
  },
  "svelte-bind-property": {
    "prefix": "s-bind-property",
    "body": ["bind:${1:property}={${2:variable}}"],
    "description": "bind property"
  },
  "svelte-bind-video": {
    "prefix": "s-bind-video",
    "body": [
      "<video",
      "src={${1:clip}}",
      "bind:${2:duration}",
      "bind:${3:buffered}",
      "bind:${4:played}",
      "bind:${5:seekable}",
      "bind:${6:seeking}",
      "bind:${7:ended}",
      "bind:${8:currentTime}",
      "bind:${9:playbackRate}",
      "bind:${10:paused}",
      "bind:${11:volume}",
      "bind:${12:muted}",
      "bind:${13:videoWidth}",
      "bind:${14:videoHeight}",
      "></video>"
    ],
    "description": "bind property"
  },
  "svelte-bind-audio": {
    "prefix": "s-bind-audio",
    "body": [
      "<audio",
      "src={${1:clip}}",
      "bind:${2:duration}",
      "bind:${3:buffered}",
      "bind:${4:played}",
      "bind:${5:seekable}",
      "bind:${6:seeking}",
      "bind:${7:ended}",
      "bind:${8:currentTime}",
      "bind:${9:playbackRate}",
      "bind:${10:paused}",
      "bind:${11:volume}",
      "bind:${12:muted}",
      "></audio>"
    ],
    "description": "bind property"
  },
  "svelte-bind-media-elements": {
    "prefix": "s-bind-media-elements",
    "body": [
      "bind:${1|duration,buffered,played,seekable,seeking,ended,currentTime,playbackRate,paused,volume,muted,videoWidth,videoHeight|}"
    ],
    "description": "bind property"
  },
  "svelte-bind-block-level": {
    "prefix": "s-bind-block-level",
    "body": [
      "bind:${1|clientWidth,clientHeight,offsetWidth,offsetHeight|}={${2:variable}}"
    ],
    "description": "bind property"
  },
  "svelte-bind-group": {
    "prefix": "s-bind-group",
    "body": ["bind:group={${1:variable}}"],
    "description": "bind group"
  },
  "svelte-bind-this": {
    "prefix": "s-bind-this",
    "body": ["bind:this={${1:dom_node}}"],
    "description": "bind this"
  },
  "svelte-class": {
    "prefix": "s-class",
    "body": ["class:${1:name}={${2:condition}}"],
    "description": "class"
  },
  "svelte-class-short": {
    "prefix": "s-class-short",
    "body": ["class:${1:name}}"],
    "description": "class shorthand"
  },
  "svelte-use": {
    "prefix": "s-use",
    "body": ["use:action"],
    "description": "use action"
  },
  "svelte-use-parameters": {
    "prefix": "s-use-parameters",
    "body": ["use:action={${1:parameters}}"],
    "description": "use action w/ parameters"
  },
  "svelte-transition": {
    "prefix": "s-transition",
    "body": ["${1|transition,in,out|}:${2:name}"],
    "description": "transition"
  },
  "svelte-transition-params": {
    "prefix": "s-transition-params",
    "body": ["${1|transition,in,out|}:${2:name}={${3:params}}"],
    "description": "transition-params"
  },
  "svelte-transition-events": {
    "prefix": "s-transition-events",
    "body": [
      "on:${1|introstart,introend,outrostart,outroend|}=\"{() => status = '${1|introstart,introend,outrostart,outroend|}'}\""
    ],
    "description": "transition-events"
  },
  "svelte-transition-local": {
    "prefix": "s-transition-local",
    "body": ["${1|transition,in,out|}:${2:name}|${3:local}"],
    "description": "transition local"
  },
  "svelte-transition-all": {
    "prefix": "s-transition-all",
    "body": ["${1|transition,in,out|}:${2:name}|${3:local}={${4:params}}"],
    "description": "transition"
  },
  "svelte-animate": {
    "prefix": "s-animate",
    "body": ["animate:${1:name}={${2:params}}"],
    "description": "animate"
  },
  "svelte-slot": {
    "prefix": "s-slot",
    "body": ["<slot>${1:<!-- optional fallback -->}</slot>"],
    "description": "slot"
  },
  "svelte-slot-name": {
    "prefix": "s-slot-name",
    "body": ["<slot name=\"${1:x}\">${2:<!-- optional fallback -->}</slot>"],
    "description": "slot w/ name"
  },
  "svelte-slot-prop": {
    "prefix": "s-slot-prop",
    "body": [
      "<slot ${1:prop}={${2:value}}>${3:<!-- optional fallback -->}</slot>"
    ],
    "description": "slot w/ prop"
  },
  "svelte-self": {
    "prefix": "s-self",
    "body": ["<svelte:self />"],
    "description": "svelte:self"
  },
  "svelte-self-prop": {
    "prefix": "s-self-prop",
    "body": ["<svelte:self ${1:prop}={${2:value}} />"],
    "description": "svelte:self"
  },
  "svelte-component": {
    "prefix": "s-component",
    "body": ["<svelte:component this={${1:component}} />"],
    "description": "svelte:component"
  },
  "svelte-window": {
    "prefix": "s-window",
    "body": ["<svelte:window />"],
    "description": "svelte:window"
  },
  "svelte-window-bind": {
    "prefix": "s-window-bind",
    "body": [
      "bind:${1|innerWidth,innerHeight,outerWidth,outerHeight,scrollX,scrollY,online|}={${2:variable}}"
    ],
    "description": "svelte:window bind properties"
  },
  "svelte-body": {
    "prefix": "s-body",
    "body": ["<svelte:body />"],
    "description": "svelte:body"
  },
  "svelte-head": {
    "prefix": "s-head",
    "body": ["<svelte:head>", "\t${1:<!-- head content -->}", "</svelte:head>"],
    "description": "svelte:head"
  },
  "svelte-options": {
    "prefix": "s-options",
    "body": [
      "<svelte:options ${1|immutable,accessors,namespace,tag|}={${2:value}}/>"
    ],
    "description": "svelte:options"
  },
  "svelte-create-component": {
    "prefix": "s-create-component",
    "body": [
      "const component = new ${1:App}({",
      "\ttarget: ${2|target,document.body|},",
      "\tprops: ${3:props},",
      "\tanchor: ${4:anchor},",
      "\thydrate: ${5|false,true|},",
      "\tintro: ${5|false,true|}",
      "})"
    ],
    "description": "svelte create component"
  },
  "svelte-reactive-statement": {
    "prefix": "s-reactive-statement",
    "body": ["$: ${1:variable} = ${2:prop}"],
    "description": "reactive statement"
  },
  "svelte-reactive-block": {
    "prefix": "s-reactive-block",
    "body": ["$: { ${1:console.log(${2:prop});}}"],
    "description": "reactive block"
  },
  "svelte-action": {
    "prefix": "s-action",
    "body": [
      "function ${1:foo}(node) {",
      "\t// the node has been mounted in the DOM",
      "\treturn {",
      "\t\tdestroy() {",
      "\t\t\t// the node has been removed from the DOM",
      "\t\t}",
      "\t};",
      "}"
    ],
    "description": "action function"
  },
  "svelte-action-parameters": {
    "prefix": "s-action-parameters",
    "body": [
      "function ${1:foo}(node, ${2:parameters}) {",
      "\t// the node has been mounted in the DOM",
      "\treturn {",
      "\t\tdestroy() {",
      "\t\t\t// the node has been removed from the DOM",
      "\t\t}",
      "\t};",
      "}"
    ],
    "description": "action function"
  },
  "svelte-action-update": {
    "prefix": "s-action-update",
    "body": [
      "function ${1:foo}(node, ${2:parameters}) {",
      "\t// the node has been mounted in the DOM",
      "\treturn {",
      "\t\tupdate(${2:parameters}) {",
      "\t\t\t// the value of `${2:parameters}` has changed",
      "\t\t}",
      "\t\tdestroy() {",
      "\t\t\t// the node has been removed from the DOM",
      "\t\t}",
      "\t};",
      "}"
    ],
    "description": "action w/ update function"
  },
  "svelte-on-mount": {
    "prefix": "s-lifecycle-mount",
    "body": ["onMount(() => {", "\t${1:// content here}", "});"],
    "description": "onMount lifecycle function"
  },
  "svelte-before-update": {
    "prefix": "s-lifecycle-before-update",
    "body": ["beforeUpdate(() => {", "\t${1:// content here}", "});"],
    "description": "beforeUpdate lifecycle function"
  },
  "svelte-after-update": {
    "prefix": "s-lifecycle-after-update",
    "body": ["afterUpdate(() => {", "\t${1:// content here}", "});"],
    "description": "afterUpdate lifecycle function"
  },
  "svelte-on-destroy": {
    "prefix": "s-lifecycle-destroy",
    "body": ["onDestroy(() => {", "\t${1:// content here}", "});"],
    "description": "onDestroy lifecycle function"
  },
  "svelte-tick": {
    "prefix": "s-tick",
    "body": ["await tick()"],
    "description": "svelte tick function"
  },
  "svelte-set-context": {
    "prefix": "s-set-content",
    "body": ["setContext(${1:key}, ${2:context})"],
    "description": "svelte setContext"
  },
  "svelte-get-context": {
    "prefix": "s-get-content",
    "body": ["getContext(${1:key})"],
    "description": "svelte getContext"
  },
  "svelte-dispatch": {
    "prefix": "s-dispatch",
    "body": ["const dispatch = createEventDispatcher();"],
    "description": "svelte dispatch"
  },
  "svelte-dispatch-event": {
    "prefix": "s-dispatch-event",
    "body": ["dispatch(${1:key},${2:data})"],
    "description": "svelte dispatch event"
  },
  "svelte-writeable": {
    "prefix": "s-writeable",
    "body": ["const ${1:store} = writable(${2:initialValue});"],
    "description": "svelte writeable"
  },
  "svelte-writeable-set": {
    "prefix": "s-writeable-set",
    "body": [
      "const ${1:store} = writable(${2:initialValue}, () => {",
      "\t${3:console.log('got a subscriber');}",
      "\treturn () => ${4:console.log('no more subscribers');}",
      "});"
    ],
    "description": "svelte writeable w/ set function"
  },
  "svelte-readable": {
    "prefix": "s-readable",
    "body": [
      "const ${1:store} = readable(${2:initialValue}, () => {",
      "\t${3:console.log('got a subscriber');}",
      "\treturn () => ${4:console.log('no more subscribers');}",
      "});"
    ],
    "description": "svelte readable (set function required)"
  },
  "svelte-derived": {
    "prefix": "s-derived",
    "body": [
      "const ${1:derivedStore} = derived(${2:storeA}, $${2:storeA} => $${2:storeA} * 2);"
    ],
    "description": "svelte derived store"
  },
  "svelte-derived-multiple": {
    "prefix": "s-derived-multiple",
    "body": [
      "const ${1:derivedStore} = derived([${2:storeA}, ${3:storeB}], ([$${2:storeA}, $${3:storeB}]) => $${2:storeA} + $${3:storeB});"
    ],
    "description": "svelte derived store"
  },
  "svelte-derived-set": {
    "prefix": "s-derived-set",
    "body": [
      "const ${1:derivedStore} = derived(${2:storeA}, ($${2:storeA}, set) => {",
      "\tsetTimeout(() => set($${2:storeA}), 1000);",
      "}, 'one moment...');"
    ],
    "description": "svelte derived store"
  },
  "svelte-derived-multiple-set": {
    "prefix": "s-derived-multiple-set",
    "body": [
      "const ${1:derivedStore} = derived([${2:storeA}, ${3:storeB}], ([$${2:storeA}, $${3:storeB}], set) => {",
      "\tsetTimeout(() => set($${2:storeA} + $${3:storeB}), 1000);",
      "}, 'one moment...');"
    ],
    "description": "svelte derived store"
  },
  "svelte-store-get": {
    "prefix": "s-store-get-value",
    "body": ["const ${1:value} = get(${2:store});"],
    "description": "svelte get value from store"
  },
  "svelte-component-set": {
    "prefix": "s-component-set",
    "body": ["${1:component}.$set(${2: params});"],
    "description": "svelte component api $set"
  },
  "svelte-component-on": {
    "prefix": "s-component-on",
    "body": ["${1:component}.$on(${2:eventname}, ${3:handler});"],
    "description": "svelte component api $on"
  },
  "svelte-component-destroy": {
    "prefix": "s-component-destroy",
    "body": ["${1:component}.$destroy();"],
    "description": "svelte component api $destroy"
  },
  "svelte-render-component": {
    "prefix": "s-render-component",
    "body": [
      "const { head, html, css } = ${1:App}.render({",
      "\tprops: ${3:props},",
      "})"
    ],
    "description": "svelte render component"
  },
  "svelte-tweened": {
    "prefix": "s-tweened",
    "body": ["const ${1:store} = tweened(${2:value}, ${3:options});"],
    "description": "svelte create tweened store"
  },
  "svelte-spring": {
    "prefix": "s-spring",
    "body": ["const ${1:store} = spring(${2:value}, ${3:options});"],
    "description": "svelte create spring store"
  },
  "svelte-register": {
    "prefix": "s-register",
    "body": [
      "require('svelte/register');",
      "const ${1:App} = require('${2:./App.svelte}').default;"
    ],
    "description": "svelte register"
  }
}