summaryrefslogtreecommitdiff
path: root/app/assets/javascripts/issues/show/components/fields/title.vue
blob: a73926575d0def650b556ef3b9b9e9b9a22a871b (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
31
32
33
<script>
import updateMixin from '../../mixins/update';

export default {
  mixins: [updateMixin],
  props: {
    formState: {
      type: Object,
      required: true,
    },
  },
};
</script>

<template>
  <fieldset>
    <label class="sr-only" for="issuable-title">{{ __('Title') }}</label>
    <!-- eslint-disable vue/no-mutating-props -->
    <input
      id="issuable-title"
      ref="input"
      v-model="formState.title"
      class="form-control qa-title-input gl-border-gray-200"
      dir="auto"
      type="text"
      :placeholder="__('Title')"
      :aria-label="__('Title')"
      @keydown.meta.enter="updateIssuable"
      @keydown.ctrl.enter="updateIssuable"
    />
    <!-- eslint-enable vue/no-mutating-props -->
  </fieldset>
</template>