setupin 3.0.0 → 3.1.1

package/dist/main.js

@@ -51,26 +51,25 @@ 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";
+  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/dist/vue.runtime.esm-browser.js" } });
+  const IMPORTS_JSON = JSON.stringify({ imports: { vue: "https://unpkg.com/vue@latest/dist/vue.runtime.esm-browser.js" } });
   const INIT_CODE = `
-  <script>
     ${ASCII_LOGO}
     import * as Vue from "vue";
-    let ${APP_VAR_NAME} = {}
-  <\/script>
+    let ${APP_VAR_NAME} = Object.create(null);
 `;
   const CREATE_APP_CODE = `
-  const { createApp } = Vue
-  createApp(${APP_VAR_NAME}).mount(document.body)
-`;
-  const CREATE_ASYNC_APP_CODE = `
-  const { createApp, h, Suspense } = Vue
-  createApp({
-    render: () => h(Suspense, null, { default: () => h(${APP_VAR_NAME}) })
-  }).mount(document.body)
+  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
@@ -18051,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,
@@ -18074,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,
@@ -18983,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
       }));
@@ -19007,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");
@@ -20286,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`,
@@ -20300,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,
@@ -20382,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;
   }
@@ -24674,7 +24673,7 @@ ${defaultVar}.setup = __setup__
     }
     const {
       sourceMap: sourceMap2 = true,
-      filename: filename2 = DEFAULT_FILENAME,
+      filename = DEFAULT_FILENAME,
       sourceRoot = "",
       pad: pad2 = false,
       ignoreEmpty = true,
@@ -24682,7 +24681,7 @@ ${defaultVar}.setup = __setup__
       templateParseOptions = {}
     } = options;
     const descriptor = {
-      filename: filename2,
+      filename,
       source,
       template: null,
       script: null,
@@ -24797,7 +24796,7 @@ ${defaultVar}.setup = __setup__
       const genMap = (block, columnOffset = 0) => {
         if (block && !block.src) {
           block.map = generateSourceMap(
-            filename2,
+            filename,
             source,
             block.content,
             sourceRoot,
@@ -24867,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;
@@ -24885,7 +24884,7 @@ ${defaultVar}.setup = __setup__
               originalColumn: i + columnOffset,
               generatedLine,
               generatedColumn: i,
-              source: filename2,
+              source: filename,
               name: null
             });
           }
@@ -24974,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;
@@ -29657,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;
@@ -29710,7 +29709,7 @@ ${defaultVar}.setup = __setup__
     }
   }
   function doCompileTemplate({
-    filename: filename2,
+    filename,
     id: id2,
     scoped,
     slotted,
@@ -29776,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)
     }));
@@ -29835,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];
@@ -32110,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
       }));
@@ -32134,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");
@@ -36768,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;
@@ -36809,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: {} };
@@ -40040,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
       });
@@ -40064,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");
@@ -41434,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;
   }
