feat: added support for sass and less in vbase

Author: jeroendewilde

README.md

@@ -32,12 +32,13 @@ 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-ts`  | Single file component base with Typescript |
+| Snippet      | Purpose                                    |
+| -----------  | ------------------------------------------ |
+| `vbase`      | Single file component base with SCSS       |
+| `vbase-sass` | Single file component base with SASS       |
+| `vbase-css`  | Single file component base with CSS        |
+| `vbase-less` | Single file component base with LESS       |
+| `vbase-ts`   | Single file component base with Typescript |
 
 ### Template
 

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": [