title: In laravel i can show the product name, how to show it in vue.js
body: <p>This is the view route</p>
  
  <pre><code> public function showOrder(Order $order)
      {      
          return view('return.sales-return-show', compact('order'));
      }
  </code></pre>
  
  <p>This is output for dd($order);</p>
  
  <pre><code>  #original: array:18 [▼
      "id" =&gt; 7
      "company_id" =&gt; 1
      "order_type" =&gt; 1
      "order_no" =&gt; "12"
      "date" =&gt; "2019-01-16"
      "status" =&gt; "1"
      "transaction_raw" =&gt; "[{"amount":"82264","transaction_type":3,"payment_type":1,"owner_type":"App\\Model\\Customer","owner_id":"1"},{"amount":"0","transaction_type":4,"payment_type":1 ▶"
      "line_items" =&gt; "[{"customer_id":"1","product_id":"10","unit_id":"2","quantity":"5","price":"2700","total_price":"13500"},{"customer_id":"1","product_id":"43","unit_id":"1","quantity":"52","price":"7","total_price":"364"},{"customer_id":"1","product_id":"9","unit_id":"2","quantity":"18","price":"3800","total_price":"68400"}] ◀"
      "total" =&gt; 82264.0
      "discount" =&gt; 0.0
      "sub_total" =&gt; 82264.0
      "paid" =&gt; 0.0
      "due" =&gt; 82264.0
      "supplier_id" =&gt; 0
      "customer_id" =&gt; 1
      "others_fin" =&gt; "{"transport":"0","type":"income"}"
      "created_at" =&gt; "2019-01-16 19:13:27"
      "updated_at" =&gt; "2019-01-16 19:13:27"
    ]
  </code></pre>
  
  <p>This is the loop where I can show the product name</p>
  
  <pre><code>@foreach($order-&gt;items as $item)
     {{$item-&gt;product-&gt;name}}
  @endforeach
  </code></pre>
  
  <p>This is my json route </p>
  
  <pre><code>public function json(Order $order)
  {
     return response()-&gt;json(['orders' =&gt; $order]);
  }
  </code></pre>
  
  <p>JSON Data:</p>
  
  <p>{
     "orders":{
        "id":7,
        "company_id":1,
        "order_type":1,
        "order_no":"12",
        "date":"2019-01-16",
        "status":"1",
        "transaction_raw":[
           {
              "amount":"82264",
              "transaction_type":3,
              "payment_type":1,
              "owner_type":"App\Model\Customer",
              "owner_id":"1"
           },
           {
              "amount":"0",
              "transaction_type":4,
              "payment_type":1,
              "owner_type":"App\Model\Customer",
              "owner_id":"1",
              "account_head_id":1
           }
        ],
        "line_items":[
           {
              "customer_id":"1",
              "product_id":"10",
              "unit_id":"2",
              "quantity":"5",
              "price":"2700",
              "total_price":"13500"
           },
           {
              "customer_id":"1",
              "product_id":"43",
              "unit_id":"1",
              "quantity":"52",
              "price":"7",
              "total_price":"364"
           },
           {
              "customer_id":"1",
              "product_id":"9",
              "unit_id":"2",
              "quantity":"18",
              "price":"3800",
              "total_price":"68400"
           }
        ],
        "total":82264,
        "discount":0,
        "sub_total":82264,
        "paid":0,
        "due":82264,
        "supplier_id":0,
        "customer_id":1,
        "others_fin":"{\"transport\":\"0\",\"type\":\"income\"}",
        "created_at":"2019-01-16 19:13:27",
        "updated_at":"2019-01-16 19:13:27"
     }
  }</p>
  
  <p>Now I need to show PRODUCT NAME here</p>
  
  <pre><code>&lt;tr v-for="order in orders.line_items"&gt;
   &lt;td&gt;&lt;/td&gt;
   &lt;td&gt;&lt;input name="" v-model="PRODUCT NAME" class="form-control"&gt;&lt;/td&gt;
   &lt;td&gt;{{order.product_id}}&lt;/td&gt;
   &lt;td&gt;&lt;/td&gt;
   &lt;td&gt;&lt;input name="" v-model="order.quantity" class="form-control"&gt;&lt;/td&gt;
   &lt;td&gt;&lt;input name="" v-model="order.price" class="form-control" disabled&gt;&lt;/td&gt;
   &lt;td&gt;&lt;input name="" v-model="order.quantity * order.price" class="form-control" disabled&gt;&lt;/td&gt;
   &lt;td&gt;&lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p>How to do it...?</p>