Разбор ответа Laravel на правильный JSON

Я использую Vue с Laravel 5.6 и пытаюсь создать элемент списка. Мой шаблон ниже, проблема в том, что я не могу правильно использовать ответ. В этом примере у меня возвращается один элемент, но в реальных примерах будут партии из 10 элементов. Нужен способ преобразовать тарабарщину в удобочитаемый нормальный JSON

<template>
        <div>
            <tr v-for = "row in list" v-bind:key='row.id'>
                <td align = "left">{{row.list_type_id}}</td>

            </tr>
        </div>
    </template>

        <script>

        export default {
            name: 'List',
            data(){
                return{
                    list:{
                    }
                }
            },
            created() {
                this.getList()
            },
            methods:{
                getList(){
                    let self = this
                    $.ajax({
                        url: '/api/list',
                        success: function(result){
                            self.list = result;
                    }});
                }
            }
        }
        </script>

Это ответ, который я получаю от Laravel;

[{"data":"{\"list_name\":\"STLTV2\",\"device_type_id\":\"6758\",\"entity_id\":\"1072\",\"client_id\":\"msx\"}]

Ну, обычно, кроме данных, есть разные ключи, но чтобы иметь возможность это воспроизвести, я пока ими пренебрегаю.

Ах, и в моей модели у меня есть

protected $casts = [
    'data' => 'json'
];

Добавление моего контроллера, где я только возвращаю данные

public function index()
{
    return \DB::table('list_items')
        ->join('list', 'list_items.list_id', '=', 'list.id')
        ->where('list.type',3)
        ->limit(1)
        ->select(['data'])
        ->get();

}

Поскольку я ограничиваю возвращаемую запись с помощью limit(10 и выбираю только столбец data, я могу использовать self.list = JSON.parse(result[0]['data']); Я хочу иметь возможность конвертировать data, а также другие поля

{
 'list_id': 1,
 'data': {
     'list_name':'STLTV2',
     ...
  }
}

Добавление модели ListItem

class ListItem extends Model
{

    protected $casts = [
        'data' => 'json'
    ];

    protected $fillable = [
        'list_id',
        'data',
    ];

    public function list()
    {
        return $this->belongsTo(Lists::class, 'list_id', 'id');
    }
}

Добавление модели списков

class Lists extends Model
{
    protected $casts = [
        'view' => 'json',
        'settings' => 'json'
    ];

    public function items()
    {
        return $this->hasMany(ListItem::class);
    }
}