Upgrade to vue3 (#16)

* upgrade to vue 3.x and framework7 8.x
* change calendar plugin to vue-datepicker
* disable export button when user does not hava any transaction
* implement new pin code input
* append thousands separator in amount in exchange rates page

src/components/mobile/PinCodeInputSheet.vue

@@ -1,15 +1,16 @@
 <template>
-    <f7-sheet style="height:auto" :opened="show"
-              @sheet:open="onSheetOpen" @sheet:closed="onSheetClosed">
-        <f7-page-content>
+    <f7-sheet swipe-to-close swipe-handler=".swipe-handler" style="height:auto"
+              :opened="show" @sheet:open="onSheetOpen" @sheet:closed="onSheetClosed">
+        <div class="swipe-handler"></div>
+        <f7-page-content class="margin-top no-padding-top">
             <div class="display-flex padding justify-content-space-between align-items-center">
                 <div style="font-size: 18px"><b>{{ title }}</b></div>
             </div>
             <div class="padding-horizontal padding-bottom">
-                <p class="no-margin-top margin-bottom-half">{{ hint }}</p>
-                <f7-list no-hairlines class="no-margin-top margin-bottom">
+                <p class="no-margin">{{ hint }}</p>
+                <f7-list no-hairlines class="no-margin">
                     <f7-list-item class="list-item-pincode-input">
-                        <pincode-input secure :length="6" v-model="currentPinCode" />
+                        <pin-code-input :secure="true" :length="6" v-model="currentPinCode"/>
                     </f7-list-item>
                 </f7-list>
                 <f7-button large fill
@@ -28,13 +29,18 @@
 <script>
 export default {
     props: [
-        'value',
+        'modelValue',
         'title',
         'hint',
         'confirmDisabled',
         'cancelDisabled',
         'show'
     ],
+    emits: [
+        'update:modelValue',
+        'update:show',
+        'pincode:confirm'
+    ],
     data() {
         return {
             currentPinCode: ''
@@ -57,7 +63,7 @@ export default {
                 return;
             }
 
-            this.$emit('input', this.currentPinCode);
+            this.$emit('update:modelValue', this.currentPinCode);
             this.$emit('pincode:confirm', this.currentPinCode);
         },
         cancel() {