From 55130c7eaabbafd74feb5bce8071b23074b38b33 Mon Sep 17 00:00:00 2001
From: JounQin <admin@1stg.me>
Date: Mon, 11 Dec 2023 02:26:31 +0800
Subject: [PATCH] fix: incorrect JSXAttribute position info

close #488, related #425
---
 packages/eslint-mdx/src/worker.ts        |   9 +-
 test/__snapshots__/fixtures.test.ts.snap | 466 ++++++------
 test/__snapshots__/parser.test.ts.snap   | 912 +++++++++--------------
 3 files changed, 582 insertions(+), 805 deletions(-)

diff --git a/packages/eslint-mdx/src/worker.ts b/packages/eslint-mdx/src/worker.ts
index 2dd50f5..2322c2b 100644
--- a/packages/eslint-mdx/src/worker.ts
+++ b/packages/eslint-mdx/src/worker.ts
@@ -633,7 +633,7 @@ runAsWorker(
                   }
 
                   return {
-                    ...attrNamePos,
+                    ...normalizeNode(attrStart, lastAttrOffset + 1),
                     type: 'JSXAttribute',
                     name: {
                       ...attrNamePos,
@@ -713,11 +713,16 @@ runAsWorker(
 
         const expression = handleNode(node)
 
+        // keep for debugging
+        // if (+1 === 1) {
+        //   throw new SyntaxError(JSON.stringify({ node, expression }, null, 2))
+        // }
+
         if (expression) {
           body.push({
             ...normalizePosition(node.position),
             type: 'ExpressionStatement',
-            expression: handleNode(node) as Expression,
+            expression: expression as Expression,
           })
         }
 
diff --git a/test/__snapshots__/fixtures.test.ts.snap b/test/__snapshots__/fixtures.test.ts.snap
index 17778dc..1d4a3c3 100644
--- a/test/__snapshots__/fixtures.test.ts.snap
+++ b/test/__snapshots__/fixtures.test.ts.snap
@@ -312,7 +312,7 @@ exports[`fixtures should match all snapshots: 292.mdx 1`] = `
   },
   {
     "column": 46,
-    "endColumn": 51,
+    "endColumn": 58,
     "endLine": 5,
     "line": 5,
     "message": "Unknown property 'story' found",
@@ -392,10 +392,23 @@ exports[`fixtures should match all snapshots: 380.mdx 1`] = `
     "fix": {
       "range": [
         426,
-        451,
+        720,
+      ],
+      "text": "decorators={[
+    moduleMetadata({
+      imports: [
+        ButtonModule,
+        IconModule,
+        FormsModule,
+        FormModule,
+        RadioModule,
+        TabsModule,
+        CardModule,
       ],
-      "text": "decorators="Tabs"
-  title",
+      declarations: [ActiveTestComponent, LazyTestComponent],
+    }),
+  ]}
+  title="Tabs"",
     },
     "line": 21,
     "message": "Props should be sorted alphabetically",
@@ -411,10 +424,10 @@ exports[`fixtures should match all snapshots: 380.mdx 1`] = `
     "fix": {
       "range": [
         824,
-        847,
+        855,
       ],
-      "text": "height="Basic"
-    name",
+      "text": "height="100px"
+    name="Basic"",
     },
     "line": 46,
     "message": "Props should be sorted alphabetically",
@@ -430,10 +443,10 @@ exports[`fixtures should match all snapshots: 380.mdx 1`] = `
     "fix": {
       "range": [
         1499,
-        1521,
+        1529,
       ],
-      "text": "height="Card"
-    name",
+      "text": "height="200px"
+    name="Card"",
     },
     "line": 83,
     "message": "Props should be sorted alphabetically",
@@ -449,10 +462,10 @@ exports[`fixtures should match all snapshots: 380.mdx 1`] = `
     "fix": {
       "range": [
         1982,
-        2004,
+        2012,
       ],
-      "text": "height="Size"
-    name",
+      "text": "height="200px"
+    name="Size"",
     },
     "line": 105,
     "message": "Props should be sorted alphabetically",
@@ -468,10 +481,10 @@ exports[`fixtures should match all snapshots: 380.mdx 1`] = `
     "fix": {
       "range": [
         2920,
-        2949,
+        2957,
       ],
-      "text": "height="CustomLabel"
-    name",
+      "text": "height="200px"
+    name="CustomLabel"",
     },
     "line": 139,
     "message": "Props should be sorted alphabetically",
@@ -524,10 +537,10 @@ exports[`fixtures should match all snapshots: 380.mdx 1`] = `
     "fix": {
       "range": [
         3750,
-        3776,
+        3784,
       ],
-      "text": "height="Editable"
-    name",
+      "text": "height="100px"
+    name="Editable"",
     },
     "line": 174,
     "message": "Props should be sorted alphabetically",
@@ -640,10 +653,10 @@ exports[`fixtures should match all snapshots: 380.mdx 1`] = `
     "fix": {
       "range": [
         4788,
-        4814,
+        4822,
       ],
-      "text": "height="Disabled"
-    name",
+      "text": "height="100px"
+    name="Disabled"",
     },
     "line": 220,
     "message": "Props should be sorted alphabetically",
@@ -659,10 +672,10 @@ exports[`fixtures should match all snapshots: 380.mdx 1`] = `
     "fix": {
       "range": [
         5581,
-        5603,
+        5611,
       ],
-      "text": "height="Lazy"
-    name",
+      "text": "height="150px"
+    name="Lazy"",
     },
     "line": 253,
     "message": "Props should be sorted alphabetically",
@@ -678,10 +691,10 @@ exports[`fixtures should match all snapshots: 380.mdx 1`] = `
     "fix": {
       "range": [
         6792,
-        6814,
+        6822,
       ],
-      "text": "height="Nest"
-    name",
+      "text": "height="100px"
+    name="Nest"",
     },
     "line": 299,
     "message": "Props should be sorted alphabetically",
@@ -750,10 +763,10 @@ exports[`fixtures should match all snapshots: 380.mdx 1`] = `
     "fix": {
       "range": [
         8233,
-        8256,
+        8264,
       ],
-      "text": "height="Title"
-    name",
+      "text": "height="100px"
+    name="Title"",
     },
     "line": 348,
     "message": "Props should be sorted alphabetically",
@@ -785,8 +798,7 @@ import {
 } from '@alauda/ui'
 
 <Meta
-  decorators="Tabs"
-  title={[
+  decorators={[
     moduleMetadata({
       imports: [
         ButtonModule,
@@ -800,6 +812,7 @@ import {
       declarations: [ActiveTestComponent, LazyTestComponent],
     }),
   ]}
+  title="Tabs"
 />
 
 # Tabs
@@ -810,8 +823,8 @@ import {
 
 <Canvas>
   <Story
-    height="Basic"
-    name="100px"
+    height="100px"
+    name="Basic"
   >
     {{
       template: /* HTML */ \`
@@ -847,8 +860,8 @@ import {
 
 <Canvas>
   <Story
-    height="Card"
-    name="200px"
+    height="200px"
+    name="Card"
   >
     {{
       template: /* HTML */ \`
@@ -869,8 +882,8 @@ import {
 
 <Canvas>
   <Story
-    height="Size"
-    name="200px"
+    height="200px"
+    name="Size"
   >
     {{
       template: /* HTML */ \`
@@ -903,8 +916,8 @@ import {
 
 <Canvas>
   <Story
-    height="CustomLabel"
-    name="200px"
+    height="200px"
+    name="CustomLabel"
   >
     {{
       template: /* HTML */ \`
@@ -940,8 +953,8 @@ import {
 
 <Canvas>
   <Story
-    height="Editable"
-    name="100px"
+    height="100px"
+    name="Editable"
   >
     {{
       template: /* HTML */ \`
@@ -986,8 +999,8 @@ import {
 
 <Canvas>
   <Story
-    height="Disabled"
-    name="100px"
+    height="100px"
+    name="Disabled"
   >
     {{
       template: /* HTML */ \`
@@ -1019,8 +1032,8 @@ import {
 
 <Canvas>
   <Story
-    height="Lazy"
-    name="150px"
+    height="150px"
+    name="Lazy"
   >
     {{
       template: /* HTML */ \`
@@ -1065,8 +1078,8 @@ import {
 
 <Canvas>
   <Story
-    height="Nest"
-    name="100px"
+    height="100px"
+    name="Nest"
   >
     {{
       template: /* HTML */ \`
@@ -1116,8 +1129,8 @@ import {
 
 <Canvas>
   <Story
-    height="Title"
-    name="100px"
+    height="100px"
+    name="Title"
   >
     {{
       template: /* HTML */ \`
@@ -1544,21 +1557,21 @@ exports[`fixtures should match all snapshots: 450.mdx 1`] = `
     "fix": {
       "range": [
         114,
-        383,
-      ],
-      "text": "alt="https://via.placeholder.com/250x250"
-  aria-disabled=""
-  className=""
-  height
-
-  loading="my-image"
-  onClick={250}
-  onError={250}
-  onLoad="eager"
-  src={{ display: 'block' }}
-  style={() => console.log('onLoad')}
-  title={() => console.log('onError')}
-  width",
+        414,
+      ],
+      "text": "alt=""
+  aria-disabled
+  className="my-image"
+  height={250}
+
+  loading="eager"
+  onClick={() => console.log('onClick')}
+  onError={() => console.log('onError')}
+  onLoad={() => console.log('onLoad')}
+  src="https://via.placeholder.com/250x250"
+  style={{ display: 'block' }}
+  title=""
+  width={250}",
     },
     "line": 11,
     "message": "Props should be sorted alphabetically",
