chore(#150): close menu on route change

druxt · Aug 29, 2021 · 72958a4 · 72958a4
1 parent b8609cf
commit 72958a4
Showing 1 changed file with 20 additions and 1 deletion.
diff --git 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>