import {createApp, defineComponent, h} from 'vue';
import {createPinia} from 'pinia';
import {RouterView} from 'vue-router';
import {create<%= Name %>Router} from './router';
import {bootstrap} from '@/bootstrap';

/**
 * Shell component for the `<%= name %>` MPA entry. Hosts <router-view/>;
 * actual content lives in ./views/*.vue.
 */
const <%= Name %>Shell = defineComponent({
  name: '<%= Name %>Shell',
  setup() {
    return () => h(RouterView);
  }
});

void bootstrap().then(() => {
  createApp(<%= Name %>Shell)
    .use(createPinia())
    .use(create<%= Name %>Router())
    .mount('#app');
});