1 files changed, 21 insertions, 0 deletions
diff --git a/app/src/components/Folders.vue b/app/src/components/Folders.vue
new file mode 100644
index 0000000..b801c1a
--- /dev/null
+++ b/app/src/components/Folders.vue
@@ -0,0 +1,21 @@
+<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>