changed ion-modal settings as per the doc

emtiajium · May 29, 2024 · 34c32e6 · 34c32e6
1 parent 9937e66
commit 34c32e6
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/src/views/vocab-read/Settings.vue b/src/views/vocab-read/Settings.vue
@@ -1,5 +1,12 @@
 <template>
-    <ion-modal :is-open="isSettingsPopoverOpened" @didDismiss="closeSettingsPopover" id="settings-modal">
+    <ion-modal
+        :is-open="isModalOpened"
+        @didDismiss="
+            closeSettingsPopover();
+            isModalOpened = false;
+        "
+        id="settings-modal"
+    >
         <ion-content class="settings-container">
             <ion-list-header class="header-container">
                 <ion-card-title class="title"> Settings </ion-card-title>
@@ -123,6 +130,7 @@ export default defineComponent({
     },
     data() {
         return {
+            isModalOpened: true,
             faTimesCircle,
             sortingOptions: {
                 createdAt_DESC: 'Date created (newest first)',
@@ -147,7 +155,6 @@ export default defineComponent({
         };
     },
     props: [
-        'isSettingsPopoverOpened',
         'selectedSort',
         'closeSettingsPopover',
         'onChangeSort',

diff --git a/src/views/vocab-read/VocabularyList.vue b/src/views/vocab-read/VocabularyList.vue
@@ -136,7 +136,6 @@
 
             <settings
                 v-if="isSettingsPopoverOpened"
-                :is-settings-popover-opened="isSettingsPopoverOpened"
                 :selected-sort="selectedSort"
                 :close-settings-popover="closeSettingsPopover"
                 :apply-settings="applySettings"