From 3f05315d1747cc0223d9d2f6dad45e3e629970e1 Mon Sep 17 00:00:00 2001
From: Evan You <yyx990803@gmail.com>
Date: Sat, 21 Sep 2019 17:48:17 -0400
Subject: [PATCH] test: fix tests

---
 .../__snapshots__/parse.spec.ts.snap          | 1692 ++++++++---------
 .../compiler-core/__tests__/parse.spec.ts     |   80 +-
 packages/compiler-dom/__tests__/parse.spec.ts |    6 +-
 3 files changed, 894 insertions(+), 884 deletions(-)

diff --git a/packages/compiler-core/__tests__/__snapshots__/parse.spec.ts.snap b/packages/compiler-core/__tests__/__snapshots__/parse.spec.ts.snap
index 29b2338f82..37925af730 100644
--- a/packages/compiler-core/__tests__/__snapshots__/parse.spec.ts.snap
+++ b/packages/compiler-core/__tests__/__snapshots__/parse.spec.ts.snap
@@ -4,7 +4,6 @@ exports[`compiler: parse Errors ABRUPT_CLOSING_OF_EMPTY_COMMENT <template><!--><
 Object {
   "children": Array [
     Object {
-      "attrs": Array [],
       "children": Array [
         Object {
           "content": "",
@@ -24,7 +23,7 @@ Object {
           "type": 3,
         },
       ],
-      "directives": Array [],
+      "codegenNode": undefined,
       "isSelfClosing": false,
       "loc": Object {
         "end": Object {
@@ -40,6 +39,7 @@ Object {
         },
       },
       "ns": 0,
+      "props": Array [],
       "tag": "template",
       "tagType": 3,
       "type": 1,
@@ -66,7 +66,6 @@ exports[`compiler: parse Errors ABRUPT_CLOSING_OF_EMPTY_COMMENT <template><!--->
 Object {
   "children": Array [
     Object {
-      "attrs": Array [],
       "children": Array [
         Object {
           "content": "",
@@ -86,7 +85,7 @@ Object {
           "type": 3,
         },
       ],
-      "directives": Array [],
+      "codegenNode": undefined,
       "isSelfClosing": false,
       "loc": Object {
         "end": Object {
@@ -102,6 +101,7 @@ Object {
         },
       },
       "ns": 0,
+      "props": Array [],
       "tag": "template",
       "tagType": 3,
       "type": 1,
@@ -128,7 +128,6 @@ exports[`compiler: parse Errors ABRUPT_CLOSING_OF_EMPTY_COMMENT <template><!----
 Object {
   "children": Array [
     Object {
-      "attrs": Array [],
       "children": Array [
         Object {
           "content": "",
@@ -148,7 +147,7 @@ Object {
           "type": 3,
         },
       ],
-      "directives": Array [],
+      "codegenNode": undefined,
       "isSelfClosing": false,
       "loc": Object {
         "end": Object {
@@ -164,6 +163,7 @@ Object {
         },
       },
       "ns": 0,
+      "props": Array [],
       "tag": "template",
       "tagType": 3,
       "type": 1,
@@ -190,7 +190,24 @@ exports[`compiler: parse Errors ABSENCE_OF_DIGITS_IN_NUMERIC_CHARACTER_REFERENCE
 Object {
   "children": Array [
     Object {
-      "attrs": Array [
+      "children": Array [],
+      "codegenNode": undefined,
+      "isSelfClosing": false,
+      "loc": Object {
+        "end": Object {
+          "column": 35,
+          "line": 1,
+          "offset": 34,
+        },
+        "source": "<template attr=\\"&#99;\\"></template>",
+        "start": Object {
+          "column": 1,
+          "line": 1,
+          "offset": 0,
+        },
+      },
+      "ns": 0,
+      "props": Array [
         Object {
           "loc": Object {
             "end": Object {
@@ -227,23 +244,6 @@ Object {
           },
         },
       ],
-      "children": Array [],
-      "directives": Array [],
-      "isSelfClosing": false,
-      "loc": Object {
-        "end": Object {
-          "column": 35,
-          "line": 1,
-          "offset": 34,
-        },
-        "source": "<template attr=\\"&#99;\\"></template>",
-        "start": Object {
-          "column": 1,
-          "line": 1,
-          "offset": 0,
-        },
-      },
-      "ns": 0,
       "tag": "template",
       "tagType": 3,
       "type": 1,
@@ -270,7 +270,24 @@ exports[`compiler: parse Errors ABSENCE_OF_DIGITS_IN_NUMERIC_CHARACTER_REFERENCE
 Object {
   "children": Array [
     Object {
-      "attrs": Array [
+      "children": Array [],
+      "codegenNode": undefined,
+      "isSelfClosing": false,
+      "loc": Object {
+        "end": Object {
+          "column": 34,
+          "line": 1,
+          "offset": 33,
+        },
+        "source": "<template attr=\\"&#a;\\"></template>",
+        "start": Object {
+          "column": 1,
+          "line": 1,
+          "offset": 0,
+        },
+      },
+      "ns": 0,
+      "props": Array [
         Object {
           "loc": Object {
             "end": Object {
@@ -307,23 +324,6 @@ Object {
           },
         },
       ],
-      "children": Array [],
-      "directives": Array [],
-      "isSelfClosing": false,
-      "loc": Object {
-        "end": Object {
-          "column": 34,
-          "line": 1,
-          "offset": 33,
-        },
-        "source": "<template attr=\\"&#a;\\"></template>",
-        "start": Object {
-          "column": 1,
-          "line": 1,
-          "offset": 0,
-        },
-      },
-      "ns": 0,
       "tag": "template",
       "tagType": 3,
       "type": 1,
@@ -350,7 +350,24 @@ exports[`compiler: parse Errors ABSENCE_OF_DIGITS_IN_NUMERIC_CHARACTER_REFERENCE
 Object {
   "children": Array [
     Object {
-      "attrs": Array [
+      "children": Array [],
+      "codegenNode": undefined,
+      "isSelfClosing": false,
+      "loc": Object {
+        "end": Object {
+          "column": 36,
+          "line": 1,
+          "offset": 35,
+        },
+        "source": "<template attr=\\"&#xff;\\"></template>",
+        "start": Object {
+          "column": 1,
+          "line": 1,
+          "offset": 0,
+        },
+      },
+      "ns": 0,
+      "props": Array [
         Object {
           "loc": Object {
             "end": Object {
@@ -387,23 +404,6 @@ Object {
           },
         },
       ],
-      "children": Array [],
-      "directives": Array [],
-      "isSelfClosing": false,
-      "loc": Object {
-        "end": Object {
-          "column": 36,
-          "line": 1,
-          "offset": 35,
-        },
-        "source": "<template attr=\\"&#xff;\\"></template>",
-        "start": Object {
-          "column": 1,
-          "line": 1,
-          "offset": 0,
-        },
-      },
-      "ns": 0,
       "tag": "template",
       "tagType": 3,
       "type": 1,
@@ -430,7 +430,24 @@ exports[`compiler: parse Errors ABSENCE_OF_DIGITS_IN_NUMERIC_CHARACTER_REFERENCE
 Object {
   "children": Array [
     Object {
-      "attrs": Array [
+      "children": Array [],
+      "codegenNode": undefined,
+      "isSelfClosing": false,
+      "loc": Object {
+        "end": Object {
+          "column": 35,
+          "line": 1,
+          "offset": 34,
+        },
+        "source": "<template attr=\\"&#xg;\\"></template>",
+        "start": Object {
+          "column": 1,
+          "line": 1,
+          "offset": 0,
+        },
+      },
+      "ns": 0,
+      "props": Array [
         Object {
           "loc": Object {
             "end": Object {
@@ -467,23 +484,6 @@ Object {
           },
         },
       ],
-      "children": Array [],
-      "directives": Array [],
-      "isSelfClosing": false,
-      "loc": Object {
-        "end": Object {
-          "column": 35,
-          "line": 1,
-          "offset": 34,
-        },
-        "source": "<template attr=\\"&#xg;\\"></template>",
-        "start": Object {
-          "column": 1,
-          "line": 1,
-          "offset": 0,
-        },
-      },
-      "ns": 0,
       "tag": "template",
       "tagType": 3,
       "type": 1,
@@ -510,7 +510,6 @@ exports[`compiler: parse Errors ABSENCE_OF_DIGITS_IN_NUMERIC_CHARACTER_REFERENCE
 Object {
   "children": Array [
     Object {
-      "attrs": Array [],
       "children": Array [
         Object {
           "content": "c",
@@ -531,7 +530,7 @@ Object {
           "type": 2,
         },
       ],
-      "directives": Array [],
+      "codegenNode": undefined,
       "isSelfClosing": false,
       "loc": Object {
         "end": Object {
@@ -547,6 +546,7 @@ Object {
         },
       },
       "ns": 0,
+      "props": Array [],
       "tag": "template",
       "tagType": 3,
       "type": 1,
@@ -573,7 +573,6 @@ exports[`compiler: parse Errors ABSENCE_OF_DIGITS_IN_NUMERIC_CHARACTER_REFERENCE
 Object {
   "children": Array [
     Object {
-      "attrs": Array [],
       "children": Array [
         Object {
           "content": "&#a;",
@@ -594,7 +593,7 @@ Object {
           "type": 2,
         },
       ],
-      "directives": Array [],
+      "codegenNode": undefined,
       "isSelfClosing": false,
       "loc": Object {
         "end": Object {
@@ -610,6 +609,7 @@ Object {
         },
       },
       "ns": 0,
+      "props": Array [],
       "tag": "template",
       "tagType": 3,
       "type": 1,
@@ -636,7 +636,6 @@ exports[`compiler: parse Errors ABSENCE_OF_DIGITS_IN_NUMERIC_CHARACTER_REFERENCE
 Object {
   "children": Array [
     Object {
-      "attrs": Array [],
       "children": Array [
         Object {
           "content": "ÿ",
@@ -657,7 +656,7 @@ Object {
           "type": 2,
         },
       ],
-      "directives": Array [],
+      "codegenNode": undefined,
       "isSelfClosing": false,
       "loc": Object {
         "end": Object {
@@ -673,6 +672,7 @@ Object {
         },
       },
       "ns": 0,
+      "props": Array [],
       "tag": "template",
       "tagType": 3,
       "type": 1,
@@ -699,7 +699,6 @@ exports[`compiler: parse Errors ABSENCE_OF_DIGITS_IN_NUMERIC_CHARACTER_REFERENCE
 Object {
   "children": Array [
     Object {
-      "attrs": Array [],
       "children": Array [
         Object {
           "content": "&#xg;",
@@ -720,7 +719,7 @@ Object {
           "type": 2,
         },
       ],
-      "directives": Array [],
+      "codegenNode": undefined,
       "isSelfClosing": false,
       "loc": Object {
         "end": Object {
@@ -736,6 +735,7 @@ Object {
         },
       },
       "ns": 0,
+      "props": Array [],
       "tag": "template",
       "tagType": 3,
       "type": 1,
@@ -762,7 +762,6 @@ exports[`compiler: parse Errors CDATA_IN_HTML_CONTENT <template><![CDATA[cdata]]
 Object {
   "children": Array [
     Object {
-      "attrs": Array [],
       "children": Array [
         Object {
           "content": "[CDATA[cdata]]",
@@ -782,7 +781,7 @@ Object {
           "type": 3,
         },
       ],
-      "directives": Array [],
+      "codegenNode": undefined,
       "isSelfClosing": false,
       "loc": Object {
         "end": Object {
@@ -798,6 +797,7 @@ Object {
         },
       },
       "ns": 0,
+      "props": Array [],
       "tag": "template",
       "tagType": 3,
       "type": 1,
@@ -824,10 +824,8 @@ exports[`compiler: parse Errors CDATA_IN_HTML_CONTENT <template><svg><![CDATA[cd
 Object {
   "children": Array [
     Object {
-      "attrs": Array [],
       "children": Array [
         Object {
-          "attrs": Array [],
           "children": Array [
             Object {
               "content": "cdata",
@@ -848,7 +846,7 @@ Object {
               "type": 2,
             },
           ],
-          "directives": Array [],
+          "codegenNode": undefined,
           "isSelfClosing": false,
           "loc": Object {
             "end": Object {
@@ -864,12 +862,13 @@ Object {
             },
           },
           "ns": 1,
+          "props": Array [],
           "tag": "svg",
           "tagType": 0,
           "type": 1,
         },
       ],
-      "directives": Array [],
+      "codegenNode": undefined,
       "isSelfClosing": false,
       "loc": Object {
         "end": Object {
@@ -885,6 +884,7 @@ Object {
         },
       },
       "ns": 0,
+      "props": Array [],
       "tag": "template",
       "tagType": 3,
       "type": 1,
@@ -911,7 +911,6 @@ exports[`compiler: parse Errors CHARACTER_REFERENCE_OUTSIDE_UNICODE_RANGE <templ
 Object {
   "children": Array [
     Object {
-      "attrs": Array [],
       "children": Array [
         Object {
           "content": "�",
@@ -932,7 +931,7 @@ Object {
           "type": 2,
         },
       ],
-      "directives": Array [],
+      "codegenNode": undefined,
       "isSelfClosing": false,
       "loc": Object {
         "end": Object {
@@ -948,6 +947,7 @@ Object {
         },
       },
       "ns": 0,
+      "props": Array [],
       "tag": "template",
       "tagType": 3,
       "type": 1,
@@ -974,7 +974,6 @@ exports[`compiler: parse Errors CONTROL_CHARACTER_REFERENCE <template>&#0003;</t
 Object {
   "children": Array [
     Object {
-      "attrs": Array [],
       "children": Array [
         Object {
           "content": "",
@@ -995,7 +994,7 @@ Object {
           "type": 2,
         },
       ],
-      "directives": Array [],
+      "codegenNode": undefined,
       "isSelfClosing": false,
       "loc": Object {
         "end": Object {
@@ -1011,6 +1010,7 @@ Object {
         },
       },
       "ns": 0,
+      "props": Array [],
       "tag": "template",
       "tagType": 3,
       "type": 1,
@@ -1037,7 +1037,6 @@ exports[`compiler: parse Errors CONTROL_CHARACTER_REFERENCE <template>&#x7F;</te
 Object {
   "children": Array [
     Object {
-      "attrs": Array [],
       "children": Array [
         Object {
           "content": "",
@@ -1058,7 +1057,7 @@ Object {
           "type": 2,
         },
       ],
-      "directives": Array [],
+      "codegenNode": undefined,
       "isSelfClosing": false,
       "loc": Object {
         "end": Object {
@@ -1074,6 +1073,7 @@ Object {
         },
       },
       "ns": 0,
+      "props": Array [],
       "tag": "template",
       "tagType": 3,
       "type": 1,
@@ -1100,10 +1100,26 @@ exports[`compiler: parse Errors DUPLICATE_ATTRIBUTE <template><div id="" id=""><
 Object {
   "children": Array [
     Object {
-      "attrs": Array [],
       "children": Array [
         Object {
-          "attrs": Array [
+          "children": Array [],
+          "codegenNode": undefined,
+          "isSelfClosing": false,
+          "loc": Object {
+            "end": Object {
+              "column": 34,
+              "line": 1,
+              "offset": 33,
+            },
+            "source": "<div id=\\"\\" id=\\"\\"></div>",
+            "start": Object {
+              "column": 11,
+              "line": 1,
+              "offset": 10,
+            },
+          },
+          "ns": 0,
+          "props": Array [
             Object {
               "loc": Object {
                 "end": Object {
@@ -1175,29 +1191,12 @@ Object {
               },
             },
           ],
-          "children": Array [],
-          "directives": Array [],
-          "isSelfClosing": false,
-          "loc": Object {
-            "end": Object {
-              "column": 34,
-              "line": 1,
-              "offset": 33,
-            },
-            "source": "<div id=\\"\\" id=\\"\\"></div>",
-            "start": Object {
-              "column": 11,
-              "line": 1,
-              "offset": 10,
-            },
-          },
-          "ns": 0,
           "tag": "div",
           "tagType": 0,
           "type": 1,
         },
       ],
-      "directives": Array [],
+      "codegenNode": undefined,
       "isSelfClosing": false,
       "loc": Object {
         "end": Object {
@@ -1213,6 +1212,7 @@ Object {
         },
       },
       "ns": 0,
+      "props": Array [],
       "tag": "template",
       "tagType": 3,
       "type": 1,
@@ -1239,12 +1239,10 @@ exports[`compiler: parse Errors END_TAG_WITH_ATTRIBUTES <template><div></div id=
 Object {
   "children": Array [
     Object {
-      "attrs": Array [],
       "children": Array [
         Object {
-          "attrs": Array [],
           "children": Array [],
-          "directives": Array [],
+          "codegenNode": undefined,
           "isSelfClosing": false,
           "loc": Object {
             "end": Object {
@@ -1260,12 +1258,13 @@ Object {
             },
           },
           "ns": 0,
+          "props": Array [],
           "tag": "div",
           "tagType": 0,
           "type": 1,
         },
       ],
-      "directives": Array [],
+      "codegenNode": undefined,
       "isSelfClosing": false,
       "loc": Object {
         "end": Object {
@@ -1281,6 +1280,7 @@ Object {
         },
       },
       "ns": 0,
+      "props": Array [],
       "tag": "template",
       "tagType": 3,
       "type": 1,
@@ -1307,12 +1307,10 @@ exports[`compiler: parse Errors END_TAG_WITH_TRAILING_SOLIDUS <template><div></d
 Object {
   "children": Array [
     Object {
-      "attrs": Array [],
       "children": Array [
         Object {
-          "attrs": Array [],
           "children": Array [],
-          "directives": Array [],
+          "codegenNode": undefined,
           "isSelfClosing": false,
           "loc": Object {
             "end": Object {
@@ -1328,12 +1326,13 @@ Object {
             },
           },
           "ns": 0,
+          "props": Array [],
           "tag": "div",
           "tagType": 0,
           "type": 1,
         },
       ],
-      "directives": Array [],
+      "codegenNode": undefined,
       "isSelfClosing": false,
       "loc": Object {
         "end": Object {
@@ -1349,6 +1348,7 @@ Object {
         },
       },
       "ns": 0,
+      "props": Array [],
       "tag": "template",
       "tagType": 3,
       "type": 1,
@@ -1375,7 +1375,6 @@ exports[`compiler: parse Errors EOF_BEFORE_TAG_NAME <template>< 1`] = `
 Object {
   "children": Array [
     Object {
-      "attrs": Array [],
       "children": Array [
         Object {
           "content": "<",
@@ -1396,7 +1395,7 @@ Object {
           "type": 2,
         },
       ],
-      "directives": Array [],
+      "codegenNode": undefined,
       "isSelfClosing": false,
       "loc": Object {
         "end": Object {
@@ -1412,6 +1411,7 @@ Object {
         },
       },
       "ns": 0,
+      "props": Array [],
       "tag": "template",
       "tagType": 3,
       "type": 1,
@@ -1438,7 +1438,6 @@ exports[`compiler: parse Errors EOF_BEFORE_TAG_NAME <template></ 1`] = `
 Object {
   "children": Array [
     Object {
-      "attrs": Array [],
       "children": Array [
         Object {
           "content": "</",
@@ -1459,7 +1458,7 @@ Object {
           "type": 2,
         },
       ],
-      "directives": Array [],
+      "codegenNode": undefined,
       "isSelfClosing": false,
       "loc": Object {
         "end": Object {
@@ -1475,6 +1474,7 @@ Object {
         },
       },
       "ns": 0,
+      "props": Array [],
       "tag": "template",
       "tagType": 3,
       "type": 1,
@@ -1501,12 +1501,10 @@ exports[`compiler: parse Errors EOF_IN_CDATA <template><svg><![CDATA[ 1`] = `
 Object {
   "children": Array [
     Object {
-      "attrs": Array [],
       "children": Array [
         Object {
-          "attrs": Array [],
           "children": Array [],
-          "directives": Array [],
+          "codegenNode": undefined,
           "isSelfClosing": false,
           "loc": Object {
             "end": Object {
@@ -1522,12 +1520,13 @@ Object {
             },
           },
           "ns": 1,
+          "props": Array [],
           "tag": "svg",
           "tagType": 0,
           "type": 1,
         },
       ],
-      "directives": Array [],
+      "codegenNode": undefined,
       "isSelfClosing": false,
       "loc": Object {
         "end": Object {
@@ -1543,6 +1542,7 @@ Object {
         },
       },
       "ns": 0,
+      "props": Array [],
       "tag": "template",
       "tagType": 3,
       "type": 1,
@@ -1569,10 +1569,8 @@ exports[`compiler: parse Errors EOF_IN_CDATA <template><svg><![CDATA[cdata 1`] =
 Object {
   "children": Array [
     Object {
-      "attrs": Array [],
       "children": Array [
         Object {
-          "attrs": Array [],
           "children": Array [
             Object {
               "content": "cdata",
@@ -1593,7 +1591,7 @@ Object {
               "type": 2,
             },
           ],
-          "directives": Array [],
+          "codegenNode": undefined,
           "isSelfClosing": false,
           "loc": Object {
             "end": Object {
@@ -1609,12 +1607,13 @@ Object {
             },
           },
           "ns": 1,
+          "props": Array [],
           "tag": "svg",
           "tagType": 0,
           "type": 1,
         },
       ],
-      "directives": Array [],
+      "codegenNode": undefined,
       "isSelfClosing": false,
       "loc": Object {
         "end": Object {
@@ -1630,6 +1629,7 @@ Object {
         },
       },
       "ns": 0,
+      "props": Array [],
       "tag": "template",
       "tagType": 3,
       "type": 1,
@@ -1656,7 +1656,6 @@ exports[`compiler: parse Errors EOF_IN_COMMENT <template><! 1`] = `
 Object {
   "children": Array [
     Object {
-      "attrs": Array [],
       "children": Array [
         Object {
           "content": "",
@@ -1676,7 +1675,7 @@ Object {
           "type": 3,
         },
       ],
-      "directives": Array [],
+      "codegenNode": undefined,
       "isSelfClosing": false,
       "loc": Object {
         "end": Object {
@@ -1692,6 +1691,7 @@ Object {
         },
       },
       "ns": 0,
+      "props": Array [],
       "tag": "template",
       "tagType": 3,
       "type": 1,
@@ -1718,7 +1718,6 @@ exports[`compiler: parse Errors EOF_IN_COMMENT <template><!- 1`] = `
 Object {
   "children": Array [
     Object {
-      "attrs": Array [],
       "children": Array [
         Object {
           "content": "-",
@@ -1738,7 +1737,7 @@ Object {
           "type": 3,
         },
       ],
-      "directives": Array [],
+      "codegenNode": undefined,
       "isSelfClosing": false,
       "loc": Object {
         "end": Object {
@@ -1754,6 +1753,7 @@ Object {
         },
       },
       "ns": 0,
+      "props": Array [],
       "tag": "template",
       "tagType": 3,
       "type": 1,
@@ -1780,7 +1780,6 @@ exports[`compiler: parse Errors EOF_IN_COMMENT <template><!-- 1`] = `
 Object {
   "children": Array [
     Object {
-      "attrs": Array [],
       "children": Array [
         Object {
           "content": "",
@@ -1800,7 +1799,7 @@ Object {
           "type": 3,
         },
       ],
-      "directives": Array [],
+      "codegenNode": undefined,
       "isSelfClosing": false,
       "loc": Object {
         "end": Object {
@@ -1816,6 +1815,7 @@ Object {
         },
       },
       "ns": 0,
+      "props": Array [],
       "tag": "template",
       "tagType": 3,
       "type": 1,
@@ -1842,7 +1842,6 @@ exports[`compiler: parse Errors EOF_IN_COMMENT <template><!--comment 1`] = `
 Object {
   "children": Array [
     Object {
-      "attrs": Array [],
       "children": Array [
         Object {
           "content": "comment",
@@ -1862,7 +1861,7 @@ Object {
           "type": 3,
         },
       ],
-      "directives": Array [],
+      "codegenNode": undefined,
       "isSelfClosing": false,
       "loc": Object {
         "end": Object {
@@ -1878,6 +1877,7 @@ Object {
         },
       },
       "ns": 0,
+      "props": Array [],
       "tag": "template",
       "tagType": 3,
       "type": 1,
@@ -1904,7 +1904,6 @@ exports[`compiler: parse Errors EOF_IN_COMMENT <template><!abc 1`] = `
 Object {
   "children": Array [
     Object {
-      "attrs": Array [],
       "children": Array [
         Object {
           "content": "abc",
@@ -1924,7 +1923,7 @@ Object {
           "type": 3,
         },
       ],
-      "directives": Array [],
+      "codegenNode": undefined,
       "isSelfClosing": false,
       "loc": Object {
         "end": Object {
@@ -1940,6 +1939,7 @@ Object {
         },
       },
       "ns": 0,
+      "props": Array [],
       "tag": "template",
       "tagType": 3,
       "type": 1,
@@ -1966,7 +1966,6 @@ exports[`compiler: parse Errors EOF_IN_SCRIPT_HTML_COMMENT_LIKE_TEXT <script><!-
 Object {
   "children": Array [
     Object {
-      "attrs": Array [],
       "children": Array [
         Object {
           "content": "<!--console.log('hello')",
@@ -1987,7 +1986,7 @@ Object {
           "type": 2,
         },
       ],
-      "directives": Array [],
+      "codegenNode": undefined,
       "isSelfClosing": false,
       "loc": Object {
         "end": Object {
@@ -2003,6 +2002,7 @@ Object {
         },
       },
       "ns": 0,
+      "props": Array [],
       "tag": "script",
       "tagType": 0,
       "type": 1,
@@ -2029,7 +2029,6 @@ exports[`compiler: parse Errors EOF_IN_SCRIPT_HTML_COMMENT_LIKE_TEXT <script>con
 Object {
   "children": Array [
     Object {
-      "attrs": Array [],
       "children": Array [
         Object {
           "content": "console.log('hello')",
@@ -2050,7 +2049,7 @@ Object {
           "type": 2,
         },
       ],
-      "directives": Array [],
+      "codegenNode": undefined,
       "isSelfClosing": false,
       "loc": Object {
         "end": Object {
@@ -2066,6 +2065,7 @@ Object {
         },
       },
       "ns": 0,
+      "props": Array [],
       "tag": "script",
       "tagType": 0,
       "type": 1,
@@ -2092,12 +2092,10 @@ exports[`compiler: parse Errors EOF_IN_TAG <template><div  1`] = `
 Object {
   "children": Array [
     Object {
-      "attrs": Array [],
       "children": Array [
         Object {
-          "attrs": Array [],
           "children": Array [],
-          "directives": Array [],
+          "codegenNode": undefined,
           "isSelfClosing": false,
           "loc": Object {
             "end": Object {
@@ -2113,12 +2111,13 @@ Object {
             },
           },
           "ns": 0,
+          "props": Array [],
           "tag": "div",
           "tagType": 0,
           "type": 1,
         },
       ],
-      "directives": Array [],
+      "codegenNode": undefined,
       "isSelfClosing": false,
       "loc": Object {
         "end": Object {
@@ -2134,6 +2133,7 @@ Object {
         },
       },
       "ns": 0,
+      "props": Array [],
       "tag": "template",
       "tagType": 3,
       "type": 1,
@@ -2160,12 +2160,10 @@ exports[`compiler: parse Errors EOF_IN_TAG <template><div 1`] = `
 Object {
   "children": Array [
     Object {
-      "attrs": Array [],
       "children": Array [
         Object {
-          "attrs": Array [],
           "children": Array [],
-          "directives": Array [],
+          "codegenNode": undefined,
           "isSelfClosing": false,
           "loc": Object {
             "end": Object {
@@ -2181,12 +2179,13 @@ Object {
             },
           },
           "ns": 0,
+          "props": Array [],
           "tag": "div",
           "tagType": 0,
           "type": 1,
         },
       ],
-      "directives": Array [],
+      "codegenNode": undefined,
       "isSelfClosing": false,
       "loc": Object {
         "end": Object {
@@ -2202,6 +2201,7 @@ Object {
         },
       },
       "ns": 0,
+      "props": Array [],
       "tag": "template",
       "tagType": 3,
       "type": 1,
@@ -2228,10 +2228,26 @@ exports[`compiler: parse Errors EOF_IN_TAG <template><div id  1`] = `
 Object {
   "children": Array [
     Object {
-      "attrs": Array [],
       "children": Array [
         Object {
-          "attrs": Array [
+          "children": Array [],
+          "codegenNode": undefined,
+          "isSelfClosing": false,
+          "loc": Object {
+            "end": Object {
+              "column": 19,
+              "line": 1,
+              "offset": 18,
+            },
+            "source": "<div id ",
+            "start": Object {
+              "column": 11,
+              "line": 1,
+              "offset": 10,
+            },
+          },
+          "ns": 0,
+          "props": Array [
             Object {
               "loc": Object {
                 "end": Object {
@@ -2251,29 +2267,12 @@ Object {
               "value": undefined,
             },
           ],
-          "children": Array [],
-          "directives": Array [],
-          "isSelfClosing": false,
-          "loc": Object {
-            "end": Object {
-              "column": 19,
-              "line": 1,
-              "offset": 18,
-            },
-            "source": "<div id ",
-            "start": Object {
-              "column": 11,
-              "line": 1,
-              "offset": 10,
-            },
-          },
-          "ns": 0,
           "tag": "div",
           "tagType": 0,
           "type": 1,
         },
       ],
-      "directives": Array [],
+      "codegenNode": undefined,
       "isSelfClosing": false,
       "loc": Object {
         "end": Object {
@@ -2289,6 +2288,7 @@ Object {
         },
       },
       "ns": 0,
+      "props": Array [],
       "tag": "template",
       "tagType": 3,
       "type": 1,
@@ -2315,10 +2315,26 @@ exports[`compiler: parse Errors EOF_IN_TAG <template><div id = 1`] = `
 Object {
   "children": Array [
     Object {
-      "attrs": Array [],
       "children": Array [
         Object {
-          "attrs": Array [
+          "children": Array [],
+          "codegenNode": undefined,
+          "isSelfClosing": false,
+          "loc": Object {
+            "end": Object {
+              "column": 20,
+              "line": 1,
+              "offset": 19,
+            },
+            "source": "<div id =",
+            "start": Object {
+              "column": 11,
+              "line": 1,
+              "offset": 10,
+            },
+          },
+          "ns": 0,
+          "props": Array [
             Object {
               "loc": Object {
                 "end": Object {
@@ -2338,29 +2354,12 @@ Object {
               "value": undefined,
             },
           ],
-          "children": Array [],
-          "directives": Array [],
-          "isSelfClosing": false,
-          "loc": Object {
-            "end": Object {
-              "column": 20,
-              "line": 1,
-              "offset": 19,
-            },
-            "source": "<div id =",
-            "start": Object {
-              "column": 11,
-              "line": 1,
-              "offset": 10,
-            },
-          },
-          "ns": 0,
           "tag": "div",
           "tagType": 0,
           "type": 1,
         },
       ],
-      "directives": Array [],
+      "codegenNode": undefined,
       "isSelfClosing": false,
       "loc": Object {
         "end": Object {
@@ -2376,6 +2375,7 @@ Object {
         },
       },
       "ns": 0,
+      "props": Array [],
       "tag": "template",
       "tagType": 3,
       "type": 1,
@@ -2402,10 +2402,26 @@ exports[`compiler: parse Errors EOF_IN_TAG <template><div id 1`] = `
 Object {
   "children": Array [
     Object {
-      "attrs": Array [],
       "children": Array [
         Object {
-          "attrs": Array [
+          "children": Array [],
+          "codegenNode": undefined,
+          "isSelfClosing": false,
+          "loc": Object {
+            "end": Object {
+              "column": 18,
+              "line": 1,
+              "offset": 17,
+            },
+            "source": "<div id",
+            "start": Object {
+              "column": 11,
+              "line": 1,
+              "offset": 10,
+            },
+          },
+          "ns": 0,
+          "props": Array [
             Object {
               "loc": Object {
                 "end": Object {
@@ -2425,29 +2441,12 @@ Object {
               "value": undefined,
             },
           ],
-          "children": Array [],
-          "directives": Array [],
-          "isSelfClosing": false,
-          "loc": Object {
-            "end": Object {
-              "column": 18,
-              "line": 1,
-              "offset": 17,
-            },
-            "source": "<div id",
-            "start": Object {
-              "column": 11,
-              "line": 1,
-              "offset": 10,
-            },
-          },
-          "ns": 0,
           "tag": "div",
           "tagType": 0,
           "type": 1,
         },
       ],
-      "directives": Array [],
+      "codegenNode": undefined,
       "isSelfClosing": false,
       "loc": Object {
         "end": Object {
@@ -2463,6 +2462,7 @@ Object {
         },
       },
       "ns": 0,
+      "props": Array [],
       "tag": "template",
       "tagType": 3,
       "type": 1,
@@ -2489,10 +2489,26 @@ exports[`compiler: parse Errors EOF_IN_TAG <template><div id="abc 1`] = `
 Object {
   "children": Array [
     Object {
-      "attrs": Array [],
       "children": Array [
         Object {
-          "attrs": Array [
+          "children": Array [],
+          "codegenNode": undefined,
+          "isSelfClosing": false,
+          "loc": Object {
+            "end": Object {
+              "column": 23,
+              "line": 1,
+              "offset": 22,
+            },
+            "source": "<div id=\\"abc",
+            "start": Object {
+              "column": 11,
+              "line": 1,
+              "offset": 10,
+            },
+          },
+          "ns": 0,
+          "props": Array [
             Object {
               "loc": Object {
                 "end": Object {
@@ -2529,29 +2545,12 @@ Object {
               },
             },
           ],
-          "children": Array [],
-          "directives": Array [],
-          "isSelfClosing": false,
-          "loc": Object {
-            "end": Object {
-              "column": 23,
-              "line": 1,
-              "offset": 22,
-            },
-            "source": "<div id=\\"abc",
-            "start": Object {
-              "column": 11,
-              "line": 1,
-              "offset": 10,
-            },
-          },
-          "ns": 0,
           "tag": "div",
           "tagType": 0,
           "type": 1,
         },
       ],
-      "directives": Array [],
+      "codegenNode": undefined,
       "isSelfClosing": false,
       "loc": Object {
         "end": Object {
@@ -2567,6 +2566,7 @@ Object {
         },
       },
       "ns": 0,
+      "props": Array [],
       "tag": "template",
       "tagType": 3,
       "type": 1,
@@ -2593,10 +2593,26 @@ exports[`compiler: parse Errors EOF_IN_TAG <template><div id="abc" 1`] = `
 Object {
   "children": Array [
     Object {
-      "attrs": Array [],
       "children": Array [
         Object {
-          "attrs": Array [
+          "children": Array [],
+          "codegenNode": undefined,
+          "isSelfClosing": false,
+          "loc": Object {
+            "end": Object {
+              "column": 24,
+              "line": 1,
+              "offset": 23,
+            },
+            "source": "<div id=\\"abc\\"",
+            "start": Object {
+              "column": 11,
+              "line": 1,
+              "offset": 10,
+            },
+          },
+          "ns": 0,
+          "props": Array [
             Object {
               "loc": Object {
                 "end": Object {
@@ -2633,29 +2649,12 @@ Object {
               },
             },
           ],
-          "children": Array [],
-          "directives": Array [],
-          "isSelfClosing": false,
-          "loc": Object {
-            "end": Object {
-              "column": 24,
-              "line": 1,
-              "offset": 23,
-            },
-            "source": "<div id=\\"abc\\"",
-            "start": Object {
-              "column": 11,
-              "line": 1,
-              "offset": 10,
-            },
-          },
-          "ns": 0,
           "tag": "div",
           "tagType": 0,
           "type": 1,
         },
       ],
-      "directives": Array [],
+      "codegenNode": undefined,
       "isSelfClosing": false,
       "loc": Object {
         "end": Object {
@@ -2671,6 +2670,7 @@ Object {
         },
       },
       "ns": 0,
+      "props": Array [],
       "tag": "template",
       "tagType": 3,
       "type": 1,
@@ -2697,10 +2697,26 @@ exports[`compiler: parse Errors EOF_IN_TAG <template><div id="abc"/ 1`] = `
 Object {
   "children": Array [
     Object {
-      "attrs": Array [],
       "children": Array [
         Object {
-          "attrs": Array [
+          "children": Array [],
+          "codegenNode": undefined,
+          "isSelfClosing": false,
+          "loc": Object {
+            "end": Object {
+              "column": 25,
+              "line": 1,
+              "offset": 24,
+            },
+            "source": "<div id=\\"abc\\"/",
+            "start": Object {
+              "column": 11,
+              "line": 1,
+              "offset": 10,
+            },
+          },
+          "ns": 0,
+          "props": Array [
             Object {
               "loc": Object {
                 "end": Object {
@@ -2737,29 +2753,12 @@ Object {
               },
             },
           ],
-          "children": Array [],
-          "directives": Array [],
-          "isSelfClosing": false,
-          "loc": Object {
-            "end": Object {
-              "column": 25,
-              "line": 1,
-              "offset": 24,
-            },
-            "source": "<div id=\\"abc\\"/",
-            "start": Object {
-              "column": 11,
-              "line": 1,
-              "offset": 10,
-            },
-          },
-          "ns": 0,
           "tag": "div",
           "tagType": 0,
           "type": 1,
         },
       ],
-      "directives": Array [],
+      "codegenNode": undefined,
       "isSelfClosing": false,
       "loc": Object {
         "end": Object {
@@ -2775,6 +2774,7 @@ Object {
         },
       },
       "ns": 0,
+      "props": Array [],
       "tag": "template",
       "tagType": 3,
       "type": 1,
@@ -2801,10 +2801,26 @@ exports[`compiler: parse Errors EOF_IN_TAG <template><div id='abc 1`] = `
 Object {
   "children": Array [
     Object {
-      "attrs": Array [],
       "children": Array [
         Object {
-          "attrs": Array [
+          "children": Array [],
+          "codegenNode": undefined,
+          "isSelfClosing": false,
+          "loc": Object {
+            "end": Object {
+              "column": 23,
+              "line": 1,
+              "offset": 22,
+            },
+            "source": "<div id='abc",
+            "start": Object {
+              "column": 11,
+              "line": 1,
+              "offset": 10,
+            },
+          },
+          "ns": 0,
+          "props": Array [
             Object {
               "loc": Object {
                 "end": Object {
@@ -2841,29 +2857,12 @@ Object {
               },
             },
           ],
-          "children": Array [],
-          "directives": Array [],
-          "isSelfClosing": false,
-          "loc": Object {
-            "end": Object {
-              "column": 23,
-              "line": 1,
-              "offset": 22,
-            },
-            "source": "<div id='abc",
-            "start": Object {
-              "column": 11,
-              "line": 1,
-              "offset": 10,
-            },
-          },
-          "ns": 0,
           "tag": "div",
           "tagType": 0,
           "type": 1,
         },
       ],
-      "directives": Array [],
+      "codegenNode": undefined,
       "isSelfClosing": false,
       "loc": Object {
         "end": Object {
@@ -2879,6 +2878,7 @@ Object {
         },
       },
       "ns": 0,
+      "props": Array [],
       "tag": "template",
       "tagType": 3,
       "type": 1,
@@ -2905,10 +2905,26 @@ exports[`compiler: parse Errors EOF_IN_TAG <template><div id='abc' 1`] = `
 Object {
   "children": Array [
     Object {
-      "attrs": Array [],
       "children": Array [
         Object {
-          "attrs": Array [
+          "children": Array [],
+          "codegenNode": undefined,
+          "isSelfClosing": false,
+          "loc": Object {
+            "end": Object {
+              "column": 24,
+              "line": 1,
+              "offset": 23,
+            },
+            "source": "<div id='abc'",
+            "start": Object {
+              "column": 11,
+              "line": 1,
+              "offset": 10,
+            },
+          },
+          "ns": 0,
+          "props": Array [
             Object {
               "loc": Object {
                 "end": Object {
@@ -2945,29 +2961,12 @@ Object {
               },
             },
           ],
-          "children": Array [],
-          "directives": Array [],
-          "isSelfClosing": false,
-          "loc": Object {
-            "end": Object {
-              "column": 24,
-              "line": 1,
-              "offset": 23,
-            },
-            "source": "<div id='abc'",
-            "start": Object {
-              "column": 11,
-              "line": 1,
-              "offset": 10,
-            },
-          },
-          "ns": 0,
           "tag": "div",
           "tagType": 0,
           "type": 1,
         },
       ],
-      "directives": Array [],
+      "codegenNode": undefined,
       "isSelfClosing": false,
       "loc": Object {
         "end": Object {
@@ -2983,6 +2982,7 @@ Object {
         },
       },
       "ns": 0,
+      "props": Array [],
       "tag": "template",
       "tagType": 3,
       "type": 1,
@@ -3009,10 +3009,26 @@ exports[`compiler: parse Errors EOF_IN_TAG <template><div id='abc'/ 1`] = `
 Object {
   "children": Array [
     Object {
-      "attrs": Array [],
       "children": Array [
         Object {
-          "attrs": Array [
+          "children": Array [],
+          "codegenNode": undefined,
+          "isSelfClosing": false,
+          "loc": Object {
+            "end": Object {
+              "column": 25,
+              "line": 1,
+              "offset": 24,
+            },
+            "source": "<div id='abc'/",
+            "start": Object {
+              "column": 11,
+              "line": 1,
+              "offset": 10,
+            },
+          },
+          "ns": 0,
+          "props": Array [
             Object {
               "loc": Object {
                 "end": Object {
@@ -3049,29 +3065,12 @@ Object {
               },
             },
           ],
-          "children": Array [],
-          "directives": Array [],
-          "isSelfClosing": false,
-          "loc": Object {
-            "end": Object {
-              "column": 25,
-              "line": 1,
-              "offset": 24,
-            },
-            "source": "<div id='abc'/",
-            "start": Object {
-              "column": 11,
-              "line": 1,
-              "offset": 10,
-            },
-          },
-          "ns": 0,
           "tag": "div",
           "tagType": 0,
           "type": 1,
         },
       ],
-      "directives": Array [],
+      "codegenNode": undefined,
       "isSelfClosing": false,
       "loc": Object {
         "end": Object {
@@ -3087,6 +3086,7 @@ Object {
         },
       },
       "ns": 0,
+      "props": Array [],
       "tag": "template",
       "tagType": 3,
       "type": 1,
@@ -3113,10 +3113,26 @@ exports[`compiler: parse Errors EOF_IN_TAG <template><div id=abc / 1`] = `
 Object {
   "children": Array [
     Object {
-      "attrs": Array [],
       "children": Array [
         Object {
-          "attrs": Array [
+          "children": Array [],
+          "codegenNode": undefined,
+          "isSelfClosing": false,
+          "loc": Object {
+            "end": Object {
+              "column": 24,
+              "line": 1,
+              "offset": 23,
+            },
+            "source": "<div id=abc /",
+            "start": Object {
+              "column": 11,
+              "line": 1,
+              "offset": 10,
+            },
+          },
+          "ns": 0,
+          "props": Array [
             Object {
               "loc": Object {
                 "end": Object {
@@ -3153,29 +3169,12 @@ Object {
               },
             },
           ],
-          "children": Array [],
-          "directives": Array [],
-          "isSelfClosing": false,
-          "loc": Object {
-            "end": Object {
-              "column": 24,
-              "line": 1,
-              "offset": 23,
-            },
-            "source": "<div id=abc /",
-            "start": Object {
-              "column": 11,
-              "line": 1,
-              "offset": 10,
-            },
-          },
-          "ns": 0,
           "tag": "div",
           "tagType": 0,
           "type": 1,
         },
       ],
-      "directives": Array [],
+      "codegenNode": undefined,
       "isSelfClosing": false,
       "loc": Object {
         "end": Object {
@@ -3191,6 +3190,7 @@ Object {
         },
       },
       "ns": 0,
+      "props": Array [],
       "tag": "template",
       "tagType": 3,
       "type": 1,
@@ -3217,10 +3217,26 @@ exports[`compiler: parse Errors EOF_IN_TAG <template><div id=abc 1`] = `
 Object {
   "children": Array [
     Object {
-      "attrs": Array [],
       "children": Array [
         Object {
-          "attrs": Array [
+          "children": Array [],
+          "codegenNode": undefined,
+          "isSelfClosing": false,
+          "loc": Object {
+            "end": Object {
+              "column": 22,
+              "line": 1,
+              "offset": 21,
+            },
+            "source": "<div id=abc",
+            "start": Object {
+              "column": 11,
+              "line": 1,
+              "offset": 10,
+            },
+          },
+          "ns": 0,
+          "props": Array [
             Object {
               "loc": Object {
                 "end": Object {
@@ -3257,29 +3273,12 @@ Object {
               },
             },
           ],
-          "children": Array [],
-          "directives": Array [],
-          "isSelfClosing": false,
-          "loc": Object {
-            "end": Object {
-              "column": 22,
-              "line": 1,
-              "offset": 21,
-            },
-            "source": "<div id=abc",
-            "start": Object {
-              "column": 11,
-              "line": 1,
-              "offset": 10,
-            },
-          },
-          "ns": 0,
           "tag": "div",
           "tagType": 0,
           "type": 1,
         },
       ],
-      "directives": Array [],
+      "codegenNode": undefined,
       "isSelfClosing": false,
       "loc": Object {
         "end": Object {
@@ -3295,6 +3294,7 @@ Object {
         },
       },
       "ns": 0,
+      "props": Array [],
       "tag": "template",
       "tagType": 3,
       "type": 1,
@@ -3321,7 +3321,6 @@ exports[`compiler: parse Errors INCORRECTLY_CLOSED_COMMENT <template><!--comment
 Object {
   "children": Array [
     Object {
-      "attrs": Array [],
       "children": Array [
         Object {
           "content": "comment",
@@ -3341,7 +3340,7 @@ Object {
           "type": 3,
         },
       ],
-      "directives": Array [],
+      "codegenNode": undefined,
       "isSelfClosing": false,
       "loc": Object {
         "end": Object {
@@ -3357,6 +3356,7 @@ Object {
         },
       },
       "ns": 0,
+      "props": Array [],
       "tag": "template",
       "tagType": 3,
       "type": 1,
@@ -3421,7 +3421,6 @@ exports[`compiler: parse Errors INCORRECTLY_OPENED_COMMENT <template><!></templa
 Object {
   "children": Array [
     Object {
-      "attrs": Array [],
       "children": Array [
         Object {
           "content": "",
@@ -3441,7 +3440,7 @@ Object {
           "type": 3,
         },
       ],
-      "directives": Array [],
+      "codegenNode": undefined,
       "isSelfClosing": false,
       "loc": Object {
         "end": Object {
@@ -3457,6 +3456,7 @@ Object {
         },
       },
       "ns": 0,
+      "props": Array [],
       "tag": "template",
       "tagType": 3,
       "type": 1,
@@ -3483,7 +3483,6 @@ exports[`compiler: parse Errors INCORRECTLY_OPENED_COMMENT <template><!-></templ
 Object {
   "children": Array [
     Object {
-      "attrs": Array [],
       "children": Array [
         Object {
           "content": "-",
@@ -3503,7 +3502,7 @@ Object {
           "type": 3,
         },
       ],
-      "directives": Array [],
+      "codegenNode": undefined,
       "isSelfClosing": false,
       "loc": Object {
         "end": Object {
@@ -3519,6 +3518,7 @@ Object {
         },
       },
       "ns": 0,
+      "props": Array [],
       "tag": "template",
       "tagType": 3,
       "type": 1,
@@ -3545,7 +3545,6 @@ exports[`compiler: parse Errors INCORRECTLY_OPENED_COMMENT <template><!ELEMENT b
 Object {
   "children": Array [
     Object {
-      "attrs": Array [],
       "children": Array [
         Object {
           "content": "ELEMENT br EMPTY",
@@ -3565,7 +3564,7 @@ Object {
           "type": 3,
         },
       ],
-      "directives": Array [],
+      "codegenNode": undefined,
       "isSelfClosing": false,
       "loc": Object {
         "end": Object {
@@ -3581,6 +3580,7 @@ Object {
         },
       },
       "ns": 0,
+      "props": Array [],
       "tag": "template",
       "tagType": 3,
       "type": 1,
@@ -3607,7 +3607,6 @@ exports[`compiler: parse Errors INVALID_FIRST_CHARACTER_OF_TAG_NAME <template></
 Object {
   "children": Array [
     Object {
-      "attrs": Array [],
       "children": Array [
         Object {
           "content": "�",
@@ -3627,7 +3626,7 @@ Object {
           "type": 3,
         },
       ],
-      "directives": Array [],
+      "codegenNode": undefined,
       "isSelfClosing": false,
       "loc": Object {
         "end": Object {
@@ -3643,6 +3642,7 @@ Object {
         },
       },
       "ns": 0,
+      "props": Array [],
       "tag": "template",
       "tagType": 3,
       "type": 1,
@@ -3669,7 +3669,6 @@ exports[`compiler: parse Errors INVALID_FIRST_CHARACTER_OF_TAG_NAME <template><
 Object {
   "children": Array [
     Object {
-      "attrs": Array [],
       "children": Array [
         Object {
           "content": "<�>",
@@ -3690,7 +3689,7 @@ Object {
           "type": 2,
         },
       ],
-      "directives": Array [],
+      "codegenNode": undefined,
       "isSelfClosing": false,
       "loc": Object {
         "end": Object {
@@ -3706,6 +3705,7 @@ Object {
         },
       },
       "ns": 0,
+      "props": Array [],
       "tag": "template",
       "tagType": 3,
       "type": 1,
@@ -3732,7 +3732,6 @@ exports[`compiler: parse Errors INVALID_FIRST_CHARACTER_OF_TAG_NAME <template>{{
 Object {
   "children": Array [
     Object {
-      "attrs": Array [],
       "children": Array [
         Object {
           "content": "a < b",
@@ -3753,7 +3752,7 @@ Object {
           "type": 4,
         },
       ],
-      "directives": Array [],
+      "codegenNode": undefined,
       "isSelfClosing": false,
       "loc": Object {
         "end": Object {
@@ -3769,6 +3768,7 @@ Object {
         },
       },
       "ns": 0,
+      "props": Array [],
       "tag": "template",
       "tagType": 3,
       "type": 1,
@@ -3795,7 +3795,6 @@ exports[`compiler: parse Errors INVALID_FIRST_CHARACTER_OF_TAG_NAME <template>a
 Object {
   "children": Array [
     Object {
-      "attrs": Array [],
       "children": Array [
         Object {
           "content": "a < b",
@@ -3816,7 +3815,7 @@ Object {
           "type": 2,
         },
       ],
-      "directives": Array [],
+      "codegenNode": undefined,
       "isSelfClosing": false,
       "loc": Object {
         "end": Object {
@@ -3832,6 +3831,7 @@ Object {
         },
       },
       "ns": 0,
+      "props": Array [],
       "tag": "template",
       "tagType": 3,
       "type": 1,
@@ -3858,7 +3858,6 @@ exports[`compiler: parse Errors INVALID_FIRST_CHARACTER_OF_TAG_NAME <template>a
 Object {
   "children": Array [
     Object {
-      "attrs": Array [],
       "children": Array [
         Object {
           "content": "a ",
@@ -3896,7 +3895,7 @@ Object {
           "type": 3,
         },
       ],
-      "directives": Array [],
+      "codegenNode": undefined,
       "isSelfClosing": false,
       "loc": Object {
         "end": Object {
@@ -3912,6 +3911,7 @@ Object {
         },
       },
       "ns": 0,
+      "props": Array [],
       "tag": "template",
       "tagType": 3,
       "type": 1,
@@ -3938,10 +3938,26 @@ exports[`compiler: parse Errors MISSING_ATTRIBUTE_VALUE <template><div id= /></d
 Object {
   "children": Array [
     Object {
-      "attrs": Array [],
       "children": Array [
         Object {
-          "attrs": Array [
+          "children": Array [],
+          "codegenNode": undefined,
+          "isSelfClosing": false,
+          "loc": Object {
+            "end": Object {
+              "column": 28,
+              "line": 1,
+              "offset": 27,
+            },
+            "source": "<div id= /></div>",
+            "start": Object {
+              "column": 11,
+              "line": 1,
+              "offset": 10,
+            },
+          },
+          "ns": 0,
+          "props": Array [
             Object {
               "loc": Object {
                 "end": Object {
@@ -3978,29 +3994,12 @@ Object {
               },
             },
           ],
-          "children": Array [],
-          "directives": Array [],
-          "isSelfClosing": false,
-          "loc": Object {
-            "end": Object {
-              "column": 28,
-              "line": 1,
-              "offset": 27,
-            },
-            "source": "<div id= /></div>",
-            "start": Object {
-              "column": 11,
-              "line": 1,
-              "offset": 10,
-            },
-          },
-          "ns": 0,
           "tag": "div",
           "tagType": 0,
           "type": 1,
         },
       ],
-      "directives": Array [],
+      "codegenNode": undefined,
       "isSelfClosing": false,
       "loc": Object {
         "end": Object {
@@ -4016,6 +4015,7 @@ Object {
         },
       },
       "ns": 0,
+      "props": Array [],
       "tag": "template",
       "tagType": 3,
       "type": 1,
@@ -4042,10 +4042,26 @@ exports[`compiler: parse Errors MISSING_ATTRIBUTE_VALUE <template><div id= ></di
 Object {
   "children": Array [
     Object {
-      "attrs": Array [],
       "children": Array [
         Object {
-          "attrs": Array [
+          "children": Array [],
+          "codegenNode": undefined,
+          "isSelfClosing": false,
+          "loc": Object {
+            "end": Object {
+              "column": 27,
+              "line": 1,
+              "offset": 26,
+            },
+            "source": "<div id= ></div>",
+            "start": Object {
+              "column": 11,
+              "line": 1,
+              "offset": 10,
+            },
+          },
+          "ns": 0,
+          "props": Array [
             Object {
               "loc": Object {
                 "end": Object {
@@ -4065,29 +4081,12 @@ Object {
               "value": undefined,
             },
           ],
-          "children": Array [],
-          "directives": Array [],
-          "isSelfClosing": false,
-          "loc": Object {
-            "end": Object {
-              "column": 27,
-              "line": 1,
-              "offset": 26,
-            },
-            "source": "<div id= ></div>",
-            "start": Object {
-              "column": 11,
-              "line": 1,
-              "offset": 10,
-            },
-          },
-          "ns": 0,
           "tag": "div",
           "tagType": 0,
           "type": 1,
         },
       ],
-      "directives": Array [],
+      "codegenNode": undefined,
       "isSelfClosing": false,
       "loc": Object {
         "end": Object {
@@ -4103,6 +4102,7 @@ Object {
         },
       },
       "ns": 0,
+      "props": Array [],
       "tag": "template",
       "tagType": 3,
       "type": 1,
@@ -4129,10 +4129,26 @@ exports[`compiler: parse Errors MISSING_ATTRIBUTE_VALUE <template><div id=></div
 Object {
   "children": Array [
     Object {
-      "attrs": Array [],
       "children": Array [
         Object {
-          "attrs": Array [
+          "children": Array [],
+          "codegenNode": undefined,
+          "isSelfClosing": false,
+          "loc": Object {
+            "end": Object {
+              "column": 26,
+              "line": 1,
+              "offset": 25,
+            },
+            "source": "<div id=></div>",
+            "start": Object {
+              "column": 11,
+              "line": 1,
+              "offset": 10,
+            },
+          },
+          "ns": 0,
+          "props": Array [
             Object {
               "loc": Object {
                 "end": Object {
@@ -4152,29 +4168,12 @@ Object {
               "value": undefined,
             },
           ],
-          "children": Array [],
-          "directives": Array [],
-          "isSelfClosing": false,
-          "loc": Object {
-            "end": Object {
-              "column": 26,
-              "line": 1,
-              "offset": 25,
-            },
-            "source": "<div id=></div>",
-            "start": Object {
-              "column": 11,
-              "line": 1,
-              "offset": 10,
-            },
-          },
-          "ns": 0,
           "tag": "div",
           "tagType": 0,
           "type": 1,
         },
       ],
-      "directives": Array [],
+      "codegenNode": undefined,
       "isSelfClosing": false,
       "loc": Object {
         "end": Object {
@@ -4190,6 +4189,7 @@ Object {
         },
       },
       "ns": 0,
+      "props": Array [],
       "tag": "template",
       "tagType": 3,
       "type": 1,
@@ -4216,9 +4216,8 @@ exports[`compiler: parse Errors MISSING_END_TAG_NAME <template></></template> 1`
 Object {
   "children": Array [
     Object {
-      "attrs": Array [],
       "children": Array [],
-      "directives": Array [],
+      "codegenNode": undefined,
       "isSelfClosing": false,
       "loc": Object {
         "end": Object {
@@ -4234,6 +4233,7 @@ Object {
         },
       },
       "ns": 0,
+      "props": Array [],
       "tag": "template",
       "tagType": 3,
       "type": 1,
@@ -4260,7 +4260,6 @@ exports[`compiler: parse Errors MISSING_SEMICOLON_AFTER_CHARACTER_REFERENCE <tem
 Object {
   "children": Array [
     Object {
-      "attrs": Array [],
       "children": Array [
         Object {
           "content": "(",
@@ -4281,7 +4280,7 @@ Object {
           "type": 2,
         },
       ],
-      "directives": Array [],
+      "codegenNode": undefined,
       "isSelfClosing": false,
       "loc": Object {
         "end": Object {
@@ -4297,6 +4296,7 @@ Object {
         },
       },
       "ns": 0,
+      "props": Array [],
       "tag": "template",
       "tagType": 3,
       "type": 1,
@@ -4323,7 +4323,6 @@ exports[`compiler: parse Errors MISSING_SEMICOLON_AFTER_CHARACTER_REFERENCE <tem
 Object {
   "children": Array [
     Object {
-      "attrs": Array [],
       "children": Array [
         Object {
           "content": "@",
@@ -4344,7 +4343,7 @@ Object {
           "type": 2,
         },
       ],
-      "directives": Array [],
+      "codegenNode": undefined,
       "isSelfClosing": false,
       "loc": Object {
         "end": Object {
@@ -4360,6 +4359,7 @@ Object {
         },
       },
       "ns": 0,
+      "props": Array [],
       "tag": "template",
       "tagType": 3,
       "type": 1,
@@ -4386,7 +4386,6 @@ exports[`compiler: parse Errors MISSING_SEMICOLON_AFTER_CHARACTER_REFERENCE <tem
 Object {
   "children": Array [
     Object {
-      "attrs": Array [],
       "children": Array [
         Object {
           "content": "&",
@@ -4407,7 +4406,7 @@ Object {
           "type": 2,
         },
       ],
-      "directives": Array [],
+      "codegenNode": undefined,
       "isSelfClosing": false,
       "loc": Object {
         "end": Object {
@@ -4423,6 +4422,7 @@ Object {
         },
       },
       "ns": 0,
+      "props": Array [],
       "tag": "template",
       "tagType": 3,
       "type": 1,
@@ -4449,10 +4449,27 @@ exports[`compiler: parse Errors MISSING_WHITESPACE_BETWEEN_ATTRIBUTES <template>
 Object {
   "children": Array [
     Object {
-      "attrs": Array [],
       "children": Array [
         Object {
-          "attrs": Array [
+          "children": Array [],
+          "codegenNode": undefined,
+          "isSelfClosing": false,
+          "loc": Object {
+            "end": Object {
+              "column": 19,
+              "line": 2,
+              "offset": 43,
+            },
+            "source": "<div id=\\"foo\\"
+class=\\"bar\\"></div>",
+            "start": Object {
+              "column": 11,
+              "line": 1,
+              "offset": 10,
+            },
+          },
+          "ns": 0,
+          "props": Array [
             Object {
               "loc": Object {
                 "end": Object {
@@ -4524,30 +4541,12 @@ Object {
               },
             },
           ],
-          "children": Array [],
-          "directives": Array [],
-          "isSelfClosing": false,
-          "loc": Object {
-            "end": Object {
-              "column": 19,
-              "line": 2,
-              "offset": 43,
-            },
-            "source": "<div id=\\"foo\\"
-class=\\"bar\\"></div>",
-            "start": Object {
-              "column": 11,
-              "line": 1,
-              "offset": 10,
-            },
-          },
-          "ns": 0,
           "tag": "div",
           "tagType": 0,
           "type": 1,
         },
       ],
-      "directives": Array [],
+      "codegenNode": undefined,
       "isSelfClosing": false,
       "loc": Object {
         "end": Object {
@@ -4564,6 +4563,7 @@ class=\\"bar\\"></div></template>",
         },
       },
       "ns": 0,
+      "props": Array [],
       "tag": "template",
       "tagType": 3,
       "type": 1,
@@ -4591,10 +4591,26 @@ exports[`compiler: parse Errors MISSING_WHITESPACE_BETWEEN_ATTRIBUTES <template>
 Object {
   "children": Array [
     Object {
-      "attrs": Array [],
       "children": Array [
         Object {
-          "attrs": Array [
+          "children": Array [],
+          "codegenNode": undefined,
+          "isSelfClosing": false,
+          "loc": Object {
+            "end": Object {
+              "column": 42,
+              "line": 1,
+              "offset": 41,
+            },
+            "source": "<div id=\\"foo\\"class=\\"bar\\"></div>",
+            "start": Object {
+              "column": 11,
+              "line": 1,
+              "offset": 10,
+            },
+          },
+          "ns": 0,
+          "props": Array [
             Object {
               "loc": Object {
                 "end": Object {
@@ -4666,29 +4682,12 @@ Object {
               },
             },
           ],
-          "children": Array [],
-          "directives": Array [],
-          "isSelfClosing": false,
-          "loc": Object {
-            "end": Object {
-              "column": 42,
-              "line": 1,
-              "offset": 41,
-            },
-            "source": "<div id=\\"foo\\"class=\\"bar\\"></div>",
-            "start": Object {
-              "column": 11,
-              "line": 1,
-              "offset": 10,
-            },
-          },
-          "ns": 0,
           "tag": "div",
           "tagType": 0,
           "type": 1,
         },
       ],
-      "directives": Array [],
+      "codegenNode": undefined,
       "isSelfClosing": false,
       "loc": Object {
         "end": Object {
@@ -4704,6 +4703,7 @@ Object {
         },
       },
       "ns": 0,
+      "props": Array [],
       "tag": "template",
       "tagType": 3,
       "type": 1,
@@ -4730,7 +4730,6 @@ exports[`compiler: parse Errors NESTED_COMMENT <template><!--a<!-- 1`] = `
 Object {
   "children": Array [
     Object {
-      "attrs": Array [],
       "children": Array [
         Object {
           "content": "a<!--",
@@ -4750,7 +4749,7 @@ Object {
           "type": 3,
         },
       ],
-      "directives": Array [],
+      "codegenNode": undefined,
       "isSelfClosing": false,
       "loc": Object {
         "end": Object {
@@ -4766,6 +4765,7 @@ Object {
         },
       },
       "ns": 0,
+      "props": Array [],
       "tag": "template",
       "tagType": 3,
       "type": 1,
@@ -4792,7 +4792,6 @@ exports[`compiler: parse Errors NESTED_COMMENT <template><!--a<!--></template> 1
 Object {
   "children": Array [
     Object {
-      "attrs": Array [],
       "children": Array [
         Object {
           "content": "a<!",
@@ -4812,7 +4811,7 @@ Object {
           "type": 3,
         },
       ],
-      "directives": Array [],
+      "codegenNode": undefined,
       "isSelfClosing": false,
       "loc": Object {
         "end": Object {
@@ -4828,6 +4827,7 @@ Object {
         },
       },
       "ns": 0,
+      "props": Array [],
       "tag": "template",
       "tagType": 3,
       "type": 1,
@@ -4854,7 +4854,6 @@ exports[`compiler: parse Errors NESTED_COMMENT <template><!--a<!--b<!--c--></tem
 Object {
   "children": Array [
     Object {
-      "attrs": Array [],
       "children": Array [
         Object {
           "content": "a<!--b<!--c",
@@ -4874,7 +4873,7 @@ Object {
           "type": 3,
         },
       ],
-      "directives": Array [],
+      "codegenNode": undefined,
       "isSelfClosing": false,
       "loc": Object {
         "end": Object {
@@ -4890,6 +4889,7 @@ Object {
         },
       },
       "ns": 0,
+      "props": Array [],
       "tag": "template",
       "tagType": 3,
       "type": 1,
@@ -4916,7 +4916,6 @@ exports[`compiler: parse Errors NESTED_COMMENT <template><!--a<!--b--></template
 Object {
   "children": Array [
     Object {
-      "attrs": Array [],
       "children": Array [
         Object {
           "content": "a<!--b",
@@ -4936,7 +4935,7 @@ Object {
           "type": 3,
         },
       ],
-      "directives": Array [],
+      "codegenNode": undefined,
       "isSelfClosing": false,
       "loc": Object {
         "end": Object {
@@ -4952,6 +4951,7 @@ Object {
         },
       },
       "ns": 0,
+      "props": Array [],
       "tag": "template",
       "tagType": 3,
       "type": 1,
@@ -4978,7 +4978,6 @@ exports[`compiler: parse Errors NONCHARACTER_CHARACTER_REFERENCE <template>&#x1F
 Object {
   "children": Array [
     Object {
-      "attrs": Array [],
       "children": Array [
         Object {
           "content": "🿿",
@@ -4999,7 +4998,7 @@ Object {
           "type": 2,
         },
       ],
-      "directives": Array [],
+      "codegenNode": undefined,
       "isSelfClosing": false,
       "loc": Object {
         "end": Object {
@@ -5015,6 +5014,7 @@ Object {
         },
       },
       "ns": 0,
+      "props": Array [],
       "tag": "template",
       "tagType": 3,
       "type": 1,
@@ -5041,7 +5041,6 @@ exports[`compiler: parse Errors NONCHARACTER_CHARACTER_REFERENCE <template>&#xFF
 Object {
   "children": Array [
     Object {
-      "attrs": Array [],
       "children": Array [
         Object {
           "content": "￾",
@@ -5062,7 +5061,7 @@ Object {
           "type": 2,
         },
       ],
-      "directives": Array [],
+      "codegenNode": undefined,
       "isSelfClosing": false,
       "loc": Object {
         "end": Object {
@@ -5078,6 +5077,7 @@ Object {
         },
       },
       "ns": 0,
+      "props": Array [],
       "tag": "template",
       "tagType": 3,
       "type": 1,
@@ -5104,7 +5104,6 @@ exports[`compiler: parse Errors NULL_CHARACTER_REFERENCE <template>&#0000;</temp
 Object {
   "children": Array [
     Object {
-      "attrs": Array [],
       "children": Array [
         Object {
           "content": "�",
@@ -5125,7 +5124,7 @@ Object {
           "type": 2,
         },
       ],
-      "directives": Array [],
+      "codegenNode": undefined,
       "isSelfClosing": false,
       "loc": Object {
         "end": Object {
@@ -5141,6 +5140,7 @@ Object {
         },
       },
       "ns": 0,
+      "props": Array [],
       "tag": "template",
       "tagType": 3,
       "type": 1,
@@ -5167,7 +5167,6 @@ exports[`compiler: parse Errors SURROGATE_CHARACTER_REFERENCE <template>&#xD800;
 Object {
   "children": Array [
     Object {
-      "attrs": Array [],
       "children": Array [
         Object {
           "content": "�",
@@ -5188,7 +5187,7 @@ Object {
           "type": 2,
         },
       ],
-      "directives": Array [],
+      "codegenNode": undefined,
       "isSelfClosing": false,
       "loc": Object {
         "end": Object {
@@ -5204,6 +5203,7 @@ Object {
         },
       },
       "ns": 0,
+      "props": Array [],
       "tag": "template",
       "tagType": 3,
       "type": 1,
@@ -5230,10 +5230,26 @@ exports[`compiler: parse Errors UNEXPECTED_CHARACTER_IN_ATTRIBUTE_NAME <template
 Object {
   "children": Array [
     Object {
-      "attrs": Array [],
       "children": Array [
         Object {
-          "attrs": Array [
+          "children": Array [],
+          "codegenNode": undefined,
+          "isSelfClosing": false,
+          "loc": Object {
+            "end": Object {
+              "column": 30,
+              "line": 1,
+              "offset": 29,
+            },
+            "source": "<div a\\"bc=''></div>",
+            "start": Object {
+              "column": 11,
+              "line": 1,
+              "offset": 10,
+            },
+          },
+          "ns": 0,
+          "props": Array [
             Object {
               "loc": Object {
                 "end": Object {
@@ -5270,29 +5286,12 @@ Object {
               },
             },
           ],
-          "children": Array [],
-          "directives": Array [],
-          "isSelfClosing": false,
-          "loc": Object {
-            "end": Object {
-              "column": 30,
-              "line": 1,
-              "offset": 29,
-            },
-            "source": "<div a\\"bc=''></div>",
-            "start": Object {
-              "column": 11,
-              "line": 1,
-              "offset": 10,
-            },
-          },
-          "ns": 0,
           "tag": "div",
           "tagType": 0,
           "type": 1,
         },
       ],
-      "directives": Array [],
+      "codegenNode": undefined,
       "isSelfClosing": false,
       "loc": Object {
         "end": Object {
@@ -5308,6 +5307,7 @@ Object {
         },
       },
       "ns": 0,
+      "props": Array [],
       "tag": "template",
       "tagType": 3,
       "type": 1,
@@ -5334,10 +5334,26 @@ exports[`compiler: parse Errors UNEXPECTED_CHARACTER_IN_ATTRIBUTE_NAME <template
 Object {
   "children": Array [
     Object {
-      "attrs": Array [],
       "children": Array [
         Object {
-          "attrs": Array [
+          "children": Array [],
+          "codegenNode": undefined,
+          "isSelfClosing": false,
+          "loc": Object {
+            "end": Object {
+              "column": 30,
+              "line": 1,
+              "offset": 29,
+            },
+            "source": "<div a'bc=''></div>",
+            "start": Object {
+              "column": 11,
+              "line": 1,
+              "offset": 10,
+            },
+          },
+          "ns": 0,
+          "props": Array [
             Object {
               "loc": Object {
                 "end": Object {
@@ -5374,29 +5390,12 @@ Object {
               },
             },
           ],
-          "children": Array [],
-          "directives": Array [],
-          "isSelfClosing": false,
-          "loc": Object {
-            "end": Object {
-              "column": 30,
-              "line": 1,
-              "offset": 29,
-            },
-            "source": "<div a'bc=''></div>",
-            "start": Object {
-              "column": 11,
-              "line": 1,
-              "offset": 10,
-            },
-          },
-          "ns": 0,
           "tag": "div",
           "tagType": 0,
           "type": 1,
         },
       ],
-      "directives": Array [],
+      "codegenNode": undefined,
       "isSelfClosing": false,
       "loc": Object {
         "end": Object {
@@ -5412,6 +5411,7 @@ Object {
         },
       },
       "ns": 0,
+      "props": Array [],
       "tag": "template",
       "tagType": 3,
       "type": 1,
@@ -5438,10 +5438,26 @@ exports[`compiler: parse Errors UNEXPECTED_CHARACTER_IN_ATTRIBUTE_NAME <template
 Object {
   "children": Array [
     Object {
-      "attrs": Array [],
       "children": Array [
         Object {
-          "attrs": Array [
+          "children": Array [],
+          "codegenNode": undefined,
+          "isSelfClosing": false,
+          "loc": Object {
+            "end": Object {
+              "column": 30,
+              "line": 1,
+              "offset": 29,
+            },
+            "source": "<div a<bc=''></div>",
+            "start": Object {
+              "column": 11,
+              "line": 1,
+              "offset": 10,
+            },
+          },
+          "ns": 0,
+          "props": Array [
             Object {
               "loc": Object {
                 "end": Object {
@@ -5478,29 +5494,12 @@ Object {
               },
             },
           ],
-          "children": Array [],
-          "directives": Array [],
-          "isSelfClosing": false,
-          "loc": Object {
-            "end": Object {
-              "column": 30,
-              "line": 1,
-              "offset": 29,
-            },
-            "source": "<div a<bc=''></div>",
-            "start": Object {
-              "column": 11,
-              "line": 1,
-              "offset": 10,
-            },
-          },
-          "ns": 0,
           "tag": "div",
           "tagType": 0,
           "type": 1,
         },
       ],
-      "directives": Array [],
+      "codegenNode": undefined,
       "isSelfClosing": false,
       "loc": Object {
         "end": Object {
@@ -5516,6 +5515,7 @@ Object {
         },
       },
       "ns": 0,
+      "props": Array [],
       "tag": "template",
       "tagType": 3,
       "type": 1,
@@ -5542,10 +5542,26 @@ exports[`compiler: parse Errors UNEXPECTED_CHARACTER_IN_UNQUOTED_ATTRIBUTE_VALUE
 Object {
   "children": Array [
     Object {
-      "attrs": Array [],
       "children": Array [
         Object {
-          "attrs": Array [
+          "children": Array [],
+          "codegenNode": undefined,
+          "isSelfClosing": false,
+          "loc": Object {
+            "end": Object {
+              "column": 31,
+              "line": 1,
+              "offset": 30,
+            },
+            "source": "<div foo=bar\\"></div>",
+            "start": Object {
+              "column": 11,
+              "line": 1,
+              "offset": 10,
+            },
+          },
+          "ns": 0,
+          "props": Array [
             Object {
               "loc": Object {
                 "end": Object {
@@ -5582,29 +5598,12 @@ Object {
               },
             },
           ],
-          "children": Array [],
-          "directives": Array [],
-          "isSelfClosing": false,
-          "loc": Object {
-            "end": Object {
-              "column": 31,
-              "line": 1,
-              "offset": 30,
-            },
-            "source": "<div foo=bar\\"></div>",
-            "start": Object {
-              "column": 11,
-              "line": 1,
-              "offset": 10,
-            },
-          },
-          "ns": 0,
           "tag": "div",
           "tagType": 0,
           "type": 1,
         },
       ],
-      "directives": Array [],
+      "codegenNode": undefined,
       "isSelfClosing": false,
       "loc": Object {
         "end": Object {
@@ -5620,6 +5619,7 @@ Object {
         },
       },
       "ns": 0,
+      "props": Array [],
       "tag": "template",
       "tagType": 3,
       "type": 1,
@@ -5646,10 +5646,26 @@ exports[`compiler: parse Errors UNEXPECTED_CHARACTER_IN_UNQUOTED_ATTRIBUTE_VALUE
 Object {
   "children": Array [
     Object {
-      "attrs": Array [],
       "children": Array [
         Object {
-          "attrs": Array [
+          "children": Array [],
+          "codegenNode": undefined,
+          "isSelfClosing": false,
+          "loc": Object {
+            "end": Object {
+              "column": 31,
+              "line": 1,
+              "offset": 30,
+            },
+            "source": "<div foo=bar'></div>",
+            "start": Object {
+              "column": 11,
+              "line": 1,
+              "offset": 10,
+            },
+          },
+          "ns": 0,
+          "props": Array [
             Object {
               "loc": Object {
                 "end": Object {
@@ -5686,29 +5702,12 @@ Object {
               },
             },
           ],
-          "children": Array [],
-          "directives": Array [],
-          "isSelfClosing": false,
-          "loc": Object {
-            "end": Object {
-              "column": 31,
-              "line": 1,
-              "offset": 30,
-            },
-            "source": "<div foo=bar'></div>",
-            "start": Object {
-              "column": 11,
-              "line": 1,
-              "offset": 10,
-            },
-          },
-          "ns": 0,
           "tag": "div",
           "tagType": 0,
           "type": 1,
         },
       ],
-      "directives": Array [],
+      "codegenNode": undefined,
       "isSelfClosing": false,
       "loc": Object {
         "end": Object {
@@ -5724,6 +5723,7 @@ Object {
         },
       },
       "ns": 0,
+      "props": Array [],
       "tag": "template",
       "tagType": 3,
       "type": 1,
@@ -5750,10 +5750,26 @@ exports[`compiler: parse Errors UNEXPECTED_CHARACTER_IN_UNQUOTED_ATTRIBUTE_VALUE
 Object {
   "children": Array [
     Object {
-      "attrs": Array [],
       "children": Array [
         Object {
-          "attrs": Array [
+          "children": Array [],
+          "codegenNode": undefined,
+          "isSelfClosing": false,
+          "loc": Object {
+            "end": Object {
+              "column": 34,
+              "line": 1,
+              "offset": 33,
+            },
+            "source": "<div foo=bar<div></div>",
+            "start": Object {
+              "column": 11,
+              "line": 1,
+              "offset": 10,
+            },
+          },
+          "ns": 0,
+          "props": Array [
             Object {
               "loc": Object {
                 "end": Object {
@@ -5790,29 +5806,12 @@ Object {
               },
             },
           ],
-          "children": Array [],
-          "directives": Array [],
-          "isSelfClosing": false,
-          "loc": Object {
-            "end": Object {
-              "column": 34,
-              "line": 1,
-              "offset": 33,
-            },
-            "source": "<div foo=bar<div></div>",
-            "start": Object {
-              "column": 11,
-              "line": 1,
-              "offset": 10,
-            },
-          },
-          "ns": 0,
           "tag": "div",
           "tagType": 0,
           "type": 1,
         },
       ],
-      "directives": Array [],
+      "codegenNode": undefined,
       "isSelfClosing": false,
       "loc": Object {
         "end": Object {
@@ -5828,6 +5827,7 @@ Object {
         },
       },
       "ns": 0,
+      "props": Array [],
       "tag": "template",
       "tagType": 3,
       "type": 1,
@@ -5854,10 +5854,26 @@ exports[`compiler: parse Errors UNEXPECTED_CHARACTER_IN_UNQUOTED_ATTRIBUTE_VALUE
 Object {
   "children": Array [
     Object {
-      "attrs": Array [],
       "children": Array [
         Object {
-          "attrs": Array [
+          "children": Array [],
+          "codegenNode": undefined,
+          "isSelfClosing": false,
+          "loc": Object {
+            "end": Object {
+              "column": 34,
+              "line": 1,
+              "offset": 33,
+            },
+            "source": "<div foo=bar=baz></div>",
+            "start": Object {
+              "column": 11,
+              "line": 1,
+              "offset": 10,
+            },
+          },
+          "ns": 0,
+          "props": Array [
             Object {
               "loc": Object {
                 "end": Object {
@@ -5885,38 +5901,21 @@ Object {
                   },
                   "source": "bar=baz",
                   "start": Object {
-                    "column": 20,
-                    "line": 1,
-                    "offset": 19,
-                  },
-                },
-                "type": 2,
-              },
-            },
-          ],
-          "children": Array [],
-          "directives": Array [],
-          "isSelfClosing": false,
-          "loc": Object {
-            "end": Object {
-              "column": 34,
-              "line": 1,
-              "offset": 33,
-            },
-            "source": "<div foo=bar=baz></div>",
-            "start": Object {
-              "column": 11,
-              "line": 1,
-              "offset": 10,
+                    "column": 20,
+                    "line": 1,
+                    "offset": 19,
+                  },
+                },
+                "type": 2,
+              },
             },
-          },
-          "ns": 0,
+          ],
           "tag": "div",
           "tagType": 0,
           "type": 1,
         },
       ],
-      "directives": Array [],
+      "codegenNode": undefined,
       "isSelfClosing": false,
       "loc": Object {
         "end": Object {
@@ -5932,6 +5931,7 @@ Object {
         },
       },
       "ns": 0,
+      "props": Array [],
       "tag": "template",
       "tagType": 3,
       "type": 1,
@@ -5958,10 +5958,26 @@ exports[`compiler: parse Errors UNEXPECTED_CHARACTER_IN_UNQUOTED_ATTRIBUTE_VALUE
 Object {
   "children": Array [
     Object {
-      "attrs": Array [],
       "children": Array [
         Object {
-          "attrs": Array [
+          "children": Array [],
+          "codegenNode": undefined,
+          "isSelfClosing": false,
+          "loc": Object {
+            "end": Object {
+              "column": 31,
+              "line": 1,
+              "offset": 30,
+            },
+            "source": "<div foo=bar\`></div>",
+            "start": Object {
+              "column": 11,
+              "line": 1,
+              "offset": 10,
+            },
+          },
+          "ns": 0,
+          "props": Array [
             Object {
               "loc": Object {
                 "end": Object {
@@ -5998,29 +6014,12 @@ Object {
               },
             },
           ],
-          "children": Array [],
-          "directives": Array [],
-          "isSelfClosing": false,
-          "loc": Object {
-            "end": Object {
-              "column": 31,
-              "line": 1,
-              "offset": 30,
-            },
-            "source": "<div foo=bar\`></div>",
-            "start": Object {
-              "column": 11,
-              "line": 1,
-              "offset": 10,
-            },
-          },
-          "ns": 0,
           "tag": "div",
           "tagType": 0,
           "type": 1,
         },
       ],
-      "directives": Array [],
+      "codegenNode": undefined,
       "isSelfClosing": false,
       "loc": Object {
         "end": Object {
@@ -6036,6 +6035,7 @@ Object {
         },
       },
       "ns": 0,
+      "props": Array [],
       "tag": "template",
       "tagType": 3,
       "type": 1,
@@ -6062,10 +6062,26 @@ exports[`compiler: parse Errors UNEXPECTED_EQUALS_SIGN_BEFORE_ATTRIBUTE_NAME <te
 Object {
   "children": Array [
     Object {
-      "attrs": Array [],
       "children": Array [
         Object {
-          "attrs": Array [
+          "children": Array [],
+          "codegenNode": undefined,
+          "isSelfClosing": false,
+          "loc": Object {
+            "end": Object {
+              "column": 24,
+              "line": 1,
+              "offset": 23,
+            },
+            "source": "<div =></div>",
+            "start": Object {
+              "column": 11,
+              "line": 1,
+              "offset": 10,
+            },
+          },
+          "ns": 0,
+          "props": Array [
             Object {
               "loc": Object {
                 "end": Object {
@@ -6085,29 +6101,12 @@ Object {
               "value": undefined,
             },
           ],
-          "children": Array [],
-          "directives": Array [],
-          "isSelfClosing": false,
-          "loc": Object {
-            "end": Object {
-              "column": 24,
-              "line": 1,
-              "offset": 23,
-            },
-            "source": "<div =></div>",
-            "start": Object {
-              "column": 11,
-              "line": 1,
-              "offset": 10,
-            },
-          },
-          "ns": 0,
           "tag": "div",
           "tagType": 0,
           "type": 1,
         },
       ],
-      "directives": Array [],
+      "codegenNode": undefined,
       "isSelfClosing": false,
       "loc": Object {
         "end": Object {
@@ -6123,6 +6122,7 @@ Object {
         },
       },
       "ns": 0,
+      "props": Array [],
       "tag": "template",
       "tagType": 3,
       "type": 1,
@@ -6149,10 +6149,26 @@ exports[`compiler: parse Errors UNEXPECTED_EQUALS_SIGN_BEFORE_ATTRIBUTE_NAME <te
 Object {
   "children": Array [
     Object {
-      "attrs": Array [],
       "children": Array [
         Object {
-          "attrs": Array [
+          "children": Array [],
+          "codegenNode": undefined,
+          "isSelfClosing": false,
+          "loc": Object {
+            "end": Object {
+              "column": 31,
+              "line": 1,
+              "offset": 30,
+            },
+            "source": "<div =foo=bar></div>",
+            "start": Object {
+              "column": 11,
+              "line": 1,
+              "offset": 10,
+            },
+          },
+          "ns": 0,
+          "props": Array [
             Object {
               "loc": Object {
                 "end": Object {
@@ -6189,29 +6205,12 @@ Object {
               },
             },
           ],
-          "children": Array [],
-          "directives": Array [],
-          "isSelfClosing": false,
-          "loc": Object {
-            "end": Object {
-              "column": 31,
-              "line": 1,
-              "offset": 30,
-            },
-            "source": "<div =foo=bar></div>",
-            "start": Object {
-              "column": 11,
-              "line": 1,
-              "offset": 10,
-            },
-          },
-          "ns": 0,
           "tag": "div",
           "tagType": 0,
           "type": 1,
         },
       ],
-      "directives": Array [],
+      "codegenNode": undefined,
       "isSelfClosing": false,
       "loc": Object {
         "end": Object {
@@ -6227,6 +6226,7 @@ Object {
         },
       },
       "ns": 0,
+      "props": Array [],
       "tag": "template",
       "tagType": 3,
       "type": 1,
@@ -6253,7 +6253,6 @@ exports[`compiler: parse Errors UNEXPECTED_QUESTION_MARK_INSTEAD_OF_TAG_NAME <te
 Object {
   "children": Array [
     Object {
-      "attrs": Array [],
       "children": Array [
         Object {
           "content": "?xml?",
@@ -6273,7 +6272,7 @@ Object {
           "type": 3,
         },
       ],
-      "directives": Array [],
+      "codegenNode": undefined,
       "isSelfClosing": false,
       "loc": Object {
         "end": Object {
@@ -6289,6 +6288,7 @@ Object {
         },
       },
       "ns": 0,
+      "props": Array [],
       "tag": "template",
       "tagType": 3,
       "type": 1,
@@ -6315,10 +6315,26 @@ exports[`compiler: parse Errors UNEXPECTED_SOLIDUS_IN_TAG <template><div a/b></d
 Object {
   "children": Array [
     Object {
-      "attrs": Array [],
       "children": Array [
         Object {
-          "attrs": Array [
+          "children": Array [],
+          "codegenNode": undefined,
+          "isSelfClosing": false,
+          "loc": Object {
+            "end": Object {
+              "column": 26,
+              "line": 1,
+              "offset": 25,
+            },
+            "source": "<div a/b></div>",
+            "start": Object {
+              "column": 11,
+              "line": 1,
+              "offset": 10,
+            },
+          },
+          "ns": 0,
+          "props": Array [
             Object {
               "loc": Object {
                 "end": Object {
@@ -6356,29 +6372,12 @@ Object {
               "value": undefined,
             },
           ],
-          "children": Array [],
-          "directives": Array [],
-          "isSelfClosing": false,
-          "loc": Object {
-            "end": Object {
-              "column": 26,
-              "line": 1,
-              "offset": 25,
-            },
-            "source": "<div a/b></div>",
-            "start": Object {
-              "column": 11,
-              "line": 1,
-              "offset": 10,
-            },
-          },
-          "ns": 0,
           "tag": "div",
           "tagType": 0,
           "type": 1,
         },
       ],
-      "directives": Array [],
+      "codegenNode": undefined,
       "isSelfClosing": false,
       "loc": Object {
         "end": Object {
@@ -6394,6 +6393,7 @@ Object {
         },
       },
       "ns": 0,
+      "props": Array [],
       "tag": "template",
       "tagType": 3,
       "type": 1,
@@ -6420,7 +6420,6 @@ exports[`compiler: parse Errors UNKNOWN_NAMED_CHARACTER_REFERENCE <template>&unk
 Object {
   "children": Array [
     Object {
-      "attrs": Array [],
       "children": Array [
         Object {
           "content": "&unknown;",
@@ -6441,7 +6440,7 @@ Object {
           "type": 2,
         },
       ],
-      "directives": Array [],
+      "codegenNode": undefined,
       "isSelfClosing": false,
       "loc": Object {
         "end": Object {
@@ -6457,6 +6456,7 @@ Object {
         },
       },
       "ns": 0,
+      "props": Array [],
       "tag": "template",
       "tagType": 3,
       "type": 1,
@@ -6483,7 +6483,6 @@ exports[`compiler: parse Errors X_INVALID_END_TAG <svg><![CDATA[</div>]]></svg>
 Object {
   "children": Array [
     Object {
-      "attrs": Array [],
       "children": Array [
         Object {
           "content": "</div>",
@@ -6504,7 +6503,7 @@ Object {
           "type": 2,
         },
       ],
-      "directives": Array [],
+      "codegenNode": undefined,
       "isSelfClosing": false,
       "loc": Object {
         "end": Object {
@@ -6520,6 +6519,7 @@ Object {
         },
       },
       "ns": 1,
+      "props": Array [],
       "tag": "svg",
       "tagType": 0,
       "type": 1,
@@ -6546,7 +6546,6 @@ exports[`compiler: parse Errors X_INVALID_END_TAG <svg><!--</div>--></svg> 1`] =
 Object {
   "children": Array [
     Object {
-      "attrs": Array [],
       "children": Array [
         Object {
           "content": "</div>",
@@ -6566,7 +6565,7 @@ Object {
           "type": 3,
         },
       ],
-      "directives": Array [],
+      "codegenNode": undefined,
       "isSelfClosing": false,
       "loc": Object {
         "end": Object {
@@ -6582,6 +6581,7 @@ Object {
         },
       },
       "ns": 1,
+      "props": Array [],
       "tag": "svg",
       "tagType": 0,
       "type": 1,
@@ -6608,9 +6608,8 @@ exports[`compiler: parse Errors X_INVALID_END_TAG <template></div></div></templa
 Object {
   "children": Array [
     Object {
-      "attrs": Array [],
       "children": Array [],
-      "directives": Array [],
+      "codegenNode": undefined,
       "isSelfClosing": false,
       "loc": Object {
         "end": Object {
@@ -6626,6 +6625,7 @@ Object {
         },
       },
       "ns": 0,
+      "props": Array [],
       "tag": "template",
       "tagType": 3,
       "type": 1,
@@ -6652,9 +6652,8 @@ exports[`compiler: parse Errors X_INVALID_END_TAG <template></div></template> 1`
 Object {
   "children": Array [
     Object {
-      "attrs": Array [],
       "children": Array [],
-      "directives": Array [],
+      "codegenNode": undefined,
       "isSelfClosing": false,
       "loc": Object {
         "end": Object {
@@ -6670,6 +6669,7 @@ Object {
         },
       },
       "ns": 0,
+      "props": Array [],
       "tag": "template",
       "tagType": 3,
       "type": 1,
@@ -6696,7 +6696,6 @@ exports[`compiler: parse Errors X_INVALID_END_TAG <template>{{'</div>'}}</templa
 Object {
   "children": Array [
     Object {
-      "attrs": Array [],
       "children": Array [
         Object {
           "content": "'</div>'",
@@ -6717,7 +6716,7 @@ Object {
           "type": 4,
         },
       ],
-      "directives": Array [],
+      "codegenNode": undefined,
       "isSelfClosing": false,
       "loc": Object {
         "end": Object {
@@ -6733,6 +6732,7 @@ Object {
         },
       },
       "ns": 0,
+      "props": Array [],
       "tag": "template",
       "tagType": 3,
       "type": 1,
@@ -6759,7 +6759,6 @@ exports[`compiler: parse Errors X_INVALID_END_TAG <textarea></div></textarea> 1`
 Object {
   "children": Array [
     Object {
-      "attrs": Array [],
       "children": Array [
         Object {
           "content": "</div>",
@@ -6780,7 +6779,7 @@ Object {
           "type": 2,
         },
       ],
-      "directives": Array [],
+      "codegenNode": undefined,
       "isSelfClosing": false,
       "loc": Object {
         "end": Object {
@@ -6796,6 +6795,7 @@ Object {
         },
       },
       "ns": 0,
+      "props": Array [],
       "tag": "textarea",
       "tagType": 0,
       "type": 1,
@@ -6822,12 +6822,10 @@ exports[`compiler: parse Errors X_MISSING_END_TAG <template><div> 1`] = `
 Object {
   "children": Array [
     Object {
-      "attrs": Array [],
       "children": Array [
         Object {
-          "attrs": Array [],
           "children": Array [],
-          "directives": Array [],
+          "codegenNode": undefined,
           "isSelfClosing": false,
           "loc": Object {
             "end": Object {
@@ -6843,12 +6841,13 @@ Object {
             },
           },
           "ns": 0,
+          "props": Array [],
           "tag": "div",
           "tagType": 0,
           "type": 1,
         },
       ],
-      "directives": Array [],
+      "codegenNode": undefined,
       "isSelfClosing": false,
       "loc": Object {
         "end": Object {
@@ -6864,6 +6863,7 @@ Object {
         },
       },
       "ns": 0,
+      "props": Array [],
       "tag": "template",
       "tagType": 3,
       "type": 1,
@@ -6890,12 +6890,10 @@ exports[`compiler: parse Errors X_MISSING_END_TAG <template><div></template> 1`]
 Object {
   "children": Array [
     Object {
-      "attrs": Array [],
       "children": Array [
         Object {
-          "attrs": Array [],
           "children": Array [],
-          "directives": Array [],
+          "codegenNode": undefined,
           "isSelfClosing": false,
           "loc": Object {
             "end": Object {
@@ -6911,12 +6909,13 @@ Object {
             },
           },
           "ns": 0,
+          "props": Array [],
           "tag": "div",
           "tagType": 0,
           "type": 1,
         },
       ],
-      "directives": Array [],
+      "codegenNode": undefined,
       "isSelfClosing": false,
       "loc": Object {
         "end": Object {
@@ -6932,6 +6931,7 @@ Object {
         },
       },
       "ns": 0,
+      "props": Array [],
       "tag": "template",
       "tagType": 3,
       "type": 1,
@@ -7075,12 +7075,10 @@ exports[`compiler: parse invalid html 1`] = `
 Object {
   "children": Array [
     Object {
-      "attrs": Array [],
       "children": Array [
         Object {
-          "attrs": Array [],
           "children": Array [],
-          "directives": Array [],
+          "codegenNode": undefined,
           "isSelfClosing": false,
           "loc": Object {
             "end": Object {
@@ -7097,12 +7095,13 @@ Object {
             },
           },
           "ns": 0,
+          "props": Array [],
           "tag": "span",
           "tagType": 0,
           "type": 1,
         },
       ],
-      "directives": Array [],
+      "codegenNode": undefined,
       "isSelfClosing": false,
       "loc": Object {
         "end": Object {
@@ -7120,6 +7119,7 @@ Object {
         },
       },
       "ns": 0,
+      "props": Array [],
       "tag": "div",
       "tagType": 0,
       "type": 1,
@@ -7149,9 +7149,24 @@ exports[`compiler: parse self closing multiple tag 1`] = `
 Object {
   "children": Array [
     Object {
-      "attrs": Array [],
       "children": Array [],
-      "directives": Array [
+      "codegenNode": undefined,
+      "isSelfClosing": true,
+      "loc": Object {
+        "end": Object {
+          "column": 37,
+          "line": 1,
+          "offset": 36,
+        },
+        "source": "<div :class=\\"{ some: condition }\\" />",
+        "start": Object {
+          "column": 1,
+          "line": 1,
+          "offset": 0,
+        },
+      },
+      "ns": 0,
+      "props": Array [
         Object {
           "arg": Object {
             "content": "class",
@@ -7207,29 +7222,29 @@ Object {
           "type": 6,
         },
       ],
+      "tag": "div",
+      "tagType": 0,
+      "type": 1,
+    },
+    Object {
+      "children": Array [],
+      "codegenNode": undefined,
       "isSelfClosing": true,
       "loc": Object {
         "end": Object {
           "column": 37,
-          "line": 1,
-          "offset": 36,
+          "line": 2,
+          "offset": 73,
         },
-        "source": "<div :class=\\"{ some: condition }\\" />",
+        "source": "<p v-bind:style=\\"{ color: 'red' }\\"/>",
         "start": Object {
           "column": 1,
-          "line": 1,
-          "offset": 0,
+          "line": 2,
+          "offset": 37,
         },
       },
       "ns": 0,
-      "tag": "div",
-      "tagType": 0,
-      "type": 1,
-    },
-    Object {
-      "attrs": Array [],
-      "children": Array [],
-      "directives": Array [
+      "props": Array [
         Object {
           "arg": Object {
             "content": "style",
@@ -7285,21 +7300,6 @@ Object {
           "type": 6,
         },
       ],
-      "isSelfClosing": true,
-      "loc": Object {
-        "end": Object {
-          "column": 37,
-          "line": 2,
-          "offset": 73,
-        },
-        "source": "<p v-bind:style=\\"{ color: 'red' }\\"/>",
-        "start": Object {
-          "column": 1,
-          "line": 2,
-          "offset": 37,
-        },
-      },
-      "ns": 0,
       "tag": "p",
       "tagType": 0,
       "type": 1,
@@ -7327,12 +7327,26 @@ exports[`compiler: parse valid html 1`] = `
 Object {
   "children": Array [
     Object {
-      "attrs": Array [],
       "children": Array [
         Object {
-          "attrs": Array [],
           "children": Array [],
-          "directives": Array [
+          "codegenNode": undefined,
+          "isSelfClosing": true,
+          "loc": Object {
+            "end": Object {
+              "column": 38,
+              "line": 2,
+              "offset": 73,
+            },
+            "source": "<p v-bind:style=\\"{ color: 'red' }\\"/>",
+            "start": Object {
+              "column": 2,
+              "line": 2,
+              "offset": 37,
+            },
+          },
+          "ns": 0,
+          "props": Array [
             Object {
               "arg": Object {
                 "content": "style",
@@ -7388,21 +7402,6 @@ Object {
               "type": 6,
             },
           ],
-          "isSelfClosing": true,
-          "loc": Object {
-            "end": Object {
-              "column": 38,
-              "line": 2,
-              "offset": 73,
-            },
-            "source": "<p v-bind:style=\\"{ color: 'red' }\\"/>",
-            "start": Object {
-              "column": 2,
-              "line": 2,
-              "offset": 37,
-            },
-          },
-          "ns": 0,
           "tag": "p",
           "tagType": 0,
           "type": 1,
@@ -7425,7 +7424,26 @@ Object {
           "type": 3,
         },
       ],
-      "directives": Array [
+      "codegenNode": undefined,
+      "isSelfClosing": false,
+      "loc": Object {
+        "end": Object {
+          "column": 7,
+          "line": 4,
+          "offset": 123,
+        },
+        "source": "<div :class=\\"{ some: condition }\\">
+  <p v-bind:style=\\"{ color: 'red' }\\"/>
+  <!-- a comment with <html> inside it -->
+</div>",
+        "start": Object {
+          "column": 1,
+          "line": 1,
+          "offset": 0,
+        },
+      },
+      "ns": 0,
+      "props": Array [
         Object {
           "arg": Object {
             "content": "class",
@@ -7481,24 +7499,6 @@ Object {
           "type": 6,
         },
       ],
-      "isSelfClosing": false,
-      "loc": Object {
-        "end": Object {
-          "column": 7,
-          "line": 4,
-          "offset": 123,
-        },
-        "source": "<div :class=\\"{ some: condition }\\">
-  <p v-bind:style=\\"{ color: 'red' }\\"/>
-  <!-- a comment with <html> inside it -->
-</div>",
-        "start": Object {
-          "column": 1,
-          "line": 1,
-          "offset": 0,
-        },
-      },
-      "ns": 0,
       "tag": "div",
       "tagType": 0,
       "type": 1,
diff --git a/packages/compiler-core/__tests__/parse.spec.ts b/packages/compiler-core/__tests__/parse.spec.ts
index d8945f9deb..bb4116baa8 100644
--- a/packages/compiler-core/__tests__/parse.spec.ts
+++ b/packages/compiler-core/__tests__/parse.spec.ts
@@ -211,9 +211,9 @@ describe('compiler: parse', () => {
         }
       )
       const element = ast.children[0] as ElementNode
-      const text1 = (element.attrs[0] as AttributeNode).value
-      const text2 = (element.attrs[1] as AttributeNode).value
-      const text3 = (element.attrs[2] as AttributeNode).value
+      const text1 = (element.props[0] as AttributeNode).value
+      const text2 = (element.props[1] as AttributeNode).value
+      const text3 = (element.props[2] as AttributeNode).value
 
       expect(text1).toStrictEqual({
         type: NodeTypes.TEXT,
@@ -426,8 +426,8 @@ describe('compiler: parse', () => {
         ns: Namespaces.HTML,
         tag: 'div',
         tagType: ElementTypes.ELEMENT,
-        attrs: [],
-        directives: [],
+        codegenNode: undefined,
+        props: [],
         isSelfClosing: false,
         children: [
           {
@@ -458,8 +458,9 @@ describe('compiler: parse', () => {
         ns: Namespaces.HTML,
         tag: 'div',
         tagType: ElementTypes.ELEMENT,
-        attrs: [],
-        directives: [],
+        codegenNode: undefined,
+        props: [],
+
         isSelfClosing: false,
         children: [],
         loc: {
@@ -479,8 +480,9 @@ describe('compiler: parse', () => {
         ns: Namespaces.HTML,
         tag: 'div',
         tagType: ElementTypes.ELEMENT,
-        attrs: [],
-        directives: [],
+        codegenNode: undefined,
+        props: [],
+
         isSelfClosing: true,
         children: [],
         loc: {
@@ -502,8 +504,9 @@ describe('compiler: parse', () => {
         ns: Namespaces.HTML,
         tag: 'img',
         tagType: ElementTypes.ELEMENT,
-        attrs: [],
-        directives: [],
+        codegenNode: undefined,
+        props: [],
+
         isSelfClosing: false,
         children: [],
         loc: {
@@ -523,7 +526,8 @@ describe('compiler: parse', () => {
         ns: Namespaces.HTML,
         tag: 'div',
         tagType: ElementTypes.ELEMENT,
-        attrs: [
+        codegenNode: undefined,
+        props: [
           {
             type: NodeTypes.ATTRIBUTE,
             name: 'id',
@@ -535,7 +539,7 @@ describe('compiler: parse', () => {
             }
           }
         ],
-        directives: [],
+
         isSelfClosing: false,
         children: [],
         loc: {
@@ -555,7 +559,8 @@ describe('compiler: parse', () => {
         ns: Namespaces.HTML,
         tag: 'div',
         tagType: ElementTypes.ELEMENT,
-        attrs: [
+        codegenNode: undefined,
+        props: [
           {
             type: NodeTypes.ATTRIBUTE,
             name: 'id',
@@ -576,7 +581,7 @@ describe('compiler: parse', () => {
             }
           }
         ],
-        directives: [],
+
         isSelfClosing: false,
         children: [],
         loc: {
@@ -596,7 +601,8 @@ describe('compiler: parse', () => {
         ns: Namespaces.HTML,
         tag: 'div',
         tagType: ElementTypes.ELEMENT,
-        attrs: [
+        codegenNode: undefined,
+        props: [
           {
             type: NodeTypes.ATTRIBUTE,
             name: 'id',
@@ -617,7 +623,7 @@ describe('compiler: parse', () => {
             }
           }
         ],
-        directives: [],
+
         isSelfClosing: false,
         children: [],
         loc: {
@@ -637,7 +643,8 @@ describe('compiler: parse', () => {
         ns: Namespaces.HTML,
         tag: 'div',
         tagType: ElementTypes.ELEMENT,
-        attrs: [
+        codegenNode: undefined,
+        props: [
           {
             type: NodeTypes.ATTRIBUTE,
             name: 'id',
@@ -658,7 +665,7 @@ describe('compiler: parse', () => {
             }
           }
         ],
-        directives: [],
+
         isSelfClosing: false,
         children: [],
         loc: {
@@ -678,7 +685,8 @@ describe('compiler: parse', () => {
         ns: Namespaces.HTML,
         tag: 'div',
         tagType: ElementTypes.ELEMENT,
-        attrs: [
+        codegenNode: undefined,
+        props: [
           {
             type: NodeTypes.ATTRIBUTE,
             name: 'id',
@@ -699,7 +707,7 @@ describe('compiler: parse', () => {
             }
           }
         ],
-        directives: [],
+
         isSelfClosing: false,
         children: [],
         loc: {
@@ -719,7 +727,8 @@ describe('compiler: parse', () => {
         ns: Namespaces.HTML,
         tag: 'div',
         tagType: ElementTypes.ELEMENT,
-        attrs: [
+        codegenNode: undefined,
+        props: [
           {
             type: NodeTypes.ATTRIBUTE,
             name: 'id',
@@ -740,7 +749,7 @@ describe('compiler: parse', () => {
             }
           }
         ],
-        directives: [],
+
         isSelfClosing: false,
         children: [],
         loc: {
@@ -760,7 +769,8 @@ describe('compiler: parse', () => {
         ns: Namespaces.HTML,
         tag: 'div',
         tagType: ElementTypes.ELEMENT,
-        attrs: [
+        codegenNode: undefined,
+        props: [
           {
             type: NodeTypes.ATTRIBUTE,
             name: 'id',
@@ -829,7 +839,7 @@ describe('compiler: parse', () => {
             }
           }
         ],
-        directives: [],
+
         isSelfClosing: false,
         children: [],
         loc: {
@@ -842,7 +852,7 @@ describe('compiler: parse', () => {
 
     test('directive with no value', () => {
       const ast = parse('<div v-if/>')
-      const directive = (ast.children[0] as ElementNode).directives[0]
+      const directive = (ast.children[0] as ElementNode).props[0]
 
       expect(directive).toStrictEqual({
         type: NodeTypes.DIRECTIVE,
@@ -860,7 +870,7 @@ describe('compiler: parse', () => {
 
     test('directive with value', () => {
       const ast = parse('<div v-if="a"/>')
-      const directive = (ast.children[0] as ElementNode).directives[0]
+      const directive = (ast.children[0] as ElementNode).props[0]
 
       expect(directive).toStrictEqual({
         type: NodeTypes.DIRECTIVE,
@@ -887,7 +897,7 @@ describe('compiler: parse', () => {
 
     test('directive with argument', () => {
       const ast = parse('<div v-on:click/>')
-      const directive = (ast.children[0] as ElementNode).directives[0]
+      const directive = (ast.children[0] as ElementNode).props[0]
 
       expect(directive).toStrictEqual({
         type: NodeTypes.DIRECTIVE,
@@ -922,7 +932,7 @@ describe('compiler: parse', () => {
 
     test('directive with a modifier', () => {
       const ast = parse('<div v-on.enter/>')
-      const directive = (ast.children[0] as ElementNode).directives[0]
+      const directive = (ast.children[0] as ElementNode).props[0]
 
       expect(directive).toStrictEqual({
         type: NodeTypes.DIRECTIVE,
@@ -940,7 +950,7 @@ describe('compiler: parse', () => {
 
     test('directive with two modifiers', () => {
       const ast = parse('<div v-on.enter.exact/>')
-      const directive = (ast.children[0] as ElementNode).directives[0]
+      const directive = (ast.children[0] as ElementNode).props[0]
 
       expect(directive).toStrictEqual({
         type: NodeTypes.DIRECTIVE,
@@ -958,7 +968,7 @@ describe('compiler: parse', () => {
 
     test('directive with argument and modifiers', () => {
       const ast = parse('<div v-on:click.enter.exact/>')
-      const directive = (ast.children[0] as ElementNode).directives[0]
+      const directive = (ast.children[0] as ElementNode).props[0]
 
       expect(directive).toStrictEqual({
         type: NodeTypes.DIRECTIVE,
@@ -993,7 +1003,7 @@ describe('compiler: parse', () => {
 
     test('v-bind shorthand', () => {
       const ast = parse('<div :a=b />')
-      const directive = (ast.children[0] as ElementNode).directives[0]
+      const directive = (ast.children[0] as ElementNode).props[0]
 
       expect(directive).toStrictEqual({
         type: NodeTypes.DIRECTIVE,
@@ -1037,7 +1047,7 @@ describe('compiler: parse', () => {
 
     test('v-bind shorthand with modifier', () => {
       const ast = parse('<div :a.sync=b />')
-      const directive = (ast.children[0] as ElementNode).directives[0]
+      const directive = (ast.children[0] as ElementNode).props[0]
 
       expect(directive).toStrictEqual({
         type: NodeTypes.DIRECTIVE,
@@ -1081,7 +1091,7 @@ describe('compiler: parse', () => {
 
     test('v-on shorthand', () => {
       const ast = parse('<div @a=b />')
-      const directive = (ast.children[0] as ElementNode).directives[0]
+      const directive = (ast.children[0] as ElementNode).props[0]
 
       expect(directive).toStrictEqual({
         type: NodeTypes.DIRECTIVE,
@@ -1125,7 +1135,7 @@ describe('compiler: parse', () => {
 
     test('v-on shorthand with modifier', () => {
       const ast = parse('<div @a.enter=b />')
-      const directive = (ast.children[0] as ElementNode).directives[0]
+      const directive = (ast.children[0] as ElementNode).props[0]
 
       expect(directive).toStrictEqual({
         type: NodeTypes.DIRECTIVE,
diff --git a/packages/compiler-dom/__tests__/parse.spec.ts b/packages/compiler-dom/__tests__/parse.spec.ts
index c076cfa478..c4ff1d03c9 100644
--- a/packages/compiler-dom/__tests__/parse.spec.ts
+++ b/packages/compiler-dom/__tests__/parse.spec.ts
@@ -134,15 +134,15 @@ describe('DOM parser', () => {
         ns: DOMNamespaces.HTML,
         tag: 'img',
         tagType: ElementTypes.ELEMENT,
-        attrs: [],
-        directives: [],
+        props: [],
         isSelfClosing: false,
         children: [],
         loc: {
           start: { offset: 0, line: 1, column: 1 },
           end: { offset: 5, line: 1, column: 6 },
           source: '<img>'
-        }
+        },
+        codegenNode: undefined
       })
     })
 
-- 
2.47.3