basic text editor

frontend/layouts/default.vue

@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import TextEditor from '~/components/viewers/TextEditor.vue';
+import ImageViewer from '@/components/viewers/ImageViewer.vue';
 import { Separator } from '@/components/ui/separator';
 import CreateDirectoryDialog from '~/components/actions/CreateDirectoryDialog.vue';
 import UploadDialog from '~/components/actions/UploadDialog.vue';
@@ -18,7 +20,10 @@ await useAsyncData('warrens', async () => {
     <SidebarProvider>
         <SelectionRect />
         <ActionsShareDialog />
+
+        <TextEditor />
         <ImageViewer />
+
         <AppSidebar />
         <SidebarInset class="flex flex-col-reverse md:flex-col">
             <header

frontend/layouts/share.vue

@@ -1,9 +1,15 @@
-<script lang="ts" setup></script>
+<script lang="ts" setup>
+import TextEditor from '~/components/viewers/TextEditor.vue';
+import ImageViewer from '@/components/viewers/ImageViewer.vue';
+</script>
 
 <template>
     <main class="flex h-full w-full items-center justify-center">
         <SelectionRect />
+
+        <TextEditor />
         <ImageViewer />
+
         <slot />
     </main>
 </template>