null & undefined handling

src/components/Footer.vue

@@ -0,0 +1,25 @@
+<template>
+  <v-footer class="text-center d-flex flex-column">
+    <div>
+      <v-btn icon="mdi-facebook" @click="window.open('https://facebook.com','facebook')"/>
+      <v-btn icon="mdi-twitter" @click="window.open('https://x.com','twitter')"/>
+      <v-btn icon="mdi-reddit" @click="window.open('https://reddit.com','reddit')"/>
+      <v-btn icon="mdi-discord" @click="window.open('https://discord.com','discord')"/>
+    </div>
+    <div>
+      Dexorder
+    </div>
+  </v-footer>
+</template>
+
+<script setup>
+import {useStore} from "@/store/store";
+
+const s = useStore()
+
+</script>
+
+<style scoped lang="scss">
+@use "src/styles/vars" as *;
+
+</style>