classic-component-feathers.ts

import Vue from 'vue'
import { mapActions, mapGetters } from 'vuex'
import { ActionGet, ActionCreate, ActionPatch, GetterList } from 'feathers-vuex'

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

interface PersonGetters {
  people: GetterList<Person>
}

interface PersonActions {
  getPerson: ActionGet<Person>
  createPerson: ActionCreate<Person>
  patchPerson: ActionPatch<Person>
}

export default Vue.extend({
  computed: {
    ...(mapGetters('people', { people: 'list' }) as PersonGetters)
  },
  methods: {
    ...(mapActions('people', { getPerson: 'get', createPerson: 'create', patchPerson: 'patch' }) as PersonActions)
  }

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