@@ -1574,21 +1587,21 @@ exports[`fixtures should match all snapshots: 450.mdx 1`] = `
     "fix": {
       "range": [
         114,
-        383,
-      ],
-      "text": "alt="https://via.placeholder.com/250x250"
-  aria-disabled=""
-  className=""
-  height
-
-  loading="my-image"
-  onClick={250}
-  onError={250}
-  onLoad="eager"
-  src={{ display: 'block' }}
-  style={() => console.log('onLoad')}
-  title={() => console.log('onError')}
-  width",
+        414,
+      ],
+      "text": "alt=""
+  aria-disabled
+  className="my-image"
+  height={250}
+
+  loading="eager"
+  onClick={() => console.log('onClick')}
+  onError={() => console.log('onError')}
+  onLoad={() => console.log('onLoad')}
+  src="https://via.placeholder.com/250x250"
+  style={{ display: 'block' }}
+  title=""
+  width={250}",
     },
     "line": 13,
     "message": "Props should be sorted alphabetically",
@@ -1622,21 +1635,21 @@ exports[`fixtures should match all snapshots: 450.mdx 1`] = `
     "fix": {
       "range": [
         114,
-        383,
-      ],
-      "text": "alt="https://via.placeholder.com/250x250"
-  aria-disabled=""
-  className=""
-  height
-
-  loading="my-image"
-  onClick={250}
-  onError={250}
-  onLoad="eager"
-  src={{ display: 'block' }}
-  style={() => console.log('onLoad')}
-  title={() => console.log('onError')}
-  width",
+        414,
+      ],
+      "text": "alt=""
+  aria-disabled
+  className="my-image"
+  height={250}
+
+  loading="eager"
+  onClick={() => console.log('onClick')}
+  onError={() => console.log('onError')}
+  onLoad={() => console.log('onLoad')}
+  src="https://via.placeholder.com/250x250"
+  style={{ display: 'block' }}
+  title=""
+  width={250}",
     },
     "line": 15,
     "message": "Props should be sorted alphabetically",
@@ -1688,21 +1701,21 @@ exports[`fixtures should match all snapshots: 450.mdx 1`] = `
     "fix": {
       "range": [
         114,
-        383,
-      ],
-      "text": "alt="https://via.placeholder.com/250x250"
-  aria-disabled=""
-  className=""
-  height
-
-  loading="my-image"
-  onClick={250}
-  onError={250}
-  onLoad="eager"
-  src={{ display: 'block' }}
-  style={() => console.log('onLoad')}
-  title={() => console.log('onError')}
-  width",
+        414,
+      ],
+      "text": "alt=""
+  aria-disabled
+  className="my-image"
+  height={250}
+
+  loading="eager"
+  onClick={() => console.log('onClick')}
+  onError={() => console.log('onError')}
+  onLoad={() => console.log('onLoad')}
+  src="https://via.placeholder.com/250x250"
+  style={{ display: 'block' }}
+  title=""
+  width={250}",
     },
     "line": 17,
     "message": "Props should be sorted alphabetically",
@@ -1736,21 +1749,21 @@ exports[`fixtures should match all snapshots: 450.mdx 1`] = `
     "fix": {
       "range": [
         114,
-        383,
-      ],
-      "text": "alt="https://via.placeholder.com/250x250"
-  aria-disabled=""
-  className=""
-  height
-
-  loading="my-image"
-  onClick={250}
-  onError={250}
-  onLoad="eager"
-  src={{ display: 'block' }}
-  style={() => console.log('onLoad')}
-  title={() => console.log('onError')}
-  width",
+        414,
+      ],
+      "text": "alt=""
+  aria-disabled
+  className="my-image"
+  height={250}
+
+  loading="eager"
+  onClick={() => console.log('onClick')}
+  onError={() => console.log('onError')}
+  onLoad={() => console.log('onLoad')}
+  src="https://via.placeholder.com/250x250"
+  style={{ display: 'block' }}
+  title=""
+  width={250}",
     },
     "line": 18,
     "message": "Props should be sorted alphabetically",
@@ -1784,21 +1797,21 @@ exports[`fixtures should match all snapshots: 450.mdx 1`] = `
     "fix": {
       "range": [
         114,
-        383,
-      ],
-      "text": "alt="https://via.placeholder.com/250x250"
-  aria-disabled=""
-  className=""
-  height
-
-  loading="my-image"
-  onClick={250}
-  onError={250}
-  onLoad="eager"
-  src={{ display: 'block' }}
-  style={() => console.log('onLoad')}
-  title={() => console.log('onError')}
-  width",
+        414,
+      ],
+      "text": "alt=""
+  aria-disabled
+  className="my-image"
+  height={250}
+
+  loading="eager"
+  onClick={() => console.log('onClick')}
+  onError={() => console.log('onError')}
+  onLoad={() => console.log('onLoad')}
+  src="https://via.placeholder.com/250x250"
+  style={{ display: 'block' }}
+  title=""
+  width={250}",
     },
     "line": 19,
     "message": "Props should be sorted alphabetically",
@@ -1832,21 +1845,21 @@ exports[`fixtures should match all snapshots: 450.mdx 1`] = `
     "fix": {
       "range": [
         114,
-        383,
-      ],
-      "text": "alt="https://via.placeholder.com/250x250"
-  aria-disabled=""
-  className=""
-  height
-
-  loading="my-image"
-  onClick={250}
-  onError={250}
-  onLoad="eager"
-  src={{ display: 'block' }}
-  style={() => console.log('onLoad')}
-  title={() => console.log('onError')}
-  width",
+        414,
+      ],
+      "text": "alt=""
+  aria-disabled
+  className="my-image"
+  height={250}
+
+  loading="eager"
+  onClick={() => console.log('onClick')}
+  onError={() => console.log('onError')}
+  onLoad={() => console.log('onLoad')}
+  src="https://via.placeholder.com/250x250"
+  style={{ display: 'block' }}
+  title=""
+  width={250}",
     },
     "line": 20,
     "message": "Props should be sorted alphabetically",
@@ -1880,21 +1893,21 @@ exports[`fixtures should match all snapshots: 450.mdx 1`] = `
     "fix": {
       "range": [
         114,
-        383,
-      ],
-      "text": "alt="https://via.placeholder.com/250x250"
-  aria-disabled=""
-  className=""
-  height
-
-  loading="my-image"
-  onClick={250}
-  onError={250}
-  onLoad="eager"
-  src={{ display: 'block' }}
-  style={() => console.log('onLoad')}
-  title={() => console.log('onError')}
-  width",
+        414,
+      ],
+      "text": "alt=""
+  aria-disabled
+  className="my-image"
+  height={250}
+
+  loading="eager"
+  onClick={() => console.log('onClick')}
+  onError={() => console.log('onError')}
+  onLoad={() => console.log('onLoad')}
+  src="https://via.placeholder.com/250x250"
+  style={{ display: 'block' }}
+  title=""
+  width={250}",
     },
     "line": 21,
     "message": "Props should be sorted alphabetically",
@@ -1928,21 +1941,21 @@ exports[`fixtures should match all snapshots: 450.mdx 1`] = `
     "fix": {
       "range": [
         114,
-        383,
-      ],
-      "text": "alt="https://via.placeholder.com/250x250"
-  aria-disabled=""
-  className=""
-  height
-
-  loading="my-image"
-  onClick={250}
-  onError={250}
-  onLoad="eager"
-  src={{ display: 'block' }}
-  style={() => console.log('onLoad')}
-  title={() => console.log('onError')}
-  width",
+        414,
+      ],
+      "text": "alt=""
+  aria-disabled
+  className="my-image"
+  height={250}
+
+  loading="eager"
+  onClick={() => console.log('onClick')}
+  onError={() => console.log('onError')}
+  onLoad={() => console.log('onLoad')}
+  src="https://via.placeholder.com/250x250"
+  style={{ display: 'block' }}
+  title=""
+  width={250}",
     },
     "line": 22,
     "message": "Props should be sorted alphabetically",
@@ -1964,19 +1977,19 @@ exports[`fixtures should match all snapshots: 450.mdx 2`] = `
 Lorem ipsum dolor sit amet.
 
 <img
-  alt="https://via.placeholder.com/250x250"
-  aria-disabled=""
-  className=""
-  height
-
-loading="my-image"
-onClick={250}
-onError={250}
-onLoad="eager"
-src={{ display: 'block' }}
-style={() => console.log('onLoad')}
-title={() => console.log('onError')}
-width={() => console.log('onClick')}
+  alt=""
+  aria-disabled
+  className="my-image"
+  height={250}
+
+loading="eager"
+onClick={() => console.log('onClick')}
+onError={() => console.log('onError')}
+onLoad={() => console.log('onLoad')}
+src="https://via.placeholder.com/250x250"
+style={{ display: 'block' }}
+title=""
+width={250}
 />
 "
 `;
@@ -2001,13 +2014,13 @@ exports[`fixtures should match all snapshots: 488.mdx 1`] = `
     "fix": {
       "range": [
         9,
-        68,
+        74,
       ],
       "text": "alt="alt"
-  format="src"
-  height="315"
-  src="100"
-  width",
+  format="svg"
+  height="100"
+  src="src"
+  width="315"",
     },
     "line": 5,
     "message": "Props should be sorted alphabetically",
@@ -2023,13 +2036,13 @@ exports[`fixtures should match all snapshots: 488.mdx 1`] = `
     "fix": {
       "range": [
         9,
-        68,
+        74,
       ],
       "text": "alt="alt"
-  format="src"
-  height="315"
-  src="100"
-  width",
+  format="svg"
+  height="100"
+  src="src"
+  width="315"",
     },
     "line": 6,
     "message": "Props should be sorted alphabetically",
