diff --git a/README.md b/README.md index f440a8f..77a5bd2 100644 --- a/README.md +++ b/README.md @@ -32,22 +32,23 @@ 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 | +| 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-3-ts-setup-props-emits` | Single File Component Setup Composition API with Typescript, props, and emits | +| `vbase-ns` | Single file component with no styles | +| `vbase-sass` | Single file component base with SASS | +| `vbase-less` | Single file component base with LESS | ### Template diff --git a/snippets/vue.json b/snippets/vue.json index 578866c..798caf9 100644 --- a/snippets/vue.json +++ b/snippets/vue.json @@ -285,6 +285,41 @@ ], "description": "Base for Vue File Setup Composition API - Typescript" }, + "Vue Single File Component Setup Composition API with Typescript, props, and emits": { + "prefix": "vbase-3-ts-setup-props-emits", + "body": [ + "", + "", + "", + "", + "" + ], + "description": "Base for Vue File Setup Composition API - Typescript with defineProps & defineEmits" + }, "Vue Single File Component with Class based Typescript format": { "prefix": "vbase-ts-class", "body": [ @@ -309,4 +344,4 @@ ], "description": "Base for Vue File with Class based Typescript format" } -} +} \ No newline at end of file