setupin 3.1.0 → 3.1.2

package/dist/main.js

@@ -51,26 +51,29 @@ 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 ASCII_LOGO = "/***************************************\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 IMPORTS_TAG_CODE = `
+<script ${REPO_NAME} type="importmap">
+  ${JSON.stringify({ imports: { vue: "https://unpkg.com/vue@latest/dist/vue.runtime.esm-browser.js" } })}
+<\/script>
+`;
   const INIT_CODE = `
-    ${ASCII_LOGO}
-    import * as Vue from "vue";
-    let ${APP_VAR_NAME} = Object.create(null);
+  let ${APP_VAR_NAME} = {}
 `;
   const CREATE_APP_CODE = `
-  Vue.createApp(Vue.defineComponent(
+  import { createApp as _createApp, defineComponent as _defineComponent, h as _h, Suspense as _Suspense } from 'vue'
+  _createApp(_defineComponent(
     String(${APP_VAR_NAME}.setup).startsWith('async')
-    ? () => () => 
-      Vue.h(Vue.Suspense, null, { 
-        default:  Vue.h(${APP_VAR_NAME}),
-        fallback:  Vue.h('div', 'Loading...'),
-      })
+    ? () => () => _h(_Suspense, null, { 
+      default: _h(${APP_VAR_NAME}),
+      fallback: _h('div', 'Loading...'),
+    })
     : ${APP_VAR_NAME}
   )).mount(document.body)
 `;
+  const SCOPED_ID_CODE = `${APP_VAR_NAME}.__scopeId = "data-v-${REPO_NAME}"`;
   /**
   * @vue/compiler-sfc v3.5.12
   * (c) 2018-present Yuxi (Evan) You and Vue contributors
@@ -18050,7 +18053,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 +18076,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 +18985,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 +19009,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 +20288,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 +20302,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 +20384,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 +24676,7 @@ ${defaultVar}.setup = __setup__
     }
     const {
       sourceMap: sourceMap2 = true,
-      filename: filename2 = DEFAULT_FILENAME,
+      filename = DEFAULT_FILENAME,
       sourceRoot = "",
       pad: pad2 = false,
       ignoreEmpty = true,
@@ -24681,7 +24684,7 @@ ${defaultVar}.setup = __setup__
       templateParseOptions = {}
     } = options;
     const descriptor = {
-      filename: filename2,
+      filename,
       source,
       template: null,
       script: null,
@@ -24796,7 +24799,7 @@ ${defaultVar}.setup = __setup__
       const genMap = (block, columnOffset = 0) => {
         if (block && !block.src) {
           block.map = generateSourceMap(
-            filename2,
+            filename,
             source,
             block.content,
             sourceRoot,
@@ -24866,13 +24869,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 +24887,7 @@ ${defaultVar}.setup = __setup__
               originalColumn: i + columnOffset,
               generatedLine,
               generatedColumn: i,
-              source: filename2,
+              source: filename,
               name: null
             });
           }
@@ -24973,8 +24976,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 +29659,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 +29712,7 @@ ${defaultVar}.setup = __setup__
     }
   }
   function doCompileTemplate({
-    filename: filename2,
+    filename,
     id: id2,
     scoped,
     slotted,
@@ -29775,7 +29778,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 +29837,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 +32112,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 +32136,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 +36770,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 +36811,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 +40042,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 +40066,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 +41436,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 +41476,7 @@ ${generateCodeFrame(
   }
   function doCompileStyle(options) {
     const {
-      filename: filename2,
+      filename,
       id: id2,
       scoped = false,
       trim = true,
@@ -41507,8 +41510,8 @@ ${generateCodeFrame(
       }
     }
     const postCSSOptions = __spreadProps$3(__spreadValues$4({}, postcssOptions), {
-      to: filename2,
-      from: filename2
+      to: filename,
+      from: filename
     });
     if (map2) {
       postCSSOptions.map = {
@@ -41523,7 +41526,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 +42775,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 +43019,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 +43618,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 +43647,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 +45083,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 +45556,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 +45621,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 +45692,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,46 +45874,53 @@ ${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(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 : "",
+  function appCompiler(descriptor, info) {
+    const sfcAppBlock = compileScript(descriptor, __spreadProps(__spreadValues({}, info), {
       isProd: false
-    });
-    const sfcStyleCompileResultsList = sfcParseResult.descriptor.styles.map((style) => {
-      return compileStyle({
-        id,
-        filename,
+    }));
+    sfcAppBlock.isScoped = descriptor.styles.some((s) => s.scoped);
+    return sfcAppBlock;
+  }
+  function stylesCompiler(styles, info) {
+    return styles.map((style) => {
+      const sfcStyleCompileResults = compileStyle(__spreadProps(__spreadValues({}, info), {
         source: style.content,
         scoped: style.scoped,
         isProd: false
-      });
+      }));
+      sfcStyleCompileResults.errors.forEach((e) => console.warn(e));
+      return sfcStyleCompileResults;
     });
+  }
+  function templateCompiler(template, info) {
+    var _a2;
+    const sfcTemplateCompileResults = compileTemplate(__spreadProps(__spreadValues({}, info), {
+      source: (_a2 = template == null ? void 0 : template.content) != null ? _a2 : "",
+      isProd: false
+    }));
+    sfcTemplateCompileResults.errors.forEach((e) => console.warn(e));
+    return sfcTemplateCompileResults;
+  }
+  function compilerSfc(source) {
+    const info = { id: REPO_NAME, filename: `${REPO_NAME}.vue` };
+    const { descriptor, errors: errors2 } = parse$2(source, info);
+    errors2.forEach((e) => console.warn(e));
     return {
-      sfcScriptBlock,
-      sfcTemplateCompileResults,
-      sfcStyleCompileResultsList
+      sfcStyleCompileResultsList: stylesCompiler(descriptor.styles, info),
+      sfcAppBlock: appCompiler(descriptor, info),
+      sfcTemplateCompileResults: templateCompiler(descriptor.template, info)
     };
   }
   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)
     };
@@ -45919,15 +45929,10 @@ ${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();
@@ -45937,48 +45942,43 @@ ${exposeCall}`
   function awaitCompileSfc(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;
+        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 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.unshift("<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) {
-    return `
-    ${INIT_CODE}
-    ${_scriptTransform(sfcScriptBlock)}
-    ${_templateTransform(sfcTemplateCompileResults)}
-    ${CREATE_APP_CODE}
-  `;
-    function _scriptTransform(sfcScriptBlock2) {
-      const s = new MagicString(sfcScriptBlock2.content);
-      s.replace("export default", `${APP_VAR_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();
-    }
-  }
-  awaitCompileSfc((compiledStyleList, ...compiledSetupAndRender) => {
-    _toHead(`<script ${REPO_NAME} type="importmap">${IMPORTS_JSON}<\/script>`);
-    _toHead(`<script ${REPO_NAME} type="module">`, generateEsmCode(...compiledSetupAndRender));
-    _toHead(`<style ${REPO_NAME}>`, generateStyleCode(compiledStyleList));
-  });
-  function _toHead(...args) {
-    createDom(...args).mount(document.head);
+  function generateEsmCode(sfcAppBlock, sfcTemplateCompileResults) {
+    const _scriptTransform = ({ content }) => content.replace("export default", `${APP_VAR_NAME} =`).replace(/Object\.defineProperty\(__returned__.*/, "");
+    const _templateTransform = ({ code }) => code.replace("export function render", `${APP_VAR_NAME}.render = function`);
+    return [
+      INIT_CODE,
+      _scriptTransform(sfcAppBlock),
+      _templateTransform(sfcTemplateCompileResults),
+      sfcAppBlock.isScoped ? SCOPED_ID_CODE : "",
+      CREATE_APP_CODE
+    ].join("\n");
+  }
+  function generator(compiledSfc) {
+    const { sfcAppBlock, sfcStyleCompileResultsList, sfcTemplateCompileResults } = compiledSfc;
+    return {
+      esmCode: generateEsmCode(sfcAppBlock, sfcTemplateCompileResults),
+      cssCode: generateCssCode(sfcStyleCompileResultsList)
+    };
   }
+  awaitCompileSfc((compiledSfc) => {
+    var _a2, _b2, _c;
+    const site = document["head"];
+    const { cssCode, esmCode } = generator(compiledSfc);
+    (_a2 = createDom(IMPORTS_TAG_CODE)) == null ? void 0 : _a2.mount(site);
+    (_b2 = createDom(`<script ${REPO_NAME} type="module">`, ASCII_LOGO + esmCode)) == null ? void 0 : _b2.mount(site);
+    (_c = createDom(cssCode && `<style ${REPO_NAME}>`, cssCode)) == null ? void 0 : _c.mount(document.head);
+  });
 })();