@@ -2044,10 +2057,10 @@ exports[`fixtures should match all snapshots: 488.mdx 1`] = `
 exports[`fixtures should match all snapshots: 488.mdx 2`] = `
 "<Image
   alt="alt"
-  format="src"
-  height="315"
-  src="100"
-  width="svg"
+  format="svg"
+  height="100"
+  src="src"
+  width="315"
 />
 "
 `;
@@ -2177,11 +2190,14 @@ exports[`fixtures should match all snapshots: blank-lines.mdx 1`] = `
     "fix": {
       "range": [
         163,
-        193,
+        250,
       ],
-      "text": "bg={3}
-  p='lightgray'
-  style",
+      "text": "bg='lightgray'
+  p={3}
+  style={{
+    textAlign: 'center',
+    fontWeight: 'bold',
+  }}",
     },
     "line": 10,
     "message": "Props should be sorted alphabetically",
@@ -2299,8 +2315,8 @@ If you have an existing project you want to integrate MDX with, check out
 the installation guides.
 
 <Box
-  bg={3}
-  p="lightgray"
+  bg="lightgray"
+  p={3}
   style={{
     textAlign: 'center',
     fontWeight: 'bold',
@@ -2529,7 +2545,7 @@ exports[`fixtures should match all snapshots: jsx-in-list.mdx 1`] = `
   },
   {
     "column": 46,
-    "endColumn": 51,
+    "endColumn": 58,
     "endLine": 1,
     "line": 1,
     "message": "Unknown property 'story' found",
@@ -2561,7 +2577,7 @@ exports[`fixtures should match all snapshots: jsx-in-list.mdx 1`] = `
   },
   {
     "column": 46,
-    "endColumn": 51,
+    "endColumn": 58,
     "endLine": 5,
     "line": 5,
     "message": "Unknown property 'story' found",
@@ -2593,7 +2609,7 @@ exports[`fixtures should match all snapshots: jsx-in-list.mdx 1`] = `
   },
   {
     "column": 46,
-    "endColumn": 51,
+    "endColumn": 58,
     "endLine": 9,
     "line": 9,
     "message": "Unknown property 'story' found",
@@ -2625,7 +2641,7 @@ exports[`fixtures should match all snapshots: jsx-in-list.mdx 1`] = `
   },
   {
     "column": 46,
-    "endColumn": 51,
+    "endColumn": 58,
     "endLine": 13,
     "line": 13,
     "message": "Unknown property 'story' found",
@@ -2657,7 +2673,7 @@ exports[`fixtures should match all snapshots: jsx-in-list.mdx 1`] = `
   },
   {
     "column": 46,
-    "endColumn": 51,
+    "endColumn": 58,
     "endLine": 17,
     "line": 17,
     "message": "Unknown property 'story' found",
@@ -2689,7 +2705,7 @@ exports[`fixtures should match all snapshots: jsx-in-list.mdx 1`] = `
   },
   {
     "column": 46,
-    "endColumn": 51,
+    "endColumn": 58,
     "endLine": 21,
     "line": 21,
     "message": "Unknown property 'story' found",
diff --git a/test/__snapshots__/parser.test.ts.snap b/test/__snapshots__/parser.test.ts.snap
index edc0e09..af05862 100644
--- a/test/__snapshots__/parser.test.ts.snap
+++ b/test/__snapshots__/parser.test.ts.snap
@@ -92,12 +92,12 @@ exports[`parser should match all AST snapshots: 287.mdx 1`] = `
         "openingElement": {
           "attributes": [
             {
-              "end": 56,
+              "end": 94,
               "loc": {
                 "end": {
-                  "column": 56,
+                  "column": 94,
                   "line": 1,
-                  "offset": 56,
+                  "offset": 94,
                 },
                 "start": {
                   "column": 52,
@@ -130,9 +130,9 @@ exports[`parser should match all AST snapshots: 287.mdx 1`] = `
               },
               "range": [
                 52,
-                56,
+                94,
               ],
-              "raw": "href",
+              "raw": "href="/blog/2020-10-10-webpack-5-release/"",
               "start": 52,
               "type": "JSXAttribute",
               "value": {
@@ -321,12 +321,12 @@ exports[`parser should match all AST snapshots: 287.mdx 1`] = `
         "openingElement": {
           "attributes": [
             {
-              "end": 140,
+              "end": 169,
               "loc": {
                 "end": {
-                  "column": 140,
+                  "column": 169,
                   "line": 1,
-                  "offset": 140,
+                  "offset": 169,
                 },
                 "start": {
                   "column": 136,
@@ -359,9 +359,9 @@ exports[`parser should match all AST snapshots: 287.mdx 1`] = `
               },
               "range": [
                 136,
-                140,
+                169,
               ],
-              "raw": "href",
+              "raw": "href="https://v4.webpack.js.org/"",
               "start": 136,
               "type": "JSXAttribute",
               "value": {
@@ -1086,12 +1086,12 @@ exports[`parser should match all AST snapshots: 292.mdx 1`] = `
         "openingElement": {
           "attributes": [
             {
-              "end": 34,
+              "end": 40,
               "loc": {
                 "end": {
-                  "column": 24,
+                  "column": 30,
                   "line": 3,
-                  "offset": 34,
+                  "offset": 40,
                 },
                 "start": {
                   "column": 15,
@@ -1124,9 +1124,9 @@ exports[`parser should match all AST snapshots: 292.mdx 1`] = `
               },
               "range": [
                 25,
-                34,
+                40,
               ],
-              "raw": "className",
+              "raw": "className="abc"",
               "start": 25,
               "type": "JSXAttribute",
               "value": {
@@ -1315,12 +1315,12 @@ exports[`parser should match all AST snapshots: 292.mdx 1`] = `
         "openingElement": {
           "attributes": [
             {
-              "end": 69,
+              "end": 100,
               "loc": {
                 "end": {
-                  "column": 13,
+                  "column": 44,
                   "line": 5,
-                  "offset": 69,
+                  "offset": 100,
                 },
                 "start": {
                   "column": 9,
@@ -1353,9 +1353,9 @@ exports[`parser should match all AST snapshots: 292.mdx 1`] = `
               },
               "range": [
                 65,
-                69,
+                100,
               ],
-              "raw": "kind",
+              "raw": "kind="docs-packages-vuetify-preset"",
               "start": 65,
               "type": "JSXAttribute",
               "value": {
@@ -1383,12 +1383,12 @@ exports[`parser should match all AST snapshots: 292.mdx 1`] = `
               },
             },
             {
-              "end": 106,
+              "end": 113,
               "loc": {
                 "end": {
-                  "column": 50,
+                  "column": 57,
                   "line": 5,
-                  "offset": 106,
+                  "offset": 113,
                 },
                 "start": {
                   "column": 45,
@@ -1421,9 +1421,9 @@ exports[`parser should match all AST snapshots: 292.mdx 1`] = `
               },
               "range": [
                 101,
-                106,
+                113,
               ],
-              "raw": "story",
+              "raw": "story="page"",
               "start": 101,
               "type": "JSXAttribute",
               "value": {
@@ -5136,12 +5136,12 @@ exports[`parser should match all AST snapshots: 380.mdx 1`] = `
         "openingElement": {
           "attributes": [
             {
-              "end": 431,
+              "end": 438,
               "loc": {
                 "end": {
-                  "column": 7,
+                  "column": 14,
                   "line": 20,
-                  "offset": 431,
+                  "offset": 438,
                 },
                 "start": {
                   "column": 2,
@@ -5174,9 +5174,9 @@ exports[`parser should match all AST snapshots: 380.mdx 1`] = `
               },
               "range": [
                 426,
-                431,
+                438,
               ],
-              "raw": "title",
+              "raw": "title="Tabs"",
               "start": 426,
               "type": "JSXAttribute",
               "value": {
@@ -5204,12 +5204,12 @@ exports[`parser should match all AST snapshots: 380.mdx 1`] = `
               },
             },
             {
-              "end": 451,
+              "end": 720,
               "loc": {
                 "end": {
-                  "column": 12,
-                  "line": 21,
-                  "offset": 451,
+                  "column": 4,
+                  "line": 34,
+                  "offset": 720,
                 },
                 "start": {
                   "column": 2,
@@ -5242,9 +5242,22 @@ exports[`parser should match all AST snapshots: 380.mdx 1`] = `
               },
               "range": [
                 441,
-                451,
+                720,
               ],
-              "raw": "decorators",
+              "raw": "decorators={[
+    moduleMetadata({
+      imports: [
+        ButtonModule,
+        IconModule,
+        FormsModule,
+        FormModule,
+        RadioModule,
+        TabsModule,
+        CardModule,
+      ],
+      declarations: [ActiveTestComponent, LazyTestComponent],
+    }),
+  ]}",
               "start": 441,
               "type": "JSXAttribute",
               "value": {
@@ -6188,12 +6201,12 @@ exports[`parser should match all AST snapshots: 380.mdx 1`] = `
             "openingElement": {
               "attributes": [
                 {
-                  "end": 828,
+                  "end": 836,
                   "loc": {
                     "end": {
-                      "column": 8,
+                      "column": 16,
                       "line": 45,
-                      "offset": 828,
+                      "offset": 836,
                     },
                     "start": {
                       "column": 4,
@@ -6226,9 +6239,9 @@ exports[`parser should match all AST snapshots: 380.mdx 1`] = `
                   },
                   "range": [
                     824,
-                    828,
+                    836,
                   ],
