add mixin

src/components/ui/Dialog.vue

@@ -7,18 +7,13 @@
 </template>
 
 <script>
+import toggleShowMixin from '@/mixins/toggleShowMixin';
+
 export default {
   name: 'my-dialog',
-  props: {
+  mixins: [toggleShowMixin],
-    show: {
+  mounted() {
-      type: Boolean,
+    console.log('mounter from dialog');
-      default: false
-    }
-  },
-  methods: {
-    hideDialog() {
-      this.$emit('update:show', false)
-    }
   }
 }
 </script>

src/mixins/toggleShowMixin.js

@@ -0,0 +1,16 @@
+export default {
+  props: {
+    show: {
+      type: Boolean,
+      default: false
+    }
+  },
+  methods: {
+    hideDialog() {
+      this.$emit('update:show', false)
+    }
+  },
+  mounted() {
+    console.log('mounter from mixin');
+  }
+}