fix: prepare editor indicator

Author: codewec

app/components/editoro/MainContent.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { computed } from 'vue'
 import type { DirectoryTreeNode, EditorSuggestionItems, EditorToolbarItems, EditorViewMode, TreeNode, TreeNodeType } from '~/types/editoro'
 import { useEditoroMainContentMedia } from '~/composables/editor/useEditoroMainContentMedia'
 
@@ -29,6 +30,16 @@ const emit = defineEmits<{
   goParent: []
 }>()
 
+// Keep editor fallback in loading state during client-only initialization.
+const isMarkdownFileSelected = computed(() => {
+  if (props.selectedNodeType !== 'file') {
+    return false
+  }
+
+  const extension = props.selectedFileExtension.toLowerCase()
+  return extension === 'md' || extension === 'markdown'
+})
+
 const {
   imageInputRef,
   editorHandlers,
@@ -112,7 +123,7 @@ const {
       />
     </div>
 
-    <ClientOnly v-else-if="props.canUploadImage">
+    <ClientOnly v-else-if="isMarkdownFileSelected">
       <template #fallback>
         <div class="editoro-loading-state">
           <UIcon