From 0bbd955c129385f88d4fb37ff33d7c313c9980ca Mon Sep 17 00:00:00 2001
From: Vasily Kuzin <exer7um@gmail.com>
Date: Sat, 6 Aug 2022 19:59:58 +0300
Subject: [PATCH] Add .vue file snippets #1

Snippets list:
- vbase
- vbase-sass
- vbase-less
- vbase-pcss
- vbase-css
- vbase-styl
- vbase-ns
---
 snippets/vue.code-snippets | 138 +++++++++++++++++++++++++++++++++++++
 1 file changed, 138 insertions(+)
 create mode 100644 snippets/vue.code-snippets

diff --git a/snippets/vue.code-snippets b/snippets/vue.code-snippets
new file mode 100644
index 0000000..7a80abf
--- /dev/null
+++ b/snippets/vue.code-snippets
@@ -0,0 +1,138 @@
+{
+  "Vue SFC <script setup>, TS, SCSS": {
+    "prefix": "vbase",
+    "body": [
+      "<script setup lang='ts'>",
+      "",
+      "</script>"
+      ,
+      "",
+      "<template>",
+      "\t<div>",
+      "\t\t${0}",
+      "\t</div>",
+      "</template>",
+      "",
+      "<style lang=\"scss\" scoped>",
+      "",
+      "</style>"
+    ],
+    "description": "Base for Vue 3 File with <script setup>, TypeScript and SCSS"
+  },
+  "Vue SFC <script setup>, TS, SASS": {
+    "prefix": "vbase-sass",
+    "body": [
+      "<script setup lang='ts'>",
+      "",
+      "</script>"
+      ,
+      "",
+      "<template>",
+      "\t<div>",
+      "\t\t${0}",
+      "\t</div>",
+      "</template>",
+      "",
+      "<style lang=\"sass\" scoped>",
+      "",
+      "</style>"
+    ],
+    "description": "Base for Vue 3 File with <script setup>, TypeScript and SASS"
+  },
+  "Vue SFC <script setup>, TS, LESS": {
+    "prefix": "vbase-less",
+    "body": [
+      "<script setup lang='ts'>",
+      "",
+      "</script>"
+      ,
+      "",
+      "<template>",
+      "\t<div>",
+      "\t\t${0}",
+      "\t</div>",
+      "</template>",
+      "",
+      "<style lang=\"less\" scoped>",
+      "",
+      "</style>"
+    ],
+    "description": "Base for Vue 3 File with <script setup>, TypeScript and LESS"
+  },
+  "Vue SFC <script setup>, TS, PostCSS": {
+    "prefix": "vbase-pcss",
+    "body": [
+      "<script setup lang='ts'>",
+      "",
+      "</script>"
+      ,
+      "",
+      "<template>",
+      "\t<div>",
+      "\t\t${0}",
+      "\t</div>",
+      "</template>",
+      "",
+      "<style lang=\"postcss\" scoped>",
+      "",
+      "</style>"
+    ],
+    "description": "Base for Vue 3 File with <script setup>, TypeScript and PostCSS"
+  },
+  "Vue SFC <script setup>, TS, CSS": {
+    "prefix": "vbase-css",
+    "body": [
+      "<script setup lang='ts'>",
+      "",
+      "</script>"
+      ,
+      "",
+      "<template>",
+      "\t<div>",
+      "\t\t${0}",
+      "\t</div>",
+      "</template>",
+      "",
+      "<style lang=\"css\" scoped>",
+      "",
+      "</style>"
+    ],
+    "description": "Base for Vue 3 File with <script setup>, TypeScript and CSS"
+  },
+  "Vue SFC <script setup>, TS, Stylus": {
+    "prefix": "vbase-styl",
+    "body": [
+      "<script setup lang='ts'>",
+      "",
+      "</script>"
+      ,
+      "",
+      "<template>",
+      "\t<div>",
+      "\t\t${0}",
+      "\t</div>",
+      "</template>",
+      "",
+      "<style lang=\"stylus\" scoped>",
+      "",
+      "</style>"
+    ],
+    "description": "Base for Vue 3 File with <script setup>, TypeScript and Stylus"
+  },
+  "Vue SFC <script setup>, TS, No Style": {
+    "prefix": "vbase-ns",
+    "body": [
+      "<script setup lang='ts'>",
+      "",
+      "</script>"
+      ,
+      "",
+      "<template>",
+      "\t<div>",
+      "\t\t${0}",
+      "\t</div>",
+      "</template>",
+    ],
+    "description": "Base for Vue 3 File with <script setup>, TypeScript and no style"
+  },
+}