diff --git a/app/assets/javascripts/content_editor/components/suggestions_dropdown.vue b/app/assets/javascripts/content_editor/components/suggestions_dropdown.vue
index c4617983488..043db617452 100644
--- a/app/assets/javascripts/content_editor/components/suggestions_dropdown.vue
+++ b/app/assets/javascripts/content_editor/components/suggestions_dropdown.vue
@@ -57,6 +57,22 @@ export default {
return this.isReference && this.nodeProps.referenceType === 'issue';
},
+ isLabel() {
+ return this.isReference && this.nodeProps.referenceType === 'label';
+ },
+
+ isEpic() {
+ return this.isReference && this.nodeProps.referenceType === 'epic';
+ },
+
+ isSnippet() {
+ return this.isReference && this.nodeProps.referenceType === 'snippet';
+ },
+
+ isVulnerability() {
+ return this.isReference && this.nodeProps.referenceType === 'vulnerability';
+ },
+
isMergeRequest() {
return this.isReference && this.nodeProps.referenceType === 'merge_request';
},
@@ -86,10 +102,17 @@ export default {
case 'issue':
case 'merge_request':
return `${this.char}${item.iid}`;
+ case 'snippet':
+ return `${this.char}${item.id}`;
case 'milestone':
+ case 'label':
return `${this.char}${item.title}`;
case 'command':
return `${this.char}${item.name} `;
+ case 'epic':
+ return `${item.reference}`;
+ case 'vulnerability':
+ return `[vulnerability:${item.id}]`;
default:
return '';
}
@@ -184,16 +207,32 @@ export default {
{{ item.iid }}
{{ item.title }}
+
+ {{ item.id }}
+ {{ item.title }}
+
+
+ {{ item.reference }}
+ {{ item.title }}
+
{{ item.title }}
+
+
+ {{ item.title }}
+
/{{ item.name }} {{ item.params[0] }}
{{ item.description }}
-