state-component.ts

import { value, createComponent } from 'vue-function-api'

export default createComponent({
  props: /* ... */,
  setup(props) {
    const sort = state({
      field: 'created_at',
      reverse: false,
    })

    function changeSort(field: string, reverse: boolean) {
      sort.field = field
      sort.reverse = reverse
    }

    return { sort, changeSort }
  },
})