perf: use passive event listeners (#2559)

jellyfin · Jan 9, 2025 · 07f8066 · 07f8066
1 parent 1366a0a
commit 07f8066
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 7 deletions.
diff --git a/frontend/src/components/lib/JHover.vue b/frontend/src/components/lib/JHover.vue
@@ -1,7 +1,7 @@
 <template>
   <JSlot
-    @pointerenter="isHovering = true"
-    @pointerleave="isHovering = false">
+    @pointerenter.passive="isHovering = true"
+    @pointerleave.passive="isHovering = false">
     <slot
       :is-hovering="isHovering" />
   </JSlot>

diff --git a/frontend/src/components/lib/JImg.vue b/frontend/src/components/lib/JImg.vue
@@ -5,8 +5,8 @@
       rel="preload"
       as="image"
       :href="src"
-      @load="onLoad"
-      @error="onError">
+      @load.passive="onLoad"
+      @error.passive="onError">
     <JTransition
       v-bind="isObj(transitionProps) ? transitionProps : undefined"
       :disabled="!transitionProps">

diff --git a/frontend/types/global/components.d.ts b/frontend/types/global/components.d.ts
@@ -205,11 +205,8 @@ declare module 'vue' {
     VSnackbar: typeof import('vuetify/components')['VSnackbar']
     VSpacer: typeof import('vuetify/components')['VSpacer']
     VStepper: typeof import('vuetify/components')['VStepper']
-    VStepperContent: typeof import('vuetify/components')['VStepperContent']
     VStepperHeader: typeof import('vuetify/components')['VStepperHeader']
     VStepperItem: typeof import('vuetify/components')['VStepperItem']
-    VStepperItems: typeof import('vuetify/components')['VStepperItems']
-    VStepperStep: typeof import('vuetify/components')['VStepperStep']
     VStepperWindow: typeof import('vuetify/components')['VStepperWindow']
     VStepperWindowItem: typeof import('vuetify/components')['VStepperWindowItem']
     VSwitch: typeof import('vuetify/components')['VSwitch']