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": [ + "", + "", + "", + "", + "" + ], + "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": [ + "", + "", + "", + "", + "" + ], + "description": "Base for Vue Single File Component Script Setup with TypeScript (Composition API)" + } +}