Как создать вложенный список из объекта Vue?

countries: [
        {
          country: 'Россия',
          regions: [
            {
              region: 'Московская область',
              cities: [
                {
                  city: 'Москва',
                  coord: [55.751244, 37.618423]
                },
                {
                  city: 'Балашиха',
                  coord: [37.9679867, 55.7981904]
                },
              ]
            }
          ]
        }
      ]

<ul>
      <li v-for="(country, name) in countries">
        {{country.name}}
      </li>
</ul>