code refactor

src/components/mobile/DateTimeSelectionSheet.vue

@@ -11,22 +11,22 @@
             </div>
         </f7-toolbar>
         <f7-page-content>
-            <VueDatePicker inline enable-seconds
-                           auto-apply month-name-format="long"
-                           class="justify-content-center"
-                           :dark="isDarkMode"
-                           :week-start="firstDayOfWeek"
-                           :year-range="yearRange"
-                           :day-names="dayNames"
-                           :is24="is24Hour"
-                           v-model="dateTime">
+            <vue-date-picker inline enable-seconds
+                             auto-apply month-name-format="long"
+                             class="justify-content-center"
+                             :dark="isDarkMode"
+                             :week-start="firstDayOfWeek"
+                             :year-range="yearRange"
+                             :day-names="dayNames"
+                             :is24="is24Hour"
+                             v-model="dateTime">
                 <template #month="{ text }">
                     {{ $t(`datetime.${text}.short`) }}
                 </template>
                 <template #month-overlay-value="{ text }">
                     {{ $t(`datetime.${text}.short`) }}
                 </template>
-            </VueDatePicker>
+            </vue-date-picker>
         </f7-page-content>
     </f7-sheet>
 </template>

src/components/mobile/InformationSheet.vue

@@ -15,7 +15,7 @@
                              v-if="enableCopy"
                     ></f7-link>
                 </p>
-                <textarea class="information-content full-line" :rows="rowCount" :value="information"></textarea>
+                <textarea class="information-content full-line" readonly="readonly" :rows="rowCount" :value="information"></textarea>
                 <div class="margin-top text-align-center">
                     <f7-link @click="cancel" :text="$t('Close')"></f7-link>
                 </div>

src/components/mobile/TransactionTagSelectionSheet.vue

@@ -17,12 +17,12 @@
             </f7-list>
             <f7-list dividers no-hairlines class="no-margin-top no-margin-bottom" v-else-if="items && items.length && !noAvailableTag">
                 <f7-list-item checkbox
-                              v-show="!item.hidden"
                               :class="isChecked(item.id) ? 'list-item-selected' : ''"
                               :value="item.id"
                               :checked="isChecked(item.id)"
                               :key="item.id"
                               v-for="item in items"
+                              v-show="!item.hidden"
                               @change="changeItemSelection">
                     <template #title>
                         <f7-block class="no-padding no-margin">