Merge

Author: dolbex

README.md

@@ -34,8 +34,9 @@ You can enable tab completion (recommended) by opening `Code > Preferences > Set
 
 | Snippet     | Purpose                                    |
 | ----------- | ------------------------------------------ |
-| `vbase`     | Single file component base                 |
+| `vbase`     | Single file component base with SCSS       |
 | `vbase-css` | Single file component base with CSS        |
+| `vbase-pcss`| Single file component base with PostCSS    |
 | `vbase-ts`  | Single file component base with Typescript |
 | `vbase-ns`  | Single file component with no styles       |
 

snippets/plaintext.json renamed to snippets/ignore.json

@@ -1,70 +1,91 @@
 {
-  "Vue Single File Component": {
-    "prefix": "vbase",
-    "body": [
-      "<template>",
-      "\t<div>",
-      "",
-      "\t</div>",
-      "</template>",
-      "",
-      "<script>",
-      "\texport default {",
-      "\t\t${0}",
-      "\t}",
-      "</script>",
-      "",
-      "<style lang=\"scss\" scoped>",
-      "",
-      "</style>"
-    ],
-    "description": "Base for Vue File"
-  },
-  "Vue Single File Component with Css": {
-    "prefix": "vbase-css",
-    "body": [
-      "<template>",
-      "\t<div>",
-      "",
-      "\t</div>",
-      "</template>",
-      "",
-      "<script>",
-      "\texport default {",
-      "\t\t${0}",
-      "\t}",
-      "</script>",
-      "",
-      "<style scoped>",
-      "",
-      "</style>"
-    ],
-    "description": "Base for Vue File"
-  },
-  "Vue Single File Component with Typescript": {
-    "prefix": "vbase-ts",
-    "body": [
-      "<template>",
-      "\t<div>",
-      "",
-      "\t</div>",
-      "</template>",
-      "",
-      "<script lang=\"ts\">",
-      "\timport Vue from 'vue'",
-      "",
-      "\texport default Vue.extend({",
-      "\t\t${0}",
-      "\t})",
-      "</script>",
-      "",
-      "<style scoped>",
-      "",
-      "</style>"
-    ],
-    "description": "Base for Vue File with Typescript"
-  },
-  "Vue Single File Component with No Style": {
+	"Vue Single File Component": {
+		"prefix": "vbase",
+		"body": [
+			"<template>",
+			"\t<div>",
+			"",
+			"\t</div>",
+			"</template>",
+			"",
+			"<script>",
+			"\texport default {",
+			"\t\t${0}",
+			"\t}",
+			"</script>",
+			"",
+			"<style lang=\"scss\" scoped>",
+			"",
+			"</style>"
+		],
+		"description": "Base for Vue File with SCSS"
+	},
+	"Vue Single File Component with postcss": {
+		"prefix": "vbase-pcss",
+		"body": [
+			"<template>",
+			"\t<div>",
+			"",
+			"\t</div>",
+			"</template>",
+			"",
+			"<script>",
+			"\texport default {",
+			"\t\t${0}",
+			"\t}",
+			"</script>",
+			"",
+			"<style lang=\"postcss\" scoped>",
+			"",
+			"</style>"
+		],
+		"description": "Base for Vue File with PostCSS"
+	},
+	"Vue Single File Component with Css": {
+		"prefix": "vbase-css",
+		"body": [
+			"<template>",
+			"\t<div>",
+			"",
+			"\t</div>",
+			"</template>",
+			"",
+			"<script>",
+			"\texport default {",
+			"\t\t${0}",
+			"\t}",
+			"</script>",
+			"",
+			"<style scoped>",
+			"",
+			"</style>"
+		],
+		"description": "Base for Vue File with CSS"
+	},
+	"Vue Single File Component with Typescript": {
+		"prefix": "vbase-ts",
+		"body": [
+			"<template>",
+			"\t<div>",
+			"",
+			"\t</div>",
+			"</template>",
+			"",
+			"<script lang=\"ts\">",
+			"\timport Vue from 'vue'",
+			"",
+        	"\texport default Vue.extend({",
+			"\t\t${0}",
+			"\t})",
+			"</script>",
+			"",
+			"<style scoped>",
+			"",
+			"</style>"
+		],
+		"description": "Base for Vue File with Typescript"
+	},
+	"Vue Single File Component with No Style": {
     "prefix": "vbase-ns",
     "body": [
       "<template>",