feat(wrn): support native structured prop expressions

packages/syntax/src/parser.ts

@@ -712,13 +712,30 @@ export function parseHtmlView(src: string, pos: number): { nodes: ViewNode[]; en
     while (i < src.length && isWs(src[i]!)) i++;
   };
 
-  /** Read a `{...}` interpolation (brace-balanced), braces included. */
+  /** Read a `{...}` interpolation (brace-balanced and quote-aware), braces included. */
   const readInterpolation = (): string => {
     const start = i;
     let depth = 0;
+    let quote: string | null = null;
     for (; i < src.length; i++) {
-      if (src[i] === "{") depth++;
-      else if (src[i] === "}" && --depth === 0) {
+      const char = src[i]!;
+
+      if (quote) {
+        if (char === "\\" && i + 1 < src.length) {
+          i++;
+          continue;
+        }
+        if (char === quote) quote = null;
+        continue;
+      }
+
+      if (char === '"' || char === "'" || char === "`") {
+        quote = char;
+        continue;
+      }
+
+      if (char === "{") depth++;
+      else if (char === "}" && --depth === 0) {
         i++;
         return src.slice(start, i);
       }
@@ -819,7 +836,13 @@ export function parseHtmlView(src: string, pos: number): { nodes: ViewNode[]; en
       if (src[i] === "=") {
         i++;
         skipWs();
-        attrs.push({ name, value: readQuoted(), event: false });
+        const value =
+          src[i] === '"' || src[i] === "'"
+            ? readQuoted()
+            : src[i] === "{"
+              ? readInterpolation()
+              : fail(`Expected a quoted value or {...} expression after '${name}='`);
+        attrs.push({ name, value, event: false });
       } else {
         attrs.push({ name, value: "", event: false, boolean: true });
       }