fix(vue): prevent open already opened modals with v-model

Author: nolimits4web

kitchen-sink/core/pages/popover.html

@@ -16,8 +16,10 @@
   </div>
   <div class="toolbar toolbar-bottom">
     <div class="toolbar-inner">
-      <a href="" class="link popover-open" data-popover=".popover-menu">Dummy Link</a>
-      <a href="" class="link popover-open" data-popover=".popover-menu">Open Popover</a>
+      <div class="toolbar-pane">
+        <a href="" class="link popover-open" data-popover=".popover-menu">Dummy Link</a>
+        <a href="" class="link popover-open" data-popover=".popover-menu">Open Popover</a>
+      </div>
     </div>
   </div>
   <div class="page-content">
@@ -60,4 +62,4 @@
       </div>
     </div>
   </div>
-</div>
+</div>

src/vue/components/actions.vue

@@ -91,6 +91,9 @@ export default {
       () => props.opened,
       (value) => {
         if (!f7Actions) return;
+        if (value === f7Actions.opened) {
+          return;
+        }
         if (value) {
           f7Actions.open();
         } else {

src/vue/components/popover.vue

@@ -84,6 +84,9 @@ export default {
       () => props.opened,
       (value) => {
         if (!f7Popover.value) return;
+        if (value === f7Popover.value.opened) {
+          return;
+        }
         if (value) {
           f7Popover.value.open();
         } else {

src/vue/components/popup.vue

@@ -104,6 +104,10 @@ export default {
       () => props.opened,
       (value) => {
         if (!f7Popup.value) return;
+        if (value === f7Popup.value.opened) {
+          return;
+        }
+
         if (value) {
           f7Popup.value.open();
         } else {

src/vue/components/sheet.vue

@@ -184,6 +184,9 @@ export default {
       () => props.opened,
       (value) => {
         if (!f7Sheet) return;
+        if (value === f7Sheet.opened) {
+          return;
+        }
         if (value) {
           f7Sheet.open();
         } else {