diff --git a/README.md b/README.md
index 8e34d5b..bb2e054 100644
--- a/README.md
+++ b/README.md
@@ -112,10 +112,10 @@ The `vue` prefix generates Vue Single-File Components, Some examples:
 
 | Prefix                                      | VS Code Suggest Match | Snippet                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  |
 |---------------------------------------------|-----------------------|----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
-| `vue` <br><br> `vue-options-api`            |                       | <small><em>\<template\><br>&nbsp;&nbsp;\<div\><br>&nbsp;&nbsp;&nbsp;&nbsp;\<!-- --\><br>&nbsp;&nbsp;\</div\><br>\</template\><br><br>\<script\><br>export default {<br>&nbsp;&nbsp;name: 'TestIndex',<br><br>&nbsp;&nbsp;data() {<br>&nbsp;&nbsp;&nbsp;&nbsp;return {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;};<br>&nbsp;&nbsp;},<br><br>&nbsp;&nbsp;mounted() {<br>&nbsp;&nbsp;&nbsp;&nbsp;<br>&nbsp;&nbsp;},<br><br>&nbsp;&nbsp;methods: {<br>&nbsp;&nbsp;&nbsp;&nbsp;<br>&nbsp;&nbsp;},<br>};<br>\</script\></em></small> |
-| `vue` <br><br> `vue-composition-api`        |                       | <small><em>\<template\><br>&nbsp;&nbsp;\<div\><br>&nbsp;&nbsp;&nbsp;&nbsp;\<!-- --\><br>&nbsp;&nbsp;\</div\><br>\</template\><br><br>\<script setup\><br><br>\</script\></em></small>                                                                                                                                                                                                                                                                                                                                                                    |
-| `vue` <br><br> `vue-composition-api-hook`   |                       | <small><em>\<template\><br>&nbsp;&nbsp;\<div\><br>&nbsp;&nbsp;&nbsp;&nbsp;\<!-- --\><br>&nbsp;&nbsp;\</div\><br>\</template\><br><br>\<script\><br>import { ref } from 'vue';<br><br>export default {<br>&nbsp;&nbsp;setup() {<br>&nbsp;&nbsp;&nbsp;&nbsp;const feature = ref();<br><br>&nbsp;&nbsp;&nbsp;&nbsp;return {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;};<br>&nbsp;&nbsp;},<br>};<br>\</script\></em></small>                                                                                                       |
-| `vue` <br><br> `vue-composition-api-plugin` |                       | <small><em>\<template\><br>&nbsp;&nbsp;\<div\><br>&nbsp;&nbsp;&nbsp;&nbsp;\<!-- --\><br>&nbsp;&nbsp;\</div\><br>\</template\><br><br>\<script\><br>import { defineComponent } from '@vue/composition-api';<br><br>export default defineComponent({<br>&nbsp;&nbsp;setup() {<br>&nbsp;&nbsp;&nbsp;&nbsp;<br><br>&nbsp;&nbsp;&nbsp;&nbsp;return {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;};<br>&nbsp;&nbsp;},<br>});<br>\</script\></em></small>                                                                               |
+| `vue` <br><br> `vue-options-api`            | `vop`                 | <small><em>\<template\><br>&nbsp;&nbsp;\<div\><br>&nbsp;&nbsp;&nbsp;&nbsp;\<!-- --\><br>&nbsp;&nbsp;\</div\><br>\</template\><br><br>\<script\><br>export default {<br>&nbsp;&nbsp;name: 'TestIndex',<br><br>&nbsp;&nbsp;data() {<br>&nbsp;&nbsp;&nbsp;&nbsp;return {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;};<br>&nbsp;&nbsp;},<br><br>&nbsp;&nbsp;mounted() {<br>&nbsp;&nbsp;&nbsp;&nbsp;<br>&nbsp;&nbsp;},<br><br>&nbsp;&nbsp;methods: {<br>&nbsp;&nbsp;&nbsp;&nbsp;<br>&nbsp;&nbsp;},<br>};<br>\</script\></em></small> |
+| `vue` <br><br> `vue-composition-api`        | `vca`                 | <small><em>\<template\><br>&nbsp;&nbsp;\<div\><br>&nbsp;&nbsp;&nbsp;&nbsp;\<!-- --\><br>&nbsp;&nbsp;\</div\><br>\</template\><br><br>\<script setup\><br><br>\</script\></em></small>                                                                                                                                                                                                                                                                                                                                                                    |
+| `vue` <br><br> `vue-composition-api-hook`   | `vcah`                | <small><em>\<template\><br>&nbsp;&nbsp;\<div\><br>&nbsp;&nbsp;&nbsp;&nbsp;\<!-- --\><br>&nbsp;&nbsp;\</div\><br>\</template\><br><br>\<script\><br>import { ref } from 'vue';<br><br>export default {<br>&nbsp;&nbsp;setup() {<br>&nbsp;&nbsp;&nbsp;&nbsp;const feature = ref();<br><br>&nbsp;&nbsp;&nbsp;&nbsp;return {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;};<br>&nbsp;&nbsp;},<br>};<br>\</script\></em></small>                                                                                                       |
+| `vue` <br><br> `vue-composition-api-plugin` | `vcap`                | <small><em>\<template\><br>&nbsp;&nbsp;\<div\><br>&nbsp;&nbsp;&nbsp;&nbsp;\<!-- --\><br>&nbsp;&nbsp;\</div\><br>\</template\><br><br>\<script\><br>import { defineComponent } from '@vue/composition-api';<br><br>export default defineComponent({<br>&nbsp;&nbsp;setup() {<br>&nbsp;&nbsp;&nbsp;&nbsp;<br><br>&nbsp;&nbsp;&nbsp;&nbsp;return {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;};<br>&nbsp;&nbsp;},<br>});<br>\</script\></em></small>                                                                               |
 | ...                                         |                       |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          |
 
 Full prefix screenshot (SFC) / 完整前缀截图 (单文件组件):
@@ -136,10 +136,10 @@ The `vue-style` prefix generates a `<style>` language block, which contains diff
 
 | Prefix                                                    | VS Code Suggest Match | Snippet                                                                                                                                                                                                                                                                                                                                                                                                                        |
 |-----------------------------------------------------------|-----------------------|--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
-| `vue-script` <br><br> `vue-script-options-api`            |                       | <small><em>\<script\><br>export default {<br>&nbsp;&nbsp;name: 'TestIndex',<br><br>&nbsp;&nbsp;data() {<br>&nbsp;&nbsp;&nbsp;&nbsp;return {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;};<br>&nbsp;&nbsp;},<br><br>&nbsp;&nbsp;mounted() {<br>&nbsp;&nbsp;&nbsp;&nbsp;<br>&nbsp;&nbsp;},<br><br>&nbsp;&nbsp;methods: {<br>&nbsp;&nbsp;&nbsp;&nbsp;<br>&nbsp;&nbsp;},<br>};<br>\</script\></em></small> |
-| `vue-script` <br><br> `vue-script-composition-api`        |                       | <small><em>\<script setup\><br><br>\</script\></em></small>                                                                                                                                                                                                                                                                                                                                                                    |
-| `vue-script` <br><br> `vue-script-composition-api-hook`   |                       | <small><em>\<script\><br>import { ref } from 'vue';<br><br>export default {<br>&nbsp;&nbsp;setup() {<br>&nbsp;&nbsp;&nbsp;&nbsp;const feature = ref();<br><br>&nbsp;&nbsp;&nbsp;&nbsp;return {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;};<br>&nbsp;&nbsp;},<br>};<br>\</script\></em></small>                                                                                                       |
-| `vue-script` <br><br> `vue-script-composition-api-plugin` |                       | <small><em>\<script\><br>import { defineComponent } from '@vue/composition-api';<br><br>export default defineComponent({<br>&nbsp;&nbsp;setup() {<br>&nbsp;&nbsp;&nbsp;&nbsp;<br><br>&nbsp;&nbsp;&nbsp;&nbsp;return {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;};<br>&nbsp;&nbsp;},<br>});<br>\</script\></em></small>                                                                               |
+| `vue-script` <br><br> `vue-options-api-script`            |                       | <small><em>\<script\><br>export default {<br>&nbsp;&nbsp;name: 'TestIndex',<br><br>&nbsp;&nbsp;data() {<br>&nbsp;&nbsp;&nbsp;&nbsp;return {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;};<br>&nbsp;&nbsp;},<br><br>&nbsp;&nbsp;mounted() {<br>&nbsp;&nbsp;&nbsp;&nbsp;<br>&nbsp;&nbsp;},<br><br>&nbsp;&nbsp;methods: {<br>&nbsp;&nbsp;&nbsp;&nbsp;<br>&nbsp;&nbsp;},<br>};<br>\</script\></em></small> |
+| `vue-script` <br><br> `vue-composition-api-script`        |                       | <small><em>\<script setup\><br><br>\</script\></em></small>                                                                                                                                                                                                                                                                                                                                                                    |
+| `vue-script` <br><br> `vue-composition-api-hook-script`   |                       | <small><em>\<script\><br>import { ref } from 'vue';<br><br>export default {<br>&nbsp;&nbsp;setup() {<br>&nbsp;&nbsp;&nbsp;&nbsp;const feature = ref();<br><br>&nbsp;&nbsp;&nbsp;&nbsp;return {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;};<br>&nbsp;&nbsp;},<br>};<br>\</script\></em></small>                                                                                                       |
+| `vue-script` <br><br> `vue-composition-api-plugin-script` |                       | <small><em>\<script\><br>import { defineComponent } from '@vue/composition-api';<br><br>export default defineComponent({<br>&nbsp;&nbsp;setup() {<br>&nbsp;&nbsp;&nbsp;&nbsp;<br><br>&nbsp;&nbsp;&nbsp;&nbsp;return {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;};<br>&nbsp;&nbsp;},<br>});<br>\</script\></em></small>                                                                               |
 | `vue-style-scss`                                          |                       | <small><em>\<style lang="scss" scoped\><br><br>\</style\></em></small>                                                                                                                                                                                                                                                                                                                                                         |
 | `vue-style-less`                                          |                       | <small><em>\<style lang="less" scoped\><br><br>\</style\></em></small>                                                                                                                                                                                                                                                                                                                                                         |
 | ...                                                       |                       |                                                                                                                                                                                                                                                                                                                                                                                                                                |
@@ -157,25 +157,25 @@ The `option-` prefix generates Vue Options API Code, Examples:
 
 通过 `option-` 前缀触发，包涵所有生成 Vue 选项式 API 的代码片段，示例如下：
 
