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 <script>
• 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>