fix: use identifier instead of reference

Author: Dobromir Hristov

src/components/DocumentationTopic/TopicsLinkCardGridItem.vue

@@ -66,7 +66,7 @@ export default {
   computed: {
     imageReferences: ({ item }) => (item.images || []).reduce((all, current) => {
       // eslint-disable-next-line no-param-reassign
-      all[current.type] = current.reference;
+      all[current.type] = current.identifier;
       return all;
     }, { icon: null, card: null }),
     linkText: ({ compact, item }) => (compact ? '' : (ROLE_LINK_TEXT[item.role] || 'Learn more')),

tests/unit/components/DocumentationTopic/TopicsLinkCardGridItem.spec.js

@@ -22,7 +22,7 @@ const defaultProps = {
     url: 'http://foo.com',
     images: [{
       type: 'card',
-      reference: 'card-reference',
+      identifier: 'card-reference',
     }],
     title: 'Foo',
     abstract: [{ type: 'text', text: 'Content' }],
@@ -53,7 +53,7 @@ describe('TopicsLinkCardGridItem', () => {
     const card = wrapper.find(Card);
     expect(card.props()).toMatchObject({
       url: defaultProps.item.url,
-      image: defaultProps.item.images[0].reference,
+      image: defaultProps.item.images[0].identifier,
       title: defaultProps.item.title,
       floatingStyle: true,
       size: undefined,
@@ -99,7 +99,7 @@ describe('TopicsLinkCardGridItem', () => {
           ...defaultProps.item,
           images: [{
             type: 'icon',
-            reference: iconRef.identifier,
+            identifier: iconRef.identifier,
           }],
         },
       },
@@ -118,7 +118,7 @@ describe('TopicsLinkCardGridItem', () => {
     const card = wrapper.find(Card);
     expect(card.props()).toMatchObject({
       url: defaultProps.item.url,
-      image: defaultProps.item.images[0].reference,
+      image: defaultProps.item.images[0].identifier,
       title: defaultProps.item.title,
       floatingStyle: true,
       size: 'large',