How to register a Vue body component using a template from a file?

Question

Node.js

O Comrades!
I have this code, written according to all the canons of Soviet structuring and Chinese Feng Shui.

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: {

  }
})

However, I want to register the contentPanel component in the Vue body in order to make the code lighter and not have to write Vue.component() all the time .
All examples on the web use simple type registration:

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

But we are not born with a bast, are we? We require the contentPanel.vue file to be used as a template !
So here's how to do it?

Answer 1

So you haven't tried it?

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