vue/no-restricted-html-elements
disallow specific elements.
| Default severity | Presets | Automatic fix | Options |
|---|---|---|---|
warning |
None | No | None |
Applies to: Vue SFC templates and blocks, with script context where the rule requires it.
Bad
The template uses the forbidden marquee element.
<template>
<marquee>x</marquee>
</template>
Good
The template uses p.
<template>
<p>x</p>
</template>
Configuration (Vite+)
import { defineConfig } from "@vizejs/vite-plugin/vite-plus";
export default defineConfig({}).withVue({
linter: {
"preset": "incremental",
"rules": {
"vue/no-restricted-html-elements": "warn"
},
"ruleOptions": {
"vue/no-restricted-html-elements": [
"marquee"
]
}
},
});
Then run vp run lint.