74 lines
1.4 KiB
Vue
74 lines
1.4 KiB
Vue
<script setup lang="ts">
|
|
import { cards, compileCards } from "./services/loadCards";
|
|
import { getCurrentInstance } from "vue";
|
|
// import goStore, { oauth2_register_discord, setup_websocket, heron_cookie_login } from "@/netcode";
|
|
|
|
const nuxtApp = useNuxtApp();
|
|
|
|
const authStore = useAuthStore();
|
|
|
|
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(() => {
|
|
authStore.whoami();
|
|
});
|
|
</script>
|
|
<template>
|
|
<div class="root_dom_div">
|
|
<NuxtLoadingIndicator> Loading... </NuxtLoadingIndicator>
|
|
<NuxtLayout>
|
|
<NuxtPage />
|
|
</NuxtLayout>
|
|
</div>
|
|
</template>
|
|
|
|
<style>
|
|
:root {
|
|
--animation-curve: cubic-bezier(0.68, -0.275, 0.32, 1.275);
|
|
}
|
|
html {
|
|
text-align: center;
|
|
}
|
|
|
|
body {
|
|
margin: 0;
|
|
height: 100vh;
|
|
}
|
|
|
|
button {
|
|
background-color: #4caf50;
|
|
border: none;
|
|
color: white;
|
|
text-align: center;
|
|
text-decoration: none;
|
|
font-family: "Roboto", sans-serif;
|
|
font-size: 16px;
|
|
width: max-content;
|
|
cursor: pointer;
|
|
border-radius: 12px;
|
|
transition-duration: 0.4s;
|
|
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
|
|
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
|
|
padding: 10px 24px;
|
|
height: 50px;
|
|
}
|
|
|
|
#__nuxt {
|
|
height: 100%;
|
|
user-select: none;
|
|
}
|
|
|
|
.root_dom_div {
|
|
height: 100%;
|
|
}
|
|
</style>
|