How to use single-spa-vue - 3 common examples

To help you get started, we’ve selected a few single-spa-vue examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github Vibing / micro-frontend / app4vue / src / singleSpaEntry.js View on Github external
import Vue from 'vue'
import singleSpaVue from 'single-spa-vue';
import App from './App.vue'

Vue.config.productionTip = false;

const vueLifecycles = singleSpaVue({
    Vue,
    appOptions: {
        el: '#app4',
        render: h => h(App)
}
});

export const bootstrap = [
    vueLifecycles.bootstrap,
];

export function mount(props) {
    createDomElement();
    return vueLifecycles.mount(props);
}
github justwiner / microfront-end-single-spa / project2 / src / project2.js View on Github external
import Vue from 'vue';
import singleSpaVue from 'single-spa-vue';
import App from './App.vue'

const vueLifecycles = singleSpaVue({
  Vue,
  appOptions: {
    el: '#vue',
    render: r => r(App)
  } 
});

export const bootstrap = [
  vueLifecycles.bootstrap,
];

export const mount = [
  vueLifecycles.mount,
];

export const unmount = [
github CanopyTax / single-spa-examples / src / vue / vue.app.js View on Github external
import Vue from 'vue/dist/vue.min.js';
import singleSpaVue from 'single-spa-vue';
import DemoGrid from './demo-grid.component.js';
import {showFrameworkObservable, getBorder} from 'src/common/colored-border.js';

const vueLifecycles = singleSpaVue({
  Vue,
  appOptions: {
    el: '#vue-app',
    template: `
      <div id="vue-app">
        <div>
          <div>(built with Vue.js)</div>
          <form id="search">
            <div class="row">
              <div class="input-field col s12">
                <div class="input-field">
                  <input name="query">
                  <label for="query" class="active">Search</label>
                </div>
              </div>
            </div></form></div></div>

single-spa-vue

a single-spa plugin for vue.js applications

MIT
Latest version published 1 year ago

Package Health Score

60 / 100
Full package analysis

Popular single-spa-vue functions