fix(Avatar): window and document not defined

Author: zernonia

packages/core/src/Avatar/AvatarFallback.vue

@@ -1,5 +1,6 @@
 <script lang="ts">
 import type { PrimitiveProps } from '@/Primitive'
+import { isClient } from '@vueuse/shared'
 import { useForwardExpose } from '@/shared'
 
 export interface AvatarFallbackProps extends PrimitiveProps {
@@ -23,7 +24,7 @@ useForwardExpose()
 const canRender = ref(props.delayMs === undefined)
 
 watchEffect((onCleanup) => {
-  if (props.delayMs) {
+  if (props.delayMs && isClient) {
     const timerId = window.setTimeout(() => {
       canRender.value = true
     }, props.delayMs)

packages/core/src/Avatar/utils.ts

@@ -1,4 +1,5 @@
 import type { ImgHTMLAttributes, Ref } from 'vue'
+import { isClient } from '@vueuse/shared'
 import { computed, onMounted, onUnmounted, ref, watchEffect } from 'vue'
 
 export type ImageLoadingStatus = 'idle' | 'loading' | 'loaded' | 'error'
@@ -23,7 +24,7 @@ export function useImageLoadingStatus(src: Ref<string>, { referrerPolicy, crossO
     if (!isMounted.value) {
       return null
     }
-    if (!imageRef.value) {
+    if (!imageRef.value && isClient) {
       imageRef.value = new window.Image()
     }
     return imageRef.value