updated-main.js

// Import our CSS
import styles from '../css/app.pcss';
import VueConfetti from 'vue-confetti';

// App main
const main = async () => {
    // Async load the vue module
    const { createApp, defineAsyncComponent } = await import(/* webpackChunkName: "vue" */ 'vue');
    // Create our root vue instance
    const root = createApp({
        components: {
            'confetti': defineAsyncComponent(() => import(/* webpackChunkName: "confetti" */ '../vue/Confetti.vue')),
        },
        data: () => ({
        }),
        methods: {
        },
        mounted() {
        },
    });
  
    root.use(VueConfetti);

    root.mount("#page-container");

    return root;
};

// Execute async function
main().then( (root) => {
});

// Accept HMR as per: https://webpack.js.org/api/hot-module-replacement#accept
if (module.hot) {
    module.hot.accept();
}