/* eslint-disable no-console */ // eslint-disable-next-line import/no-unresolved import * as monaco from 'monaco-editor'; import { h, createApp } from 'vue'; import { transform } from '@babel/core'; import babelPluginJSx from '../../babel-plugin-jsx/src'; import './index.css'; // or import * as monaco from 'monaco-editor/esm/vs/editor/editor.api'; // if shipping only a subset of the features & languages is desired createApp( () => h('h1', null, 'Vue JSX Explorer'), ).mount('#header'); if (module.hot) { module.hot.accept('../../babel-plugin-jsx/src', () => { compile(); }); } const sharedEditorOptions = { theme: 'vs-dark', fontSize: 14, wordWrap: 'on', scrollBeyondLastLine: false, renderWhitespace: 'selection', contextmenu: false, minimap: { enabled: false, }, }; monaco.languages.typescript.typescriptDefaults.setCompilerOptions({ allowJs: true, allowNonTsExtensions: true, lib: [], jsx: monaco.languages.typescript.JsxEmit.React, target: monaco.languages.typescript.ScriptTarget.Latest, typeRoots: ['node_modules/@types'], }); const editor = monaco.editor.create(document.getElementById('source'), { value: localStorage.getItem('state') || 'const App = () =>