Sample component for test exercise

TryToTestMe.vue

<template>
<div class="team-management">
    <div v-if="!hasPermission('account:write')">
        Please contact your team administrator.
    </div>
    <div v-if="hasPermission('account:write')">
        Team Administration
    </div>
    <button :disabled="!hasPermission('user:create')">Add Team Member</button>
    <button :disabled="!hasPermission('user:delete')">Remove Team Member</button>
    <input type="check" v-model="includeDisabled">Include Disabled</input>
    <table v-if="hasPermission('team:view')">
        <tr v-for="member in filteredTeam">
            {{member.name}}
        </tr>
    </table>
</div>
</template>

<script>
export default {
    data: () => {
        this.includeDisabled = false
    },
    created: () => {
        this.team = this.$store.state.account.team
        this.permissions = this.$store.state.user.permissions
    },
    computed: () => {
        hasPermission: requiredPermission => {
            return this.permissions.contains(requiredPermission)
        },
        filteredTeam: () => {
            if (this.includeDisabled) {
                return this.team
            }
            return this.team.filter(m => m.enabled)
        }
    }
}
</script>