🎉 Completed MVP

components/firebase/inputform.vue

@@ -1,8 +1,37 @@
 <template>
-  <form @submit.prevent="formPost">
-    <input type="text" autofocus ref="inputMessage" v-model="message" />
-    <input :disabled="!this.message" type="submit" value="Save" />
-  </form>
+  <div>
+    <ul>
+      <li>
+        <input
+          :aria-label="$t('label')"
+          type="text"
+          autofocus
+          v-model="message"
+          :placeholder="$t('paste_a_collection')"
+        />
+      </li>
+    </ul>
+    <ul>
+      <li>
+        <input
+          :aria-label="$t('label')"
+          type="text"
+          autofocus
+          v-model="label"
+          :placeholder="$t('label')"
+        />
+      </li>
+      <button
+        class="icon"
+        :disabled="!(this.message && this.label)"
+        value="Save"
+        @click="formPost"
+      >
+        <i class="material-icons">add</i>
+        <span>Add</span>
+      </button>
+    </ul>
+  </div>
 </template>
 
 <script>
@@ -11,13 +40,15 @@ import { fb } from "../../functions/fb";
 export default {
   data() {
     return {
-      message: null
+      message: null,
+      label: null
     };
   },
   methods: {
     formPost() {
-      fb.writeFeed(this.message);
+      fb.writeFeed(this.message, this.label);
       this.message = null;
+      this.label = null;
     }
   }
 };