Display very basic tree of nodes
This commit is contained in:
parent
ef9679e18c
commit
e18e898102
3 changed files with 31 additions and 12 deletions
15
gdn-app/src/components/CNote.vue
Normal file
15
gdn-app/src/components/CNote.vue
Normal file
|
|
@ -0,0 +1,15 @@
|
|||
<script setup lang="ts">
|
||||
import { Note as Note } from "@/types";
|
||||
|
||||
const props = defineProps<{ note: Note }>();
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="flex flex-row gap-1">
|
||||
<div>•</div>
|
||||
<div class="flex flex-col">
|
||||
<div>{{ props.note.text }}</div>
|
||||
<CNote v-for="child in props.note.children" :note="child"></CNote>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
Loading…
Add table
Add a link
Reference in a new issue