2019-03-02 22:35:43 +05:30
|
|
|
<script>
|
2021-04-17 20:07:23 +05:30
|
|
|
import { __ } from '~/locale';
|
|
|
|
|
2019-03-02 22:35:43 +05:30
|
|
|
export default {
|
|
|
|
name: 'ReplyPlaceholder',
|
2019-09-30 21:07:59 +05:30
|
|
|
props: {
|
2021-04-17 20:07:23 +05:30
|
|
|
placeholderText: {
|
|
|
|
type: String,
|
|
|
|
required: false,
|
|
|
|
default: __('Reply…'),
|
|
|
|
},
|
|
|
|
labelText: {
|
2019-09-30 21:07:59 +05:30
|
|
|
type: String,
|
2021-04-17 20:07:23 +05:30
|
|
|
required: false,
|
|
|
|
default: __('Reply to comment'),
|
2019-09-30 21:07:59 +05:30
|
|
|
},
|
|
|
|
},
|
2019-03-02 22:35:43 +05:30
|
|
|
};
|
|
|
|
</script>
|
|
|
|
|
|
|
|
<template>
|
2021-04-17 20:07:23 +05:30
|
|
|
<textarea
|
|
|
|
ref="textarea"
|
|
|
|
rows="1"
|
|
|
|
class="reply-placeholder-text-field js-vue-discussion-reply"
|
|
|
|
:placeholder="placeholderText"
|
|
|
|
:aria-label="labelText"
|
|
|
|
@focus="$emit('focus')"
|
|
|
|
></textarea>
|
2019-03-02 22:35:43 +05:30
|
|
|
</template>
|