Here, we are going to code the <template> section of the single file component:
- Open the List.vue file from the users folder inside the views folder and copy the content and component from the VsTable component.
- Open the userList.vue file from the src/components folder.
- Paste the content you'd copied from the List.vue file inside the <template> section:
<template>
<vs-table
:data="userList"
search
stripe
pagination
max-items="10"
style="width: 100%; padding: 20px;"
>
<template slot="thead">
<vs-th sort-key="name">
#
</vs-th>
<vs-th sort-key="name">
Name
</vs-th>
<vs-th sort-key="email">
</vs-th>
<vs-th sort-key="country">
Country
</vs-th>
<vs-th sort-key="phone">...