From f84d63234deacddcf409d3b84b9b7b2697065394 Mon Sep 17 00:00:00 2001
From: Sergey Krylov <ksv741@mail.ru>
Date: Wed, 15 Jan 2025 07:51:37 +0300
Subject: [PATCH] add mixin

---
 src/components/ui/Dialog.vue  | 15 +++++----------
 src/mixins/toggleShowMixin.js | 16 ++++++++++++++++
 2 files changed, 21 insertions(+), 10 deletions(-)
 create mode 100644 src/mixins/toggleShowMixin.js

diff --git a/src/components/ui/Dialog.vue b/src/components/ui/Dialog.vue
index d5929e9..ffc0665 100644
--- a/src/components/ui/Dialog.vue
+++ b/src/components/ui/Dialog.vue
@@ -7,18 +7,13 @@
 </template>
 
 <script>
+import toggleShowMixin from '@/mixins/toggleShowMixin';
+
 export default {
   name: 'my-dialog',
-  props: {
-    show: {
-      type: Boolean,
-      default: false
-    }
-  },
-  methods: {
-    hideDialog() {
-      this.$emit('update:show', false)
-    }
+  mixins: [toggleShowMixin],
+  mounted() {
+    console.log('mounter from dialog');
   }
 }
 </script>
diff --git a/src/mixins/toggleShowMixin.js b/src/mixins/toggleShowMixin.js
new file mode 100644
index 0000000..a9a3c80
--- /dev/null
+++ b/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');
+  }
+}