fix: remove attribute check

Author: elevatebart

src/utils/checkTemplate.spec.ts

@@ -218,7 +218,7 @@ test("parse valid object not to throw", () => {
   ).not.toThrow();
 });
 
-test("parse expression using mutiple lines to throw", () => {
+test("parse expression using multiple lines to throw", () => {
   expect(() =>
     checkTemplate({
       template: `<div><CustomSelect @event="
@@ -301,69 +301,3 @@ test("parse v-for nested expressions and add their vars to available data", () =
   ).not.toThrow();
 });
 
-test("throw error when mixed case attributes", () => {
-  expect(() =>
-    checkTemplate({
-      template: `<div aA="as">
-          <div/>
-        </div>`,
-    })
-  ).toThrowError("[VueLive] Invalid attribute name: aA");
-});
-
-test.each(defaultAttrAllowList)(
-  "don't throw error for allowed SVG attribute %s",
-  (attr) => {
-    expect(() =>
-      checkTemplate({
-        template: `<svg ${attr}="as">
-          <g/>
-        </svg>`,
-      })
-    ).not.toThrowError(`[VueLive] Invalid attribute name: ${attr}`);
-  }
-);
-
-test("throw error when invalid character attributes", () => {
-  expect(() =>
-    checkTemplate({
-      template: `<div $s="as">
-          <div/>
-        </div>`,
-    })
-  ).toThrowError("[VueLive] Invalid attribute name: $s");
-});
-
-test("throw error when invalid character attributes $", () => {
-  expect(() =>
-    checkTemplate({
-      template: `<div $s="as">
-          <div/>
-        </div>`,
-    })
-  ).toThrowError("[VueLive] Invalid attribute name: $s");
-});
-
-test("throw error when invalid character attributes +", () => {
-  expect(() =>
-    checkTemplate({
-      template: `<div s+tata="as">
-          <div/>
-        </div>`,
-    })
-  ).toThrowError("[VueLive] Invalid attribute name: s+tata");
-});
-
-test("not error when all attributes are valid", () => {
-  expect(() =>
-    checkTemplate({
-      template: `<div>
-          <div ja-da="0" />
-          <div v-bind:da="0" />
-          <div v-on:da="0" />
-          <div :da="0" />
-          <div @da="co()" />
-        </div>`,
-    })
-  ).not.toThrow();
-});

src/utils/checkTemplate.ts

@@ -2,7 +2,6 @@ import { parse as parseVue } from "@vue/compiler-dom";
 import { createCompilerError } from "@vue/compiler-core";
 import { parse as parseEs } from "acorn";
 import { ancestor, simple } from "acorn-walk";
-import defaultAttrAllowList from "./defaultAttrAllowList";
 
 const ELEMENT = 1;
 const SIMPLE_EXPRESSION = 4;
@@ -66,10 +65,6 @@ export default function (
     ...setupOutput,
   ];
 
-  // Define list of attributes for which name check will be skipped. Defaults to known camelCased SVG attributes.
-  // Allow future enhancement via $options.attrAllowList
-  const attrAllowList = $options.attrAllowList || defaultAttrAllowList;
-
   traverse(ast, [
     (templateAst: any, parentTemplateVars: any) => {
       const templateVars: string[] = [];
@@ -81,15 +76,6 @@ export default function (
             type: number;
             exp?: { content: string };
           }) => {
-            if (
-              !attrAllowList.includes(attr.name) &&
-              !/^[a-z-:]+$/g.test(attr.name)
-            ) {
-              throw new VueLiveParseTemplateAttrError(
-                "[VueLive] Invalid attribute name: " + attr.name,
-                attr.loc
-              );
-            }
             const exp =
               attr.type !== SIMPLE_EXPRESSION && attr.exp
                 ? attr.exp.content