docs: use svelte ref

azat-io · Dec 5, 2024 · 187764c · 187764c
1 parent f564eb7
commit 187764c
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/docs/components/Editor/EditorMonaco.svelte b/docs/components/Editor/EditorMonaco.svelte
@@ -12,6 +12,7 @@
   export let settings: Record<string, unknown> = {}
 
   let editor: monaco.editor.IStandaloneCodeEditor | null = null
+  let container: HTMLElement | null = null
 
   let baseValue = dedent`
     import Button from '~/components/Button'
@@ -116,7 +117,6 @@
   }
 
   onMount(() => {
-    let container: HTMLElement | null = document.querySelector('.monaco')
     if (container) {
       defineMonacoTheme('css-variables')
 
@@ -175,7 +175,7 @@
   })
 </script>
 
-<div class="monaco" />
+<div bind:this={container} class="monaco" />
 
 <style>
   .monaco {