From 958b754665b41b1b80fee98d2c2a7e3a1cfbe81d Mon Sep 17 00:00:00 2001
From: bobbyrahmanda13 <bobbyrahmanda1996@protonmail.com>
Date: Sat, 20 Jan 2024 23:57:41 +0700
Subject: [PATCH] feat: added vue snippet for nuxt and took typescript
 javascript snippet for vue

update

fix #385: add terraform snippets to package.json

snprintf() snippet incorrectly inserts sprintf() body

(c.json) improve function snips

Make former `fund` (-> `fun`) more universal
Also, make the prefixes more logical

(c.json) Add _GNU_SOURCE snippet

Snippet to enable GNU functions

(c.json) Update GNU_SOURCE description

Update the description to be more specific for newbies to C

Fixed for range loop in gdscript

add blade snippets (#374)

* add blade snippets

* fix json formatting

Add rfv for React, compatible with Vite (#384)

feat(global): Add UUID snippet (#386)

remove extra spaces in deployment and pod snippets (#390)

Reorder html5 document template (#393)

The encoding `<meta charset="UTF-8>` is usually declared before any text-containing elements such as the `<title>`.

p.s. Emmet follows this ordering too

feat: add snippet for debugpy remote attach (#397)

useful on remote debugging, especially on slurm

feat(kubernetes): set default container (#399)

* feat(kubernetes): set default container

According to https://github.com/kubernetes/enhancements/blob/master/keps/sig-cli/2227-kubectl-default-container/README.md

* feat(kubernetes): set default container for daemon set

Added Github Alerts (#402)

Added snippets for github alerts as in webpages

Removes snippets for vue2 (#396)

* vue2 is no longer supported as of December 31, 2023.

feat: add new snippet vue

fix: typo description reactive

chore: change name file vue readable

feat: add style.json, fix, refactoring snippet vue

fix: choice vue style

feat(editorconfig): add editorconfig snippets (#392)

* feat(editorconfig): add editorconfig snippets

feat(ruby): add binding.break snippet (#403)

Add PureScript snippets (#401)

* Add Purescript snippets

add new snippet for vue (#404)

* remove snippet vue 2 is dead

* feat: add new snippet vue

* fix: typo description reactive

* chore: change name file vue readable

* feat: add style.json, fix, refactoring snippet vue

* fix: choice vue style

fix: style tailwind aspec ratio

fix: error refVueTs

fix: snippet script.json

style: indent script.json

feat: add new snippet

feat: add new snippet vue

reset commit

feat: add snippet, fix code, and indent

chore: add snippet vue

style: fix indent all file vue

chore: add snippet vue

chore: fix bind :to nuxtlink

chore: add snippet script.json include js and ts

chore: add snippet vue html

chore: add defineModel to script.json

chore: add new snippet

feat: added vue snippet for nuxt and took typescript javascript snippet for vue

Remove some none (#409)

Co-authored-by: orion GONZALEZ (contractor) <orion.gonzalez@amadeus.com>

feat: mod test (#414)

- Adds the mod-test block snippet
- Updates the `match` snippet to be more general

todo instead of unimplemented (#415)

feat(asciidoc): add snippets (#419)

feat(markdown): use single space between columns in tables (#420)

docs(readme): update github admonition syntax (#422)

feat(gleam): add gleam snippets #418 (#423)

- Add snippet support for Gleam. The snippets are taken from
https://github.com/gleam-lang/vscode-gleam/blob/main/snippets.json

- Minor edit in `package.json`

feat: add snippets for most basic terraform blocks (#426)

* feat: add basic terraform snippets

* fix: remove periods in placeholder text

fix(markdown): use correct placeholder values for table 5x2 (#421)
---
 README.md                                |    9 +-
 package.json                             |   52 +-
 snippets/asciidoc.json                   |  676 +++++++++++
 snippets/c/c.json                        |   17 +-
 snippets/editorconfig.json               |   47 +
 snippets/frameworks/blade/blade.json     |   49 +
 snippets/frameworks/blade/helpers.json   |   57 +
 snippets/frameworks/blade/livewire.json  |   17 +
 snippets/frameworks/blade/snippets.json  |  488 ++++++++
 snippets/frameworks/vue/html.json        |  618 +++++-----
 snippets/frameworks/vue/javascript.json  |  984 ----------------
 snippets/frameworks/vue/nuxt-html.json   |   56 +
 snippets/frameworks/vue/nuxt-script.json |  180 +++
 snippets/frameworks/vue/nuxt_html.json   |   37 -
 snippets/frameworks/vue/nuxt_js_ts.json  |   87 --
 snippets/frameworks/vue/script.json      | 1370 ++++++++++++++++++++++
 snippets/frameworks/vue/style.json       |  223 ++++
 snippets/frameworks/vue/vue.json         |  626 +++++-----
 snippets/gdscript.json                   |    2 +-
 snippets/gleam.json                      |  231 ++++
 snippets/global.json                     |    5 +
 snippets/html.json                       |    2 +-
 snippets/javascript/react-es7.json       |   12 +
 snippets/kubernetes.json                 |   24 +-
 snippets/markdown.json                   |  205 ++--
 snippets/purescript.json                 |   91 ++
 snippets/python/debug.json               |   10 +
 snippets/ruby/ruby.json                  |    4 +
 snippets/rust/rust.json                  |   42 +-
 snippets/terraform.json                  |   40 +
 30 files changed, 4430 insertions(+), 1831 deletions(-)
 create mode 100644 snippets/asciidoc.json
 create mode 100644 snippets/editorconfig.json
 create mode 100644 snippets/frameworks/blade/blade.json
 create mode 100644 snippets/frameworks/blade/helpers.json
 create mode 100644 snippets/frameworks/blade/livewire.json
 create mode 100644 snippets/frameworks/blade/snippets.json
 delete mode 100644 snippets/frameworks/vue/javascript.json
 create mode 100644 snippets/frameworks/vue/nuxt-html.json
 create mode 100644 snippets/frameworks/vue/nuxt-script.json
 delete mode 100644 snippets/frameworks/vue/nuxt_html.json
 delete mode 100644 snippets/frameworks/vue/nuxt_js_ts.json
 create mode 100644 snippets/frameworks/vue/script.json
 create mode 100644 snippets/frameworks/vue/style.json
 create mode 100644 snippets/gleam.json
 create mode 100644 snippets/purescript.json

diff --git a/README.md b/README.md
index 1f4b1eab..40c2ef4e 100644
--- a/README.md
+++ b/README.md
@@ -16,7 +16,8 @@ Use your plugin manager of choice, e.g.
 { "rafamadriz/friendly-snippets" }
 ```
 
-> **Warning**: If you're using LuaSnip make sure to use
+> [!WARNING]
+> If you're using LuaSnip make sure to use
 > `require("luasnip.loaders.from_vscode").lazy_load()`, and add
 > `friendly-snippets` as a dependency for LuaSnip, otherwise snippets might not
 > be detected. If you don't use `lazy_load()` you might notice a slower
@@ -58,7 +59,8 @@ loading vscode snippets. Like for example:
 
 ## Add snippets from a framework to a filetype.
 
-> **Note**: This is handled by your snippet engine and has nothing to do with this snippets collection
+> [!NOTE]
+> This is handled by your snippet engine and has nothing to do with this snippets collection
 
 There's extra snippets included in this repo but they are not added by default,
 since it would be irrelevant for people not using those frameworks. See
@@ -80,7 +82,8 @@ let g:vsnip_filetypes.ruby = ['rails']
 
 ## Excluding snippets
 
-> **Note**: This is handled by your snippet engine and has nothing to do with this snippets collection
+> [!NOTE]
+> This is handled by your snippet engine and has nothing to do with this snippets collection
 
 With LuaSnip, see `help luasnip-loaders`
 
diff --git a/package.json b/package.json
index f6d92f9f..2256de40 100644
--- a/package.json
+++ b/package.json
@@ -44,6 +44,10 @@
                 "language": "csharpdoc",
                 "path": "./snippets/csharp/csharpdoc.json"
             },
+            {
+                "language": "editorconfig",
+                "path": "./snippets/editorconfig.json"
+            },
             {
                 "language": ["gitcommit", "NeogitCommitMessage"],
                 "path": "./snippets/gitcommit.json"
@@ -224,7 +228,8 @@
                     "eruby",
                     "javascriptreact",
                     "htmldjango",
-                    "astro"
+                    "astro",
+		    "blade"
                 ],
                 "path": "./snippets/html.json"
             },
@@ -276,6 +281,10 @@
                 "language": ["javascriptreact", "typescriptreact"],
                 "path": "./snippets/javascript/react-es7.json"
             },
+            {
+                "language": "terraform",
+                "path": "./snippets/terraform.json"
+            },
             {
                 "language": "svelte",
                 "path": "./snippets/svelte.json"
@@ -286,20 +295,24 @@
             },
             {
                 "language": "vue",
-                "path": "./snippets/frameworks/vue/nuxt_html.json"
+                "path": "./snippets/frameworks/vue/nuxt-html.json"
             },
             {
                 "language": "vue",
-                "path": "./snippets/frameworks/vue/nuxt_js_ts.json"
+                "path": "./snippets/frameworks/vue/nuxt-script.json"
             },
             {
                 "language": "vue",
-                "path": "./snippets/frameworks/vue/javascript.json"
+                "path": "./snippets/frameworks/vue/script.json"
             },
             {
                 "language": "vue",
                 "path": "./snippets/frameworks/vue/vue.json"
             },
+            {
+                "language": "vue",
+                "path": "./snippets/frameworks/vue/style.json"
+            },
             {
                 "language": "angular",
                 "path": "./snippets/frameworks/angular/html.json"
@@ -417,9 +430,25 @@
                 "path": "./snippets/latex/bibtex.json"
             },
             {
-                "language": "twig",
+        	"language": "twig",
                 "path": "./snippets/frameworks/twig.json"
             },
+	    {
+	    	"language": "blade",
+	    	"path": "./snippets/frameworks/blade/blade.json"
+	    },
+	    {
+		"language": "blade",
+		"path": "./snippets/frameworks/blade/helpers.json"
+	    },
+	    {
+		"language": "blade",
+		"path": "./snippets/frameworks/blade/livewire.json"
+	    },
+	    {
+		"language": "blade",
+		"path": "./snippets/frameworks/blade/snippets.json"
+	    },
             {
                 "language": ["r", "rmd"],
                 "path": "./snippets/r.json"
@@ -522,7 +551,20 @@
             {
                 "language": "dune",
                 "path": "./snippets/ocaml/dune.json"
+            },
+            {
+                "language": "purescript",
+                "path": "./snippets/purescript.json"
+            },
+            {
+                "language": "gleam",
+                "path": "./snippets/gleam.json"
+            },
+            {
+                "language": "asciidoc",
+                "path": "./snippets/asciidoc.json"
             }
         ]
     }
 }
+
diff --git a/snippets/asciidoc.json b/snippets/asciidoc.json
new file mode 100644
index 00000000..6ba94bda
--- /dev/null
+++ b/snippets/asciidoc.json
@@ -0,0 +1,676 @@
+{
+  "document header": {
+    "prefix": "header",
+    "body": [
+      "= ${1:${TM_FILENAME_BASE:Document Title}}",
+      "${2:Author} <${3:author@email.com}>",
+      "${4:version}, ${5:${CURRENT_YEAR:year}-${CURRENT_MONTH:month}-${CURRENT_DATE:day}}${6:: remark}",
+      "${7::attributes:}",
+      "",
+      "$0"
+    ],
+    "description": "Insert document header"
+  },
+  "document title": {
+    "prefix": ["h1", "document title"],
+    "body": ["= ${1:${TM_FILENAME_BASE:Document Title}}", "$0"],
+    "description": "Insert header level 1"
+  },
+  "document title 2": {
+    "prefix": ["h1", "document title+"],
+    "body": ["= ${1:${TM_FILENAME_BASE:Document Title}}: ${2:subtitle}", "$0"],
+    "description": "Insert header level 1 with subtitle"
+  },
+
+  "document attributes": {
+    "prefix": "document attributes",
+    "body": ["${1:author} <${2:email}>", "{localdatetime}", ":toc:", "$0"],
+    "description": "Insert document attributes"
+  },
+  "document attributes 2": {
+    "prefix": "document attributes+",
+    "body": [
+      "${1:author} <${2:email}>; ${3:author} <${4:email}>",
+      "{localdatetime}",
+      ":doctype: ${5:article}",
+      ":toc:",
+      ":toclevels: ${6:3}",
+      ":sectnums:",
+      ":xrefstyle: ${7:full}",
+      ":icons: font",
+      ":source-highlighter: ${8:highlight.js}",
+      ":experimental:",
+      ":imagesdir: ${9:images}",
+      "$0"
+    ],
+    "description": "Insert document attributes"
+  },
+
+  "section 1": {
+    "prefix": ["h2", "section 1"],
+    "body": ["== ${1:title}", "$0"],
+    "description": "Insert section level 1 (h2)"
+  },
+  "section 2": {
+    "prefix": ["h3", "section 2"],
+    "body": ["=== ${1:title}", "$0"],
+    "description": "Insert section level 2 (h3)"
+  },
+  "section 3": {
+    "prefix": ["h4", "section 3"],
+    "body": ["==== ${1:title}", "$0"],
+    "description": "Insert section level 3 (h4)"
+  },
+  "section 4": {
+    "prefix": ["h5", "section 4"],
+    "body": ["===== ${1:title}", "$0"],
+    "description": "Insert section level 4 (h5)"
+  },
+  "section 5": {
+    "prefix": ["h6", "section 5"],
+    "body": ["====== ${1:title}", "$0"],
+    "description": "Insert section level 5 (h6)"
+  },
+
+  "custom id": {
+    "prefix": ["custom id"],
+    "body": "[#${1:id}]$0",
+    "description": "Insert custom id"
+  },
+  "custom id 2": {
+    "prefix": ["custom id"],
+    "body": "[#${1:id},reftext=${2:text}]$0",
+    "description": "Insert custom id with reference text"
+  },
+
+  "thematic break": {
+    "prefix": ["thematic break", "horizontal rule"],
+    "body": ["'''", "$0"],
+    "description": "Insert thematic break (horizontal rule)"
+  },
+  "thematic break 2": {
+    "prefix": ["thematic break", "horizontal rule"],
+    "body": ["---", "$0"],
+    "description": "Insert thematic break (horizontal rule) in Markdown style"
+  },
+  "page break": {
+    "prefix": "page break",
+    "body": ["<<<", "$0"],
+    "description": "Insert page break"
+  },
+
+  "bold text": {
+    "prefix": ["bold", "b"],
+    "body": "*${1}* $0",
+    "description": "Insert bold text"
+  },
+  "italic text": {
+    "prefix": ["italic", "i"],
+    "body": "_${1}_ $0",
+    "description": "Insert italic text"
+  },
+  "monospace text": {
+    "prefix": ["monospace", "code"],
+    "body": "`${1}` $0",
+    "description": "Insert monospace text"
+  },
+  "bold and italic text": {
+    "prefix": ["bold and italic", "bi"],
+    "body": "*_${1}_* $0",
+    "description": "Insert bold and italic text"
+  },
+  "marked text": {
+    "prefix": ["mark"],
+    "body": "#${1}# $0",
+    "description": "Insert marked text"
+  },
+  "strikethrough text": {
+    "prefix": "strikethrough",
+    "body": "[.line-through]#${1}# $0",
+    "description": "Insert strikethrough text"
+  },
+  "underline text": {
+    "prefix": "underline",
+    "body": "[.underline]#${1}# $0",
+    "description": "Insert underline text"
+  },
+  "overline text": {
+    "prefix": "overline",
+    "body": "[.overline]#${1}# $0",
+    "description": "Insert overline text"
+  },
+  "small text": {
+    "prefix": "small",
+    "body": "[.small]#${1}# $0",
+    "description": "Insert small text"
+  },
+  "big text": {
+    "prefix": "big",
+    "body": "[.big]#${1}# $0",
+    "description": "Insert big text"
+  },
+  "superscript text": {
+    "prefix": "superscript",
+    "body": "^${1}^$0",
+    "description": "Insert superscript text"
+  },
+  "subscript text": {
+    "prefix": "subscript",
+    "body": "~${1}~$0",
+    "description": "Insert subscript text"
+  },
+
+  "unordered list": {
+    "prefix": "unordered list",
+    "body": ["* ${1:first}", "* ${2:second}", "* ${3:third}", "$0"],
+    "description": "Insert unordered list"
+  },
+  "ordered list": {
+    "prefix": "ordered list",
+    "body": [". ${1:first}", ". ${2:second}", ". ${3:third}", "$0"],
+    "description": "Insert ordered list"
+  },
+  "check list": {
+    "prefix": "check list",
+    "body": [
+      "* [${1: }] ${2:first}",
+      "* [${3: }] ${4:second}",
+      "* [${5: }] ${6:third}",
+      "$0"
+    ],
+    "description": "Insert check list"
+  },
+  "description list": {
+    "prefix": "description list",
+    "body": [
+      "${1:term}:: ${2:description}",
+      "${3:term}:: ${4:description}",
+      "${5:term}:: ${6:description}",
+      "$0"
+    ],
+    "description": "Insert description list"
+  },
+
+  "link simple": {
+    "prefix": "link",
+    "body": "${1:${TM_SELECTED_TEXT:link}}[${2:alt}]$0",
+    "description": "Insert simple link"
+  },
+  "link macro": {
+    "prefix": "link",
+    "body": ["${1:${TM_SELECTED_TEXT:link}}[${2:alt}] $0"],
+    "description": "Insert link macro with text"
+  },
+  "mailto link": {
+    "prefix": "mailto",
+    "body": "mailto:${1:${TM_SELECTED_TEXT:link}}[${2:alt}]$0",
+    "description": "Insert mailto link"
+  },
+
+  "cross reference": {
+    "prefix": ["<<", "cross reference"],
+    "body": ["<<${1:anchor}>> $0"],
+    "description": "cross reference"
+  },
+  "cross reference 2": {
+    "prefix": ["<<", "cross reference"],
+    "body": ["<<${1:anchor},${2:label}>> $0"],
+    "description": "cross reference with label"
+  },
+  "cross reference macro": {
+    "prefix": ["<<", "cross reference"],
+    "body": ["xref:${1:anchor}[${2:label}] $0"],
+    "description": "cross reference macro with label"
+  },
+
+  "footnote macro": {
+    "prefix": "footnote macro",
+    "body": ["footnote:[${1:text}] $0"],
+    "description": "Insert footnote macro"
+  },
+  "footnote macro 2": {
+    "prefix": "footnote macro",
+    "body": ["footnote:${1:id}[${2:text}] $0"],
+    "description": "Insert footnote macro with id"
+  },
+
+  "image inline": {
+    "prefix": "image",
+    "body": "image:${1:filepath}[${2:alt}]",
+    "description": "Insert image inline"
+  },
+  "image block macro": {
+    "prefix": "image",
+    "body": ["image::${1:filepath}[\"${2:alt}\"]", "$0"],
+    "description": "Insert image block macro"
+  },
+  "image block macro 2": {
+    "prefix": "image+",
+    "body": [".${1:title}", "image::${2:filepath}[\"${3:alt}\"]", "$0"],
+    "description": "Insert image block macro with title"
+  },
+
+  "audio block": {
+    "prefix": "audio macro",
+    "body": ["audio::${1:filepath}[]", "$0"],
+    "description": "Include audio block"
+  },
+  "video block": {
+    "prefix": "video macro",
+    "body": ["video::${1:filepath}[]", "$0"],
+    "description": "Include video block"
+  },
+
+  "icon macro": {
+    "prefix": "icon macro",
+    "body": "icon:${1:icon}[] $0",
+    "description": "Insert icon"
+  },
+  "keyboard macro": {
+    "prefix": "keyboard macro",
+    "body": "kbd:[${1:key}] $0",
+    "description": "Insert keyboard key"
+  },
+  "keyboard macro 2": {
+    "prefix": "keyboard macro",
+    "body": "kbd:[${1:key}+${2:key}] $0",
+    "description": "Insert keyboard key sequence"
+  },
+  "button macro": {
+    "prefix": "button macro",
+    "body": "btn:[${1:text}] $0",
+    "description": "Insert button"
+  },
+  "menu macro": {
+    "prefix": "menu macro",
+    "body": "menu:${1:menu}[${2:item}] $0",
+    "description": "Insert menu with item"
+  },
+  "menu macro 2": {
+    "prefix": "menu macro",
+    "body": "menu:${1:menu}[${2:item} > ${3:subitem}] $0",
+    "description": "Insert menu with subitem"
+  },
+  "menu macro 3": {
+    "prefix": "menu macro",
+    "body": "menu:${1:menu}[${2:item} > ${3:subitem} > ${4:subsubitem}] $0",
+    "description": "Insert menu with subsubitem"
+  },
+
+  "note paragraph": {
+    "prefix": ["note"],
+    "body": ["NOTE: ${1:text}", "$0"],
+    "description": "Insert NOTE admonition block as paragraph"
+  },
+  "note block": {
+    "prefix": ["note"],
+    "body": ["[NOTE]", "====", "${1:text}", "====", "$0"],
+    "description": "Insert NOTE block"
+  },
+  "note block 2": {
+    "prefix": ["note+"],
+    "body": ["[NOTE]", ".${1:title}", "====", "${2:text}", "====", "$0"],
+    "description": "Insert NOTE block"
+  },
+  "tip paragraph": {
+    "prefix": ["tip"],
+    "body": ["TIP: ${1:text}", "$0"],
+    "description": "Insert TIP admonition block as paragraph"
+  },
+  "tip block": {
+    "prefix": ["tip"],
+    "body": ["[TIP]", "====", "${1:text}", "====", "$0"],
+    "description": "Insert TIP block"
+  },
+  "tip block 2": {
+    "prefix": ["tip+"],
+    "body": ["[TIP]", ".${1:title}", "====", "${2:text}", "====", "$0"],
+    "description": "Insert TIP block"
+  },
+  "important paragraph": {
+    "prefix": ["important"],
+    "body": ["IMPORTANT: ${1:text}", "$0"],
+    "description": "Insert IMPORTANT admonition block as paragraph"
+  },
+  "important block": {
+    "prefix": ["important"],
+    "body": ["[IMPORTANT]", "====", "${1:text}", "====", "$0"],
+    "description": "Insert IMPORTANT block"
+  },
+  "important block 2": {
+    "prefix": ["important+"],
+    "body": ["[IMPORTANT]", ".${1:title}", "====", "${2:text}", "====", "$0"],
+    "description": "Insert IMPORTANT block"
+  },
+  "caution paragraph": {
+    "prefix": ["caution"],
+    "body": ["CAUTION: ${1:text}", "$0"],
+    "description": "Insert CAUTION admonition block as paragraph"
+  },
+  "caution block": {
+    "prefix": ["caution"],
+    "body": ["[CAUTION]", "====", "${1:text}", "====", "$0"],
+    "description": "Insert CAUTION block"
+  },
+  "caution block 2": {
+    "prefix": ["caution+"],
+    "body": ["[CAUTION]", ".${1:title}", "====", "${2:text}", "====", "$0"],
+    "description": "Insert CAUTION block"
+  },
+  "warning paragraph": {
+    "prefix": ["warning"],
+    "body": ["WARNING: ${1:text}", "$0"],
+    "description": "Insert WARNING admonition block as paragraph"
+  },
+  "warning block": {
+    "prefix": ["warning"],
+    "body": ["[WARNING]", "====", "${1:text}", "====", "$0"],
+    "description": "Insert WARNING block"
+  },
+  "warning block 2": {
+    "prefix": ["warning+"],
+    "body": ["[WARNING]", ".${1:title}", "====", "${2:text}", "====", "$0"],
+    "description": "Insert WARNING block"
+  },
+
+  "sidebar paragraph": {
+    "prefix": "sidebar paragraph",
+    "body": ["[sidebar]", "$1", "$0"],
+    "description": "Insert sidebar block as paragraph"
+  },
+  "sidebar paragraph 2": {
+    "prefix": "sidebar paragraph+",
+    "body": [".${1:title}", "[sidebar]", "21", "$0"],
+    "description": "Insert sidebar block as paragraph with title"
+  },
+  "sidebar block": {
+    "prefix": "sidebar",
+    "body": ["****", "$1", "****", "$0"],
+    "description": "Insert sidebar block"
+  },
+  "sidebar block 2": {
+    "prefix": "sidebar+",
+    "body": [".${1:title}", "****", "$2", "****", "$0"],
+    "description": "Insert sidebar block with title"
+  },
+
+  "example paragraph": {
+    "prefix": "example paragraph",
+    "body": ["[example]", "$1", "$0"],
+    "description": "Insert example block as paragraph"
+  },
+  "example paragraph 2": {
+    "prefix": "example paragraph+",
+    "body": [".${1:title}", "[example]", "21", "$0"],
+    "description": "Insert example block as paragraph with title"
+  },
+  "example block": {
+    "prefix": "example block",
+    "body": ["====", "$1", "====", "$0"],
+    "description": "Insert example block"
+  },
+  "example block 2": {
+    "prefix": "example block+",
+    "body": [".${1:title}", "====", "$2", "====", "$0"],
+    "description": "Insert example block with title"
+  },
+
+  "quote paragraph": {
+    "prefix": "quote paragraph",
+    "body": [
+      "[quote, ${2:attribution}, \"${3:citation title and information}\"]",
+      "$1",
+      "$0"
+    ],
+    "description": "Insert quote block as paragraph"
+  },
+  "quote paragraph 2": {
+    "prefix": "quote paragraph+",
+    "body": [
+      ".${1:title}",
+      "[quote, ${3:attribution}, \"${4:citation title and information}\"]",
+      "$2",
+      "$0"
+    ],
+    "description": "Insert quote block as paragraph with title"
+  },
+  "quote paragraph 3": {
+    "prefix": "quote paragraph",
+    "body": [
+      "\"${1:quote}\"",
+      "-- ${2:attribution}, ${3:citation title and information}",
+      "$0"
+    ],
+    "description": "Insert quote block as paragraph"
+  },
+  "quote block": {
+    "prefix": "quote block",
+    "body": [
+      "[quote, ${2:attribution}, \"${3:citation title and information}\"]",
+      "----",
+      "$1",
+      "----",
+      "$0"
+    ],
+    "description": "Insert quote block"
+  },
+  "quote block 2": {
+    "prefix": "quote block+",
+    "body": [
+      ".${1:title}",
+      "[quote, ${3:attribution}, \"${4:citation title and information}\"]",
+      "----",
+      "$2",
+      "----",
+      "$0"
+    ],
+    "description": "Insert quote block with title"
+  },
+
+  "verse paragraph": {
+    "prefix": "verse paragraph",
+    "body": [
+      "[verse, ${2:attribution}, \"${3:citation title and information}\"]",
+      "$1",
+      "$0"
+    ],
+    "description": "Insert verse block as paragraph"
+  },
+  "verse block": {
+    "prefix": "verse block",
+    "body": [
+      "[verse, ${2:attribution}, \"${3:citation title and information}\"]",
+      "____",
+      "$1",
+      "____",
+      "$0"
+    ],
+    "description": "Insert verse block"
+  },
+
+  "source code block": {
+    "prefix": "source code block",
+    "body": ["[source,${1:language}]", "----", "$2", "----", "$0"],
+    "description": "Insert source code block"
+  },
+  "source code block 2": {
+    "prefix": "source code block+",
+    "body": [
+      ".${1:title}",
+      "[source,${2:language}]",
+      "----",
+      "$3",
+      "----",
+      "$0"
+    ],
+    "description": "Insert source code block with title"
+  },
+  "source code block 3": {
+    "prefix": "source code block+",
+    "body": [
+      ".${1:title}",
+      "[source,${2:language}]",
+      "----",
+      "include::${3:filepath}[]",
+      "----",
+      "$0"
+    ],
+    "description": "Insert source code block with title via include"
+  },
+
+  "listing paragraph": {
+    "prefix": "listing paragraph",
+    "body": ["[listing]", "$1", "$0"],
+    "description": "Insert listing block as paragraph"
+  },
+  "listing block": {
+    "prefix": "listing block",
+    "body": ["----", "$1", "----", "$0"],
+    "description": "Insert listing block"
+  },
+
+  "literal paragraph": {
+    "prefix": "literal paragraph",
+    "body": ["[literal]", "$1", "$0"],
+    "description": "Insert literal block as paragraph"
+  },
+  "literal block": {
+    "prefix": "literal block",
+    "body": ["....", "$1", "....", "$0"],
+    "description": "Insert literal block"
+  },
+
+  "table": {
+    "prefix": "table",
+    "body": [
+      ".${1:title}",
+      "[cols=\"1,1,1\"]",
+      "|===",
+      "| ${2:column1} | ${3:column2} | ${4:column3}",
+      "",
+      "| ${5:cell1.1} | ${6:cell1.2} | ${7:cell1.3}",
+      "| ${8:cell2.1} | ${9:cell2.2} | ${10:cell2.3}",
+      "| ${11:cell3.1} | ${12:cell3.2} | ${13:cell3.3}",
+      "|===",
+      "$0"
+    ],
+    "description": "Insert 4x3 table with header"
+  },
+  "table 2": {
+    "prefix": "table",
+    "body": [
+      ".${1:title}",
+      "[%autowidth%header,cols=\"1,1,1\"]",
+      "|===",
+      "| ${2:column1} | ${3:column2} | ${4:column3}",
+      "",
+      "| ${5:cell1.1}",
+      "| ${6:cell1.2}",
+      "| ${7:cell1.3}",
+      "",
+      "| ${8:cell2.1}",
+      "| ${9:cell2.2}",
+      "| ${10:cell2.3}",
+      "",
+      "| ${11:cell3.1}",
+      "| ${12:cell3.2}",
+      "| ${13:cell3.3}",
+      "|===",
+      "$0"
+    ],
+    "description": "Insert 4x3 table with autowidth and header"
+  },
+
+  "open block": {
+    "prefix": "open block",
+    "body": ["--", "$1", "--", "$0"],
+    "description": "Insert open block"
+  },
+
+  "collapsible paragraph": {
+    "prefix": "collapsible paragraph",
+    "body": ["[example%collapsible]", "$1", "$0"],
+    "description": "Insert collapsible block as paragraph"
+  },
+  "collapsible block": {
+    "prefix": "collapsible block",
+    "body": ["[%collapsible]", "====", "$1", "====", "$0"],
+    "description": "Insert collapsible block"
+  },
+  "collapsible block 2": {
+    "prefix": "collapsible block+",
+    "body": [".${1:title}", "[%collapsible]", "====", "$2", "====", "$0"],
+    "description": "Insert collapsible block with title"
+  },
+  "collapsible block 3": {
+    "prefix": "collapsible block in block+",
+    "body": [
+      ".${1:title}",
+      "[%collapsible]",
+      "====",
+      "=====",
+      "$2",
+      "=====",
+      "====",
+      "$0"
+    ],
+    "description": "Insert collapsible block with title and inner block"
+  },
+  "collapsible block 4": {
+    "prefix": "collapsible code in block+",
+    "body": [
+      ".${1:title}",
+      "[%collapsible]",
+      "====",
+      "[source,${2:language}]",
+      "----",
+      "$3",
+      "----",
+      "====",
+      "$0"
+    ],
+    "description": "Insert collapsible block with title and inner code block"
+  },
+
+  "comment": {
+    "prefix": ["/", "comment"],
+    "body": "// $0",
+    "description": "Insert comment"
+  },
+  "comment block": {
+    "prefix": ["/", "comment block"],
+    "body": ["////", "$1", "////", "$0"],
+    "description": "Insert comment"
+  },
+
+  "include directive": {
+    "prefix": "include directive",
+    "body": ["include::${1:filepath}[]", "$0"],
+    "description": "Include content from file or URL"
+  },
+
+  "diagram plantuml": {
+    "prefix": "diagram plantuml",
+    "body": [
+      ".${1:title}",
+      "[plantuml, \"${2:file}\", svg]",
+      "....",
+      "$3",
+      "....",
+      "$0"
+    ],
+    "description": "Insert diagram with plantuml"
+  },
+  "diagram plantuml 2": {
+    "prefix": "diagram plantuml",
+    "body": [
+      ".${1:title}",
+      "[plantuml, \"${2:file}\", svg]",
+      "....",
+      "include::${3:filepath}[]",
+      "....",
+      "$0"
+    ],
+    "description": "Insert diagram with plantuml via include"
+  }
+}
diff --git a/snippets/c/c.json b/snippets/c/c.json
index 92d8b1af..c9b95dfb 100644
--- a/snippets/c/c.json
+++ b/snippets/c/c.json
@@ -73,6 +73,11 @@
         "body": ["#define ${1:MACRO}($2) ($3)"],
         "description": "Function-like macro snippet"
     },
+    "_GNU_SOURCE": {
+        "prefix": "#gnu",
+        "body": ["#define _GNU_SOURCE"],
+        "description": "Enable GNU extensions (functions)"
+    },
     "#if": {
         "prefix": "#if",
         "body": ["#if ${1:0}", "$0", "#endif /* if $1 */"],
@@ -214,13 +219,13 @@
         "body": ["for (int ${1:i} = ${2:1}; $1 < argc; $1++) {$0", "}"],
         "description": "'for' loop for cmdline arguments"
     },
-    "Function declaration": {
-        "prefix": "fund",
-        "body": ["${2:void} ${1:fun}(${3:void});"],
-        "description": "Declare a function"
+    "Function ...": {
+        "prefix": "fun",
+        "body": ["${2:void} ${1:fun}(${3:void})$0"],
+        "description": "Make a function declaration/definition/pointer"
     },
     "Function definition": {
-        "prefix": "fun",
+        "prefix": "func",
         "body": ["${2:void} ${1:fun}(${3:void})", "{$0", "}"],
         "description": "Define a function"
     },
@@ -296,7 +301,7 @@
     },
     "snprintf": {
         "prefix": "snprintf",
-        "body": ["sprintf(${1:buf}, ${2:max}, \"${3:%s}\\n\"$3)$0"],
+        "body": ["snprintf(${1:buf}, ${2:max}, \"${3:%s}\\n\"$3)$0"],
         "description": "snprintf() snippet"
     },
     "scanf": {
diff --git a/snippets/editorconfig.json b/snippets/editorconfig.json
new file mode 100644
index 00000000..37a9148a
--- /dev/null
+++ b/snippets/editorconfig.json
@@ -0,0 +1,47 @@
+{
+  "root": {
+    "prefix": "root",
+    "body": "# EditorConfig is awesome: https://EditorConfig.org\n\n# top-most EditorConfig file\nroot = true\n\n# Unix-style newlines with a newline ending every file\n[*]\nend_of_line = lf\ninsert_final_newline = true\n\n# Matches multiple files with brace expansion notation\n# Set default charset\n[*.{js,py}]\ncharset = utf-8\n\n# 4 space indentation\n[*.py]\nindent_style = space\nindent_size = 4\n\n# Tab indentation (no size specified)\n[Makefile]\nindent_style = tab\n\n# Indentation override for all JS under lib directory\n[lib/**.js]\nindent_style = space\nindent_size = 2\n\n# Matches the exact files either package.json or .travis.yml\n[{package.json,.travis.yml}]\nindent_style = space\nindent_size = 2",
+    "description": "Editorconfig root configuration"
+  },
+  "indent_style": {
+    "prefix": "istyle",
+    "body": "indent_style = space",
+    "description": "Indentation Style (tab or space)"
+  },
+  "indent_size": {
+    "prefix": "isize",
+    "body": "indent_size = 2",
+    "description": "Indentation Size (integer or 'tab')"
+  },
+  "tab_width": {
+    "prefix": "tw",
+    "body": "tab_width = 4",
+    "description": "Width of a single tabstop character"
+  },
+  "end_of_line": {
+    "prefix": "eol",
+    "body": "end_of_line = lf",
+    "description": "Line ending file format (lf, crlf, or cr)"
+  },
+  "charset": {
+    "prefix": "char",
+    "body": "charset = utf-8",
+    "description": "File character encoding (latin1, utf-8, utf-16be, utf-16le, utf-8-bom)"
+  },
+  "trim_trailing_space": {
+    "prefix": "tts",
+    "body": "trim_trailing_whitespace = true",
+    "description": "Denotes whether whitespace is removed from the end of lines"
+  },
+  "insert_final_newline": {
+    "prefix": "ifn",
+    "body": "insert_final_newline = true",
+    "description": "Denotes whether file should end with a newline"
+  },
+  "max_line_length": {
+    "prefix": "mll",
+    "body": "max_line_length = 80",
+    "description": "Forces hard line wrapping after the amount of characters specified. 'off' to turn off this feature."
+  }
+}
diff --git a/snippets/frameworks/blade/blade.json b/snippets/frameworks/blade/blade.json
new file mode 100644
index 00000000..68414307
--- /dev/null
+++ b/snippets/frameworks/blade/blade.json
@@ -0,0 +1,49 @@
+{
+  "Blade-component": {
+    "prefix": "Blade::component",
+    "body": "Blade::component('${1:package-name}', ${2:PackageNameComponent}::class);",
+    "description": "Registering Package Components (AppServiceProvider boot method)"
+  },
+  "Blade-include": {
+    "prefix": "Blade::include",
+    "body": "Blade::include('${1:includes.input}', '${2:input}');",
+    "description": "Aliasing Includes (AppServiceProvider boot method)"
+  },
+  "Blade-if": {
+    "prefix": "Blade::if",
+    "body": [
+      "Blade::if('${1:env}', function ($${2:environment}) {",
+      "    ${3:return app()->environment($$environment);}",
+      "});"
+    ],
+    "description": "Custom If Statements (AppServiceProvider boot method)"
+  },
+  "Blade-directive": {
+    "prefix": "Blade::directive",
+    "body": [
+      "Blade::directive('${1:datetime}', function ($${2:expression}) {",
+      "    ${3:return \"<?php echo ($$expression)->format('m/d/Y H:i'); ?>\";}",
+      "});"
+    ],
+    "description": "Custom directive (AppServiceProvider boot method)"
+  },
+  "Blade-stringable": {
+    "prefix": "Blade::stringable",
+    "body": [
+      "Blade::stringable(function (${1:Money} $${2:money}) {",
+      "    ${3:return $$money->formatTo('en_GB');}",
+      "});"
+    ],
+    "description": "Custom echo handlers (AppServiceProvider boot method)"
+  },
+  "Blade-render": {
+    "prefix": "Blade::render",
+    "body": "Blade::render(${1:'Blade template string'}, ${2:\\$data});",
+    "description": "Transform a raw Blade template string into valid HTML (Laravel 9.x)"
+  },
+  "Blade-renderComponent": {
+    "prefix": "Blade::renderComponent",
+    "body": "Blade::renderComponent(new ${1:HelloComponent}(${2:\\$params}));",
+    "description": "Render a given class component by passing the component instance to the method  (Laravel 9.x)"
+  }
+}
diff --git a/snippets/frameworks/blade/helpers.json b/snippets/frameworks/blade/helpers.json
new file mode 100644
index 00000000..e78db01d
--- /dev/null
+++ b/snippets/frameworks/blade/helpers.json
@@ -0,0 +1,57 @@
+{
+  "Path-elixir": {
+    "prefix": "lv:elixir",
+    "body": "{{ elixir('${1:file}') }}",
+    "description": "(deprecated) elixir path"
+  },
+  "Path-mix": {
+    "prefix": "lv:mix",
+    "body": "{{ mix('${1:file}') }}",
+    "description": "mix path"
+  },
+  "String-trans": {
+    "prefix": "lv:trans",
+    "body": "{{ trans('$1') }}",
+    "description": "trans"
+  },
+  "URL-action": {
+    "prefix": "lv:action",
+    "body": "{{ action('${1:ControllerName}', [${2:'id'=>1}]) }}",
+    "description": "URL-action"
+  },
+  "URL-secure-asset": {
+    "prefix": "lv:secure-asset",
+    "body": "{{ secure_asset('$1', ${2:\\$title}, ${3:\\$attributes=[]}) }}",
+    "description": "URL-secure-asset"
+  },
+  "URL-url": {
+    "prefix": "lv:url",
+    "body": "{{ url('${1:url}', [$2]) }}",
+    "description": "URL-url"
+  },
+  "URL-asset": {
+    "prefix": "lv:asset",
+    "body": "{{ asset('$1') }}",
+    "description": "URL-asset"
+  },
+  "URL-route": {
+    "prefix": "lv:route",
+    "body": "{{ route('${1:routeName}', [${2:'id'=>1}]) }}",
+    "description": "URL-route"
+  },
+  "Form-csrf-field": {
+    "prefix": "lv:csrf-field",
+    "body": "{{ csrf_field() }}",
+    "description": "CSRF hidden field"
+  },
+  "csrf-token": {
+    "prefix": "lv:csrf-token",
+    "body": "{{ csrf_token() }}",
+    "description": "CSRF token"
+  },
+  "Paginate-links": {
+    "prefix": "lv:pagination-links",
+    "body": "{{ \\$${1:collection}->links() }}",
+    "description": "pagination links"
+  }
+}
diff --git a/snippets/frameworks/blade/livewire.json b/snippets/frameworks/blade/livewire.json
new file mode 100644
index 00000000..7dc66c92
--- /dev/null
+++ b/snippets/frameworks/blade/livewire.json
@@ -0,0 +1,17 @@
+{
+  "livewireStyles": {
+    "prefix": "livewire:styles",
+    "body": "@livewireStyles",
+    "description": "Livewire Styles directive"
+  },
+  "livewireScripts": {
+    "prefix": "livewire:scripts",
+    "body": "@livewireScripts",
+    "description": "Livewire Scripts directive"
+  },
+  "livewire-component": {
+    "prefix": "livewire:component",
+    "body": "@livewire('${1:component}', ['${2:user}' => \\$${3:user}]${4:, key(\\$$3->id)})",
+    "description": "Livewire nesting components"
+  }
+}
diff --git a/snippets/frameworks/blade/snippets.json b/snippets/frameworks/blade/snippets.json
new file mode 100644
index 00000000..06ee98c4
--- /dev/null
+++ b/snippets/frameworks/blade/snippets.json
@@ -0,0 +1,488 @@
+{
+  "Extend layout": {
+    "prefix": "b:extends",
+    "body": "@extends('${1:name}')",
+    "description": "extends view layout"
+  },
+  "Yield content": {
+    "prefix": "b:yield",
+    "body": "@yield('${1:name}')",
+    "description": "yield content section"
+  },
+  "Content Section": {
+    "prefix": "b:section",
+    "body": [
+      "@section('${1:name}')",
+      "    $2",
+      "@endsection"
+    ],
+    "description": "content section"
+  },
+  "Content Section Show": {
+    "prefix": "b:section-show",
+    "body": [
+      "@section('$1')",
+      "    $2",
+      "@show"
+    ],
+    "description": "content section show"
+  },
+  "Include view": {
+    "prefix": "b:include",
+    "body": "@include('${1:name}')",
+    "description": "include view"
+  },
+  "If-block": {
+    "prefix": "b:if",
+    "body": [
+      "@if ($1)",
+      "    $2",
+      "@endif"
+    ],
+    "description": "@if block"
+  },
+  "If-else-block": {
+    "prefix": "b:if-else",
+    "body": [
+      "@if ($1)",
+      "    $2",
+      "@else",
+      "    $3",
+      "@endif"
+    ],
+    "description": "if-else block"
+  },
+  "Has Section": {
+    "prefix": "b:has-section",
+    "body": [
+      "@hasSection ('${1:name}')",
+      "    $2",
+      "@else",
+      "    $3",
+      "@endif"
+    ],
+    "description": "@hasSection condition"
+  },
+  "Unless-block": {
+    "prefix": "b:unless",
+    "body": [
+      "@unless ($1)",
+      "    $2",
+      "@endunless"
+    ],
+    "description": "@unless block"
+  },
+  "For-block": {
+    "prefix": "b:for",
+    "body": [
+      "@for (\\$i = ${1:0}; \\$i < ${2:\\$count}; \\$i++)",
+      "    $3",
+      "@endfor"
+    ],
+    "description": "@for block"
+  },
+  "Foreach-block": {
+    "prefix": "b:foreach",
+    "body": [
+      "@foreach (${1:\\$collection} as ${2:\\$item})",
+      "    $3",
+      "@endforeach"
+    ],
+    "description": "@foreach block"
+  },
+  "forelse-block": {
+    "prefix": "b:forelse",
+    "body": [
+      "@forelse (${1:\\$collection} as ${2:\\$item})",
+      "    $3",
+      "@empty",
+      "    $4",
+      "@endforelse"
+    ],
+    "description": "@forelse block"
+  },
+  "while-block": {
+    "prefix": "b:while",
+    "body": [
+      "@while ($1)",
+      "    $2",
+      "@endwhile"
+    ],
+    "description": "@while block"
+  },
+  "each loop": {
+    "prefix": "b:each",
+    "body": "@each('${1:view.name}', ${2:\\$collection}, '${3:variable}', '${4:view.empty}')",
+    "description": "@each loop"
+  },
+  "blade comment": {
+    "prefix": "b:comment",
+    "body": "{{-- ${1:comment} --}}",
+    "description": "comment block"
+  },
+  "blade echo-data": {
+    "prefix": "b:echo",
+    "body": "{{ ${1:\\$data} }}",
+    "description": "echo data"
+  },
+  "blade echo-unescaped-data": {
+    "prefix": "b:echo-html",
+    "body": "{!! ${1:\\$html_data} !!}",
+    "description": "echo unescaped data (allow html outputs)"
+  },
+  "blade echo-untouch": {
+    "prefix": "b:echo-raw",
+    "body": "@{{ ${1:variable} }}",
+    "description": "echo untouched data (allow javascript expression)"
+  },
+  "blade verbatim": {
+    "prefix": "b:verbatim",
+    "body": [
+      "@verbatim",
+      "{{ ${1:variable} }}",
+      "@endverbatim"
+    ],
+    "description": "displaying JavaScript variables in a large portion of your template"
+  },
+  "Push stack": {
+    "prefix": "b:push",
+    "body": [
+      "@push('${1:name}')",
+      "    $2",
+      "@endpush"
+    ],
+    "description": "@push stack"
+  },
+  "Stack": {
+    "prefix": "b:stack",
+    "body": "@stack('${1:name}')",
+    "description": "@stack"
+  },
+  "inject service": {
+    "prefix": "b:inject",
+    "body": "@inject('${1:name}', '${2:class}')",
+    "description": "@inject Service"
+  },
+  "can": {
+    "prefix": "b:can",
+    "body": [
+      "@can('${1:update}', ${2:\\$post})",
+      "    $3",
+      "@endcan"
+    ],
+    "description": "display a portion of the page only if the user is authorized to perform a given action."
+  },
+  "can-elsecan": {
+    "prefix": "b:can-elsecan",
+    "body": [
+      "@can('${1:update}', ${2:\\$post})",
+      "    $3",
+      "@elsecan('create', App\\Models\\\\${4:Post}::class)",
+      "    $5",
+      "@endcan"
+    ],
+    "description": "display a portion of the page only if the user is authorized to perform a given action."
+  },
+  "canany": {
+    "prefix": "b:canany",
+    "body": [
+      "@canany(['update', 'view', 'delete'], ${1:\\$post})",
+      "    $2",
+      "@endcanany"
+    ],
+    "description": "display a portion of the page only if the user is authorized to perform a given action."
+  },
+  "canany-elsecanany": {
+    "prefix": "b:canany-elsecanany",
+    "body": [
+      "@canany(['update', 'view', 'delete'], ${1:\\$post})",
+      "    $2",
+      "@elsecanany(['create'], App\\Models\\\\${3:Post}::class)",
+      "    $4",
+      "@endcanany"
+    ],
+    "description": "display a portion of the page only if the user is authorized to perform a given action."
+  },
+  "cannot": {
+    "prefix": "b:cannot",
+    "body": [
+      "@cannot('${1:update}', ${2:\\$post})",
+      "    $3",
+      "@endcannot"
+    ],
+    "description": "display a portion of the page only if the user is authorized to perform a given action."
+  },
+  "cannot-elsecannot": {
+    "prefix": "b:cannot-elsecannot",
+    "body": [
+      "@cannot('${1:update}', ${2:\\$post})",
+      "    $3",
+      "@elsecannot('create', App\\Models\\\\${5:Post}::class)",
+      "    $6",
+      "@endcannot"
+    ],
+    "description": "display a portion of the page only if the user is authorized to perform a given action."
+  },
+  "loop": {
+    "prefix": "b:loop",
+    "body": [
+      "\\$loop->${1:first}"
+    ],
+    "description": "$loop->(index|remaining|count|first|last|depth|parent)"
+  },
+  "loop first": {
+    "prefix": "b:loop-first",
+    "body": [
+      "@if (\\$loop->first)",
+      "    ${1:{{-- This is the first iteration --\\}\\}}",
+      "@endif"
+    ],
+    "description": "$loop->first"
+  },
+  "loop last": {
+    "prefix": "b:loop-last",
+    "body": [
+      "@if (\\$loop->last)",
+      "    ${1:{{-- This is the last iteration --\\}\\}}",
+      "@endif"
+    ],
+    "description": "$loop->last"
+  },
+  "php": {
+    "prefix": "b:php",
+    "body": [
+      "@php",
+      "    $1",
+      "@endphp"
+    ],
+    "description": "@php block code in view"
+  },
+  "includeIf": {
+    "prefix": "b:includeIf",
+    "body": "@includeIf('${1:view.name}'${2:, ['some' => 'data']})",
+    "description": "include a view that may or may not be present, you should use the @includeIf directive"
+  },
+  "component": {
+    "prefix": "b:component",
+    "body": [
+      "@component('$1')",
+      "    $2",
+      "@endcomponent"
+    ],
+    "description": "component"
+  },
+  "slot": {
+    "prefix": "b:slot",
+    "body": [
+      "@slot('$1')",
+      "    $2",
+      "@endslot"
+    ],
+    "description": "slot"
+  },
+  "isset": {
+    "prefix": "b:isset",
+    "body": [
+      "@isset(${1:\\$record})",
+      "    $2",
+      "@endisset"
+    ],
+    "description": "isset"
+  },
+  "empty": {
+    "prefix": "b:empty",
+    "body": [
+      "@empty(${1:\\$record})",
+      "    $2",
+      "@endempty"
+    ],
+    "description": "empty"
+  },
+  "error": {
+    "prefix": "b:error",
+    "body": [
+      "@error('${1:record}')",
+      "    $2",
+      "@enderror"
+    ],
+    "description": "error"
+  },
+  "includeWhen": {
+    "prefix": "b:includeWhen",
+    "body": "@includeWhen(${1:\\$boolean}, '${2:view.name}', [${3:'some' => 'data'}])",
+    "description": "includeWhen"
+  },
+  "auth": {
+    "prefix": "b:auth",
+    "body": [
+      "@auth",
+      "    $1",
+      "@endauth"
+    ],
+    "description": "auth"
+  },
+  "guest": {
+    "prefix": "b:guest",
+    "body": [
+      "@guest",
+      "    $1",
+      "@endguest"
+    ],
+    "description": "guest"
+  },
+  "switch": {
+    "prefix": "b:switch",
+    "body": [
+      "@switch(${1:\\$type})",
+      "    @case(${2:1})",
+      "        $3",
+      "        @break",
+      "    @case(${4:2})",
+      "        $5",
+      "        @break",
+      "    @default",
+      "        $6",
+      "@endswitch"
+    ],
+    "description": "switch"
+  },
+  "includeFirst": {
+    "prefix": "b:includeFirst",
+    "body": "@includeFirst(['${1:view.name}', '${2:variable}'], [${3:'some' => 'data'}])",
+    "description": "includeFirst"
+  },
+  "csrf": {
+    "prefix": "b:csrf",
+    "body": "@csrf",
+    "description": "form csrf field"
+  },
+  "method": {
+    "prefix": "b:method",
+    "body": "@method($1)",
+    "description": "form method field"
+  },
+  "dump": {
+    "prefix": "b:dump",
+    "body": "@dump($1)",
+    "description": "dump"
+  },
+  "dd": {
+    "prefix": "b:dd",
+    "body": "@dd($1)",
+    "description": "dump and die"
+  },
+  "lang": {
+    "prefix": "b:lang",
+    "body": "@lang('${1:messages.welcome}')",
+    "description": "lang"
+  },
+  "includeUnless": {
+    "prefix": "b:includeUnless",
+    "body": "@includeUnless(${1:\\$boolean}, '${2:view.name}', [${3:'some' => 'data'}])",
+    "description": "includeUnless"
+  },
+  "props": {
+    "prefix": "b:props",
+    "body": "@props(['${1:propName}'])",
+    "description": "Blade component data properties"
+  },
+  "env": {
+    "prefix": "b:env",
+    "body": [
+      "@env('${1:staging}')",
+      "    $2",
+      "@endenv"
+    ],
+    "description": "env"
+  },
+  "production": {
+    "prefix": "b:production",
+    "body": [
+      "@production",
+      "    $1",
+      "@endproduction"
+    ],
+    "description": "production"
+  },
+  "once": {
+    "prefix": "b:once",
+    "body": [
+      "@once",
+      "    $1",
+      "@endonce"
+    ],
+    "description": "define a portion of template that will only be evaluated once per rendering cycle"
+  },
+  "aware": {
+    "prefix": "b:aware",
+    "body": "@aware(['${1:propName}'])",
+    "description": "Accessing data from a parent component (Laravel 8.64)"
+  },
+  "js": {
+    "prefix": "b:js",
+    "body": "@js(${1:\\$data})",
+    "description": "This directive is useful to properly escape JSON within HTML quotes"
+  },
+  "class": {
+    "prefix": "b:class",
+    "body": "@class(['${1:p-4}', ${2:'font-bold' => true}])",
+    "description": "conditionally compiles a CSS class string. (Laravel 8.51)"
+  },
+  "checked": {
+    "prefix": "b:checked",
+    "body": "@checked(${1:true})",
+    "description": "This directive will echo checked if the provided condition evaluates to true (Laravel 9.x)"
+  },
+  "selected": {
+    "prefix": "b:selected",
+    "body": "@selected(${1:true})",
+    "description": "The @selected directive may be used to indicate if a given select option should be \"selected\" (Laravel 9.x)"
+  },
+  "disabled": {
+    "prefix": "b:disabled",
+    "body": "@disabled(${1:true})",
+    "description": "The @disabled directive may be used to indicate if a given element should be \"disabled\" (Laravel 9.x)"
+  },
+  "style": {
+    "prefix": "b:style",
+    "body": "@style($1)",
+    "description": "The @style directive may be used to conditionally add inline CSS styles to an HTML element (Laravel 9.x)"
+  },
+  "readonly": {
+    "prefix": "b:readonly",
+    "body": "@readonly(${1:true})",
+    "description": "The @readonly directive may be used to indicate if a given element should be \"readonly\" (Laravel 9.x)"
+  },
+  "required": {
+    "prefix": "b:required",
+    "body": "@required(${1:true})",
+    "description": "The @required directive may be used to indicate if a given element should be \"required\" (Laravel 9.x)"
+  },
+  "pushOnce": {
+    "prefix": "b:pushOnce",
+    "body": [
+      "@pushOnce('${1:scripts}')",
+      "    $2",
+      "@endPushOnce"
+    ],
+    "description": "Combine @once and @push for convenience (Laravel 9.x)"
+  },
+  "prepend": {
+    "prefix": "b:prepend",
+    "body": [
+      "@prepend('${1:scripts}')",
+      "    $2",
+      "@prepend"
+    ],
+    "description": "prepend content to a stack"
+  },
+  "prependOnce": {
+    "prefix": "b:prependOnce",
+    "body": [
+      "@prependOnce('${1:scripts}')",
+      "    $2",
+      "@endPrependOnce"
+    ],
+    "description": "Combine @once and @prepend for convenience (Laravel 9.x)"
+  }
+}
diff --git a/snippets/frameworks/vue/html.json b/snippets/frameworks/vue/html.json
index 79a221a3..fdce2051 100644
--- a/snippets/frameworks/vue/html.json
+++ b/snippets/frameworks/vue/html.json
@@ -1,285 +1,337 @@
 {
-    "template": {
-        "prefix": "template",
-        "body": [
-            "<template>",
-            "\t<${1:div}$2>",
-            "\t\t$0",
-            "\t</${1:div}>",
-            "</template>"
-        ],
-        "description": "template element"
-    },
-    "v-text": {
-        "prefix": "vText",
-        "body": ["v-text=\"${1:msg}\""],
-        "description": "Expects: string. Updates the element’s textContent."
-    },
-    "v-html": {
-        "prefix": "vHtml",
-        "body": ["v-html=\"${1:html}\""],
-        "description": "Expects: string. Updates the element’s innerHTML."
-    },
-    "v-show": {
-        "prefix": "vShow",
-        "body": ["v-show=\"${1:condition}\""],
-        "description": "Expects: any"
-    },
-    "v-if": {
-        "prefix": "vIf",
-        "body": ["v-if=\"${1:condition}\""],
-        "description": "Expects: any"
-    },
-    "v-else": {
-        "prefix": "vElse",
-        "body": ["v-else"],
-        "description": "Does not expect expression. previous sibling element must have v-if or v-else-if."
-    },
-    "v-else-if": {
-        "prefix": "vElseIf",
-        "body": ["v-else-if=\"${1:condition}\""],
-        "description": "Expects: any. previous sibling element must have v-if or v-else-if."
-    },
-    "v-for-without-key": {
-        "prefix": "vForWithoutKey",
-        "body": ["v-for=\"${1:item} in ${2:items}\""],
-        "description": "Expects: Array | Object | number | string"
-    },
-    "v-for": {
-        "prefix": "vFor",
-        "body": [
-            "v-for=\"(${1:item}, ${2:index}) in ${3:items}\" :key=\"${4:index}\""
-        ],
-        "description": "Expects: Array | Object | number | string"
-    },
-    "v-on": {
-        "prefix": "vOn",
-        "body": ["v-on:${1:event}=\"${2:handle}\""],
-        "description": "Expects: Function | Inline Statement"
-    },
-    "v-on-shortcut": {
-        "prefix": "@",
-        "body": ["@${1:event}=\"${2:handle}\""],
-        "description": "v-on shortcut from vue 3"
-    },
-    "v-bind": {
-        "prefix": "vBind",
-        "body": ["v-bind$1=\"${2}\""],
-        "description": "Expects: any (with argument) | Object (without argument)"
-    },
-    "v-model": {
-        "prefix": "vModel",
-        "body": ["v-model=\"${1:something}\""],
-        "description": "Expects: varies based on value of form inputs element or output of components"
-    },
-    "v-slot": {
-        "prefix": "vSlot",
-        "body": ["v-slot$1=\"${2}\""],
-        "description": "Expects: JavaScript expression that is valid in a function argument position (supports destructuring in supported environments). Optional - only needed if expecting props to be passed to the slot."
-    },
-    "v-pre": {
-        "prefix": "vPre",
-        "body": ["v-pre"],
-        "description": "Does not expect expression"
-    },
-    "v-cloak": {
-        "prefix": "vCloak",
-        "body": ["v-cloak"],
-        "description": "Does not expect expression"
-    },
-    "v-once": {
-        "prefix": "vOnce",
-        "body": ["v-once"],
-        "description": "Does not expect expression"
-    },
-    "key": {
-        "prefix": "key",
-        "body": [":key=\"${1:key}\""],
-        "description": "Expects: string. Children of the same common parent must have unique keys. Duplicate keys will cause render errors."
-    },
-    "ref": {
-        "prefix": "ref",
-        "body": ["ref=\"${1:reference}\"$0"],
-        "description": "Expects: string. ref is used to register a reference to an element or a child component. The reference will be registered under the parent component’s $refs object. If used on a plain DOM element, the reference will be that element; if used on a child component, the reference will be component instance."
-    },
-    "slotA": {
-        "prefix": "slotA",
-        "body": ["slot=\"$1\"$0"],
-        "description": "slot=''. Expects: string. Used on content inserted into child components to indicate which named slot the content belongs to."
-    },
-    "slotE": {
-        "prefix": "slotE",
-        "body": ["<slot$1>$2</slot>$0"],
-        "description": "<slot></slot>. Expects: string. Used on content inserted into child components to indicate which named slot the content belongs to."
-    },
-    "slotScope": {
-        "prefix": "slotScope",
-        "body": ["slot-scope=\"$1\"$0"],
-        "description": "Used to denote an element or component as a scoped slot. The attribute’s value should be a valid JavaScript expression that can appear in the argument position of a function signature. This means in supported environments you can also use ES2015 destructuring in the expression. Serves as a replacement for scope in 2.5.0+."
-    },
-    "scope": {
-        "prefix": "scope",
-        "body": ["scope=\"${1:this api replaced by slot-scope in 2.5.0+}\"$0"],
-        "description": "Used to denote a <template> element as a scoped slot, which is replaced by `slot-scope` in 2.5.0+."
-    },
-    "component": {
-        "prefix": "component",
-        "body": ["<component :is=\"${1:componentId}\"></component>$0"],
-        "description": "component element"
-    },
-    "keep-alive": {
-        "prefix": "keepAlive",
-        "body": ["<keep-alive$1>", "$2", "</keep-alive>$0"],
-        "description": "keep-alive element"
-    },
-    "transition": {
-        "prefix": "transition",
-        "body": ["<transition$1>", "$2", "</transition>$0"],
-        "description": "transition element"
-    },
-    "transition-group": {
-        "prefix": "transitionGroup",
-        "body": ["<transition-group$1>", "$2", "</transition-group>"],
-        "description": "transition-group element"
-    },
-    "enter-class": {
-        "prefix": "enterClass",
-        "body": ["enter-class=\"$1\"$0"],
-        "description": "enter-class=''. Expects: string."
-    },
-    "leave-class": {
-        "prefix": "leaveClass",
-        "body": ["leave-class=\"$1\"$0"],
-        "description": "leave-class=''. Expects: string."
-    },
-    "appear-class": {
-        "prefix": "appearClass",
-        "body": ["appear-class=\"$1\"$0"],
-        "description": "appear-class=''. Expects: string."
-    },
-    "enter-to-class": {
-        "prefix": "enterToClass",
-        "body": ["enter-to-class=\"$1\"$0"],
-        "description": "enter-to-class=''. Expects: string."
-    },
-    "leave-to-class": {
-        "prefix": "leaveToClass",
-        "body": ["leave-to-class=\"$1\"$0"],
-        "description": "leave-to-class=''. Expects: string."
-    },
-    "appear-to-class": {
-        "prefix": "appearToClass",
-        "body": ["appear-to-class=\"$1\"$0"],
-        "description": "appear-to-class=''. Expects: string."
-    },
-    "enter-active-class": {
-        "prefix": "enterActiveClass",
-        "body": ["enter-active-class=\"$1\"$0"],
-        "description": "enter-active-class=''. Expects: string."
-    },
-    "leave-active-class": {
-        "prefix": "leaveActiveClass",
-        "body": ["leave-active-class=\"$1\"$0"],
-        "description": "leave-active-class=''. Expects: string."
-    },
-    "appear-active-class": {
-        "prefix": "appearActiveClass",
-        "body": ["appear-active-class=\"$1\"$0"],
-        "description": "appear-active-class=''. Expects: string."
-    },
-    "before-enter": {
-        "prefix": "beforeEnterEvent",
-        "body": ["@before-enter=\"$1\"$0"],
-        "description": "@before-enter=''"
-    },
-    "before-leave": {
-        "prefix": "beforeLeaveEvent",
-        "body": ["@before-leave=\"$1\"$0"],
-        "description": "@before-leave=''"
-    },
-    "before-appear": {
-        "prefix": "beforeAppearEvent",
-        "body": ["@before-appear=\"$1\"$0"],
-        "description": "@before-appear=''"
-    },
-    "enter": {
-        "prefix": "enterEvent",
-        "body": ["@enter=\"$1\"$0"],
-        "description": "@enter=''"
-    },
-    "leave": {
-        "prefix": "leaveEvent",
-        "body": ["@leave=\"$1\"$0"],
-        "description": "@leave=''"
-    },
-    "appear": {
-        "prefix": "appearEvent",
-        "body": ["@appear=\"$1\"$0"],
-        "description": "@appear=''"
-    },
-    "after-enter": {
-        "prefix": "afterEnterEvent",
-        "body": ["@after-enter=\"$1\"$0"],
-        "description": "@after-enter=''"
-    },
-    "after-leave": {
-        "prefix": "afterLeaveEvent",
-        "body": ["@after-leave=\"$1\"$0"],
-        "description": "@after-leave=''"
-    },
-    "after-appear": {
-        "prefix": "afterAppearEvent",
-        "body": ["@after-appear=\"$1\"$0"],
-        "description": "@after-appear=''"
-    },
-    "enter-cancelled": {
-        "prefix": "enterCancelledEvent",
-        "body": ["@enter-cancelled=\"$1\"$0"],
-        "description": "@enter-cancelled=''"
-    },
-    "leave-cancelled": {
-        "prefix": "leaveCancelledEvent",
-        "body": ["@leave-cancelled=\"$1\"$0"],
-        "description": "@leave-cancelled='' (v-show only)"
-    },
-    "appear-cancelled": {
-        "prefix": "appearCancelledEvent",
-        "body": ["@appear-cancelled=\"$1\"$0"],
-        "description": "@appear-cancelled=''"
-    },
-    "routerLink": {
-        "prefix": "routerLink",
-        "body": ["<router-link $1>$2</router-link>$0"],
-        "description": "router-link element"
-    },
-    "routerLinkTo": {
-        "prefix": "routerLinkTo",
-        "body": ["<router-link to=\"$1\">$2</router-link>$0"],
-        "description": "<router-link to=''></router-link>. router-link element"
-    },
-    "to": {
-        "prefix": "to",
-        "body": ["to=\"$1\"$0"],
-        "description": "to=''"
-    },
-    "tag": {
-        "prefix": "tag",
-        "body": ["tag=\"$1\"$0"],
-        "description": "tag=''"
-    },
-    "routerView": {
-        "prefix": "routerView",
-        "body": ["<router-view>$1</router-view>$0"],
-        "description": "router-view element"
-    },
-    "teleport": {
-        "prefix": "teleport",
-        "body": ["<Teleport to=\"$1\">", "$0", "</Teleport>"],
-        "description": "<Teleport> is a built-in component that allows us to 'teleport' a part of a component's template into a DOM node that exists outside the DOM hierarchy of that component."
-    },
-    "suspense": {
-        "prefix": "suspense",
-        "body": ["<Suspense>", "$0", "</Suspense>"],
-        "description": "<Suspense> will render its default slot content in memory. If any async dependencies are encountered during the process, it will enter a pending state."
-    }
+  "Template Vue": {
+    "prefix": "template",
+    "body": [
+      "<template>",
+      "\t<${1:div}$2>",
+      "\t\t$0",
+      "\t</${1:div}>",
+      "</template>"
+    ],
+    "description": "template element"
+  },
+  "v-text": {
+    "prefix": "vText",
+    "body": [
+      "v-text=\"${1:msg}\""
+    ],
+    "description": "Expects: string. Updates the element’s textContent."
+  },
+  "v-html": {
+    "prefix": "vHtml",
+    "body": [
+      "v-html=\"${1:html}\""
+    ],
+    "description": "Expects: string. Updates the element’s innerHTML."
+  },
+  "v-show": {
+    "prefix": "vShow",
+    "body": [
+      "v-show=\"${1:condition}\""
+    ],
+    "description": "Expects: any"
+  },
+  "v-if": {
+    "prefix": "vIf",
+    "body": [
+      "v-if=\"${1:condition}\""
+    ],
+    "description": "Expects: any"
+  },
+  "v-else": {
+    "prefix": "vElse",
+    "body": [
+      "v-else"
+    ],
+    "description": "Does not expect expression. previous sibling element must have v-if or v-else-if."
+  },
+  "v-else-if": {
+    "prefix": "vElseIf",
+    "body": [
+      "v-else-if=\"${1:condition}\""
+    ],
+    "description": "Expects: any. previous sibling element must have v-if or v-else-if."
+  },
+  "v-for-without-key": {
+    "prefix": "vForWithoutKey",
+    "body": [
+      "v-for=\"${1:item} in ${2:items}\""
+    ],
+    "description": "Expects: Array | Object | number | string"
+  },
+  "v-for": {
+    "prefix": "vFor",
+    "body": [
+      "v-for=\"(${1:item}, ${2:index}) in ${3:items}\" :key=\"${4:index}\""
+    ],
+    "description": "Expects: Array | Object | number | string"
+  },
+  "v-on Shorthand": {
+    "prefix": "@",
+    "body": [
+      "@${1:event}=\"${2:handle}\""
+    ],
+    "description": "v-on shortcut from vue 3"
+  },
+  "v-bind Shorthand": {
+    "prefix": "vBind",
+    "body": [
+      ":{$1}=\"${2}\""
+    ],
+    "description": "Expects: any (with argument) | Object (without argument)"
+  },
+  "v-model": {
+    "prefix": "vModel",
+    "body": [
+      "v-model=\"${1:something}\""
+    ],
+    "description": "Expects: varies based on value of form inputs element or output of components"
+  },
+  "Input v-model modifiers": {
+    "prefix": "vModelModifiers",
+    "body": [
+      "${1|v-model.lazy=\"${2:something}\" $0, v-model.number=\"${2:something}\" $0, v-model.trim=\"${2:something}\" $0|}"
+    ],
+    "description": "v-model input with modifiers"
+  },
+  "v-slot": {
+    "prefix": "vSlot",
+    "body": [
+      "#{$1:nameSlot}=\"${2}\""
+    ],
+    "description": "Expects: JavaScript expression that is valid in a function argument position (supports destructuring in supported environments). Optional - only needed if expecting props to be passed to the slot."
+  },
+  "v-pre": {
+    "prefix": "vPre",
+    "body": [
+      "v-pre"
+    ],
+    "description": "Does not expect expression"
+  },
+  "v-cloak": {
+    "prefix": "vCloak",
+    "body": [
+      "v-cloak"
+    ],
+    "description": "Does not expect expression"
+  },
+  "v-once": {
+    "prefix": "vOnce",
+    "body": [
+      "v-once"
+    ],
+    "description": "Does not expect expression"
+  },
+  "key": {
+    "prefix": "key",
+    "body": [
+      ":key=\"${1:key}\""
+    ],
+    "description": "Expects: string. Children of the same common parent must have unique keys. Duplicate keys will cause render errors."
+  },
+  "ref": {
+    "prefix": "ref",
+    "body": [
+      "ref=\"${1:reference}\"$0"
+    ],
+    "description": "Expects: string. ref is used to register a reference to an element or a child component. The reference will be registered under the parent component’s $refs object. If used on a plain DOM element, the reference will be that element; if used on a child component, the reference will be component instance."
+  },
+  "slotA": {
+    "prefix": "slotA",
+    "body": [
+      "slot=\"$1\"$0"
+    ],
+    "description": "slot=''. Expects: string. Used on content inserted into child components to indicate which named slot the content belongs to."
+  },
+  "slotE": {
+    "prefix": "slotE",
+    "body": [
+      "<slot$1>$2</slot>$0"
+    ],
+    "description": "<slot></slot>. Expects: string. Used on content inserted into child components to indicate which named slot the content belongs to."
+  },
+  "Component": {
+    "prefix": "component",
+    "body": [
+      "<component :is=\"${1:componentId}\"></component>$0"
+    ],
+    "description": "component element"
+  },
+  "keep-alive": {
+    "prefix": "keepAlive",
+    "body": [
+      "<keep-alive$1>",
+      "$2",
+      "</keep-alive>$0"
+    ],
+    "description": "keep-alive element"
+  },
+  "Transition": {
+    "prefix": "transition",
+    "body": [
+      "<transition$1>",
+      "$2",
+      "</transition>$0"
+    ],
+    "description": "transition element"
+  },
+  "Transition Group": {
+    "prefix": "transitionGroup",
+    "body": [
+      "<transition-group$1>",
+      "$2",
+      "</transition-group>"
+    ],
+    "description": "transition-group element"
+  },
+  "Router Link": {
+    "prefix": "routerLink",
+    "body": [
+      "<router-link $1>$2</router-link>$0"
+    ],
+    "description": "router-link element"
+  },
+  "Router Link to": {
+    "prefix": "routerLinkTo",
+    "body": [
+      "<router-link to=\"$1\">$2</router-link>$0"
+    ],
+    "description": "<router-link to=''></router-link>. router-link element"
+  },
+  "to": {
+    "prefix": "to",
+    "body": [
+      "to=\"$1\"$0"
+    ],
+    "description": "to=''"
+  },
+  "tag": {
+    "prefix": "tag",
+    "body": [
+      "tag=\"$1\"$0"
+    ],
+    "description": "tag=''"
+  },
+  "Router View": {
+    "prefix": "routerView",
+    "body": [
+      "<router-view>$1</router-view>$0"
+    ],
+    "description": "router-view element"
+  },
+  "Teleport": {
+    "prefix": "teleport",
+    "body": [
+      "<Teleport to=\"$1\">",
+      "$0",
+      "</Teleport>"
+    ],
+    "description": "<Teleport> is a built-in component that allows us to 'teleport' a part of a component's template into a DOM node that exists outside the DOM hierarchy of that component."
+  },
+  "Suspense": {
+    "prefix": "suspense",
+    "body": [
+      "<Suspense>",
+      "$0",
+      "</Suspense>"
+    ],
+    "description": "<Suspense> will render its default slot content in memory. If any async dependencies are encountered during the process, it will enter a pending state."
+  },
+  "button-vue": {
+    "prefix": "button@click",
+    "body": [
+      "<button @click=\"$1\" class=\"$2\">$0</button>"
+    ],
+    "description": "button using @click vue"
+  },
+  "Class Binding": {
+    "prefix": ":class",
+    "body": [
+      ":class=\"{ $1: $2, $3 : $4 }\" $0"
+    ],
+    "description": "Class binding for vue"
+  },
+  "Class Binding to array": {
+    "prefix": ":classArray",
+    "body": [
+      ":class=\"[ $1, $2 ]\" $0"
+    ],
+    "description": "Class binding to array for vue"
+  },
+  "Class Binding to array with conditional": {
+    "prefix": ":classConditional",
+    "body": [
+      ":class=\"[ $1 ? $2 : $3, $4 ]\" $0"
+    ],
+    "description": "Class binding to array with conditional for vue"
+  },
+  "Class Binding use object to array": {
+    "prefix": ":classArrayObject",
+    "body": [
+      ":class=\"[{ $1: $2}, $3 ]\" $0"
+    ],
+    "description": "Class binding use object to array for vue"
+  },
+  "Style inline Binding": {
+    "prefix": ":class",
+    "body": [
+      ":style=\"{ $1: $2 }\" $0"
+    ],
+    "description": "Class binding for vue"
+  },
+  "Select Vue": {
+    "prefix": "selectVue",
+    "body": [
+      "<select v-model=\"$1\">",
+      "\t<option disabled value=\"$2\">$3</option>",
+      "\t<option>$4</option>",
+      "\t<option>$5</option>",
+      "\t<option>$6</option>",
+      "</select>"
+    ],
+    "description": "If the initial value of your v-model expression does not match any of the options, the <select> element will render in an \"unselected\" state. On iOS this will cause the user not being able to select the first item because iOS does not fire a change event in this case. It is therefore recommended to provide a disabled option with an empty value, as demonstrated in the example above."
+  },
+  "Multiple Select Vue": {
+    "prefix": "selectMultiple",
+    "body": [
+      "<select v-model=\"$1\" multiple>",
+      "\t<option>$1</option>",
+      "\t<option>$2</option>",
+      "\t<option>$3</option>",
+      "</select>"
+    ],
+    "description": "multiple select from vue using array and v-model"
+  },
+  "Input Vue": {
+    "prefix": "inputVue",
+    "body": [
+      "<input type=\"$1\" v-model=\"$2\" name=\"$3\" id=\"$4\" placeholder=\"$5\">",
+      "$0"
+    ],
+    "description": "Input from vue using v-model"
+  },
+  "Text Area Vue": {
+    "prefix": "textareaVue",
+    "body": [
+      "<textarea v-model=\"$1\" placeholder=\"$2\">$3</textarea>",
+      "$0"
+    ],
+    "description": "text area from vue using v-model"
+  },
+  "Checkbox Vue": {
+    "prefix": "checkboxVue",
+    "body": [
+      "<input type=\"checkbox\" id=\"$1\" value=\"$2\" v-model=\"$3\">",
+      "$0"
+    ],
+    "description": "Checkbox from vue using v-model"
+  },
+  "Radio Vue": {
+    "prefix": "radioVue",
+    "body": [
+      "<input type=\"radio\" id=\"$1\" value=\"$2\" v-model=\"$3\">",
+      "$0"
+    ],
+    "description": "radio button from vue using v-model"
+  }
 }
diff --git a/snippets/frameworks/vue/javascript.json b/snippets/frameworks/vue/javascript.json
deleted file mode 100644
index 8b2e74c7..00000000
--- a/snippets/frameworks/vue/javascript.json
+++ /dev/null
@@ -1,984 +0,0 @@
-{
-    "import": {
-        "prefix": "import",
-        "body": ["import $1 from '$2'"],
-        "description": "import ... from ..."
-    },
-    "vue": {
-        "prefix": "newVue",
-        "body": ["new Vue({", "\t$1", "})"],
-        "description": "new Vue()"
-    },
-    "silent": {
-        "prefix": "VueConfigSilent",
-        "body": ["Vue.config.silent = ${1:true}"],
-        "description": "Vue.config.silent"
-    },
-    "optionMergeStrategies": {
-        "prefix": "VueConfigOptionMergeStrategies",
-        "body": ["Vue.config.optionMergeStrategies$1"],
-        "description": "Vue.config.optionMergeStrategies"
-    },
-    "devtools": {
-        "prefix": "VueConfigDevtools",
-        "body": ["Vue.config.devtools = ${1:true}"],
-        "description": "Vue.config.devtools"
-    },
-    "errorHandler": {
-        "prefix": "VueConfigErrorHandler",
-        "body": [
-            "Vue.config.errorHandler = function (err, vm, info) {",
-            "\t${1:// handle error}",
-            "}"
-        ],
-        "description": "Vue.config.errorHandler"
-    },
-    "warnHandler": {
-        "prefix": "VueConfigWarnHandler",
-        "body": [
-            "Vue.config.warnHandler = function (msg, vm, trace) {",
-            "\t${1:// handle warn}",
-            "}"
-        ],
-        "description": "Vue.config.warnHandler"
-    },
-    "ignoredElements": {
-        "prefix": "VueConfigIgnoredElements",
-        "body": ["Vue.config.ignoredElements = [", "\t'${1}'", "]$0"],
-        "description": "Vue.config.ignoredElements"
-    },
-    "keyCodes": {
-        "prefix": "VueConfigKeyCodes",
-        "body": [
-            "Vue.config.keyCodes = {",
-            "\t${1:// camelCase won`t work}",
-            "}"
-        ],
-        "description": "Vue.config.keyCodes"
-    },
-    "performance": {
-        "prefix": "VueConfigPerformance",
-        "body": ["Vue.config.performance = ${1:true}"],
-        "description": "Vue.config.performance"
-    },
-    "productionTip": {
-        "prefix": "VueConfigProductionTip",
-        "body": ["Vue.config.productionTip = ${1:false}"],
-        "description": "Vue.config.productionTip"
-    },
-    "extend": {
-        "prefix": "vueExtend",
-        "body": ["Vue.extend({", "\ttemplate:${1:template}", "})"],
-        "description": "Vue.extend( options )"
-    },
-    "nextTick": {
-        "prefix": "VueNextTick",
-        "body": ["Vue.nextTick({", "\t$1", "})"],
-        "description": "Vue.nextTick( callback, [context] )"
-    },
-    "nextTick-composition": {
-        "prefix": "nextTickVue3",
-        "body": ["nextTick({", "\t$1", "})"],
-        "description": "A utility for waiting for the next DOM update flush."
-    },
-    "nextTick-word": {
-        "prefix": "nextTick",
-        "body": ["nextTick()"],
-        "description": "just a word"
-    },
-    "nextTickThen": {
-        "prefix": "VueNextTickThen",
-        "body": [
-            "Vue.nextTick({",
-            "\t$1",
-            "}).then(function ($2) {",
-            "\t$3",
-            "})"
-        ],
-        "description": "Vue.nextTick( callback, [context] ).then(function(){ })"
-    },
-    "set": {
-        "prefix": "VueSet",
-        "body": ["Vue.set(${1:target}, ${2:key}, ${3:value})"],
-        "description": "Vue.set( target, key, value )"
-    },
-    "delete": {
-        "prefix": "VueDelete",
-        "body": ["Vue.delete(${1:target}, ${2:key})"],
-        "description": "Vue.delete( target, key )"
-    },
-    "directive": {
-        "prefix": "VueDirective",
-        "body": ["Vue.directive(${1:id}${2:, [definition]})"],
-        "description": "Vue.directive( id, [definition] )"
-    },
-    "filter": {
-        "prefix": "VueFilter",
-        "body": ["Vue.filter(${1:id}${2:, [definition]})"],
-        "description": "Vue.filter( id, [definition] )"
-    },
-    "component": {
-        "prefix": "VueComponent",
-        "body": ["Vue.component(${1:id}${2:, [definition]})$0"],
-        "description": "Vue.component( id, [definition] )"
-    },
-    "defineAsyncComponent": {
-        "prefix": "defineAsyncComponent",
-        "body": ["const $1 = defineAsyncComponent(() =>", "import('$0')", ");"],
-        "description": "create a async vue component"
-    },
-    "defineComponent": {
-        "prefix": "defineComponent",
-        "body": ["const $1 = defineComponent({", "$0", "})"],
-        "description": "create a component vue component"
-    },
-    "defineCustomElement": {
-        "prefix": "defineCustomElement",
-        "body": ["const $1 = defineCustomElement({", "$0", "})"],
-        "description": "create a custom element vue"
-    },
-    "Vueuse": {
-        "prefix": "VueUse",
-        "body": ["Vue.use(${1:plugin})$0"],
-        "description": "Vue.use( plugin )"
-    },
-    "mixin": {
-        "prefix": "VueMixin",
-        "body": ["Vue.mixin({${1:mixin}})"],
-        "description": "Vue.mixin( mixin )"
-    },
-    "compile": {
-        "prefix": "VueCompile",
-        "body": ["Vue.compile(${1:template})"],
-        "description": "Vue.compile( template )"
-    },
-    "observable": {
-        "prefix": "VueObservable",
-        "body": ["Vue.observable({${1:object}})"],
-        "description": "Vue.observable( object )"
-    },
-    "version": {
-        "prefix": "VueVersion",
-        "body": ["Vue.version$0"],
-        "description": "Vue.version.split('.')[]"
-    },
-    "data": {
-        "prefix": "data",
-        "body": ["data() {", "\treturn {", "\t\t$1", "\t}", "},$0"],
-        "description": "The data object for the Vue instance."
-    },
-    "props": {
-        "prefix": "props",
-        "body": ["props"],
-        "description": "A list/hash of attributes that are exposed to accept data from the parent component. "
-    },
-    "props-composition": {
-        "prefix": "defineProps",
-        "body": ["const props = defineProps({", "$0", "});"],
-        "description": "A list/hash of attributes that are exposed to accept data from the parent component. "
-    },
-    "emits-composition": {
-        "prefix": "emitsVue",
-        "body": ["const emits = defineEmits([ $0 ]);"],
-        "description": "A list of events that componetnt can emits to the parent component. "
-    },
-    "propsData": {
-        "prefix": "propsData",
-        "body": ["propsData"],
-        "description": "Restriction: only respected in instance creation via `new`. Pass props to an instance during its creation. This is primarily intended to make unit testing easier."
-    },
-    "scopedSlots": {
-        "prefix": "scopedSlots",
-        "body": ["scopedSlots"],
-        "description": "just a word"
-    },
-    "computed": {
-        "prefix": "computed",
-        "body": ["computed: {", "\t$1", "},$0"],
-        "description": "Computed properties to be mixed into the Vue instance. "
-    },
-    "computed-composition": {
-        "prefix": "computedVue",
-        "body": ["const $1 = computed(() => {", "$0", "});"],
-        "description": "Computed properties to be mixed into the Vue instance. "
-    },
-    "reactive-composition": {
-        "prefix": "reactVue",
-        "body": ["const $1 = reactive($0)"],
-        "description": "Reative properties to be mixed into the Vue instance. "
-    },
-    "shallow-reactive-composition": {
-        "prefix": "sreactVue",
-        "body": ["const $1 = shallowReactive({$0})"],
-        "description": "Shallow reative properties to be mixed into the Vue instance. "
-    },
-    "ref-composition": {
-        "prefix": "rfVue",
-        "body": ["const $1 = ref($2)", "$0"],
-        "description": "Ref properties to be mixed into the Vue instance. "
-    },
-    "template-ref-ts-composition": {
-        "prefix": "trfVue",
-        "body": ["const $0 = ref<HTMLInputElement | null>(null)"],
-        "description": "Template ref to be mixed into the Vue instance. "
-    },
-    "component-ref-ts-composition": {
-        "prefix": "crfVue",
-        "body": ["const $1 = ref<InstanceType<typeof $0> | null>(null)"],
-        "description": "Template ref to be mixed into the Vue instance. "
-    },
-    "methods": {
-        "prefix": "methods",
-        "body": ["methods: {", "\t$1", "},$0"],
-        "description": "Methods to be mixed into the Vue instance."
-    },
-    "method-composition": {
-        "prefix": "functionVue3",
-        "body": ["const $1 = ($2) => {", "$0", "};"],
-        "description": "Method composition properties to be mixed into the Vue instance. "
-    },
-    "watch": {
-        "prefix": "watch",
-        "body": ["watch: {", "\t$1", "},$0"],
-        "description": "An object where keys are expressions to watch and values are the corresponding callbacks. The value can also be a string of a method name, or an Object that contains additional options. Note that you should not use an arrow function to define a watcher."
-    },
-    "watch-composition": {
-        "prefix": "cwatch",
-        "body": ["watch($1, ($2, $3) => {", "$0", "});"],
-        "description": "Watch over a reactive source and call a function in reaction to state changes "
-    },
-    "watchWithOptions": {
-        "prefix": "watchWithOptions",
-        "body": [
-            "${1:key}: {",
-            "\tdeep: ${2:true},",
-            "\timmediate: ${3:true},",
-            "\thandler: function (${4:val}, ${5:oldVal}) {",
-            "\t\t$6",
-            "\t}",
-            "},$0"
-        ],
-        "description": "Vue Watcher with options."
-    },
-    "watchEffect-composition": {
-        "prefix": "watchEffect",
-        "body": ["watchEffect($1, ($2, $3) => {", "$0", "});"],
-        "description": "watchEffect from vue composition "
-    },
-    "el": {
-        "prefix": "el",
-        "body": ["el"],
-        "description": "just a word"
-    },
-    "template": {
-        "prefix": "template",
-        "body": ["template"],
-        "description": "just a word"
-    },
-    "render": {
-        "prefix": "render",
-        "body": ["render(h) {", "\t$1", "},"],
-        "description": "An alternative to string templates allowing you to leverage the full programmatic power of JavaScript."
-    },
-    "renderError": {
-        "prefix": "renderError",
-        "body": ["renderError(h, err) {", "\t$1", "},"],
-        "description": "Provide an alternative render output when the default render function encounters an error."
-    },
-    "beforeCreate": {
-        "prefix": "beforeCreate",
-        "body": ["beforeCreate() {", "\t$1", "},"],
-        "description": "Type: Function."
-    },
-    "created": {
-        "prefix": "created",
-        "body": ["created() {", "\t$1", "},"],
-        "description": "Type: Function."
-    },
-    "beforeMount": {
-        "prefix": "beforeMount",
-        "body": ["beforeMount() {", "\t$1", "},"],
-        "description": "Type: Function."
-    },
-    "mounted": {
-        "prefix": "mounted",
-        "body": ["mounted() {", "\t$1", "},"],
-        "description": "Type: Function."
-    },
-    "onBeforeMount-composition": {
-        "prefix": "onBeforeMount",
-        "body": ["onBeforeMount(() => {$0})"],
-        "description": "Vue before mount composition lifecycle hook"
-    },
-    "onMounted-composition": {
-        "prefix": "onmounted",
-        "body": ["onMounted(() => {$0})"],
-        "description": "Vue mounted lifecycle hook"
-    },
-    "onBeforeUnmount-composition": {
-        "prefix": "onBeforeUnmount",
-        "body": ["onBeforeUnmount(() => {$0})"],
-        "description": "Vue before unmount composition lifecycle hook"
-    },
-    "onUnmounted-composition": {
-        "prefix": "onunmounted",
-        "body": ["onUnmounted(() => {$0})"],
-        "description": "Vue unMounted lifecycle hook"
-    },
-    "beforeUpdate": {
-        "prefix": "beforeUpdate",
-        "body": ["beforeUpdate() {", "\t$1", "},"],
-        "description": "Type: Function."
-    },
-    "updated": {
-        "prefix": "updated",
-        "body": ["updated() {", "\t$1", "},"],
-        "description": "Type: Function."
-    },
-    "onBeforeUpdate-composition": {
-        "prefix": "onBeforeUpdate",
-        "body": ["onBeforeUpdate(() => {$0})"],
-        "description": "Vue before update composition lifecycle hook"
-    },
-    "onUpdated-composition": {
-        "prefix": "onupdated",
-        "body": ["onUpdated(() => {$0})"],
-        "description": "Vue updated lifecycle hook"
-    },
-    "activated": {
-        "prefix": "activated",
-        "body": ["activated() {", "\t$1", "},"],
-        "description": "Type: Function."
-    },
-    "deactivated": {
-        "prefix": "deactivated",
-        "body": ["deactivated() {", "\t$1", "},"],
-        "description": "Type: Function."
-    },
-    "onActivated-composition": {
-        "prefix": "onActivated",
-        "body": ["onActivated(() => {$0})"],
-        "description": "Vue activated composition lifecycle hook"
-    },
-    "onDeactivated-composition": {
-        "prefix": "onDeactivated",
-        "body": ["onDeactivated(() => {$0})"],
-        "description": "Vue deactivated composition lifecycle hook"
-    },
-    "beforeDestroy": {
-        "prefix": "beforeDestroy",
-        "body": ["beforeDestroy() {", "\t$1", "},"],
-        "description": "Type: Function."
-    },
-    "destroyed": {
-        "prefix": "destroyed",
-        "body": ["destroyed() {", "\t$1", "},"],
-        "description": "Type: Function."
-    },
-    "errorCaptured": {
-        "prefix": "errorCaptured",
-        "body": ["errorCaptured: (err, vm, info) => {", "\t$1", "},"],
-        "description": "Type: (err: Error, vm: Component, info: string) => ?boolean"
-    },
-    "directives": {
-        "prefix": "directives",
-        "body": ["directives"],
-        "description": "just a word"
-    },
-    "filters": {
-        "prefix": "filters",
-        "body": ["filters"],
-        "description": "just a word"
-    },
-    "componentWord": {
-        "prefix": "component",
-        "body": ["component"],
-        "description": "just a word"
-    },
-    "components": {
-        "prefix": "components",
-        "body": ["components"],
-        "description": "just a word"
-    },
-    "parent": {
-        "prefix": "parent",
-        "body": ["parent"],
-        "description": "just a word"
-    },
-    "mixins": {
-        "prefix": "mixins",
-        "body": ["mixins"],
-        "description": "just a word"
-    },
-    "extends": {
-        "prefix": "extends",
-        "body": ["extends"],
-        "description": "just a word"
-    },
-    "provide": {
-        "prefix": "provide",
-        "body": ["provide"],
-        "description": "just a word"
-    },
-    "inject": {
-        "prefix": "inject",
-        "body": ["inject"],
-        "description": "just a word"
-    },
-    "name": {
-        "prefix": "name",
-        "body": ["name"],
-        "description": "just a word"
-    },
-    "delimiters": {
-        "prefix": "delimiters",
-        "body": ["delimiters"],
-        "description": "just a word"
-    },
-    "functional": {
-        "prefix": "functional",
-        "body": ["functional"],
-        "description": "just a word"
-    },
-    "model": {
-        "prefix": "model",
-        "body": ["model"],
-        "description": "just a word"
-    },
-    "value": {
-        "prefix": "value",
-        "body": ["value"],
-        "description": "'this' change to 'value' using ref vuejs"
-    },
-    "inheritAttrs": {
-        "prefix": "inheritAttrs",
-        "body": ["inheritAttrs"],
-        "description": "just a word"
-    },
-    "comments": {
-        "prefix": "comments",
-        "body": ["comments"],
-        "description": "just a word"
-    },
-    "deep": {
-        "prefix": "deep",
-        "body": ["deep"],
-        "description": "just a word"
-    },
-    "immediate": {
-        "prefix": "immediate",
-        "body": ["immediate"],
-        "description": "just a word"
-    },
-    "vm.$data": {
-        "prefix": "vmData",
-        "body": ["${1|this,vm|}.\\$data$2"],
-        "description": "Type: Object. Read only."
-    },
-    "vm.$props": {
-        "prefix": "vmProps",
-        "body": ["${1|this,vm|}.\\$props$2"],
-        "description": "Type: Object. Read only."
-    },
-    "vm.$el": {
-        "prefix": "vmEl",
-        "body": ["${1|this,vm|}.\\$el$2"],
-        "description": "Type: HTMLElement. Read only."
-    },
-    "vm.$options": {
-        "prefix": "vmOptions",
-        "body": ["${1|this,vm|}.\\$options$2"],
-        "description": "Type: Object. Read only."
-    },
-    "vm.$parent": {
-        "prefix": "vmParent",
-        "body": ["${1|this,vm|}.\\$parent$2"],
-        "description": "Type: Vue instance. Read only."
-    },
-    "vm.$root": {
-        "prefix": "vmRoot",
-        "body": ["${1|this,vm|}.\\$root$2"],
-        "description": "Type: Vue instance. Read only."
-    },
-    "vm.$children": {
-        "prefix": "vmChildren",
-        "body": ["${1|this,vm|}.\\$children$2"],
-        "description": "Type: Array<Vue instance>. Read only."
-    },
-    "vm.$slots": {
-        "prefix": "vmSlots",
-        "body": ["${1|this,vm|}.\\$slots$2"],
-        "description": "Type: Object. Read only."
-    },
-    "vm.$scopedSlots": {
-        "prefix": "vmScopedSlots",
-        "body": ["${1|this,vm|}.\\$scopedSlots.default({", "\t$2", "})"],
-        "description": "Type: { [name: string]: props => VNode | Array<VNode> }. Read only."
-    },
-    "vm.$refs": {
-        "prefix": "vmRefs",
-        "body": ["${1|this,vm|}.\\$refs$2"],
-        "description": "Type: Object. Read only."
-    },
-    "vm.$isServer": {
-        "prefix": "vmIsServer",
-        "body": ["${1|this,vm|}.\\$isServer$2"],
-        "description": "Type: boolean. Read only."
-    },
-    "vm.$attrs": {
-        "prefix": "vmAttrs",
-        "body": ["${1|this,vm|}.\\$attrs$2"],
-        "description": "Type: { [key: string]: string }. Read only."
-    },
-    "vm.$listeners": {
-        "prefix": "vmListeners",
-        "body": ["${1|this,vm|}.\\$listeners$2"],
-        "description": "Type: { [key: string]: Function | Array<Function> }. Read only."
-    },
-    "vm.$watch": {
-        "prefix": "vmWatch",
-        "body": [
-            "${1|this,vm|}.\\$watch(${2:expOrFn}, ${3:callback}${4:, [options]})"
-        ],
-        "description": "vm.$watch( expOrFn, callback, [options] )\n Arguments:\n {string | Function} expOrFn\n {Function | Object} callback\n {Object} [options]\n {boolean} [options.deep]\n\t {boolean} [options.immediate]"
-    },
-    "vm.$set": {
-        "prefix": "vmSet",
-        "body": ["${1|this,vm|}.\\$set(${2:target}, ${3:key}, ${4:value})"],
-        "description": "vm.$set( target, key, value ). This is the alias of the global Vue.set."
-    },
-    "vm.$delete": {
-        "prefix": "vmDelete",
-        "body": [
-            "${1|this,vm|}.\\$delete(${2:target}, ${3:key}). This is the alias of the global Vue.delete."
-        ],
-        "description": "vm.$delete( target, key )"
-    },
-    "vm.$on": {
-        "prefix": "vmOn",
-        "body": ["${1|this,vm|}.\\$on('${2:event}', ${3:callback})$4"],
-        "description": "vm.$on( event, callback )"
-    },
-    "vm.$once": {
-        "prefix": "vmOnce",
-        "body": ["${1|this,vm|}.\\$once('${2:event}', ${3:callback})$4"],
-        "description": "vm.$once( event, callback )"
-    },
-    "vm.$off": {
-        "prefix": "vmOff",
-        "body": ["${1|this,vm|}.\\$off('${2:event}', ${3:callback})$4"],
-        "description": "vm.$off( [event, callback] )"
-    },
-    "vm.$emit": {
-        "prefix": "vmEmit",
-        "body": ["${1|this,vm|}.\\$emit('${2:event}'${3:, […args]})$4"],
-        "description": "vm.$emit( event, […args] )"
-    },
-    "vm.$mount": {
-        "prefix": "vmMount",
-        "body": ["${1|this,vm|}.\\$mount('$2')"],
-        "description": "vm.$mount( [elementOrSelector] )"
-    },
-    "vm.$forceUpdate": {
-        "prefix": "vmForceUpdate",
-        "body": ["${1|this,vm|}.\\$forceUpdate()"],
-        "description": "vm.$forceUpdate()"
-    },
-    "vm.$nextTick": {
-        "prefix": "vmNextTick",
-        "body": ["${1|this,vm|}.\\$nextTick(${2:callback})"],
-        "description": "vm.$nextTick( callback )"
-    },
-    "vm.$destroy": {
-        "prefix": "vmDestroy",
-        "body": ["${1|this,vm|}.\\$destroy()$2"],
-        "description": "vm.$destroy()"
-    },
-    "renderer": {
-        "prefix": "renderer",
-        "body": [
-            "const ${1:renderer} = require('vue-server-renderer').createRenderer()$0"
-        ],
-        "description": "require('vue-server-renderer').createRenderer()"
-    },
-    "createRenderer": {
-        "prefix": "createRenderer",
-        "body": ["createRenderer({", "\t$1", "})"],
-        "description": "createRenderer({ })"
-    },
-    "renderToString": {
-        "prefix": "renderToString",
-        "body": ["renderToString"],
-        "description": "just a word"
-    },
-    "renderToStream": {
-        "prefix": "renderToStream",
-        "body": ["renderToStream"],
-        "description": "just a word"
-    },
-    "createBundleRenderer": {
-        "prefix": "createBundleRenderer",
-        "body": ["createBundleRenderer"],
-        "description": "just a word"
-    },
-    "bundleRenderer.renderToString": {
-        "prefix": "bundleRendererRenderToString",
-        "body": ["bundleRenderer.renderToString"],
-        "description": "just a word"
-    },
-    "bundleRenderer.renderToStream": {
-        "prefix": "bundleRendererRenderToStream",
-        "body": ["bundleRenderer.renderToStream"],
-        "description": "just a word"
-    },
-    "preventDefault": {
-        "prefix": "preventDefault",
-        "body": ["preventDefault();", "$1"],
-        "description": "preventDefault()"
-    },
-    "stopPropagation": {
-        "prefix": "stopPropagation",
-        "body": ["stopPropagation();", "$1"],
-        "description": "stopPropagation()"
-    },
-    "importVueRouter": {
-        "prefix": "importVueRouter",
-        "body": ["import VueRouter from 'vue-router'"],
-        "description": "import VueRouter from 'vue-router'"
-    },
-    "importuseRouter-composition": {
-        "prefix": "importuseRouter",
-        "body": ["import useRouter from 'vue-router'"],
-        "description": "import useRouter from 'vue-router'"
-    },
-    "newVueRouter": {
-        "prefix": "newVueRouter",
-        "body": ["const ${1:router} = new VueRouter({", "\t$2", "})$0"],
-        "description": "const router = newVueRouter({ })"
-    },
-    "useRouter-composition": {
-        "prefix": "useRouter",
-        "body": ["const ${1:router} = useRouter()"],
-        "description": "const router = useRouter()"
-    },
-    "useRoute-composition": {
-        "prefix": "useRoute",
-        "body": ["const ${1:route} = useRoute()"],
-        "description": "const route = useRoute()"
-    },
-    "routerBeforeEach": {
-        "prefix": "routerBeforeEach",
-        "body": [
-            "${1:router}.beforeEach((to, from, next) => {",
-            "\t${2:// to and from are both route objects. must call `next`.}",
-            "})$0"
-        ],
-        "description": "router.beforeEach"
-    },
-    "routerBeforeResolve": {
-        "prefix": "routerBeforeResolve",
-        "body": [
-            "${1:router}.beforeResolve((to, from, next) => {",
-            "\t${2:// to and from are both route objects. must call `next`.}",
-            "})$0"
-        ],
-        "description": "router.beforeResolve"
-    },
-    "routerAfterEach": {
-        "prefix": "routerAfterEach",
-        "body": [
-            "${1:router}.afterEach((to, from) => {",
-            "\t${2:// to and from are both route objects.}",
-            "})$0"
-        ],
-        "description": "router.afterEach"
-    },
-    "routerPush": {
-        "prefix": "routerPush",
-        "body": ["${1:router}.push($2)$0"],
-        "description": "router.push()"
-    },
-    "routerReplace": {
-        "prefix": "routerReplace",
-        "body": ["${1:router}.replace($2)$0"],
-        "description": "router.replace()"
-    },
-    "routerGo": {
-        "prefix": "routerGo",
-        "body": ["${1:router}.go($2)$0"],
-        "description": "router.go()"
-    },
-    "routerBack": {
-        "prefix": "routerBack",
-        "body": ["${1:router}.back($2)$0"],
-        "description": "router.back()"
-    },
-    "routerForward": {
-        "prefix": "routerForward",
-        "body": ["${1:router}.forward($2)$0"],
-        "description": "router.forward()"
-    },
-    "routerGetMatchedComponents": {
-        "prefix": "routerGetMatchedComponents",
-        "body": ["${1:router}.getMatchedComponents($2)$0"],
-        "description": "router.getMatchedComponents()"
-    },
-    "routerResolve": {
-        "prefix": "routerResolve",
-        "body": ["${1:router}.resolve($2)$0"],
-        "description": "router.resolve()"
-    },
-    "routerAddRoutes": {
-        "prefix": "routerAddRoutes",
-        "body": ["${1:router}.addRoutes($2)$0"],
-        "description": "router.addRoutes()"
-    },
-    "routerOnReady": {
-        "prefix": "routerOnReady",
-        "body": ["${1:router}.onReady($2)$0"],
-        "description": "router.onReady()"
-    },
-    "routerOnError": {
-        "prefix": "routerOnError",
-        "body": ["${1:router}.onError($2)$0"],
-        "description": "router.onError()"
-    },
-    "routes": {
-        "prefix": "routes",
-        "body": ["routes: [$1]$0"],
-        "description": "routes: []"
-    },
-    "beforeEnter": {
-        "prefix": "beforeEnter",
-        "body": ["beforeEnter: (to, from, next) => {", "\t${1:// ...}", "}"],
-        "description": "beforeEnter: (to, from, next) => { }"
-    },
-    "beforeRouteEnter": {
-        "prefix": "beforeRouteEnter",
-        "body": ["beforeRouteEnter (to, from, next) {", "\t${1:// ...}", "}"],
-        "description": "beforeRouteEnter (to, from, next) { }"
-    },
-    "beforeRouteLeave": {
-        "prefix": "beforeRouteLeave",
-        "body": ["beforeRouteLeave (to, from, next) {", "\t${1:// ...}", "}"],
-        "description": "beforeRouteLeave (to, from, next) { }"
-    },
-    "scrollBehavior": {
-        "prefix": "scrollBehavior",
-        "body": [
-            "scrollBehavior (to, from, savedPosition) {",
-            "\t${1:// ...}",
-            "}"
-        ],
-        "description": "scrollBehavior (to, from, savedPosition) { }"
-    },
-    "path": {
-        "prefix": "path",
-        "body": ["path"],
-        "description": "just a word"
-    },
-    "alias": {
-        "prefix": "alias",
-        "body": ["alias"],
-        "description": "just a word"
-    },
-    "mode": {
-        "prefix": "mode",
-        "body": ["mode"],
-        "description": "just a word"
-    },
-    "children": {
-        "prefix": "children",
-        "body": ["children"],
-        "description": "just a word"
-    },
-    "meta": {
-        "prefix": "meta",
-        "body": ["meta"],
-        "description": "just a word"
-    },
-    "newVuexStore": {
-        "prefix": "newVuexStore",
-        "body": ["const ${1:store} = new Vuex.Store({", "\t${2:// ...}", "})"],
-        "description": "const store = new Vuex.Store({ })"
-    },
-    "state": {
-        "prefix": "state",
-        "body": ["state"],
-        "description": "just a word"
-    },
-    "getters": {
-        "prefix": "getters",
-        "body": ["getters"],
-        "description": "just a word"
-    },
-    "mutations": {
-        "prefix": "mutations",
-        "body": ["mutations"],
-        "description": "just a word"
-    },
-    "actions": {
-        "prefix": "actions",
-        "body": ["actions"],
-        "description": "just a word"
-    },
-    "modules": {
-        "prefix": "modules",
-        "body": ["modules"],
-        "description": "just a word"
-    },
-    "plugins": {
-        "prefix": "plugins",
-        "body": ["plugins"],
-        "description": "just a word"
-    },
-    "commit": {
-        "prefix": "commit",
-        "body": ["commit"],
-        "description": "just a word"
-    },
-    "dispatch": {
-        "prefix": "dispatch",
-        "body": ["dispatch"],
-        "description": "just a word"
-    },
-    "replaceState": {
-        "prefix": "replaceState",
-        "body": ["replaceState"],
-        "description": "just a word"
-    },
-    "subscribe": {
-        "prefix": "subscribe",
-        "body": ["subscribe"],
-        "description": "just a word"
-    },
-    "registerModule": {
-        "prefix": "registerModule",
-        "body": ["registerModule"],
-        "description": "just a word"
-    },
-    "unregisterModule": {
-        "prefix": "unregisterModule",
-        "body": ["unregisterModule"],
-        "description": "just a word"
-    },
-    "hotUpdate": {
-        "prefix": "hotUpdate",
-        "body": ["hotUpdate"],
-        "description": "just a word"
-    },
-    "mapState": {
-        "prefix": "mapState",
-        "body": ["mapState"],
-        "description": "just a word"
-    },
-    "mapGetters": {
-        "prefix": "mapGetters",
-        "body": ["mapGetters"],
-        "description": "just a word"
-    },
-    "mapActions": {
-        "prefix": "mapActions",
-        "body": ["mapActions"],
-        "description": "just a word"
-    },
-    "mapMutations": {
-        "prefix": "mapMutations",
-        "body": ["mapMutations"],
-        "description": "just a word"
-    },
-    "asyncData": {
-        "prefix": "asyncData",
-        "body": [
-            "asyncData({${1:isDev}${2:, route}${3:, store}${4:, env}${5:, params}${6:, query}${7:, req}${8:, res}${9:, redirect}${10:, error}}) {",
-            "\t$11",
-            "},"
-        ],
-        "description": "Type: Function."
-    },
-    "click": {
-        "prefix": "click",
-        "body": ["click"],
-        "description": "just a word"
-    },
-    "submit": {
-        "prefix": "submit",
-        "body": ["submit"],
-        "description": "just a word"
-    },
-    "mouse": {
-        "prefix": "mouse",
-        "body": ["mouse"],
-        "description": "just a word"
-    },
-    "scroll": {
-        "prefix": "scroll",
-        "body": ["scroll"],
-        "description": "just a word"
-    },
-    "keyup": {
-        "prefix": "keyup",
-        "body": ["keyup"],
-        "description": "just a word"
-    },
-    "enter": {
-        "prefix": "enter",
-        "body": ["enter"],
-        "description": "just a word"
-    },
-    "page-down": {
-        "prefix": "page-down",
-        "body": ["page-down"],
-        "description": "just a word"
-    },
-    "stop": {
-        "prefix": "stop",
-        "body": ["stop"],
-        "description": "just a word"
-    },
-    "prevent": {
-        "prefix": "prevent",
-        "body": ["prevent"],
-        "description": "just a word"
-    },
-    "self": {
-        "prefix": "self",
-        "body": ["self"],
-        "description": "just a word"
-    },
-    "capture": {
-        "prefix": "capture",
-        "body": ["capture"],
-        "description": "just a word"
-    },
-    "once": {
-        "prefix": "once",
-        "body": ["once"],
-        "description": "just a word"
-    },
-    "passive": {
-        "prefix": "passive",
-        "body": ["passive"],
-        "description": "just a word"
-    },
-    "onRenderTriggered-composition": {
-        "prefix": "onRenderTriggered",
-        "body": ["onRenderTriggered(() => {$0})"],
-        "description": "Vue onRenderTriggered lifecycle hook"
-    },
-    "onErrorCaptured-composition": {
-        "prefix": "onErrorCaptured",
-        "body": ["onErrorCaptured(() => {$0})"],
-        "description": "Vue oneErrorCaptured lifecycle hook"
-    },
-    "onRenderTracked-composition": {
-        "prefix": "onRenderTracked",
-        "body": ["onRenderTracked(() => {$0})"],
-        "description": "Vue onRenderTracked lifecycle hook"
-    },
-    "onServerPrefetch-compositionSSR": {
-        "prefix": "onServerPrefetch",
-        "body": ["onServerPrefetch(() => {$0})"],
-        "description": "Vue onServerPrefetch lifecycle hook SSR Only"
-    }
-}
diff --git a/snippets/frameworks/vue/nuxt-html.json b/snippets/frameworks/vue/nuxt-html.json
new file mode 100644
index 00000000..ea0f8745
--- /dev/null
+++ b/snippets/frameworks/vue/nuxt-html.json
@@ -0,0 +1,56 @@
+{
+  "Nuxt Welcome": {
+    "prefix": "NuxtWelcome",
+    "body": [
+      "<NuxtWelcome />"
+    ],
+    "description": "The <NuxtWelcome> component greets users in new projects made from the starter template. It includes links to the Nuxt documentation, source code, and social media accounts."
+  },
+  "Nuxt Page": {
+    "prefix": "NuxtPage",
+    "body": [
+      "<NuxtPage />"
+    ],
+    "description": "<NuxtPage> is a built-in component that comes with Nuxt. NuxtPage is required to display top-level or nested pages located in the pages/ directory."
+  },
+  "Nuxt Link": {
+    "prefix": "NuxtLink",
+    "body": [
+      "<NuxtLink :to=\"$1\" class=\"$2\" active-class=\"$3\">$0</NuxtLink>"
+    ],
+    "description": "Nuxt provides <NuxtLink> component to handle any kind of links within your application."
+  },
+  "Nuxt Layout": {
+    "prefix": "NuxtLayout",
+    "body": [
+      "<NuxtLayout>",
+      "  $1",
+      "</NuxtLayout>",
+      "$0"
+    ],
+    "description": "<NuxtLayout /> can be used to override default layout on app.vue, error.vue or even page components found in the /pages directory."
+  },
+  "Nuxt Error Boundary": {
+    "prefix": "NuxtErrorBoundary",
+    "body": [
+      "<NuxtErrorBoundary>",
+      "</NuxtErrorBoundary>"
+    ],
+    "description": "The <NuxtErrorBoundary> component handles client-side errors happening in its default slot, using Vue's onErrorCaptured hook."
+  },
+  "Nuxt Loading Indicator": {
+    "prefix": "NuxtLoadingIndicator",
+    "body": [
+      "<NuxtLoadingIndicator />"
+    ],
+    "description": "The <NuxtLoadingIndicator> component displays a progress bar on page navigation."
+  },
+  "Client Only": {
+    "prefix": "ClientOnly",
+    "body": [
+      "<ClientOnly>",
+      "</ClientOnly>"
+    ],
+    "description": "The <ClientOnly> component renders its slot only in client-side. To import a component only on the client, register the component in a client-side only plugin."
+  }
+}
diff --git a/snippets/frameworks/vue/nuxt-script.json b/snippets/frameworks/vue/nuxt-script.json
new file mode 100644
index 00000000..91c01e21
--- /dev/null
+++ b/snippets/frameworks/vue/nuxt-script.json
@@ -0,0 +1,180 @@
+{
+  "useAppConfig": {
+    "prefix": "useAppConfig",
+    "body": [
+      "const ${1:appConfig} = useAppConfig()",
+      "\t$0"
+    ],
+    "description": "Access the reactive app config defined in the project."
+  },
+  "useHead": {
+    "prefix": "useHead",
+    "body": [
+      "useHead({",
+      "\t$0",
+      "})"
+    ],
+    "description": "The useHead composable function allows you to manage your head tags in a programmatic and reactive way, powered by Unhead. If the data comes from a user or other untrusted source, we recommend you check out useHeadSafe"
+  },
+  "useError": {
+    "prefix": "useError",
+    "body": [
+      "const ${1:error} = useError()",
+      "\t$0"
+    ],
+    "description": "useError composable returns the global Nuxt error that is being handled and it is available on both client and server."
+  },
+  "useFetch": {
+    "prefix": "useFetch",
+    "body": [
+      "const {${1:data},${2:pending},${3:error},${4:refresh}} = await useFetch('$5', {",
+      "$0",
+      "})"
+    ],
+    "description": "This composable provides a convenient wrapper around useAsyncData and $fetch. It automatically generates a key based on URL and fetch options, provides type hints for request url based on server routes, and infers API response type."
+  },
+  "$fetch": {
+    "prefix": "$fetch",
+    "body": [
+      "const ${1:name} = await $fetch('$0')"
+    ],
+    "description": "Nuxt uses ofetch to expose globally the $fetch helper for making HTTP requests."
+  },
+  "$fetch with method": {
+    "prefix": "$fetchMethod",
+    "body": [
+      "const ${1:name} = await $fetch('$2', {",
+      "\tmethod: '${3|POST, GET|}',",
+      "\tbody: { $4 }",
+      "})",
+      "$0"
+    ],
+    "description": "Nuxt uses ofetch to expose globally the $fetch helper for making HTTP requests."
+  },
+  "useNuxtApp": {
+    "prefix": "useAppConfig",
+    "body": [
+      "const ${1:nuxtApp} = useNuxtApp()",
+      "\t$0"
+    ],
+    "description": "useNuxtApp is a built-in composable that provides a way to access shared runtime context of Nuxt, which is available on both client and server side. It helps you access the Vue app instance, runtime hooks, runtime config variables and internal states, such as ssrContext and payload."
+  },
+  "useRoute": {
+    "prefix": "useRoute",
+    "body": [
+      "const ${1:route} = useRoute()",
+      "\t$0"
+    ],
+    "description": "The useRoute composable returns the current route and must be called in a setup function, plugin, or route middleware."
+  },
+  "useRouter": {
+    "prefix": "useRouter",
+    "body": [
+      "const ${1:router} = useRouter()",
+      "\t$0"
+    ],
+    "description": "The useRouter composable returns the router instance and must be called in a setup function, plugin, or route middleware. Within the template of a Vue component, you can access the router using $router instead. If you have a pages/ folder, useRouter is identical in behavior to the one provided by vue-router. Feel free to read the router documentation for more information on what each method does."
+  },
+  "useState": {
+    "prefix": "useState",
+    "body": [
+      "const ${1:route} = useRoute()",
+      "\t$0"
+    ],
+    "description": "The useRoute composable returns the current route and must be called in a setup function, plugin, or route middleware."
+  },
+  "definePageMeta": {
+    "prefix": "definePageMeta",
+    "body": [
+      "definePageMeta({",
+      "$0",
+      "})"
+    ],
+    "description": "definePageMeta is a compiler macro that you can use to set metadata for your page components located in the pages/ directory (unless set otherwise). This way you can set custom metadata for each static or dynamic route of your Nuxt application."
+  },
+  "navigateTo": {
+    "prefix": "navigateTo",
+    "body": [
+      "navigateTo($0)"
+    ],
+    "description": "navigateTo is a router helper function that allows programmatically navigating users through your Nuxt application."
+  },
+  "Anonymouse Route Middleware": {
+    "prefix": "addRouteMiddlewareAnonym",
+    "body": [
+      "addRouteMiddleware((to, from) => {",
+      "\tif(to.path === '$1') {",
+      "\t\treturn false",
+      "\t})"
+    ],
+    "description": "Anonymous route middleware does not have a name. It takes a function as the first argument, making the second middleware argument redundant"
+  },
+  "Named Route Middleware": {
+    "prefix": "addRouteMiddlewareNamed",
+    "body": [
+      "addRouteMiddleware('${1:named-middleware}', () => {",
+      "\t$0",
+      "\t})"
+    ],
+    "description": "Named route middleware takes a string as the first argument and a function as the second. When defined in a plugin, it overrides any existing middleware of the same name located in the middleware/ directory"
+  },
+  "Global Route Middleware": {
+    "prefix": "addRouteMiddlewareGlobal",
+    "body": [
+      "addRouteMiddleware('${1:global-middleware}', (to, from) => {",
+      "\t$0",
+      "},",
+      "\t{global: true}",
+      ")"
+    ],
+    "description": "Set an optional, third argument { global: true } to indicate whether the route middleware is global"
+  },
+  "Config Highlight Nuxt Content with Shiki": {
+    "prefix": "highlightNuxtContent",
+    "body": [
+      "highlight: {",
+      "\ttheme: {",
+      "\t\tdefault: '${1|catppuccin-latte,github-light,github-light-default,light-plus,material-theme,lighter,min-light,rose-pine-dawn,slack-ochin,solarized-light,vitesse-light|}'",
+      "\t\tdark: '${2|andromeeda,aurora-x,ayu-dark,catppuccin-frappe,catppuccin-macchiato,catppuccin-mocha,dark-plus,dracula,dracula-soft,github-dark,github-dark-default,github-dark-dimmed,material-theme,material-theme-darker,material-theme-ocean,material-theme-palenight,min-dark,monokai,night-owl,nord,one-dark-pro,poimandres,red,rose-pine,rose-pine-moon,slack-dark,solarized-dark,synthwave-84,tokyo-night,vesper,vitesse-black,vitesse-dark|}'",
+      "\t},",
+      "\tlangs: [",
+      "\t\t'$3'",
+      "\t],",
+      "},",
+      "$0"
+    ],
+    "description": "Config highlight Nuxt content with Shiki"
+  },
+  "Link Stylesheets from useHead": {
+    "prefix": "linkStylesheet",
+    "body": [
+      "link: [{ rel: 'stylesheet', href: '$1' }]",
+      "$0"
+    ],
+    "description": " link stylesheets from useHead"
+  },
+  "useSeoMeta": {
+    "prefix": "useSeoMeta",
+    "body": [
+      "useSeoMeta({",
+      "\ttitle: '$1'",
+      "\togTitle: '$2'",
+      "\tdescription: '$3'",
+      "\togDescription: '$4'",
+      "\togImage: '$5'",
+      "\ttwitterCard: '$6'",
+      "})",
+      "$0"
+    ],
+    "description": "The useSeoMeta composable lets you define your site's SEO meta tags as a flat object with full TypeScript support.",
+    "markdownDescription":"(full list of parameters in the source code)[https://github.com/harlan-zw/zhead/blob/main/src/metaFlat.ts]"
+  },
+  "useRequestURL": {
+    "prefix": "useRequestURL",
+    "body": [
+      "const ${1:url} = useRequestURL()",
+      "$0"
+    ],
+    "description": "useRequestURL is a helper function that returns an URL object working on both server-side and client-side."
+  }
+}
diff --git a/snippets/frameworks/vue/nuxt_html.json b/snippets/frameworks/vue/nuxt_html.json
deleted file mode 100644
index ec4622ea..00000000
--- a/snippets/frameworks/vue/nuxt_html.json
+++ /dev/null
@@ -1,37 +0,0 @@
-{
-    "NuxtWelcome": {
-        "prefix": "NuxtWelcome",
-        "body": ["<NuxtWelcome />"],
-        "description": "The <NuxtWelcome> component greets users in new projects made from the starter template. It includes links to the Nuxt documentation, source code, and social media accounts."
-    },
-    "NuxtPage": {
-        "prefix": "NuxtPage",
-        "body": ["<NuxtPage />"],
-        "description": "<NuxtPage> is a built-in component that comes with Nuxt. NuxtPage is required to display top-level or nested pages located in the pages/ directory."
-    },
-    "NuxtLink": {
-        "prefix": "NuxtLink",
-        "body": ["<NuxtLink to=\"$1\">$0</NuxtLink>"],
-        "description": "Nuxt provides <NuxtLink> component to handle any kind of links within your application."
-    },
-    "NuxtLayout": {
-        "prefix": "NuxtLayout",
-        "body": ["<NuxtLayout>", "</NuxtLayout>"],
-        "description": "<NuxtLayout /> can be used to override default layout on app.vue, error.vue or even page components found in the /pages directory."
-    },
-    "NuxtErrorBoundary": {
-        "prefix": "NuxtErrorBoundary",
-        "body": ["<NuxtErrorBoundary>", "</NuxtErrorBoundary>"],
-        "description": "The <NuxtErrorBoundary> component handles client-side errors happening in its default slot, using Vue's onErrorCaptured hook."
-    },
-    "NuxtLoadingIndicator": {
-        "prefix": "NuxtLoadingIndicator",
-        "body": ["<NuxtLoadingIndicator />"],
-        "description": "The <NuxtLoadingIndicator> component displays a progress bar on page navigation."
-    },
-    "ClientOnly": {
-        "prefix": "ClientOnly",
-        "body": ["<ClientOnly>", "</ClientOnly>"],
-        "description": "The <ClientOnly> component renders its slot only in client-side. To import a component only on the client, register the component in a client-side only plugin."
-    }
-}
diff --git a/snippets/frameworks/vue/nuxt_js_ts.json b/snippets/frameworks/vue/nuxt_js_ts.json
deleted file mode 100644
index d1a2c200..00000000
--- a/snippets/frameworks/vue/nuxt_js_ts.json
+++ /dev/null
@@ -1,87 +0,0 @@
-{
-    "useAppConfig": {
-        "prefix": "useAppConfig",
-        "body": ["const ${1:appConfig} = useAppConfig()", "\t$0"],
-        "description": "Access the reactive app config defined in the project."
-    },
-    "useHead": {
-        "prefix": "useHead",
-        "body": ["useHead({", "\t$0", "})"],
-        "description": "The useHead composable function allows you to manage your head tags in a programmatic and reactive way, powered by Unhead. If the data comes from a user or other untrusted source, we recommend you check out useHeadSafe"
-    },
-    "useError": {
-        "prefix": "useError",
-        "body": ["const ${1:error} = useError()", "\t$0"],
-        "description": "useError composable returns the global Nuxt error that is being handled and it is available on both client and server."
-    },
-    "useFetch": {
-        "prefix": "useFetch",
-        "body": [
-            "const {${1:data},${2:pending},${3:error},${4:refresh}} = await useFetch('$5', {",
-            "$0",
-            "})"
-        ],
-        "description": "This composable provides a convenient wrapper around useAsyncData and $fetch. It automatically generates a key based on URL and fetch options, provides type hints for request url based on server routes, and infers API response type."
-    },
-    "useNuxtApp": {
-        "prefix": "useAppConfig",
-        "body": ["const ${1:nuxtApp} = useNuxtApp()", "\t$0"],
-        "description": "useNuxtApp is a built-in composable that provides a way to access shared runtime context of Nuxt, which is available on both client and server side. It helps you access the Vue app instance, runtime hooks, runtime config variables and internal states, such as ssrContext and payload."
-    },
-    "useRoute": {
-        "prefix": "useRoute",
-        "body": ["const ${1:route} = useRoute()", "\t$0"],
-        "description": "The useRoute composable returns the current route and must be called in a setup function, plugin, or route middleware."
-    },
-    "useRouter": {
-        "prefix": "useRouter",
-        "body": ["const ${1:router} = useRouter()", "\t$0"],
-        "description": "The useRouter composable returns the router instance and must be called in a setup function, plugin, or route middleware. Within the template of a Vue component, you can access the router using $router instead. If you have a pages/ folder, useRouter is identical in behavior to the one provided by vue-router. Feel free to read the router documentation for more information on what each method does."
-    },
-    "useState": {
-        "prefix": "useState",
-        "body": ["const ${1:route} = useRoute()", "\t$0"],
-        "description": "The useRoute composable returns the current route and must be called in a setup function, plugin, or route middleware."
-    },
-    "definePageMeta": {
-        "prefix": "definePageMeta",
-        "body": ["definePageMeta({", "$0", "})"],
-        "description": "definePageMeta is a compiler macro that you can use to set metadata for your page components located in the pages/ directory (unless set otherwise). This way you can set custom metadata for each static or dynamic route of your Nuxt application."
-    },
-    "navigateTo": {
-        "prefix": "navigateTo",
-        "body": ["navigateTo($0)"],
-        "description": "navigateTo is a router helper function that allows programmatically navigating users through your Nuxt application."
-    },
-    "Anonymouse Route Middleware": {
-        "prefix": "addRouteMiddlewareAnonym",
-        "body": [
-            "addRouteMiddleware((to, from) => {",
-            "\tif(to.path === '$1') {",
-            "\t\treturn false",
-            "\t})"
-        ],
-        "description": "Anonymous route middleware does not have a name. It takes a function as the first argument, making the second middleware argument redundant"
-    },
-    "Named Route Middleware": {
-        "prefix": "addRouteMiddlewareNamed",
-        "body": [
-            "addRouteMiddleware('${1:named-middleware}', () => {",
-            "\t$0",
-            "\t})"
-        ],
-        "description": "Named route middleware takes a string as the first argument and a function as the second. When defined in a plugin, it overrides any existing middleware of the same name located in the middleware/ directory"
-    },
-
-    "Global Route Middleware": {
-        "prefix": "addRouteMiddlewareGlobal",
-        "body": [
-            "addRouteMiddleware('${1:global-middleware}', (to, from) => {",
-            "\t$0",
-            "},",
-            "\t{global: true}",
-            ")"
-        ],
-        "description": "Set an optional, third argument { global: true } to indicate whether the route middleware is global"
-    }
-}
diff --git a/snippets/frameworks/vue/script.json b/snippets/frameworks/vue/script.json
new file mode 100644
index 00000000..917a4a71
--- /dev/null
+++ b/snippets/frameworks/vue/script.json
@@ -0,0 +1,1370 @@
+{
+  "Import": {
+    "prefix": "import",
+    "body": [
+      "import $1 from '$2'"
+    ],
+    "description": "import ... from ..."
+  },
+  "Import Type": {
+    "prefix": "importType",
+    "body": [
+      "import type {$1} from '$2'"
+    ],
+    "description": "import type ... from ..."
+  },
+  "nextTick": {
+    "prefix": "nextTick",
+    "body": [
+      "nextTick()"
+    ],
+    "description": "A utility for waiting for the next DOM update flush."
+  },
+  "defineProps": {
+    "prefix": "defineProps",
+    "body": [
+      "const props = defineProps({",
+      "\t$0",
+      "});"
+    ],
+    "description": "A list/hash of attributes that are exposed to accept data from the parent component. "
+  },
+  "defineProps Typescript": {
+    "prefix": "definePropsTS",
+    "body": [
+      "const props = defineProps<{",
+      "\t$0",
+      "}>()"
+    ],
+    "description": "A list/hash of attributes that are exposed to accept data from the parent component. "
+  },
+  "defineEmits": {
+    "prefix": "defineEmits",
+    "body": [
+      "const ${1:emit} = defineEmits([ $0 ]);"
+    ],
+    "description": "A list of events that componetnt can emits to the parent component. "
+  },
+  "defineEmits Typescript": {
+    "prefix": "defineEmitsTS",
+    "body": [
+      "const ${1:emit} = defineEmits<{",
+      "\t(e: '${2:event}', ${3:id}: ${4:type}: ${5:type}) ",
+      "\t$0",
+      "}>()"
+    ],
+    "description": "A list of events that componetnt can emits to the parent component. "
+  },
+  "defineEmits Typescript with Tuple": {
+    "prefix": "defineEmitsTStuple",
+    "body": [
+      "const ${1:emit} = defineEmits<{",
+      "\t${2:event}: [${3:id}: ${4:type}]",
+      "\t$0",
+      "}>()"
+    ],
+    "description": "(3.3+: alternative, more succinct syntax) a list of events that componetnt can emits to the parent component. "
+  },
+  "defineComponent": {
+    "prefix": "defineComponent",
+    "body": [
+      "const $1 = defineComponent({",
+      "\t$0",
+      "})"
+    ],
+    "description": "create a component vue component"
+  },
+  "defineAsyncComponent": {
+    "prefix": "defineAsyncComponent",
+    "body": [
+      "const $1 = defineAsyncComponent(() =>",
+      "\timport('$0')",
+      ");"
+    ],
+    "description": "create a async vue component"
+  },
+  "defineCustomElement": {
+    "prefix": "defineCustomElement",
+    "body": [
+      "const $1 = defineCustomElement({",
+      "\t$0",
+      "})"
+    ],
+    "description": "create a custom element vue"
+  },
+  "Data Option API": {
+    "prefix": "data",
+    "body": [
+      "data() {",
+      "\treturn {",
+      "\t\t$1",
+      "\t}",
+      "},$0"
+    ],
+    "description": "The data object for the Vue instance."
+  },
+  "Computed Option API": {
+    "prefix": "computed",
+    "body": [
+      "computed: {",
+      "\t$1",
+      "},$0"
+    ],
+    "description": "Computed properties to be mixed into the Vue instance. "
+  },
+  "Computed Composition API": {
+    "prefix": "computedVue",
+    "body": [
+      "const $1 = computed(() => {",
+      "\t$0",
+      "});"
+    ],
+    "description": "Computed properties to be mixed into the Vue instance. "
+  },
+  "Computed with Typescript": {
+    "prefix": "computedVueTS",
+    "body": [
+      "const $1 = computed<${2:type}>(() => {",
+      "\t$0",
+      "});"
+    ],
+    "description": "Computed properties to be mixed into the Vue instance. "
+  },
+  "Reactive": {
+    "prefix": "reactiveVue",
+    "body": [
+      "const $1 = reactive({",
+      "\t$0",
+      "})"
+    ],
+    "description": "Reactive properties to be mixed into the Vue instance. "
+  },
+  "Reactive with Typescript": {
+    "prefix": "reactiveVueTS",
+    "body": [
+      "interface $1 {",
+      "\t${2:property}: ${3:type}",
+      "}",
+      "",
+      "const $4:${5:type} = reactive({",
+      "\t$0",
+      "})"
+    ],
+    "description": "Reactive properties to be mixed into the Vue instance. "
+  },
+  "shallow-reactive-composition": {
+    "prefix": "shallowReactive",
+    "body": [
+      "const ${1:state} = shallowReactive({",
+      "\t$0",
+      "})"
+    ],
+    "description": "Shallow version of reactive(). Use with Caution !! Shallow data structures should only be used for root level state in a component. Avoid nesting it inside a deep reactive object as it creates a tree with inconsistent reactivity behavior which can be difficult to understand and debug."
+  },
+  "shallowReadonly": {
+    "prefix": "shallowReadonly",
+    "body": [
+      "const ${1:state} = shallowReadonly({",
+      "\t$0",
+      "})"
+    ],
+    "description": "Shallow version of readonly(). Use with Caution !! Shallow data structures should only be used for root level state in a component. Avoid nesting it inside a deep reactive object as it creates a tree with inconsistent reactivity behavior which can be difficult to understand and debug."
+  },
+  "toRaw": {
+    "prefix": "toRaw()",
+    "body": [
+      "toRaw($0)"
+    ],
+    "description": "Returns the raw, original object of a Vue-created proxy."
+  },
+  "effectScope": {
+    "prefix": "effectScope()",
+    "body": [
+      "const $1 = effectScope()",
+      "$0"
+    ],
+    "description": "Returns the current active effect scope if there is one."
+  },
+  "getCurrentScope": {
+    "prefix": "getCurrentScope",
+    "body": [
+      "const $1 = getCurrentScope()",
+      "$0"
+    ],
+    "description": "Returns the current active effect scope if there is one."
+  },
+  "onScopeDispose": {
+    "prefix": "onScopeDispose()",
+    "body": [
+      "const $1 = onScopeDispose()",
+      "$0"
+    ],
+    "description": "Registers a dispose callback on the current active effect scope. The callback will be invoked when the associated effect scope is stopped."
+  },
+  "Ref Vue": {
+    "prefix": "refVue",
+    "body": [
+      "const $1 = ref($2)",
+      "$0"
+    ],
+    "description": "Ref properties to be mixed into the Vue instance. "
+  },
+  "Ref with Typescript": {
+    "prefix": "refVueTS",
+    "body": [
+      "const $1 = ref<${2:type}>($3)",
+      "$0"
+    ],
+    "description": "Ref properties to be mixed into the Vue instance. "
+  },
+  "Template Ref with Typescript": {
+    "prefix": "trfVue",
+    "body": [
+      "const $0 = ref<HTMLInputElement | null>(null)"
+    ],
+    "description": "Template ref to be mixed into the Vue instance. "
+  },
+  "Component Ref with Typescript": {
+    "prefix": "crfVue",
+    "body": [
+      "const $1 = ref<InstanceType<typeof $0> | null>(null)"
+    ],
+    "description": "Template ref to be mixed into the Vue instance. "
+  },
+  "Methods with Options API": {
+    "prefix": "methods",
+    "body": [
+      "methods: {",
+      "\t$1",
+      "},$0"
+    ],
+    "description": "Methods to be mixed into the Vue instance."
+  },
+  "Arrow Function": {
+    "prefix": "functionVueArrow",
+    "body": [
+      "const $1 = ($2) => {",
+      " $0",
+      "};"
+    ],
+    "description": "Method composition properties to be mixed into the Vue instance. "
+  },
+  "Function": {
+    "prefix": "functionVue",
+    "body": [
+      "function ${1:name}($2) {",
+      " $0",
+      "}"
+    ],
+    "description": "Functions are one of the fundamental building blocks in JavaScript"
+  },
+  "Function with Typescript": {
+    "prefix": "functionVueTS",
+    "body": [
+      "function ${1:name}($2: ${3:type}): ${4:type} {",
+      " $0",
+      "}"
+    ],
+    "description": "TypeScript has a specific syntax for typing function parameters and return values."
+  },
+  "Type Typescript": {
+    "prefix": "typeTS",
+    "body": [
+      "type ${1:Name/capitalize} = {",
+      " $0",
+      "}"
+    ],
+    "description": "type alias typescript"
+  },
+  "Interface Typescript": {
+    "prefix": "interfaceTS",
+    "body": [
+      "interface ${1:name/capitalize} {",
+      " $0",
+      "}"
+    ],
+    "description": "interface from typescript"
+  },
+  "Interface Extended": {
+    "prefix": "interfaceExtendTS",
+    "body": [
+      "interface {1:name/capitalize} extends {2:name/capitalize} {",
+      " $0",
+      "}"
+    ],
+    "description": "Extending an interface from typescript"
+  },
+  "watch": {
+    "prefix": "watch",
+    "body": [
+      "watch($1, ($2, $3) => {",
+      " $0",
+      "});"
+    ],
+    "description": "Watch over a reactive source and call a function in reaction to state changes "
+  },
+  "watchEffect": {
+    "prefix": "watchEffect",
+    "body": [
+      "watchEffect($1, ($2, $3) => {",
+      " $0",
+      "});"
+    ],
+    "description": "watchEffect from vue composition "
+  },
+  "stoppingWatcher": {
+    "prefix": "stopWatcher",
+    "body": [
+      "setTimeout(() => {",
+      "\twatchEffect(() => {})",
+      "}, ${1:100})",
+      "$0"
+    ],
+    "description": "Stopping a Watcher vue"
+  },
+  "onBeforeMount": {
+    "prefix": "onBeforeMount",
+    "body": [
+      "onBeforeMount(() => {",
+      " $0",
+      "})"
+    ],
+    "description": "Vue before mount composition lifecycle hook"
+  },
+  "onMounted": {
+    "prefix": "onmounted",
+    "body": [
+      "onMounted(() => {",
+      " $0",
+      "})"
+    ],
+    "description": "Vue mounted lifecycle hook"
+  },
+  "onBeforeUnmount": {
+    "prefix": "onBeforeUnmount",
+    "body": [
+      "onBeforeUnmount(() => {",
+      " $0",
+      "})"
+    ],
+    "description": "Vue before unmount composition lifecycle hook"
+  },
+  "onUnmounted": {
+    "prefix": "onunmounted",
+    "body": [
+      "onUnmounted(() => {",
+      " $0",
+      "})"
+    ],
+    "description": "Vue unMounted lifecycle hook"
+  },
+  "beforeUpdate": {
+    "prefix": "beforeUpdate",
+    "body": [
+      "beforeUpdate() {",
+      "\t$1",
+      "},"
+    ],
+    "description": "Type: Function."
+  },
+  "updated": {
+    "prefix": "updated",
+    "body": [
+      "updated() {",
+      "\t$1",
+      "},"
+    ],
+    "description": "Type: Function."
+  },
+  "onBeforeUpdate": {
+    "prefix": "onBeforeUpdate",
+    "body": [
+      "onBeforeUpdate(() => {",
+      " $0",
+      "})"
+    ],
+    "description": "Vue before update composition lifecycle hook"
+  },
+  "onUpdated-composition": {
+    "prefix": "onupdated",
+    "body": [
+      "onUpdated(() => {",
+      " $0",
+      "})"
+    ],
+    "description": "Vue updated lifecycle hook"
+  },
+  "activated": {
+    "prefix": "activated",
+    "body": [
+      "activated() {",
+      "\t$0",
+      "},"
+    ],
+    "description": "Type: Function."
+  },
+  "deactivated": {
+    "prefix": "deactivated",
+    "body": [
+      "deactivated() {",
+      "\t$0",
+      "},"
+    ],
+    "description": "Type: Function."
+  },
+  "onActivated-composition": {
+    "prefix": "onActivated",
+    "body": [
+      "onActivated(() => {",
+      " $0",
+      "})"
+    ],
+    "description": "Vue activated composition lifecycle hook"
+  },
+  "onDeactivated-composition": {
+    "prefix": "onDeactivated",
+    "body": [
+      "onDeactivated(() => {",
+      " $0",
+      "})"
+    ],
+    "description": "Vue deactivated composition lifecycle hook"
+  },
+  "beforeDestroy": {
+    "prefix": "beforeDestroy",
+    "body": [
+      "beforeDestroy() {",
+      "\t$0",
+      "},"
+    ],
+    "description": "Type: Function."
+  },
+  "destroyed": {
+    "prefix": "destroyed",
+    "body": [
+      "destroyed() {",
+      "\t$0",
+      "},"
+    ],
+    "description": "Type: Function."
+  },
+  "errorCaptured": {
+    "prefix": "errorCaptured",
+    "body": [
+      "errorCaptured: (err, vm, info) => {",
+      "\t$0",
+      "},"
+    ],
+    "description": "Type: (err: Error, vm: Component, info: string) => ?boolean"
+  },
+  "createRenderer": {
+    "prefix": "createRenderer",
+    "body": [
+      "createRenderer({",
+      "\t$0",
+      "})"
+    ],
+    "description": "createRenderer({ })"
+  },
+  "importVueRouter": {
+    "prefix": "importVueRouter",
+    "body": [
+      "import VueRouter from 'vue-router'"
+    ],
+    "description": "import VueRouter from 'vue-router'"
+  },
+  "importuseRouter-composition": {
+    "prefix": "importuseRouter",
+    "body": [
+      "import useRouter from 'vue-router'"
+    ],
+    "description": "import useRouter from 'vue-router'"
+  },
+  "newVueRouter": {
+    "prefix": "newVueRouter",
+    "body": [
+      "const ${1:router} = new VueRouter({",
+      "\t$2",
+      "})$0"
+    ],
+    "description": "const router = newVueRouter({ })"
+  },
+  "useRouter-composition": {
+    "prefix": "useRouter",
+    "body": [
+      "const ${1:router} = useRouter()"
+    ],
+    "description": "const router = useRouter()"
+  },
+  "useRoute-composition": {
+    "prefix": "useRoute",
+    "body": [
+      "const ${1:route} = useRoute()",
+      "$0"
+    ],
+    "description": "const route = useRoute()"
+  },
+  "routerBeforeEach": {
+    "prefix": "routerBeforeEach",
+    "body": [
+      "${1:router}.beforeEach((to, from, next) => {",
+      "\t${2:// to and from are both route objects. must call `next`.}",
+      "})$0"
+    ],
+    "description": "router.beforeEach"
+  },
+  "routerBeforeResolve": {
+    "prefix": "routerBeforeResolve",
+    "body": [
+      "${1:router}.beforeResolve((to, from, next) => {",
+      "\t${2:// to and from are both route objects. must call `next`.}",
+      "})$0"
+    ],
+    "description": "router.beforeResolve"
+  },
+  "routerAfterEach": {
+    "prefix": "routerAfterEach",
+    "body": [
+      "${1:router}.afterEach((to, from) => {",
+      "\t${2:// to and from are both route objects.}",
+      "})$0"
+    ],
+    "description": "router.afterEach"
+  },
+  "routerPush": {
+    "prefix": "routerPush",
+    "body": [
+      "${1:router}.push($2)$0"
+    ],
+    "description": "router.push()"
+  },
+  "routerReplace": {
+    "prefix": "routerReplace",
+    "body": [
+      "${1:router}.replace($2)$0"
+    ],
+    "description": "router.replace()"
+  },
+  "routerGo": {
+    "prefix": "routerGo",
+    "body": [
+      "${1:router}.go($2)$0"
+    ],
+    "description": "router.go()"
+  },
+  "routerBack": {
+    "prefix": "routerBack",
+    "body": [
+      "${1:router}.back($2)$0"
+    ],
+    "description": "router.back()"
+  },
+  "routerForward": {
+    "prefix": "routerForward",
+    "body": [
+      "${1:router}.forward($2)$0"
+    ],
+    "description": "router.forward()"
+  },
+  "routerGetMatchedComponents": {
+    "prefix": "routerGetMatchedComponents",
+    "body": [
+      "${1:router}.getMatchedComponents($2)$0"
+    ],
+    "description": "router.getMatchedComponents()"
+  },
+  "routerResolve": {
+    "prefix": "routerResolve",
+    "body": [
+      "${1:router}.resolve($2)$0"
+    ],
+    "description": "router.resolve()"
+  },
+  "routerAddRoutes": {
+    "prefix": "routerAddRoutes",
+    "body": [
+      "${1:router}.addRoutes($2)$0"
+    ],
+    "description": "router.addRoutes()"
+  },
+  "routerOnReady": {
+    "prefix": "routerOnReady",
+    "body": [
+      "${1:router}.onReady($2)$0"
+    ],
+    "description": "router.onReady()"
+  },
+  "routerOnError": {
+    "prefix": "routerOnError",
+    "body": [
+      "${1:router}.onError($2)$0"
+    ],
+    "description": "router.onError()"
+  },
+  "routes": {
+    "prefix": "routes",
+    "body": [
+      "routes: [$1]$0"
+    ],
+    "description": "routes: []"
+  },
+  "beforeEnter": {
+    "prefix": "beforeEnter",
+    "body": [
+      "beforeEnter: (to, from, next) => {",
+      "\t${0:// ...}",
+      "}"
+    ],
+    "description": "beforeEnter: (to, from, next) => { }"
+  },
+  "beforeRouteEnter": {
+    "prefix": "beforeRouteEnter",
+    "body": [
+      "beforeRouteEnter (to, from, next) {",
+      "\t${0:// ...}",
+      "}"
+    ],
+    "description": "beforeRouteEnter (to, from, next) { }"
+  },
+  "beforeRouteLeave": {
+    "prefix": "beforeRouteLeave",
+    "body": [
+      "beforeRouteLeave (to, from, next) {",
+      "\t${0:// ...}",
+      "}"
+    ],
+    "description": "beforeRouteLeave (to, from, next) { }"
+  },
+  "scrollBehavior": {
+    "prefix": "scrollBehavior",
+    "body": [
+      "scrollBehavior (to, from, savedPosition) {",
+      "\t${1:// ...}",
+      "}"
+    ],
+    "description": "scrollBehavior (to, from, savedPosition) { }"
+  },
+  "onRenderTriggered-composition": {
+    "prefix": "onRenderTriggered",
+    "body": [
+      "onRenderTriggered(() => {",
+      " $0",
+      "})"
+    ],
+    "description": "Vue onRenderTriggered lifecycle hook"
+  },
+  "onErrorCaptured-composition": {
+    "prefix": "onErrorCaptured",
+    "body": [
+      "onErrorCaptured(() => {",
+      " $0",
+      "})"
+    ],
+    "description": "Vue oneErrorCaptured lifecycle hook"
+  },
+  "onRenderTracked-composition": {
+    "prefix": "onRenderTracked",
+    "body": [
+      "onRenderTracked(() => {",
+      " $0",
+      "})"
+    ],
+    "description": "Vue onRenderTracked lifecycle hook"
+  },
+  "onServerPrefetch-compositionSSR": {
+    "prefix": "onServerPrefetch",
+    "body": [
+      "onServerPrefetch(() => {",
+      " $0",
+      "})"
+    ],
+    "description": "Vue onServerPrefetch lifecycle hook SSR Only"
+  },
+  "Const Include Type": {
+    "prefix": "constType",
+    "body": [
+      "type ${1:Name/capitalize} = {",
+      " $2",
+      "}",
+      "",
+      "cont $3: ${4:Name/capitalize} = $0"
+    ],
+    "description": "const include type with typescript"
+  },
+  "Const Include Interface": {
+    "prefix": "constInterface",
+    "body": [
+      "interface ${1:Name/capitalize} {",
+      " $2",
+      "}",
+      "",
+      "cont $3: ${4:Name/capitalize} = $0"
+    ],
+    "description": "const include interface with typescript"
+  },
+  "Class Definition": {
+    "prefix": "class",
+    "body": [
+      "class ${1:name} {",
+      "\tconstructor(${2:parameters}) {",
+      "\t\t$0",
+      "\t}",
+      "}"
+    ],
+    "description": "Class Definition"
+  },
+  "Public Method Definition": {
+    "prefix": "public method",
+    "body": [
+      "/**",
+      " * ${1:name}",
+      " */",
+      "public ${1:name}() {",
+      "\t$0",
+      "}"
+    ],
+    "description": "Public Method Definition"
+  },
+  "Private Method Definition": {
+    "prefix": "private method",
+    "body": [
+      "private ${1:name}() {",
+      "\t$0",
+      "}"
+    ],
+    "description": "Private Method Definition"
+  },
+  "Import external module.": {
+    "prefix": "import statement",
+    "body": [
+      "import { $0 } from \"${1:module}\";"
+    ],
+    "description": "Import external module."
+  },
+  "Property getter": {
+    "prefix": "get",
+    "body": [
+      "",
+      "public get ${1:value}() : ${2:string} {",
+      "\t${3:return $0}",
+      "}",
+      ""
+    ],
+    "description": "Property getter"
+  },
+  "Console Log": {
+    "prefix": "clog",
+    "body": [
+      "console.log($1);",
+      "$0"
+    ],
+    "description": "Log to the console"
+  },
+  "console.log a variable": {
+    "prefix": "cvar",
+    "body": "console.log('${1}:', ${1})"
+  },
+  "console.error": {
+    "prefix": "cerror",
+    "body": "console.error(${0})"
+  },
+  "console.warn": {
+    "prefix": "cwarn",
+    "body": "console.warn(${0})"
+  },
+  "console.dir": {
+    "prefix": "cdir",
+    "body": "console.dir('${1}:', ${1})"
+  },
+  "addEventListener": {
+    "prefix": "ae",
+    "body": "${1:document}.addEventListener('${2:event}', ${3:ev} => {\n\t${0}\n})"
+  },
+  "removeEventListener": {
+    "prefix": "rel",
+    "body": "${1:document}.removeEventListener('${2:event}', ${3:listener})"
+  },
+  "getElementById": {
+    "prefix": "getElId",
+    "body": "${1:document}.getElementById('${2:id}')"
+  },
+  "getElementsByClassName": {
+    "prefix": "getElClass",
+    "body": "Array.from(${1:document}.getElementsByClassName('${2:class}'))"
+  },
+  "getElementsByTagName": {
+    "prefix": "getElTag",
+    "body": "Array.from(${1:document}.getElementsByTagName('${2:tag}'))"
+  },
+  "querySelector": {
+    "prefix": "qSelect",
+    "body": "${1:document}.querySelector('${2:selector}')"
+  },
+  "querySelectorAll": {
+    "prefix": "qSelectAll",
+    "body": "Array.from(${1:document}.querySelectorAll('${2:selector}'))"
+  },
+  "createDocumentFragment": {
+    "prefix": "createDocFrag",
+    "body": "${1:document}.createDocumentFragment(${2:elem})"
+  },
+  "createElement": {
+    "prefix": "cEl",
+    "body": "${1:document}.createElement(${2:elem})"
+  },
+  "classList.add": {
+    "prefix": "classListAdd",
+    "body": "${1:el}.classList.add('${2:class}')"
+  },
+  "classList.remove": {
+    "prefix": "classListRemove",
+    "body": "${1:el}.classList.remove('${2:class}')"
+  },
+  "classList.toggle": {
+    "prefix": "classListToggle",
+    "body": "${1:el}.classList.toggle('${2:class}')"
+  },
+  "getAttribute": {
+    "prefix": "getAttr",
+    "body": "${1:el}.getAttribute('${2:attr}')"
+  },
+  "removeAttribute": {
+    "prefix": "removeAttr",
+    "body": "${1:el}.removeAttribute('${2:attr}')"
+  },
+  "setAttribute": {
+    "prefix": "setAttr",
+    "body": "${1:el}.setAttribute('${2:attr}', ${3:value})"
+  },
+  "appendChild": {
+    "prefix": "appendChild",
+    "body": "${1:el}.appendChild(${2:elem})"
+  },
+  "removeChild": {
+    "prefix": "removeChild",
+    "body": "${1:el}.removeChild(${2:elem})"
+  },
+  "forEach loop": {
+    "prefix": "forEach",
+    "body": "${1:iterable}.forEach((${2:item}) => {\n\t${0}\n})"
+  },
+  "map": {
+    "prefix": "map",
+    "body": "${1:iterable}.map((${2:item}) => {\n\t${0}\n})"
+  },
+  "reduce": {
+    "prefix": "reduce",
+    "body": "${1:iterable}.reduce((${2:previous}, ${3:current}) => {\n\t${0}\n}${4:, initial})"
+  },
+  "filter": {
+    "prefix": "filter",
+    "body": "${1:iterable}.filter((${2:item}) => {\n\t${0}\n})"
+  },
+  "find": {
+    "prefix": "find",
+    "body": "${1:iterable}.find((${2:item}) => {\n\t${0}\n})"
+  },
+  "every": {
+    "prefix": "every",
+    "body": "${1:iterable}.every((${2:item}) => {\n\t${0}\n})"
+  },
+  "some": {
+    "prefix": "some",
+    "body": "${1:iterable}.some((${2:item}) => {\n\t${0}\n})"
+  },
+  "before": {
+    "prefix": "before",
+    "body": "before(async () => {\n\t${0}\n})"
+  },
+  "beforeAll": {
+    "prefix": "beforeAll",
+    "body": "beforeAll(async () => {\n\t${0}\n})"
+  },
+  "beforeEach": {
+    "prefix": "beforeEach",
+    "body": "beforeEach(async () => {\n\t${0}\n})"
+  },
+  "after": {
+    "prefix": "after",
+    "body": "after(() => {\n\t${0}\n})"
+  },
+  "afterEach": {
+    "prefix": "afterEach",
+    "body": "afterEach(() => {\n\t${0}\n})"
+  },
+  "require": {
+    "prefix": "require",
+    "body": "require('${1:module}')"
+  },
+  "import module destructured": {
+    "prefix": "id",
+    "body": "import {$2} from '${1:module}'"
+  },
+  "typeof": {
+    "prefix": "to",
+    "body": "typeof ${1:source} === '${2:undefined}'"
+  },
+  "If-Else Statement": {
+    "prefix": "ifelse",
+    "body": [
+      "if (${1:condition}) {",
+      "\t$0",
+      "} else {",
+      "\t",
+      "}"
+    ],
+    "description": "If-Else Statement"
+  },
+  "else statement": {
+    "prefix": "el",
+    "body": "else {\n\t${0}\n}"
+  },
+  "else if statement": {
+    "prefix": "ei",
+    "body": "else if (${1:condition}) {\n\t${0}\n}"
+  },
+  "Set Interval Function": {
+    "prefix": "setinterval",
+    "body": [
+      "setInterval(() => {",
+      "\t$0",
+      "}, ${1:interval});"
+    ],
+    "description": "Set Interval Function"
+  },
+  "Region Start": {
+    "prefix": "#region",
+    "body": [
+      "//#region $0"
+    ],
+    "description": "Folding Region Start"
+  },
+  "Region End": {
+    "prefix": "#endregion",
+    "body": [
+      "//#endregion"
+    ],
+    "description": "Folding Region End"
+  },
+  "Switch Statement": {
+    "prefix": "switch",
+    "body": [
+      "switch (${1:key}) {",
+      "\tcase ${2:value}:",
+      "\t\t$0",
+      "\t\tbreak;",
+      "",
+      "\tdefault:",
+      "\t\tbreak;",
+      "}"
+    ],
+    "description": "Switch Statement"
+  },
+  "While Statement": {
+    "prefix": "while",
+    "body": [
+      "while (${1:condition}) {",
+      "\t$0",
+      "}"
+    ],
+    "description": "While Statement"
+  },
+  "Do-While Statement": {
+    "prefix": "dowhile",
+    "body": [
+      "do {",
+      "\t$0",
+      "} while (${1:condition});"
+    ],
+    "description": "Do-While Statement"
+  },
+  "Try-Catch Statement": {
+    "prefix": "trycatch",
+    "body": [
+      "try {",
+      "\t$0",
+      "} catch (${1:error}) {",
+      "\t",
+      "}"
+    ],
+    "description": "Try-Catch Statement"
+  },
+  "concat": {
+    "prefix": "concat",
+    "body": [
+      "concat($1);",
+      "$0"
+    ],
+    "description": "The concat() method concatenates the string arguments to the calling string and returns a new string."
+  },
+  "endsWith": {
+    "prefix": "endsWith",
+    "body": [
+      "endsWith($1);",
+      "$0"
+    ],
+    "description": "The endsWith() method determines whether a string ends with the characters of a specified string, returning true or false as appropriate.    "
+  },
+  "fromCharCode": {
+    "prefix": "fromCharCode",
+    "body": [
+      "fromCharCode($1);",
+      "$0"
+    ],
+    "description": "The static String.fromCharCode() method returns a string created from the specified sequence of UTF-16 code units."
+  },
+  "includes": {
+    "prefix": "includes",
+    "body": [
+      "includes($1);",
+      "$0"
+    ],
+    "description": "The includes() method performs a case-sensitive search to determine whether one string may be found within another string, returning true or false as appropriate."
+  },
+  "indexOf": {
+    "prefix": "indexOf",
+    "body": [
+      "indexOf($1);",
+      "$0"
+    ],
+    "description": "The indexOf() method, given one argument: a substring to search for, searches the entire calling string, and returns the index of the first occurrence of the specified substring. Given a second argument: a number, the method returns the first occurrence of the specified substring at an index greater than or equal to the specified number."
+  },
+  "lastIndexOf": {
+    "prefix": "lastIndexOf",
+    "body": [
+      "lastIndexOf($1);",
+      "$0"
+    ],
+    "description": "The lastIndexOf() method, given one argument: a substring to search for, searches the entire calling string, and returns the index of the last occurrence of the specified substring. Given a second argument: a number, the method returns the last occurrence of the specified substring at an index less than or equal to the specified number."
+  },
+  "localeCompare": {
+    "prefix": "localeCompare",
+    "body": [
+      "localeCompare($1);",
+      "$0"
+    ],
+    "description": "The localeCompare() method returns a number indicating whether a reference string comes before, or after, or is the same as the given string in sort order. In implementations with Intl.Collator API support, this method simply calls Intl.Collator."
+  },
+  "match": {
+    "prefix": "match",
+    "body": [
+      "match($1);",
+      "$0"
+    ],
+    "description": "The match() method retrieves the result of matching a string against a regular expression."
+  },
+  "matchAll": {
+    "prefix": "matchAll",
+    "body": [
+      "matchAll($1);",
+      "$0"
+    ],
+    "description": "The matchAll() method returns an iterator of all results matching a string against a regular expression, including capturing groups."
+  },
+  "normalize": {
+    "prefix": "normalize",
+    "body": [
+      "normalize($1);",
+      "$0"
+    ],
+    "description": "The normalize() method returns the Unicode Normalization Form of the string."
+  },
+  "repeat": {
+    "prefix": "repeat",
+    "body": [
+      "repeat($1);",
+      "$0"
+    ],
+    "description": "The repeat() method constructs and returns a new string which contains the specified number of copies of the string on which it was called, concatenated together."
+  },
+  "replace": {
+    "prefix": "replace",
+    "body": [
+      "replace($1, $2);",
+      "$0"
+    ],
+    "description": "The replace() method returns a new string with one, some, or all matches of a pattern replaced by a replacement. The pattern can be a string or a RegExp, and the replacement can be a string or a function called for each match. If pattern is a string, only the first occurrence will be replaced. The original string is left unchanged."
+  },
+  "replaceAll": {
+    "prefix": "replaceAll",
+    "body": [
+      "replaceAll($1, $2);",
+      "$0"
+    ],
+    "description": "The replaceAll() method returns a new string with all matches of a pattern replaced by a replacement. The pattern can be a string or a RegExp, and the replacement can be a string or a function to be called for each match. The original string is left unchanged."
+  },
+  "search": {
+    "prefix": "search",
+    "body": [
+      "search($1);",
+      "$0"
+    ],
+    "description": "The search() method executes a search for a match between a regular expression and this String object."
+  },
+  "slice": {
+    "prefix": "slice",
+    "body": [
+      "slice($1);",
+      "$0"
+    ],
+    "description": "The slice() method extracts a section of a string and returns it as a new string, without modifying the original string."
+  },
+  "split": {
+    "prefix": "split",
+    "body": [
+      "split($1);",
+      "$0"
+    ],
+    "description": "The split() method takes a pattern and divides a String into an ordered list of substrings by searching for the pattern, puts these substrings into an array, and returns the array."
+  },
+  "startsWith": {
+    "prefix": "startsWith",
+    "body": [
+      "startsWith($1);",
+      "$0"
+    ],
+    "description": "The startsWith() method determines whether a string begins with the characters of a specified string, returning true or false as appropriate."
+  },
+  "substring": {
+    "prefix": "substring",
+    "body": [
+      "substring($1);",
+      "$0"
+    ],
+    "description": "The substring() method returns the part of the string between the start and end indexes, or to the end of the string."
+  },
+  "toLocaleLowerCase": {
+    "prefix": "toLocaleLowerCase",
+    "body": [
+      "toLocaleLowerCase($1);",
+      "$0"
+    ],
+    "description": "The toLocaleLowerCase() method returns the calling string value converted to lower case, according to any locale-specific case mappings."
+  },
+  "toLocaleUpperCase": {
+    "prefix": "toLocaleUpperCase",
+    "body": [
+      "toLocaleUpperCase($1);",
+      "$0"
+    ],
+    "description": "The toLocaleUpperCase() method returns the calling string value converted to upper case, according to any locale-specific case mappings."
+  },
+  "toLowerCase": {
+    "prefix": "toLowerCase",
+    "body": [
+      "toLowerCase()"
+    ],
+    "description": "The toLowerCase() method returns the calling string value converted to lower case."
+  },
+  "toString": {
+    "prefix": "toString",
+    "body": [
+      "toString()"
+    ],
+    "description": "The toString() method returns a string representing the specified string value."
+  },
+  "toUpperCase": {
+    "prefix": "toUpperCase",
+    "body": [
+      "toUpperCase()"
+    ],
+    "description": "The toUpperCase() method returns the calling string value converted to uppercase (the value will be converted to a string if it isn't one)."
+  },
+  "valueOf": {
+    "prefix": "valueOf",
+    "body": [
+      "valueOf()"
+    ],
+    "description": "The valueOf() method returns the primitive value of a String object."
+  },
+  "isFinite": {
+    "prefix": "isFinite",
+    "body": [
+      "isFinite($1);",
+      "$0"
+    ],
+    "description": "The Number.isFinite() method determines whether the passed value is a finite number — that is, it checks that a given value is a number, and the number is neither positive Infinity, negative Infinity, nor NaN."
+  },
+  "parseFloat": {
+    "prefix": "parseFloat",
+    "body": [
+      "parseFloat($1);",
+      "$0"
+    ],
+    "description": "The Number.parseFloat() method parses an argument and returns a floating point number. If a number cannot be parsed from the argument, it returns NaN."
+  },
+  "isNaN": {
+    "prefix": "isNaN",
+    "body": [
+      "isNaN($1);",
+      "$0"
+    ],
+    "description": "The Number.isNaN() method determines whether the passed value is the number value NaN, and returns false if the input is not of the Number type. It is a more robust version of the original, global isNaN() function."
+  },
+  "parseInt": {
+    "prefix": "parseInt",
+    "body": [
+      "parseInt($1);",
+      "$0"
+    ],
+    "description": "The Number.parseInt() method parses a string argument and returns an integer of the specified radix or base."
+  },
+  "toFixed": {
+    "prefix": "toFixed",
+    "body": [
+      "toFixed($1);",
+      "$0"
+    ],
+    "description": "The toFixed() method formats a number using fixed-point notation."
+  },
+  "toLocaleString": {
+    "prefix": "toLocaleString",
+    "body": [
+      "toLocaleString($1);",
+      "$0"
+    ],
+    "description": "The toLocaleString() method returns a string with a language-sensitive representation of this number. In implementations with Intl.NumberFormat API support, this method simply calls Intl.NumberFormat."
+  },
+  "apply": {
+    "prefix": "apply",
+    "body": [
+      "apply($1);",
+      "$0"
+    ],
+    "description": "The apply() method calls the specified function with a given this value, and arguments provided as an array (or an array-like object)."
+  },
+  "bind": {
+    "prefix": "bind",
+    "body": [
+      "bind($1);",
+      "$0"
+    ],
+    "description": "The bind() method creates a new function that, when called, has its this keyword set to the provided value, with a given sequence of arguments preceding any provided when the new function is called."
+  },
+  "call": {
+    "prefix": "call",
+    "body": [
+      "call($1);",
+      "$0"
+    ],
+    "description": "The call() method calls the function with a given this value and arguments provided individually."
+  },
+  "defineProperties": {
+    "prefix": "defineProperties",
+    "body": [
+      "defineProperties($1, $2);",
+      "$0"
+    ],
+    "description": ""
+  },
+  "entries": {
+    "prefix": "entries",
+    "body": [
+      "entries($1);",
+      "$0"
+    ],
+    "description": "The Object.entries() method returns an array of a given object's own enumerable string-keyed property key-value pairs."
+  },
+  "values": {
+    "prefix": "values",
+    "body": [
+      "values($1);",
+      "$0"
+    ],
+    "description": "The Object.values() method returns an array of a given object's own enumerable string-keyed property values."
+  },
+  "focus": {
+    "prefix": "focus",
+    "body": [
+      "focus()"
+    ],
+    "description": "The HTMLElement.focus() method sets focus on the specified element, if it can be focused. The focused element is the element that will receive keyboard and similar events by default."
+  },
+  "blur": {
+    "prefix": "blur",
+    "body": [
+      "blur()"
+    ],
+    "description": ""
+  },
+  "innerText": {
+    "prefix": "innerText",
+    "body": [
+      "innerText"
+    ],
+    "description": "The innerText property of the HTMLElement interface represents the rendered text content of a node and its descendants."
+  },
+  "push": {
+    "prefix": "push",
+    "body": [
+      "push($1);",
+      "$0"
+    ],
+    "description": "The push() method adds one or more elements to the end of an array and returns the new length of the array."
+  },
+  "reverse": {
+    "prefix": "reverse",
+    "body": [
+      "reverse();",
+      "$0"
+    ],
+    "description": "The reverse() method reverses an array in place and returns the reference to the same array, the first array element now becoming the last, and the last array element becoming the first. In other words, elements order in the array will be turned towards the direction opposite to that previously stated."
+  },
+  "sort": {
+    "prefix": "sort",
+    "body": [
+      "sort($1);",
+      "$0"
+    ],
+    "description": "The sort() method sorts the elements of an array in place and returns the reference to the same array, now sorted. The default sort order is ascending, built upon converting the elements into strings, then comparing their sequences of UTF-16 code units values."
+  },
+  "splice": {
+    "prefix": "splice",
+    "body": [
+      "splice($1);",
+      "$0"
+    ],
+    "description": "The splice() method changes the contents of an array by removing or replacing existing elements and/or adding new elements in place. To access part of an array without modifying it, see slice()."
+  },
+  "toJSON": {
+    "prefix": "toJSON",
+    "body": [
+      "toJSON();",
+      "$0"
+    ],
+    "description": "The toJSON() method returns a string representation of the Date object."
+  },
+  "toDateString": {
+    "prefix": "toDateString",
+    "body": [
+      "toDateString();",
+      "$0"
+    ],
+    "description": ""
+  },
+  "setTime": {
+    "prefix": "setTime",
+    "body": [
+      "setTime($1);",
+      "$0"
+    ],
+    "description": "The setTime() method sets the Date object to the time represented by a number of milliseconds since January 1, 1970, 00:00:00 UTC."
+  },
+  "setDate": {
+    "prefix": "setDate",
+    "body": [
+      "setDate($1);",
+      "$0"
+    ],
+    "description": "The setDate() method changes the day of the month of a given Date instance, based on local time."
+  },
+  "defineModel": {
+    "prefix": "defineModel",
+    "body": [
+      "const ${1:name} = defineModel()",
+      "$0"
+    ],
+    "description": "v-model can be used on a component to implement a two-way binding.",
+    "markdownDescription":"(v-model component)[https://vuejs.org/guide/components/v-model.html]"
+  }
+}
diff --git a/snippets/frameworks/vue/style.json b/snippets/frameworks/vue/style.json
new file mode 100644
index 00000000..66fb82cc
--- /dev/null
+++ b/snippets/frameworks/vue/style.json
@@ -0,0 +1,223 @@
+{
+  "tailwind-base": {
+    "prefix": "tailwindBase",
+    "body": [
+      "@tailwind base;",
+      "@tailwind components;",
+      "@tailwind utilities;",
+      "$0"
+    ],
+    "description": "An opinionated set of base styles for Tailwind projects."
+  },
+  "normalize.css": {
+    "prefix": "resetNormalizeCSS",
+    "body": [
+      "@import url('https://csstools.github.io/normalize.css/latest/normalize.css');",
+      "$0"
+    ],
+    "description": "reset css using normalize.css"
+  },
+  "container": {
+    "prefix": "container",
+    "body": [
+      "container $0"
+    ],
+    "description": "container => sm(640px), md(768px), lg(1024px), xl(1280px), 2xl(1536px) and use max-width overall"
+  },
+  "aspect-auto": {
+    "prefix": "aspectAuto",
+    "body": [
+      "aspect-auto $0"
+    ],
+    "description": "aspect-ratio: auto"
+  },
+  "aspect-square": {
+    "prefix": "aspectSquare",
+    "body": [
+      "aspect-square $0"
+    ],
+    "description": "aspect-ratio: 1 / 1;"
+  },
+  "aspect-video": {
+    "prefix": "aspectVideo",
+    "body": [
+      "aspect-video $0"
+    ],
+    "description": "aspect-ratio: 16 / 9;"
+  },
+  "aspect-arbitrary": {
+    "prefix": "aspectArbitrary",
+    "body": [
+      "aspect-[$1] $0"
+    ],
+    "description": "aspect arbitrary values"
+  },
+  "columns": {
+    "prefix": "columnsNumber",
+    "body": [
+      "${1|columns-1,columns-2,columns-3,columns-4,columns-5,columns-6,columns-7,columns-8,columns-9,columns-10,columns-11,columns-12|} $0"
+    ],
+    "description": "Property => columns: 1, columns: 2, columns: 3, columns: 4, columns: 5, columns: 6, columns: 7, columns: 8, columns: 9, columns: 10, columns: 11, columns: 12"
+  },
+  "columns-auto": {
+    "prefix": "columnsAuto",
+    "body": [
+      "columns-auto $0"
+    ],
+    "description": "columns: auto"
+  },
+  "columns-3xs": {
+    "prefix": "columns3xs",
+    "body": [
+      "columns-3xs $0"
+    ],
+    "description": "columns: 16rem; /* 256px */"
+  },
+  "columns-2xs": {
+    "prefix": "columns2xs",
+    "body": [
+      "columns-2xs $0"
+    ],
+    "description": "columns: 18rem; /* 288px */"
+  },
+  "columns-xs": {
+    "prefix": "columnsXS",
+    "body": [
+      "columns-xs $0"
+    ],
+    "description": "columns: 20rem; /* 320px */"
+  },
+  "columns-sm": {
+    "prefix": "columnsSM",
+    "body": [
+      "columns-sm $0"
+    ],
+    "description": "columns: 24rem; /* 384px */"
+  },
+  "columns-lg": {
+    "prefix": "columnsLG",
+    "body": [
+      "columns-lg $0"
+    ],
+    "description": "columns: 32rem; /* 512px */"
+  },
+  "columns-xl": {
+    "prefix": "columnsXL",
+    "body": [
+      "columns-xl $0"
+    ],
+    "description": "columns: 36rem; /* 576px */"
+  },
+  "columns-2xl": {
+    "prefix": "columns2xl",
+    "body": [
+      "columns-2xl $0"
+    ],
+    "description": "columns: 42rem; /* 672px */"
+  },
+  "columns-3xl": {
+    "prefix": "columns3xl",
+    "body": [
+      "columns-3xl $0"
+    ],
+    "description": "columns: 48rem; /* 768px */"
+  },
+  "columns-4xl": {
+    "prefix": "columns4xl",
+    "body": [
+      "columns-4xl $0"
+    ],
+    "description": "columns: 56rem; /* 896px */"
+  },
+  "columns-5xl": {
+    "prefix": "columns5xl",
+    "body": [
+      "columns-5xl $0"
+    ],
+    "description": "columns: 64rem; /* 1024px */"
+  },
+  "columns-6xl": {
+    "prefix": "columns6xl",
+    "body": [
+      "columns-6xl $0"
+    ],
+    "description": "columns: 72rem; /* 1152px */"
+  },
+  "columns-7xl": {
+    "prefix": "columns7xl",
+    "body": [
+      "columns-7xl $0"
+    ],
+    "description": "columns: 80rem; /* 1280px */"
+  },
+  "flex-row": {
+    "prefix": "flexRow",
+    "body": [
+      "flex flex-row $0"
+    ],
+    "description": "Use flex-row to position flex items horizontally in the same direction"
+  },
+  "flex-row-reverse": {
+    "prefix": "flexRowReverse",
+    "body": [
+      "flex flex-row-reverse $0"
+    ],
+    "description": "Use flex-row-reverse to position flex items horizontally in the opposite direction"
+  },
+  "flex-col": {
+    "prefix": "flexCol",
+    "body": [
+      "flex flex-col $0"
+    ],
+    "description": "Use flex-col to position flex items vertically"
+  },
+  "flex-col-reverse": {
+    "prefix": "flexCol",
+    "body": [
+      "flex flex-col $0"
+    ],
+    "description": "Use flex-col-reverse to position flex items vertically in the opposite direction"
+  },
+  "flex-nowrap": {
+    "prefix": "flexNowrap",
+    "body": [
+      "flex flex-nowrap $0"
+    ],
+    "description": "Use flex-nowrap to prevent flex items from wrapping, causing inflexible items to overflow the container if necessary"
+  },
+  "flex-wrap": {
+    "prefix": "flexWrap",
+    "body": [
+      "flex flex-wrap $0"
+    ],
+    "description": "Use flex-wrap to allow flex items to wrap"
+  },
+  "Flex Justify Content": {
+    "prefix": "flexJustify",
+    "body": [
+      "flex ${1|justify-normal,justify-start,justify-end,justify-end,justify-center,justify-between,justify-around,justify-evenly,justify-stretch|} $0"
+    ],
+    "description": "Utilities for controlling how flex items are positioned along a container's main axis."
+  },
+  "Grid Justify Content": {
+    "prefix": "gridJustify",
+    "body": [
+      "grid grid-flow-col ${1|justify-normal,justify-start,justify-end,justify-end,justify-center,justify-between,justify-around,justify-evenly,justify-stretch|} $0"
+    ],
+    "description": "Utilities for controlling how grid items are positioned along a container's main axis."
+  },
+  "Grid Justify Items": {
+    "prefix": "grid",
+    "body": [
+      "grid ${1|justify-items-start,justify-items-end,justify-items-center,justify-items-stretch|} $0"
+    ],
+    "description": "Utilities for controlling how grid items are aligned along their inline axis."
+  },
+  "Justify Self": {
+    "prefix": "justifySelf",
+    "body": [
+      "${1|justify-self-auto,justify-self-start,justify-self-end,justify-self-center,justify-self-stretch|} $0"
+    ],
+    "description": "Utilities for controlling how an individual grid item is aligned along its inline axis."
+  }
+}
diff --git a/snippets/frameworks/vue/vue.json b/snippets/frameworks/vue/vue.json
index efc6efb7..1021a9de 100644
--- a/snippets/frameworks/vue/vue.json
+++ b/snippets/frameworks/vue/vue.json
@@ -1,312 +1,318 @@
 {
-    "templateLang": {
-        "prefix": "templateLang",
-        "body": [
-            "<template lang=\"$1\">",
-            "\t<div$2>",
-            "\t\t$0",
-            "\t</div>",
-            "</template>"
-        ],
-        "description": "template element"
-    },
-    "script": {
-        "prefix": "script",
-        "body": ["<script>", "export default {", "\t$0", "}", "</script>"],
-        "description": "script element"
-    },
-    "script-composition": {
-        "prefix": "scriptSetup",
-        "body": ["<script setup>", "\t$0", "</script>"],
-        "description": "script setup vue composition api element"
-    },
-    "script-ts-composition": {
-        "prefix": "scriptTsSetup",
-        "body": ["<script setup lang=\"ts\">", "\t$0", "</script>"],
-        "description": "script setup vue with lang ts composition api element"
-    },
-    "styleLang": {
-        "prefix": "styleLang",
-        "body": ["<style lang=\"$1\">", "\t$0", "</style>"],
-        "description": "style element with lang attribute"
-    },
-    "styleScoped": {
-        "prefix": "styleScoped",
-        "body": ["<style scoped>", "\t$0", "</style>"],
-        "description": "style scoped vue attribute"
-    },
-
-    "Vue Single File Component": {
-        "prefix": "vbase",
-        "body": [
-            "<template>",
-            "\t<div>",
-            "",
-            "\t</div>",
-            "</template>",
-            "",
-            "<script>",
-            "\texport default {",
-            "\t\tname:\"$TM_FILENAME_BASE\",",
-            "\t\t${0}",
-            "\t}",
-            "</script>",
-            "",
-            "<style lang=\"scss\" scoped>",
-            "",
-            "</style>"
-        ],
-        "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\tname:\"$TM_FILENAME_BASE\",",
-            "\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\tname:\"$TM_FILENAME_BASE\",",
-            "\t\t${0}",
-            "\t}",
-            "</script>",
-            "",
-            "<style lang=\"less\" 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\tname:\"$TM_FILENAME_BASE\",",
-            "\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>",
-            "\t<div>",
-            "",
-            "\t</div>",
-            "</template>",
-            "",
-            "<script>",
-            "\texport default {",
-            "\t\tname:\"$TM_FILENAME_BASE\",",
-            "\t\t${0}",
-            "\t}",
-            "</script>"
-        ],
-        "description": "Base for Vue File with no styles"
-    },
-    "Vue Single File Component Composition API": {
-        "prefix": "vbase-3",
-        "body": [
-            "<template>",
-            "\t<div>",
-            "",
-            "\t</div>",
-            "</template>",
-            "",
-            "<script>",
-            "export default {",
-            "\tsetup () {",
-            "\t\t${0}",
-            "",
-            "\t\treturn {}",
-            "\t}",
-            "}",
-            "</script>",
-            "",
-            "<style lang=\"scss\" scoped>",
-            "",
-            "</style>"
-        ],
-        "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": [
-            "<template>",
-            "\t<div>",
-            "",
-            "\t</div>",
-            "</template>",
-            "",
-            "<script>",
-            "import { reactive, toRefs } from 'vue'",
-            "",
-            "export default {",
-            "\tsetup () {",
-            "\t\tconst state = reactive({",
-            "\t\t\t${0:count}: ${1:0},",
-            "\t\t})",
-            "\t",
-            "\t\treturn {",
-            "\t\t\t...toRefs(state),",
-            "\t\t}",
-            "\t}",
-            "}",
-            "</script>",
-            "",
-            "<style lang=\"scss\" scoped>",
-            "",
-            "</style>"
-        ],
-        "description": "Base for Vue File Composition API with SCSS"
-    },
-    "Vue Single File Component Composition API with Typescript": {
-        "prefix": "vbase-3-ts",
-        "body": [
-            "<template>",
-            "\t<div>",
-            "",
-            "\t</div>",
-            "</template>",
-            "",
-            "<script lang=\"ts\">",
-            "import { defineComponent } from 'vue'",
-            "",
-            "export default defineComponent({",
-            "\tsetup () {",
-            "\t\t${0}\n",
-            "\t\treturn {}",
-            "\t}",
-            "})",
-            "</script>",
-            "",
-            "<style scoped>",
-            "",
-            "</style>"
-        ],
-        "description": "Base for Vue File Composition API - Typescript"
-    },
-    "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 $TM_FILENAME_BASE extends Vue {",
-            "\t\t",
-            "\t}",
-            "</script>",
-            "",
-            "<style scoped>",
-            "",
-            "</style>"
-        ],
-        "description": "Base for Vue File with Class based Typescript format"
-    }
+  "Template Language": {
+    "prefix": "templateLang",
+    "body": [
+      "<template lang=\"$1\">",
+      "\t<div$2>",
+      "\t\t$0",
+      "\t</div>",
+      "</template>"
+    ],
+    "description": "template element"
+  },
+  "Script": {
+    "prefix": "script",
+    "body": [
+      "<script>",
+      "export default {",
+      "\t$0",
+      "}",
+      "</script>"
+    ],
+    "description": "script element"
+  },
+  "Script Setup": {
+    "prefix": "scriptSetup",
+    "body": [
+      "<script setup>",
+      "\t$0",
+      "</script>"
+    ],
+    "description": "script setup vue composition api element"
+  },
+  "Script Typescript Composition API": {
+    "prefix": "scriptTsSetup",
+    "body": [
+      "<script setup lang=\"ts\">",
+      "\t$0",
+      "</script>"
+    ],
+    "description": "script setup vue with lang ts composition api element"
+  },
+  "Style Language": {
+    "prefix": "styleLang",
+    "body": [
+      "<style lang=\"$1\">",
+      "\t$0",
+      "</style>"
+    ],
+    "description": "style element with lang attribute"
+  },
+  "Style Language Scoped": {
+    "prefix": "styleLangScoped",
+    "body": [
+      "<style lang=\"$1\" scoped>",
+      "\t$0",
+      "</style>"
+    ],
+    "description": "style scoped element with lang attribute"
+  },
+  "Style Scoped": {
+    "prefix": "styleScoped",
+    "body": [
+      "<style scoped>",
+      "\t$0",
+      "</style>"
+    ],
+    "description": "style scoped vue attribute"
+  },
+  "Vue Single File Component": {
+    "prefix": "vbase",
+    "body": [
+      "<template>",
+      "\t<div>",
+      "",
+      "\t</div>",
+      "</template>",
+      "",
+      "<script>",
+      "\texport default {",
+      "\t\tname:\"$TM_FILENAME_BASE\",",
+      "\t\t${0}",
+      "\t}",
+      "</script>",
+      "",
+      "<style lang=\"scss\" scoped>",
+      "",
+      "</style>"
+    ],
+    "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\tname:\"$TM_FILENAME_BASE\",",
+      "\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\tname:\"$TM_FILENAME_BASE\",",
+      "\t\t${0}",
+      "\t}",
+      "</script>",
+      "",
+      "<style lang=\"less\" 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\tname:\"$TM_FILENAME_BASE\",",
+      "\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>",
+      "\t<div>",
+      "",
+      "\t</div>",
+      "</template>",
+      "",
+      "<script>",
+      "\texport default {",
+      "\t\tname:\"$TM_FILENAME_BASE\",",
+      "\t\t${0}",
+      "\t}",
+      "</script>"
+    ],
+    "description": "Base for Vue File with no styles"
+  },
+  "Vue Single File Component Composition API": {
+    "prefix": "vbase-3",
+    "body": [
+      "<template>",
+      "\t<div>",
+      "",
+      "\t</div>",
+      "</template>",
+      "",
+      "<script>",
+      "export default {",
+      "\tsetup () {",
+      "\t\t${0}",
+      "",
+      "\t\treturn {}",
+      "\t}",
+      "}",
+      "</script>",
+      "",
+      "<style lang=\"scss\" scoped>",
+      "",
+      "</style>"
+    ],
+    "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": [
+      "<template>",
+      "\t<div>",
+      "",
+      "\t</div>",
+      "</template>",
+      "",
+      "<script>",
+      "import { reactive, toRefs } from 'vue'",
+      "",
+      "export default {",
+      "\tsetup () {",
+      "\t\tconst state = reactive({",
+      "\t\t\t${0:count}: ${1:0},",
+      "\t\t})",
+      "\t",
+      "\t\treturn {",
+      "\t\t\t...toRefs(state),",
+      "\t\t}",
+      "\t}",
+      "}",
+      "</script>",
+      "",
+      "<style lang=\"scss\" scoped>",
+      "",
+      "</style>"
+    ],
+    "description": "Base for Vue File Composition API with SCSS"
+  },
+  "Vue Single File Component Composition API with Typescript": {
+    "prefix": "vbase-3-ts",
+    "body": [
+      "<template>",
+      "\t<div>",
+      "",
+      "\t</div>",
+      "</template>",
+      "",
+      "<script lang=\"ts\">",
+      "import { defineComponent } from 'vue'",
+      "",
+      "export default defineComponent({",
+      "\tsetup () {",
+      "\t\t${0}\n",
+      "\t\treturn {}",
+      "\t}",
+      "})",
+      "</script>",
+      "",
+      "<style scoped>",
+      "",
+      "</style>"
+    ],
+    "description": "Base for Vue File Composition API - Typescript"
+  },
+  "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"
+  }
 }
diff --git a/snippets/gdscript.json b/snippets/gdscript.json
index 332e814f..acefeedd 100644
--- a/snippets/gdscript.json
+++ b/snippets/gdscript.json
@@ -51,7 +51,7 @@
 
     "for range loop": {
         "prefix": "for",
-        "body": ["for $1 in range(${2:start}{$3:,end}):", "\t${4:pass}"]
+        "body": ["for $1 in range(${2:start},${3:end}):", "\t${4:pass}"]
     },
 
     "if elif else": {
diff --git a/snippets/gleam.json b/snippets/gleam.json
new file mode 100644
index 00000000..f613dcc1
--- /dev/null
+++ b/snippets/gleam.json
@@ -0,0 +1,231 @@
+{
+  "Public Function": {
+    "prefix": [
+      "pub",
+      "pub fn"
+    ],
+    "body": [
+      "pub fn ${1:function_name}(${2}) -> ${3:Nil} {",
+      "\t${0:todo}",
+      "}"
+    ],
+    "description": "public function"
+  },
+  "Private Function": {
+    "prefix": [
+      "fn"
+    ],
+    "body": [
+      "fn ${1:function_name}(${2}) -> ${3:Nil} {",
+      "\t${0:todo}",
+      "}"
+    ],
+    "description": "private function"
+  },
+  "Test Function": {
+    "prefix": [
+      "test"
+    ],
+    "body": [
+      "pub fn ${1:name}_test() {",
+      "\t${0}",
+      "}"
+    ],
+    "description": "test function"
+  },
+  "Anonymous Function": {
+    "prefix": [
+      "af",
+      "fn"
+    ],
+    "body": [
+      "fn(${1}) { ${0} }"
+    ],
+    "description": "anonymous function"
+  },
+  "Let assignment": {
+    "prefix": [
+      "let"
+    ],
+    "body": [
+      "let ${1} = ${0}"
+    ],
+    "description": "let assignment"
+  },
+  "Let Assert assignment": {
+    "prefix": [
+      "leta"
+    ],
+    "body": [
+      "let assert ${1} = ${0}"
+    ],
+    "description": "let assert assignment"
+  },
+  "Use expression": {
+    "prefix": [
+      "use"
+    ],
+    "body": [
+      "use ${1} <- ${0}"
+    ],
+    "description": "use expression"
+  },
+  "Case Expression": {
+    "prefix": [
+      "case"
+    ],
+    "body": [
+      "case ${1} {",
+      "\t${2} -> ${0}",
+      "}"
+    ],
+    "description": "case expression"
+  },
+  "Type": {
+    "prefix": [
+      "type"
+    ],
+    "body": [
+      "type ${1:Name} {",
+      "\t${0:$1}",
+      "}"
+    ],
+    "description": "type declaration"
+  },
+  "Public Type": {
+    "prefix": [
+      "pty",
+      "pub",
+      "pub type"
+    ],
+    "body": [
+      "pub type ${1:Name} {",
+      "\t${0:$1}",
+      "}"
+    ],
+    "description": "public type declaration"
+  },
+  "External attribute": {
+    "prefix": [
+      "external"
+    ],
+    "body": [
+      "@external(${1:erlang}, \"${2}\", \"${0}\")"
+    ],
+    "description": "external attribute"
+  },
+  "Public External Function": {
+    "prefix": [
+      "pexfn",
+      "pub",
+      "pub external",
+      "pub external fn"
+    ],
+    "body": [
+      "pub external fn ${1:function_name}(${2}) -> ${3:Nil} = \"${4}\" \"${0}\""
+    ],
+    "description": "public external function"
+  },
+  "Import": {
+    "prefix": [
+      "im",
+      "import"
+    ],
+    "body": [
+      "import ${0:gleam/result}"
+    ],
+    "description": "import"
+  },
+  "Import Unqualified": {
+    "prefix": [
+      "im.",
+      "import"
+    ],
+    "body": [
+      "import ${1:gleam/result}.{${0}}"
+    ],
+    "description": "import unqualified"
+  },
+  "Pipe": {
+    "prefix": [
+      "p",
+      "|>"
+    ],
+    "body": [
+      "|> ${0}"
+    ],
+    "description": "Pipe |>"
+  },
+  "Tuple": {
+    "prefix": [
+      "#",
+      "tuple"
+    ],
+    "body": [
+      "#(${0})"
+    ],
+    "description": "tuple #()"
+  },
+  "Block": {
+    "prefix": [
+      "bl"
+    ],
+    "body": [
+      "{",
+      "\t${0}",
+      "}"
+    ],
+    "description": "block"
+  },
+  "Should Equal": {
+    "prefix": [
+      "seq",
+      "should"
+    ],
+    "body": [
+      "should.equal(${0})"
+    ],
+    "description": "should.equal"
+  },
+  "Should Be True": {
+    "prefix": [
+      "strue",
+      "should",
+      "should.b"
+    ],
+    "body": [
+      "should.be_true(${0})"
+    ],
+    "description": "should.be_true"
+  },
+  "Should Be False": {
+    "prefix": [
+      "sfalse",
+      "should",
+      "should.b"
+    ],
+    "body": [
+      "should.be_false(${0})"
+    ],
+    "description": "should.be_false"
+  },
+  "Public Constant": {
+    "prefix": [
+      "pub",
+      "pub const"
+    ],
+    "body": [
+      "pub const ${1} = ${0}"
+    ],
+    "description": "public constant"
+  },
+  "Constant": {
+    "prefix": [
+      "const"
+    ],
+    "body": [
+      "const ${1} = ${0}"
+    ],
+    "description": "constant"
+  }
+}
diff --git a/snippets/global.json b/snippets/global.json
index e9e54b52..b30df853 100644
--- a/snippets/global.json
+++ b/snippets/global.json
@@ -54,5 +54,10 @@
         "prefix": "loremPara",
         "body": "Lorem ipsum dolor sit amet, officia excepteur ex fugiat reprehenderit enim labore culpa sint ad nisi Lorem pariatur mollit ex esse exercitation amet. Nisi anim cupidatat excepteur officia. Reprehenderit nostrud nostrud ipsum Lorem est aliquip amet voluptate voluptate dolor minim nulla est proident. Nostrud officia pariatur ut officia. Sit irure elit esse ea nulla sunt ex occaecat reprehenderit commodo officia dolor Lorem duis laboris cupidatat officia voluptate. Culpa proident adipisicing id nulla nisi laboris ex in Lorem sunt duis officia eiusmod. Aliqua reprehenderit commodo ex non excepteur duis sunt velit enim. Voluptate laboris sint cupidatat ullamco ut ea consectetur et est culpa et culpa duis.",
         "description": "Lorem Ipsum Paragraph"
+    },
+    "uuid": {
+        "prefix": "uuid",
+        "body": "${UUID}",
+        "description": "A Version 4 UUID"
     }
 }
diff --git a/snippets/html.json b/snippets/html.json
index 4c850862..839032a6 100644
--- a/snippets/html.json
+++ b/snippets/html.json
@@ -311,9 +311,9 @@
             "<!DOCTYPE html>",
             "<html lang=\"$1en\">",
             "\t<head>",
-            "\t\t<title>$2</title>",
             "\t\t<meta charset=\"UTF-8\">",
             "\t\t<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">",
+            "\t\t<title>$2</title>",
             "\t\t<link href=\"$3css/style.css\" rel=\"stylesheet\">",
             "\t</head>",
             "\t<body>",
diff --git a/snippets/javascript/react-es7.json b/snippets/javascript/react-es7.json
index 968ea281..ee54f252 100644
--- a/snippets/javascript/react-es7.json
+++ b/snippets/javascript/react-es7.json
@@ -488,6 +488,18 @@
         ],
         "description": "Creates a React Functional Component with ES7 module system"
     },
+    "reactFunctionalViteComponent": {
+        "prefix": "rfcv",
+        "body": [
+            "export default function ${1:${TM_FILENAME_BASE}}() {",
+            "  return (",
+            "    <div>${1:first}</div>",
+            "  )",
+            "}",
+            ""
+        ],
+        "description": "Creates a React Functional Component with ES7 module system, compatible with Vite"
+    },
     "reactFunctionalComponentRedux": {
         "prefix": "rfcredux",
         "body": [
diff --git a/snippets/kubernetes.json b/snippets/kubernetes.json
index 72c1c129..efef2610 100644
--- a/snippets/kubernetes.json
+++ b/snippets/kubernetes.json
@@ -104,10 +104,10 @@
             "apiVersion: apps/v1",
             "kind: Deployment",
             "metadata:",
-            "  name:  ${1:myjob}",
+            "  name: ${1:myjob}",
             "  namespace: ${2:default}",
             "  labels:",
-            "    app:  ${1:myjob}",
+            "    app: ${1:myjob}",
             "spec:",
             "  selector:",
             "    matchLabels:",
@@ -120,16 +120,18 @@
             "    type: RollingUpdate",
             "  template:",
             "    metadata:",
+            "      annotations:",
+            "        kubectl.kubernetes.io/default-container:  ${1:myjob}",
             "      labels:",
-            "        app:  ${1:myjob}",
+            "        app: ${1:myjob}",
             "    spec:",
             "      # initContainers:",
             "        # Init containers are exactly like regular containers, except:",
             "          # - Init containers always run to completion.",
             "          # - Each init container must complete successfully before the next one starts.",
             "      containers:",
-            "      - name:  ${1:myjob}",
-            "        image:  ${3:myjob:latest}",
+            "      - name: ${1:myjob}",
+            "        image: ${3:myjob:latest}",
             "        imagePullPolicy: ${4|IfNotPresent,Always,Never|}",
             "        resources:",
             "          requests:",
@@ -162,8 +164,8 @@
             "              name: ${1:myjob}",
             "              key: DB_HOST",
             "        ports:",
-            "        - containerPort:  ${5:80}",
-            "          name:  ${1:myjob}",
+            "        - containerPort: ${5:80}",
+            "          name: ${1:myjob}",
             "        volumeMounts:",
             "        - name: localtime",
             "          mountPath: /etc/localtime",
@@ -309,6 +311,8 @@
             "  name: \"${1:myapp}\"",
             "  namespace: ${2:default}",
             "  labels:",
+            "    annotations:",
+            "      kubectl.kubernetes.io/default-container:  ${1:myapp}",
             "    app: \"${1:myapp}\"",
             "spec:",
             "  containers:",
@@ -329,7 +333,7 @@
             "          key: DB_HOST",
             "    ports:",
             "    - containerPort: ${4:80}",
-            "      name:  http",
+            "      name: http",
             "    volumeMounts:",
             "    - name: localtime",
             "      mountPath: /etc/localtime",
@@ -387,6 +391,8 @@
             "      app: ${1:myapp}",
             "  template:",
             "    metadata:",
+            "      annotations:",
+            "        kubectl.kubernetes.io/default-container:  ${1:myapp}",
             "      labels:",
             "        app: ${1:myapp}",
             "    spec:",
@@ -434,6 +440,8 @@
             "  replicas: ${3:3} # by default is 1",
             "  template:",
             "    metadata:",
+            "      annotations:",
+            "        kubectl.kubernetes.io/default-container:  ${1:myapp}",
             "      labels:",
             "        app: ${1:myapp} # has to match .spec.selector.matchLabels",
             "    spec:",
diff --git a/snippets/markdown.json b/snippets/markdown.json
index 89da0759..802aeb76 100644
--- a/snippets/markdown.json
+++ b/snippets/markdown.json
@@ -140,9 +140,9 @@
     "Insert table": {
         "prefix": "table",
         "body": [
-            "| ${1:Column1}  | ${2:Column2}   | ${3:Column3}   |",
-            "|-------------- | -------------- | -------------- |",
-            "| ${4:Item1}    | ${5:Item1}     | ${6:Item1}     |",
+            "| ${1:Column1} | ${2:Column2} | ${3:Column3} |",
+            "| ------------- | -------------- | -------------- |",
+            "| ${4:Item1} | ${5:Item1} | ${6:Item1} |",
             "${0}"
         ],
         "description": "Insert table with 2 rows and 3 columns. First row is heading."
@@ -150,9 +150,9 @@
     "Insert 2x1 table": {
         "prefix": "2x1table",
         "body": [
-            "| ${1:Column1}  |",
-            "|-------------- |",
-            "| ${2:Item1}    |",
+            "| ${1:Column1} |",
+            "| ------------- |",
+            "| ${2:Item1} |",
             "${0}"
         ],
         "description": "Insert table with 2 rows and 1 column. First row is heading."
@@ -160,10 +160,10 @@
     "Insert 3x1 table": {
         "prefix": "3x1table",
         "body": [
-            "| ${1:Column1}  |",
-            "|-------------- |",
-            "| ${2:Item1}    |",
-            "| ${3:Item2}    |",
+            "| ${1:Column1} |",
+            "| ------------- |",
+            "| ${2:Item1} |",
+            "| ${3:Item2} |",
             "${0}"
         ],
         "description": "Insert table with 3 rows and 1 column. First row is heading."
@@ -171,11 +171,11 @@
     "Insert 4x1 table": {
         "prefix": "4x1table",
         "body": [
-            "| ${1:Column1}  |",
-            "|-------------- |",
-            "| ${2:Item1}    |",
-            "| ${3:Item2}    |",
-            "| ${4:Item3}    |",
+            "| ${1:Column1} |",
+            "| ------------- |",
+            "| ${2:Item1} |",
+            "| ${3:Item2} |",
+            "| ${4:Item3} |",
             "${0}"
         ],
         "description": "Insert table with 4 rows and 1 column. First row is heading."
@@ -183,12 +183,12 @@
     "Insert 5x1 table": {
         "prefix": "5x1table",
         "body": [
-            "| ${1:Column1}  |",
-            "|-------------- |",
-            "| ${2:Item1}    |",
-            "| ${3:Item2}    |",
-            "| ${4:Item3}    |",
-            "| ${5:Item4}    |",
+            "| ${1:Column1} |",
+            "| ------------- |",
+            "| ${2:Item1} |",
+            "| ${3:Item2} |",
+            "| ${4:Item3} |",
+            "| ${5:Item4} |",
             "${0}"
         ],
         "description": "Insert table with 5 rows and 1 column. First row is heading."
@@ -196,9 +196,9 @@
     "Insert 2x2 table": {
         "prefix": "2x2table",
         "body": [
-            "| ${1:Column1}   | ${2:Column2}    |",
-            "|--------------- | --------------- |",
-            "| ${3:Item1.1}   | ${4:Item2.1}   |",
+            "| ${1:Column1} | ${2:Column2} |",
+            "| -------------- | --------------- |",
+            "| ${3:Item1.1} | ${4:Item2.1} |",
             "${0}"
         ],
         "description": "Insert table with 2 rows and 2 columns. First row is heading."
@@ -206,10 +206,10 @@
     "Insert 3x2 table": {
         "prefix": "3x2table",
         "body": [
-            "| ${1:Column1}   | ${2:Column2}    |",
-            "|--------------- | --------------- |",
-            "| ${3:Item1.1}   | ${4:Item2.1}   |",
-            "| ${5:Item1.2}   | ${6:Item2.2}   |",
+            "| ${1:Column1} | ${2:Column2} |",
+            "| -------------- | --------------- |",
+            "| ${3:Item1.1} | ${4:Item2.1} |",
+            "| ${5:Item1.2} | ${6:Item2.2} |",
             "${0}"
         ],
         "description": "Insert table with 3 rows and 2 columns. First row is heading."
@@ -217,11 +217,11 @@
     "Insert 4x2 table": {
         "prefix": "4x2table",
         "body": [
-            "| ${1:Column1}   | ${2:Column2}    |",
-            "|--------------- | --------------- |",
-            "| ${3:Item1.1}   | ${4:Item2.1}   |",
-            "| ${5:Item1.2}   | ${6:Item2.2}   |",
-            "| ${7:Item1.3}   | ${8:Item2.3}   |",
+            "| ${1:Column1} | ${2:Column2} |",
+            "| -------------- | --------------- |",
+            "| ${3:Item1.1} | ${4:Item2.1} |",
+            "| ${5:Item1.2} | ${6:Item2.2} |",
+            "| ${7:Item1.3} | ${8:Item2.3} |",
             "${0}"
         ],
         "description": "Insert table with 4 rows and 2 columns. First row is heading."
@@ -232,9 +232,9 @@
             "| ${1:Column1}   | ${2:Column2}    |",
             "|--------------- | --------------- |",
             "| ${3:Item1.1}   | ${4:Item2.1}   |",
-            "| ${4:Item1.2}   | ${5:Item2.2}   |",
-            "| ${6:Item1.3}   | ${7:Item2.3}   |",
-            "| ${8:Item1.4}   | ${9:Item2.4}   |",
+            "| ${5:Item1.2}   | ${6:Item2.2}   |",
+            "| ${7:Item1.3}   | ${8:Item2.3}   |",
+            "| ${9:Item1.4}   | ${10:Item2.4}   |",
             "${0}"
         ],
         "description": "Insert table with 5 rows and 2 columns. First row is heading."
@@ -242,9 +242,9 @@
     "Insert 2x3 table": {
         "prefix": "2x3table",
         "body": [
-            "| ${1:Column1}    | ${2:Column2}    | ${3:Column3}    |",
-            "|---------------- | --------------- | --------------- |",
-            "| ${4:Item1.1}    | ${5:Item2.1}    | ${6:Item3.1}    |",
+            "| ${1:Column1} | ${2:Column2} | ${3:Column3} |",
+            "| --------------- | --------------- | --------------- |",
+            "| ${4:Item1.1} | ${5:Item2.1} | ${6:Item3.1} |",
             "${0}"
         ],
         "description": "Insert table with 2 rows and 3 columns. First row is heading."
@@ -252,10 +252,10 @@
     "Insert 3x3 table": {
         "prefix": "3x3table",
         "body": [
-            "| ${1:Column1}    | ${2:Column2}    | ${3:Column3}    |",
-            "|---------------- | --------------- | --------------- |",
-            "| ${4:Item1.1}    | ${5:Item2.1}    | ${6:Item3.1}    |",
-            "| ${7:Item1.2}    | ${8:Item2.2}    | ${9:Item3.2}    |",
+            "| ${1:Column1} | ${2:Column2} | ${3:Column3} |",
+            "| --------------- | --------------- | --------------- |",
+            "| ${4:Item1.1} | ${5:Item2.1} | ${6:Item3.1} |",
+            "| ${7:Item1.2} | ${8:Item2.2} | ${9:Item3.2} |",
             "${0}"
         ],
         "description": "Insert table with 3 rows and 3 columns. First row is heading."
@@ -263,11 +263,11 @@
     "Insert 4x3 table": {
         "prefix": "4x3table",
         "body": [
-            "| ${1:Column1}    | ${2:Column2}    | ${3:Column3}    |",
-            "|---------------- | --------------- | --------------- |",
-            "| ${4:Item1.1}    | ${5:Item2.1}    | ${6:Item3.1}    |",
-            "| ${7:Item1.2}    | ${8:Item2.2}    | ${9:Item3.2}    |",
-            "| ${10:Item1.3}   | ${11:Item2.3}   | ${12:Item3.3}   |",
+            "| ${1:Column1} | ${2:Column2} | ${3:Column3} |",
+            "| --------------- | --------------- | --------------- |",
+            "| ${4:Item1.1} | ${5:Item2.1} | ${6:Item3.1} |",
+            "| ${7:Item1.2} | ${8:Item2.2} | ${9:Item3.2} |",
+            "| ${10:Item1.3} | ${11:Item2.3} | ${12:Item3.3} |",
             "${0}"
         ],
         "description": "Insert table with 4 rows and 3 columns. First row is heading."
@@ -275,12 +275,12 @@
     "Insert 5x3 table": {
         "prefix": "5x3table",
         "body": [
-            "| ${1:Column1}    | ${2:Column2}    | ${3:Column3}    |",
-            "|---------------- | --------------- | --------------- |",
-            "| ${4:Item1.1}    | ${5:Item2.1}    | ${6:Item3.1}    |",
-            "| ${7:Item1.2}    | ${8:Item2.2}    | ${9:Item3.2}    |",
-            "| ${10:Item1.3}   | ${11:Item2.3}   | ${12:Item3.3}   |",
-            "| ${13:Item1.4}   | ${14:Item2.4}   | ${15:Item3.4}   |",
+            "| ${1:Column1} | ${2:Column2} | ${3:Column3} |",
+            "| --------------- | --------------- | --------------- |",
+            "| ${4:Item1.1} | ${5:Item2.1} | ${6:Item3.1} |",
+            "| ${7:Item1.2} | ${8:Item2.2} | ${9:Item3.2} |",
+            "| ${10:Item1.3} | ${11:Item2.3} | ${12:Item3.3} |",
+            "| ${13:Item1.4} | ${14:Item2.4} | ${15:Item3.4} |",
             "${0}"
         ],
         "description": "Insert table with 5 rows and 3 columns. First row is heading."
@@ -288,9 +288,9 @@
     "Insert 2x4 table": {
         "prefix": "2x4table",
         "body": [
-            "| ${1:Column1}    | ${2:Column2}    | ${3:Column3}    | ${4:Column4}    |",
-            "|---------------- | --------------- | --------------- | --------------- |",
-            "| ${5:Item1.1}    | ${6:Item2.1}    | ${7:Item3.1}    | ${8:Item4.1}    |",
+            "| ${1:Column1} | ${2:Column2} | ${3:Column3} | ${4:Column4} |",
+            "| --------------- | --------------- | --------------- | --------------- |",
+            "| ${5:Item1.1} | ${6:Item2.1} | ${7:Item3.1} | ${8:Item4.1} |",
             "${0}"
         ],
         "description": "Insert table with 2 rows and 4 columns. First row is heading."
@@ -298,10 +298,10 @@
     "Insert 3x4 table": {
         "prefix": "3x4table",
         "body": [
-            "| ${1:Column1}    | ${2:Column2}    | ${3:Column3}    | ${4:Column4}    |",
-            "|---------------- | --------------- | --------------- | --------------- |",
-            "| ${5:Item1.1}    | ${6:Item2.1}    | ${7:Item3.1}    | ${8:Item4.1}    |",
-            "| ${9:Item1.2}    | ${10:Item2.2}   | ${11:Item3.2}   | ${12:Item4.2}   |",
+            "| ${1:Column1} | ${2:Column2} | ${3:Column3} | ${4:Column4} |",
+            "| --------------- | --------------- | --------------- | --------------- |",
+            "| ${5:Item1.1} | ${6:Item2.1} | ${7:Item3.1} | ${8:Item4.1} |",
+            "| ${9:Item1.2} | ${10:Item2.2} | ${11:Item3.2} | ${12:Item4.2} |",
             "${0}"
         ],
         "description": "Insert table with 3 rows and 4 columns. First row is heading."
@@ -309,11 +309,11 @@
     "Insert 4x4 table": {
         "prefix": "4x4table",
         "body": [
-            "| ${1:Column1}    | ${2:Column2}    | ${3:Column3}    | ${4:Column4}    |",
-            "|---------------- | --------------- | --------------- | --------------- |",
-            "| ${5:Item1.1}    | ${6:Item2.1}    | ${7:Item3.1}    | ${8:Item4.1}    |",
-            "| ${9:Item1.2}    | ${10:Item2.2}   | ${11:Item3.2}   | ${12:Item4.2}   |",
-            "| ${13:Item1.3}   | ${14:Item2.3}   | ${15:Item3.3}   | ${16:Item4.3}   |",
+            "| ${1:Column1} | ${2:Column2} | ${3:Column3} | ${4:Column4} |",
+            "| --------------- | --------------- | --------------- | --------------- |",
+            "| ${5:Item1.1} | ${6:Item2.1} | ${7:Item3.1} | ${8:Item4.1} |",
+            "| ${9:Item1.2} | ${10:Item2.2} | ${11:Item3.2} | ${12:Item4.2} |",
+            "| ${13:Item1.3} | ${14:Item2.3} | ${15:Item3.3} | ${16:Item4.3} |",
             "${0}"
         ],
         "description": "Insert table with 4 rows and 4 columns. First row is heading."
@@ -321,12 +321,12 @@
     "Insert 5x4 table": {
         "prefix": "5x4table",
         "body": [
-            "| ${1:Column1}    | ${2:Column2}    | ${3:Column3}    | ${4:Column4}    |",
-            "|---------------- | --------------- | --------------- | --------------- |",
-            "| ${5:Item1.1}    | ${6:Item2.1}    | ${7:Item3.1}    | ${8:Item4.1}    |",
-            "| ${9:Item1.2}    | ${10:Item2.2}   | ${11:Item3.2}   | ${12:Item4.2}   |",
-            "| ${13:Item1.3}   | ${14:Item2.3}   | ${15:Item3.3}   | ${16:Item4.3}   |",
-            "| ${17:Item1.4}   | ${18:Item2.4}   | ${19:Item3.4}   | ${20:Item4.4}   |",
+            "| ${1:Column1} | ${2:Column2} | ${3:Column3} | ${4:Column4} |",
+            "| --------------- | --------------- | --------------- | --------------- |",
+            "| ${5:Item1.1} | ${6:Item2.1} | ${7:Item3.1} | ${8:Item4.1} |",
+            "| ${9:Item1.2} | ${10:Item2.2} | ${11:Item3.2} | ${12:Item4.2} |",
+            "| ${13:Item1.3} | ${14:Item2.3} | ${15:Item3.3} | ${16:Item4.3} |",
+            "| ${17:Item1.4} | ${18:Item2.4} | ${19:Item3.4} | ${20:Item4.4} |",
             "${0}"
         ],
         "description": "Insert table with 5 rows and 4 columns. First row is heading."
@@ -334,9 +334,9 @@
     "Insert 2x5 table": {
         "prefix": "2x5table",
         "body": [
-            "| ${1:Column1}    | ${2:Column2}    | ${3:Column3}    | ${4:Column4}    | ${5:Column5}    |",
-            "|---------------- | --------------- | --------------- | --------------- | --------------- |",
-            "| ${6:Item1.1}    | ${7:Item2.1}    | ${8:Item3.1}    | ${9:Item4.1}    | ${10:Item5.1}   |",
+            "| ${1:Column1} | ${2:Column2} | ${3:Column3} | ${4:Column4} | ${5:Column5} |",
+            "| --------------- | --------------- | --------------- | --------------- | --------------- |",
+            "| ${6:Item1.1} | ${7:Item2.1} | ${8:Item3.1} | ${9:Item4.1} | ${10:Item5.1} |",
             "${0}"
         ],
         "description": "Insert table with 2 rows and 5 columns. First row is heading."
@@ -344,10 +344,10 @@
     "Insert 3x5 table": {
         "prefix": "3x5table",
         "body": [
-            "| ${1:Column1}    | ${2:Column2}    | ${3:Column3}    | ${4:Column4}    | ${5:Column5}    |",
-            "|---------------- | --------------- | --------------- | --------------- | --------------- |",
-            "| ${6:Item1.1}    | ${7:Item2.1}    | ${8:Item3.1}    | ${9:Item4.1}    | ${10:Item5.1}   |",
-            "| ${11:Item1.2}   | ${12:Item2.2}   | ${13:Item3.2}   | ${14:Item4.2}   | ${15:Item5.2}   |",
+            "| ${1:Column1} | ${2:Column2} | ${3:Column3} | ${4:Column4} | ${5:Column5} |",
+            "| --------------- | --------------- | --------------- | --------------- | --------------- |",
+            "| ${6:Item1.1} | ${7:Item2.1} | ${8:Item3.1} | ${9:Item4.1} | ${10:Item5.1} |",
+            "| ${11:Item1.2} | ${12:Item2.2} | ${13:Item3.2} | ${14:Item4.2} | ${15:Item5.2} |",
             "${0}"
         ],
         "description": "Insert table with 3 rows and 5 columns. First row is heading."
@@ -355,11 +355,11 @@
     "Insert 4x5 table": {
         "prefix": "4x5table",
         "body": [
-            "| ${1:Column1}    | ${2:Column2}    | ${3:Column3}    | ${4:Column4}    | ${5:Column5}    |",
-            "|---------------- | --------------- | --------------- | --------------- | --------------- |",
-            "| ${6:Item1.1}    | ${7:Item2.1}    | ${8:Item3.1}    | ${9:Item4.1}    | ${10:Item5.1}   |",
-            "| ${11:Item1.2}   | ${12:Item2.2}   | ${13:Item3.2}   | ${14:Item4.2}   | ${15:Item5.2}   |",
-            "| ${16:Item1.3}   | ${17:Item2.3}   | ${18:Item3.3}   | ${19:Item4.3}   | ${20:Item5.3}   |",
+            "| ${1:Column1} | ${2:Column2} | ${3:Column3} | ${4:Column4} | ${5:Column5} |",
+            "| --------------- | --------------- | --------------- | --------------- | --------------- |",
+            "| ${6:Item1.1} | ${7:Item2.1} | ${8:Item3.1} | ${9:Item4.1} | ${10:Item5.1} |",
+            "| ${11:Item1.2} | ${12:Item2.2} | ${13:Item3.2} | ${14:Item4.2} | ${15:Item5.2} |",
+            "| ${16:Item1.3} | ${17:Item2.3} | ${18:Item3.3} | ${19:Item4.3} | ${20:Item5.3} |",
             "${0}"
         ],
         "description": "Insert table with 4 rows and 5 columns. First row is heading."
@@ -367,12 +367,12 @@
     "Insert 5x5 table": {
         "prefix": "5x5table",
         "body": [
-            "| ${1:Column1}    | ${2:Column2}    | ${3:Column3}    | ${4:Column4}    | ${5:Column5}    |",
-            "|---------------- | --------------- | --------------- | --------------- | --------------- |",
-            "| ${6:Item1.1}    | ${7:Item2.1}    | ${8:Item3.1}    | ${9:Item4.1}    | ${10:Item5.1}   |",
-            "| ${11:Item1.2}   | ${12:Item2.2}   | ${13:Item3.2}   | ${14:Item4.2}   | ${15:Item5.2}   |",
-            "| ${16:Item1.3}   | ${17:Item2.3}   | ${18:Item3.3}   | ${19:Item4.3}   | ${20:Item5.3}   |",
-            "| ${21:Item1.4}   | ${22:Item2.4}   | ${23:Item3.4}   | ${24:Item4.4}   | ${25:Item5.4}   |",
+            "| ${1:Column1} | ${2:Column2} | ${3:Column3} | ${4:Column4} | ${5:Column5} |",
+            "| --------------- | --------------- | --------------- | --------------- | --------------- |",
+            "| ${6:Item1.1} | ${7:Item2.1} | ${8:Item3.1} | ${9:Item4.1} | ${10:Item5.1} |",
+            "| ${11:Item1.2} | ${12:Item2.2} | ${13:Item3.2} | ${14:Item4.2} | ${15:Item5.2} |",
+            "| ${16:Item1.3} | ${17:Item2.3} | ${18:Item3.3} | ${19:Item4.3} | ${20:Item5.3} |",
+            "| ${21:Item1.4} | ${22:Item2.4} | ${23:Item3.4} | ${24:Item4.4} | ${25:Item5.4} |",
             "${0}"
         ],
         "description": "Insert table with 5 rows and 5 columns. First row is heading."
@@ -386,5 +386,30 @@
         "prefix": "sup",
         "body": ["${1}<sup>${0}"],
         "description": "Create a superscript."
+    },
+    "Insert Note": {
+        "prefix": ["note", "n"],
+        "body": "> [!NOTE]\n> ",
+        "description": "Insert Note"
+    },
+    "Insert Tip": {
+        "prefix": ["tip", "t"],
+        "body": "> [!TIP]\n> ",
+        "description": "Insert Tip"
+    },
+    "Insert Important": {
+        "prefix": ["important", "imp"],
+        "body": "> [!IMPORTANT]\n> ",
+        "description": "Insert Important"
+    },
+    "Insert Warning": {
+        "prefix": ["warning", "w"],
+        "body": "> [!WARNING]\n> ",
+        "description": "Insert Warning"
+    },
+    "Insert Caution": {
+        "prefix": ["caution", "c"],
+        "body": "> [!CAUTION]\n> ",
+        "description": "Insert Caution"
     }
 }
diff --git a/snippets/purescript.json b/snippets/purescript.json
new file mode 100644
index 00000000..e4a49078
--- /dev/null
+++ b/snippets/purescript.json
@@ -0,0 +1,91 @@
+{
+  "ado": {
+    "body": [
+      "ado",
+      "  ${1:binder} ← ${2:expression}",
+      "",
+      "  in ${3:experssion}"
+    ],
+    "description": "Ado-block",
+    "prefix": [
+      "ado"
+    ]
+  },
+  "case": {
+    "body": [
+      "case ${1:expression} of",
+      "  ${2:case1} → ${3:result}",
+      "  ${4:case2} → ${5:result}$0"
+    ],
+    "description": "Case statement",
+    "prefix": [
+      "case"
+    ]
+  },
+  "derive-instance": {
+    "body": [
+      "derive instance ${1:type}"
+    ],
+    "description": "Derive instance",
+    "prefix": [
+      "derive",
+      "drv"
+    ]
+  },
+  "derive-newtype-instance": {
+    "body": [
+      "derive newtype instance ${1:type}"
+    ],
+    "description": "Derive newtype instance",
+    "prefix": [
+      "derive-newtype",
+      "drvnt",
+      "dni"
+    ]
+  },
+  "do": {
+    "body": [
+      "do",
+      "  ${1:binder} ← ${2:expression}"
+    ],
+    "description": "Do-block",
+    "prefix": [
+      "do"
+    ]
+  },
+  "foreign-import": {
+    "body": [
+      "foreign import ${1:name} ∷ ${2:type}"
+    ],
+    "description": "Foreign import",
+    "prefix": [
+      "foreign",
+      "fri"
+    ]
+  },
+  "foreign-import-data": {
+    "body": [
+      "foreign import data ${1:name} ∷ ${2:kind}"
+    ],
+    "description": "Foreign import data",
+    "prefix": [
+      "foreign-data",
+      "frd"
+    ]
+  },
+  "open-row-type-alias": {
+    "body": [
+      "type ${1:type} r =",
+      "  ( ${2:field} ∷ ${3:type}",
+      "  , ${4:field} ∷ ${5:type}",
+      "  | r",
+      "  )"
+    ],
+    "description": "Type alias for an open row",
+    "prefix": [
+      "open-row-type-alias",
+      "rta",
+      "row"
+    ]
+  }
+}
diff --git a/snippets/python/debug.json b/snippets/python/debug.json
index e5754b07..c9f593f1 100644
--- a/snippets/python/debug.json
+++ b/snippets/python/debug.json
@@ -30,5 +30,15 @@
     "Pretty print": {
         "prefix": "pprint",
         "body": "__import__('pprint').pprint(${1:expression})$0"
+    },
+    "debugpy remote attach": {
+        "prefix": "debugpy",
+        "body": [
+            "import debugpy, platform",
+            "debugpy.listen((platform.node(), ${1:5678}))",
+            "print(f\"debugpy listening on {platform.node()}:$1\", flush=True)",
+            "debugpy.wait_for_client()$0"
+        ],
+        "description": "Code snippet for debugpy remote attach"
     }
 }
diff --git a/snippets/ruby/ruby.json b/snippets/ruby/ruby.json
index 06b05566..84d7a69d 100644
--- a/snippets/ruby/ruby.json
+++ b/snippets/ruby/ruby.json
@@ -240,6 +240,10 @@
         "prefix": "irb",
         "body": "binding.irb"
     },
+    "Insert break call": {
+        "prefix": "break",
+        "body": "binding.break"
+    },
     "Insert RSpec.describe class": {
         "prefix": "rdesc",
         "body": ["RSpec.describe ${1:described_class} do", "\t$0", "end"]
diff --git a/snippets/rust/rust.json b/snippets/rust/rust.json
index be3c5a20..49fd1248 100644
--- a/snippets/rust/rust.json
+++ b/snippets/rust/rust.json
@@ -231,7 +231,7 @@
     },
     "else": {
         "prefix": "else",
-        "body": ["else {", "    ${1:unimplemented!();}", "}"],
+        "body": ["else {", "    ${1:todo!();}", "}"],
         "description": "else { … }"
     },
     "enum": {
@@ -268,7 +268,7 @@
         "prefix": "pfn",
         "body": [
             "pub fn ${1:name}(${2:arg}: ${3:Type}) -> ${4:RetType} {",
-            "    ${5:unimplemented!();}",
+            "    ${5:todo!();}",
             "}"
         ],
         "description": "pub fn …(…) { … }"
@@ -277,7 +277,7 @@
         "prefix": "fn",
         "body": [
             "fn ${1:name}(${2:arg}: ${3:Type}) -> ${4:RetType} {",
-            "    ${5:unimplemented!();}",
+            "    ${5:todo!();}",
             "}"
         ],
         "description": "fn …(…) { … }"
@@ -286,7 +286,7 @@
         "prefix": "for",
         "body": [
             "for ${1:pat} in ${2:expr} {",
-            "    ${3:unimplemented!();}",
+            "    ${3:todo!();}",
             "}"
         ],
         "description": "for … in … { … }"
@@ -295,14 +295,14 @@
         "prefix": "if-let",
         "body": [
             "if let ${1:Some(pat)} = ${2:expr} {",
-            "    ${0:unimplemented!();}",
+            "    ${0:todo!();}",
             "}"
         ],
         "description": "if let … = … { … }"
     },
     "if": {
         "prefix": "if",
-        "body": ["if ${1:condition} {", "    ${2:unimplemented!();}", "}"],
+        "body": ["if ${1:condition} {", "    ${2:todo!();}", "}"],
         "description": "if … { … }"
     },
     "impl-trait": {
@@ -324,7 +324,7 @@
         "body": [
             "#[inline]",
             "pub fn ${1:name}() {",
-            "    ${2:unimplemented!();}",
+            "    ${2:todo!();}",
             "}"
         ],
         "description": "inlined function"
@@ -336,7 +336,7 @@
     },
     "loop": {
         "prefix": "loop",
-        "body": ["loop {", "    ${2:unimplemented!();}", "}"],
+        "body": ["loop {", "    ${2:todo!();}", "}"],
         "description": "loop { … }"
     },
     "macro_rules": {
@@ -346,16 +346,13 @@
     },
     "main": {
         "prefix": "main",
-        "body": ["fn main() {", "    ${1:unimplemented!();}", "}"],
+        "body": ["fn main() {", "    ${1:todo!();}", "}"],
         "description": "fn main() { … }"
     },
     "match": {
         "prefix": "match",
         "body": [
-            "match ${1:expr} {",
-            "    ${2:Some(expr)} => ${3:expr},",
-            "    ${4:None} => ${5:expr},",
-            "}"
+            "match ${1:expr} {}"
         ],
         "description": "match … { … }"
     },
@@ -394,12 +391,25 @@
         ],
         "description": "struct … { … }"
     },
+    "modtest": {
+        "prefix": "modtest",
+        "body": [
+            "#[cfg(test)]",
+            "mod test {",
+            "    #[test]",
+            "    fn ${1:name}() {",
+            "        ${2:todo!();}",
+            "    }",
+            "}"
+        ],
+        "description": "#[cfg(test)]\nmod test {...}"
+    },
     "test": {
         "prefix": "test",
         "body": [
             "#[test]",
             "fn ${1:name}() {",
-            "    ${2:unimplemented!();}",
+            "    ${2:todo!();}",
             "}"
         ],
         "description": "#[test]"
@@ -418,14 +428,14 @@
         "prefix": "while-let",
         "body": [
             "while let ${1:Some(pat)} = ${2:expr} {",
-            "    ${0:unimplemented!();}",
+            "    ${0:todo!();}",
             "}"
         ],
         "description": "while let … = … { … }"
     },
     "while": {
         "prefix": "while",
-        "body": ["while ${1:condition} {", "    ${2:unimplemented!();}", "}"],
+        "body": ["while ${1:condition} {", "    ${2:todo!();}", "}"],
         "description": "while … { … }"
     }
 }
diff --git a/snippets/terraform.json b/snippets/terraform.json
index f65a1306..c7e0d0f4 100644
--- a/snippets/terraform.json
+++ b/snippets/terraform.json
@@ -6944,5 +6944,45 @@
       "   }",
       "}"
     ]
+  },
+  "data_source": {
+    "prefix": "data",
+    "description": "Define a data source",
+    "body": [
+      "data \"${data_source_type}\" \"${data_source_name}\" {",
+      "   ${value} = \"${identifier}\"",
+      "}"
+    ]
+  },
+  "input_variable": {
+    "prefix": "input",
+    "description": "Define an input variable",
+    "body": [
+      "variable \"${name}\" {",
+      "   type = \"${type}\"",
+      "   description = \"${description}\"",
+      "   default = \"${default_value}\"",
+      "}"
+    ]
+  },
+  "output_variable": {
+    "prefix": "output",
+    "description": "Define an output value",
+    "body": [
+      "output \"${output_name}\" {",
+      "   value = ${resource_name_attribute}",
+      "   description = ${description}",
+      "}"
+    ]
+  },
+  "resource": {
+    "prefix": [ "resource", "res" ],
+    "description": "basic resource definition",
+    "body": [
+	    "resource \"${resource_type}\" \"${resource_name}\" {",
+		    "   ${field} = \"${value}\"",
+		    "}"
+
+    ]
   }
 }