fix(VImg): stop timers and events when unmounted

fixes #18651
closes #18616

packages/vuetify/src/components/VImg/VImg.tsx

@@ -16,6 +16,7 @@ import {
   computed,
   nextTick,
   onBeforeMount,
+  onBeforeUnmount,
   ref,
   shallowRef,
   vShow,
@@ -25,6 +26,7 @@ import {
 import {
   convertToUnit,
   genericComponent,
+  getCurrentInstance,
   propsFactory,
   SUPPORTS_INTERSECTION,
   useRender,
@@ -106,6 +108,8 @@ export const VImg = genericComponent<VImgSlots>()({
   },
 
   setup (props, { emit, slots }) {
+    const vm = getCurrentInstance('VImg')
+
     const currentSrc = shallowRef('') // Set from srcset
     const image = ref<HTMLImageElement>()
     const state = shallowRef<'idle' | 'loading' | 'loaded' | 'error'>(props.eager ? 'loading' : 'idle')
@@ -165,6 +169,8 @@ export const VImg = genericComponent<VImgSlots>()({
         emit('loadstart', image.value?.currentSrc || normalisedSrc.value.src)
 
         setTimeout(() => {
+          if (vm.isUnmounted) return
+
           if (image.value?.complete) {
             if (!image.value.naturalWidth) {
               onError()
@@ -183,13 +189,17 @@ export const VImg = genericComponent<VImgSlots>()({
     }
 
     function onLoad () {
+      if (vm.isUnmounted) return
+
       getSrc()
       pollForSize(image.value!)
       state.value = 'loaded'
       emit('load', image.value?.currentSrc || normalisedSrc.value.src)
     }
 
     function onError () {
+      if (vm.isUnmounted) return
+
       state.value = 'error'
       emit('error', image.value?.currentSrc || normalisedSrc.value.src)
     }
@@ -200,9 +210,16 @@ export const VImg = genericComponent<VImgSlots>()({
     }
 
     let timer = -1
+
+    onBeforeUnmount(() => {
+      clearTimeout(timer)
+    })
+
     function pollForSize (img: HTMLImageElement, timeout: number | null = 100) {
       const poll = () => {
         clearTimeout(timer)
+        if (vm.isUnmounted) return
+
         const { naturalHeight: imgHeight, naturalWidth: imgWidth } = img
 
         if (imgHeight || imgWidth) {