Merge pull request sdras#94 from Tahul/main

✨ (vbase) add vbase-3-setup and vbase-3-ts-setup

Author: sdras

README.md

@@ -36,13 +36,15 @@ You can enable tab completion (recommended) by opening `Code > Preferences > Set
 | ------------------ | ------------------------------------------------------------ |
 | `vbase`            | Single file component base with SCSS                         |
 | `vbase-3`          | Single File component Composition API with SCSS              |
+| `vbase-3-setup`    | Single File component setup Composition API with SCSS        |
 | `vbase-3-reactive` | Single File component Composition API with Reactive and 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-3-ts-setup` | Single File component setup 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                         |

snippets/vue.json

@@ -190,6 +190,25 @@
     ],
     "description": "Base for Vue File Composition API with SCSS"
   },
+  "Vue Single File Component Setup Composition API": {
+    "prefix": "vbase-3-setup",
+    "body": [
+      "<template>",
+      "\t<div>",
+      "",
+      "\t</div>",
+      "</template>",
+      "",
+      "<script setup>",
+      "",
+      "</script>",
+      "",
+      "<style lang=\"scss\" scoped>",
+      "",
+      "</style>"
+    ],
+    "description": "Base for Vue File Setup Composition API with SCSS"
+  },
   "Vue Single File Component Composition API Reactive": {
     "prefix": "vbase-3-reactive",
     "body": [
@@ -247,28 +266,47 @@
     ],
     "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"
-	}
+  "Vue Single File Component Setup Composition API with Typescript": {
+    "prefix": "vbase-3-ts-setup",
+    "body": [
+      "<template>",
+      "\t<div>",
+      "",
+      "\t</div>",
+      "</template>",
+      "",
+      "<script setup lang=\"ts\">",
+      "",
+      "</script>",
+      "",
+      "<style scoped>",
+      "",
+      "</style>"
+    ],
+    "description": "Base for Vue File Setup 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"
+  }
 }