<template>
    <ul>
        <li v-for="channel in userNotificationChannels" :key="channel.id">
            {{ channel.name }}
        </li>
    </ul>
</template>

<script>
import {mapActions, mapState} from 'vuex';
import Table from '@/components/Table';

export default {
    name: 'Notifications',
    components: {Table},
    computed: mapState(['userNotificationChannels']),
    methods: mapActions(['fetchUserNotificationChannels']),
    mounted() {
        this.fetchUserNotificationChannels();
    }
};
</script>

<style scoped>

</style>