Appearance
enforce consistent indentation in HTML comments
--fix
This rule enforces a consistent indentation style in HTML comment (<!-- ... -->). The default style is 2 spaces.
<!-- ... -->
<template> <!-- ✓ GOOD --> <!-- comment --> <!-- comment comment --> <!-- comment --> <!-- ✗ BAD --> <!-- comment comment --> <!-- comment --> <!-- comment --> </template>
{ "vue/html-comment-indent": ["error", type] }
type
number | "tab"
2
"tab"
<template> <!-- ✓ GOOD --> <!-- ✗ BAD --> </template>
4
0
This rule was introduced in eslint-plugin-vue v7.0.0
vue/html-comment-indent
--fix
option on the command line can automatically fix some of the problems reported by this rule.📖 Rule Details
This rule enforces a consistent indentation style in HTML comment (
<!-- ... -->
). The default style is 2 spaces.<template> <!-- ✓ GOOD --> <!-- comment --> <!-- comment comment --> <!-- comment --> <!-- ✗ BAD --> <!-- comment comment --> <!-- comment --> <!-- comment --> </template>
🔧 Options
type
(number | "tab"
) ... The type of indentation. Default is2
. If this is a number, it's the number of spaces for one indent. If this is"tab"
, it uses one tab for one indent.2
<template> <!-- ✓ GOOD --> <!-- ✗ BAD --> </template>
4
<template> <!-- ✓ GOOD --> <!-- ✗ BAD --> </template>
0
<template> <!-- ✓ GOOD --> <!-- ✗ BAD --> </template>
"tab"
<template> <!-- ✓ GOOD --> <!-- ✗ BAD --> </template>
🚀 Version
This rule was introduced in eslint-plugin-vue v7.0.0
🔍 Implementation