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

package.json

@@ -12,56 +12,43 @@
     "url": "https://github.com/mayswind/ezbookkeeping/issues"
   },
   "scripts": {
-    "serve": "set NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service serve",
-    "build": "set NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service build",
-    "lint": "vue-cli-service lint"
+    "serve": "cross-env NODE_ENV=development vite",
+    "build": "cross-env NODE_ENV=production vite build",
+    "serve:dist": "vite preview",
+    "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs --fix --ignore-path .gitignore"
   },
   "dependencies": {
-    "axios": "^1.3.5",
+    "@vuepic/vue-datepicker": "^4.4.0",
+    "axios": "^1.3.6",
     "cbor-js": "^0.1.0",
-    "core-js": "^3.30.0",
+    "clipboard": "^2.0.11",
     "crypto-js": "^4.1.1",
-    "framework7": "^5.7.14",
+    "dom7": "^4.0.6",
+    "framework7": "^8.0.3",
     "framework7-icons": "^5.0.5",
-    "framework7-vue": "^5.7.14",
+    "framework7-vue": "^8.0.3",
     "js-cookie": "^3.0.1",
     "line-awesome": "^1.3.0",
     "moment": "^2.29.4",
     "moment-timezone": "^0.5.43",
     "register-service-worker": "^1.7.2",
+    "skeleton-elements": "^4.0.1",
+    "swiper": "^9.2.3",
     "ua-parser-js": "^1.0.35",
-    "vue": "^2.7.14",
-    "vue-clipboard2": "^0.3.3",
-    "vue-i18n": "^8.28.2",
-    "vue-pincode-input": "^0.4.0",
-    "vuex": "^3.6.2"
+    "vue": "^3.2.47",
+    "vue-i18n": "^9.2.2",
+    "vuex": "^4.1.0"
   },
   "devDependencies": {
-    "@vue/cli-plugin-babel": "^4.5.19",
-    "@vue/cli-plugin-eslint": "^4.5.19",
-    "@vue/cli-plugin-pwa": "^4.5.19",
-    "@vue/cli-service": "^4.5.19",
-    "babel-eslint": "^10.1.0",
-    "babel-plugin-component": "^1.1.1",
-    "eslint": "^6.8.0",
-    "eslint-plugin-vue": "^6.2.2",
-    "git-revision-webpack-plugin": "^3.0.6",
-    "moment-locales-webpack-plugin": "^1.2.0",
-    "vue-template-compiler": "^2.7.14"
-  },
-  "eslintConfig": {
-    "root": true,
-    "env": {
-      "node": true
-    },
-    "extends": [
-      "plugin:vue/essential",
-      "eslint:recommended"
-    ],
-    "parserOptions": {
-      "parser": "babel-eslint"
-    },
-    "rules": {}
+    "@vitejs/plugin-vue": "^4.1.0",
+    "@vue/compiler-sfc": "^3.2.47",
+    "cross-env": "^7.0.3",
+    "eslint": "^8.38.0",
+    "eslint-plugin-vue": "^9.11.0",
+    "git-rev-sync": "^3.0.2",
+    "postcss-preset-env": "^8.3.2",
+    "vite": "^4.2.2",
+    "vite-plugin-pwa": "^0.14.7"
   },
   "browserslist": [
     "> 1%",