<template>
  <div>
    <h2>Containers</h2>
    <ul>
      <li v-for="container in containers" :key="container.id">
        {{ container.id.substr(0, 8) }}

        <router-link :to="{ name: 'new-session', params: { container: container.id } }">
          Start session
        </router-link>
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  name: 'ContainerList',
  props: {
    containers: Array
  }
}
</script>
