summaryrefslogtreecommitdiff
path: root/app/assets/javascripts/notes/components/discussion_reply_placeholder.vue
blob: 1165a869d2b21cf1ec51fe507bda0ba2418a1ba4 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<script>
import { __ } from '~/locale';

export default {
  name: 'ReplyPlaceholder',
  props: {
    placeholderText: {
      type: String,
      required: false,
      default: __('Reply…'),
    },
    labelText: {
      type: String,
      required: false,
      default: __('Reply to comment'),
    },
  },
};
</script>

<template>
  <textarea
    ref="textarea"
    rows="1"
    class="reply-placeholder-text-field js-vue-discussion-reply"
    :placeholder="placeholderText"
    :aria-label="labelText"
    @focus="$emit('focus')"
  ></textarea>
</template>