From 27fca66c89169ae685016ab1be70e4a0116c0059 Mon Sep 17 00:00:00 2001
From: Evan You <yyx990803@gmail.com>
Date: Wed, 18 Nov 2020 12:09:10 -0500
Subject: [PATCH] workflow: add inline option to template explorer

---
 packages/template-explorer/src/options.ts | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/packages/template-explorer/src/options.ts b/packages/template-explorer/src/options.ts
index 3428aace..7cf0914d 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', {