front/app.vue

<script setup lang="ts">

import goStore, { setReady, oauth2_register_discord, setup_websocket, heron_cookie_login } from "@/netcode";

await setup_websocket()

const heron_session = useCookie('heron_session')
const route = useRoute()

onMounted(async () => {
  const code = route.query.code
  if (!code) { return }
  if (Array.isArray(code)) { return }
  await setup_websocket()
  oauth2_register_discord(code)
  history.pushState(
    {},
    '',
    '/'
  )
})


onMounted(async () => {
  if (!heron_session.value) { return }
  heron_cookie_login(heron_session.value)
})

function keyDownHandler(e: KeyboardEvent) {
  if (e.repeat) { return }
  console.log(e.code)
  if (e.code != "AltLeft") { return }
  goStore.zoomKeyPressed = true
  e.preventDefault()
  return false
}

function keyUpHandler(e: KeyboardEvent) {
  if (e.repeat) { return }
  if (e.code != "AltLeft") { return }
  goStore.zoomKeyPressed = false
  e.preventDefault()
  return false
}

function follow_mouse(e: MouseEvent) {
  goStore.clientMouseX = e.clientX
  goStore.clientMouseY = e.clientY
}

onMounted(() => {
  window.addEventListener("keydown", (keyDownHandler))
  window.addEventListener("keyup", keyUpHandler)
  document.addEventListener("mousemove", follow_mouse)
})

onUnmounted(() => {
  window.removeEventListener("keydown", (keyDownHandler))
  window.removeEventListener("keyup", keyUpHandler)
  document.removeEventListener("mousemove", follow_mouse)
})

onDeactivated
</script>
<template>
  <div class="root_dom_div">
    <NuxtPage />
  </div>
</template>

<style>
html {
  text-align: center;
}

body {
  margin: 0;
  height: 100vh;
}

#__nuxt {
  height: 100%;
  user-select: none;
}

.root_dom_div {
  height: 100%;
}
</style>