<template>
  <li>
    <div>
      {{ folder.root ? '' : folder.name }}
    </div>
    <ul v-if="folder.folders">
      <Folders v-for="(child, idx) in folder.folders" :key="idx" :folder="child" />
    </ul>
  </li>
</template>

<script>
export default {
  props: {
    folder: {
      type: Object,
      required: true,
    },
  },
};
</script>
