After refactoring of expecting an item with status and name in the tests, the component should be refactored too

tdd-green-blue-vue-1.vue

<template>
  <ul class="service__list">
    <li v-for="(service, index) in services" :key="index"
      class="service__list-item">
      <span class="service__list-item-status">{{ service.status }}</span>
      <span class="service__list-item-name">{{ service.name }}</span>
    </li>
  </ul>
</template>

<script>
export default {
  name: 'service-page',
  data() {
    return {
      services: [
        { name: 'Ramon', status: 'true' }
      ]
    };
  },
}
</script>

After this must show tdd-green-blue-terminal-1.png