vue/html-end-tags

Require end tags on HTML elements that may omit them.

Applies to: Vue SFC templates and blocks, with script context where the rule requires it.

This rule requires explicit end tags where the HTML parser permits omission, such as li, p, and td. Missing mandatory end tags are owned by parser/template; void elements do not need an end tag.

Bad

HTML permits this li to end implicitly when ul closes, but the rule requires its end tag to be explicit.

<template><ul><li>First</ul></template>

Good

Add </li> after the item's content, before the containing ul closes.

<template><ul><li>First</li></ul></template>

Configuration (Vite+)

import { defineConfig } from "@vizejs/vite-plugin/vite-plus";

export default defineConfig({}).withVue({
  linter: {
    "preset": "incremental",
    "rules": {
      "vue/html-end-tags": "warn"
    }
  },
});

Then run vp run lint.

Related

• Vue rules
• All rules
• Source code