From: Evan You <yyx990803@gmail.com>
Date: Wed, 18 Nov 2020 17:09:10 +0000 (-0500)
Subject: workflow: add inline option to template explorer
X-Git-Tag: v3.0.3~35
X-Git-Url: http://git.ipfire.org/gitweb.cgi?a=commitdiff_plain;h=27fca66c89169ae685016ab1be70e4a0116c0059;p=thirdparty%2Fvuejs%2Fcore.git

workflow: add inline option to template explorer
---

diff --git a/packages/template-explorer/src/options.ts b/packages/template-explorer/src/options.ts
index 3428aacebb..7cf0914d46 100644
--- a/packages/template-explorer/src/options.ts
+++ b/packages/template-explorer/src/options.ts
@@ -11,6 +11,7 @@ export const compilerOptions: CompilerOptions = reactive({
   hoistStatic: false,
   cacheHandlers: false,
   scopeId: null,
+  inline: false,
   ssrCssVars: `{ color }`,
   bindingMetadata: {
     TestComponent: BindingTypes.SETUP,
@@ -151,6 +152,19 @@ const App = {
               h('label', { for: 'scope-id' }, 'scopeId')
             ]),
 
+            // inline mode
+            h('li', [
+              h('input', {
+                type: 'checkbox',
+                id: 'inline',
+                checked: compilerOptions.inline,
+                onChange(e: Event) {
+                  compilerOptions.inline = (e.target as HTMLInputElement).checked
+                }
+              }),
+              h('label', { for: 'inline' }, 'inline')
+            ]),
+
             // toggle optimizeImports
             h('li', [
               h('input', {