null & undefined handling

src/layouts/default/MainView.vue

@@ -0,0 +1,27 @@
+<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>