<script> import Icon from '~/vue_shared/components/icon.vue'; import Issuable from '~/vue_shared/mixins/issuable'; export default { components: { Icon, }, mixins: [Issuable], }; </script> <template> <div class="disabled-comment text-center"> <span class="issuable-note-warning inline"> <icon name="lock" :size="16" class="icon" /> <span> This {{ issuableDisplayName }} is locked. Only <b>project members</b> can comment. </span> </span> </div> </template>