@sprlab/wccompiler 0.16.10 → 0.16.11

package/lib/codegen.js

@@ -1138,14 +1138,25 @@ export function generateComponent(parseResult, options = {}) {
   if (slots.length > 0) {
     lines.push('    const __slotMap = {};');
     lines.push('    const __defaultSlotNodes = [];');
+    lines.push('    const __templatesToRemove = [];');
     lines.push('    for (const child of Array.from(this.childNodes)) {');
     lines.push("      if (child.nodeName === 'TEMPLATE') {");
+    lines.push('        let handled = false;');
     lines.push('        for (const attr of child.attributes) {');
     lines.push("          if (attr.name.startsWith('#')) {");
     lines.push('            const slotName = attr.name.slice(1);');
     lines.push('            __slotMap[slotName] = { content: child.innerHTML, propsExpr: attr.value };');
+    lines.push('            handled = true;');
+    lines.push('          } else if (attr.name === "slot") {');
+    // NEW: <template slot="name"> syntax (Vue standard)
+    lines.push('            const slotName = attr.value;');
+    lines.push("            const propsExpr = child.getAttribute('slot-props') || '';");
+    lines.push("            child.removeAttribute('slot-props');");
+    lines.push('            __slotMap[slotName] = { content: child.innerHTML, propsExpr };');
+    lines.push('            handled = true;');
     lines.push('          }');
     lines.push('        }');
+    lines.push('        if (handled) __templatesToRemove.push(child);');
     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');");
@@ -1169,6 +1180,10 @@ export function generateComponent(parseResult, options = {}) {
     lines.push('        __defaultSlotNodes.push(child);');
     lines.push('      }');
     lines.push('    }');
+    // Remove processed template elements to prevent them from appearing in default slot
+    lines.push('    for (const tpl of __templatesToRemove) {');
+    lines.push('      if (tpl.parentNode) tpl.parentNode.removeChild(tpl);');
+    lines.push('    }');
   }
 
   // Clone template

package/lib/sfc-parser.js

@@ -287,16 +287,21 @@ export function parseSFC(source, fileName = '<unknown>') {
   }
 
   // Collect all block ranges for unexpected-content check
+  // Use filtered templateBlocks (main SFC template only, not nested slot templates)
+  // The main template's range already covers all nested content including <template slot="name">
   /** @type {Array<{start: number, end: number}>} */
   const allRanges = [
     ...scriptBlocks,
-    ...templateBlocks,
+    ...templateBlocks, // Only main SFC blocks (filtered to exclude slot templates)
     ...styleBlocks,
   ].sort((a, b) => a.start - b.start);
 
-  // Temporarily disable unexpected content validation due to issues with nested slot templates
-  // TODO: Fix validateNoUnexpectedContent to properly handle nested <template slot="name"> elements
-  // validateNoUnexpectedContent(source, allRanges, fileName);
+  // Validate unexpected content ONLY if there are no nested slot templates
+  // Nested <template slot="name"> elements can cause false positives in range validation
+  const hasNestedSlotTemplates = allTemplateBlocks.length > templateBlocks.length;
+  if (!hasNestedSlotTemplates) {
+    validateNoUnexpectedContent(source, allRanges, fileName);
+  }
 
   // Extract block contents
   const scriptContent = scriptBlocks[0].content;

package/package.json

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