-                  "raw": "name",
+                  "raw": "name="Basic"",
                   "start": 824,
                   "type": "JSXAttribute",
                   "value": {
@@ -6256,12 +6269,12 @@ exports[`parser should match all AST snapshots: 380.mdx 1`] = `
                   },
                 },
                 {
-                  "end": 847,
+                  "end": 855,
                   "loc": {
                     "end": {
-                      "column": 10,
+                      "column": 18,
                       "line": 46,
-                      "offset": 847,
+                      "offset": 855,
                     },
                     "start": {
                       "column": 4,
@@ -6294,9 +6307,9 @@ exports[`parser should match all AST snapshots: 380.mdx 1`] = `
                   },
                   "range": [
                     841,
-                    847,
+                    855,
                   ],
-                  "raw": "height",
+                  "raw": "height="100px"",
                   "start": 841,
                   "type": "JSXAttribute",
                   "value": {
@@ -6961,12 +6974,12 @@ exports[`parser should match all AST snapshots: 380.mdx 1`] = `
             "openingElement": {
               "attributes": [
                 {
-                  "end": 1503,
+                  "end": 1510,
                   "loc": {
                     "end": {
-                      "column": 8,
+                      "column": 15,
                       "line": 82,
-                      "offset": 1503,
+                      "offset": 1510,
                     },
                     "start": {
                       "column": 4,
@@ -6999,9 +7012,9 @@ exports[`parser should match all AST snapshots: 380.mdx 1`] = `
                   },
                   "range": [
                     1499,
-                    1503,
+                    1510,
                   ],
-                  "raw": "name",
+                  "raw": "name="Card"",
                   "start": 1499,
                   "type": "JSXAttribute",
                   "value": {
@@ -7029,12 +7042,12 @@ exports[`parser should match all AST snapshots: 380.mdx 1`] = `
                   },
                 },
                 {
-                  "end": 1521,
+                  "end": 1529,
                   "loc": {
                     "end": {
-                      "column": 10,
+                      "column": 18,
                       "line": 83,
-                      "offset": 1521,
+                      "offset": 1529,
                     },
                     "start": {
                       "column": 4,
@@ -7067,9 +7080,9 @@ exports[`parser should match all AST snapshots: 380.mdx 1`] = `
                   },
                   "range": [
                     1515,
-                    1521,
+                    1529,
                   ],
-                  "raw": "height",
+                  "raw": "height="200px"",
                   "start": 1515,
                   "type": "JSXAttribute",
                   "value": {
@@ -7728,12 +7741,12 @@ exports[`parser should match all AST snapshots: 380.mdx 1`] = `
             "openingElement": {
               "attributes": [
                 {
-                  "end": 1986,
+                  "end": 1993,
                   "loc": {
                     "end": {
-                      "column": 8,
+                      "column": 15,
                       "line": 104,
-                      "offset": 1986,
+                      "offset": 1993,
                     },
                     "start": {
                       "column": 4,
@@ -7766,9 +7779,9 @@ exports[`parser should match all AST snapshots: 380.mdx 1`] = `
                   },
                   "range": [
                     1982,
-                    1986,
+                    1993,
                   ],
-                  "raw": "name",
+                  "raw": "name="Size"",
                   "start": 1982,
                   "type": "JSXAttribute",
                   "value": {
@@ -7796,12 +7809,12 @@ exports[`parser should match all AST snapshots: 380.mdx 1`] = `
                   },
                 },
                 {
-                  "end": 2004,
+                  "end": 2012,
                   "loc": {
                     "end": {
-                      "column": 10,
+                      "column": 18,
                       "line": 105,
-                      "offset": 2004,
+                      "offset": 2012,
                     },
                     "start": {
                       "column": 4,
@@ -7834,9 +7847,9 @@ exports[`parser should match all AST snapshots: 380.mdx 1`] = `
                   },
                   "range": [
                     1998,
-                    2004,
+                    2012,
                   ],
-                  "raw": "height",
+                  "raw": "height="200px"",
                   "start": 1998,
                   "type": "JSXAttribute",
                   "value": {
@@ -8702,12 +8715,12 @@ exports[`parser should match all AST snapshots: 380.mdx 1`] = `
             "openingElement": {
               "attributes": [
                 {
-                  "end": 2924,
+                  "end": 2938,
                   "loc": {
                     "end": {
-                      "column": 8,
+                      "column": 22,
                       "line": 138,
-                      "offset": 2924,
+                      "offset": 2938,
                     },
                     "start": {
                       "column": 4,
@@ -8740,9 +8753,9 @@ exports[`parser should match all AST snapshots: 380.mdx 1`] = `
                   },
                   "range": [
                     2920,
-                    2924,
+                    2938,
                   ],
-                  "raw": "name",
+                  "raw": "name="CustomLabel"",
                   "start": 2920,
                   "type": "JSXAttribute",
                   "value": {
@@ -8770,12 +8783,12 @@ exports[`parser should match all AST snapshots: 380.mdx 1`] = `
                   },
                 },
                 {
-                  "end": 2949,
+                  "end": 2957,
                   "loc": {
                     "end": {
-                      "column": 10,
+                      "column": 18,
                       "line": 139,
-                      "offset": 2949,
+                      "offset": 2957,
                     },
                     "start": {
                       "column": 4,
@@ -8808,9 +8821,9 @@ exports[`parser should match all AST snapshots: 380.mdx 1`] = `
                   },
                   "range": [
                     2943,
-                    2949,
+                    2957,
                   ],
-                  "raw": "height",
+                  "raw": "height="200px"",
                   "start": 2943,
                   "type": "JSXAttribute",
                   "value": {
@@ -10972,12 +10985,12 @@ exports[`parser should match all AST snapshots: 380.mdx 1`] = `
             "openingElement": {
               "attributes": [
                 {
-                  "end": 3754,
+                  "end": 3765,
                   "loc": {
                     "end": {
-                      "column": 8,
+                      "column": 19,
                       "line": 173,
-                      "offset": 3754,
+                      "offset": 3765,
                     },
                     "start": {
                       "column": 4,
@@ -11010,9 +11023,9 @@ exports[`parser should match all AST snapshots: 380.mdx 1`] = `
                   },
                   "range": [
                     3750,
-                    3754,
+                    3765,
                   ],
-                  "raw": "name",
+                  "raw": "name="Editable"",
                   "start": 3750,
                   "type": "JSXAttribute",
                   "value": {
@@ -11040,12 +11053,12 @@ exports[`parser should match all AST snapshots: 380.mdx 1`] = `
                   },
                 },
                 {
-                  "end": 3776,
+                  "end": 3784,
                   "loc": {
                     "end": {
-                      "column": 10,
+                      "column": 18,
                       "line": 174,
-                      "offset": 3776,
+                      "offset": 3784,
                     },
                     "start": {
                       "column": 4,
@@ -11078,9 +11091,9 @@ exports[`parser should match all AST snapshots: 380.mdx 1`] = `
                   },
                   "range": [
                     3770,
-                    3776,
+                    3784,
                   ],
-                  "raw": "height",
+                  "raw": "height="100px"",
                   "start": 3770,
                   "type": "JSXAttribute",
                   "value": {
@@ -11966,12 +11979,12 @@ exports[`parser should match all AST snapshots: 380.mdx 1`] = `
             "openingElement": {
               "attributes": [
                 {
-                  "end": 4792,
+                  "end": 4803,
                   "loc": {
                     "end": {
-                      "column": 8,
+                      "column": 19,
                       "line": 219,
-                      "offset": 4792,
+                      "offset": 4803,
                     },
                     "start": {
                       "column": 4,
@@ -12004,9 +12017,9 @@ exports[`parser should match all AST snapshots: 380.mdx 1`] = `
                   },
                   "range": [
                     4788,
-                    4792,
+                    4803,
                   ],
-                  "raw": "name",
+                  "raw": "name="Disabled"",
                   "start": 4788,
                   "type": "JSXAttribute",
                   "value": {
@@ -12034,12 +12047,12 @@ exports[`parser should match all AST snapshots: 380.mdx 1`] = `
                   },
                 },
                 {
-                  "end": 4814,
+                  "end": 4822,
                   "loc": {
                     "end": {
-                      "column": 10,
+                      "column": 18,
                       "line": 220,
-                      "offset": 4814,
+                      "offset": 4822,
                     },
                     "start": {
                       "column": 4,
@@ -12072,9 +12085,9 @@ exports[`parser should match all AST snapshots: 380.mdx 1`] = `
                   },
                   "range": [
                     4808,
-                    4814,
+                    4822,
                   ],
-                  "raw": "height",
+                  "raw": "height="100px"",
                   "start": 4808,
                   "type": "JSXAttribute",
                   "value": {
@@ -13028,12 +13041,12 @@ exports[`parser should match all AST snapshots: 380.mdx 1`] = `
             "openingElement": {
               "attributes": [
                 {
-                  "end": 5585,
+                  "end": 5592,
                   "loc": {
                     "end": {
-                      "column": 8,
+                      "column": 15,
                       "line": 252,
-                      "offset": 5585,
+                      "offset": 5592,
                     },
                     "start": {
                       "column": 4,
@@ -13066,9 +13079,9 @@ exports[`parser should match all AST snapshots: 380.mdx 1`] = `
                   },
                   "range": [
                     5581,
-                    5585,
+                    5592,
                   ],
