diff --git a/packages/template-explorer/src/index.ts b/packages/template-explorer/src/index.ts index 2eed6e060..e1328913a 100644 --- a/packages/template-explorer/src/index.ts +++ b/packages/template-explorer/src/index.ts @@ -2,7 +2,7 @@ import * as m from 'monaco-editor' import { compile, CompilerError, CompilerOptions } from '@vue/compiler-dom' import { compile as ssrCompile } from '@vue/compiler-ssr' import { compilerOptions, initOptions, ssrMode } from './options' -import { watchEffect } from '@vue/runtime-dom' +import { toRaw, watchEffect } from '@vue/runtime-dom' import { SourceMapConsumer } from 'source-map' import theme from './theme' @@ -67,6 +67,7 @@ window.init = () => { errors.filter(e => e.loc).map(formatError) ) console.log(`AST: `, ast) + console.log(`Options: `, toRaw(compilerOptions)) lastSuccessfulCode = code + `\n\n// Check the console for the AST` lastSuccessfulMap = new SourceMapConsumer(map!) lastSuccessfulMap!.computeColumnSpans() diff --git a/packages/template-explorer/src/options.ts b/packages/template-explorer/src/options.ts index d903a017a..cdf00ec87 100644 --- a/packages/template-explorer/src/options.ts +++ b/packages/template-explorer/src/options.ts @@ -16,6 +16,7 @@ export const compilerOptions: CompilerOptions = reactive({ bindingMetadata: { TestComponent: BindingTypes.SETUP_CONST, setupRef: BindingTypes.SETUP_REF, + setupConst: BindingTypes.SETUP_CONST, setupLet: BindingTypes.SETUP_LET, setupMaybeRef: BindingTypes.SETUP_MAYBE_REF, setupProp: BindingTypes.PROPS