Feat: effect used style

app.vue

@@ -1,91 +1,34 @@
 <script setup lang="ts">
+import { compileCards } from "./services/loadCards";
+import { getCurrentInstance } from "vue";
 // import goStore, { oauth2_register_discord, setup_websocket, heron_cookie_login } from "@/netcode";
 
+const nuxtApp = useNuxtApp();
+
 const router = useRouter();
-const authStore = useAuthStore()
+const authStore = useAuthStore();
 
-await authStore.whoami()
+await authStore.whoami();
 
+console.log("compiling cards...");
+const app = getCurrentInstance()?.appContext.app;
+if (!app) {
+  throw new Error("Couldn't bake cards: instance is null");
+}
+await compileCards(app);
 
+console.log("compiling done");
 
-
-useHead
-  ({
-    title
-      : 'Héron Realms',
-  })
-
-// 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 contextMenuHandler(e: MouseEvent) {
-//   e.preventDefault()
-// }
-
-// function mouseDownHandler(e: MouseEvent) {
-//   if (e.button !== 2) { return }
-//   goStore.zoomKeyPressed = true
-//   e.preventDefault()
-//   return false
-// }
-
-// function mouseUpHandler(e: MouseEvent) {
-//   if (e.button !== 2) { return }
-//   goStore.zoomKeyPressed = false
-//   e.preventDefault()
-//   return false
-// }
-
-// function follow_mouse(e: MouseEvent) {
-//   goStore.clientMouseX = e.clientX
-//   goStore.clientMouseY = e.clientY
-// }
-
-// onMounted(() => {
-//   window.addEventListener("contextmenu", contextMenuHandler)
-//   window.addEventListener("mousedown", mouseDownHandler)
-//   window.addEventListener("mouseup", mouseUpHandler)
-//   document.addEventListener("mousemove", follow_mouse)
-// })
-
-// onUnmounted(() => {
-//   window.removeEventListener("contextmenu", contextMenuHandler)
-//   window.removeEventListener("mousedown", mouseDownHandler)
-//   window.removeEventListener("mouseup", mouseUpHandler)
-//   document.removeEventListener("mousemove", follow_mouse)
-// })
-
-// onDeactivated
+useHead({
+  title: "Héron Realms",
+});
 </script>
 <template>
   <div class="root_dom_div">
-    <!-- <CardOverlay v-if="goStore.zoomKeyPressed" :card_id="goStore.hoveredCard" /> -->
-    <NuxtLoadingIndicator>
-      Loading...
-    </NuxtLoadingIndicator>
+    <NuxtLoadingIndicator> Loading... </NuxtLoadingIndicator>
     <NuxtLayout>
       <NuxtPage />
     </NuxtLayout>
-
   </div>
 </template>