feat: search input field

closes #44

src/.vuepress/components/Bar.vue

 <template>
-  <v-card
-    flat
+  <v-app-bar
+  app
+  flat
+  color="primary"
   >
-    <v-tabs 
-      align-with-title
-      hide-slider
-      background-color="primary"
-      class="rounded-0"
-      dark
-      role="navigation"
-      >
-      <v-tab to="/">
-        Ahiqar
-      </v-tab>
-      <v-tab>
-        <v-menu offset-y>
-          <template v-slot:activator="{ on, attrs }">
-            <v-btn
-              color="primary"
-              dark
-              depressed
-              v-bind="attrs"
-              v-on="on"
-            >
-              Meta Edition
-            </v-btn>
-          </template>
-          <v-list>
-            <v-list-item
-              v-for="(item, index) in metaEdition"
-              :key="index"
-              :to="item.to"
-            >
-              <v-list-item-title>{{ item.title }}</v-list-item-title>
-            </v-list-item>
-          </v-list>
-        </v-menu>
-      </v-tab>
-      <v-tab>
-        <v-menu offset-y>
-          <template v-slot:activator="{ on, attrs }">
-            <v-btn
-              color="primary"
-              dark
-              depressed
-              v-bind="attrs"
-              v-on="on"
-            >
-              Editions
-            </v-btn>
-          </template>
-          <v-list>
-            <v-list-item
-              v-for="(item, index) in editions"
-              :key="index"
-              :to="item.to"
-            >
-              <v-list-item-title>{{ item.title }}</v-list-item-title>
-            </v-list-item>
-          </v-list>
-        </v-menu>
-      </v-tab>
-      <v-tab to="/project.html">
-        Project
-      </v-tab>
-    </v-tabs>
-  </v-card>
+  <v-container>
+    <v-col>
+    <v-row class="align-center">
+    <v-btn
+      depressed
+      color="primary"
+      to="/"
+      class="mr-1"
+    >Ahiqar</v-btn>
+    <v-menu offset-y>
+      <template v-slot:activator="{ on, attrs }">
+        <v-btn
+          color="primary"
+          dark
+          depressed
+          v-bind="attrs"
+          v-on="on"
+          class="mr-1"
+        >
+          Meta Edition
+        </v-btn>
+      </template>
+      <v-list>
+        <v-list-item
+          v-for="(item, index) in metaEdition"
+          :key="index"
+          :to="item.to"
+        >
+          <v-list-item-title>{{ item.title }}</v-list-item-title>
+        </v-list-item>
+      </v-list>
+    </v-menu>
+    <v-menu offset-y>
+      <template v-slot:activator="{ on, attrs }">
+        <v-btn
+          color="primary"
+          dark
+          depressed
+          v-bind="attrs"
+          v-on="on"
+          class="mr-1"
+        >
+          Editions
+        </v-btn>
+      </template>
+      <v-list>
+        <v-list-item
+          v-for="(item, index) in editions"
+          :key="index"
+          :to="item.to"
+        >
+          <v-list-item-title>{{ item.title }}</v-list-item-title>
+        </v-list-item>
+      </v-list>
+    </v-menu>
+    <v-btn
+      depressed
+      color="primary"
+      to="/project.html"
+    >Project</v-btn>
+    <v-spacer></v-spacer>
+    <v-text-field
+      label="Search"
+      dense
+      single-line
+      background-color="white"
+      rounded
+      hide-details
+      width="200px"
+      class="pr-2"
+    ></v-text-field>
+    <v-btn
+      depressed
+      color="primary"
+    >Search</v-btn>
+    </v-row>
+    </v-col>
+    </v-container>
+  </v-app-bar>
 </template>
 
 <script>