setupin 3.1.1 → 3.2.0

package/dist/main.js

@@ -51,28 +51,8 @@ var __async = (__this, __arguments, generator) => {
 };
 (function() {
   "use strict";
-  const ASCII_LOGO = "\r\n/***************************************\r\n**           _               _        **\r\n**  ___  ___| |_ _   _ _ __ (_)_ __   **\r\n** / __|/ _ \\ __| | | | '_ \\| | '_ \\  **\r\n** \\__ \\  __/ |_| |_| | |_/ | | | | | **\r\n** |___/\\___|\\__|\\__,_| .__/|_|_| |_| **\r\n**                    |_|             **\r\n***************************************/\r\n";
-  const APP_VAR_NAME = "APP$";
-  const REPO_NAME = "setupin";
-  const IMPORTS_JSON = JSON.stringify({ imports: { vue: "https://unpkg.com/vue@latest/dist/vue.runtime.esm-browser.js" } });
-  const INIT_CODE = `
-    ${ASCII_LOGO}
-    import * as Vue from "vue";
-    let ${APP_VAR_NAME} = Object.create(null);
-`;
-  const CREATE_APP_CODE = `
-  Vue.createApp(Vue.defineComponent(
-    String(${APP_VAR_NAME}.setup).startsWith('async')
-    ? () => () => 
-      Vue.h(Vue.Suspense, null, { 
-        default:  Vue.h(${APP_VAR_NAME}),
-        fallback:  Vue.h('div', 'Loading...'),
-      })
-    : ${APP_VAR_NAME}
-  )).mount(document.body)
-`;
   /**
-  * @vue/compiler-sfc v3.5.12
+  * @vue/compiler-sfc v3.5.13
   * (c) 2018-present Yuxi (Evan) You and Vue contributors
   * @license MIT
   **/
@@ -240,10 +220,9 @@ var __async = (__this, __arguments, generator) => {
     return ret;
   }
   function stringifyStyle(styles) {
+    if (!styles) return "";
+    if (isString$1(styles)) return styles;
     let ret = "";
-    if (!styles || isString$1(styles)) {
-      return ret;
-    }
     for (const key in styles) {
       const value = styles[key];
       if (isString$1(value) || typeof value === "number") {
@@ -721,12 +700,13 @@ var __async = (__this, __arguments, generator) => {
       loc: locStub
     };
   }
-  function createCacheExpression(index, value, needPauseTracking = false) {
+  function createCacheExpression(index, value, needPauseTracking = false, inVOnce = false) {
     return {
       type: 20,
       index,
       value,
       needPauseTracking,
+      inVOnce,
       needArraySpread: false,
       loc: locStub
     };
@@ -18207,11 +18187,12 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
         identifier.hoisted = exp;
         return identifier;
       },
-      cache(exp, isVNode = false) {
+      cache(exp, isVNode = false, inVOnce = false) {
         const cacheExp = createCacheExpression(
           context.cached.length,
           exp,
-          isVNode
+          isVNode,
+          inVOnce
         );
         context.cached.push(cacheExp);
         return cacheExp;
@@ -20997,7 +20978,9 @@ const ${helpers.map((s) => `_${helperNameMap[s]} = ${helperNameMap[s]}`).join(",
     push(`_cache[${node2.index}] || (`);
     if (needPauseTracking) {
       indent();
-      push(`${helper(SET_BLOCK_TRACKING)}(-1),`);
+      push(`${helper(SET_BLOCK_TRACKING)}(-1`);
+      if (node2.inVOnce) push(`, true`);
+      push(`),`);
       newline();
       push(`(`);
     }
@@ -21088,12 +21071,14 @@ const ${helpers.map((s) => `_${helperNameMap[s]} = ${helperNameMap[s]}`).join(",
         context
       );
     } else if (node2.type === 1) {
+      const memo = findDir(node2, "memo");
       for (let i = 0; i < node2.props.length; i++) {
         const dir = node2.props[i];
         if (dir.type === 7 && dir.name !== "for") {
           const exp = dir.exp;
           const arg = dir.arg;
-          if (exp && exp.type === 4 && !(dir.name === "on" && arg)) {
+          if (exp && exp.type === 4 && !(dir.name === "on" && arg) && // key has been processed in transformFor(vMemo + vFor)
+          !(memo && arg && arg.type === 4 && arg.content === "key")) {
             dir.exp = processExpression(
               exp,
               context,
@@ -21615,10 +21600,19 @@ const ${helpers.map((s) => `_${helperNameMap[s]} = ${helperNameMap[s]}`).join(",
         const isTemplate = isTemplateNode(node2);
         const memo = findDir(node2, "memo");
         const keyProp = findProp(node2, `key`, false, true);
-        if (keyProp && keyProp.type === 7 && !keyProp.exp) {
+        const isDirKey = keyProp && keyProp.type === 7;
+        if (isDirKey && !keyProp.exp) {
           transformBindShorthand(keyProp, context);
         }
-        const keyExp = keyProp && (keyProp.type === 6 ? keyProp.value ? createSimpleExpression(keyProp.value.content, true) : void 0 : keyProp.exp);
+        let keyExp = keyProp && (keyProp.type === 6 ? keyProp.value ? createSimpleExpression(keyProp.value.content, true) : void 0 : keyProp.exp);
+        if (memo && keyExp && isDirKey) {
+          {
+            keyProp.exp = keyExp = processExpression(
+              keyExp,
+              context
+            );
+          }
+        }
         const keyProperty = keyProp && keyExp ? createObjectProperty(`key`, keyExp) : null;
         if (isTemplate) {
           if (memo) {
@@ -22962,8 +22956,8 @@ const ${helpers.map((s) => `_${helperNameMap[s]} = ${helperNameMap[s]}`).join(",
         if (cur.codegenNode) {
           cur.codegenNode = context.cache(
             cur.codegenNode,
+            true,
             true
-            /* isVNode */
           );
         }
       };
@@ -28563,24 +28557,27 @@ ${defaultVar}.setup = __setup__
               ];
             }
           } else if (directives.length && !node2.children.length) {
-            const tempId = `_temp${context.temps++}`;
-            propsExp.arguments = [
-              createAssignmentExpression(
-                createSimpleExpression(tempId, false),
-                mergedProps
-              )
-            ];
-            rawChildrenMap.set(
-              node2,
-              createConditionalExpression(
-                createSimpleExpression(`"textContent" in ${tempId}`, false),
-                createCallExpression(context.helper(SSR_INTERPOLATE), [
-                  createSimpleExpression(`${tempId}.textContent`, false)
-                ]),
-                createSimpleExpression(`${tempId}.innerHTML ?? ''`, false),
-                false
-              )
-            );
+            const vText = findDir(node2, "text");
+            if (!vText) {
+              const tempId = `_temp${context.temps++}`;
+              propsExp.arguments = [
+                createAssignmentExpression(
+                  createSimpleExpression(tempId, false),
+                  mergedProps
+                )
+              ];
+              rawChildrenMap.set(
+                node2,
+                createConditionalExpression(
+                  createSimpleExpression(`"textContent" in ${tempId}`, false),
+                  createCallExpression(context.helper(SSR_INTERPOLATE), [
+                    createSimpleExpression(`${tempId}.textContent`, false)
+                  ]),
+                  createSimpleExpression(`${tempId}.innerHTML ?? ''`, false),
+                  false
+                )
+              );
+            }
           }
           if (needTagForRuntime) {
             propsExp.arguments.push(`"${node2.tag}"`);
@@ -29404,11 +29401,18 @@ ${defaultVar}.setup = __setup__
         checkDuplicatedValue();
         node2.children = [createInterpolation(model, model.loc)];
       } else if (node2.tag === "select") {
-        node2.children.forEach((child) => {
-          if (child.type === 1) {
-            processOption(child);
-          }
-        });
+        const processChildren2 = (children) => {
+          children.forEach((child) => {
+            if (child.type === 1) {
+              processOption(child);
+            } else if (child.type === 11) {
+              processChildren2(child.children);
+            } else if (child.type === 9) {
+              child.branches.forEach((b) => processChildren2(b.children));
+            }
+          });
+        };
+        processChildren2(node2.children);
       } else {
         context.onError(
           createDOMCompilerError(
@@ -29612,17 +29616,14 @@ ${defaultVar}.setup = __setup__
     __proto__: null,
     compile
   });
-  function commonjsRequire(path2) {
-    throw new Error('Could not dynamically require "' + path2 + '". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.');
-  }
   var _polyfillNode_fs = {};
   var _polyfillNode_fs$1 = /* @__PURE__ */ Object.freeze({
     __proto__: null,
     default: _polyfillNode_fs
   });
-  var require$$0$2 = /* @__PURE__ */ getAugmentedNamespace(_polyfillNode_fs$1);
+  var require$$0$1 = /* @__PURE__ */ getAugmentedNamespace(_polyfillNode_fs$1);
   var require$$1 = /* @__PURE__ */ getAugmentedNamespace(_polyfillNode_path);
-  var require$$0$1 = /* @__PURE__ */ getAugmentedNamespace(_polyfillNode_util$1);
+  var require$$0 = /* @__PURE__ */ getAugmentedNamespace(_polyfillNode_util$1);
   const hasWarned = {};
   function warnOnce$1(msg) {
     const isNodeProd = typeof process !== "undefined" && process.env.NODE_ENV === "production";
@@ -29862,42 +29863,18 @@ ${generateCodeFrame(
     });
   }
   var picocolors = { exports: {} };
-  function isatty() {
-    return false;
-  }
-  function ReadStream() {
-    throw new Error("tty.ReadStream is not implemented");
-  }
-  function WriteStream() {
-    throw new Error("tty.ReadStream is not implemented");
-  }
-  var _polyfillNode_tty = {
-    isatty,
-    ReadStream,
-    WriteStream
-  };
-  var _polyfillNode_tty$1 = /* @__PURE__ */ Object.freeze({
-    __proto__: null,
-    ReadStream,
-    WriteStream,
-    default: _polyfillNode_tty,
-    isatty
-  });
-  var require$$0 = /* @__PURE__ */ getAugmentedNamespace(_polyfillNode_tty$1);
   var hasRequiredPicocolors;
   function requirePicocolors() {
     if (hasRequiredPicocolors) return picocolors.exports;
     hasRequiredPicocolors = 1;
-    let argv2 = browser$1.argv || [], env2 = {};
-    let isColorSupported = !("NO_COLOR" in env2 || argv2.includes("--no-color")) && ("FORCE_COLOR" in env2 || argv2.includes("--color") || false || commonjsRequire != null && require$$0.isatty(1) && env2.TERM !== "dumb" || "CI" in env2);
+    let p = browser$1 || {}, argv2 = p.argv || [], env2 = p.env || {};
+    let isColorSupported = !(!!env2.NO_COLOR || argv2.includes("--no-color")) && (!!env2.FORCE_COLOR || argv2.includes("--color") || p.platform === "win32" || (p.stdout || {}).isTTY && env2.TERM !== "dumb" || !!env2.CI);
     let formatter = (open, close, replace = open) => (input2) => {
-      let string2 = "" + input2;
-      let index = string2.indexOf(close, open.length);
+      let string2 = "" + input2, index = string2.indexOf(close, open.length);
       return ~index ? open + replaceClose(string2, close, replace, index) + close : open + string2 + close;
     };
     let replaceClose = (string2, close, replace, index) => {
-      let result2 = "";
-      let cursor = 0;
+      let result2 = "", cursor = 0;
       do {
         result2 += string2.substring(cursor, index) + replace;
         cursor = index + close.length;
@@ -29906,50 +29883,50 @@ ${generateCodeFrame(
       return result2 + string2.substring(cursor);
     };
     let createColors = (enabled = isColorSupported) => {
-      let init2 = enabled ? formatter : () => String;
+      let f = enabled ? formatter : () => String;
       return {
         isColorSupported: enabled,
-        reset: init2("\x1B[0m", "\x1B[0m"),
-        bold: init2("\x1B[1m", "\x1B[22m", "\x1B[22m\x1B[1m"),
-        dim: init2("\x1B[2m", "\x1B[22m", "\x1B[22m\x1B[2m"),
-        italic: init2("\x1B[3m", "\x1B[23m"),
-        underline: init2("\x1B[4m", "\x1B[24m"),
-        inverse: init2("\x1B[7m", "\x1B[27m"),
-        hidden: init2("\x1B[8m", "\x1B[28m"),
-        strikethrough: init2("\x1B[9m", "\x1B[29m"),
-        black: init2("\x1B[30m", "\x1B[39m"),
-        red: init2("\x1B[31m", "\x1B[39m"),
-        green: init2("\x1B[32m", "\x1B[39m"),
-        yellow: init2("\x1B[33m", "\x1B[39m"),
-        blue: init2("\x1B[34m", "\x1B[39m"),
-        magenta: init2("\x1B[35m", "\x1B[39m"),
-        cyan: init2("\x1B[36m", "\x1B[39m"),
-        white: init2("\x1B[37m", "\x1B[39m"),
-        gray: init2("\x1B[90m", "\x1B[39m"),
-        bgBlack: init2("\x1B[40m", "\x1B[49m"),
-        bgRed: init2("\x1B[41m", "\x1B[49m"),
-        bgGreen: init2("\x1B[42m", "\x1B[49m"),
-        bgYellow: init2("\x1B[43m", "\x1B[49m"),
-        bgBlue: init2("\x1B[44m", "\x1B[49m"),
-        bgMagenta: init2("\x1B[45m", "\x1B[49m"),
-        bgCyan: init2("\x1B[46m", "\x1B[49m"),
-        bgWhite: init2("\x1B[47m", "\x1B[49m"),
-        blackBright: init2("\x1B[90m", "\x1B[39m"),
-        redBright: init2("\x1B[91m", "\x1B[39m"),
-        greenBright: init2("\x1B[92m", "\x1B[39m"),
-        yellowBright: init2("\x1B[93m", "\x1B[39m"),
-        blueBright: init2("\x1B[94m", "\x1B[39m"),
-        magentaBright: init2("\x1B[95m", "\x1B[39m"),
-        cyanBright: init2("\x1B[96m", "\x1B[39m"),
-        whiteBright: init2("\x1B[97m", "\x1B[39m"),
-        bgBlackBright: init2("\x1B[100m", "\x1B[49m"),
-        bgRedBright: init2("\x1B[101m", "\x1B[49m"),
-        bgGreenBright: init2("\x1B[102m", "\x1B[49m"),
-        bgYellowBright: init2("\x1B[103m", "\x1B[49m"),
-        bgBlueBright: init2("\x1B[104m", "\x1B[49m"),
-        bgMagentaBright: init2("\x1B[105m", "\x1B[49m"),
-        bgCyanBright: init2("\x1B[106m", "\x1B[49m"),
-        bgWhiteBright: init2("\x1B[107m", "\x1B[49m")
+        reset: f("\x1B[0m", "\x1B[0m"),
+        bold: f("\x1B[1m", "\x1B[22m", "\x1B[22m\x1B[1m"),
+        dim: f("\x1B[2m", "\x1B[22m", "\x1B[22m\x1B[2m"),
+        italic: f("\x1B[3m", "\x1B[23m"),
+        underline: f("\x1B[4m", "\x1B[24m"),
+        inverse: f("\x1B[7m", "\x1B[27m"),
+        hidden: f("\x1B[8m", "\x1B[28m"),
+        strikethrough: f("\x1B[9m", "\x1B[29m"),
+        black: f("\x1B[30m", "\x1B[39m"),
+        red: f("\x1B[31m", "\x1B[39m"),
+        green: f("\x1B[32m", "\x1B[39m"),
+        yellow: f("\x1B[33m", "\x1B[39m"),
+        blue: f("\x1B[34m", "\x1B[39m"),
+        magenta: f("\x1B[35m", "\x1B[39m"),
+        cyan: f("\x1B[36m", "\x1B[39m"),
+        white: f("\x1B[37m", "\x1B[39m"),
+        gray: f("\x1B[90m", "\x1B[39m"),
+        bgBlack: f("\x1B[40m", "\x1B[49m"),
+        bgRed: f("\x1B[41m", "\x1B[49m"),
+        bgGreen: f("\x1B[42m", "\x1B[49m"),
+        bgYellow: f("\x1B[43m", "\x1B[49m"),
+        bgBlue: f("\x1B[44m", "\x1B[49m"),
+        bgMagenta: f("\x1B[45m", "\x1B[49m"),
+        bgCyan: f("\x1B[46m", "\x1B[49m"),
+        bgWhite: f("\x1B[47m", "\x1B[49m"),
+        blackBright: f("\x1B[90m", "\x1B[39m"),
+        redBright: f("\x1B[91m", "\x1B[39m"),
+        greenBright: f("\x1B[92m", "\x1B[39m"),
+        yellowBright: f("\x1B[93m", "\x1B[39m"),
+        blueBright: f("\x1B[94m", "\x1B[39m"),
+        magentaBright: f("\x1B[95m", "\x1B[39m"),
+        cyanBright: f("\x1B[96m", "\x1B[39m"),
+        whiteBright: f("\x1B[97m", "\x1B[39m"),
+        bgBlackBright: f("\x1B[100m", "\x1B[49m"),
+        bgRedBright: f("\x1B[101m", "\x1B[49m"),
+        bgGreenBright: f("\x1B[102m", "\x1B[49m"),
+        bgYellowBright: f("\x1B[103m", "\x1B[49m"),
+        bgBlueBright: f("\x1B[104m", "\x1B[49m"),
+        bgMagentaBright: f("\x1B[105m", "\x1B[49m"),
+        bgCyanBright: f("\x1B[106m", "\x1B[49m"),
+        bgWhiteBright: f("\x1B[107m", "\x1B[49m")
       };
     };
     picocolors.exports = createColors();
@@ -30810,20 +30787,21 @@ ${generateCodeFrame(
       positionBy(opts, stringRepresentation) {
         let pos = this.source.start;
         if (opts.index) {
-          pos = this.positionInside(opts.index, stringRepresentation);
+          pos = this.positionInside(opts.index);
         } else if (opts.word) {
-          stringRepresentation = this.toString();
+          stringRepresentation = this.source.input.css.slice(this.source.start.offset, this.source.end.offset);
           let index = stringRepresentation.indexOf(opts.word);
-          if (index !== -1) pos = this.positionInside(index, stringRepresentation);
+          if (index !== -1) pos = this.positionInside(index);
         }
         return pos;
       }
-      positionInside(index, stringRepresentation) {
-        let string2 = stringRepresentation || this.toString();
+      positionInside(index) {
         let column = this.source.start.column;
         let line = this.source.start.line;
-        for (let i = 0; i < index; i++) {
-          if (string2[i] === "\n") {
+        let offset = this.source.start.offset;
+        let end = offset + index;
+        for (let i = offset; i < end; i++) {
+          if (this.source.input.css[i] === "\n") {
             column = 1;
             line += 1;
           } else {
@@ -30850,7 +30828,7 @@ ${generateCodeFrame(
           line: start.line
         };
         if (opts.word) {
-          let stringRepresentation = this.toString();
+          let stringRepresentation = this.source.input.css.slice(this.source.start.offset, this.source.end.offset);
           let index = stringRepresentation.indexOf(opts.word);
           if (index !== -1) {
             start = this.positionInside(index, stringRepresentation);
@@ -33415,7 +33393,7 @@ ${generateCodeFrame(
   function requirePreviousMap() {
     if (hasRequiredPreviousMap) return previousMap;
     hasRequiredPreviousMap = 1;
-    let { existsSync, readFileSync } = require$$0$2;
+    let { existsSync, readFileSync } = require$$0$1;
     let { dirname: dirname2, join: join2 } = require$$1;
     let { SourceMapConsumer, SourceMapGenerator } = /* @__PURE__ */ requireSourceMap$1();
     function fromBase64(str) {
@@ -35505,7 +35483,7 @@ ${generateCodeFrame(
     let Root = /* @__PURE__ */ requireRoot$1();
     class Processor {
       constructor(plugins = []) {
-        this.version = "8.4.47";
+        this.version = "8.4.48";
         this.plugins = this.normalize(plugins);
       }
       normalize(plugins) {
@@ -36179,6 +36157,9 @@ ${generateCodeFrame(
         _proto.prepend = function prepend(selector2) {
           selector2.parent = this;
           this.nodes.unshift(selector2);
+          for (var id2 in this.indexes) {
+            this.indexes[id2]++;
+          }
           return this;
         };
         _proto.at = function at(index) {
@@ -36222,7 +36203,7 @@ ${generateCodeFrame(
           var index;
           for (var id2 in this.indexes) {
             index = this.indexes[id2];
-            if (oldIndex <= index) {
+            if (oldIndex < index) {
               this.indexes[id2] = index + 1;
             }
           }
@@ -36236,7 +36217,7 @@ ${generateCodeFrame(
           var index;
           for (var id2 in this.indexes) {
             index = this.indexes[id2];
-            if (index <= oldIndex) {
+            if (index >= oldIndex) {
               this.indexes[id2] = index + 1;
             }
           }
@@ -37052,7 +37033,7 @@ ${generateCodeFrame(
   function requireNode() {
     if (hasRequiredNode) return node;
     hasRequiredNode = 1;
-    node = require$$0$1.deprecate;
+    node = require$$0.deprecate;
     return node;
   }
   var hasRequiredAttribute;
@@ -39412,8 +39393,7 @@ ${generateCodeFrame(
           return false;
         }
         if (value === ":global" || value === "::v-global") {
-          selectorRoot.insertAfter(selector2, n2.nodes[0]);
-          selectorRoot.removeChild(selector2);
+          selector2.replaceWith(n2.nodes[0]);
           return false;
         }
       }
@@ -45871,57 +45851,121 @@ ${exposeCall}`
   };
   __spreadValues2(__spreadValues2({}, errorMessages$1), DOMErrorMessages);
   libExports.parse;
-  function compilerSfc(source) {
-    var _a2, _b2;
-    const id2 = REPO_NAME;
-    const filename = `${REPO_NAME}.vue`;
-    const sfcParseResult = parse$2(source, { filename });
-    sfcParseResult.errors.forEach((e) => {
-      console.warn(e);
-    });
-    const sfcStyleCompileResultsList = sfcParseResult.descriptor.styles.map((style) => {
-      const sfcStyleCompileResults = compileStyle({
-        id: id2,
-        filename,
-        source: style.content,
-        scoped: style.scoped,
-        isProd: false
-      });
-      sfcStyleCompileResults.errors.forEach((e) => {
-        console.warn(e);
-      });
-      return sfcStyleCompileResults;
+  function scriptCompiler(descriptor, id2) {
+    var _a2;
+    const sfcScriptBlock = compileScript(descriptor, {
+      id: id2
     });
-    const sfcAppBlock = compileScript(sfcParseResult.descriptor, {
+    (_a2 = sfcScriptBlock.warnings) == null ? void 0 : _a2.forEach((w) => console.warn(w));
+    return sfcScriptBlock;
+  }
+  function styleCompiler(style, id2, filename) {
+    const sfcStyleCompileResults = compileStyle({
       id: id2,
-      isProd: false
+      filename,
+      source: style.content,
+      scoped: style.scoped
     });
-    sfcAppBlock.isScoped = sfcParseResult.descriptor.styles.some((s) => s.scoped);
+    sfcStyleCompileResults.errors.forEach((e) => console.error(e));
+    return sfcStyleCompileResults;
+  }
+  function templateCompiler(descriptor, id2, filename) {
+    var _a2, _b2;
     const sfcTemplateCompileResults = compileTemplate({
       id: id2,
       filename,
-      source: (_b2 = (_a2 = sfcParseResult.descriptor.template) == null ? void 0 : _a2.content) != null ? _b2 : "",
-      isProd: false
-    });
-    sfcTemplateCompileResults.errors.forEach((e) => {
-      console.warn(e);
+      source: (_b2 = (_a2 = descriptor.template) == null ? void 0 : _a2.content) != null ? _b2 : ""
     });
+    sfcTemplateCompileResults.errors.forEach((e) => console.error(e));
+    return sfcTemplateCompileResults;
+  }
+  function compilerSfc(source, id2) {
+    const filename = `${id2}.vue`;
+    const { descriptor, errors: errors2 } = parse$2(source, { filename });
+    if (!descriptor.script && !descriptor.scriptSetup) {
+      return compilerSfc(`<script>/* empty script */<\/script>${source}`, id2);
+    }
+    const isScoped = descriptor.styles.some((s) => s.scoped);
+    errors2.forEach((e) => console.error(e));
+    return {
+      compiled: {
+        sfcAppBlock: scriptCompiler(descriptor, id2),
+        sfcTemplateCompileResults: templateCompiler(descriptor, id2, filename),
+        sfcStyleCompileResultsList: descriptor.styles.map((s) => styleCompiler(s, id2, filename))
+      },
+      isScoped
+    };
+  }
+  function scriptTransformer({ content }, appName) {
+    return content.replace("export default", `${appName} =`).replace(/Object\.defineProperty\(__returned__.*/, "");
+  }
+  function stylesTransformer(sfcStyleCompileResultsList) {
+    return sfcStyleCompileResultsList.map((style) => style.code).join("\n");
+  }
+  function templateTransformer({ code }, appName) {
+    return code.replace("export function render", `${appName}.render = function`);
+  }
+  function convertor(sfcSource, { id: id2 = "sfc2esm", appName = id2, cache } = { cache: {} }) {
+    if (cache[sfcSource])
+      return cache[sfcSource];
+    const { isScoped, compiled: c } = compilerSfc(sfcSource, id2);
+    return {
+      code: {
+        app: scriptTransformer(c.sfcAppBlock, appName),
+        render: templateTransformer(c.sfcTemplateCompileResults, appName),
+        css: stylesTransformer(c.sfcStyleCompileResultsList)
+      },
+      isScoped
+    };
+  }
+  function generator({ id: id2, appName, isScoped, mount }) {
+    return {
+      initCode: `let ${appName} = {}`,
+      createAppCode: `
+      import { createApp as _createApp, defineComponent as _defineComponent, h as _h, Suspense as _Suspense } from 'vue'
+      _createApp(_defineComponent(
+        String(${appName}.setup).startsWith('async')
+        ? () => () => _h(_Suspense, null, { 
+          default: _h(${appName}),
+          fallback: _h('div', 'Loading...'),
+        })
+        : ${appName}
+      )).mount("${mount}")
+    `,
+      scopeIdCode: isScoped ? `${appName}.__scopeId = "data-v-${id2}"` : ""
+    };
+  }
+  function useXxx2x({ id: id2 = "sfc2esm", appName = id2 } = {}) {
+    const cache = /* @__PURE__ */ Object.create(null);
+    const opt = { id: id2, appName };
+    const h = (tag2, attrs, inner) => `<${tag2} ${Object.keys(attrs).map((k) => attrs[k] ? k : "").join(" ")}>${inner}</${tag2}>`;
+    const a2b = (source, b) => convertor(source, __spreadValues({ cache }, opt)).code[b];
     return {
-      sfcStyleCompileResultsList,
-      sfcAppBlock,
-      sfcTemplateCompileResults
+      scr2app: (scriptSource, setup = true) => a2b(h("script", { setup }, scriptSource), "app"),
+      tem2render: (templateSource) => a2b(h("template", {}, templateSource), "render"),
+      sty2css: (styleSource, scoped = false) => a2b(h("style", { scoped }, styleSource), "css"),
+      sfc2x: (sfcSource, mount = "#app") => {
+        const { isScoped, code: { app, render, css } } = convertor(sfcSource, __spreadValues({ cache }, opt));
+        const { initCode, scopeIdCode, createAppCode } = generator(__spreadProps(__spreadValues({}, opt), { isScoped, mount }));
+        return {
+          esm: [initCode, app, render, scopeIdCode, createAppCode].join("\n"),
+          app,
+          render,
+          css
+        };
+      }
     };
   }
   function createDom(row, inner) {
     var _a2;
-    const container2 = document.createElement("body");
+    const container2 = document.createElement("main");
     container2.insertAdjacentHTML("afterbegin", row);
     const sample = container2.firstElementChild;
+    if (!sample) return;
     const dom = document.createElement(sample.tagName);
     dom.innerHTML = inner != null ? inner : sample.innerHTML;
-    for (const n2 of sample.getAttributeNames()) {
+    for (const n2 of sample.getAttributeNames())
       dom.setAttribute(n2, (_a2 = sample.getAttribute(n2)) != null ? _a2 : "");
-    }
     return {
       mount: (el) => el.appendChild(dom)
     };
@@ -45930,71 +45974,40 @@ ${exposeCall}`
     const carrier = [];
     return new Promise((resolve2) => {
       const observer = new MutationObserver((mutations) => {
-        for (const mutation of mutations) {
-          mutation.addedNodes.forEach((node2) => {
-            node2 instanceof HTMLElement && handler(node2, carrier);
-          });
-        }
-      });
-      observer.observe(document.head, {
-        childList: true
+        for (const { addedNodes } of mutations)
+          addedNodes.forEach((n2) => n2 instanceof HTMLElement && handler(n2, carrier));
       });
+      observer.observe(document.head, { childList: true });
       document.addEventListener("DOMContentLoaded", () => {
         resolve2(carrier);
         observer.disconnect();
       });
     });
   }
-  function awaitCompileSfc(handler) {
+  function awaitClientCode(handler) {
     return __async(this, null, function* () {
-      const clientCodeList = yield watchRoot((node2, clientCodeList2) => {
-        if (!/^(?:script|template|style)$/.test(node2.localName))
-          return;
-        if (node2.hasAttribute("src"))
-          return;
-        clientCodeList2.push(node2.outerHTML);
+      const sfcCode = yield watchRoot((node2, carrier) => {
+        if (!/^(?:script|template|style)$/.test(node2.localName)) return;
+        if (node2.hasAttribute("src")) return;
+        carrier.push(node2.outerHTML);
         node2.localName === "style" ? node2.onload = node2.remove : node2.remove();
       });
-      const hasScript = clientCodeList.some((code) => code.slice(1, 7) === "script");
-      hasScript || clientCodeList.push("<script>/* empty script */<\/script>");
-      handler(compilerSfc(clientCodeList.join("\n")));
+      handler(sfcCode.join("\n"));
     });
   }
-  function generateCssCode(sfcStyleCompileResultsList) {
-    return sfcStyleCompileResultsList.map((style) => style.code).join("\n");
-  }
-  function generateEsmCode(sfcAppBlock, sfcTemplateCompileResults) {
-    return `
-    ${INIT_CODE}
-    ${_scriptTransform(sfcAppBlock)}
-    ${_templateTransform(sfcTemplateCompileResults)}
-    ${CREATE_APP_CODE}
-  `;
-    function _scriptTransform(sfcAppBlock2) {
-      const s = new MagicString(sfcAppBlock2.content);
-      s.replace("export default", `${APP_VAR_NAME} =`);
-      sfcAppBlock2.isScoped && s.prependLeft(sfcAppBlock2.content.indexOf("__name"), `__scopeId: "data-v-${REPO_NAME}",`);
-      s.replace(/Object\.defineProperty\(__returned__.*/, "");
-      return s.toString();
-    }
-    function _templateTransform(sfcTemplateCompileResults2) {
-      const s = new MagicString(sfcTemplateCompileResults2.code);
-      s.replace("export function render", `${APP_VAR_NAME}.render = function`);
-      return s.toString();
-    }
-  }
-  function generator(compiledSfc) {
-    const { sfcAppBlock, sfcStyleCompileResultsList, sfcTemplateCompileResults } = compiledSfc;
-    return {
-      esmCode: generateEsmCode(sfcAppBlock, sfcTemplateCompileResults),
-      cssCode: generateCssCode(sfcStyleCompileResultsList)
-    };
-  }
-  awaitCompileSfc((compiledSfc) => {
-    const _toHead = (...args) => createDom(...args).mount(document.head);
-    const g = generator(compiledSfc);
-    _toHead(`<script ${REPO_NAME} type="importmap">${IMPORTS_JSON}<\/script>`);
-    _toHead(`<script ${REPO_NAME} type="module">`, g.esmCode);
-    _toHead(`<style ${REPO_NAME}>`, g.cssCode);
+  const ASCII_LOGO = "/***************************************\r\n**           _               _        **\r\n**  ___  ___| |_ _   _ _ __ (_)_ __   **\r\n** / __|/ _ \\ __| | | | '_ \\| | '_ \\  **\r\n** \\__ \\  __/ |_| |_| | |_/ | | | | | **\r\n** |___/\\___|\\__|\\__,_| .__/|_|_| |_| **\r\n**                    |_|             **\r\n***************************************/";
+  const REPO_NAME = "setupin";
+  const IMPORTS_TAG_CODE = `
+<script ${REPO_NAME} type="importmap">
+  ${JSON.stringify({ imports: { vue: "https://unpkg.com/vue@latest/dist/vue.runtime.esm-browser.js" } })}
+<\/script>
+`;
+  awaitClientCode((sfcCode) => {
+    var _a2, _b2, _c;
+    const site = document["head"];
+    const { esm, css } = useXxx2x({ id: REPO_NAME, appName: "APP$" }).sfc2x(sfcCode, "body");
+    (_a2 = createDom(IMPORTS_TAG_CODE)) == null ? void 0 : _a2.mount(site);
+    (_b2 = createDom(`<script ${REPO_NAME} type="module">`, ASCII_LOGO + esm)) == null ? void 0 : _b2.mount(site);
+    (_c = createDom(css && `<style ${REPO_NAME}>`, css)) == null ? void 0 : _c.mount(document.head);
   });
 })();