setupin 3.1.0 → 3.1.1

package/dist/main.js

@@ -18050,7 +18050,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
     }
   }
   function createTransformContext(root2, {
-    filename: filename2 = "",
+    filename = "",
     prefixIdentifiers = false,
     hoistStatic = false,
     hmr = false,
@@ -18073,10 +18073,10 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
     onWarn = defaultOnWarn,
     compatConfig
   }) {
-    const nameMatch = filename2.replace(/\?.*$/, "").match(/([^/\\]+)\.\w+$/);
+    const nameMatch = filename.replace(/\?.*$/, "").match(/([^/\\]+)\.\w+$/);
     const context = {
       // options
-      filename: filename2,
+      filename,
       selfName: nameMatch && capitalize(camelize(nameMatch[1])),
       prefixIdentifiers,
       hoistStatic,
@@ -18982,7 +18982,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
     SourceMapGenerator.prototype._version = 3;
     SourceMapGenerator.fromSourceMap = function SourceMapGenerator_fromSourceMap(aSourceMapConsumer, generatorOps) {
       var sourceRoot = aSourceMapConsumer.sourceRoot;
-      var generator = new SourceMapGenerator(Object.assign(generatorOps || {}, {
+      var generator2 = new SourceMapGenerator(Object.assign(generatorOps || {}, {
         file: aSourceMapConsumer.file,
         sourceRoot
       }));
@@ -19006,22 +19006,22 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
             newMapping.name = mapping.name;
           }
         }
-        generator.addMapping(newMapping);
+        generator2.addMapping(newMapping);
       });
       aSourceMapConsumer.sources.forEach(function(sourceFile) {
         var sourceRelative = sourceFile;
         if (sourceRoot !== null) {
           sourceRelative = util2.relative(sourceRoot, sourceFile);
         }
-        if (!generator._sources.has(sourceRelative)) {
-          generator._sources.add(sourceRelative);
+        if (!generator2._sources.has(sourceRelative)) {
+          generator2._sources.add(sourceRelative);
         }
         var content = aSourceMapConsumer.sourceContentFor(sourceFile);
         if (content != null) {
-          generator.setSourceContent(sourceFile, content);
+          generator2.setSourceContent(sourceFile, content);
         }
       });
-      return generator;
+      return generator2;
     };
     SourceMapGenerator.prototype.addMapping = function SourceMapGenerator_addMapping(aArgs) {
       var generated = util2.getArg(aArgs, "generated");
@@ -20285,7 +20285,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
     mode = "function",
     prefixIdentifiers = mode === "module",
     sourceMap: sourceMap2 = false,
-    filename: filename2 = `template.vue.html`,
+    filename = `template.vue.html`,
     scopeId = null,
     optimizeImports = false,
     runtimeGlobalName = `Vue`,
@@ -20299,7 +20299,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
       mode,
       prefixIdentifiers,
       sourceMap: sourceMap2,
-      filename: filename2,
+      filename,
       scopeId,
       optimizeImports,
       runtimeGlobalName,
@@ -20381,14 +20381,14 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
         // source-map column is 0 based
         generatedLine: context.line,
         generatedColumn: context.column - 1,
-        source: filename2,
+        source: filename,
         name
       });
     }
     if (sourceMap2) {
       context.map = new sourceMapExports.SourceMapGenerator();
-      context.map.setSourceContent(filename2, context.source);
-      context.map._sources.add(filename2);
+      context.map.setSourceContent(filename, context.source);
+      context.map._sources.add(filename);
     }
     return context;
   }
