feat: dedupe meta objects by VMID

package.json

@@ -27,6 +27,8 @@
   "dependencies": {
     "deepmerge": "^2.2.1",
     "lodash.isplainobject": "^4.0.6",
+    "lodash.uniqby": "^4.7.0",
+    "lodash.uniqueid": "^4.0.1",
     "object-assign": "^4.1.1"
   },
   "devDependencies": {

src/shared/getComponentOption.js

@@ -1,4 +1,6 @@
 import deepmerge from 'deepmerge'
+import uniqBy from 'lodash.uniqby'
+import uniqueId from 'lodash.uniqueid'
 
 /**
  * Returns the `opts.option` $option value of the given `opts.component`.
@@ -15,7 +17,7 @@ import deepmerge from 'deepmerge'
  * @return {Object} result - final aggregated result
  */
 export default function getComponentOption (opts, result = {}) {
-  const { component, option, deep, arrayMerge, metaTemplateKeyName, contentKeyName } = opts
+  const { component, option, deep, arrayMerge, metaTemplateKeyName, tagIDKeyName, contentKeyName } = opts
   const { $options } = component
 
   if (component._inactive) return result
@@ -64,6 +66,10 @@ export default function getComponentOption (opts, result = {}) {
 
       return metaObject
     })
+    result.meta = uniqBy(
+      result.meta.reverse(),
+      metaObject => metaObject.hasOwnProperty(tagIDKeyName) ? metaObject[tagIDKeyName] : uniqueId()
+    )
   }
   return result
 }

src/shared/getMetaInfo.js

@@ -53,6 +53,7 @@ export default function _getMetaInfo (options = {}) {
       option: keyName,
       deep: true,
       metaTemplateKeyName,
+      tagIDKeyName,
       contentKeyName,
       arrayMerge (target, source) {
         // we concat the arrays without merging objects contained in,

test/getMetaInfo.spec.js

@@ -75,6 +75,47 @@ describe('getMetaInfo', () => {
       __dangerouslyDisableSanitizersByTagID: {}
     })
   })
+  it('removes duplicate metaInfo in same component', () => {
+    component = new Vue({
+      metaInfo: {
+        title: 'Hello',
+        meta: [
+          {
+            vmid: 'a',
+            property: 'a',
+            content: 'a'
+          },
+          {
+            vmid: 'a',
+            property: 'a',
+            content: 'b'
+          }
+        ]
+      }
+    })
+    expect(getMetaInfo(component)).to.eql({
+      title: 'Hello',
+      titleChunk: 'Hello',
+      titleTemplate: '%s',
+      htmlAttrs: {},
+      headAttrs: {},
+      bodyAttrs: {},
+      meta: [
+        {
+          vmid: 'a',
+          property: 'a',
+          content: 'b'
+        }
+      ],
+      base: [],
+      link: [],
+      style: [],
+      script: [],
+      noscript: [],
+      __dangerouslyDisableSanitizers: [],
+      __dangerouslyDisableSanitizersByTagID: {}
+    })
+  })
 
   it('properly uses string titleTemplates', () => {
     component = new Vue({