<%_ if (federationPluginImported && federationType == 'Host') { _%>
import { createApp, defineAsyncComponent } from 'vue'
<%_ } else { _%>
import { createApp } from 'vue'
<%_ } _%>
import { createI18n } from 'vue-i18n'
import { createRouter, createWebHistory } from 'vue-router'
import en from './locales/en.json'
import zh from './locales/zh.json'
import App from './App.vue'
<%_ if (store !== 'none') { _%>
import store from './store'
<%_ } _%>
<%_ if (federationPluginImported && federationType == 'Host') { _%>
import FederationErrorComponent from './components/FederationErrorComponent.vue'
<%_ } _%>
<%_ if (pagesPluginImported) { _%>
import routes from 'virtual:plugin-pages'
<%_ } else { _%>
import Default from './layouts/default.vue'
import Index from './pages/index.vue'
<%_ if (contentPluginImported || (federationPluginImported && federationType == 'Host')) { _%>
import Profile from './layouts/profile.vue'
<%_ } _%>
<%_ if (contentPluginImported) { _%>
import Content from './pages/content.vue'
<%_ } _%>
<%_ if (markdownPluginImported) { _%>
import Markdown from './pages/markdown.vue'
<%_ } _%>
<%_ if (federationPluginImported && federationType == 'Host') { _%>
import Federation from './pages/federation.vue'
<%_ } _%>

const routes = [
  {
    path: '/',
    component: Default,
    children: [
      { path: '/', component: Index }<%_ if (markdownPluginImported) { _%>,
      { path: '/markdown', component: Markdown }<% } %>
    ]
  }<%_ if (contentPluginImported) { _%>,
  {
    path: '/',
    component: Profile,
    children: [
      { path: '/content', component: Content }
    ]
  }<% } %><%_ if (federationPluginImported && federationType == 'Host') { _%>,
  {
    path: '/',
    component: Profile,
    children: [
      { path: '/federation', component: Federation }
    ]
  }<% } %>
]
<%_ } _%>

const router = createRouter({
  history: createWebHistory(),
  routes,
})

const i18n = createI18n({
  legacy: false,
  globalInjection: true,
  locale: 'en',
  fallbackLocale: 'en',
  messages: {
    en,
    zh
  }
})

const app = createApp(App)
<%_ if (federationPluginImported && federationType == 'Host') { _%>
const remoteComponent = defineAsyncComponent({
  loader: () => import('remote/RemoteComponent'),
  errorComponent: FederationErrorComponent,
})
app.component("RemoteComponent", remoteComponent)
<%_ } _%>
app.use(router)<%_ if (store !== 'none') { _%>.use(store)<%_ } _%>.use(i18n).mount('#app')