Skip to content

Latest commit

 

History

History
90 lines (66 loc) · 2.03 KB

no-restricted-html-elements.md

File metadata and controls

90 lines (66 loc) · 2.03 KB
Raw
pageClass sidebarDepth title description
rule-details
0
vue/no-restricted-html-elements
disallow specific HTML elements

vue/no-restricted-html-elements

disallow specific HTML elements

  • ❗ This rule has not been released yet.

📖 Rule Details

This rule allows you to specify HTML elements that you don't want to use in your application.

<!-- ✓ GOOD -->
<p></p>
<input />
<br />

<!-- ✗ BAD -->
<button></button>
<marquee></marquee>

🔧 Options

This rule takes a list of strings, where each string is an HTML element name to be restricted:

{
  "vue/no-restricted-html-elements": ["error", "button", "marquee"]
}
<!-- ✗ BAD -->
<button></button>
<marquee></marquee>

Alternatively, the rule also accepts objects.

{
  "vue/no-restricted-html-elements": [
    "error",
    {
      "element": "button",
      "message": "Prefer use of our custom <AppButton /> component"
    },
    {
      "element": "marquee",
      "message": "Do not use deprecated HTML tags"
    }
  ]
}

The following properties can be specified for the object.

  • element ... Specify the html element.
  • message ... Specify an optional custom message.

{ "element": "marquee" }, { "element": "button" }

<!-- ✗ BAD -->
<marquee></marquee>
<button></button>

🔍 Implementation