vue3-lazy-load-component

Vue3 Lazy Component

Lazy render Vue component for other Vue components or any code.

This is an adaption of v-lazy-component for Vue 3.5+

Usage

Installation

yarn add vue3-lazy-load-component  # or npm i vue3-lazy-load-component

Global Register

import { createApp } from 'vue'
import App from './App.vue'
import LazyComponent from 'vue3-lazy-load-component'

const app = createApp(App)

app.use(LazyComponent)
app.mount('#app')

Local Register

<script setup>
import LazyComponent from 'vue3-lazy-load-component'
</script>

Usage

<lazy-component wrapper-tag="section" @intersected="optionalDispatch">
  <your-component/>
  
  <!-- Optional -->
  <template #placeholder>
    <span>Loading...</span>
  </template>
</lazy-component>

Props

Slots

Events

📄 License

MIT