diff --git a/CHANGELOG.md b/CHANGELOG.md
index 8078471..53ef5f3 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -2,6 +2,11 @@
All notable changes to the "vue-vscode-snippets" extension will be documented in this file.
+## 3.2.0
+
+- Add base script setup blocks for Vue 3
+- Update README with new snippets
+
## 3.1.1
- Update README
diff --git a/README.md b/README.md
index f440a8f..b71ff08 100644
--- a/README.md
+++ b/README.md
@@ -32,22 +32,27 @@ You can enable tab completion (recommended) by opening `Code > Preferences > Set
### Vue
-| Snippet | Purpose |
-| ------------------ | ------------------------------------------------------------ |
-| `vbase` | Single file component base with SCSS |
-| `vbase-3` | Single File component Composition API with SCSS |
-| `vbase-3-setup` | Single File component setup Composition API with SCSS |
-| `vbase-3-reactive` | Single File component Composition API with Reactive and SCSS |
-| `vbase-css` | Single file component base with CSS |
-| `vbase-pcss` | Single file component base with PostCSS |
-| `vbase-styl` | Single file component base with Stylus |
-| `vbase-ts` | Single file component base with Typescript |
-| `vbase-ts-class` | Single file component base with Typescript Class Format |
-| `vbase-3-ts` | Single File component Composition API with Typescript |
-| `vbase-3-ts-setup` | Single File component setup Composition API with Typescript |
-| `vbase-ns` | Single file component with no styles |
-| `vbase-sass` | Single file component base with SASS |
-| `vbase-less` | Single file component base with LESS |
+These snippets are meant to provide a base scaffold for your single file components (SFC).
+
+| Snippet | Purpose |
+| ------------------ | ------------------------------------------ |
+| `vbase-3-ss` | SFC base with script setup |
+| `vbase-3-ss-ts` | SFC base with script setup and TypeScript |
+| `vbase` | SFC base with SCSS |
+| `vbase-3` | SFC Composition API with SCSS |
+| `vbase-3-setup` | SFC setup Composition API with SCSS |
+| `vbase-3-setup` | SFC setup Composition API with SCSS |
+| `vbase-3-reactive` | SFC Composition API with Reactive and SCSS |
+| `vbase-css` | SFC base with CSS |
+| `vbase-pcss` | SFC base with PostCSS |
+| `vbase-styl` | SFC base with Stylus |
+| `vbase-ts` | SFC base with Typescript |
+| `vbase-ts-class` | SFC base with Typescript Class Format |
+| `vbase-3-ts` | SFC Composition API with Typescript |
+| `vbase-3-ts-setup` | SFC setup Composition API with Typescript |
+| `vbase-ns` | SFC with no styles |
+| `vbase-sass` | SFC base with SASS |
+| `vbase-less` | SFC base with LESS |
### Template
diff --git a/package.json b/package.json
index c5d44d3..c9f44b3 100644
--- a/package.json
+++ b/package.json
@@ -3,7 +3,7 @@
"displayName": "Vue VSCode Snippets",
"description": "Snippets that will supercharge your Vue workflow",
"icon": "images/vue-logo.png",
- "version": "3.1.1",
+ "version": "3.2.0",
"publisher": "sdras",
"engines": {
"vscode": "^1.14.0"
@@ -48,6 +48,10 @@
"language": "javascript",
"path": "./snippets/vue-script.json"
},
+ {
+ "language": "javascript",
+ "path": "./snippets/vue-script-setup.json"
+ },
{
"language": "javascript",
"path": "./snippets/vue-script-vuex.json"
diff --git a/snippets/vue-script-setup.json b/snippets/vue-script-setup.json
new file mode 100644
index 0000000..c0de1d2
--- /dev/null
+++ b/snippets/vue-script-setup.json
@@ -0,0 +1,40 @@
+{
+ "Vue SFC Script Setup (Composition API)": {
+ "prefix": ["vbase-3-script-setup", "vbase-3-ss"],
+ "body": [
+ "",
+ "",
+ "",
+ "\t",
+ "",
+ "\t
",
+ "",
+ "",
+ ""
+ ],
+ "description": "Base for Vue Single File Component Script Setup (Composition API)"
+ },
+ "Vue SFC Script Setup with TypeScript (Composition API)": {
+ "prefix": ["vbase-3-script-setup-ts", "vbase-3-ss-ts"],
+ "body": [
+ "",
+ "",
+ "",
+ "\t",
+ "",
+ "\t
",
+ "",
+ "",
+ ""
+ ],
+ "description": "Base for Vue Single File Component Script Setup with TypeScript (Composition API)"
+ }
+}