Vue

Recipes

• Disallow or enforce spaces inside of blocks after opening block and before closing block in <template>

• Disallow unnecessary mustache interpolations

• Disallow unnecessary parentheses in <template>

• Disallow unnecessary v-bind directives

• Disallow unsupported Vue.js syntax on the specified version

• Disallow usage of this in template

• Enforce Promise or callback style in nextTick

• Enforce consistent brace style for blocks in <template>

• Enforce consistent comma style in <template>

• Enforce consistent indentation in

• Enforce consistent indentation in HTML comments

• Enforce consistent line breaks after opening and before closing braces in <template>

• Enforce consistent linebreak style for operators in <template>

• Enforce consistent newlines before and after dots in <template>

• Enforce consistent spacing before and after commas in <template>

• Enforce consistent spacing before and after keywords in <template>

• Enforce consistent spacing before and after the arrow in arrow functions in <template>

• Enforce consistent spacing before or after unary operators in <template>

• Enforce consistent spacing between keys and values in object literal properties in <template>

• Enforce consistent spacing inside array brackets in <template>

• Enforce consistent spacing inside braces in <template>

• Enforce consistent spacing inside parentheses in <template>

• Enforce dot notation whenever possible in <template>

• Enforce line breaks after each array element in <template>

• Enforce line breaks after opening and before closing block-level tags

• Enforce linebreaks after opening and before closing array brackets in <template>

• Enforce new lines between multi-line properties in Vue components

• Enforce newlines between operands of ternary expressions in <template>

• Enforce order of attributes

• Enforce order of component top-level elements

• Enforce order of component top-level elements

• Enforce order of defineEmits and defineProps compiler macros

• Enforce order of properties in components

• Enforce placing object properties on separate lines in <template>

• Enforce props with default values to be optional

• Enforce specific casing for the component naming style in template

• Enforce static class names order

• Enforce the casing of component name in components options

• Enforce unified line brake in HTML comments

• Enforce unified spacing in HTML comments

• Enforce use of defineOptions instead of default export.

• Enforce v-for directive's delimiter style

• Enforce writing style for handlers in v-on directives

• Recommended vue code cleanup

• Require key attribute for conditionally rendered repeated components

• Require or disallow method and property shorthand syntax for object literals in <template>

• Require or disallow newlines between sibling tags in template

• Require or disallow padding lines between blocks

• Require or disallow padding lines in component definition

• Require or disallow spacing around embedded expressions of template strings in <template>

• Require or disallow spacing between function identifiers and their invocations in <template>

• Require or disallow trailing commas in <template>

• Require quotes around object literal property names in <template>

• Require spacing around infix operators in <template>

• Require static class names in template to be in a separate class attribute

• Require template literals instead of string concatenation in <template>

• Require the use of === and !== in <template>