Added lazy loading to notifications
Encountered minor bug/issue where everytime I clicked on one notif, the API endpoint fetches +10 more notifs to the notifs page, because of the $route watcher set to the `fetchNotifs` method plus the limit parameter suffixed to the endpoint (the watcher is there to update the class of the notif):
data() {
return {
notifs: ' ',
page: 20,
}
},
...
watch: {
$route() {
this.fetchNotifs()
},
},
...
/notifications? ... &_limit=${(this.page += 10)}
Had to create a new method `updateNotifClass` for the watcher, with no limit params suffixed to the endpoint, just calling `this.page`. For reasons I don't yet understand, `this.page` just pings endpoint using the last set page limit, thus updating only the notif class without adding more notifs.
watch: {
$route() {
this.updateNotifClass()
},
},
...
/notifications? ... &_limit=${(this.page)}
data() {
return {
notifs: ' ',
page: 20,
}
},
...
watch: {
$route() {
this.fetchNotifs()
},
},
...
/notifications? ... &_limit=${(this.page += 10)}
Had to create a new method `updateNotifClass` for the watcher, with no limit params suffixed to the endpoint, just calling `this.page`. For reasons I don't yet understand, `this.page` just pings endpoint using the last set page limit, thus updating only the notif class without adding more notifs.
watch: {
$route() {
this.updateNotifClass()
},
},
...
/notifications? ... &_limit=${(this.page)}