<template>
  <v-main>
    <v-container class="pa-0">
      <div>
        <Alerts/>
<!--        <Breakpoints/>-->
        <router-view/>
        <v-skeleton-loader v-if="!store.chainInfo" type="card" class="order-card"/> <!--todo static chainInfo -->
      </div>
    </v-container>
  </v-main>
</template>

<script setup>
import Alerts from "@/components/Alerts.vue";
import {VSkeletonLoader} from "vuetify/components/VSkeletonLoader";
import {useStore} from "@/store/store.js";

const store = useStore()
</script>

<style scoped lang="scss">
@use 'src/styles/vars' as *;
.maxw {
  max-width: $card-maxw;
}
</style>
