Lazy Load Vue3 Laravel

app.js

require('./bootstrap');
import {createApp} from "vue";
import {registerComponents} from './components';
const app = createApp({});
registerComponents(app)
app.mount('#app')

components.js

import {defineAsyncComponent} from "vue";

const lazyLoadComponents = {
    OrganizationGrid: defineAsyncComponent(() => import(/* webpackChunkName:"OrganizationGrid" */ "./components/Organization/OrganizationGrid")),
    DspBoolean: defineAsyncComponent(() => import(/* webpackChunkName:"DspBoolean" */ "./components/Base/DspBoolean")),
    DspDate: defineAsyncComponent(() => import(/* webpackChunkName:"DspDate" */ "./components/Base/DspDate")),
}

export const lazyLoadComponents = (app) => {
    for (let name in (lazyLoadComponents)) {
        app.component(name, lazyLoadComponents[name]);
    }
}