From f2c33844a102f4b7701f2dd92ea22eb840ac3de7 Mon Sep 17 00:00:00 2001
From: Druc Constantin <druc@pinsmile.com>
Date: Mon, 23 May 2022 01:37:00 +0300
Subject: [PATCH] Wip

---
 .../playground-vue/src/components/dialog/dialog.vue    | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/packages/playground-vue/src/components/dialog/dialog.vue b/packages/playground-vue/src/components/dialog/dialog.vue
index 6de0eed239..fac0b9e9c1 100644
--- a/packages/playground-vue/src/components/dialog/dialog.vue
+++ b/packages/playground-vue/src/components/dialog/dialog.vue
@@ -26,7 +26,7 @@
             leaveTo="opacity-0"
             entered="opacity-75"
           >
-            <DialogOverlay className="fixed inset-0 bg-gray-500 transition-opacity" />
+            <div className="fixed inset-0 bg-gray-500 transition-opacity"></div>
           </TransitionChild>
 
           <TransitionChild
@@ -41,7 +41,7 @@
             <span class="hidden sm:inline-block sm:h-screen sm:align-middle" aria-hidden="true">
               &#8203;
             </span>
-            <div
+            <DialogPanel
               class="inline-block transform overflow-hidden rounded-lg bg-white text-left align-bottom shadow-xl transition-all sm:my-8 sm:w-full sm:max-w-lg sm:align-middle"
             >
               <div class="bg-white px-4 pt-5 pb-4 sm:p-6 sm:pb-4">
@@ -172,7 +172,7 @@
                   Cancel
                 </button>
               </div>
-            </div>
+            </DialogPanel>
           </TransitionChild>
         </div>
       </div>
@@ -185,6 +185,7 @@ import { ref, defineComponent, h } from 'vue'
 import {
   Dialog,
   DialogTitle,
+  DialogPanel,
   DialogOverlay,
   Menu,
   MenuButton,
@@ -267,7 +268,7 @@ export default {
     Nested,
     Dialog,
     DialogTitle,
-    DialogOverlay,
+    DialogPanel,
     Menu,
     MenuButton,
     MenuItems,
@@ -294,6 +295,7 @@ export default {
       trigger,
       container,
       setIsOpen(value) {
+        console.log('this is logged twice')
         isOpen.value = value
       },
       toggleIsOpen() {