ckeditor

src/components/Note.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { ref, watch, computed } from 'vue'
+import NoteEditor from '@/components/NoteEditor.vue'
 import { formatDate } from '@/utils/helpers'
 import { notes, activeNote } from '@/composables/useNotes'
 import { notesRelations } from '@/composables/useNotes'
@@ -33,7 +34,7 @@ const references = computed<Note[]>(() => {
   <div class="flex flex-col">
     <h1 class="mb-2 flex items-center rounded-md text-3xl hover:bg-gray-200">
       <i
-        class="bi bi-house mr-2 text-base text-secondary"
+        class="fas fa-fw fa-home mr-2 text-base text-secondary opacity-40"
         v-if="props.note.isRoot"
       ></i
       ><input
@@ -42,7 +43,11 @@ const references = computed<Note[]>(() => {
         v-model="noteTitle"
       />
     </h1>
-    <div class="flex-1">{{ note.content }}</div>
+    <NoteEditor
+      class="h-100 flex-1 overflow-auto"
+      :note="activeNote"
+      v-if="activeNote"
+    />
     <div class="card mt-3 border-[1px]" v-if="references.length > 0">
       <div class="card-body px-3 py-3">
         <ul class="menu rounded-md">