-                  "raw": "name",
+                  "raw": "name="Lazy"",
                   "start": 5581,
                   "type": "JSXAttribute",
                   "value": {
@@ -13096,12 +13109,12 @@ exports[`parser should match all AST snapshots: 380.mdx 1`] = `
                   },
                 },
                 {
-                  "end": 5603,
+                  "end": 5611,
                   "loc": {
                     "end": {
-                      "column": 10,
+                      "column": 18,
                       "line": 253,
-                      "offset": 5603,
+                      "offset": 5611,
                     },
                     "start": {
                       "column": 4,
@@ -13134,9 +13147,9 @@ exports[`parser should match all AST snapshots: 380.mdx 1`] = `
                   },
                   "range": [
                     5597,
-                    5603,
+                    5611,
                   ],
-                  "raw": "height",
+                  "raw": "height="150px"",
                   "start": 5597,
                   "type": "JSXAttribute",
                   "value": {
@@ -13829,12 +13842,12 @@ exports[`parser should match all AST snapshots: 380.mdx 1`] = `
             "openingElement": {
               "attributes": [
                 {
-                  "end": 6796,
+                  "end": 6803,
                   "loc": {
                     "end": {
-                      "column": 8,
+                      "column": 15,
                       "line": 298,
-                      "offset": 6796,
+                      "offset": 6803,
                     },
                     "start": {
                       "column": 4,
@@ -13867,9 +13880,9 @@ exports[`parser should match all AST snapshots: 380.mdx 1`] = `
                   },
                   "range": [
                     6792,
-                    6796,
+                    6803,
                   ],
-                  "raw": "name",
+                  "raw": "name="Nest"",
                   "start": 6792,
                   "type": "JSXAttribute",
                   "value": {
@@ -13897,12 +13910,12 @@ exports[`parser should match all AST snapshots: 380.mdx 1`] = `
                   },
                 },
                 {
-                  "end": 6814,
+                  "end": 6822,
                   "loc": {
                     "end": {
-                      "column": 10,
+                      "column": 18,
                       "line": 299,
-                      "offset": 6814,
+                      "offset": 6822,
                     },
                     "start": {
                       "column": 4,
@@ -13935,9 +13948,9 @@ exports[`parser should match all AST snapshots: 380.mdx 1`] = `
                   },
                   "range": [
                     6808,
-                    6814,
+                    6822,
                   ],
-                  "raw": "height",
+                  "raw": "height="100px"",
                   "start": 6808,
                   "type": "JSXAttribute",
                   "value": {
@@ -14446,12 +14459,12 @@ exports[`parser should match all AST snapshots: 380.mdx 1`] = `
             "openingElement": {
               "attributes": [
                 {
-                  "end": 8237,
+                  "end": 8245,
                   "loc": {
                     "end": {
-                      "column": 8,
+                      "column": 16,
                       "line": 347,
-                      "offset": 8237,
+                      "offset": 8245,
                     },
                     "start": {
                       "column": 4,
@@ -14484,9 +14497,9 @@ exports[`parser should match all AST snapshots: 380.mdx 1`] = `
                   },
                   "range": [
                     8233,
-                    8237,
+                    8245,
                   ],
-                  "raw": "name",
+                  "raw": "name="Title"",
                   "start": 8233,
                   "type": "JSXAttribute",
                   "value": {
@@ -14514,12 +14527,12 @@ exports[`parser should match all AST snapshots: 380.mdx 1`] = `
                   },
                 },
                 {
-                  "end": 8256,
+                  "end": 8264,
                   "loc": {
                     "end": {
-                      "column": 10,
+                      "column": 18,
                       "line": 348,
-                      "offset": 8256,
+                      "offset": 8264,
                     },
                     "start": {
                       "column": 4,
@@ -14552,9 +14565,9 @@ exports[`parser should match all AST snapshots: 380.mdx 1`] = `
                   },
                   "range": [
                     8250,
-                    8256,
+                    8264,
                   ],
-                  "raw": "height",
+                  "raw": "height="100px"",
                   "start": 8250,
                   "type": "JSXAttribute",
                   "value": {
@@ -14827,50 +14840,6 @@ exports[`parser should match all AST snapshots: 380.mdx 1`] = `
       "type": "Block",
       "value": " HTML ",
     },
-    {
-      "end": 893,
-      "loc": {
-        "end": {
-          "column": 26,
-          "line": 49,
-          "offset": 893,
-        },
-        "start": {
-          "column": 16,
-          "line": 49,
-          "offset": 883,
-        },
-      },
-      "range": [
-        883,
-        893,
-      ],
-      "start": 883,
-      "type": "Block",
-      "value": " HTML ",
-    },
-    {
-      "end": 1567,
-      "loc": {
-        "end": {
-          "column": 26,
-          "line": 86,
-          "offset": 1567,
-        },
-        "start": {
-          "column": 16,
-          "line": 86,
-          "offset": 1557,
-        },
-      },
-      "range": [
-        1557,
-        1567,
-      ],
-      "start": 1557,
-      "type": "Block",
-      "value": " HTML ",
-    },
     {
       "end": 1567,
       "loc": {
@@ -14915,50 +14884,6 @@ exports[`parser should match all AST snapshots: 380.mdx 1`] = `
       "type": "Block",
       "value": " HTML ",
     },
