fix: remove unneeded nextTick for syncing template ref

Author: ThimoDEV

playground/app.vue

@@ -26,8 +26,16 @@ const handleUpdate = (viewUpdate: ViewUpdate) => {
 
 onMounted(() => {
   if (codemirror.value) {
-    console.log('blaaaaa', codemirror.value.editor)
+    console.log('Log editorRef', codemirror.value.editor)
+    console.log('Log containerRef', codemirror.value.container)
   }
+
+  watchEffect(() => {
+    if (codemirror.value) {
+      console.log('Log StateRef', codemirror.value.state)
+      console.log('Log viewRef', codemirror.value.view)
+    }
+  })
 })
 </script>
 

src/runtime/components/NuxtCodeMirror.vue

@@ -3,7 +3,7 @@ import type { ViewUpdate, EditorView } from '@codemirror/view'
 import type { EditorState } from '@codemirror/state'
 import { useNuxtCodeMirror } from '../composables/useNuxtCodeMirror'
 import type { NuxtCodeMirrorProps, Statistics } from '../types/nuxt-codemirror'
-import { onMounted, ref, watch, nextTick, computed, onBeforeUnmount } from '#imports'
+import { onMounted, ref, watch, computed, onBeforeUnmount } from '#imports'
 
 const editor = ref<HTMLDivElement | null>(null)
 const container = ref<HTMLDivElement | null>(null)
@@ -31,9 +31,7 @@ const emit = defineEmits<{
   (event: 'onUpdate' | 'onFocus' | 'onBlur', update: ViewUpdate): void
 }>()
 
-onMounted(async () => {
-  await nextTick()
-
+onMounted(() => {
   useNuxtCodeMirror({
     ...props,
     modelValue: modelValue.value,

src/runtime/composables/useNuxtCodeMirror.ts

@@ -3,7 +3,7 @@ import { EditorView, type ViewUpdate } from '@codemirror/view'
 import { getDefaultExtensions } from '../getDefaultExtensions'
 import { type UseCodeMirrorProps } from '../types/nuxt-codemirror'
 import { getStatistics } from '../utils/utils'
-import { onBeforeUnmount, watch, watchEffect } from '#imports'
+import { watch, watchEffect } from '#imports'
 
 const External = Annotation.define<boolean>()