workflow: add inline option to template explorer

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', {