make kestrel a tak server, so that it can send and receive pois as cots data

app/composables/useMediaQuery.js

@@ -5,17 +5,17 @@
  */
 export function useMediaQuery(query) {
   const matches = ref(true)
-  let mql = null
+  const mql = ref(null)
   const handler = (e) => {
     matches.value = e.matches
   }
   onMounted(() => {
-    mql = window.matchMedia(query)
-    matches.value = mql.matches
-    mql.addEventListener('change', handler)
+    mql.value = window.matchMedia(query)
+    matches.value = mql.value.matches
+    mql.value.addEventListener('change', handler)
   })
   onBeforeUnmount(() => {
-    if (mql) mql.removeEventListener('change', handler)
+    if (mql.value) mql.value.removeEventListener('change', handler)
   })
   return matches
 }