SearchUsers.vue

<template>
  <section>
    <search-users-form :types="types" @search="search($event)" />
    <v-data-table
      :items="users"
      :headers="[
        { text: 'ID',     value: 'id'       },
        { text: 'Nome',   value: 'name'     },
        { text: 'E-Mail', value: 'email'    },
        { text: 'Cargo',  value: 'position' }
      ]"
    />
  </section>
</template>

<script>
  import SearchUsersForm from '@/components/SearchUsersForm.vue';
  import searchUsers, { getTypes } from '@/modules/search-users.js';

  export default {
    components: { SearchUsersForm },
    data () {
      return {
        users: [],
        types: []
      };
    },
    methods: {
      async search (params) {
        this.users = await searchUsers(params);
      }
    },
    async mounted () {
      this.types = await getTypes();
    }
  };
</script>