Vitepress

node_modules/vitepress/dist/client/theme-default/composables/nav.js

@@ -0,0 +1,30 @@
+import { ref, watch } from 'vue';
+import { useRoute } from 'vitepress';
+export function useNav() {
+    const isScreenOpen = ref(false);
+    function openScreen() {
+        isScreenOpen.value = true;
+        window.addEventListener('resize', closeScreenOnTabletWindow);
+    }
+    function closeScreen() {
+        isScreenOpen.value = false;
+        window.removeEventListener('resize', closeScreenOnTabletWindow);
+    }
+    function toggleScreen() {
+        isScreenOpen.value ? closeScreen() : openScreen();
+    }
+    /**
+     * Close screen when the user resizes the window wider than tablet size.
+     */
+    function closeScreenOnTabletWindow() {
+        window.outerWidth >= 768 && closeScreen();
+    }
+    const route = useRoute();
+    watch(() => route.path, closeScreen);
+    return {
+        isScreenOpen,
+        openScreen,
+        closeScreen,
+        toggleScreen
+    };
+}