mark all as read

vue/src/components/AppNav.vue

@@ -4,7 +4,7 @@ import { RouterLink, useRouter } from 'vue-router'
 import { useFeeds } from '@/composables/useFeeds'
 
 const router = useRouter()
-const { sync, showModal, viewMode, toggleViewMode } = useFeeds()
+const { sync, showModal, viewMode, toggleViewMode, markAllRead } = useFeeds()
 
 const menuOpen = ref(false)
 
@@ -28,6 +28,11 @@ function handleSync() {
   closeMenu()
 }
 
+function handleMarkAllRead() {
+  markAllRead()
+  closeMenu()
+}
+
 function openAddModal() {
   showModal.value = true
   closeMenu()
@@ -70,6 +75,7 @@ function handleToggleViewMode() {
             {{ viewMode === 'list' ? 'Article view' : 'List view' }}
           </button>
           <button class="app-nav__menu-item" type="button" @click="handleSync">Sync</button>
+          <button class="app-nav__menu-item" type="button" @click="handleMarkAllRead">Mark all as read</button>
           <button class="app-nav__menu-item" type="button" @click="openAddModal">Add RSS</button>
           <button class="app-nav__menu-item app-nav__logout" type="button" @click="logout">Logout</button>
         </div>