refactor(demo): add vueuse useVModel

- replace own implementation of the Vueuse useVModel

Author: MichaelGitArt

demo/package.json

@@ -7,6 +7,7 @@
   },
   "license": "MIT",
   "dependencies": {
+    "@vueuse/core": "^5.2.0",
     "gitart-vue-dialog": "0.0.15",
     "vue": "3.2.0-beta.7"
   },

demo/src/components/Dialogs/BaseDialog/BaseDialog.vue

@@ -17,9 +17,9 @@
 
 <script lang="ts">
 import { ref, defineComponent } from 'vue'
-import { GDialog } from 'plugin'
+import { useVModel } from '@vueuse/core'
 
-import { useModelWrapper } from '@/composables/modelWrapper'
+import { GDialog } from 'plugin'
 
 import BooleanSwitch from '@/components/PropControls/BooleanSwitch/BooleanSwitch.vue'
 
@@ -39,7 +39,7 @@ export default defineComponent({
 
   setup(props, { emit }) {
     const depressed = ref(false)
-    const value = useModelWrapper(props, emit)
+    const value = useVModel(props, 'modelValue', emit)
 
     return {
       depressed,

demo/src/components/Dialogs/ScrollDialog/ScrollDialog.vue

@@ -32,10 +32,9 @@
 
 <script lang="ts">
 import { defineComponent } from 'vue'
+import { useVModel } from '@vueuse/core'
 import { GDialog } from 'plugin'
 
-import { useModelWrapper } from '@/composables/modelWrapper'
-
 import DialogToolbar from '@/components/Dialog/DialogToolbar.vue'
 
 export default defineComponent({
@@ -55,7 +54,7 @@ export default defineComponent({
   emits: ['update:modelValue'],
 
   setup(props, { emit }) {
-    const value = useModelWrapper(props, emit)
+    const value = useVModel(props, 'modelValue', emit)
 
     const onClose = () => {
       value.value = false

demo/src/components/Dialogs/StyledDialog/StyledDialog.vue

@@ -24,9 +24,9 @@
 
 <script lang="ts">
 import { defineComponent } from 'vue'
-import { GDialog } from 'plugin'
+import { useVModel } from '@vueuse/core'
 
-import { useModelWrapper } from '@/composables/modelWrapper'
+import { GDialog } from 'plugin'
 
 import DialogToolbar from '@/components/Dialog/DialogToolbar.vue'
 
@@ -47,7 +47,7 @@ export default defineComponent({
   emits: ['update:modelValue'],
 
   setup(props, { emit }) {
-    const value = useModelWrapper(props, emit)
+    const value = useVModel(props, 'modelValue', emit)
 
     const onClose = () => {
       value.value = false

demo/src/components/PropControls/BooleanSwitch/BooleanSwitch.vue

@@ -15,7 +15,7 @@
 
 <script lang="ts">
 import { defineComponent } from 'vue'
-import { useModelWrapper } from '@/composables/modelWrapper'
+import { useVModel } from '@vueuse/core'
 
 import Radio from '@/components/UI/Radio/Radio.vue'
 import RadioGroup from '@/components/UI/RadioGroup/RadioGroup.vue'
@@ -40,7 +40,7 @@ export default defineComponent({
   },
 
   setup(props, { emit }) {
-    const value = useModelWrapper(props, emit)
+    const value = useVModel(props, 'modelValue', emit)
 
     return {
       value,

demo/src/composables/modelWrapper.ts

@@ -261,6 +261,21 @@
   resolved "https://registry.yarnpkg.com/@vue/shared/-/shared-3.2.0-beta.5.tgz#c2752bac51476bfd9c6050f4a5e97c28eb66f27a"
   integrity sha512-DprP8v3vg/nnfl4b93hJ+ujojiFAMwXbng8N9NpNDSuFMZG0zFO3Tqh3X1JQgaE7jUgYoQzR2TTGCKNb/4+QGA==
 
+"@vueuse/core@^5.2.0":
+  version "5.2.0"
+  resolved "https://registry.yarnpkg.com/@vueuse/core/-/core-5.2.0.tgz#c2c0b89d9506fdfca41cd3056e38478226bc5e31"
+  integrity sha512-IS2QnVZ4lTlRUtgPHJ4ttTatXGWRZuvj/GJDVp8FRlUjzKXD0YjZtx0280FCg7y3YejXV2QGhY+/YrXybMjpPw==
+  dependencies:
+    "@vueuse/shared" "5.2.0"
+    vue-demi "*"
+
+"@vueuse/[email protected]":
+  version "5.2.0"
+  resolved "https://registry.yarnpkg.com/@vueuse/shared/-/shared-5.2.0.tgz#894921cf5e5fc7f9afa7d7870800b0c9cd265e0c"
+  integrity sha512-PD2PBaEcdl+pXXeKjhU+LZqQuA9xX/6mtVGIYG29xsjH7W3IjU164nwCAfDe2Lsy8rMaYmVqVSB6PHtiZZyDSg==
+  dependencies:
+    vue-demi "*"
+
 "@windicss/[email protected]":
   version "1.2.7"
   resolved "https://registry.yarnpkg.com/@windicss/config/-/config-1.2.7.tgz#c70bde7de272574f7a33eb9a1d7f80bdbffe48ba"
@@ -1166,6 +1181,11 @@ vscode-vue-languageservice@^0.26.6:
     vscode-pug-languageservice "^0.26.10"
     vscode-typescript-languageservice "^0.26.10"
 
+vue-demi@*:
+  version "0.11.2"
+  resolved "https://registry.yarnpkg.com/vue-demi/-/vue-demi-0.11.2.tgz#faa06da53887c493a695b997f4fcb4784a667990"
+  integrity sha512-J+X8Au6BhQdcej6LY4O986634hZLu55L0ewU2j8my7WIKlu8cK0dqmdUxqVHHMd/cMrKKZ9SywB/id6aLhwCtA==
+
 vue-tsc@^0.2.2:
   version "0.2.2"
   resolved "https://registry.yarnpkg.com/vue-tsc/-/vue-tsc-0.2.2.tgz#e7fd5e5c789beb31840ad26082cfc8bb6356e733"