12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455 |
- /**
- * @fileoverview Alphabetizes static class names.
- * @author Maciej Chmurski
- */
- 'use strict'
- // ------------------------------------------------------------------------------
- // Requirements
- // ------------------------------------------------------------------------------
- const { defineTemplateBodyVisitor } = require('../utils')
- // ------------------------------------------------------------------------------
- // Rule Definition
- // ------------------------------------------------------------------------------
- module.exports = {
- meta: {
- type: 'suggestion',
- docs: {
- url: 'https://eslint.vuejs.org/rules/static-class-names-order.html',
- description: 'enforce static class names order',
- category: undefined
- },
- fixable: 'code',
- schema: []
- },
- create: context => {
- return defineTemplateBodyVisitor(context, {
- "VAttribute[directive=false][key.name='class']" (node) {
- const classList = node.value.value
- const classListWithWhitespace = classList.split(/(\s+)/)
- // Detect and reuse any type of whitespace.
- let divider = ''
- if (classListWithWhitespace.length > 1) {
- divider = classListWithWhitespace[1]
- }
- const classListNoWhitespace = classListWithWhitespace.filter(className => className.trim() !== '')
- const classListSorted = classListNoWhitespace.sort().join(divider)
- if (classList !== classListSorted) {
- context.report({
- node,
- loc: node.loc,
- message: 'Classes should be ordered alphabetically.',
- fix: (fixer) => fixer.replaceTextRange(
- [node.value.range[0], node.value.range[1]], `"${classListSorted}"`
- )
- })
- }
- }
- })
- }
- }
|