null & undefined handling

src/layouts/default/Layout.vue

@@ -1,16 +1,18 @@
 <template>
   <v-app>
-    <default-bar/>
+    <app-bar/>
     <nav-drawer/>
-    <default-view/>
+    <main-view/>
+    <footer/>
   </v-app>
 </template>
 
 <script setup>
-  import DefaultBar from './AppBar.vue'
-  import DefaultView from './View.vue'
-  import {useStore} from "@/store/store.js";
+  import AppBar from './AppBar.vue'
+  import MainView from './MainView.vue'
   import NavDrawer from "@/components/NavDrawer.vue";
+  import Footer from "@/components/Footer.vue";
+  import {useStore} from "@/store/store.js";
 
   const s = useStore()
 </script>