-    {
-      "end": 2050,
-      "loc": {
-        "end": {
-          "column": 26,
-          "line": 108,
-          "offset": 2050,
-        },
-        "start": {
-          "column": 16,
-          "line": 108,
-          "offset": 2040,
-        },
-      },
-      "range": [
-        2040,
-        2050,
-      ],
-      "start": 2040,
-      "type": "Block",
-      "value": " HTML ",
-    },
-    {
-      "end": 2995,
-      "loc": {
-        "end": {
-          "column": 26,
-          "line": 142,
-          "offset": 2995,
-        },
-        "start": {
-          "column": 16,
-          "line": 142,
-          "offset": 2985,
-        },
-      },
-      "range": [
-        2985,
-        2995,
-      ],
-      "start": 2985,
-      "type": "Block",
-      "value": " HTML ",
-    },
     {
       "end": 2995,
       "loc": {
@@ -15003,50 +14928,6 @@ exports[`parser should match all AST snapshots: 380.mdx 1`] = `
       "type": "Block",
       "value": " HTML ",
     },
-    {
-      "end": 3822,
-      "loc": {
-        "end": {
-          "column": 26,
-          "line": 177,
-          "offset": 3822,
-        },
-        "start": {
-          "column": 16,
-          "line": 177,
-          "offset": 3812,
-        },
-      },
-      "range": [
-        3812,
-        3822,
-      ],
-      "start": 3812,
-      "type": "Block",
-      "value": " HTML ",
-    },
-    {
-      "end": 4860,
-      "loc": {
-        "end": {
-          "column": 26,
-          "line": 223,
-          "offset": 4860,
-        },
-        "start": {
-          "column": 16,
-          "line": 223,
-          "offset": 4850,
-        },
-      },
-      "range": [
-        4850,
-        4860,
-      ],
-      "start": 4850,
-      "type": "Block",
-      "value": " HTML ",
-    },
     {
       "end": 4860,
       "loc": {
@@ -15091,28 +14972,6 @@ exports[`parser should match all AST snapshots: 380.mdx 1`] = `
       "type": "Block",
       "value": " HTML ",
     },
-    {
-      "end": 5649,
-      "loc": {
-        "end": {
-          "column": 26,
-          "line": 256,
-          "offset": 5649,
-        },
-        "start": {
-          "column": 16,
-          "line": 256,
-          "offset": 5639,
-        },
-      },
-      "range": [
-        5639,
-        5649,
-      ],
-      "start": 5639,
-      "type": "Block",
-      "value": " HTML ",
-    },
     {
       "end": 6860,
       "loc": {
@@ -15135,50 +14994,6 @@ exports[`parser should match all AST snapshots: 380.mdx 1`] = `
       "type": "Block",
       "value": " HTML ",
     },
-    {
-      "end": 6860,
-      "loc": {
-        "end": {
-          "column": 26,
-          "line": 302,
-          "offset": 6860,
-        },
-        "start": {
-          "column": 16,
-          "line": 302,
-          "offset": 6850,
-        },
-      },
-      "range": [
-        6850,
-        6860,
-      ],
-      "start": 6850,
-      "type": "Block",
-      "value": " HTML ",
-    },
-    {
-      "end": 8302,
-      "loc": {
-        "end": {
-          "column": 26,
-          "line": 351,
-          "offset": 8302,
-        },
-        "start": {
-          "column": 16,
-          "line": 351,
-          "offset": 8292,
-        },
-      },
-      "range": [
-        8292,
-        8302,
-      ],
-      "start": 8292,
-      "type": "Block",
-      "value": " HTML ",
-    },
     {
       "end": 8302,
       "loc": {
@@ -30350,12 +30165,12 @@ exports[`parser should match all AST snapshots: 435.mdx 1`] = `
         "openingElement": {
           "attributes": [
             {
-              "end": 14,
+              "end": 69,
               "loc": {
                 "end": {
-                  "column": 6,
-                  "line": 2,
-                  "offset": 14,
+                  "column": 3,
+                  "line": 5,
+                  "offset": 69,
                 },
                 "start": {
                   "column": 1,
@@ -30388,9 +30203,12 @@ exports[`parser should match all AST snapshots: 435.mdx 1`] = `
               },
               "range": [
                 9,
-                14,
+                69,
               ],
-              "raw": "style",
+              "raw": "style={{
+		background: 'red',
+		border: '1px solid red',
+	}}",
               "start": 9,
               "type": "JSXAttribute",
               "value": {
@@ -30688,12 +30506,12 @@ exports[`parser should match all AST snapshots: 435.mdx 1`] = `
         "openingElement": {
           "attributes": [
             {
-              "end": 120,
+              "end": 130,
               "loc": {
                 "end": {
-                  "column": 20,
-                  "line": 12,
-                  "offset": 120,
+                  "column": 6,
+                  "line": 13,
+                  "offset": 130,
                 },
                 "start": {
                   "column": 16,
@@ -30726,9 +30544,10 @@ exports[`parser should match all AST snapshots: 435.mdx 1`] = `
               },
               "range": [
                 116,
-                120,
+                130,
               ],
-              "raw": "data",
+              "raw": "data={\`
+    \`}",
               "start": 116,
               "type": "JSXAttribute",
               "value": {
@@ -31706,12 +31525,12 @@ exports[`parser should match all AST snapshots: 437.mdx 1`] = `
         "openingElement": {
           "attributes": [
             {
-              "end": 9,
+              "end": 17,
               "loc": {
                 "end": {
-                  "column": 9,
+                  "column": 17,
                   "line": 1,
-                  "offset": 9,
+                  "offset": 17,
                 },
                 "start": {
                   "column": 5,
@@ -31744,9 +31563,9 @@ exports[`parser should match all AST snapshots: 437.mdx 1`] = `
               },
               "range": [
                 5,
-                9,
+                17,
               ],
-              "raw": "prop",
+              "raw": "prop={'foo'}",
               "start": 5,
               "type": "JSXAttribute",
               "value": {
@@ -34118,12 +33937,12 @@ exports[`parser should match all AST snapshots: 450.mdx 1`] = `
         "openingElement": {
           "attributes": [
             {
-              "end": 58,
+              "end": 65,
               "loc": {
                 "end": {
-                  "column": 11,
+                  "column": 18,
                   "line": 3,
-                  "offset": 58,
+                  "offset": 65,
                 },
                 "start": {
                   "column": 6,
@@ -34156,9 +33975,9 @@ exports[`parser should match all AST snapshots: 450.mdx 1`] = `
               },
               "range": [
                 53,
-                58,
+                65,
               ],
-              "raw": "title",
+              "raw": "title="Test"",
               "start": 53,
               "type": "JSXAttribute",
               "value": {
@@ -34279,12 +34098,12 @@ exports[`parser should match all AST snapshots: 450.mdx 1`] = `
         "openingElement": {
           "attributes": [
             {
-              "end": 117,
+              "end": 155,
               "loc": {
                 "end": {
-                  "column": 5,
+                  "column": 43,
                   "line": 10,
-                  "offset": 117,
+                  "offset": 155,
                 },
                 "start": {
                   "column": 2,
@@ -34317,9 +34136,9 @@ exports[`parser should match all AST snapshots: 450.mdx 1`] = `
               },
               "range": [
                 114,
-                117,
+                155,
               ],
-              "raw": "src",
+              "raw": "src="https://via.placeholder.com/250x250"",
               "start": 114,
               "type": "JSXAttribute",
               "value": {
@@ -34347,12 +34166,12 @@ exports[`parser should match all AST snapshots: 450.mdx 1`] = `
               },
             },
             {
-              "end": 161,
+              "end": 164,
               "loc": {
                 "end": {
-                  "column": 5,
+                  "column": 8,
                   "line": 11,
-                  "offset": 161,
+                  "offset": 164,
                 },
                 "start": {
                   "column": 2,
@@ -34385,9 +34204,9 @@ exports[`parser should match all AST snapshots: 450.mdx 1`] = `
               },
               "range": [
                 158,
-                161,
+                164,
               ],
-              "raw": "alt",
+              "raw": "alt=""",
               "start": 158,
               "type": "JSXAttribute",
               "value": {
@@ -34415,12 +34234,12 @@ exports[`parser should match all AST snapshots: 450.mdx 1`] = `
               },
             },
             {
-              "end": 172,
+              "end": 175,
               "loc": {
                 "end": {
-                  "column": 7,
+                  "column": 10,
                   "line": 12,
-                  "offset": 172,
+                  "offset": 175,
                 },
                 "start": {
                   "column": 2,
@@ -34453,9 +34272,9 @@ exports[`parser should match all AST snapshots: 450.mdx 1`] = `
               },
               "range": [
                 167,
-                172,
+                175,
               ],
-              "raw": "title",
+              "raw": "title=""",
               "start": 167,
               "type": "JSXAttribute",
               "value": {
@@ -34529,12 +34348,12 @@ exports[`parser should match all AST snapshots: 450.mdx 1`] = `
               "value": null,
             },
             {
-              "end": 204,
+              "end": 215,
               "loc": {
                 "end": {
-                  "column": 11,
+                  "column": 22,
                   "line": 15,
-                  "offset": 204,
+                  "offset": 215,
                 },
                 "start": {
                   "column": 2,
@@ -34567,9 +34386,9 @@ exports[`parser should match all AST snapshots: 450.mdx 1`] = `
               },
               "range": [
                 195,
-                204,
+                215,
               ],
-              "raw": "className",
+              "raw": "className="my-image"",
               "start": 195,
               "type": "JSXAttribute",
               "value": {
@@ -34597,12 +34416,12 @@ exports[`parser should match all AST snapshots: 450.mdx 1`] = `
               },
             },
             {
-              "end": 223,
+              "end": 229,
               "loc": {
                 "end": {
-                  "column": 7,
+                  "column": 13,
                   "line": 16,
-                  "offset": 223,
+                  "offset": 229,
                 },
                 "start": {
                   "column": 2,
@@ -34635,9 +34454,9 @@ exports[`parser should match all AST snapshots: 450.mdx 1`] = `
               },
               "range": [
                 218,
-                223,
+                229,
               ],
-              "raw": "width",
+              "raw": "width={250}",
               "start": 218,
               "type": "JSXAttribute",
               "value": {
@@ -34687,12 +34506,12 @@ exports[`parser should match all AST snapshots: 450.mdx 1`] = `
               },
             },
             {
-              "end": 238,
+              "end": 244,
               "loc": {
                 "end": {
-                  "column": 8,
+                  "column": 14,
                   "line": 17,
-                  "offset": 238,
+                  "offset": 244,
                 },
                 "start": {
                   "column": 2,
@@ -34725,9 +34544,9 @@ exports[`parser should match all AST snapshots: 450.mdx 1`] = `
               },
               "range": [
                 232,
-                238,
+                244,
               ],
-              "raw": "height",
+              "raw": "height={250}",
               "start": 232,
               "type": "JSXAttribute",
               "value": {
@@ -34777,12 +34596,12 @@ exports[`parser should match all AST snapshots: 450.mdx 1`] = `
               },
             },
             {
-              "end": 254,
+              "end": 262,
               "loc": {
                 "end": {
-                  "column": 9,
+                  "column": 17,
                   "line": 18,
-                  "offset": 254,
+                  "offset": 262,
                 },
                 "start": {
                   "column": 2,
@@ -34815,9 +34634,9 @@ exports[`parser should match all AST snapshots: 450.mdx 1`] = `
               },
               "range": [
                 247,
-                254,
+                262,
               ],
-              "raw": "loading",
+              "raw": "loading="eager"",
               "start": 247,
               "type": "JSXAttribute",
               "value": {
@@ -34845,12 +34664,12 @@ exports[`parser should match all AST snapshots: 450.mdx 1`] = `
               },
             },
             {
-              "end": 270,
+              "end": 293,
               "loc": {
                 "end": {
-                  "column": 7,
+                  "column": 30,
                   "line": 19,
-                  "offset": 270,
+                  "offset": 293,
                 },
                 "start": {
                   "column": 2,
@@ -34883,9 +34702,9 @@ exports[`parser should match all AST snapshots: 450.mdx 1`] = `
               },
               "range": [
                 265,
-                270,
+                293,
               ],
-              "raw": "style",
+              "raw": "style={{ display: 'block' }}",
               "start": 265,
               "type": "JSXAttribute",
               "value": {
@@ -35005,12 +34824,12 @@ exports[`parser should match all AST snapshots: 450.mdx 1`] = `
               },
             },
             {
-              "end": 302,
+              "end": 332,
               "loc": {
                 "end": {
-                  "column": 8,
+                  "column": 38,
                   "line": 20,
-                  "offset": 302,
+                  "offset": 332,
                 },
                 "start": {
                   "column": 2,
@@ -35043,9 +34862,9 @@ exports[`parser should match all AST snapshots: 450.mdx 1`] = `
               },
               "range": [
                 296,
-                302,
+                332,
               ],
-              "raw": "onLoad",
+              "raw": "onLoad={() => console.log('onLoad')}",
               "start": 296,
               "type": "JSXAttribute",
               "value": {
@@ -35212,12 +35031,12 @@ exports[`parser should match all AST snapshots: 450.mdx 1`] = `
               },
             },
             {
-              "end": 342,
+              "end": 373,
               "loc": {
                 "end": {
-                  "column": 9,
+                  "column": 40,
                   "line": 21,
-                  "offset": 342,
+                  "offset": 373,
                 },
                 "start": {
                   "column": 2,
@@ -35250,9 +35069,9 @@ exports[`parser should match all AST snapshots: 450.mdx 1`] = `
               },
               "range": [
                 335,
-                342,
+                373,
               ],
-              "raw": "onError",
+              "raw": "onError={() => console.log('onError')}",
               "start": 335,
               "type": "JSXAttribute",
               "value": {
@@ -35419,12 +35238,12 @@ exports[`parser should match all AST snapshots: 450.mdx 1`] = `
               },
             },
             {
-              "end": 383,
+              "end": 414,
               "loc": {
                 "end": {
-                  "column": 9,
+                  "column": 40,
                   "line": 22,
-                  "offset": 383,
+                  "offset": 414,
                 },
                 "start": {
                   "column": 2,
@@ -35457,9 +35276,9 @@ exports[`parser should match all AST snapshots: 450.mdx 1`] = `
               },
               "range": [
                 376,
-                383,
+                414,
               ],
-              "raw": "onClick",
+              "raw": "onClick={() => console.log('onClick')}",
               "start": 376,
               "type": "JSXAttribute",
               "value": {
@@ -37845,12 +37664,12 @@ exports[`parser should match all AST snapshots: 488.mdx 1`] = `
         "openingElement": {
           "attributes": [
             {
-              "end": 12,
+              "end": 18,
               "loc": {
                 "end": {
-                  "column": 5,
+                  "column": 11,
                   "line": 2,
-                  "offset": 12,
+                  "offset": 18,
                 },
                 "start": {
                   "column": 2,
@@ -37883,9 +37702,9 @@ exports[`parser should match all AST snapshots: 488.mdx 1`] = `
               },
               "range": [
                 9,
-                12,
+                18,
               ],
-              "raw": "alt",
+              "raw": "alt="alt"",
               "start": 9,
               "type": "JSXAttribute",
               "value": {
@@ -37913,12 +37732,12 @@ exports[`parser should match all AST snapshots: 488.mdx 1`] = `
               },
             },
             {
-              "end": 24,
+              "end": 30,
               "loc": {
                 "end": {
-                  "column": 5,
+                  "column": 11,
                   "line": 3,
-                  "offset": 24,
+                  "offset": 30,
                 },
                 "start": {
                   "column": 2,
@@ -37951,9 +37770,9 @@ exports[`parser should match all AST snapshots: 488.mdx 1`] = `
               },
               "range": [
                 21,
-                24,
+                30,
               ],
-              "raw": "src",
+              "raw": "src="src"",
               "start": 21,
               "type": "JSXAttribute",
               "value": {
@@ -37981,12 +37800,12 @@ exports[`parser should match all AST snapshots: 488.mdx 1`] = `
               },
             },
             {
-              "end": 38,
+              "end": 44,
               "loc": {
                 "end": {
-                  "column": 7,
+                  "column": 13,
                   "line": 4,
-                  "offset": 38,
+                  "offset": 44,
                 },
                 "start": {
                   "column": 2,
@@ -38019,9 +37838,9 @@ exports[`parser should match all AST snapshots: 488.mdx 1`] = `
               },
               "range": [
                 33,
-                38,
+                44,
               ],
-              "raw": "width",
+              "raw": "width="315"",
               "start": 33,
               "type": "JSXAttribute",
               "value": {
@@ -38049,12 +37868,12 @@ exports[`parser should match all AST snapshots: 488.mdx 1`] = `
               },
             },
             {
-              "end": 53,
+              "end": 59,
               "loc": {
                 "end": {
-                  "column": 8,
+                  "column": 14,
                   "line": 5,
-                  "offset": 53,
+                  "offset": 59,
                 },
                 "start": {
                   "column": 2,
@@ -38087,9 +37906,9 @@ exports[`parser should match all AST snapshots: 488.mdx 1`] = `
               },
               "range": [
                 47,
-                53,
+                59,
               ],
-              "raw": "height",
+              "raw": "height="100"",
               "start": 47,
               "type": "JSXAttribute",
               "value": {
@@ -38117,12 +37936,12 @@ exports[`parser should match all AST snapshots: 488.mdx 1`] = `
               },
             },
             {
-              "end": 68,
+              "end": 74,
               "loc": {
                 "end": {
-                  "column": 8,
+                  "column": 14,
                   "line": 6,
-                  "offset": 68,
+                  "offset": 74,
                 },
                 "start": {
                   "column": 2,
@@ -38155,9 +37974,9 @@ exports[`parser should match all AST snapshots: 488.mdx 1`] = `
               },
               "range": [
                 62,
-                68,
+                74,
               ],
-              "raw": "format",
+              "raw": "format="svg"",
               "start": 62,
               "type": "JSXAttribute",
               "value": {
@@ -39945,28 +39764,6 @@ exports[`parser should match all AST snapshots: basic.mdx 1`] = `
       "type": "Block",
       "value": " This is a comment ",
     },
-    {
-      "end": 300,
-      "loc": {
-        "end": {
-          "column": 31,
-          "line": 19,
-          "offset": 300,
-        },
-        "start": {
-          "column": 8,
-          "line": 19,
-          "offset": 277,
-        },
-      },
-      "range": [
-        277,
-        300,
-      ],
-      "start": 277,
-      "type": "Block",
-      "value": " This is a comment ",
-    },
   ],
   "end": 405,
   "loc": {
@@ -41161,12 +40958,12 @@ exports[`parser should match all AST snapshots: blank-lines.mdx 1`] = `
         "openingElement": {
           "attributes": [
             {
-              "end": 164,
+              "end": 168,
               "loc": {
                 "end": {
-                  "column": 3,
+                  "column": 7,
                   "line": 9,
-                  "offset": 164,
+                  "offset": 168,
                 },
                 "start": {
                   "column": 2,
@@ -41199,9 +40996,9 @@ exports[`parser should match all AST snapshots: blank-lines.mdx 1`] = `
               },
               "range": [
                 163,
-                164,
+                168,
               ],
-              "raw": "p",
+              "raw": "p={3}",
               "start": 163,
               "type": "JSXAttribute",
               "value": {
@@ -41251,12 +41048,12 @@ exports[`parser should match all AST snapshots: blank-lines.mdx 1`] = `
               },
             },
             {
-              "end": 173,
+              "end": 185,
               "loc": {
                 "end": {
-                  "column": 4,
+                  "column": 16,
                   "line": 10,
-                  "offset": 173,
+                  "offset": 185,
                 },
                 "start": {
                   "column": 2,
@@ -41289,9 +41086,9 @@ exports[`parser should match all AST snapshots: blank-lines.mdx 1`] = `
               },
               "range": [
                 171,
-                173,
+                185,
               ],
-              "raw": "bg",
+              "raw": "bg='lightgray'",
               "start": 171,
               "type": "JSXAttribute",
               "value": {
@@ -41319,12 +41116,12 @@ exports[`parser should match all AST snapshots: blank-lines.mdx 1`] = `
               },
             },
             {
-              "end": 193,
+              "end": 250,
               "loc": {
                 "end": {
-                  "column": 7,
-                  "line": 11,
-                  "offset": 193,
+                  "column": 4,
+                  "line": 14,
+                  "offset": 250,
                 },
                 "start": {
                   "column": 2,
@@ -41357,9 +41154,12 @@ exports[`parser should match all AST snapshots: blank-lines.mdx 1`] = `
               },
               "range": [
                 188,
-                193,
+                250,
               ],
-              "raw": "style",
+              "raw": "style={{
+    textAlign: 'center',
+    fontWeight: 'bold',
+  }}",
               "start": 188,
               "type": "JSXAttribute",
               "value": {
@@ -41669,12 +41469,12 @@ exports[`parser should match all AST snapshots: blank-lines.mdx 1`] = `
         "openingElement": {
           "attributes": [
             {
-              "end": 608,
+              "end": 630,
               "loc": {
                 "end": {
-                  "column": 14,
+                  "column": 36,
                   "line": 31,
-                  "offset": 608,
+                  "offset": 630,
                 },
                 "start": {
                   "column": 7,
@@ -41707,9 +41507,9 @@ exports[`parser should match all AST snapshots: blank-lines.mdx 1`] = `
               },
               "range": [
                 601,
-                608,
+                630,
               ],
-              "raw": "tweetId",
+              "raw": "tweetId="1116723357410447360"",
               "start": 601,
               "type": "JSXAttribute",
               "value": {
@@ -42019,12 +41819,12 @@ exports[`parser should match all AST snapshots: blank-lines.mdx 1`] = `
         "openingElement": {
           "attributes": [
             {
-              "end": 750,
+              "end": 764,
               "loc": {
                 "end": {
-                  "column": 16,
+                  "column": 30,
                   "line": 41,
-                  "offset": 750,
+                  "offset": 764,
                 },
                 "start": {
                   "column": 9,
@@ -42057,9 +41857,9 @@ exports[`parser should match all AST snapshots: blank-lines.mdx 1`] = `
               },
               "range": [
                 743,
-                750,
+                764,
               ],
-              "raw": "videoId",
+              "raw": "videoId="4fHw4GeW3EU"",
               "start": 743,
               "type": "JSXAttribute",
               "value": {
@@ -43968,12 +43768,12 @@ exports[`parser should match all AST snapshots: jsx-in-list.mdx 1`] = `
         "openingElement": {
           "attributes": [
             {
-              "end": 13,
+              "end": 44,
               "loc": {
                 "end": {
-                  "column": 13,
+                  "column": 44,
                   "line": 1,
-                  "offset": 13,
+                  "offset": 44,
                 },
                 "start": {
                   "column": 9,
@@ -44006,9 +43806,9 @@ exports[`parser should match all AST snapshots: jsx-in-list.mdx 1`] = `
               },
               "range": [
                 9,
-                13,
+                44,
               ],
-              "raw": "kind",
+              "raw": "kind="docs-packages-vuetify-preset"",
               "start": 9,
               "type": "JSXAttribute",
               "value": {
@@ -44036,12 +43836,12 @@ exports[`parser should match all AST snapshots: jsx-in-list.mdx 1`] = `
               },
             },
             {
-              "end": 50,
+              "end": 57,
               "loc": {
                 "end": {
-                  "column": 50,
+                  "column": 57,
                   "line": 1,
-                  "offset": 50,
+                  "offset": 57,
                 },
                 "start": {
                   "column": 45,
@@ -44074,9 +43874,9 @@ exports[`parser should match all AST snapshots: jsx-in-list.mdx 1`] = `
               },
               "range": [
                 45,
-                50,
+                57,
               ],
-              "raw": "story",
+              "raw": "story="page"",
               "start": 45,
               "type": "JSXAttribute",
               "value": {
@@ -44267,12 +44067,12 @@ exports[`parser should match all AST snapshots: jsx-in-list.mdx 1`] = `
         "openingElement": {
           "attributes": [
             {
-              "end": 148,
+              "end": 179,
               "loc": {
                 "end": {
-                  "column": 13,
+                  "column": 44,
                   "line": 5,
-                  "offset": 148,
+                  "offset": 179,
                 },
                 "start": {
                   "column": 9,
@@ -44305,9 +44105,9 @@ exports[`parser should match all AST snapshots: jsx-in-list.mdx 1`] = `
               },
               "range": [
                 144,
-                148,
+                179,
               ],
-              "raw": "kind",
+              "raw": "kind="docs-packages-vuetify-preset"",
               "start": 144,
               "type": "JSXAttribute",
               "value": {
@@ -44335,12 +44135,12 @@ exports[`parser should match all AST snapshots: jsx-in-list.mdx 1`] = `
               },
             },
             {
-              "end": 185,
+              "end": 192,
               "loc": {
                 "end": {
-                  "column": 50,
+                  "column": 57,
                   "line": 5,
-                  "offset": 185,
+                  "offset": 192,
                 },
                 "start": {
                   "column": 45,
@@ -44373,9 +44173,9 @@ exports[`parser should match all AST snapshots: jsx-in-list.mdx 1`] = `
               },
               "range": [
                 180,
-                185,
+                192,
               ],
-              "raw": "story",
+              "raw": "story="page"",
               "start": 180,
               "type": "JSXAttribute",
               "value": {
@@ -44566,12 +44366,12 @@ exports[`parser should match all AST snapshots: jsx-in-list.mdx 1`] = `
         "openingElement": {
           "attributes": [
             {
-              "end": 283,
+              "end": 314,
               "loc": {
                 "end": {
-                  "column": 13,
+                  "column": 44,
                   "line": 9,
-                  "offset": 283,
+                  "offset": 314,
                 },
                 "start": {
                   "column": 9,
@@ -44604,9 +44404,9 @@ exports[`parser should match all AST snapshots: jsx-in-list.mdx 1`] = `
               },
               "range": [
                 279,
-                283,
+                314,
               ],
-              "raw": "kind",
+              "raw": "kind="docs-packages-vuetify-preset"",
               "start": 279,
               "type": "JSXAttribute",
               "value": {
@@ -44634,12 +44434,12 @@ exports[`parser should match all AST snapshots: jsx-in-list.mdx 1`] = `
               },
             },
             {
-              "end": 320,
+              "end": 327,
               "loc": {
                 "end": {
-                  "column": 50,
+                  "column": 57,
                   "line": 9,
-                  "offset": 320,
+                  "offset": 327,
                 },
                 "start": {
                   "column": 45,
@@ -44672,9 +44472,9 @@ exports[`parser should match all AST snapshots: jsx-in-list.mdx 1`] = `
               },
               "range": [
                 315,
-                320,
+                327,
               ],
-              "raw": "story",
+              "raw": "story="page"",
               "start": 315,
               "type": "JSXAttribute",
               "value": {
@@ -44865,12 +44665,12 @@ exports[`parser should match all AST snapshots: jsx-in-list.mdx 1`] = `
         "openingElement": {
           "attributes": [
             {
-              "end": 418,
+              "end": 449,
               "loc": {
                 "end": {
-                  "column": 13,
+                  "column": 44,
                   "line": 13,
-                  "offset": 418,
+                  "offset": 449,
                 },
                 "start": {
                   "column": 9,
@@ -44903,9 +44703,9 @@ exports[`parser should match all AST snapshots: jsx-in-list.mdx 1`] = `
               },
               "range": [
                 414,
-                418,
+                449,
               ],
-              "raw": "kind",
+              "raw": "kind="docs-packages-vuetify-preset"",
               "start": 414,
               "type": "JSXAttribute",
               "value": {
@@ -44933,12 +44733,12 @@ exports[`parser should match all AST snapshots: jsx-in-list.mdx 1`] = `
               },
             },
             {
-              "end": 455,
+              "end": 462,
               "loc": {
                 "end": {
-                  "column": 50,
+                  "column": 57,
                   "line": 13,
-                  "offset": 455,
+                  "offset": 462,
                 },
                 "start": {
                   "column": 45,
@@ -44971,9 +44771,9 @@ exports[`parser should match all AST snapshots: jsx-in-list.mdx 1`] = `
               },
               "range": [
                 450,
-                455,
+                462,
               ],
-              "raw": "story",
+              "raw": "story="page"",
               "start": 450,
               "type": "JSXAttribute",
               "value": {
@@ -45164,12 +44964,12 @@ exports[`parser should match all AST snapshots: jsx-in-list.mdx 1`] = `
         "openingElement": {
           "attributes": [
             {
-              "end": 553,
+              "end": 584,
               "loc": {
                 "end": {
-                  "column": 13,
+                  "column": 44,
                   "line": 17,
-                  "offset": 553,
+                  "offset": 584,
                 },
                 "start": {
                   "column": 9,
@@ -45202,9 +45002,9 @@ exports[`parser should match all AST snapshots: jsx-in-list.mdx 1`] = `
               },
               "range": [
                 549,
-                553,
+                584,
               ],
-              "raw": "kind",
+              "raw": "kind="docs-packages-vuetify-preset"",
               "start": 549,
               "type": "JSXAttribute",
               "value": {
@@ -45232,12 +45032,12 @@ exports[`parser should match all AST snapshots: jsx-in-list.mdx 1`] = `
               },
             },
             {
-              "end": 590,
+              "end": 597,
               "loc": {
                 "end": {
-                  "column": 50,
+                  "column": 57,
                   "line": 17,
-                  "offset": 590,
+                  "offset": 597,
                 },
                 "start": {
                   "column": 45,
@@ -45270,9 +45070,9 @@ exports[`parser should match all AST snapshots: jsx-in-list.mdx 1`] = `
               },
               "range": [
                 585,
-                590,
+                597,
               ],
-              "raw": "story",
+              "raw": "story="page"",
               "start": 585,
               "type": "JSXAttribute",
               "value": {
@@ -45463,12 +45263,12 @@ exports[`parser should match all AST snapshots: jsx-in-list.mdx 1`] = `
         "openingElement": {
           "attributes": [
             {
-              "end": 688,
+              "end": 719,
               "loc": {
                 "end": {
-                  "column": 13,
+                  "column": 44,
                   "line": 21,
-                  "offset": 688,
+                  "offset": 719,
                 },
                 "start": {
                   "column": 9,
@@ -45501,9 +45301,9 @@ exports[`parser should match all AST snapshots: jsx-in-list.mdx 1`] = `
               },
               "range": [
                 684,
-                688,
+                719,
               ],
-              "raw": "kind",
+              "raw": "kind="docs-packages-vuetify-preset"",
               "start": 684,
               "type": "JSXAttribute",
               "value": {
@@ -45531,12 +45331,12 @@ exports[`parser should match all AST snapshots: jsx-in-list.mdx 1`] = `
               },
             },
             {
-              "end": 725,
+              "end": 732,
               "loc": {
                 "end": {
-                  "column": 50,
+                  "column": 57,
                   "line": 21,
-                  "offset": 725,
+                  "offset": 732,
                 },
                 "start": {
                   "column": 45,
@@ -45569,9 +45369,9 @@ exports[`parser should match all AST snapshots: jsx-in-list.mdx 1`] = `
               },
               "range": [
                 720,
-                725,
+                732,
               ],
-              "raw": "story",
+              "raw": "story="page"",
               "start": 720,
               "type": "JSXAttribute",
               "value": {
@@ -50316,28 +50116,6 @@ exports[`parser should match all AST snapshots: no-unused-expressions.mdx 1`] =
       "type": "Block",
       "value": " HTML ",
     },
-    {
-      "end": 54,
-      "loc": {
-        "end": {
-          "column": 24,
-          "line": 6,
-          "offset": 54,
-        },
-        "start": {
-          "column": 14,
-          "line": 6,
-          "offset": 44,
-        },
-      },
-      "range": [
-        44,
-        54,
-      ],
-      "start": 44,
-      "type": "Block",
-      "value": " HTML ",
-    },
   ],
   "end": 90,
   "loc": {
@@ -51697,28 +51475,6 @@ exports[`parser should match all AST snapshots: unicorn.mdx 1`] = `
       "type": "Block",
       "value": " HTML ",
     },
-    {
-      "end": 37,
-      "loc": {
-        "end": {
-          "column": 24,
-          "line": 3,
-          "offset": 37,
-        },
-        "start": {
-          "column": 14,
-          "line": 3,
-          "offset": 27,
-        },
-      },
-      "range": [
-        27,
-        37,
-      ],
-      "start": 27,
-      "type": "Block",
-      "value": " HTML ",
-    },
   ],
   "end": 118,
   "loc": {