Как в один столбец таблицы вывести значения из объекта?

Question

[Алексей]

Есть структура данных:

const fin_counerpartie =  {
 "Доходы ЦС"	: { 
    "ARAVT GROUP ТОО"	: { name :"ARAVT GROUP ТОО"},
    "CARPE DIEM ENERGY DMCC"	: { name :"CARPE DIEM ENERGY DMCC"},
},
 "Доходы ПВ"	: {
    "Alkos"	: { name :"Alkos"},
    "Carbon Trading Sp."	: { name :"Carbon Trading Sp."},
}
}

Необходимо представить её в следующем виде:

<tbody>
        <tr>
            <td>Доходы Ц</td>
        </tr>
        <tr>
            <td>ARAVT GROUP ТОО</td>
        </tr>
        ....
        <tr>
            <td>Доходы ПВ</td>
        </tr>
        <tr>
            <td>Имя компании</td>
        </tr>
        ...
    </tbody>

Проблема: не выходит вывести значения которые принадлежат каждому из объектов, т. е сейчас к каждому ключу объекта подставляются значения из первого объекта:

<tbody>
        <template v-for="item in data">
          <template v-for="(keys, index) in Object.keys(item)">
            <tr :key="keys.id">
              <td>{{ keys }}</td>
            </tr>
            <template v-for="val in Object.values(item)">
              <tr v-for="v in Object.values(val)">
                <td>{{ v.name }}</td>
              </tr>
            </template>
          </template>
        </template>
      </tbody>

Answer 1

[0xD34F]

<template v-for="v, k in tableData">
  <tr>
    <td>{{ k }}</td>
  </tr>
  <tr v-for="n in v">
    <td>{{ n.name }}</td>
  </tr>
</template>