-| Prefix                                      | VS Code Suggest Match | Snippet                                                                                                                                                                                                                                                                                                                                                           |
-|---------------------------------------------|-----------------------|-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
-| `option-name`                               |                       | <small><em>name: 'FileName',</em></small>                                                                                                                                                                                                                                                                                                                         |
-| `option-components` <br><br> `ocs`          |                       | <small><em><strong><u style="color: red;">c</u></strong>omponent<strong><u style="color: red;">s</u></strong>: { Feature },</em></small>                                                                                                                                                                                                                          |
-| `option-directives` <br><br> `ods`          |                       | <small><em><strong><u style="color: red;">d</u></strong>irective<strong><u style="color: red;">s</u></strong>: {<br>&nbsp;&nbsp;<br>},</em></small>                                                                                                                                                                                                               |
-| `option-props` <br><br> `ops`               | `opps`                | <small><em><strong><u style="color: red;">p</u></strong>rop<strong><u style="color: red;">s</u></strong>: {<br>&nbsp;&nbsp;<br>},</em></small>                                                                                                                                                                                                                    |
-| `option-provide()` <br><br> `ope`           |                       | <small><em><strong><u style="color: red;">p</u></strong>rovid<strong><u style="color: red;">e</u></strong>() {<br>&nbsp;&nbsp;return {<br>&nbsp;&nbsp;&nbsp;&nbsp;property: 'value',<br>&nbsp;&nbsp;};<br>},</em></small>                                                                                                                                         |
-| `option-inject` <br><br> `oit`              |                       | <small><em><strong><u style="color: red;">i</u></strong>njec<strong><u style="color: red;">t</u></strong>: ['property'],</em></small>                                                                                                                                                                                                                             |
-| `option-data()` <br><br> `od`               | `opd`                 | <small><em><strong><u style="color: red;">d</u></strong>ata() {<br>&nbsp;&nbsp;return {<br>&nbsp;&nbsp;&nbsp;&nbsp;property: 'value',<br>&nbsp;&nbsp;};<br>},</em></small>                                                                                                                                                                                        |
-| `option-computed` <br><br> `oc`             | `opc`                 | <small><em><strong><u style="color: red;">c</u></strong>omputed: {<br>&nbsp;&nbsp;property() {<br>&nbsp;&nbsp;&nbsp;&nbsp;return this.property;<br>&nbsp;&nbsp;},<br>},</em></small>                                                                                                                                                                              |
-| `computed-property` <br><br> `cp`           |                       | <small><em><strong><u style="color: red;">p</u></strong>roperty() {<br>&nbsp;&nbsp;return this.property;<br>},</em></small>                                                                                                                                                                                                                                       |
-| `computed-property-get-set` <br><br> `cpgs` |                       | <small><em><strong><u style="color: red;">p</u></strong>roperty: {<br>&nbsp;&nbsp;<strong><u style="color: red;">g</u></strong>et() {<br>&nbsp;&nbsp;&nbsp;&nbsp;return this.value;<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;<strong><u style="color: red;">s</u></strong>et(value) {<br>&nbsp;&nbsp;&nbsp;&nbsp;this.value = value;<br>&nbsp;&nbsp;},<br>},</em></small> |
-| `option-watch` <br><br> `ow`                | `opw`                 | <small><em><strong><u style="color: red;">w</u></strong>atch: {<br>&nbsp;&nbsp;<br>},</em></small>                                                                                                                                                                                                                                                                |
-| `option-methods` <br><br> `om`              | `opm`                 | <small><em><strong><u style="color: red;">m</u></strong>ethods: {<br>&nbsp;&nbsp;methodProperty() {<br>&nbsp;&nbsp;&nbsp;&nbsp;<br>&nbsp;&nbsp;},<br>},</em></small>                                                                                                                                                                                              |
-| `methods-property` <br><br> `mp`            |                       | <small><em><strong><u style="color: red;">m</u></strong>ethod<strong><u style="color: red;">P</u></strong>roperty() {<br>&nbsp;&nbsp;<br>},</em></small>                                                                                                                                                                                                          |
-| `option-emits`                              |                       | <small><em>emits: \['eventName'\],</em></small>                                                                                                                                                                                                                                                                                                                   |
-| `option-expose`                             |                       | <small><em>expose: \['publicMethod'\],</em></small>                                                                                                                                                                                                                                                                                                               |
-| `option-render`                             |                       | <small><em>render(h, context) {<br>&nbsp;&nbsp;return h('tag', []);<br>},                                                                                                                                                                                                                                                                                         |
-| ...                                         |                       |                                                                                                                                                                                                                                                                                                                                                                   |
+| Prefix                      | VS Code Suggest Match | Snippet                                                                                                                                                                                                                                                                                                                                                           |
+|-----------------------------|-----------------------|-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
+| `option-name`               |                       | <small><em>name: 'FileName',</em></small>                                                                                                                                                                                                                                                                                                                         |
+| `option-components`         | `ocs`                 | <small><em><strong><u style="color: red;">c</u></strong>omponent<strong><u style="color: red;">s</u></strong>: { Feature },</em></small>                                                                                                                                                                                                                          |
+| `option-directives`         | `ods`                 | <small><em><strong><u style="color: red;">d</u></strong>irective<strong><u style="color: red;">s</u></strong>: {<br>&nbsp;&nbsp;<br>},</em></small>                                                                                                                                                                                                               |
+| `option-props`              | `ops`                 | <small><em><strong><u style="color: red;">p</u></strong>rop<strong><u style="color: red;">s</u></strong>: {<br>&nbsp;&nbsp;<br>},</em></small>                                                                                                                                                                                                                    |
+| `option-provide()`          | `ope`                 | <small><em><strong><u style="color: red;">p</u></strong>rovid<strong><u style="color: red;">e</u></strong>() {<br>&nbsp;&nbsp;return {<br>&nbsp;&nbsp;&nbsp;&nbsp;property: 'value',<br>&nbsp;&nbsp;};<br>},</em></small>                                                                                                                                         |
+| `option-inject`             | `oit`                 | <small><em><strong><u style="color: red;">i</u></strong>njec<strong><u style="color: red;">t</u></strong>: ['property'],</em></small>                                                                                                                                                                                                                             |
+| `option-data()`             | `od`                  | <small><em><strong><u style="color: red;">d</u></strong>ata() {<br>&nbsp;&nbsp;return {<br>&nbsp;&nbsp;&nbsp;&nbsp;property: 'value',<br>&nbsp;&nbsp;};<br>},</em></small>                                                                                                                                                                                        |
+| `option-computed`           | `oc`                  | <small><em><strong><u style="color: red;">c</u></strong>omputed: {<br>&nbsp;&nbsp;property() {<br>&nbsp;&nbsp;&nbsp;&nbsp;return this.property;<br>&nbsp;&nbsp;},<br>},</em></small>                                                                                                                                                                              |
+| `computed-property`         | `cp`                  | <small><em><strong><u style="color: red;">p</u></strong>roperty() {<br>&nbsp;&nbsp;return this.property;<br>},</em></small>                                                                                                                                                                                                                                       |
+| `computed-property-get-set` |                       | <small><em><strong><u style="color: red;">p</u></strong>roperty: {<br>&nbsp;&nbsp;<strong><u style="color: red;">g</u></strong>et() {<br>&nbsp;&nbsp;&nbsp;&nbsp;return this.value;<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;<strong><u style="color: red;">s</u></strong>et(value) {<br>&nbsp;&nbsp;&nbsp;&nbsp;this.value = value;<br>&nbsp;&nbsp;},<br>},</em></small> |
+| `option-watch`              | `ow`                  | <small><em><strong><u style="color: red;">w</u></strong>atch: {<br>&nbsp;&nbsp;<br>},</em></small>                                                                                                                                                                                                                                                                |
+| `option-methods`            | `om`                  | <small><em><strong><u style="color: red;">m</u></strong>ethods: {<br>&nbsp;&nbsp;methodProperty() {<br>&nbsp;&nbsp;&nbsp;&nbsp;<br>&nbsp;&nbsp;},<br>},</em></small>                                                                                                                                                                                              |
+| `methods-property`          | `mp`                  | <small><em><strong><u style="color: red;">m</u></strong>ethod<strong><u style="color: red;">P</u></strong>roperty() {<br>&nbsp;&nbsp;<br>},</em></small>                                                                                                                                                                                                          |
+| `option-emits`              |                       | <small><em>emits: \['eventName'\],</em></small>                                                                                                                                                                                                                                                                                                                   |
+| `option-expose`             |                       | <small><em>expose: \['publicMethod'\],</em></small>                                                                                                                                                                                                                                                                                                               |
+| `option-render`             |                       | <small><em>render(h, context) {<br>&nbsp;&nbsp;return h('tag', []);<br>},                                                                                                                                                                                                                                                                                         |
+| ...                         |                       |                                                                                                                                                                                                                                                                                                                                                                   |
 
 Full prefix screenshot (Options) / 完整前缀截图:
 
@@ -217,12 +217,12 @@ The prefix screenshot (Props) / 前缀截图:
 1. 直接生成 (Prefix)：`wp` = <small><em><strong><u style="color: red;">w</u></strong>atch-<strong><u style="color: red;">p</u></strong>roperty</em></small>。
 2. 联想匹配 (Suggest Match)：`wpdi` = <small><em><strong><u style="color: red;">w</u></strong>atch-<strong><u style="color: red;">p</u></strong>roperty-<strong><u style="color: red;">d</u></strong>eep-<strong><u style="color: red;">i</u></strong>mmediate</em></small>。
 
-| Prefix                                          | VS Code Suggest Match | Snippet                                                                                                                                                                                                                                                                                                                             |
-|-------------------------------------------------|-----------------------|-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
-| `watch-property` <br><br> `wp`                  |                       | <small><em><strong><u style="color: red;">p</u></strong>roperty (newValue, oldValue) {<br>&nbsp;&nbsp;<br>},</em></small>                                                                                                                                                                                                           |
-| `watch-property-deep` <br><br> `wpd`            |                       | <small><em><strong><u style="color: red;">p</u></strong>roperty: {<br>&nbsp;&nbsp;<strong><u style="color: red;">d</u></strong>eep: true,<br>&nbsp;&nbsp;handler(newValue, oldValue) {<br>&nbsp;&nbsp;&nbsp;&nbsp;<br>&nbsp;&nbsp;},<br>},</em></small>                                                                             |
-| `watch-property-immediate` <br><br> `wpi`       |                       | <small><em><strong><u style="color: red;">p</u></strong>roperty: {<br>&nbsp;&nbsp;<strong><u style="color: red;">i</u></strong>mmediate: true,<br>&nbsp;&nbsp;handler(newValue, oldValue) {<br>&nbsp;&nbsp;&nbsp;&nbsp;<br>&nbsp;&nbsp;},<br>},</em></small>                                                                        |
-| `watch-property-deep-immediate` <br><br> `wpdi` |                       | <small><em><strong><u style="color: red;">p</u></strong>roperty: {<br>&nbsp;&nbsp;<strong><u style="color: red;">d</u></strong>eep: true,<br>&nbsp;&nbsp;<strong><u style="color: red;">i</u></strong>mmediate: true,<br>&nbsp;&nbsp;handler(newValue, oldValue) {<br>&nbsp;&nbsp;&nbsp;&nbsp;<br>&nbsp;&nbsp;},<br>},</em></small> |
+| Prefix                          | VS Code Suggest Match | Snippet                                                                                                                                                                                                                                                                                                                             |
+|---------------------------------|-----------------------|-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
+| `watch-property`                | `wp`                  | <small><em><strong><u style="color: red;">p</u></strong>roperty (newValue, oldValue) {<br>&nbsp;&nbsp;<br>},</em></small>                                                                                                                                                                                                           |
+| `watch-property-deep`           | `wpd`                 | <small><em><strong><u style="color: red;">p</u></strong>roperty: {<br>&nbsp;&nbsp;<strong><u style="color: red;">d</u></strong>eep: true,<br>&nbsp;&nbsp;handler(newValue, oldValue) {<br>&nbsp;&nbsp;&nbsp;&nbsp;<br>&nbsp;&nbsp;},<br>},</em></small>                                                                             |
+| `watch-property-immediate`      | `wpi`                 | <small><em><strong><u style="color: red;">p</u></strong>roperty: {<br>&nbsp;&nbsp;<strong><u style="color: red;">i</u></strong>mmediate: true,<br>&nbsp;&nbsp;handler(newValue, oldValue) {<br>&nbsp;&nbsp;&nbsp;&nbsp;<br>&nbsp;&nbsp;},<br>},</em></small>                                                                        |
+| `watch-property-deep-immediate` | `wpdi`                | <small><em><strong><u style="color: red;">p</u></strong>roperty: {<br>&nbsp;&nbsp;<strong><u style="color: red;">d</u></strong>eep: true,<br>&nbsp;&nbsp;<strong><u style="color: red;">i</u></strong>mmediate: true,<br>&nbsp;&nbsp;handler(newValue, oldValue) {<br>&nbsp;&nbsp;&nbsp;&nbsp;<br>&nbsp;&nbsp;},<br>},</em></small> |
 
 The prefix screenshot (Watch) / 前缀截图:
 
@@ -230,24 +230,19 @@ The prefix screenshot (Watch) / 前缀截图:
 
 ### Watch (Composition API)
 
-1. 联想匹配 (Suggest Match)：`wps` = <small><em><strong><u style="color: red;">w</u></strong>atch-<strong><u style="color: red;">p</u></strong>rop<strong><u style="color: red;">s</u></strong></em></small>。
-2. 联想匹配 (Suggest Match)：`wim` = <small><em><strong><u style="color: red;">w</u></strong>atch-<strong><u style="color: red;">im</u></strong>mediate</em></small>。
-
-| Prefix                                   | VS Code Suggest Match | Snippet                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 |
-|------------------------------------------|-----------------------|-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
-| `watch-props`                            | `wps`                 | <small><em><strong><u style="color: red;">w</u></strong>atch(<br>&nbsp;&nbsp;() => <strong><u style="color: red;">p</u></strong>rop<strong><u style="color: red;">s</u></strong>.property,<br>&nbsp;&nbsp;async (newValue, oldValue) => {<br>&nbsp;&nbsp;&nbsp;&nbsp;<br>&nbsp;&nbsp;},<br>);</em></small>                                                                                                                                                                                                              |
-| `watch-props-deep`                       | `wpsd`                | <small><em><strong><u style="color: red;">w</u></strong>atch(<br>&nbsp;&nbsp;() => <strong><u style="color: red;">p</u></strong>rop<strong><u style="color: red;">s</u></strong>.property,<br>&nbsp;&nbsp;async (newValue, oldValue) => {<br>&nbsp;&nbsp;&nbsp;&nbsp;<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;<strong><u style="color: red;">d</u></strong>eep: true,<br>&nbsp;&nbsp;}<br>);</em></small>                                                                                         |
-| `watch-props-immediate`                  | `wpsi`                | <small><em><strong><u style="color: red;">w</u></strong>atch(<br>&nbsp;&nbsp;() => <strong><u style="color: red;">p</u></strong>rop<strong><u style="color: red;">s</u></strong>.property,<br>&nbsp;&nbsp;async (newValue, oldValue) => {<br>&nbsp;&nbsp;&nbsp;&nbsp;<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;<strong><u style="color: red;">i</u></strong>mmediate: true,<br>&nbsp;&nbsp;}<br>);</em></small>                                                                                    |
-| `watch-props-deep-immediate`             | `wpsdi`               | <small><em><strong><u style="color: red;">w</u></strong>atch(<br>&nbsp;&nbsp;() => <strong><u style="color: red;">p</u></strong>rop<strong><u style="color: red;">s</u></strong>.property,<br>&nbsp;&nbsp;async (newValue, oldValue) => {<br>&nbsp;&nbsp;&nbsp;&nbsp;<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;<strong><u style="color: red;">d</u></strong>eep: true,<br>&nbsp;&nbsp;&nbsp;&nbsp;<strong><u style="color: red;">i</u></strong>mmediate: true,<br>&nbsp;&nbsp;}<br>);</em></small> |
-| `watch-props-immediate-multiple`         | `wpsimu`              | <small><em><strong><u style="color: red;">w</u></strong>atch(<br>&nbsp;&nbsp;[() => <strong><u style="color: red;">p</u></strong>rop<strong><u style="color: red;">s</u></strong>.property1, () => props.property2],<br>&nbsp;&nbsp;async ([property1, property2]) => {<br>&nbsp;&nbsp;&nbsp;&nbsp;<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;<strong><u style="color: red;">i</u></strong>mmediate: true,<br>&nbsp;&nbsp;}<br>);</em></small>                                                      |
-| `watch`                                  |                       | <small><em>watch(<br>&nbsp;&nbsp;source,<br>&nbsp;&nbsp;async (newValue, oldValue) => {<br>&nbsp;&nbsp;&nbsp;&nbsp;<br>&nbsp;&nbsp;},<br>);</em></small>                                                                                                                                                                                                                                                                                                                                                                |
-| `watch-deep` <br><br>`wd`                |                       | <small><em><strong><u style="color: red;">w</u></strong>atch(<br>&nbsp;&nbsp;source,<br>&nbsp;&nbsp;async (newValue, oldValue) => {<br>&nbsp;&nbsp;&nbsp;&nbsp;<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;<strong><u style="color: red;">d</u></strong>eep: true,<br>&nbsp;&nbsp;}<br>);</em></small>                                                                                                                                                                                               |
-| `watch-immediate` <br><br>`wim`          |                       | <small><em><strong><u style="color: red;">w</u></strong>atch(<br>&nbsp;&nbsp;source,<br>&nbsp;&nbsp;async (newValue, oldValue) => {<br>&nbsp;&nbsp;&nbsp;&nbsp;<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;<strong><u style="color: red;">im</u></strong>mediate: true,<br>&nbsp;&nbsp;}<br>);</em></small>                                                                                                                                                                                          |
-| `watch-deep-immediate` <br><br>`wdi`     |                       | <small><em><strong><u style="color: red;">w</u></strong>atch(<br>&nbsp;&nbsp;source1,<br>&nbsp;&nbsp;async (newValue, oldValue) => {<br>&nbsp;&nbsp;&nbsp;&nbsp;<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;<strong><u style="color: red;">d</u></strong>eep: true,<br>&nbsp;&nbsp;&nbsp;&nbsp;<strong><u style="color: red;">i</u></strong>mmediate: true,<br>&nbsp;&nbsp;}<br>);</em></small>                                                                                                      |
-| `watch-immediate-multiple` <br><br>`wim` |                       | <small><em><strong><u style="color: red;">w</u></strong>atch(<br>&nbsp;&nbsp;[source1, source2],<br>&nbsp;&nbsp;async ([nextSource1, nextSource2], [prevSource1, prevSource2]) => {<br>&nbsp;&nbsp;&nbsp;&nbsp;<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;<strong><u style="color: red;">i</u></strong>mmediate: true,<br>&nbsp;&nbsp;}<br>);</em></small>                                                                                                                                          |
-| `watchEffect`                            | `wef`                 | <small><em><strong><u style="color: red;">w</u></strong>atch<strong><u style="color: red;">Ef</u></strong>fect(async () => {<br>&nbsp;&nbsp;<br>});</em></small>                                                                                                                                                                                                                                                                                                                                                        |
-| `watchPostEffect`                        | `wpef`                | <small><em><strong><u style="color: red;">w</u></strong>atch<strong><u style="color: red;">P</u></strong>ost<strong><u style="color: red;">Ef</u></strong>fect(async () => {<br>&nbsp;&nbsp;<br>});</em></small>                                                                                                                                                                                                                                                                                                        |
-| `watchSyncEffect`                        | `wsef`                | <small><em><strong><u style="color: red;">w</u></strong>atch<strong><u style="color: red;">S</u></strong>ync<strong><u style="color: red;">Ef</u></strong>fect(() => {<br>&nbsp;&nbsp;<br>});</em></small>                                                                                                                                                                                                                                                                                                              |
+1. 直接生成 (Prefix)：`wdi` =  <small><em><strong><u style="color: red;">w</u></strong></em>atch-props-<em><strong><u style="color: red;">d</u></strong></em>eep-<em><strong><u style="color: red;">i</u></strong></em>mmediate</small>
+2. 联想匹配 (Suggest Match)：`wps` = <small><em><strong><u style="color: red;">w</u></strong>atch-<strong><u style="color: red;">p</u></strong>rop<strong><u style="color: red;">s</u></strong></em></small>。
+
+| Prefix                           | VS Code Suggest Match | Snippet                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 |
+|----------------------------------|-----------------------|-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
+| `watch-props`                    |                       | <small><em><strong><u style="color: red;">w</u></strong>atch(<br>&nbsp;&nbsp;() => <strong><u style="color: red;">p</u></strong>rop<strong><u style="color: red;">s</u></strong>.property,<br>&nbsp;&nbsp;async (newValue, oldValue) => {<br>&nbsp;&nbsp;&nbsp;&nbsp;<br>&nbsp;&nbsp;},<br>);</em></small>                                                                                                                                                                                                              |
+| `watch-props-deep`               | `wd`                  | <small><em><strong><u style="color: red;">w</u></strong>atch(<br>&nbsp;&nbsp;() => <strong><u style="color: red;">p</u></strong>rop<strong><u style="color: red;">s</u></strong>.property,<br>&nbsp;&nbsp;async (newValue, oldValue) => {<br>&nbsp;&nbsp;&nbsp;&nbsp;<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;<strong><u style="color: red;">d</u></strong>eep: true,<br>&nbsp;&nbsp;}<br>);</em></small>                                                                                         |
+| `watch-props-immediate`          | `wi`                  | <small><em><strong><u style="color: red;">w</u></strong>atch(<br>&nbsp;&nbsp;() => <strong><u style="color: red;">p</u></strong>rop<strong><u style="color: red;">s</u></strong>.property,<br>&nbsp;&nbsp;async (newValue, oldValue) => {<br>&nbsp;&nbsp;&nbsp;&nbsp;<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;<strong><u style="color: red;">i</u></strong>mmediate: true,<br>&nbsp;&nbsp;}<br>);</em></small>                                                                                    |
+| `watch-props-deep-immediate`     | `wdi`                 | <small><em><strong><u style="color: red;">w</u></strong>atch(<br>&nbsp;&nbsp;() => <strong><u style="color: red;">p</u></strong>rop<strong><u style="color: red;">s</u></strong>.property,<br>&nbsp;&nbsp;async (newValue, oldValue) => {<br>&nbsp;&nbsp;&nbsp;&nbsp;<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;<strong><u style="color: red;">d</u></strong>eep: true,<br>&nbsp;&nbsp;&nbsp;&nbsp;<strong><u style="color: red;">i</u></strong>mmediate: true,<br>&nbsp;&nbsp;}<br>);</em></small> |
+| `watch-multiple-props-immediate` | `wmi`                 | <small><em><strong><u style="color: red;">w</u></strong>atch(<br>&nbsp;&nbsp;[() => <strong><u style="color: red;">p</u></strong>rop<strong><u style="color: red;">s</u></strong>.property1, () => props.property2],<br>&nbsp;&nbsp;async ([property1, property2]) => {<br>&nbsp;&nbsp;&nbsp;&nbsp;<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;<strong><u style="color: red;">i</u></strong>mmediate: true,<br>&nbsp;&nbsp;}<br>);</em></small>                                                      |
+| `watchEffect`                    | `wef`                 | <small><em><strong><u style="color: red;">w</u></strong>atch<strong><u style="color: red;">Ef</u></strong>fect(async () => {<br>&nbsp;&nbsp;<br>});</em></small>                                                                                                                                                                                                                                                                                                                                                        |
+| `watchPostEffect`                | `wpef`                | <small><em><strong><u style="color: red;">w</u></strong>atch<strong><u style="color: red;">P</u></strong>ost<strong><u style="color: red;">Ef</u></strong>fect(async () => {<br>&nbsp;&nbsp;<br>});</em></small>                                                                                                                                                                                                                                                                                                        |
+| `watchSyncEffect`                | `wsef`                | <small><em><strong><u style="color: red;">w</u></strong>atch<strong><u style="color: red;">S</u></strong>ync<strong><u style="color: red;">Ef</u></strong>fect(() => {<br>&nbsp;&nbsp;<br>});</em></small>                                                                                                                                                                                                                                                                                                              |
 
 The prefix screenshot (Watch) / 前缀截图:
 
@@ -255,12 +250,12 @@ The prefix screenshot (Watch) / 前缀截图:
 
 ### Computed
 
-| Prefix                                      | VS Code Suggest Match | Snippet                                                                                                                                                                                                                                                                                                                                                                                   |
-|---------------------------------------------|-----------------------|-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
-| `computed-property` <br><br> `cp`           |                       | <small><em><strong><u style="color: red;">p</u></strong>roperty() {<br>&nbsp;&nbsp;return this.property;<br>},</em></small>                                                                                                                                                                                                                                                               |
-| `computed-property-get-set` <br><br> `cpgs` |                       | <small><em><strong><u style="color: red;">p</u></strong>roperty: {<br>&nbsp;&nbsp;<strong><u style="color: red;">g</u></strong>et() {<br>&nbsp;&nbsp;&nbsp;&nbsp;return this.value;<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;<strong><u style="color: red;">s</u></strong>et(val) {<br>&nbsp;&nbsp;&nbsp;&nbsp;this.value = val;<br>&nbsp;&nbsp;},<br>},</em></small>                             |
-| `computed`                                  | `cd`                  | <small><em>const feature = <strong><u style="color: red;">c</u></strong>ompute<strong><u style="color: red;">d</u></strong>(() => state.value);</em></small>                                                                                                                                                                                                                              |
-| `computed-get-set`                          | `cdgs`                | <small><em>const feature = <strong><u style="color: red;">c</u></strong>ompute<strong><u style="color: red;">d</u></strong>({<br>&nbsp;&nbsp;<strong><u style="color: red;">g</u></strong>et: () => state.value,<br>&nbsp;&nbsp;<strong><u style="color: red;">s</u></strong>et: (newValue) => {<br>&nbsp;&nbsp;&nbsp;&nbsp;state.value = newValue;<br>&nbsp;&nbsp;},<br>});</em></small> |
+| Prefix                      | VS Code Suggest Match | Snippet                                                                                                                                                                                                                                                                                                                                                                                   |
+|-----------------------------|-----------------------|-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
+| `computed-property`         | `cp`                  | <small><em><strong><u style="color: red;">p</u></strong>roperty() {<br>&nbsp;&nbsp;return this.property;<br>},</em></small>                                                                                                                                                                                                                                                               |
+| `computed-property-get-set` |                       | <small><em><strong><u style="color: red;">p</u></strong>roperty: {<br>&nbsp;&nbsp;<strong><u style="color: red;">g</u></strong>et() {<br>&nbsp;&nbsp;&nbsp;&nbsp;return this.value;<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;<strong><u style="color: red;">s</u></strong>et(val) {<br>&nbsp;&nbsp;&nbsp;&nbsp;this.value = val;<br>&nbsp;&nbsp;},<br>},</em></small>                             |
+| `computed`                  | `c`                   | <small><em>const feature = <strong><u style="color: red;">c</u></strong>ompute<strong><u style="color: red;">d</u></strong>(() => state.value);</em></small>                                                                                                                                                                                                                              |
+| `computed-get-set`          |                       | <small><em>const feature = <strong><u style="color: red;">c</u></strong>ompute<strong><u style="color: red;">d</u></strong>({<br>&nbsp;&nbsp;<strong><u style="color: red;">g</u></strong>et: () => state.value,<br>&nbsp;&nbsp;<strong><u style="color: red;">s</u></strong>et: (newValue) => {<br>&nbsp;&nbsp;&nbsp;&nbsp;state.value = newValue;<br>&nbsp;&nbsp;},<br>});</em></small> |
 
 The prefix screenshot (Computed) / 前缀截图:
 
@@ -272,24 +267,24 @@ Just `ol*`...
 
 只要**理解** `ol` 是 <small><em><strong><u style="color: red;">O</u></strong>ptions API <strong><u style="color: red;">L</u></strong>ifecycle Hooks`</em></small> 的缩写，并 **记忆** Vue2 生命周期钩子，然后就能释放你的能量了。
 
-| Prefix                                    | VS Code Suggest Match | Snippet                                                                                                                                                 |
-|-------------------------------------------|-----------------------|---------------------------------------------------------------------------------------------------------------------------------------------------------|
-| `option-beforeCreate()` <br><br> `olbc`   | `opbc`                | <small><em><strong><u style="color: red;">b</u></strong>efore<strong><u style="color: red;">C</u></strong>reate() {<br>&nbsp;&nbsp;<br>},</em></small>  |
-| `option-created()` <br><br> `olc`         | `opcr`                | <small><em><strong><u style="color: red;">c</u></strong>reated() {<br>&nbsp;&nbsp;<br>},</em></small>                                                   |
-| `option-beforeMount()` <br><br> `olbm`    | `opbm`                | <small><em><strong><u style="color: red;">b</u></strong>efore<strong><u style="color: red;">M</u></strong>ount() {<br>&nbsp;&nbsp;<br>},</em></small>   |
-| `option-mounted()` <br><br> `olm`         | `opmu`                | <small><em><strong><u style="color: red;">m</u></strong>ounted() {<br>&nbsp;&nbsp;<br>},</em></small>                                                   |
-| `option-beforeUpdate()` <br><br> `olbu`   | `opbu`                | <small><em><strong><u style="color: red;">b</u></strong>efore<strong><u style="color: red;">U</u></strong>pdate() {<br>&nbsp;&nbsp;<br>},</em></small>  |
-| `option-updated()` <br><br> `olu`         | `opu`                 | <small><em><strong><u style="color: red;">u</u></strong>pdated() {<br>&nbsp;&nbsp;<br>},</em></small>                                                   |
-| `option-activated()` <br><br> `ola`       | `opac`                | <small><em><strong><u style="color: red;">a</u></strong>ctivated() {<br>&nbsp;&nbsp;<br>},</em></small>                                                 |
-| `option-deactivated()` <br><br> `olda`    | `opdeac`              | <small><em><strong><u style="color: red;">d</u></strong>e<strong><u style="color: red;">a</u></strong>ctivated() {<br>&nbsp;&nbsp;<br>},</em></small>   |
-| `option-beforeDestroy()` <br><br> `olbd`  | `opbd`                | <small><em><strong><u style="color: red;">b</u></strong>efore<strong><u style="color: red;">D</u></strong>estroy() {<br>&nbsp;&nbsp;<br>},</em></small> |
-| `option-destroyed()` <br><br> `old`       | `opdes`               | <small><em><strong><u style="color: red;">d</u></strong>estroyed() {<br>&nbsp;&nbsp;<br>},</em></small>                                                 |
-| `async-option-created()` <br><br> `asolc` | `asopcr`              | <small><em><strong><u style="color: red;">as</u></strong>ync <strong><u style="color: red;">c</u></strong>reated() {<br>&nbsp;&nbsp;<br>},</em></small> |
-| `async-option-mounted()` <br><br> `asolm` | `asopmu`              | <small><em><strong><u style="color: red;">as</u></strong>ync <strong><u style="color: red;">m</u></strong>ounted() {<br>&nbsp;&nbsp;<br>},</em></small> |
+| Prefix                   | VS Code Suggest Match | Snippet                                                                                                                                                 |
+|--------------------------|-----------------------|---------------------------------------------------------------------------------------------------------------------------------------------------------|
+| `option-beforeCreate()`  | `olbc`                | <small><em><strong><u style="color: red;">b</u></strong>efore<strong><u style="color: red;">C</u></strong>reate() {<br>&nbsp;&nbsp;<br>},</em></small>  |
+| `option-created()`       | `olc`                 | <small><em><strong><u style="color: red;">c</u></strong>reated() {<br>&nbsp;&nbsp;<br>},</em></small>                                                   |
+| `option-beforeMount()`   | `olbm`                | <small><em><strong><u style="color: red;">b</u></strong>efore<strong><u style="color: red;">M</u></strong>ount() {<br>&nbsp;&nbsp;<br>},</em></small>   |
+| `option-mounted()`       | `olm`                 | <small><em><strong><u style="color: red;">m</u></strong>ounted() {<br>&nbsp;&nbsp;<br>},</em></small>                                                   |
+| `option-beforeUpdate()`  | `olbu`                | <small><em><strong><u style="color: red;">b</u></strong>efore<strong><u style="color: red;">U</u></strong>pdate() {<br>&nbsp;&nbsp;<br>},</em></small>  |
+| `option-updated()`       | `olu`                 | <small><em><strong><u style="color: red;">u</u></strong>pdated() {<br>&nbsp;&nbsp;<br>},</em></small>                                                   |
+| `option-activated()`     | `ola`                 | <small><em><strong><u style="color: red;">a</u></strong>ctivated() {<br>&nbsp;&nbsp;<br>},</em></small>                                                 |
+| `option-deactivated()`   | `olda`                | <small><em><strong><u style="color: red;">d</u></strong>e<strong><u style="color: red;">a</u></strong>ctivated() {<br>&nbsp;&nbsp;<br>},</em></small>   |
+| `option-beforeDestroy()` | `olbd`                | <small><em><strong><u style="color: red;">b</u></strong>efore<strong><u style="color: red;">D</u></strong>estroy() {<br>&nbsp;&nbsp;<br>},</em></small> |
+| `option-destroyed()`     | `old`                 | <small><em><strong><u style="color: red;">d</u></strong>estroyed() {<br>&nbsp;&nbsp;<br>},</em></small>                                                 |
+| `async-option-created()` | `asolc`               | <small><em><strong><u style="color: red;">as</u></strong>ync <strong><u style="color: red;">c</u></strong>reated() {<br>&nbsp;&nbsp;<br>},</em></small> |
+| `async-option-mounted()` | `asolm`               | <small><em><strong><u style="color: red;">as</u></strong>ync <strong><u style="color: red;">m</u></strong>ounted() {<br>&nbsp;&nbsp;<br>},</em></small> |
 
 The prefix screenshot (Lifecycle Hooks) / 前缀截图:
 
-![](./art/assets/option-lifecycle.png)
+![](./art/assets/lifecycle-hooks-options-api.png)
 
 ### Lifecycle Hooks (Composition API)
 
@@ -299,21 +294,22 @@ The `on` prefix generates Vue Lifecycle Hooks, Some examples:
 
 通过 `on` 前缀触发，包涵所有生成 Vue 生命周期钩子的代码片段，示例如下：
 
-| Prefix            | VS Code Suggest Match | Snippet                                                                                                                                                        |
-|-------------------|-----------------------|----------------------------------------------------------------------------------------------------------------------------------------------------------------|
-| `onBeforeMount`   | `onbm`                | <small><em><strong><u style="color: red;">onB</u></strong>efore<strong><u style="color: red;">M</u></strong>ount(() => {<br>&nbsp;&nbsp;<br>});</em></small>   |
-| `onMounted`       | `onm`                 | <small><em><strong><u style="color: red;">onM</u></strong>ounted(() => {<br>&nbsp;&nbsp;<br>});</em></small>                                                   |
-| `onBeforeUpdate`  | `onbup`               | <small><em><strong><u style="color: red;">onB</u></strong>efore<strong><u style="color: red;">U</u></strong>pdate(() => {<br>&nbsp;&nbsp;<br>});</em></small>  |
-| `onUpdated`       | `onup`                | <small><em><strong><u style="color: red;">onUp</u></strong>dated(() => {<br>&nbsp;&nbsp;<br>});</em></small>                                                   |
-| `onBeforeUnmount` | `onbu`                | <small><em><strong><u style="color: red;">onB</u></strong>efore<strong><u style="color: red;">U</u></strong>nmount(() => {<br>&nbsp;&nbsp;<br>});</em></small> |
-| `onUnmounted`     | `onum`                | <small><em><strong><u style="color: red;">onU</u></strong>n<strong><u style="color: red;">m</u></strong>ounted(() => {<br>&nbsp;&nbsp;<br>});</em></small>     |
-| `onActivated`     | `ona`                 | <small><em><strong><u style="color: red;">onA</u></strong>ctivated(() => {<br>&nbsp;&nbsp;<br>});</em></small>                                                 |
-| `onDeactivated`   | `onda`                | <small><em><strong><u style="color: red;">onD</u></strong>e<strong><u style="color: red;">a</u></strong>ctivated(() => {<br>&nbsp;&nbsp;<br>});</em></small>   |
-| `async-onMounted` | `asonm`               | <small><em><strong><u style="color: red;">onM</u></strong>ounted(<strong><u style="color: red;">as</u></strong>ync () => {<br>&nbsp;&nbsp;<br>});</em></small> |
+| Prefix                | VS Code Suggest Match | Snippet                                                                                                                                                                                                        |
+|-----------------------|-----------------------|----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
+| `onBeforeMount`       | `onbm`                | <small><em><strong><u style="color: red;">onB</u></strong>efore<strong><u style="color: red;">M</u></strong>ount(() => {<br>&nbsp;&nbsp;<br>});</em></small>                                                   |
+| `onMounted`           | `onm`                 | <small><em><strong><u style="color: red;">onM</u></strong>ounted(() => {<br>&nbsp;&nbsp;<br>});</em></small>                                                                                                   |
+| `onBeforeUpdate`      | `onbup`               | <small><em><strong><u style="color: red;">onB</u></strong>efore<strong><u style="color: red;">U</u></strong>pdate(() => {<br>&nbsp;&nbsp;<br>});</em></small>                                                  |
+| `onUpdated`           | `onup`                | <small><em><strong><u style="color: red;">onUp</u></strong>dated(() => {<br>&nbsp;&nbsp;<br>});</em></small>                                                                                                   |
+| `onBeforeUnmount`     | `onbu`                | <small><em><strong><u style="color: red;">onB</u></strong>efore<strong><u style="color: red;">U</u></strong>nmount(() => {<br>&nbsp;&nbsp;<br>});</em></small>                                                 |
+| `onUnmounted`         | `onum`                | <small><em><strong><u style="color: red;">onU</u></strong>n<strong><u style="color: red;">m</u></strong>ounted(() => {<br>&nbsp;&nbsp;<br>});</em></small>                                                     |
+| `onActivated`         | `ona`                 | <small><em><strong><u style="color: red;">onA</u></strong>ctivated(() => {<br>&nbsp;&nbsp;<br>});</em></small>                                                                                                 |
+| `onDeactivated`       | `onda`                | <small><em><strong><u style="color: red;">onD</u></strong>e<strong><u style="color: red;">a</u></strong>ctivated(() => {<br>&nbsp;&nbsp;<br>});</em></small>                                                   |
+| `async-onBeforeMount` | `asonbm`              | <small><em><strong><u style="color: red;">onB</u></strong>efore<strong><u style="color: red;">M</u></strong>ount(<strong><u style="color: red;">as</u></strong>ync () => {<br>&nbsp;&nbsp;<br>});</em></small> |
+| `async-onMounted`     | `asonm`               | <small><em><strong><u style="color: red;">onM</u></strong>ounted(<strong><u style="color: red;">as</u></strong>ync () => {<br>&nbsp;&nbsp;<br>});</em></small>                                                 |
 
 The prefix screenshot (Lifecycle Hooks) / 前缀截图:
 
-![](./art/assets/on.png)
+![](./art/assets/lifecycle-hooks-composition-api.png)
 
 ### Instance Properties & Methods
 
@@ -344,21 +340,21 @@ The `v` prefix generates Vue Directives, some examples:
 |-----------------------|-----------------------|---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
 | `v-for`               | `vf`                  | <small><em><strong><u style="color: red;">v</u></strong>-<strong><u style="color: red;">f</u></strong>or="item in items" :key="item"</em></small>                                                       |
 | `v-for-index`         | `vfi`                 | <small><em><strong><u style="color: red;">v</u></strong>-<strong><u style="color: red;">f</u></strong>or="(item, <strong><u style="color: red;">i</u></strong>ndex) in items" :key="index"</em></small> |
-| `v-slot`              |                       | <small><em>\<template #default="slotProps"\><br>&nbsp;&nbsp;<br>\</template\></em></small>                                                                                                              |
-| `v-slot-named`        |                       | <small><em>\<template #name\><br>&nbsp;&nbsp;<br>\</template\></em></small>                                                                                                                             |
-| `v-slot-named-props`  |                       | <small><em>\<template #name="slotProps"\><br>&nbsp;&nbsp;<br>\</template\></em></small>                                                                                                                 |
+| `v-if`                |                       | <small><em>v-if="condition"</em></small>                                                                                                                                                                |
+| `v-else-if`           |                       | <small><em>v-else-if="condition"</em></small>                                                                                                                                                           |
+| `v-show`              |                       | <small><em>v-show="condition"</em></small>                                                                                                                                                              |
 | `v-on`                |                       | <small><em>@click="handler"</em></small>                                                                                                                                                                |
 | `v-on-prevent`        |                       | <small><em>@click.prevent="handler"</em></small>                                                                                                                                                        |
 | `v-on-stop`           |                       | <small><em>@click.stop="handler"</em></small>                                                                                                                                                           |
 | `v-on-prevent-stop`   |                       | <small><em>@click.stop.prevent="handler"</em></small>                                                                                                                                                   |
 | `v-on-keyAlias`       |                       | <small><em>@keyup.enter="handler"</em></small>                                                                                                                                                          |
 | `v-on-once`           |                       | <small><em>@click.once="handler"</em></small>                                                                                                                                                           |
-| `v-if`                |                       | <small><em>v-if="condition"</em></small>                                                                                                                                                                |
-| `v-else-if`           |                       | <small><em>v-else-if="condition"</em></small>                                                                                                                                                           |
-| `v-show`              |                       | <small><em>v-show="condition"</em></small>                                                                                                                                                              |
-| `v-bind-$attrs`       |                       | <small><em>v-bind="$attrs"</em></small>                                                                                                                                                                 |
-| `v-on-$listeners`     |                       | <small><em>v-on="$listeners"</em></small>                                                                                                                                                               |
-| `v-$attrs-$listeners` |                       | <small><em>v-bind="$attrs" v-on="$listeners"</em></small>                                                                                                                                               |
+| `v-bind-$attrs`       | `vba`                 | <small><em>v-bind="$attrs"</em></small>                                                                                                                                                                 |
+| `v-on-$listeners`     | `vol`                 | <small><em>v-on="$listeners"</em></small>                                                                                                                                                               |
+| `v-$attrs-$listeners` | `val`                 | <small><em>v-bind="$attrs" v-on="$listeners"</em></small>                                                                                                                                               |
+| `v-slot`              |                       | <small><em>\<template #default="slotProps"\><br>&nbsp;&nbsp;<br>\</template\></em></small>                                                                                                              |
+| `v-slot-named`        | `vsn`                 | <small><em>\<template #default\><br>&nbsp;&nbsp;<br>\</template\></em></small>                                                                                                                          |
+| `v-slot-named-props`  | `vsnp`                | <small><em>\<template #default="slotProps"\><br>&nbsp;&nbsp;<br>\</template\></em></small>                                                                                                              |
 
 Full prefix screenshot (`v-`) / 完整前缀截图 (Vue 内置指令):
 
@@ -372,9 +368,7 @@ Full prefix screenshot (`v-`) / 完整前缀截图 (Vue 内置指令):
 | `transition-group` | `tg`                  | <small><em>\<transition-group name="list" tag="ul"\><br>&nbsp;&nbsp;<br>\</transition-group\></em></small> |
 | `keep-alive`       | `ka`                  | <small><em>\<keep-alive\><br>&nbsp;&nbsp;<br>\</keep-alive\></em></small>                                  |
 | `slot`             |                       | <small><em>\<slot\>\</slot\></em></small>                                                                  |
-| `slot-name`        |                       | <small><em>\<slot :prop="var"\>\</slot\></em></small>                                                      |
-| `slot-scope`       |                       | <small><em>\<slot name="name"\>\</slot\></em></small>                                                      |
-| `slot-name-scope`  | `snc`                 | <small><em>\<slot name="name" :prop="var"\>\</slot\></em></small>                                          |
+| `slot-named`       | `sn`                  | <small><em>\<slot name="default"\>\</slot\></em></small>                                                   |
 | ...                |                       |                                                                                                            |
 
 (1). Transition classes / 用于自定义过渡 class Props
diff --git a/art/assets/on.png b/art/assets/lifecycle-hooks-composition-api.png
similarity index 100%
rename from art/assets/on.png
rename to art/assets/lifecycle-hooks-composition-api.png
diff --git a/art/assets/option-lifecycle.png b/art/assets/lifecycle-hooks-options-api.png
similarity index 100%
rename from art/assets/option-lifecycle.png
rename to art/assets/lifecycle-hooks-options-api.png
diff --git a/art/assets/newVue.png b/art/assets/newVue.png
index 64b8869..8d9f237 100644
Binary files a/art/assets/newVue.png and b/art/assets/newVue.png differ
diff --git a/art/assets/vue-language-blocks.png b/art/assets/vue-language-blocks.png
index 0a27e60..9a8e047 100644
Binary files a/art/assets/vue-language-blocks.png and b/art/assets/vue-language-blocks.png differ
diff --git a/art/assets/watch-composition-api.png b/art/assets/watch-composition-api.png
index 718c1cd..e4de34d 100644
Binary files a/art/assets/watch-composition-api.png and b/art/assets/watch-composition-api.png differ
diff --git a/art/assets/watch-options-api.png b/art/assets/watch-options-api.png
index fe6b051..2a074a6 100644
Binary files a/art/assets/watch-options-api.png and b/art/assets/watch-options-api.png differ
diff --git a/art/assets/watch.png b/art/assets/watch.png
index ca8824c..02dc1b4 100644
Binary files a/art/assets/watch.png and b/art/assets/watch.png differ
diff --git a/package.json b/package.json
index ed03c44..2480b6a 100644
--- a/package.json
+++ b/package.json
@@ -4,7 +4,7 @@
 	"displayName": "Vue 2 Snippets",
 	"description": "Code snippets for Vue 2 (Only Vue 2.x, Vue Router 3.x, @vue/composition-api)",
 	"icon": "art/icon.png",
-	"version": "2.2.7",
+	"version": "2.3.0",
 	"type": "module",
 	"galleryBanner": {
 		"color": "#ffffff",
diff --git a/src/html/built-in-directives.json b/src/html/built-in-directives.json
index cfb3ac5..2a3808a 100644
--- a/src/html/built-in-directives.json
+++ b/src/html/built-in-directives.json
@@ -50,17 +50,17 @@
 		]
 	},
 	"v-slot, named": {
-		"prefix": "v-slot-named",
+		"prefix": ["v-slot-named", "vsn"],
 		"body": [
-			"<template #${1:name}>",
+			"<template #${1:default}>",
 			"  $0",
 			"</template>"
 		]
 	},
 	"v-slot, named, props": {
-		"prefix": "v-slot-named-props",
+		"prefix": ["v-slot-named-props", "vsnp"],
 		"body": [
-			"<template #${1:name}=\"${2:slotProps}\">",
+			"<template #${1:default}=\"${2:slotProps}\">",
 			"  $0",
 			"</template>"
 		]
@@ -112,16 +112,18 @@
 	},
 	"v-bind=\"$attrs\"": {
 		"prefix": [
-			"v-bind-$attrs"
+			"v-bind-$attrs",
+			"vba"
 		],
 		"body": [
 			"${1:v-bind=\"\\$attrs\"}$0"
 		],
 		"description": "In combination with `inheritAttrs: false`, apply attributes to some other element instead of the root element.\n"
 	},
-	"v-bind=\"$listeners\"": {
+	"v-on=\"$listeners\"": {
 		"prefix": [
-			"v-on-$listeners"
+			"v-on-$listeners",
+			"vol"
 		],
 		"body": [
 			"${1:v-on=\"\\$listeners\"}$0"
diff --git a/src/html/built-in-special-elements.json b/src/html/built-in-special-elements.json
index 1859269..13f6bd5 100644
--- a/src/html/built-in-special-elements.json
+++ b/src/html/built-in-special-elements.json
@@ -14,9 +14,12 @@
 		"description": "Denotes slot content outlets in templates.\n"
 	},
 	"<slot>, named": {
-		"prefix": "slot-name",
+		"prefix": [
+			"slot-named",
+			"sn"
+		],
 		"body": [
-			"<slot name=\"${1:name}\"></slot>"
+			"<slot name=\"${1:default}\"></slot>"
 		],
 		"description": "Named Slots.\n"
 	}
diff --git a/src/javascript/03.options-data/computed.json b/src/javascript/03.options-data/computed.json
index a32d0c9..7dc4e5a 100644
--- a/src/javascript/03.options-data/computed.json
+++ b/src/javascript/03.options-data/computed.json
@@ -1,5 +1,5 @@
 {
-	"computed property": {
+	"Options API: computed property": {
 		"prefix": [
 			"computed-property",
 			"cp"
@@ -11,11 +11,8 @@
 			"$0"
 		]
 	},
-	"computed property, get, set": {
-		"prefix": [
-			"computed-property-get-set",
-			"cpgs"
-		],
+	"Options API: computed property: { get, set }": {
+		"prefix": "computed-property-get-set",
 		"body": [
 			"${3:property}: {",
 			"  get() {",
diff --git a/src/javascript/03.options-data/index.json b/src/javascript/03.options-data/index.json
index 801d203..d73d72a 100644
--- a/src/javascript/03.options-data/index.json
+++ b/src/javascript/03.options-data/index.json
@@ -1,6 +1,9 @@
 {
 	"Options API: props{}": {
-		"prefix": ["option-props", "ops"],
+		"prefix": [
+			"option-props",
+			"ops"
+		],
 		"body": [
 			"props: {",
 			"  $1",
@@ -20,7 +23,10 @@
 		"description": "Type: Object.\nonly respected in instance creation via `new`.\nPass props to an instance during its creation. This is primarily intended to make unit testing easier.\n"
 	},
 	"Options API: data()": {
-		"prefix": ["option-data()", "od"],
+		"prefix": [
+			"option-data()",
+			"od"
+		],
 		"body": [
 			"data() {",
 			"  return {",
@@ -32,7 +38,10 @@
 		"description": "Type: Object | Function\n"
 	},
 	"Options API: computed{}": {
-		"prefix": ["option-computed", "oc"],
+		"prefix": [
+			"option-computed",
+			"oc"
+		],
 		"body": [
 			"computed: {",
 			"  ${1:property}() {",
@@ -44,7 +53,10 @@
 		"description": "Type: { [key: string]: Function | { get: Function, set: Function } }\nComputed properties to be mixed into the Vue instance. All getters and setters have their this context automatically bound to the Vue instance.\nNote that if you use an arrow function with a computed property, `this` won’t be the component’s instance, but you can still access the instance as the function’s first argument.\n"
 	},
 	"Options API: methods{}": {
-		"prefix": ["option-methods", "om"],
+		"prefix": [
+			"option-methods",
+			"om"
+		],
 		"body": [
 			"methods: {",
 			"  ${1:methodName}($2) {",
@@ -67,16 +79,6 @@
 			"$0"
 		]
 	},
-	"Options API: watch{}": {
-		"prefix": ["option-watch", "ow"],
-		"body": [
-			"watch: {",
-			"  $1",
-			"},",
-			"$0"
-		],
-		"description": "Type: { [key: string]: String | Function | Object | Array}\nString: methodName,\nFunction: handler(val, oldVal),\nObject: {handler(val, oldVal): Function, deep: Boolean, immediate: Boolean},\nArray: [String, Object, Function]\nAn 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. The Vue instance will call `$watch()` for each entry in the object at instantiation.\n"
-	},
 	"Options API: emits[]": {
 		"prefix": "option-emits",
 		"body": [
diff --git a/src/javascript/03.options-data/watch.json b/src/javascript/03.options-data/watch.json
index 9c8c191..93f82af 100644
--- a/src/javascript/03.options-data/watch.json
+++ b/src/javascript/03.options-data/watch.json
@@ -1,5 +1,5 @@
 {
-	"watch property": {
+	"Options API: watch property": {
 		"prefix": [
 			"watch-property",
 			"wp"
@@ -11,7 +11,7 @@
 			"$0"
 		]
 	},
-	"watch property, deep ": {
+	"Options API: watch property, deep ": {
 		"prefix": [
 			"watch-property-deep",
 			"wpd"
@@ -26,7 +26,7 @@
 			"$0"
 		]
 	},
-	"watch property, immediate ": {
+	"Options API: watch property, immediate ": {
 		"prefix": [
 			"watch-property-immediate",
 			"wpi"
@@ -41,10 +41,9 @@
 			"$0"
 		]
 	},
-	"watch property, deep, immediate ": {
+	"Options API: watch property, deep, immediate ": {
 		"prefix": [
 			"watch-property-deep-immediate",
-			"watch-property-immediate-deep",
 			"wpdi"
 		],
 		"body": [
diff --git a/src/javascript/08.options-misc/index.json b/src/javascript/08.options-misc/index.json
index e233462..6e0f5c0 100644
--- a/src/javascript/08.options-misc/index.json
+++ b/src/javascript/08.options-misc/index.json
@@ -6,13 +6,6 @@
 		],
 		"description": "Type: `string`.\nRestriction: only respected when used as a component option.\nDetails:\nAllow the component to recursively invoke itself in its template. Note that when a component is registered globally with `Vue.component()`, the global ID is automatically set as its name.\nAnother benefit of specifying a `name` option is debugging. Named components result in more helpful warning messages. Also, when inspecting an app in the vue-devtools, unnamed components will show up as `<AnonymousComponent>`, which isn’t very informative. By providing the `name` option, you will get a much more informative component tree.\n"
 	},
-	"Options API: delimiters": {
-		"prefix": "option-delimiters",
-		"body": [
-			"delimiters: ['${1:{{}', '${2:\\}\\}}'],$0"
-		],
-		"description": "Type: `Array<string>`.\nDefault: ['{{', '}}'].\nRestrictions: This option is only available in the full build, with in-browser compilation.\nDetails:\nChange the plain text interpolation delimiters.\n"
-	},
 	"Options API: functional": {
 		"prefix": "option-functional",
 		"body": [
@@ -24,7 +17,7 @@
 		"prefix": "option-model",
 		"body": [
 			"model: {",
-			"  prop: '${1:checked}',",
+			"  prop: '${1:value}',",
 			"  event: '${2:change}',",
 			"},$0"
 		],
diff --git a/src/javascript/20.composition-api/component-instance.json b/src/javascript/20.composition-api/component-instance.json
index 61cc2f1..76517ef 100644
--- a/src/javascript/20.composition-api/component-instance.json
+++ b/src/javascript/20.composition-api/component-instance.json
@@ -1,6 +1,9 @@
 {
 	"Composition API: getCurrentInstance()": {
-		"prefix": "getCurrentInstance",
+		"prefix": [
+			"getCurrentInstance",
+			"gci"
+		],
 		"body": [
 			"const instance = getCurrentInstance();"
 		],
diff --git a/src/javascript/20.composition-api/lifecycle-hooks.json b/src/javascript/20.composition-api/lifecycle-hooks.json
index 6cc7bea..ddeae4a 100644
--- a/src/javascript/20.composition-api/lifecycle-hooks.json
+++ b/src/javascript/20.composition-api/lifecycle-hooks.json
@@ -107,6 +107,14 @@
 		],
 		"description": "SSR only.\nComposition API: Lifecycle Hooks.\nRegisters an async function to be resolved before the component instance is to be rendered on the server.\n"
 	},
+	"Composition API: async onBeforeMount()": {
+		"prefix": "async-onBeforeMount",
+		"body": [
+			"onBeforeMount(async () => {",
+			"  $1",
+			"});$0"
+		]
+	},
 	"Composition API: async onMounted()": {
 		"prefix": "async-onMounted",
 		"body": [
diff --git a/src/javascript/20.composition-api/reactivity-core.json b/src/javascript/20.composition-api/reactivity-core.json
index 82a080d..94badb9 100644
--- a/src/javascript/20.composition-api/reactivity-core.json
+++ b/src/javascript/20.composition-api/reactivity-core.json
@@ -1,19 +1,25 @@
 {
 	"Composition API: ref()": {
-		"prefix": "ref",
+		"prefix": [
+			"ref",
+			"r"
+		],
 		"body": [
-			"const ${1:feature} = ref(${2:value});"
+			"const ${1:feature} = ref(${2:null});"
 		],
 		"description": "Reactivity API - Refs.\nTakes an inner value and returns a reactive and mutable ref object. The ref object has a single property `.value` that points to the inner value.\n"
 	},
 	"Composition API: computed()": {
-		"prefix": "computed",
+		"prefix": [
+			"computed",
+			"c"
+		],
 		"body": [
 			"const ${3:feature} = computed(() => ${1:state.value});"
 		],
 		"description": "Reactivity API - Computed and watch.\nTakes a getter function and returns an immutable reactive ref object for the returned value from the getter.\n"
 	},
-	"Composition API: computed, (get/set)": {
+	"Composition API: computed ({ get, set })": {
 		"prefix": "computed-get-set",
 		"body": [
 			"const ${3:feature} = computed({",
diff --git a/src/javascript/20.composition-api/watch.json b/src/javascript/20.composition-api/watch.json
index 4525036..3afe454 100644
--- a/src/javascript/20.composition-api/watch.json
+++ b/src/javascript/20.composition-api/watch.json
@@ -30,7 +30,7 @@
 		"description": "Alias of watchEffect() with flush: 'sync' option.\n"
 	},
 	"Composition API: watch(), props": {
-		"prefix": "watch-props",
+		"prefix": "watch",
 		"body": [
 			"watch(",
 			"  () => props.${1:property},",
@@ -43,7 +43,10 @@
 		"description": ""
 	},
 	"Composition API: watch(), props, deep": {
-		"prefix": "watch-props-deep",
+		"prefix": [
+			"watch-props-deep",
+			"wd"
+		],
 		"body": [
 			"watch(",
 			"  () => props.${1:property},",
@@ -59,7 +62,10 @@
 		"description": ""
 	},
 	"Composition API: watch(), props, immediate": {
-		"prefix": "watch-props-immediate",
+		"prefix": [
+			"watch-props-immediate",
+			"wi"
+		],
 		"body": [
 			"watch(",
 			"  () => props.${1:property},",
@@ -74,26 +80,10 @@
 		],
 		"description": ""
 	},
-	"Composition API: watch(), props, immediate, multiple": {
-		"prefix": "watch-props-immediate-multiple",
-		"body": [
-			"watch(",
-			"  [() => props.${1:property1}, () => props.${2:property2}],",
-			"  async ([$1, $2]) => {",
-			"    $0",
-			"  },",
-			"  {",
-			"    immediate: true,",
-			"  }",
-			");",
-			""
-		],
-		"description": ""
-	},
 	"Composition API: watch(), props, deep, immediate": {
 		"prefix": [
 			"watch-props-deep-immediate",
-			"watch-props-immediate-deep"
+			"wdi"
 		],
 		"body": [
 			"watch(",
@@ -110,89 +100,18 @@
 		],
 		"description": ""
 	},
-	"Composition API: watch()": {
-		"prefix": "watch",
-		"body": [
-			"watch(",
-			"  ${1:source},",
-			"  async (next${1/(.*)/${1:/pascalcase}/}) => {",
-			"    $0",
-			"  },",
-			");",
-			""
-		],
-		"description": ""
-	},
-	"Composition API: watch(), deep": {
-		"prefix": [
-			"watch-deep",
-			"wd"
-		],
-		"body": [
-			"watch(",
-			"  ${1:source},",
-			"  async (next${1/(.*)/${1:/pascalcase}/}) => {",
-			"    $0",
-			"  },",
-			"  {",
-			"    deep: true,",
-			"  }",
-			");",
-			""
-		],
-		"description": ""
-	},
-	"Composition API: watch(), immediate": {
-		"prefix": [
-			"watch-immediate",
-			"wi"
-		],
-		"body": [
-			"watch(",
-			"  ${1:source},",
-			"  async (next${1/(.*)/${1:/pascalcase}/}) => {",
-			"    $0",
-			"  },",
-			"  {",
-			"    immediate: true,",
-			"  }",
-			");",
-			""
-		],
-		"description": ""
-	},
-	"Composition API: watch(), immediate, multiple": {
-		"prefix": [
-			"watch-immediate-multiple",
-			"wim"
-		],
-		"body": [
-			"watch(",
-			"  [${1:source1}, ${2:source2}],",
-			"  async ([next${1/(.*)/${1:/pascalcase}/}, next${2/(.*)/${1:/pascalcase}/}], [prev${1/(.*)/${1:/pascalcase}/}, prev${2/(.*)/${1:/pascalcase}/}]) => {",
-			"    $0",
-			"  },",
-			"  {",
-			"    immediate: true,",
-			"  }",
-			");",
-			""
-		],
-		"description": ""
-	},
-	"Composition API: watch(), deep, immediate": {
+	"Composition API: watch(), props, immediate, multiple": {
 		"prefix": [
-			"watch-deep-immediate",
-			"wdi"
+			"watch-props-immediate-multiple",
+			"wmi"
 		],
 		"body": [
 			"watch(",
-			"  ${1:source1},",
-			"  async (next${1/(.*)/${1:/pascalcase}/}) => {",
+			"  [() => props.${1:property1}, () => props.${2:property2}],",
+			"  async ([$1, $2]) => {",
 			"    $0",
 			"  },",
 			"  {",
-			"    deep: true,",
 			"    immediate: true,",
 			"  }",
 			");",
@@ -200,4 +119,4 @@
 		],
 		"description": ""
 	}
-}
+}
\ No newline at end of file
diff --git a/src/vue/composition-api-hook.json b/src/vue/composition-api-hook.json
index fbe5f7d..a49414b 100644
--- a/src/vue/composition-api-hook.json
+++ b/src/vue/composition-api-hook.json
@@ -1,6 +1,10 @@
 {
 	"Vue SFC - Composition API Hook": {
-		"prefix": ["vue", "vue-composition-api-hook"],
+		"prefix": [
+			"vue",
+			"vue-composition-api-hook",
+			"vcah"
+		],
 		"body": [
 			"<template>",
 			"  <div>",
@@ -22,12 +26,10 @@
 			"};",
 			"</script>",
 			""
-		],
-		"description": "Vue Single-File Component (Composition API Hook)"
+		]
 	},
-
 	"Vue SFC - Composition API Hook, SCSS": {
-		"prefix": ["vue-scss", "vue-scss-composition-api-hook"],
+		"prefix": "vue-composition-api-hook (scss)",
 		"body": [
 			"<template>",
 			"  <div>",
@@ -52,11 +54,10 @@
 			"<style lang=\"scss\" scoped>",
 			"",
 			"</style>"
-		],
-		"description": "Vue Single-File Component (Composition API Hook)"
+		]
 	},
 	"Vue SFC - Composition API Hook, LESS": {
-		"prefix": ["vue-less", "vue-less-composition-api-hook"],
+		"prefix": "vue-composition-api-hook (less)",
 		"body": [
 			"<template>",
 			"  <div>",
@@ -81,11 +82,10 @@
 			"<style lang=\"less\" scoped>",
 			"",
 			"</style>"
-		],
-		"description": "Vue Single-File Component (Composition API Hook)"
+		]
 	},
 	"Vue SFC - Composition API Hook, PostCSS": {
-		"prefix": ["vue-postcss", "vue-postcss-composition-api-hook"],
+		"prefix": "vue-composition-api-hook (postcss)",
 		"body": [
 			"<template>",
 			"  <div>",
@@ -110,11 +110,10 @@
 			"<style lang=\"postcss\" scoped>",
 			"",
 			"</style>"
-		],
-		"description": "Vue Single-File Component (Composition API Hook)"
+		]
 	},
 	"Vue SFC - Composition API Hook, CSS": {
-		"prefix": ["vue-css", "vue-css-composition-api-hook"],
+		"prefix": "vue-composition-api-hook (css)",
 		"body": [
 			"<template>",
 			"  <div>",
@@ -139,12 +138,10 @@
 			"<style lang=\"css\" scoped>",
 			"",
 			"</style>"
-		],
-		"description": "Vue Single-File Component (Composition API Hook)"
+		]
 	},
-
-	"Vue <script> - Composition API Hook": {
-		"prefix": ["vue-script", "vue-script-composition-api-hook"],
+	"Composition API Hook: <script>": {
+		"prefix": "vue-composition-api-hook-script",
 		"body": [
 			"<script>",
 			"import { ref } from 'vue';",
@@ -160,7 +157,6 @@
 			"};",
 			"</script>",
 			""
-		],
-		"description": "Language Blocks: `<script>` (Composition API Hook).\n"
+		]
 	}
-}
+}
\ No newline at end of file
diff --git a/src/vue/composition-api-plugin.json b/src/vue/composition-api-plugin.json
index 4a5285a..e2ea98c 100644
--- a/src/vue/composition-api-plugin.json
+++ b/src/vue/composition-api-plugin.json
@@ -1,6 +1,10 @@
 {
 	"Vue SFC - @vue/composition-api": {
-		"prefix": ["vue", "vcap", "vue-composition-api-plugin"],
+		"prefix": [
+			"vue",
+			"vue-composition-api-plugin",
+			"vcap"
+		],
 		"body": [
 			"<template>",
 			"  <div>",
@@ -22,12 +26,17 @@
 			"});",
 			"</script>",
 			""
-		],
-		"description": "Vue Single-File Component (@vue/composition-api)"
+		]
 	},
-	"Vue <script> - @vue/composition-api": {
-		"prefix": ["vue-script", "vue-script-composition-api-plugin"],
+	"Vue SFC - @vue/composition-api, SCSS": {
+		"prefix": "vue-composition-api-plugin (scss)",
 		"body": [
+			"<template>",
+			"  <div>",
+			"    <!-- -->",
+			"  </div>",
+			"</template>",
+			"",
 			"<script>",
 			"import { defineComponent } from '@vue/composition-api';",
 			"",
@@ -42,7 +51,100 @@
 			"});",
 			"</script>",
 			""
-		],
-		"description": "Vue Script element (@vue/composition-api).\n"
+		]
+	},
+	"Vue SFC - @vue/composition-api, LESS": {
+		"prefix": "vue-composition-api-plugin (less)",
+		"body": [
+			"<template>",
+			"  <div>",
+			"    <!-- -->",
+			"  </div>",
+			"</template>",
+			"",
+			"<script>",
+			"import { defineComponent } from '@vue/composition-api';",
+			"",
+			"export default defineComponent({",
+			"  setup() {",
+			"    $1",
+			"",
+			"    return {",
+			"      $0",
+			"    };",
+			"  },",
+			"});",
+			"</script>",
+			""
+		]
+	},
+	"Vue SFC - @vue/composition-api, PostCSS": {
+		"prefix": "vue-composition-api-plugin (postcss)",
+		"body": [
+			"<template>",
+			"  <div>",
+			"    <!-- -->",
+			"  </div>",
+			"</template>",
+			"",
+			"<script>",
+			"import { defineComponent } from '@vue/composition-api';",
+			"",
+			"export default defineComponent({",
+			"  setup() {",
+			"    $1",
+			"",
+			"    return {",
+			"      $0",
+			"    };",
+			"  },",
+			"});",
+			"</script>",
+			""
+		]
+	},
+	"Vue SFC - @vue/composition-api, CSS": {
+		"prefix": "vue-composition-api-plugin (css)",
+		"body": [
+			"<template>",
+			"  <div>",
+			"    <!-- -->",
+			"  </div>",
+			"</template>",
+			"",
+			"<script>",
+			"import { defineComponent } from '@vue/composition-api';",
+			"",
+			"export default defineComponent({",
+			"  setup() {",
+			"    $1",
+			"",
+			"    return {",
+			"      $0",
+			"    };",
+			"  },",
+			"});",
+			"</script>",
+			""
+		]
+	},
+	"@vue/composition-api: <script>": {
+		"prefix": "vue-composition-api-plugin-script",
+		"body": [
+			"<script>",
+			"import { defineComponent } from '@vue/composition-api';",
+			"",
+			"export default defineComponent({",
+			"  setup() {",
+			"    $1",
+			"",
+			"    return {",
+			"      $0",
+			"    };",
+			"  },",
+			"});",
+			"</script>",
+			""
+		]
 	}
-}
+}
\ No newline at end of file
diff --git a/src/vue/composition-api.json b/src/vue/composition-api.json
index 1d03608..0f3458d 100644
--- a/src/vue/composition-api.json
+++ b/src/vue/composition-api.json
@@ -1,6 +1,10 @@
 {
 	"Vue SFC - Composition API": {
-		"prefix": ["vue", "vue-composition-api"],
+		"prefix": [
+			"vue",
+			"vue-composition-api",
+			"vca"
+		],
 		"body": [
 			"<template>",
 			"  <div>",
@@ -15,9 +19,8 @@
 		],
 		"description": "Composition API is a built-in feature of Vue 3 and Vue 2.7. For older Vue 2 versions, use the officially maintained @vue/composition-api plugin.\n"
 	},
-
 	"Vue SFC - Composition API, SCSS": {
-		"prefix": ["vue-scss", "vue-scss-composition-api"],
+		"prefix": "vue-composition-api (scss)",
 		"body": [
 			"<template>",
 			"  <div>",
@@ -35,7 +38,7 @@
 		]
 	},
 	"Vue SFC - Composition API, LESS": {
-		"prefix": ["vue-less", "vue-less-composition-api"],
+		"prefix": "vue-composition-api (less)",
 		"body": [
 			"<template>",
 			"  <div>",
@@ -53,7 +56,7 @@
 		]
 	},
 	"Vue SFC - Composition API, PostCSS": {
-		"prefix": ["vue-postcss", "vue-postcss-composition-api"],
+		"prefix": "vue-composition-api (postcss)",
 		"body": [
 			"<template>",
 			"  <div>",
@@ -71,7 +74,7 @@
 		]
 	},
 	"Vue SFC - Composition API, CSS": {
-		"prefix": ["vue-css", "vue-css-composition-api"],
+		"prefix": "vue-composition-api (css)",
 		"body": [
 			"<template>",
 			"  <div>",
@@ -88,9 +91,8 @@
 			"</style>"
 		]
 	},
-
-	"Vue <script setup> - Composition API": {
-		"prefix": ["vue-script", "vue-script-composition-api"],
+	"Composition API: <script setup>": {
+		"prefix": "vue-composition-api-script",
 		"body": [
 			"<script setup>",
 			"$0",
@@ -98,4 +100,4 @@
 		],
 		"description": "Language Blocks: `<script setup>` (Composition API).\n"
 	}
-}
+}
\ No newline at end of file
diff --git a/src/vue/language-blocks.json b/src/vue/language-blocks.json
index 855e715..dcbfa9a 100644
--- a/src/vue/language-blocks.json
+++ b/src/vue/language-blocks.json
@@ -1,17 +1,21 @@
 {
 	"Vue <template>": {
-		"prefix": "vue-template",
+		"prefix": [
+			"vue-template",
+			"t"
+		],
 		"body": [
 			"<template>",
-			"  <div$1>",
-			"    $0",
-			"  </div>",
+			"  $0",
 			"</template>"
 		],
 		"description": "Vue Template element.\n"
 	},
 	"Vue <style lang=\"\" scoped>": {
-		"prefix": "vue-style",
+		"prefix": [
+			"vue-style",
+			"style"
+		],
 		"body": [
 			"<style ${1:lang=\"$2\"} ${3:scoped}>",
 			"$0",
@@ -20,7 +24,10 @@
 		"description": "Vue Style element.\n"
 	},
 	"Vue <style lang=\"\">": {
-		"prefix": "vue-style-no-scoped",
+		"prefix": [
+			"vue-style-no-scoped",
+			"style-no-scoped"
+		],
 		"body": [
 			"<style ${1:lang=\"$2\"}>",
 			"$0",
@@ -29,7 +36,10 @@
 		"description": "Vue Style element.\n"
 	},
 	"Vue <style lang=\"postcss\" scoped>": {
-		"prefix": "vue-style-postcss",
+		"prefix": [
+			"vue-style-postcss",
+			"style-postcss"
+		],
 		"body": [
 			"<style lang=\"postcss\" ${1:scoped}>",
 			"$0",
@@ -38,7 +48,11 @@
 		"description": "Vue Style element.\n"
 	},
 	"Vue <style lang=\"scss\" scoped>": {
-		"prefix": "vue-style-scss",
+		"prefix": [
+			"vue-style-scss",
+			"style-scss",
+			"vss"
+		],
 		"body": [
 			"<style lang=\"scss\" ${1:scoped}>",
 			"$0",
@@ -47,7 +61,11 @@
 		"description": "Vue Style element.\n"
 	},
 	"Vue <style lang=\"less\" scoped>": {
-		"prefix": "vue-style-less",
+		"prefix": [
+			"vue-style-less",
+			"style-less",
+			"vsl"
+		],
 		"body": [
 			"<style lang=\"less\" ${1:scoped}>",
 			"$0",
@@ -56,7 +74,10 @@
 		"description": "Vue Style element.\n"
 	},
 	"Vue <style lang=\"stylus\" scoped>": {
-		"prefix": "vue-style-stylus",
+		"prefix": [
+			"vue-style-stylus",
+			"style-stylus"
+		],
 		"body": [
 			"<style lang=\"stylus\" ${1:scoped}>",
 			"$0",
diff --git a/src/vue/options-api.json b/src/vue/options-api.json
index d742fe6..9b0dd16 100644
--- a/src/vue/options-api.json
+++ b/src/vue/options-api.json
@@ -1,6 +1,10 @@
 {
 	"Vue SFC - Options API": {
-		"prefix": ["vue", "vue-options-api"],
+		"prefix": [
+			"vue",
+			"vue-options-api",
+			"voi"
+		],
 		"body": [
 			"<template>",
 			"  <div>",
@@ -30,9 +34,8 @@
 		],
 		"description": "Vue Single-File Components (Options API).\n"
 	},
-
 	"Vue SFC - Options API, SCSS": {
-		"prefix": ["vue-scss", "vue-scss-options-api"],
+		"prefix": "vue-options-api (scss)",
 		"body": [
 			"<template>",
 			"  <div>",
@@ -67,7 +70,7 @@
 		"description": "Vue Single-File Components (Options API) with SCSS.\n"
 	},
 	"Vue SFC - Options API, LESS": {
-		"prefix": ["vue-less", "vue-less-options-api"],
+		"prefix": "vue-options-api (less)",
 		"body": [
 			"<template>",
 			"  <div>",
@@ -102,7 +105,7 @@
 		"description": "Vue Single-File Components (Options API) with LESS.\n"
 	},
 	"Vue SFC - Options API, PostCSS": {
-		"prefix": ["vue-postcss", "vue-postcss-options-api"],
+		"prefix": "vue-options-api (postcss)",
 		"body": [
 			"<template>",
 			"  <div>",
@@ -137,7 +140,7 @@
 		"description": "Vue Single-File Components (Options API) with PostCSS.\n"
 	},
 	"Vue SFC - Options API, CSS": {
-		"prefix": ["vue-css", "vue-css-options-api"],
+		"prefix": "vue-options-api (css)",
 		"body": [
 			"<template>",
 			"  <div>",
@@ -171,9 +174,8 @@
 		],
 		"description": "Vue Single-File Components (Options API) with CSS.\n"
 	},
-
-	"Vue <script> - Options API": {
-		"prefix": ["vue-script", "vue-script-options-api"],
+	"Options API: <script>": {
+		"prefix": "vue-options-api-script",
 		"body": [
 			"<script>",
 			"export default {",
@@ -197,4 +199,4 @@
 		],
 		"description": "Vue Script element (Options API).\n"
 	}
-}
+}
\ No newline at end of file