Make listeners passive

src/components/ScrollerManager.vue

@@ -8,10 +8,10 @@
       'scrolling-now': scrollingNowTimer,
       scrolling: scrollingTimer,
     }"
-    @mousemove="mousemove"
+    @mousemove.passive="mousemove"
-    @touchmove="touchmove"
+    @touchmove.passive="touchmove"
-    @mouseleave="mouseleave"
+    @mouseleave.passive="mouseleave"
-    @mousedown="mousedown"
+    @mousedown.passive="mousedown"
   >
     <span
       class="cursor st"
@@ -23,7 +23,7 @@
     <span
       class="cursor hv"
       :style="{ transform: `translateY(${hoverCursorY}px)` }"
-      @touchmove="touchmove"
+      @touchmove.passive="touchmove"
     >
       <div class="text">{{ hoverCursorText }}</div>
       <div class="icon"><ScrollIcon :size="22" /></div>

src/components/Timeline.vue

@@ -271,7 +271,7 @@ export default class Timeline extends Mixins(GlobalMixin, UserConfig) {
     (this.$refs.recycler as any).$el.addEventListener(
       "scroll",
       this.scrollPositionChange,
-      false
+      { passive: true }
     );
 
     // Get data

src/components/frame/Photo.vue

@@ -22,10 +22,10 @@
       class="img-outer fill-block"
       @click="emitClick"
       @contextmenu="contextmenu"
-      @touchstart="touchstart"
+      @touchstart.passive="touchstart"
-      @touchmove="touchend"
+      @touchmove.passive="touchend"
-      @touchend="touchend"
+      @touchend.passive="touchend"
-      @touchcancel="touchend"
+      @touchcancel.passive="touchend"
     >
       <img
         ref="img"

src/components/top-matter/OnThisDay.vue

@@ -93,7 +93,9 @@ export default class OnThisDay extends Mixins(GlobalMixin) {
 
   mounted() {
     const inner = this.$refs.inner as HTMLElement;
-    inner.addEventListener("scroll", this.onScroll.bind(this));
+    inner.addEventListener("scroll", this.onScroll.bind(this), {
+      passive: true,
+    });
 
     this.refresh();
   }