24 lines
600 B
Vue
24 lines
600 B
Vue
<script lang="ts" setup>
|
|
import {reactive} from 'vue'
|
|
import type {INotification} from '@/modelTypes/INotification'
|
|
import NotificationList from './NotificationList.vue'
|
|
|
|
const state = reactive({
|
|
notifications: [] as INotification[],
|
|
hasUnreadNotifications: true,
|
|
})
|
|
|
|
function markNotificationAsRead(notificatioItem: INotification) {
|
|
console.log(notificatioItem)
|
|
}
|
|
</script>
|
|
|
|
<template>
|
|
<Story>
|
|
<NotificationList
|
|
:notifications="state.notifications"
|
|
:hasUnreadNotifications="state.hasUnreadNotifications"
|
|
@mark-notification-as-read="markNotificationAsRead"
|
|
/>
|
|
</Story>
|
|
</template> |