Changed quick navigation (arrows will be for days)

app/components/calendar/Calendar.vue

@@ -38,27 +38,27 @@ onMounted(() => {
  */
 // Key combos to navigate
 const {
-  arrowUp, arrowLeft, pageUp,
+  home, pageUp,
-  arrowDown, arrowRight, pageDown,
+  end, pageDown,
 } = useMagicKeys()
 
-watch([arrowUp, arrowLeft], (k) => {
+watch(home!, (k) => {
-  if (calendarState.value === 'active' && (k[0] || k[1])) {
-    toPastNear()
-  }
-})
-watch(pageUp!, (k) => {
   if (calendarState.value === 'active' && k) {
     toPastFar()
   }
 })
+watch(pageUp!, (k) => {
+  if (calendarState.value === 'active' && k) {
+    toPastNear()
+  }
+})
 
-watch([arrowDown, arrowRight], (k) => {
+watch(pageDown!, (k) => {
-  if (calendarState.value === 'active' && (k[0] || k[1])) {
+  if (calendarState.value === 'active' && k) {
     toFutureNear()
   }
 })
-watch(pageDown!, (k) => {
+watch(end!, (k) => {
   if (calendarState.value === 'active' && k) {
     toFutureFar()
   }