route v1

app/pages/index.vue

@@ -1,18 +1,24 @@
 <template>
-  <div class="w-full flex flex-col items-center">
+  <div class="w-full flex flex-col items-center mb-96">
     <div @click="uiStore.closeBox()" class="cursor-pointer">
       <logo />
     </div>
     <main>
       <boxes />
-      <player />
     </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>