How to determine that the user has viewed the notification?

Question

JavaScript

How can you tell if a user has opened a notification card in order to mark it as read?

Unread notifications - all that the user sees in the card for the first time.
When you open a card, notifications that are in view become read.

The user does not open notifications themselves.
There are two tabs for news #1 and news #2. Every minute a request is sent for new notifications.
For clarity, a screenshot of the prototype.

Perhaps there are some plugins or something similar on vue.
I would be very grateful for a hint in which direction to dig :)

Answer 1

for each element, add the isNew property. Then you go
over them when opening the notification panel and reset those that are placed in the container.
Optionally, add the New\All filter.
After the definition, send a request to the server with a status update, or store everything on the client, for example, in local storage

Answer 2

In addition to the answer above - you'll need the Intersection API
To detect when a post is visible to the user - send a request that it's "read"