How to use the vue-property-decorator.Component function in vue-property-decorator

import { Editor } from 'tiptap'
import ExtensionActionRenderBtnOptionsInterface from './ExtensionActionRenderBtnOptionsInterface'
import TextIcon from '~/extensions/nativeExtensions/icons/TextIcon'
import VuetifyIcon from '~/extensions/nativeExtensions/icons/VuetifyIcon'
import IconInterface from '~/extensions/nativeExtensions/icons/IconInterface'
import { VTooltip, VBtn, VIcon } from 'vuetify/lib'

// TODO можно использовать как миксин, передавать туда сразу пропсы и не нужно будет писать PROPS = PROPS
export const PROPS = {
  EDITOR: 'editor' as const,
  OPTIONS: 'options' as const,
  CONTEXT: 'context' as const,
  DARK: 'dark' as const
}

@Component({
  components: { VTooltip, VBtn, VIcon }
})
export default class ExtensionActionRenderBtn extends Vue {
  @Prop({ type: Object, required: true })
  readonly [PROPS.EDITOR]: Editor

  @Prop({ type: Object, required: true })
  readonly [PROPS.OPTIONS]: ExtensionActionRenderBtnOptionsInterface

  @Prop({ type: Object, required: true })
  readonly [PROPS.CONTEXT]: any

  @Prop({ type: Boolean, default: false })
  readonly [PROPS.DARK]: boolean

  PROPS = PROPS

Popup,
  DatetimePicker,
  Dialog,
  Checkbox
} from 'vant';

Vue.use(NavBar)
  .use(Button)
  .use(Field)
  .use(CellGroup)
  .use(Cell)
  .use(Popup)
  .use(DatetimePicker)
  .use(Checkbox);

@Component({
  components: {}
})
export default class NoteCreate extends Vue {
  private get id() {
    return this.$route.params.id
      ? parseInt(this.$route.params.id, 10)
      : undefined;
  }

  private get notebookId() {
    return parseInt(this.$route.query.notebookId as string, 10);
  }

  private get isEdit() {
    return this.$route.name === 'note.edit';
  }

import { Inject } from 'services';
import { UserService } from 'services/user';
import { NavigationService } from 'services/navigation';
import { $t } from 'services/i18n';
import { RestreamService } from 'services/restream';
import { StreamSettingsService } from 'services/settings/streaming';
import { SceneCollectionsService } from 'services/scene-collections';

class FacebookMergeProps {
  params: {
    overlayUrl?: string;
    overlayName?: string;
  } = {};
}

@Component({ props: createProps(FacebookMergeProps) })
export default class FacebookMerge extends TsxComponent {
  @Inject() userService: UserService;
  @Inject() navigationService: NavigationService;
  @Inject() restreamService: RestreamService;
  @Inject() streamSettingsService: StreamSettingsService;
  @Inject() sceneCollectionsService: SceneCollectionsService;

  showOverlay = false;
  showLogin = false;
  loading = false;

  openPageCreation() {
    electron.remote.shell.openExternal(
      'https://www.facebook.com/gaming/pages/create?ref=streamlabs',
    );
    this.showLogin = true;