useMonaco

monaco 名前空間を取得します。import * as monaco from 'monaco-editor'と同等の処理を行えます。

このコンポーサブルはどこでも利用が可能ですが、返り値が異なります。

• クライアント: monaco 名前空間 (読み込み後)
• サーバー: 常に null

なお、monaco-editor の型やインターフェースを利用する場合は以下のように記述してください。

import type { ISelection } from 'monaco-editor'

例

const 
monaco
 = 
useMonaco
()!
const 
editorEl
 = 
useTemplateRef
<
HTMLDivElement
>('editor')
monaco
.
editor
.
create
(
editorEl
.
value
, { 
language
: 'typescript' })