How to use the vue-property-decorator.Vue.component function in vue-property-decorator

import AppFooter from '@/components/AppFooter.vue'
import EntityLink from '@/components/EntityLink.vue'
import Snak from '@/components/Snak.vue'
import DataValue from '@/components/DataValue.vue'
import SqidImage from '@/components/SqidImage.vue'
import SqidBars from '@/components/SqidBars.vue'
import SqidCollapseButton from '@/components/SqidCollapseButton.vue'
import SqidCollapsibleCard from '@/components/SqidCollapsibleCard.vue'

Vue.component('entity-link', EntityLink)
Vue.component('snak', Snak)
Vue.component('data-value', DataValue)
Vue.component('sqid-image', SqidImage)
Vue.component('sqid-bars', SqidBars)
Vue.component('sqid-collapse-button', SqidCollapseButton)
Vue.component('sqid-collapsible-card', SqidCollapsibleCard)

@Component({
  components: {
    'app-navbar': AppNavbar,
    'app-footer': AppFooter,
  }})
export default class App extends Vue {
  @Action private loadTranslation!: (lang: string) => void

  private created() {
    const preferredLanguage = navigator.language.split('-')[0]
    this.loadTranslation(preferredLanguage)
  }
}

import AppNavbar from '@/components/AppNavbar.vue'
import AppFooter from '@/components/AppFooter.vue'
import EntityLink from '@/components/EntityLink.vue'
import Snak from '@/components/Snak.vue'
import DataValue from '@/components/DataValue.vue'
import SqidImage from '@/components/SqidImage.vue'
import SqidBars from '@/components/SqidBars.vue'
import SqidCollapseButton from '@/components/SqidCollapseButton.vue'
import SqidCollapsibleCard from '@/components/SqidCollapsibleCard.vue'

Vue.component('entity-link', EntityLink)
Vue.component('snak', Snak)
Vue.component('data-value', DataValue)
Vue.component('sqid-image', SqidImage)
Vue.component('sqid-bars', SqidBars)
Vue.component('sqid-collapse-button', SqidCollapseButton)
Vue.component('sqid-collapsible-card', SqidCollapsibleCard)

@Component({
  components: {
    'app-navbar': AppNavbar,
    'app-footer': AppFooter,
  }})
export default class App extends Vue {
  @Action private loadTranslation!: (lang: string) => void

  private created() {
    const preferredLanguage = navigator.language.split('-')[0]
    this.loadTranslation(preferredLanguage)
  }
}

import { Action } from 'vuex-class'
import AppNavbar from '@/components/AppNavbar.vue'
import AppFooter from '@/components/AppFooter.vue'
import EntityLink from '@/components/EntityLink.vue'
import Snak from '@/components/Snak.vue'
import DataValue from '@/components/DataValue.vue'
import SqidImage from '@/components/SqidImage.vue'
import SqidBars from '@/components/SqidBars.vue'
import SqidCollapseButton from '@/components/SqidCollapseButton.vue'
import SqidCollapsibleCard from '@/components/SqidCollapsibleCard.vue'

Vue.component('entity-link', EntityLink)
Vue.component('snak', Snak)
Vue.component('data-value', DataValue)
Vue.component('sqid-image', SqidImage)
Vue.component('sqid-bars', SqidBars)
Vue.component('sqid-collapse-button', SqidCollapseButton)
Vue.component('sqid-collapsible-card', SqidCollapsibleCard)

@Component({
  components: {
    'app-navbar': AppNavbar,
    'app-footer': AppFooter,
  }})
export default class App extends Vue {
  @Action private loadTranslation!: (lang: string) => void

  private created() {
    const preferredLanguage = navigator.language.split('-')[0]
    this.loadTranslation(preferredLanguage)
  }
}

import Sortable from 'sortablejs';

  import { Badge, Button, Popover } from 'element-ui';
  import IViewIcon from 'iview/src/components/icon';

  import Event from '../../../api/extensions/event';

  import '../../css/el-autocomplete';
  import '../../css/el-badge';
  import '../../css/el-input';
  import urlUtil from '../../js/lib/url-util';
  import recommendTopSite from '../../js/data/RecommendTopSite';

  import BrowserMainView from '../BrowserMainView.vue';

  Vue.component('suggestion-item', {
    functional: true,
    render(h, ctx) {
      const suggestion: Lulumi.Renderer.SuggestionObject = ctx.props.item;
      const item: Lulumi.Renderer.SuggestionItem = suggestion.item;
      if (item.title) {
        if (suggestion.matches) {
          let renderElementsOfTitle: any[] = [];
          let renderElementsOfValue: any[] = [];
          suggestion.matches.forEach((match) => {
            const renderElements: any[] = [];
            const key: string = match.key;
            const tmpStr: string = item[key];
            let prefixIndex: number = 0;
            match.indices.forEach((indexPair, index) => {
              const prefix: string = tmpStr.substring(prefixIndex, indexPair[0]);
              const target: string = tmpStr.substring(indexPair[0], indexPair[1] + 1);

install() {
    Vue.component('drag', giving(Drag));
    Vue.component('drop', accepting(Drop));
  },
};

install() {
    Vue.component('drag', giving(Drag));
    Vue.component('drop', accepting(Drop));
  },
};