how it works

src/corp/MenuBar.vue

@@ -3,10 +3,7 @@
 <!--    <v-app-bar-nav-icon @click="s.nav=!s.nav" icon="mdi-plus"/>-->
 
     <v-app-bar-title>
-      <span class="logo d-flex mb-1 align-center w-100">
-        <span class="arrow align-self-start"><v-icon icon="mdi-arrow-up-bold" :color="theme.colors.success"/></span>
-        <span class="logo">dexorder</span>
-      </span>
+      <logo/>
     </v-app-bar-title>
 
     <v-btn prepend-icon="mdi-arrow-up-bold" variant="tonal" color="primary" @click="openApp">Launch App</v-btn>
@@ -16,6 +13,7 @@
 
 <script setup>
 import {useTheme} from "vuetify";
+import Logo from "@/components/Logo.vue";
 
 const theme = useTheme().current