class-component-feathers.ts

import Vue from 'vue'
import { Component } from 'vue-property-decorator'
import { namespace, Action, Getter } from 'vuex-class'
import { ActionGet, ActionCreate, ActionPatch, GetterList } from 'feathers-vuex'

interface Person { // should be identical to the model
  firstName: string
  lastName: string
}

const PeopleAction = namespace('people', Action)
const PeopleGetter = namespace('people', Getter)

@Component
export default class CreateEditPeople extends Vue {
  @PeopleGetter('list') people: GetterList<Person>
  @PeopleAction('get') getPerson: ActionGet<Person>
  @PeopleAction('create') createPerson: ActionCreate<Person>
  @PeopleAction('patch') patchPerson: ActionPatch<Person>

  // people can use this.list or this.createPerson() fully typed here
}