@@ -41474,7 +41473,7 @@ ${generateCodeFrame(
   }
   function doCompileStyle(options) {
     const {
-      filename: filename2,
+      filename,
       id: id2,
       scoped = false,
       trim = true,
@@ -41508,8 +41507,8 @@ ${generateCodeFrame(
       }
     }
     const postCSSOptions = __spreadProps$3(__spreadValues$4({}, postcssOptions), {
-      to: filename2,
-      from: filename2
+      to: filename,
+      from: filename
     });
     if (map2) {
       postCSSOptions.map = {
@@ -41524,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);
@@ -42773,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,
@@ -43017,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;
@@ -43616,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(
@@ -43645,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;
@@ -45081,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;
@@ -45554,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
@@ -45619,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]}',`;
@@ -45690,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,
@@ -45872,37 +45871,50 @@ ${exposeCall}`
   };
   __spreadValues2(__spreadValues2({}, errorMessages$1), DOMErrorMessages);
   libExports.parse;
-  const filename = `${REPO_NAME}.vue`;
-  const id = REPO_NAME;
   function compilerSfc(source) {
     var _a2, _b2;
-    const sfcParseResult = parse$2(INIT_CODE + source, { filename });
+    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 });
-    const sfcTemplateCompileResults = compileTemplate({
-      id,
-      filename,
-      source: (_b2 = (_a2 = sfcParseResult.descriptor.template) == null ? void 0 : _a2.content) != null ? _b2 : ""
-    });
     const sfcStyleCompileResultsList = sfcParseResult.descriptor.styles.map((style) => {
-      return compileStyle({
-        id,
+      const sfcStyleCompileResults = compileStyle({
+        id: id2,
         filename,
         source: style.content,
-        scoped: style.scoped
+        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) {
     var _a2;
-    const container2 = document.createElement("div");
+    const container2 = document.createElement("body");
     container2.insertAdjacentHTML("afterbegin", row);
     const sample = container2.firstElementChild;
     const dom = document.createElement(sample.tagName);
@@ -45911,9 +45923,7 @@ ${exposeCall}`
       dom.setAttribute(n2, (_a2 = sample.getAttribute(n2)) != null ? _a2 : "");
     }
     return {
-      mount(el) {
-        el.appendChild(dom);
-      }
+      mount: (el) => el.appendChild(dom)
     };
   }
   function watchRoot(handler) {
@@ -45937,44 +45947,54 @@ ${exposeCall}`
   }
   function awaitCompileSfc(handler) {
     return __async(this, null, function* () {
-      const sources = yield watchRoot((node2, data) => {
-        if (/^(?:script|template|style)$/.test(node2.localName)) {
-          data.push(node2.outerHTML);
-          node2.localName === "style" ? node2.onload = node2.remove : node2.remove();
-        }
+      const clientCodeList = yield watchRoot((node2, clientCodeList2) => {
+        if (!/^(?:script|template|style)$/.test(node2.localName))
+          return;
+        if (node2.hasAttribute("src"))
+          return;
+        clientCodeList2.push(node2.outerHTML);
+        node2.localName === "style" ? node2.onload = node2.remove : node2.remove();
       });
-      const { sfcScriptBlock, sfcTemplateCompileResults, sfcStyleCompileResultsList } = compilerSfc(sources.join("\n"));
-      handler(sfcStyleCompileResultsList, sfcScriptBlock, sfcTemplateCompileResults);
+      const hasScript = clientCodeList.some((code) => code.slice(1, 7) === "script");
+      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 `
-    ${_scriptTransform(sfcScriptBlock)}
+    ${INIT_CODE}
+    ${_scriptTransform(sfcAppBlock)}
     ${_templateTransform(sfcTemplateCompileResults)}
-    if(String(${APP_VAR_NAME}.setup).startsWith('async')){${CREATE_ASYNC_APP_CODE}}
-    else{${CREATE_APP_CODE}}
+    ${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 _scriptTransform(sfcScriptBlock) {
-    const s = new MagicString(sfcScriptBlock.content);
-    s.replace("export default", `${APP_VAR_NAME} =`);
-    s.replace("Object.defineProperty(__returned__,", "// ");
-    return s.toString();
-  }
-  function _templateTransform(sfcTemplateCompileResults) {
-    const t = new MagicString(sfcTemplateCompileResults.code);
-    t.replace("export function render", `${APP_VAR_NAME}.render = function`);
-    return t.toString();
+  function generator(compiledSfc) {
+    const { sfcAppBlock, sfcStyleCompileResultsList, sfcTemplateCompileResults } = compiledSfc;
+    return {
+      esmCode: generateEsmCode(sfcAppBlock, sfcTemplateCompileResults),
+      cssCode: generateCssCode(sfcStyleCompileResultsList)
+    };
   }
-  awaitCompileSfc((compiledStyles, ...compiledSetupAndRender) => {
+  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(compiledStyles));
+    _toHead(`<script ${REPO_NAME} type="module">`, g.esmCode);
+    _toHead(`<style ${REPO_NAME}>`, g.cssCode);
   });
-  function _toHead(...args) {
-    createDom(...args).mount(document.head);
-  }
 })();