diff --git a/src/components/custom/Editor/MarkDownEditor/index.vue b/src/components/custom/Editor/MarkDownEditor/index.vue
index 504a581..761cd18 100644
--- a/src/components/custom/Editor/MarkDownEditor/index.vue
+++ b/src/components/custom/Editor/MarkDownEditor/index.vue
@@ -1,3 +1,9 @@
+<template>
+  <MdEditor
+    v-model="model" :theme="appStore.colorMode" :toolbars-exclude="toolbarsExclude"
+  />
+</template>
+
 <script setup lang="ts">
 import type { ToolbarNames } from 'md-editor-v3'
 
@@ -20,10 +26,4 @@ const toolbarsExclude: ToolbarNames[] = [
 ]
 </script>
 
-<template>
-  <MdEditor
-    v-model="model" :theme="appStore.colorMode" :toolbars-exclude="toolbarsExclude"
-  />
-</template>
-
 <style scoped></style>
diff --git a/src/components/custom/Editor/RichTextEditor/index.vue b/src/components/custom/Editor/RichTextEditor/index.vue
index 50abb60..31a3271 100644
--- a/src/components/custom/Editor/RichTextEditor/index.vue
+++ b/src/components/custom/Editor/RichTextEditor/index.vue
@@ -1,3 +1,7 @@
+<template>
+  <div ref="editorRef" />
+</template>
+
 <script setup lang="ts">
 import Quill from 'quill'
 import { useTemplateRef } from 'vue'
@@ -101,7 +105,3 @@ watch(
 
 onBeforeUnmount(() => editorInst = null)
 </script>
-
-<template>
-  <div ref="editorRef" />
-</template>