29 lines
546 B
Vue
29 lines
546 B
Vue
<template>
|
|
<div class="w-full flex flex-col items-center mb-96">
|
|
<div @click="uiStore.closeBox()" class="cursor-pointer">
|
|
<logo />
|
|
</div>
|
|
<main>
|
|
<boxes />
|
|
</main>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup>
|
|
import { useUiStore } from '~/store/ui'
|
|
import { useDataStore } from '~/store/data'
|
|
const uiStore = useUiStore()
|
|
|
|
onMounted(async () => {
|
|
const dataStore = useDataStore()
|
|
await dataStore.loadData()
|
|
uiStore.listBoxes()
|
|
})
|
|
</script>
|
|
|
|
<style>
|
|
.logo {
|
|
filter: drop-shadow(3px 3px 0 rgb(0 0 0 / 0.7));
|
|
}
|
|
</style>
|