diff --git a/packages/nuxt/src/app/utils.ts b/packages/nuxt/src/app/utils.ts
index 497542451f..fc29085ccb 100644
--- a/packages/nuxt/src/app/utils.ts
+++ b/packages/nuxt/src/app/utils.ts
@@ -1,5 +1,5 @@
 import { useNuxtApp } from './nuxt'
-
+import defu from 'defu'
 
 export function toArray<T> (value: T | T[]): T[] {
   return Array.isArray(value) ? value : [value]
@@ -8,7 +8,7 @@ export function toArray<T> (value: T | T[]): T[] {
 export type CallbackFn = () => void
 export type ObserveFn = (element: Element, callback: CallbackFn) => () => void
 
-export function useIntersectionObserver (options?: IntersectionObserverInit): { observe: ObserveFn } {
+export function useIntersectionObserver (options?: Partial<IntersectionObserverInit>): { observe: ObserveFn } {
   if (import.meta.server) { return {observe: () => () => {}} }
 
   const nuxtApp = useNuxtApp()
@@ -17,7 +17,6 @@ export function useIntersectionObserver (options?: IntersectionObserverInit): {
   }
 
   let observer: IntersectionObserver | null = null
-
   const callbacks = new Map<Element, CallbackFn>()
 
   const observe: ObserveFn = (element, callback) => {
@@ -28,7 +27,7 @@ export function useIntersectionObserver (options?: IntersectionObserverInit): {
           const isVisible = entry.isIntersecting || entry.intersectionRatio > 0
           if (isVisible && callback) { callback() }
         }
-      },options)
+      },defu(options ?? {},{root: null, rootMargin: "0px", threshold: 0}))
     }
     callbacks.set(element, callback)
     observer.observe(element)
diff --git a/packages/nuxt/src/components/runtime/client-delayed-component.ts b/packages/nuxt/src/components/runtime/client-delayed-component.ts
index b799eb8296..1e10748a25 100644
--- a/packages/nuxt/src/components/runtime/client-delayed-component.ts
+++ b/packages/nuxt/src/components/runtime/client-delayed-component.ts
@@ -37,7 +37,7 @@ export const createLazyIOClientPage = (componentLoader: Component) => {
 
       if (!isIntersecting.value) {
         onMounted(() => {
-          const observer = useIntersectionObserver(attrs.loader ?? {})
+          const observer = useIntersectionObserver(attrs.loader)
           unobserve = observer!.observe(el.value as Element, () => {
             isIntersecting.value = true
             unobserve?.()