Use "property" instead of "rel" where appropriate; fixes #188 (#191)

Author: fkohrt

src/components/LicenseCode.vue

@@ -17,14 +17,14 @@
                     <span v-if="!workTitle">{{ $t('license-use.richtext.workTitle') }}</span>
                     <span
                         v-else
-                        rel="dct:title"
+                        property="dct:title"
                     >
                         {{ workTitle }}
                     </span>
                 </a>
                 <span
                     v-else-if="workTitle"
-                    rel="dct:title"
+                    property="dct:title"
                 >
                     {{ workTitle }}
                 </span>
@@ -100,7 +100,7 @@ export default {
         },
         creatorSpan() {
             if (this.creatorName) {
-                return `<span rel="cc:attributionName">${this.creatorName}</span>`
+                return `<span property="cc:attributionName">${this.creatorName}</span>`
             } else return ''
         },
         creatorName() {

src/utils/license-utilities.js

@@ -154,7 +154,7 @@ function generateHTML(attributionDetails, shortLicenseName) {
         if (workUrl) {
             dataForHtmlGeneration.workTitle = `<a rel="cc:attributionURL" property="dct:title" href="${workUrl}">${workTitle}</a>`
         } else {
-            dataForHtmlGeneration.workTitle = `<span rel="dct:title">${workTitle}</span>`
+            dataForHtmlGeneration.workTitle = `<span property="dct:title">${workTitle}</span>`
         }
     }
     return dataForHtmlGeneration

tests/unit/specs/components/LicenseCode.spec.js

@@ -66,7 +66,7 @@ describe('LicenseCode.vue', () => {
     })
     it('Check if the creatorSpan function returns the correct text', () => {
         state.attributionDetails.creatorName = 'J Doe'
-        expect(wrapper.vm.creatorSpan).toBe('<span rel="cc:attributionName">J Doe</span>')
+        expect(wrapper.vm.creatorSpan).toBe('<span property="cc:attributionName">J Doe</span>')
     })
     it('Check if the creatorName function returns the correct text', () => {
         state.attributionDetails.creatorName = 'J Doe'