<template> <table class="invite-list"> <thead> <tr> <th class="hostmask">Invited</th> <th class="invitened_by">Invited By</th> <th class="invitened_at">Invited At</th> </tr> </thead> <tbody> <tr v-for="invite in channel.data" :key="invite.hostmask"> <td class="hostmask">{{ invite.hostmask }}</td> <td class="invitened_by">{{ invite.invited_by }}</td> <td class="invitened_at">{{ localetime(invite.invited_at) }}</td> </tr> </tbody> </table> </template> <script> import localetime from "../../js/helpers/localetime"; export default { name: "ListInvites", props: { network: Object, channel: Object, }, methods: { localetime(date) { return localetime(date); }, }, }; </script>