fix(SSR): avoid errors when rendering with latest Vue (#22764)

fixes #22762

Author: J-Sek

packages/vuetify/src/components/VNumberInput/hold.ts

@@ -1,5 +1,6 @@
 // Utilities
 import { onScopeDispose } from 'vue'
+import { IN_BROWSER } from '@/util'
 
 const HOLD_REPEAT = 50
 const HOLD_DELAY = 500
@@ -21,6 +22,7 @@ export function useHold ({ toggleUpDown }: { toggleUpDown: (increment: boolean)
   }
 
   function holdStop () {
+    if (!IN_BROWSER) return
     window.clearTimeout(timeout)
     window.clearInterval(interval)
     window.removeEventListener('pointerup', holdStop)

packages/vuetify/src/components/VSlider/slider.ts

@@ -7,7 +7,7 @@ import { makeRoundedProps } from '@/composables/rounded'
 
 // Utilities
 import { computed, nextTick, onScopeDispose, provide, ref, shallowRef, toRef } from 'vue'
-import { clamp, createRange, getDecimals, propsFactory } from '@/util'
+import { clamp, createRange, getDecimals, IN_BROWSER, propsFactory } from '@/util'
 
 // Types
 import type { ExtractPropTypes, InjectionKey, PropType, Ref } from 'vue'
@@ -316,6 +316,7 @@ export const useSlider = ({
   }
 
   onScopeDispose(() => {
+    if (!IN_BROWSER) return
     window.removeEventListener('touchmove', onMouseMove)
     window.removeEventListener('mousemove', onMouseMove)
     window.removeEventListener('mouseup', onSliderMouseUp)

packages/vuetify/src/components/VTimePicker/VTimePickerClock.tsx

@@ -6,7 +6,7 @@ import { useBackgroundColor, useTextColor } from '@/composables/color'
 
 // Utilities
 import { computed, onScopeDispose, ref, watch } from 'vue'
-import { debounce, genericComponent, propsFactory, useRender } from '@/util'
+import { debounce, genericComponent, IN_BROWSER, propsFactory, useRender } from '@/util'
 
 // Types
 import type { PropType } from 'vue'
@@ -225,6 +225,7 @@ export const VTimePickerClock = genericComponent()({
     }
 
     function removeListeners () {
+      if (!IN_BROWSER) return
       window.removeEventListener('mousemove', onDragMove)
       window.removeEventListener('touchmove', onDragMove)
       window.removeEventListener('mouseup', onMouseUp)

packages/vuetify/src/components/VVirtualScroll/VVirtualScroll.tsx

@@ -17,6 +17,7 @@ import {
   genericComponent,
   getCurrentInstance,
   getScrollParent,
+  IN_BROWSER,
   propsFactory,
   useRender,
 } from '@/util'
@@ -77,6 +78,8 @@ export const VVirtualScroll = genericComponent<new <T, Renderless extends boolea
       function handleListeners (add = false) {
         const method = add ? 'addEventListener' : 'removeEventListener'
 
+        if (!IN_BROWSER) return
+
         if (containerRef.value === document.documentElement) {
           document[method]('scroll', handleScroll, { passive: true })
           document[method]('scrollend', handleScrollend)

packages/vuetify/src/composables/focusTrap.ts

@@ -190,6 +190,7 @@ export function useFocusTrap (
 
   onScopeDispose(() => {
     registry.delete(trapId)
+    if (!IN_BROWSER) return
     clearTimeout(focusTrapSuppressionTimeout)
     document.removeEventListener('pointerdown', onPointerdown)
     document.removeEventListener('focusin', captureOnFocus)