# vue/comment-directive

support comment-directives in <template>

  • ⚙️ This rule is included in all of "plugin:vue/base", "plugin:vue/essential", "plugin:vue/strongly-recommended" and "plugin:vue/recommended".

Sole purpose of this rule is to provide eslint-disable functionality in <template>. It supports usage of the following comments:

  • eslint-disable
  • eslint-enable
  • eslint-disable-line
  • eslint-disable-next-line

Note

We can't write HTML comments in tags.

This rule doesn't throw any warning.

# 📖 Rule Details

ESLint doesn't provide any API to enhance eslint-disable functionality and ESLint rules cannot affect other rules. But ESLint provides processors API.

This rule sends all eslint-disable-like comments as errors to the post-process of the .vue file processor, then the post-process removes all vue/comment-directive errors and the reported errors in disabled areas.

<template> <!-- eslint-disable-next-line vue/max-attributes-per-line --> <div a="1" b="2" c="3" d="4"> </div> </template>
Now loading...

# 📚 Further reading

# 🔍 Implementation

Last Updated: 12/30/2018, 3:44:02 AM