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>

src/components/PairPrice.vue

@@ -26,7 +26,7 @@ function invert() {
   prefs.inverted[k] = !prefs.inverted[k]
 }
 
-const adjValue = computed(() => !base.value || !quote.value ? null : pairPrice(base.value, quote.value, props.value, props.decimals).toPrecision(5))
+const adjValue = computed(() => props.value === null || props.value === undefined || !base.value || !quote.value ? null : pairPrice(base.value, quote.value, props.value, props.decimals).toPrecision(5))
 
 const pair = computed(() => {
   const inToken = props.baseToken ? props.baseToken : token(props.baseAddr)