Use lodash to merge the values of the same fields in an array object

If it's in vue Using this method ：
Specific in vue How to use loadash See the last article ：

stay vue Use in lodash

<script>
export default {
    
    created(){
    
         let fruitSamples = [
      {
     id: 1, type: 'apples', samples: [{
     id: 1, name: 1 }] },
      {
     id: 2, type: 'bananas', samples: [{
     id: 2, name: 2 }] },
      {
     id: 3, type: 'pears', samples: [{
     id: 3, name: 3 }] },
      {
     id: 1, type: 'apples', samples: [{
     id: 11, name: 11 }] },
    ]

        this.mergeArrObj(fruitSamples,'type');
},

methods:{
    
    // fruitSamples Array objects to be merged ,type Which attribute should be merged according to 
  mergeArrObj(fruitSamples,type){
    
    function customizer(objValue, srcValue) {
    
      if (_.isArray(objValue)) {
    
        return objValue.concat(srcValue)
      }
    }

    //  Pass the parameters to be processed 
    let test = _(fruitSamples)
      .flatten()
      .groupBy(type)
      .map(
        _.spread((...values) => {
    
            console.log("value How much is the ")
            console.log(...values);
          return _.mergeWith(...values, customizer)
        }),
      )
      .value()
      console.log("test How much? ")
   console.log(test)
 // -> give the result as follows ：
 [
  {
     id: 1, type: 'apples', samples: [1, 2, 3, 5, 2, 9, 11, 2, 33] },
  {
     id: 2, type: 'bananas', samples: [1, 2, 7, 1, 7, 7, 17, 2, 67] },
  {
     id: 3, type: 'pears', samples: [1, 2, 3, 12, 21, 32, 91, 22, 34] }
]
  }
}

}
</script>