add id & placeholder props to AutoCompleteInput component

src/components/autocomplete_input/autocomplete_input.js

@@ -3,9 +3,12 @@ import { take, filter, map } from 'lodash'
 
 const AutoCompleteInput = {
   props: [
+    'id',
     'classObj',
     'value',
+    'placeholder',
     'autoResize',
+    'multiline',
     'drop',
     'dragoverPrevent',
     'paste',

src/components/autocomplete_input/autocomplete_input.vue

@@ -4,9 +4,10 @@
       v-if="multiline"
       ref="textarea"
       :value="text"
+      :id="id"
       @input="text = $event.target.value, $emit('input', $event.target.value), autoResize && resize($event)" 
       @click="setCaret"
-      @keyup="setCaret" :placeholder="$t('post_status.default')" rows="1" :class="classObj"
+      @keyup="setCaret" :placeholder="placeholder" rows="1" :class="classObj"
       @keydown.down="cycleForward"
       @keydown.up="cycleBackward"
       @keydown.shift.tab="cycleBackward"

src/components/post_status_form/post_status_form.vue

@@ -18,7 +18,9 @@
         class="form-cw">
       <auto-complete-input v-model="newStatus.status"
         :classObj="{ 'form-control': true }"
+        :placeholder="$t('post_status.default')"
         :autoResize="true"
+        :multiline="true"
         :drop="fileDrop"
         :dragoverPrevent="fileDrag"
         :paste="paste"