<script lang="ts" setup>
import TopGrid from "~/components/Grid/TopGrid.vue";
import MainGrid from "~/components/Grid/MainGrid.vue";
import {useSessionSignalRStore} from "~/strores/HubStore";
import {useDataStore} from "~/strores/DataStore";
import {useMainLayoutStore} from "~/strores/UseMainLayoutStore";

definePageMeta({
  layout: 'main',
  middleware: ['auth']
})


</script>

<template>
  <section class="home-layout">
    <TopGrid/>
    <MainGrid/>
  </section>
</template>

<style lang="scss" scoped>
@import "base";

.home-layout {
  width: 100%;
  height: 100%;
  min-height: 100vh;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr;
  gap: $gap*2;
}
</style>