diff --git a/src/App.vue b/src/App.vue
index ae4c8ab..a4e355d 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,13 +1,7 @@
 <script setup lang="ts">
-import { MilkdownProvider } from '@milkdown/vue'
-import { ProsemirrorAdapterProvider } from '@prosemirror-adapter/vue'
-import Milkdown from './components/Milkdown/Editor.vue'
+import EditorWrapper from './components/Milkdown/EditroWrapper.vue'
 </script>
 
 <template>
-  <MilkdownProvider>
-    <ProsemirrorAdapterProvider>
-      <Milkdown />
-    </ProsemirrorAdapterProvider>
-  </MilkdownProvider>
+  <EditorWrapper />
 </template>
diff --git a/src/components/Milkdown/Block.vue b/src/components/Milkdown/Block.vue
index c904e55..1524325 100644
--- a/src/components/Milkdown/Block.vue
+++ b/src/components/Milkdown/Block.vue
@@ -14,6 +14,7 @@ let tooltipProvider: BlockProvider | undefined
 
 watch([loading], () => {
   const editor = get()
+  // eslint-disable-next-line antfu/if-newline
   if (loading.value || !editor || tooltipProvider) return
 
   editor.action((ctx) => {
diff --git a/src/components/Milkdown/EditroWrapper.vue b/src/components/Milkdown/EditroWrapper.vue
new file mode 100644
index 0000000..c656a41
--- /dev/null
+++ b/src/components/Milkdown/EditroWrapper.vue
@@ -0,0 +1,13 @@
+<script setup lang="ts">
+import { MilkdownProvider } from '@milkdown/vue'
+import { ProsemirrorAdapterProvider } from '@prosemirror-adapter/vue'
+import Editor from './Editor.vue'
+</script>
+
+<template>
+  <MilkdownProvider>
+    <ProsemirrorAdapterProvider>
+      <Editor />
+    </ProsemirrorAdapterProvider>
+  </MilkdownProvider>
+</template>
diff --git a/src/utils/utils.ts b/src/utils/utils.ts
index 1d9459e..0c806d7 100644
--- a/src/utils/utils.ts
+++ b/src/utils/utils.ts
@@ -7,9 +7,8 @@ import {
   toggleStrongCommand,
 } from '@milkdown/preset-commonmark'
 
-const [loading, get] = useInstance()
-
 export const addCodeBlock = (e: Event) => {
+  const [loading, get] = useInstance()
   if (loading.value) return
   e.preventDefault()
 
@@ -24,7 +23,9 @@ export const addCodeBlock = (e: Event) => {
 }
 
 export const toggleBold = (e: Event) => {
+  const [loading, get] = useInstance()
   if (loading.value) return
   e.preventDefault()
+
   get()!.action(callCommand(toggleStrongCommand.key))
 }