From bfd4b2b6de39ef97e32d5f3cdf59c033f683d82f Mon Sep 17 00:00:00 2001
From: MaysWind <i@mayswind.net>
Date: Sat, 22 Apr 2023 01:33:38 +0800
Subject: [PATCH] code refactor

---
 src/views/mobile/statistics/Transaction.vue | 16 +++++++-------
 src/views/mobile/transactions/List.vue      | 24 ++++++++++-----------
 2 files changed, 20 insertions(+), 20 deletions(-)

diff --git a/src/views/mobile/statistics/Transaction.vue b/src/views/mobile/statistics/Transaction.vue
index a13b263b..5b40cd96 100644
--- a/src/views/mobile/statistics/Transaction.vue
+++ b/src/views/mobile/statistics/Transaction.vue
@@ -13,8 +13,8 @@
             </f7-nav-right>
         </f7-navbar>
 
-        <f7-popover class="chart-data-type-popover-menu" :opened="showChartDataTypePopover"
-                    @popover:open="showChartDataTypePopover = true" @popover:close="showChartDataTypePopover = false">
+        <f7-popover class="chart-data-type-popover-menu"
+                    v-model:opened="showChartDataTypePopover">
             <f7-list dividers>
                 <f7-list-item :title="$t(dataType.name)"
                               :key="dataType.type"
@@ -170,9 +170,9 @@
             </f7-card-content>
         </f7-card>
 
-        <f7-popover class="sorting-type-popover-menu" :opened="showSortingTypePopover"
-                    @popover:open="scrollPopoverToSelectedItem"
-                    @popover:opened="showSortingTypePopover = true" @popover:closed="showSortingTypePopover = false">
+        <f7-popover class="sorting-type-popover-menu"
+                    v-model:opened="showSortingTypePopover"
+                    @popover:open="scrollPopoverToSelectedItem">
             <f7-list dividers>
                 <f7-list-item :title="$t(sortingType.name)"
                               :class="{ 'list-item-selected': query.sortingType === sortingType.type }"
@@ -204,9 +204,9 @@
             </f7-link>
         </f7-toolbar>
 
-        <f7-popover class="date-popover-menu" :opened="showDatePopover"
-                    @popover:open="scrollPopoverToSelectedItem"
-                    @popover:opened="showDatePopover = true" @popover:closed="showDatePopover = false">
+        <f7-popover class="date-popover-menu"
+                    v-model:opened="showDatePopover"
+                    @popover:open="scrollPopoverToSelectedItem">
             <f7-list dividers>
                 <f7-list-item :title="$t(dateRange.name)"
                               :class="{ 'list-item-selected': query.dateType === dateRange.type }"
diff --git a/src/views/mobile/transactions/List.vue b/src/views/mobile/transactions/List.vue
index fd95b5c7..d020719c 100644
--- a/src/views/mobile/transactions/List.vue
+++ b/src/views/mobile/transactions/List.vue
@@ -238,9 +238,9 @@
             <f7-link :class="{ 'disabled': loadingMore }" href="#" @click="loadMore(false)">{{ $t('Load More') }}</f7-link>
         </f7-block>
 
-        <f7-popover class="date-popover-menu" :opened="showDatePopover"
-                    @popover:open="scrollPopoverToSelectedItem"
-                    @popover:opened="showDatePopover = true" @popover:closed="showDatePopover = false">
+        <f7-popover class="date-popover-menu"
+                    v-model:opened="showDatePopover"
+                    @popover:open="scrollPopoverToSelectedItem">
             <f7-list dividers>
                 <f7-list-item :title="$t(dateRange.name)"
                               :class="{ 'list-item-selected': query.dateType === dateRange.type }"
@@ -269,9 +269,9 @@
                                     @dateRange:change="changeCustomDateFilter">
         </date-range-selection-sheet>
 
-        <f7-popover class="type-popover-menu" :opened="showTypePopover"
-                    @popover:open="scrollPopoverToSelectedItem"
-                    @popover:opened="showTypePopover = true" @popover:closed="showTypePopover = false">
+        <f7-popover class="type-popover-menu"
+                    v-model:opened="showTypePopover"
+                    @popover:open="scrollPopoverToSelectedItem">
             <f7-list dividers>
                 <f7-list-item :class="{ 'list-item-selected': query.type === 0 }" :title="$t('All')" @click="changeTypeFilter(0)">
                     <template #after>
@@ -301,9 +301,9 @@
             </f7-list>
         </f7-popover>
 
-        <f7-popover class="category-popover-menu" :opened="showCategoryPopover"
-                    @popover:open="scrollPopoverToSelectedItem"
-                    @popover:opened="showCategoryPopover = true" @popover:closed="showCategoryPopover = false">
+        <f7-popover class="category-popover-menu"
+                    v-model:opened="showCategoryPopover"
+                    @popover:open="scrollPopoverToSelectedItem">
             <f7-list dividers accordion-list>
                 <f7-list-item :class="{ 'list-item-selected': query.categoryId === '0' }" :title="$t('All')" @click="changeCategoryFilter('0')">
                     <template #media>
@@ -362,9 +362,9 @@
             </f7-list>
         </f7-popover>
 
-        <f7-popover class="account-popover-menu" :opened="showAccountPopover"
-                    @popover:open="scrollPopoverToSelectedItem"
-                    @popover:opened="showAccountPopover = true" @popover:closed="showAccountPopover = false">
+        <f7-popover class="account-popover-menu"
+                    v-model:opened="showAccountPopover"
+                    @popover:open="scrollPopoverToSelectedItem">
             <f7-list dividers>
                 <f7-list-item :class="{ 'list-item-selected': query.accountId === '0' }" :title="$t('All')" @click="changeAccountFilter('0')">
                     <template #media>