From fc2070c34057804d19f88ad031a7f907b682bda4 Mon Sep 17 00:00:00 2001
From: ThatOneCalculator <kainoa@t1c.dev>
Date: Mon, 7 Nov 2022 12:03:03 -0800
Subject: [PATCH] listen on router

---
 package.json                         |  2 +-
 packages/client/src/ui/universal.vue | 15 +++++++--------
 2 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/package.json b/package.json
index ec88a94efd..65b234b061 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "calckey",
-	"version": "12.119.0-calc.9.15",
+	"version": "12.119.0-calc.9.16",
 	"codename": "aqua",
 	"repository": {
 		"type": "git",
diff --git a/packages/client/src/ui/universal.vue b/packages/client/src/ui/universal.vue
index 94d1030e3c..593252a74b 100644
--- a/packages/client/src/ui/universal.vue
+++ b/packages/client/src/ui/universal.vue
@@ -79,7 +79,7 @@
 </template>
 
 <script lang="ts" setup>
-import { defineAsyncComponent, provide, onMounted, computed, ref, watch, ComputedRef } from 'vue';
+import { defineAsyncComponent, provide, onMounted, computed, ref, ComputedRef } from 'vue';
 import XCommon from './_common_/common.vue';
 import { instanceName } from '@/config';
 import { StickySidebar } from '@/scripts/sticky-sidebar';
@@ -130,12 +130,6 @@ const menuIndicated = computed(() => {
 	return false;
 });
 
-const drawerMenuShowing = ref(false);
-
-mainRouter.on('change', () => {
-	drawerMenuShowing.value = false;
-});
-
 function updateButtonState(): void {
 	let routerState = window.location.href;
 	let secondaryRouterState = mainRouter.currentRoute.value.name;
@@ -156,7 +150,12 @@ function updateButtonState(): void {
 
 updateButtonState();
 
-watch($$(window.location.href), () => (updateButtonState()));
+const drawerMenuShowing = ref(false);
+
+mainRouter.on('change', () => {
+	drawerMenuShowing.value = false;
+	updateButtonState();
+});
 
 document.documentElement.style.overflowY = 'scroll';