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

import { Component, Prop, Watch } from 'nuxt-property-decorator'
import { State, namespace, Action } from 'vuex-class'
import axios from 'axios'
import * as serviceAction from '../store/modules/services/actions.types'
import * as actions from '../store/modules/connections/actions.types'
import { Route } from 'vue-router'
import ThreadConnection from '../types/ThreadConnection'

class VueWithRoute extends Vue {
  $route: Route
}

const connectionsModule = namespace('connections')
const servicesModule = namespace('services')

@Component({})
export default class NewThreadDialog extends Vue {
  @Prop() threadConnection
  searchItem = ''
  @connectionsModule.Getter('newConnectionId') newConnectionId
  @servicesModule.Getter('searchResults') searchResults

  @servicesModule.Getter('instances') instances
  @servicesModule.Action(serviceAction.LOAD_INSTANCES) loadInstances
  @servicesModule.Action(serviceAction.SEARCH_THREADS) searchItems
  @servicesModule.Action(serviceAction.CLEAR_RESULTS) clearResults
  @connectionsModule.Action(actions.CREATE_NEW_THREAD) createThread
  dialog = false
  threadModel: { avatarUrl: string, id: string, title: string, subtitle: string } | null = null
  threadId: string = ''
  selectedItem: ThreadConnection | null = null

import {
    address,
    birthdate,
    gender,
    id,
    identityCard,
    included,
    name,
    password,
    phoneNumber,
    rePassword,
    requiredEmail,
    startingDate,
} from '~/modules/validator';

@Component({
    name: 'popup-employee-add-',
    validations: {
        input: {
            id,
            name,
            password,
            identityCard,
            startingDate,
            gender,
            phoneNumber: { phoneNumber, required },
            address,
            email: requiredEmail,
            birthdate,
            position: included('position'),
        },
        rePassword,