adding initial

src/components/Appbar.vue

@@ -0,0 +1,39 @@
+<template>
+  <v-container>
+    <v-app-bar flat color="indigo" app class="mb-6">
+      <!-- <template v-slot:img="{ props }">
+        <v-img bind="props"></v-img>
+      </template> -->
+      <v-row>
+        <v-col>
+          <v-toolbar-title class="appTitle" d-flex justify-space-around mb-6>
+            Savvy Firebase tutorial
+          </v-toolbar-title>
+        </v-col>
+        <v-spacer> </v-spacer>
+        <v-col cols="2">
+          <v-btn color="primary">
+            Sign In
+          </v-btn>
+        </v-col>
+        <!-- <v-btn icon="">
+        <v-icon>
+          mdi-home
+        </v-icon>
+      </v-btn> -->
+      </v-row>
+    </v-app-bar>
+  </v-container>
+</template>
+
+<script>
+export default {
+  name: "Appbar"
+};
+</script>
+
+<style lang="scss" scoped>
+.appTitle {
+  color: white;
+}
+</style>