perf: set passive to true

package-lock.json

@@ -5412,6 +5412,11 @@
         }
       }
     },
+    "default-passive-events": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npm.taobao.org/default-passive-events/download/default-passive-events-2.0.0.tgz",
+      "integrity": "sha1-ebGqZ77LqrOLcYRptUgP75Ltpkk="
+    },
     "default-user-agent": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/default-user-agent/-/default-user-agent-1.0.0.tgz",

package.json

@@ -21,6 +21,7 @@
     "clipboard": "^2.0.8",
     "core-js": "^3.6.5",
     "dayjs": "^1.10.7",
+    "default-passive-events": "^2.0.0",
     "dexie": "^3.0.3",
     "enc-utils": "^3.0.0",
     "js-base64": "^3.7.2",

src/main.ts

-import { createApp } from 'vue'
-import App from './App.vue'
-import router from './router'
-import 'tailwindcss/tailwind.css'
+import { createApp } from "vue";
+import App from "./App.vue";
+import router from "./router";
+import "tailwindcss/tailwind.css";
 import {
   NoticeBar,
   Popup,
@@ -14,38 +14,37 @@ import {
   Cell,
   PullRefresh,
   ConfigProvider,
-} from 'vant'
-import { Quasar } from 'quasar'
-import quasarConfig from './plugins/quasar-config'
-import '@/assets/styles/style.less'
-import '@/styles/quasar.scss'
-import 'quasar/dist/quasar.css'
-import '@quasar/extras/roboto-font/roboto-font.css'
-import '@quasar/extras/material-icons/material-icons.css'
+} from "vant";
+import { Quasar } from "quasar";
+import quasarConfig from "./plugins/quasar-config";
+import "@/assets/styles/style.less";
+import "@/styles/quasar.scss";
+import "quasar/dist/quasar.css";
+import "@quasar/extras/roboto-font/roboto-font.css";
+import "@quasar/extras/material-icons/material-icons.css";
 // import '@quasar/extras/material-icons-outlined/material-icons-outlined.css'
 // import '@quasar/extras/material-icons-round/material-icons-round.css'
 // import '@quasar/extras/material-icons-sharp/material-icons-sharp.css'
-import '@quasar/extras/fontawesome-v5/fontawesome-v5.css'
-import '@quasar/extras/ionicons-v4/ionicons-v4.css'
+import "@quasar/extras/fontawesome-v5/fontawesome-v5.css";
+import "@quasar/extras/ionicons-v4/ionicons-v4.css";
 // import '@quasar/extras/mdi-v4/mdi-v4.css'
-import '@quasar/extras/eva-icons/eva-icons.css'
-import longPress from '@/plugins/longPress'
-import { format } from '@/utils/time'
-;(function () {
-  if (process.env.VUE_APP_MODE === 'DEV') {
-    var script = (document.createElement('script') as unknown) as any
-    script.src = '//cdn.jsdelivr.net/npm/eruda'
-    document.body.appendChild(script)
-    script.onload = function () {
-      ;(window as any).eruda.init()
-    }
-  }
-})()
+import "@quasar/extras/eva-icons/eva-icons.css";
+import longPress from "@/plugins/longPress";
+import { format } from "@/utils/time";
+import "default-passive-events";
+(function () {
+  // if (process.env.VUE_APP_MODE === 'DEV') {
+  //   var script = (document.createElement('script') as unknown) as any
+  //   script.src = '//cdn.jsdelivr.net/npm/eruda'
+  //   document.body.appendChild(script)
+  //   script.onload = function () {
+  //     ;(window as any).eruda.init()
+  //   }
+  // }
+})();
 
-
-
-const app = createApp(App)
-app.config.globalProperties.$format = format
+const app = createApp(App);
+app.config.globalProperties.$format = format;
 
 app
   .use(router)
@@ -62,4 +61,4 @@ app
   .use(PullRefresh)
   .use(Cell)
   .use(Quasar, quasarConfig)
-  .mount('#app')
+  .mount("#app");