@vuebro/loader-sfc 2.3.15 → 2.3.17

package/dist/loader-sfc.js

@@ -1,9 +1,16 @@
-import { compileStyleAsync, compileTemplate, compileScript, parse, } from "vue/compiler-sfc";
 import { consola } from "consola/browser";
-import { transform } from "sucrase";
-import { ofetch } from "ofetch";
 import hash from "hash-sum";
-const inject = async (code) => {
+import { ofetch } from "ofetch";
+import { transform } from "sucrase";
+import { compileScript, compileStyleAsync, compileTemplate, parse, } from "vue/compiler-sfc";
+const fetching = async (input) => {
+    try {
+        return await ofetch(input);
+    }
+    catch (error) {
+        consola.error(error);
+    }
+}, inject = async (code) => {
     const objectURL = URL.createObjectURL(new Blob([code], { type: "application/javascript" }));
     try {
         return (await import(objectURL));
@@ -11,40 +18,33 @@ const inject = async (code) => {
     finally {
         URL.revokeObjectURL(objectURL);
     }
-}, fetching = async (input) => {
-    try {
-        return await ofetch(input);
-    }
-    catch (error) {
-        consola.error(error);
-    }
 };
-export default async (filename, { scriptOptions: { templateOptions: { compilerOptions: { expressionPlugins, ...restCompilerOptions } = {}, ...restTemplateOptions } = {}, ...restScriptOptions } = {}, parseOptions, styleOptions, } = {}) => {
+export default async (filename, { parseOptions, scriptOptions: { templateOptions: { compilerOptions: { expressionPlugins, ...restCompilerOptions } = {}, ...restTemplateOptions } = {}, ...restScriptOptions } = {}, styleOptions, } = {}) => {
     const id = `data-v-${hash(filename)}`;
-    const { errors: parseErrors, descriptor } = parse((await fetching(filename)) ?? "<template></template>", { filename, ...parseOptions });
-    const { scriptSetup, template, slotted, script, styles } = descriptor;
+    const { descriptor, errors: parseErrors } = parse((await fetching(filename)) ?? "<template></template>", { filename, ...parseOptions });
+    const { script, scriptSetup, slotted, styles, template } = descriptor;
     const langs = new Set([script, scriptSetup]
         .filter((scriptBlock) => scriptBlock !== null)
         .flatMap(({ lang = "js" }) => [
         ...(/[jt]sx$/.test(lang) ? ["jsx"] : []),
         ...(/tsx?$/.test(lang) ? ["typescript"] : []),
-    ])), { content: source = "", ast } = template ?? {};
+    ])), { ast, content: source = "" } = template ?? {};
     let styleWarning = "";
     const styleErrors = [];
     const style = !(document.getElementById(id) instanceof HTMLStyleElement)
-        ? Promise.all(styles.map(async ({ scoped = false, content, module, src }) => {
+        ? Promise.all(styles.map(async ({ content, module, scoped = false, src }) => {
             const modules = !!module;
             if (modules && !styleWarning) {
                 styleWarning = "<style module> is not supported in the playground.";
                 return "";
             }
             else {
-                const { errors, code } = await compileStyleAsync({
-                    source: src ? ((await fetching(src)) ?? "") : content,
+                const { code, errors } = await compileStyleAsync({
                     filename,
+                    id,
                     modules,
                     scoped,
-                    id,
+                    source: src ? ((await fetching(src)) ?? "") : content,
                     ...styleOptions,
                 });
                 styleErrors.push(...errors);
@@ -56,34 +56,34 @@ export default async (filename, { scriptOptions: { templateOptions: { compilerOp
         expressionPlugins: [
             ...new Set([...(expressionPlugins ?? []), ...langs]),
         ],
-        scopeId: id,
         filename,
+        scopeId: id,
         slotted,
         ...restCompilerOptions,
     }, templateOptions = {
-        scoped: styles.some(({ scoped }) => scoped),
         compilerOptions,
         filename,
-        slotted,
         id,
+        scoped: styles.some(({ scoped }) => scoped),
+        slotted,
         ...restTemplateOptions,
     }, scriptOptions = {
-        templateOptions,
         id,
+        templateOptions,
         ...restScriptOptions,
     }, sucraseOptions = {
-        transforms: [...langs],
         jsxRuntime: "preserve",
+        transforms: [...langs],
     };
-    const { warnings: scriptWarnings, bindings, content, } = script || scriptSetup ? compileScript(descriptor, scriptOptions) : {};
+    const { bindings, content, warnings: scriptWarnings, } = script || scriptSetup ? compileScript(descriptor, scriptOptions) : {};
     if (bindings)
         compilerOptions.bindingMetadata = bindings;
-    const { errors: templateErrors, tips: templateTips, code, } = template && (!scriptSetup || !scriptOptions.inlineTemplate)
+    const { code, errors: templateErrors, tips: templateTips, } = template && (!scriptSetup || !scriptOptions.inlineTemplate)
         ? compileTemplate({
             ...ast,
             filename,
-            source,
             id,
+            source,
             ...templateOptions,
         })
         : {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vuebro/loader-sfc",
-  "version": "2.3.15",
+  "version": "2.3.17",
   "description": "Vue3 Single File Component (SFC) loader. Load .vue files directly from your browser without any build step.",
   "keywords": [
     "vue",
@@ -34,13 +34,18 @@
   },
   "prettier": "@vuebro/configs/prettierrc",
   "dependencies": {
+    "consola": "^3.4.2",
     "hash-sum": "^2.0.0",
-    "sucrase": "^3.35.0"
+    "ofetch": "^1.5.1",
+    "sucrase": "^3.35.0",
+    "vue": "^3.5.22"
   },
   "devDependencies": {
     "@rollup/plugin-terser": "^0.4.4",
     "@types/hash-sum": "^1.0.2",
-    "@types/node": "^24.9.1",
-    "@vuebro/configs": "^1.1.42"
+    "@types/node": "^24.9.2",
+    "@vuebro/configs": "^1.1.54",
+    "eslint": "^9.39.0",
+    "vite": "^7.1.12"
   }
 }