nav drawer

src/layouts/default/AppBar.vue

@@ -1,7 +1,8 @@
 <template>
-  <v-app-bar flat>
+  <v-app-bar scroll-behavior="hide" scroll-threshold="1">
+<!--    <v-app-bar-nav-icon @click="s.nav=!s.nav" icon="mdi-plus"/>-->
     <v-app-bar-title>
-      <span class="logo clickable" @click="$router.push('/')">
+      <span class="logo clickable" @click="s.nav=!s.nav">
         <v-icon icon="mdi-arrow-up-bold" size="x-small" class="arrow" color="green"/>
         <span class="clickable">dexorder</span>
       </span>
@@ -15,6 +16,8 @@
 </template>
 
 <script setup>
+import {useStore} from "@/store/store";
+const s = useStore()
 </script>
 
 

src/layouts/default/Default.vue

@@ -1,6 +1,7 @@
 <template>
   <v-app>
-    <default-bar />
+    <default-bar/>
+    <nav-drawer/>
     <default-view/>
   </v-app>
 </template>
@@ -8,4 +9,8 @@
 <script setup>
   import DefaultBar from './AppBar.vue'
   import DefaultView from './View.vue'
+  import {useStore} from "@/store/store.js";
+  import NavDrawer from "@/components/NavDrawer.vue";
+
+  const s = useStore()
 </script>