move frontend to upper dir.

src/components/NavBar.vue

@@ -0,0 +1,47 @@
+<template>
+    <v-app-bar color="primary" prominent>
+    <v-app-bar-nav-icon variant="text" @click.stop="drawer = !drawer"></v-app-bar-nav-icon>
+    <v-toolbar-title>Menu</v-toolbar-title>
+    <v-spacer></v-spacer>
+    <template v-if="$vuetify.display.mdAndUp">
+      <v-btn icon="mdi-magnify" variant="text"></v-btn>
+      <v-btn icon="mdi-filter" variant="text"></v-btn>
+    </template>
+    <v-btn icon="mdi-dots-vertical" variant="text"></v-btn>
+  </v-app-bar>
+  <v-navigation-drawer v-model="drawer"
+                       :location="$vuetify.display.mobile ? 'bottom' : undefined"
+                       temporary>
+      <v-list>
+          <v-list-item v-for="item in menuItems" :key="item.title" @click="navigate(item.route)">
+              <v-list-item-title>{{ item.title }}</v-list-item-title>
+          </v-list-item>
+      </v-list>
+  </v-navigation-drawer>
+</template>
+
+<script>
+ export default {
+     name: 'NavBar',
+     data: () => ({
+         drawer: false,
+         group: null,
+         menuItems: [
+             { title: 'Inicio', route: '/'},
+             { title: 'Comprar', route:'/comprar'},
+             { title: 'Cuadrar tarro', route: '/cuadrar_tarro'},
+             { title: 'Cuadres de tarro', route: '/cuadres_de_tarro'},
+         ],
+     }),
+     watch: {
+         group () {
+             this.drawer = false
+         },
+     },
+     methods: {
+         navigate(route) {
+             this.$router.push(route);
+         },
+     }
+ }
+</script>