✨ use pre-existing components for title and description

app/assets/javascripts/ide/components/merge_requests/info.vue

@@ -3,6 +3,8 @@ import { mapGetters } from 'vuex';
 import Icon from '../../../vue_shared/components/icon.vue';
 import timeago from '../../../vue_shared/mixins/timeago';
 import tooltip from '../../../vue_shared/directives/tooltip';
+import TitleComponent from '../../../issue_show/components/title.vue';
+import DescriptionComponent from '../../../issue_show/components/description.vue';
 
 const states = {
   open: 'open',
@@ -15,6 +17,8 @@ export default {
   },
   components: {
     Icon,
+    TitleComponent,
+    DescriptionComponent,
   },
   mixins: [timeago],
   computed: {
@@ -72,20 +76,16 @@ export default {
         </div>
       </div>
     </div>
-    <div class="detail-page-description">
-      <h2 class="title">
-        {{ currentMergeRequest.title }}
-      </h2>
-      <div
-        v-if="currentMergeRequest.description"
-        class="description"
-      >
-        <div class="wiki">
-          <p dir="auto">
-            {{ currentMergeRequest.description }}
-          </p>
-        </div>
-      </div>
+    <div class="issuable-details">
+      <title-component
+        :issuable-ref="currentMergeRequest.iid"
+        :title-html="currentMergeRequest.title"
+        :title-text="currentMergeRequest.title"
+      />
+      <description-component
+        :description-html="currentMergeRequest.description"
+        :description-text="currentMergeRequest.description"
+      />
     </div>
   </div>
 </template>

app/assets/javascripts/issue_show/components/title.vue

 <script>
-  import animateMixin from '../mixins/animate';
-  import eventHub from '../event_hub';
-  import tooltip from '../../vue_shared/directives/tooltip';
-  import { spriteIcon } from '../../lib/utils/common_utils';
+import animateMixin from '../mixins/animate';
+import eventHub from '../event_hub';
+import tooltip from '../../vue_shared/directives/tooltip';
+import { spriteIcon } from '../../lib/utils/common_utils';
 
-  export default {
+export default {
   directives: {
     tooltip,
   },
   mixins: [animateMixin],
   props: {
     issuableRef: {
-        type: String,
+      type: [String, Number],
       required: true,
     },
     canUpdate: {
@@ -61,7 +61,7 @@
       eventHub.$emit('open.form');
     },
   },
-  };
+};
 </script>
 
 <template>