@vuebro/loader-sfc 2.0.0 → 2.0.2

package/dist/loader-sfc.js

@@ -22,14 +22,12 @@ const fetchText = async (url) => {
     URL.revokeObjectURL(objectURL);
     return value;
 }, loadModule = async (filename) => {
-    const id = hash(filename), { descriptor, errors } = parse((await (await fetchText(filename)).text()) || "<template></template>"), { script, scriptSetup, slotted, styles, template } = descriptor;
-    const templateOptions = {
-        compilerOptions: {
-            expressionPlugins: ["jsx", "typescript"],
-        },
-        scoped: styles.some(({ scoped }) => scoped),
+    const alerts = new Set(), id = `data-v-${hash(filename)}`, { descriptor, errors } = parse((await (await fetchText(filename)).text()) || "<template></template>"), { script, scriptSetup, slotted, styles, template } = descriptor;
+    const compilerOptions = {
+        expressionPlugins: ["jsx", "typescript"],
+        scopeId: id,
         slotted,
-    };
+    }, scoped = styles.some(({ scoped }) => scoped), module = scoped ? { __scopeId: id } : {};
     log(errors);
     let el = document.getElementById(id);
     if (!(el instanceof HTMLStyleElement)) {
@@ -38,37 +36,40 @@ const fetchText = async (url) => {
         document.head.appendChild(el);
     }
     el.textContent = (await Promise.all(styles.map(async ({ content, module, scoped = false, src }) => {
+        if (module)
+            alerts.add("<style module> is not supported in the playground.");
         const { code, errors } = await compileStyleAsync({
             filename,
             id,
-            modules: !!module,
             scoped,
             source: src ? await (await fetchText(src)).text() : content,
         });
         log(errors);
         return code;
     }))).join("\n");
+    log([...alerts]);
     if (script || scriptSetup) {
-        const { content, warnings = [] } = compileScript(descriptor, {
-            id,
-            ...(template ? templateOptions : {}),
-        });
+        const { bindings, content, warnings = [], } = compileScript(descriptor, { id });
         log(warnings);
-        return inject(transform(content, options).code);
+        if (bindings)
+            compilerOptions.bindingMetadata = bindings;
+        Object.assign(module, (await inject(transform(content, options).code)).default);
     }
-    else if (template) {
-        const { content: source } = template;
+    if (template) {
+        const { ast, content: source } = template;
         const { code, errors, tips } = compileTemplate({
-            ...templateOptions,
+            ...(ast && { ast }),
+            compilerOptions,
             filename,
             id,
+            scoped,
+            slotted,
             source,
         });
         log(errors);
         log(tips);
-        return inject(transform(code, options).code);
+        Object.assign(module, await inject(transform(code, options).code));
     }
-    else
-        return {};
+    return module;
 };
 export default loadModule;

package/package.json

@@ -21,7 +21,7 @@
     "url": "git+https://github.com/vuebro/loader-sfc.git"
   },
   "license": "AGPL-3.0-only",
-  "version": "2.0.0",
+  "version": "2.0.2",
   "type": "module",
   "main": "./dist/loader-sfc.js",
   "types": "./dist/loader-sfc.d.ts",
@@ -44,12 +44,11 @@
     "jiti": "^2.6.1",
     "typescript": "^5.9.3",
     "typescript-eslint": "^8.45.0",
-    "vite": "^7.1.8"
+    "vite": "^7.1.9"
   },
   "dependencies": {
     "@vue/compiler-sfc": "^3.5.22",
     "hash-sum": "^2.0.0",
-    "sucrase": "^3.35.0",
-    "vue": "^3.5.22"
+    "sucrase": "^3.35.0"
   }
 }