title: Vue merge value in nested object with parent array
body: <p>If I have an array where each object has a neste object:</p>
  
  <pre><code>    items: [
          {
          id: 1,
          name: Tomato
          category: {
            id: 1,
            name: Vegetable
            }
          },
          {
          id: 2,
          name: Apple
          category: {
            id: 2,
            name: Fruit
          }
          }
    ]
  </code></pre>
  
  <p>How do I get a new array with the field name of the nested object merged in the parent array?</p>
  
  <pre><code> items_extended: [
      {
      id: 1,
      name: Tomato
      category: Vegetable
      },
      {
      id: 2,
      name: Apple
      category: Fruit
      }
  ]
  </code></pre>