@nuxt-modules/lazy-load/dist/composables/useLazyLoad.mjs

Lazy load module for Nuxt 3

import { computed } from "vue";
import { useNuxtApp, useRuntimeConfig, useState } from "#app";
export const useLazyLoad = () => {
  const { $lazyLoad } = useNuxtApp();
  const { lazyLoad: lazyLoadOptions } = useRuntimeConfig();
  const { selector, options } = lazyLoadOptions;
  const observer = useState("lazy-load-observer", () => null);
  const init = () => {
    const lazyLoadObserver = $lazyLoad(`.${selector}`, options);
    lazyLoadObserver.observe();
    observer.value = lazyLoadObserver;
    return lazyLoadObserver;
  };
  return {
    observer: computed(() => observer.value),
    init
  };
};