chore: use `onAfterRouteChanged`

src/client/theme-default/composables/nav.ts

@@ -10,11 +10,16 @@ export function useNav() {
     window.addEventListener('resize', closeScreenOnTabletWindow)
   }
 
-  function closeScreen() {
+  function handleCloseScreen(fromRoute = false) {
-    inert.isScreenOpen = 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,