85 lines
2.3 KiB
Vue
85 lines
2.3 KiB
Vue
<script setup>
|
|
import { onMounted, onUnmounted, provide, ref } from "vue";
|
|
import { storeToRefs } from "pinia";
|
|
|
|
import Navbar from "./components/Navbar.vue";
|
|
import { useWalletStore } from "@/stores/wallet";
|
|
const walletStore = useWalletStore();
|
|
import { useTokenStore } from "@/stores/tokens";
|
|
import { useContractStore } from "@/stores/contracts";
|
|
import { useMemeburnerStore } from "@/stores/memeburner";
|
|
import { useRewardLockerStore } from "@/stores/rewardlocker";
|
|
import { useMultiCallStore } from "@/stores/multicall";
|
|
import { useRoundsStore } from "@/stores/rounds";
|
|
const tokenStore = useTokenStore();
|
|
const contractStore = useContractStore();
|
|
const memeBurnerStore = useMemeburnerStore();
|
|
const rewardLockerStore = useRewardLockerStore();
|
|
const multiCallStore = useMultiCallStore();
|
|
const roundsStore = useRoundsStore();
|
|
const { memeBurner, token } = storeToRefs(tokenStore);
|
|
const { list } = storeToRefs(contractStore);
|
|
const isMobile = ref(false);
|
|
isMobile.value = isMobileFunc();
|
|
onUnmounted(() => {
|
|
window.removeEventListener("resize", handleWindowSizeChange);
|
|
});
|
|
const handleWindowSizeChange = () => {
|
|
isMobile.value = isMobileFunc();
|
|
// your code
|
|
};
|
|
|
|
function isMobileFunc() {
|
|
if (screen.width <= 760) {
|
|
return true;
|
|
} else {
|
|
return false;
|
|
}
|
|
}
|
|
provide("isMobile", isMobile);
|
|
|
|
onMounted(async () => {
|
|
window.addEventListener("resize", handleWindowSizeChange);
|
|
handleWindowSizeChange();
|
|
// initContracts
|
|
await walletStore.init();
|
|
await tokenStore.init();
|
|
await memeBurnerStore.init();
|
|
await rewardLockerStore.init();
|
|
await memeBurnerStore.init();
|
|
await multiCallStore.init();
|
|
//Memeburner Contract
|
|
|
|
//init
|
|
roundsStore.currentRound = parseInt(await memeBurnerStore.getCurrentRound());
|
|
console.log("roundsStore.currentRound", roundsStore.currentRound);
|
|
roundsStore.activeRound = roundsStore.currentRound;
|
|
await roundsStore.fillRound(roundsStore.activeRound);
|
|
});
|
|
</script>
|
|
|
|
<template>
|
|
<navbar />
|
|
<div class="main">
|
|
<RouterView />
|
|
</div>
|
|
<div class="footer">
|
|
<div class="footer-inner">
|
|
$BLOOD is 100%<br />
|
|
community owned.<br />
|
|
No team %, no pre-mine.
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<style lang="sass">
|
|
.footer
|
|
height: 450px
|
|
min-height: 450px
|
|
background-color: var(--grey2)
|
|
.footer-inner
|
|
padding: 24px
|
|
font-size: 24px
|
|
text-align: center
|
|
</style>
|