vue-cli-plugin-single-spa

{ // Step 1: Create a new Vue project (if you don't have one) // vue create my-single-spa-app // cd my-single-spa-app // Step 2: Add the single-spa plugin // Run this command in your project's root directory: // vue add single-spa@latest // The plugin will modify your main.ts (or main.js) to look similar to this: // main.ts (or main.js) import { h, createApp } from 'vue'; import singleSpaVue from 'single-spa-vue'; import App from './App.vue'; // import router from './router'; // Uncomment if you have vue-router installed // import store from './store'; // Uncomment if you have Vuex installed const vueLifecycles = singleSpaVue({ createApp, appOptions: { render() { return h(App, { props: { // single-spa props are passed as "custom props" to the root component name: this.name, mountParcel: this.mountParcel, singleSpa: this.singleSpa } }); }, // Uncomment the following if you use Vuex or Vue Router // el: '#app', // Not typically needed for single-spa apps unless rendering standalone }, handleInstance(app) { // app.use(router); // Apply vue-router // app.use(store); // Apply Vuex store }, }); export const bootstrap = vueLifecycles.bootstrap; export const mount = vueLifecycles.mount; export const unmount = vueLifecycles.unmount; }