Компонент на Vue

Есть массив-дерево с данными:
var tree = {
id: 1,
product_id: 1,
product: [
{
product_id: 1,
article: "Д001",
id: 2,
}
],
children: [
{
id: 4,
product_id: 37,
product: [
{
product_id: 37,
article: "шнурок красный d_001",
id: 2,
}
],
children: [
{
id: 5,
product_id: 36,
product: [
{
product_id: 36,
article: "Моё правило",
id: '',
}
]
}
]
}
]
}

Этот массив нужно преобразовать в таблицу joxi.ru/bmozj4lh3NO4br
Как на html это реализовать, – решать вам, главное, чтобы таблица не ехала, а вложенность достаточно показать в одной колонке.

Адаптивность не нужна.
Массив тестовый, в рабочей версии там может быть бесконечная вложенность.