Как регистрировать компонент теле Vue используя шаблон из файла?

Question

[Иван Табакерка]

О Товарищи!
У меня имеется данный код, написанный по всем канонам советской структуризации и китайского феншуя.

import Vue from 'vue'
import App from './App.vue'

import contentPanelTemp from './components/contentPanel.vue'

Vue.component('contentPanel', contentPanelTemp)

new Vue({
  el: '#app',
  render: h => h(App),
  components: {

  }
})

Однако я хочу зарегистрировать компонент contentPanel в теле Vue, дабы сделать код легче и не писать постоянно Vue.component().

Во всех примерах в интернете используют простецкую регистрацию типа:

components: {
   sovietComponent: {
        temlate: '<h1>Привет, Жопа ежа</h1>'
   }
}

Но мы же с вами не лыком шиты? Мы требуем использовать в качестве шаблона файл contentPanel.vue!

Так вот как это сделать?

Answer 1

[Владимир Проскурин]

Так не пробовали?

new Vue({
  el: '#app',
  render: h => h(App),
  components: {
     contentPanelTemp
  }
})