{"id":21714609,"url":"https://github.com/boussadjra/vue-script-setup-snippets","last_synced_at":"2026-05-20T19:03:03.651Z","repository":{"id":113440627,"uuid":"588624793","full_name":"boussadjra/vue-script-setup-snippets","owner":"boussadjra","description":"This extension adds snippets for script setup syntax.","archived":false,"fork":false,"pushed_at":"2023-01-14T07:12:14.000Z","size":50,"stargazers_count":2,"open_issues_count":0,"forks_count":1,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-02-25T12:03:01.914Z","etag":null,"topics":["snippets","vscode","vue","vuecompositionapi","vuejs","vuejs3","vuescriptsetup"],"latest_commit_sha":null,"homepage":"https://marketplace.visualstudio.com/items?itemName=BoussadjraBrahim.vue-script-setup-snippets","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/boussadjra.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-01-13T15:26:52.000Z","updated_at":"2024-11-30T15:14:09.000Z","dependencies_parsed_at":null,"dependency_job_id":"1082f090-76fe-4747-9ade-ce2407fb008b","html_url":"https://github.com/boussadjra/vue-script-setup-snippets","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/boussadjra%2Fvue-script-setup-snippets","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/boussadjra%2Fvue-script-setup-snippets/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/boussadjra%2Fvue-script-setup-snippets/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/boussadjra%2Fvue-script-setup-snippets/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/boussadjra","download_url":"https://codeload.github.com/boussadjra/vue-script-setup-snippets/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244676451,"owners_count":20491828,"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","vscode","vue","vuecompositionapi","vuejs","vuejs3","vuescriptsetup"],"created_at":"2024-11-26T00:36:58.276Z","updated_at":"2026-05-20T19:03:03.564Z","avatar_url":"https://github.com/boussadjra.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"# Vue `script setup` snippets\n\n\n\n\n\u003cimg alt=\"logo\" src=\"/img/logo.png\" width=\"200\" height=\"200\"/\u003e\n\nIn VSCode search for **`vue-script-setup-snippets`** extension and install it. or install directly from [VSCode Marketplace](https://marketplace.visualstudio.com/items?itemName=BoussadjraBrahim.vue-script-setup-snippets)\n\n## Features\n\nThis extension adds snippets for [Vue 3 script setup](https://vuejs.org/api/composition-api-setup.html) syntax.\n\n\n## Snippets\n\n\u003eNote: `$1`, `$2`, etc. are placeholders. Press `Tab` to jump between placeholders.\n\n| Snippet | Purpose |\n| ------- | ------- |\n| `ss-file` | Vue 3 script setup file |\n| `ss-file-ts` | Vue 3 script setup file with typescript |\n|`ss-ref` | `const $1 = ref($2)` |\n|`ss-ref-ts` | `const $1: Ref\u003c$2\u003e = ref($3)` |\n|`ss-props` | `const $1 = defineProps\u003c$2\u003e()` |\n|`ss-props-ts` | `const $1 = defineProps\u003c$2\u003e()` |\n|`ss-emit` | `const $1 = defineEmit\u003c$2\u003e()` |\n|`ss-emit-ts` | `const $1 = defineEmit\u003c$2\u003e()` |\n|`ss-context` | `const $1 = defineContext\u003c$2\u003e()` |\n|`ss-context-ts` | `const $1 = defineContext\u003c$2\u003e()` |\n|`ss-computed` | `const $1 = computed(() =\u003e $2)` |\n|`ss-computed-ts` | `const $1: Ref\u003c$2\u003e = computed(() =\u003e $3)` |\n|`ss-watch` | `watch($1, ($2) =\u003e {   $3 })` |\n|`ss-watch-getter` | `watch(()=\u003e$1, ($2) =\u003e {   $3 })` |\n|`ss-ronly` | `const $1 = readonly($2)` |\n|`ss-ronly-ts` | `const $1: Readonly\u003cRef\u003c$2\u003e\u003e = readonly($3)` |\n|`ss-weffect` | `watchEffect(() =\u003e {   $1 })` |\n|`ss-wpeffect` | `watchPostEffect(() =\u003e {   $1 })` |\n|`ss-wseffect` | `watchSyncEffect(() =\u003e {   $1 })` |\n|`ss-prvd` | `const $1 = provide($2, $3)` |\n|`ss-prvd-ts` | `const $1: InjectionKey\u003c$2\u003e = provide($3, $4)` |\n|`ss-inject` | `const $1 = inject($2, $3)` |\n|`ss-inject-ts` | `const $1: Ref\u003c$2\u003e = inject($3, $4)` |\n|`ss-mnt` | `onMounted(() =\u003e {   $1 })` |\n|`ss-upd` | `onUpdated(() =\u003e {   $1 })` |\n|`ss-umnt` | `onUnmounted(() =\u003e {   $1 })` |\n|`ss-bmnt` | `onBeforeMount(() =\u003e {   $1 })` |\n|`ss-bupd` | `onBeforeUpdate(() =\u003e {   $1 })` |\n|`ss-bumnt` | `onBeforeUnmount(() =\u003e {   $1 })` |\n|`ss-err` | `onErrorCaptured(() =\u003e {   $1 })` |\n|`ss-rtrk` | `onRenderTracked(() =\u003e {   $1 })` |\n|`ss-rtrg` | `onRenderTriggered(() =\u003e {   $1 })` |\n|`ss-act` | `onActivated(() =\u003e {   $1 })` |\n|`ss-dact` | `onDeactivated(() =\u003e {   $1 })` |\n|`ss-spf` | `onServerPrefetch(() =\u003e {   $1 })` |\n|`ss-isref` | `isRef($1)` |\n|`ss-unref` | `unref($1)` |\n|`ss-toref` | `toRef($1, $2)` |\n|`ss-torefs` | `toRefs($1)` |\n|`ss-isprx` | `isProxy($1)` |\n|`ss-isrct` | `isReactive($1)` |\n|`ss-isrdo` | `isReadonly($1)` |\n|`ss-ssref` | `shallowRef($1)` |\n|`ss-trref` | `triggerRef($1)` |\n|`ss-csref` | `customRef(($1) =\u003e {   return {     get: () =\u003e $2,     set: ($3) =\u003e $4   } })` |\n|`ss-ssrct` | `shallowReactive($1)` |\n|`ss-ssrdo` | `shallowReadonly($1)` |\n|`ss-toraw` | `toRaw($1)` |\n|`ss-mkraw` | `markRaw($1)` |\n|`ss-efscp` | `effectScope(($1) =\u003e {   $2 })` |\n|`ss-curscp` | `getCurrentScope()` |\n|`ss-ondscp` | `onScopeDispose(() =\u003e {   $1 })` |\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fboussadjra%2Fvue-script-setup-snippets","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fboussadjra%2Fvue-script-setup-snippets","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fboussadjra%2Fvue-script-setup-snippets/lists"}