@@ -24673,7 +24673,7 @@ ${defaultVar}.setup = __setup__
     }
     const {
       sourceMap: sourceMap2 = true,
-      filename: filename2 = DEFAULT_FILENAME,
+      filename = DEFAULT_FILENAME,
       sourceRoot = "",
       pad: pad2 = false,
       ignoreEmpty = true,
@@ -24681,7 +24681,7 @@ ${defaultVar}.setup = __setup__
       templateParseOptions = {}
     } = options;
     const descriptor = {
-      filename: filename2,
+      filename,
       source,
       template: null,
       script: null,
@@ -24796,7 +24796,7 @@ ${defaultVar}.setup = __setup__
       const genMap = (block, columnOffset = 0) => {
         if (block && !block.src) {
           block.map = generateSourceMap(
-            filename2,
+            filename,
             source,
             block.content,
             sourceRoot,
@@ -24866,13 +24866,13 @@ ${defaultVar}.setup = __setup__
   const splitRE = /\r?\n/g;
   const emptyRE = /^(?:\/\/)?\s*$/;
   const replaceRE = /./g;
-  function generateSourceMap(filename2, source, generated, sourceRoot, lineOffset, columnOffset) {
+  function generateSourceMap(filename, source, generated, sourceRoot, lineOffset, columnOffset) {
     const map2 = new sourceMapExports.SourceMapGenerator({
-      file: filename2.replace(/\\/g, "/"),
+      file: filename.replace(/\\/g, "/"),
       sourceRoot: sourceRoot.replace(/\\/g, "/")
     });
-    map2.setSourceContent(filename2, source);
-    map2._sources.add(filename2);
+    map2.setSourceContent(filename, source);
+    map2._sources.add(filename);
     generated.split(splitRE).forEach((line, index) => {
       if (!emptyRE.test(line)) {
         const originalLine = index + 1 + lineOffset;
@@ -24884,7 +24884,7 @@ ${defaultVar}.setup = __setup__
               originalColumn: i + columnOffset,
               generatedLine,
               generatedColumn: i,
-              source: filename2,
+              source: filename,
               name: null
             });
           }
@@ -24973,8 +24973,8 @@ ${defaultVar}.setup = __setup__
     return parts;
   }
   var splitPathRe = /^(\/?|)([\s\S]*?)((?:\.{1,2}|[^\/]+?|)(\.[^.\/]*|))(?:[\/]*)$/;
-  var splitPath = function(filename2) {
-    return splitPathRe.exec(filename2).slice(1);
+  var splitPath = function(filename) {
+    return splitPathRe.exec(filename).slice(1);
   };
   function resolve() {
     var resolvedPath = "", resolvedAbsolute = false;
@@ -29656,12 +29656,12 @@ ${defaultVar}.setup = __setup__
     return a;
   };
   var __spreadProps$5 = (a, b) => __defProps$5(a, __getOwnPropDescs$5(b));
-  function preprocess$1({ source, filename: filename2, preprocessOptions }, preprocessor) {
+  function preprocess$1({ source, filename, preprocessOptions }, preprocessor) {
     let res = "";
     let err = null;
     preprocessor.render(
       source,
-      __spreadValues$6({ filename: filename2 }, preprocessOptions),
+      __spreadValues$6({ filename }, preprocessOptions),
       (_err, _res) => {
         if (_err) err = _err;
         res = _res;
@@ -29709,7 +29709,7 @@ ${defaultVar}.setup = __setup__
     }
   }
   function doCompileTemplate({
-    filename: filename2,
+    filename,
     id: id2,
     scoped,
     slotted,
@@ -29775,7 +29775,7 @@ ${defaultVar}.setup = __setup__
     }, compilerOptions), {
       hmr: !isProd,
       nodeTransforms: nodeTransforms.concat(compilerOptions.nodeTransforms || []),
-      filename: filename2,
+      filename,
       onError: (e) => errors2.push(e),
       onWarn: (w) => warnings.push(w)
     }));
@@ -29834,17 +29834,17 @@ ${generateCodeFrame(
         name: origPosInOldMap.name
       });
     });
-    const generator = mergedMapGenerator;
+    const generator2 = mergedMapGenerator;
     oldMapConsumer.sources.forEach((sourceFile) => {
-      generator._sources.add(sourceFile);
+      generator2._sources.add(sourceFile);
       const sourceContent = oldMapConsumer.sourceContentFor(sourceFile);
       if (sourceContent != null) {
         mergedMapGenerator.setSourceContent(sourceFile, sourceContent);
       }
     });
-    generator._sourceRoot = oldMap.sourceRoot;
-    generator._file = oldMap.file;
-    return generator.toJSON();
+    generator2._sourceRoot = oldMap.sourceRoot;
+    generator2._file = oldMap.file;
+    return generator2.toJSON();
   }
   function patchErrors(errors2, source, inMap) {
     const originalSource = inMap.sourcesContent[0];
@@ -32109,7 +32109,7 @@ ${generateCodeFrame(
     SourceMapGenerator.prototype._version = 3;
     SourceMapGenerator.fromSourceMap = function SourceMapGenerator_fromSourceMap(aSourceMapConsumer, generatorOps) {
       var sourceRoot = aSourceMapConsumer.sourceRoot;
-      var generator = new SourceMapGenerator(Object.assign(generatorOps || {}, {
+      var generator2 = new SourceMapGenerator(Object.assign(generatorOps || {}, {
         file: aSourceMapConsumer.file,
         sourceRoot
       }));
@@ -32133,22 +32133,22 @@ ${generateCodeFrame(
             newMapping.name = mapping.name;
           }
         }
-        generator.addMapping(newMapping);
+        generator2.addMapping(newMapping);
       });
       aSourceMapConsumer.sources.forEach(function(sourceFile) {
         var sourceRelative = sourceFile;
         if (sourceRoot !== null) {
           sourceRelative = util2.relative(sourceRoot, sourceFile);
         }
-        if (!generator._sources.has(sourceRelative)) {
-          generator._sources.add(sourceRelative);
+        if (!generator2._sources.has(sourceRelative)) {
+          generator2._sources.add(sourceRelative);
         }
         var content = aSourceMapConsumer.sourceContentFor(sourceFile);
         if (content != null) {
-          generator.setSourceContent(sourceFile, content);
+          generator2.setSourceContent(sourceFile, content);
         }
       });
-      return generator;
+      return generator2;
     };
     SourceMapGenerator.prototype.addMapping = function SourceMapGenerator_addMapping(aArgs) {
       var generated = util2.getArg(aArgs, "generated");
@@ -36767,10 +36767,10 @@ ${generateCodeFrame(
     })(comment, comment.exports);
     return comment.exports;
   }
-  var id$1 = { exports: {} };
+  var id = { exports: {} };
   var hasRequiredId;
   function requireId() {
-    if (hasRequiredId) return id$1.exports;
+    if (hasRequiredId) return id.exports;
     hasRequiredId = 1;
     (function(module, exports) {
       exports.__esModule = true;
@@ -36808,8 +36808,8 @@ ${generateCodeFrame(
       }(_node["default"]);
       exports["default"] = ID;
       module.exports = exports.default;
-    })(id$1, id$1.exports);
-    return id$1.exports;
+    })(id, id.exports);
+    return id.exports;
   }
   var tag = { exports: {} };
   var namespace = { exports: {} };
@@ -40039,7 +40039,7 @@ ${generateCodeFrame(
     SourceMapGenerator.prototype._version = 3;
     SourceMapGenerator.fromSourceMap = function SourceMapGenerator_fromSourceMap(aSourceMapConsumer) {
       var sourceRoot = aSourceMapConsumer.sourceRoot;
-      var generator = new SourceMapGenerator({
+      var generator2 = new SourceMapGenerator({
         file: aSourceMapConsumer.file,
         sourceRoot
       });
@@ -40063,22 +40063,22 @@ ${generateCodeFrame(
             newMapping.name = mapping.name;
           }
         }
-        generator.addMapping(newMapping);
+        generator2.addMapping(newMapping);
       });
       aSourceMapConsumer.sources.forEach(function(sourceFile) {
         var sourceRelative = sourceFile;
         if (sourceRoot !== null) {
           sourceRelative = util2.relative(sourceRoot, sourceFile);
         }
-        if (!generator._sources.has(sourceRelative)) {
-          generator._sources.add(sourceRelative);
+        if (!generator2._sources.has(sourceRelative)) {
+          generator2._sources.add(sourceRelative);
         }
         var content = aSourceMapConsumer.sourceContentFor(sourceFile);
         if (content != null) {
-          generator.setSourceContent(sourceFile, content);
+          generator2.setSourceContent(sourceFile, content);
         }
       });
-      return generator;
+      return generator2;
     };
     SourceMapGenerator.prototype.addMapping = function SourceMapGenerator_addMapping(aArgs) {
       var generated = util2.getArg(aArgs, "generated");
@@ -41433,10 +41433,10 @@ ${generateCodeFrame(
       return { code: "", errors: [e], dependencies: [] };
     }
   };
-  function getSource(source, filename2, additionalData) {
+  function getSource(source, filename, additionalData) {
     if (!additionalData) return source;
     if (isFunction$1(additionalData)) {
-      return additionalData(source, filename2);
+      return additionalData(source, filename);
     }
     return additionalData + source;
   }
@@ -41473,7 +41473,7 @@ ${generateCodeFrame(
   }
   function doCompileStyle(options) {
     const {
-      filename: filename2,
+      filename,
       id: id2,
       scoped = false,
       trim = true,
@@ -41507,8 +41507,8 @@ ${generateCodeFrame(
       }
     }
     const postCSSOptions = __spreadProps$3(__spreadValues$4({}, postcssOptions), {
-      to: filename2,
-      from: filename2
+      to: filename,
+      from: filename
     });
     if (map2) {
       postCSSOptions.map = {
@@ -41523,7 +41523,7 @@ ${generateCodeFrame(
     const dependencies = new Set(
       preProcessedSource ? preProcessedSource.dependencies : []
     );
-    dependencies.delete(filename2);
+    dependencies.delete(filename);
     const errors2 = [];
     if (preProcessedSource && preProcessedSource.errors.length) {
       errors2.push(...preProcessedSource.errors);
@@ -42772,9 +42772,9 @@ ${generateCodeFrame(
       this.isJS = scriptLang === "js" || scriptLang === "jsx" || scriptSetupLang === "js" || scriptSetupLang === "jsx";
       this.isTS = scriptLang === "ts" || scriptLang === "tsx" || scriptSetupLang === "ts" || scriptSetupLang === "tsx";
       const customElement = options.customElement;
-      const filename2 = this.descriptor.filename;
+      const filename = this.descriptor.filename;
       if (customElement) {
-        this.isCE = typeof customElement === "boolean" ? customElement : customElement(filename2);
+        this.isCE = typeof customElement === "boolean" ? customElement : customElement(filename);
       }
       const plugins = resolveParserPlugins(
         scriptLang || scriptSetupLang,
@@ -43016,8 +43016,8 @@ export default ${defaultVar}`;
   };
   var __spreadProps$1 = (a, b) => __defProps$1(a, __getOwnPropDescs$1(b));
   class TypeScope {
-    constructor(filename2, source, offset = 0, imports = /* @__PURE__ */ Object.create(null), types2 = /* @__PURE__ */ Object.create(null), declares = /* @__PURE__ */ Object.create(null)) {
-      this.filename = filename2;
+    constructor(filename, source, offset = 0, imports = /* @__PURE__ */ Object.create(null), types2 = /* @__PURE__ */ Object.create(null), declares = /* @__PURE__ */ Object.create(null)) {
+      this.filename = filename;
       this.source = source;
       this.offset = offset;
       this.imports = imports;
@@ -43615,11 +43615,11 @@ Note: both in 3.2 or with the ignore, the properties in the base type are treate
     if (!resolved) {
       if (source.startsWith("..")) {
         const osSpecificJoinFn = joinPaths;
-        const filename2 = osSpecificJoinFn(dirname(scope.filename), source);
-        resolved = resolveExt(filename2, fs);
+        const filename = osSpecificJoinFn(dirname(scope.filename), source);
+        resolved = resolveExt(filename, fs);
       } else if (source[0] === ".") {
-        const filename2 = joinPaths(dirname(scope.filename), source);
-        resolved = resolveExt(filename2, fs);
+        const filename = joinPaths(dirname(scope.filename), source);
+        resolved = resolveExt(filename, fs);
       } else {
         {
           return ctx.error(
@@ -43644,35 +43644,35 @@ Note: both in 3.2 or with the ignore, the properties in the base type are treate
       );
     }
   }
-  function resolveExt(filename2, fs) {
-    filename2 = filename2.replace(/\.js$/, "");
-    const tryResolve = (filename22) => {
-      if (fs.fileExists(filename22)) return filename22;
+  function resolveExt(filename, fs) {
+    filename = filename.replace(/\.js$/, "");
+    const tryResolve = (filename2) => {
+      if (fs.fileExists(filename2)) return filename2;
     };
-    return tryResolve(filename2) || tryResolve(filename2 + `.ts`) || tryResolve(filename2 + `.tsx`) || tryResolve(filename2 + `.d.ts`) || tryResolve(joinPaths(filename2, `index.ts`)) || tryResolve(joinPaths(filename2, `index.tsx`)) || tryResolve(joinPaths(filename2, `index.d.ts`));
+    return tryResolve(filename) || tryResolve(filename + `.ts`) || tryResolve(filename + `.tsx`) || tryResolve(filename + `.d.ts`) || tryResolve(joinPaths(filename, `index.ts`)) || tryResolve(joinPaths(filename, `index.tsx`)) || tryResolve(joinPaths(filename, `index.d.ts`));
   }
   const fileToScopeCache = createCache();
-  function fileToScope(ctx, filename2, asGlobal = false) {
-    const cached = fileToScopeCache.get(filename2);
+  function fileToScope(ctx, filename, asGlobal = false) {
+    const cached = fileToScopeCache.get(filename);
     if (cached) {
       return cached;
     }
     const fs = resolveFS(ctx);
-    const source = fs.readFile(filename2) || "";
-    const body = parseFile(filename2, source, ctx.options.babelParserPlugins);
-    const scope = new TypeScope(filename2, source, 0, recordImports(body));
+    const source = fs.readFile(filename) || "";
+    const body = parseFile(filename, source, ctx.options.babelParserPlugins);
+    const scope = new TypeScope(filename, source, 0, recordImports(body));
     recordTypes(ctx, body, scope, asGlobal);
-    fileToScopeCache.set(filename2, scope);
+    fileToScopeCache.set(filename, scope);
     return scope;
   }
-  function parseFile(filename2, content, parserPlugins) {
-    const ext = extname(filename2);
+  function parseFile(filename, content, parserPlugins) {
+    const ext = extname(filename);
     if (ext === ".ts" || ext === ".mts" || ext === ".tsx" || ext === ".mtsx") {
       return libExports.parse(content, {
         plugins: resolveParserPlugins(
           ext.slice(1),
           parserPlugins,
-          /\.d\.m?ts$/.test(filename2)
+          /\.d\.m?ts$/.test(filename)
         ),
         sourceType: "module"
       }).program.body;
@@ -45080,7 +45080,7 @@ Upgrade your vite or vue-loader version for compatibility with the latest experi
       );
     }
     const ctx = new ScriptCompileContext(sfc, options);
-    const { script, scriptSetup, source, filename: filename2 } = sfc;
+    const { script, scriptSetup, source, filename } = sfc;
     const hoistStatic = options.hoistStatic !== false && !script;
     const scopeId = options.id ? options.id.replace(/^data-v-/, "") : "";
     const scriptLang = script && script.lang;
@@ -45553,7 +45553,7 @@ let __temp${any}, __restore${any}
           hasInlinedSsrRenderFn = true;
         }
         const { code, ast, preamble, tips, errors: errors2 } = compileTemplate(__spreadProps2(__spreadValues$1({
-          filename: filename2,
+          filename,
           ast: sfc.template.ast,
           source: sfc.template.content,
           inMap: sfc.template.map
@@ -45618,8 +45618,8 @@ return ${returned}
     }
     const genDefaultAs = options.genDefaultAs ? `const ${options.genDefaultAs} =` : `export default`;
     let runtimeOptions = ``;
-    if (!ctx.hasDefaultExportName && filename2 && filename2 !== DEFAULT_FILENAME) {
-      const match = filename2.match(/([^/\\]+)\.\w+$/);
+    if (!ctx.hasDefaultExportName && filename && filename !== DEFAULT_FILENAME) {
+      const match = filename.match(/([^/\\]+)\.\w+$/);
       if (match) {
         runtimeOptions += `
   __name: '${match[1]}',`;
@@ -45689,7 +45689,7 @@ ${exposeCall}`
       imports: ctx.userImports,
       content: ctx.s.toString(),
       map: options.sourceMap !== false ? ctx.s.generateMap({
-        source: filename2,
+        source: filename,
         hires: true,
         includeContent: true
       }) : void 0,
@@ -45871,34 +45871,45 @@ ${exposeCall}`
   };
   __spreadValues2(__spreadValues2({}, errorMessages$1), DOMErrorMessages);
   libExports.parse;
-  const filename = `${REPO_NAME}.vue`;
-  const id = REPO_NAME;
   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 sfcScriptBlock = compileScript(sfcParseResult.descriptor, { id, isProd: false });
-    const sfcTemplateCompileResults = compileTemplate({
-      id,
-      filename,
-      source: (_b2 = (_a2 = sfcParseResult.descriptor.template) == null ? void 0 : _a2.content) != null ? _b2 : "",
-      isProd: false
-    });
     const sfcStyleCompileResultsList = sfcParseResult.descriptor.styles.map((style) => {
-      return compileStyle({
-        id,
+      const sfcStyleCompileResults = compileStyle({
+        id: id2,
         filename,
         source: style.content,
         scoped: style.scoped,
         isProd: false
       });
+      sfcStyleCompileResults.errors.forEach((e) => {
+        console.warn(e);
+      });
+      return sfcStyleCompileResults;
+    });
+    const sfcAppBlock = compileScript(sfcParseResult.descriptor, {
+      id: id2,
+      isProd: false
+    });
+    sfcAppBlock.isScoped = sfcParseResult.descriptor.styles.some((s) => s.scoped);
+    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);
     });
     return {
-      sfcScriptBlock,
-      sfcTemplateCompileResults,
-      sfcStyleCompileResultsList
+      sfcStyleCompileResultsList,
+      sfcAppBlock,
+      sfcTemplateCompileResults
     };
   }
   function createDom(row, inner) {
@@ -45945,40 +45956,45 @@ ${exposeCall}`
         node2.localName === "style" ? node2.onload = node2.remove : node2.remove();
       });
       const hasScript = clientCodeList.some((code) => code.slice(1, 7) === "script");
-      if (!hasScript)
-        clientCodeList.push("<script>/* empty script */<\/script>");
-      const { sfcScriptBlock, sfcTemplateCompileResults, sfcStyleCompileResultsList } = compilerSfc(clientCodeList.join("\n"));
-      handler(sfcStyleCompileResultsList, sfcScriptBlock, sfcTemplateCompileResults);
+      hasScript || clientCodeList.push("<script>/* empty script */<\/script>");
+      handler(compilerSfc(clientCodeList.join("\n")));
     });
   }
-  function generateStyleCode(sfcStyleCompileResultsList) {
+  function generateCssCode(sfcStyleCompileResultsList) {
     return sfcStyleCompileResultsList.map((style) => style.code).join("\n");
   }
-  function generateEsmCode(sfcScriptBlock, sfcTemplateCompileResults) {
+  function generateEsmCode(sfcAppBlock, sfcTemplateCompileResults) {
     return `
     ${INIT_CODE}
-    ${_scriptTransform(sfcScriptBlock)}
+    ${_scriptTransform(sfcAppBlock)}
     ${_templateTransform(sfcTemplateCompileResults)}
     ${CREATE_APP_CODE}
   `;
-    function _scriptTransform(sfcScriptBlock2) {
-      const s = new MagicString(sfcScriptBlock2.content);
+    function _scriptTransform(sfcAppBlock2) {
+      const s = new MagicString(sfcAppBlock2.content);
       s.replace("export default", `${APP_VAR_NAME} =`);
-      s.replace("Object.defineProperty(__returned__,", "// ");
+      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 t = new MagicString(sfcTemplateCompileResults2.code);
-      t.replace("export function render", `${APP_VAR_NAME}.render = function`);
-      return t.toString();
+      const s = new MagicString(sfcTemplateCompileResults2.code);
+      s.replace("export function render", `${APP_VAR_NAME}.render = function`);
+      return s.toString();
     }
   }
-  awaitCompileSfc((compiledStyleList, ...compiledSetupAndRender) => {
+  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">`, generateEsmCode(...compiledSetupAndRender));
-    _toHead(`<style ${REPO_NAME}>`, generateStyleCode(compiledStyleList));
+    _toHead(`<script ${REPO_NAME} type="module">`, g.esmCode);
+    _toHead(`<style ${REPO_NAME}>`, g.cssCode);
   });
-  function _toHead(...args) {
-    createDom(...args).mount(document.head);
-  }
 })();