Динамичская загрузка и рендеринг компонента?

Question

[alex]

Нужно в зависимости от условий загрузить и отрендерить два компонента

Пытаюсь так:

new Vue({
	router,
	store,
	async render: h => isMobile ? h(await import('@/AppMobile.vue')) : h(await import('@/App.vue'))
}).$mount('#app')

Подскажите что я делаю не так, или есть какой-то более простой способ?

Answer 1

[0xD34F]

new Vue({
  router,
  store,
  components: {
    AppModile: () => import('@/AppMobile.vue'),
    App: () => import('@/App.vue')
  },
  render: h => h(isMobile ? 'AppMobile' : 'App')
}).$mount('#app')