Merge pull request sdras#68 from bm-jeroendewilde/feat/extra-vbase-snippets

sdras · web-flow · commit ce182cb2daf7 · 2020-04-12T20:08:26.000-06:00
feat: added support for sass and less in vbase
diff --git a/README.md b/README.md
@@ -33,13 +33,15 @@ You can enable tab completion (recommended) by opening `Code > Preferences > Set
 ### Vue
 
 | Snippet      | Purpose                                    |
-| ------------ | ------------------------------------------ |
+| -----------  | ------------------------------------------ |
 | `vbase`      | Single file component base 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-ns`   | Single file component with no styles       |
+| `vbase-sass` | Single file component base with SASS       |
+| `vbase-less` | Single file component base with LESS       |
 
 ### Template
 
diff --git a/snippets/vue.json b/snippets/vue.json
@@ -20,6 +20,48 @@
 		],
 		"description": "Base for Vue File with SCSS"
 	},
+	"Vue Single File Component with SASS": {
+		"prefix": "vbase-sass",
+		"body": [
+			"<template>",
+			"\t<div>",
+			"",
+			"\t</div>",
+			"</template>",
+			"",
+			"<script>",
+			"\texport default {",
+			"\t\t${0}",
+			"\t}",
+			"</script>",
+			"",
+			"<style lang=\"sass\" scoped>",
+			"",
+			"</style>"
+		],
+		"description": "Base for Vue File with PostCSS"
+	},
+	"Vue Single File Component with LESS": {
+		"prefix": "vbase-less",
+		"body": [
+			"<template>",
+			"\t<div>",
+			"",
+			"\t</div>",
+			"</template>",
+			"",
+			"<script>",
+			"\texport default {",
+			"\t\t${0}",
+			"\t}",
+			"</script>",
+			"",
+			"<style lang=\"less\" scoped>",
+			"",
+			"</style>"
+		],
+		"description": "Base for Vue File with PostCSS"
+	},
 	"Vue Single File Component with postcss": {
 		"prefix": "vbase-pcss",
 		"body": [
