@sprlab/wccompiler 0.8.7 → 0.8.8

package/integrations/vue.js

@@ -90,6 +90,36 @@ export function wccVuePlugin(options = {}) {
         )
       }
 
+      // ── Slot transforms ──
+      // Transform <template #name>content</template> inside custom elements
+      // → <div slot="name">content</div>
+      // This prevents Vue from intercepting the slot syntax and erroring.
+      // The WCC component's runtime slot parser detects slot="name" on regular elements.
+
+      // Handle <template #name>...</template> (shorthand)
+      prev = ''
+      while (prev !== result) {
+        prev = result
+        result = result.replace(
+          /<template\s+#(\w+)>([\s\S]*?)<\/template>/,
+          (match, slotName, content) => {
+            return `<div slot="${slotName}">${content}</div>`
+          }
+        )
+      }
+
+      // Handle <template v-slot:name>...</template> (verbose)
+      prev = ''
+      while (prev !== result) {
+        prev = result
+        result = result.replace(
+          /<template\s+v-slot:(\w+)>([\s\S]*?)<\/template>/,
+          (match, slotName, content) => {
+            return `<div slot="${slotName}">${content}</div>`
+          }
+        )
+      }
+
       if (result !== code) return result
       return null
     }

package/lib/codegen.js

@@ -1039,6 +1039,11 @@ export function generateComponent(parseResult, options = {}) {
     lines.push('            __slotMap[slotName] = { content: child.innerHTML, propsExpr: attr.value };');
     lines.push('          }');
     lines.push('        }');
+    lines.push("      } else if (child.nodeType === 1 && child.getAttribute('slot')) {");
+    // NEW: regular element with slot="name" (cross-framework support)
+    lines.push("        const slotName = child.getAttribute('slot');");
+    lines.push("        child.removeAttribute('slot');");
+    lines.push('        __slotMap[slotName] = { content: child.outerHTML, propsExpr: \'\' };');
     lines.push("      } else if (child.nodeType === 1 || (child.nodeType === 3 && child.textContent.trim())) {");
     lines.push('        __defaultSlotNodes.push(child);');
     lines.push('      }');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sprlab/wccompiler",
-  "version": "0.8.7",
+  "version": "0.8.8",
   "description": "Zero-runtime compiler that transforms .wcc single-file components into native web components with signals-based reactivity",
   "type": "module",
   "exports": {