From 72958a4317711a2e8535aff3b46bbc6dde6b79da Mon Sep 17 00:00:00 2001
From: Stuart Clark <stu@rtclark.net>
Date: Sun, 29 Aug 2021 02:50:08 +0000
Subject: [PATCH] chore(#150): close menu on route change

---
 docs/layouts/default.vue | 21 ++++++++++++++++++++-
 1 file changed, 20 insertions(+), 1 deletion(-)

diff --git a/docs/layouts/default.vue b/docs/layouts/default.vue
index 271a77efd..156039823 100644
--- a/docs/layouts/default.vue
+++ b/docs/layouts/default.vue
@@ -6,7 +6,12 @@
       class="shadow bg-base-200 drawer flex-grow"
       :class="{ 'drawer-mobile': $route.path !== '/' }"
     >
-      <input id="sidebar" type="checkbox" class="drawer-toggle" />
+      <input
+        id="sidebar"
+        type="checkbox"
+        class="drawer-toggle"
+        v-model="sidebar"
+      />
 
       <main
         class="
@@ -28,3 +33,17 @@
     </div>
   </div>
 </template>
+
+<script>
+export default {
+  data: () => ({
+    sidebar: false,
+  }),
+
+  watch: {
+    $route() {
+      this.sidebar = false
+    }
+  }
+}
+</script>