started the nest creation

src/views/Home.view.vue

@@ -4,40 +4,38 @@
       <ion-toolbar color="primary">
         <div class="d-flex">
           <div class="header-item text-left">
-            <ion-button @click="openLeftMenu">Menü</ion-button>
+            <v-btn @click="openLeftMenu" class="ma-2" icon color="white">
+              <v-icon>mdi-menu</v-icon>
+            </v-btn>
           </div>
           <div class="header-item d-flex align-center justify-center">{{ headerTitle }}</div>
           <div class="header-item"></div>
         </div>
       </ion-toolbar>
     </ion-header>
-    <router-view/>
+    <router-view />
   </div>
 </template>
 
 <script lang="ts">
-  import { Component, Vue } from 'vue-property-decorator';
-  import { namespace } from 'vuex-class';
+import { Component, Vue } from 'vue-property-decorator';
+import { namespace } from 'vuex-class';
 
-  const GlobalStore = namespace('global');
+const GlobalStore = namespace('global');
 
-  @Component
-  export default class HomeView extends Vue {
-
-    @GlobalStore.Getter('headerTitle')
-    public headerTitle!: string;
-
-    public openLeftMenu() {
-      document.querySelector('ion-menu-controller')!.open('start');
-    }
+@Component
+export default class HomeView extends Vue {
+  @GlobalStore.Getter('headerTitle')
+  public headerTitle!: string;
 
+  public openLeftMenu() {
+    document.querySelector('ion-menu-controller')!.open('start');
   }
+}
 </script>
 
 <style scoped>
-
-  .header-item {
-    flex-basis: 100%;
-  }
-
+.header-item {
+  flex-basis: 100%;
+}
 </style>