Add TS Class snippet

Author: sidharthv96

README.md

@@ -32,18 +32,19 @@ You can enable tab completion (recommended) by opening `Code > Preferences > Set
 
 ### Vue
 
-| Snippet      | Purpose                                               |
-| ------------ | ----------------------------------------------------- |
-| `vbase`      | Single file component base with SCSS                  |
-| `vbase-3`    | Single File component Composition API with SCSS       |
-| `vbase-css`  | Single file component base with CSS                   |
-| `vbase-pcss` | Single file component base with PostCSS               |
-| `vbase-styl` | Single file component base with Stylus                |
-| `vbase-ts`   | Single file component base with Typescript            |
-| `vbase-3-ts` | Single File component Composition API with Typescript |
-| `vbase-ns`   | Single file component with no styles                  |
-| `vbase-sass` | Single file component base with SASS                  |
-| `vbase-less` | Single file component base with LESS                  |
+| Snippet          | Purpose                                                 |
+| ---------------- | ------------------------------------------------------- |
+| `vbase`          | Single file component base with SCSS                    |
+| `vbase-3`        | Single File component Composition API with SCSS         |
+| `vbase-css`      | Single file component base with CSS                     |
+| `vbase-pcss`     | Single file component base with PostCSS                 |
+| `vbase-styl`     | Single file component base with Stylus                  |
+| `vbase-ts`       | Single file component base with Typescript              |
+| `vbase-ts-class` | Single file component base with Typescript Class Format |
+| `vbase-3-ts`     | Single File component Composition API with Typescript   |
+| `vbase-ns`       | Single file component with no styles                    |
+| `vbase-sass`     | Single file component base with SASS                    |
+| `vbase-less`     | Single file component base with LESS                    |
 
 ### Template
 

snippets/vue.json

@@ -215,5 +215,29 @@
       "</style>"
     ],
     "description": "Base for Vue File Composition API - Typescript"
-  }
+  },
+	"Vue Single File Component with Class based Typescript format": {
+		"prefix": "vbase-ts-class",
+		"body": [
+			"<template>",
+			"\t<div>",
+			"",
+			"\t</div>",
+			"</template>",
+			"",
+			"<script lang=\"ts\">",
+			"\timport { Component, Vue } from 'vue-property-decorator';",
+            "",
+            "\t@Component",
+        	"\texport default class ${0} extends Vue {",
+			"\t\t",
+			"\t}",
+			"</script>",
+			"",
+			"<style scoped>",
+			"",
+			"</style>"
+		],
+		"description": "Base for Vue File with Class based Typescript format"
+	}
 }