Skip to content

Commit 1577c88

Browse files
authored
Merge pull request sdras#62 from sidharthv96/master
Add Class based Typescript snippet
2 parents c99db3e + f21734f commit 1577c88

File tree

2 files changed

+26
-1
lines changed

2 files changed

+26
-1
lines changed

README.md

+1
Original file line numberDiff line numberDiff line change
@@ -41,6 +41,7 @@ You can enable tab completion (recommended) by opening `Code > Preferences > Set
4141
| `vbase-pcss` | Single file component base with PostCSS |
4242
| `vbase-styl` | Single file component base with Stylus |
4343
| `vbase-ts` | Single file component base with Typescript |
44+
| `vbase-ts-class` | Single file component base with Typescript Class Format |
4445
| `vbase-3-ts` | Single File component Composition API with Typescript |
4546
| `vbase-ns` | Single file component with no styles |
4647
| `vbase-sass` | Single file component base with SASS |

snippets/vue.json

+25-1
Original file line numberDiff line numberDiff line change
@@ -246,5 +246,29 @@
246246
"</style>"
247247
],
248248
"description": "Base for Vue File Composition API - Typescript"
249-
}
249+
},
250+
"Vue Single File Component with Class based Typescript format": {
251+
"prefix": "vbase-ts-class",
252+
"body": [
253+
"<template>",
254+
"\t<div>",
255+
"",
256+
"\t</div>",
257+
"</template>",
258+
"",
259+
"<script lang=\"ts\">",
260+
"\timport { Component, Vue } from 'vue-property-decorator';",
261+
"",
262+
"\t@Component",
263+
"\texport default class ${0} extends Vue {",
264+
"\t\t",
265+
"\t}",
266+
"</script>",
267+
"",
268+
"<style scoped>",
269+
"",
270+
"</style>"
271+
],
272+
"description": "Base for Vue File with Class based Typescript format"
273+
}
250274
}

0 commit comments

Comments
 (0)