From bc484fba3e14faf838ada802019c6f68ed0dca96 Mon Sep 17 00:00:00 2001
From: userquin <userquin@gmail.com>
Date: Sat, 30 Dec 2023 22:03:24 +0100
Subject: [PATCH] chore: use `onAfterRouteChanged`

---
 src/client/theme-default/composables/nav.ts | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/client/theme-default/composables/nav.ts b/src/client/theme-default/composables/nav.ts
index 7f01553e..a70ef818 100644
--- a/src/client/theme-default/composables/nav.ts
+++ b/src/client/theme-default/composables/nav.ts
@@ -10,11 +10,16 @@ export function useNav() {
     window.addEventListener('resize', closeScreenOnTabletWindow)
   }
 
-  function closeScreen() {
-    inert.isScreenOpen = false
+  function handleCloseScreen(fromRoute = false) {
+    if (fromRoute) inert.onAfterRouteChanged()
+    else inert.isScreenOpen = false
     window.removeEventListener('resize', closeScreenOnTabletWindow)
   }
 
+  function closeScreen() {
+    handleCloseScreen()
+  }
+
   function toggleScreen() {
     isScreenOpen.value ? closeScreen() : openScreen()
   }
@@ -27,7 +32,10 @@ export function useNav() {
   }
 
   const route = useRoute()
-  watch(() => route.path, closeScreen)
+  watch(
+    () => route.path,
+    () => handleCloseScreen(true)
+  )
 
   return {
     isScreenOpen,