Add components

slider/node_modules/eslint-plugin-vue/lib/rules/html-closing-bracket-newline.js

@@ -0,0 +1,160 @@
+/**
+ * @author Toru Nagashima
+ * @copyright 2016 Toru Nagashima. All rights reserved.
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const utils = require('../utils')
+
+/**
+ * @param {number} lineBreaks
+ */
+function getPhrase(lineBreaks) {
+  switch (lineBreaks) {
+    case 0: {
+      return 'no line breaks'
+    }
+    case 1: {
+      return '1 line break'
+    }
+    default: {
+      return `${lineBreaks} line breaks`
+    }
+  }
+}
+
+/**
+ * @typedef LineBreakBehavior
+ * @type {('always'|'never')}
+ */
+
+/**
+ * @typedef LineType
+ * @type {('singleline'|'multiline')}
+ */
+
+/**
+ * @typedef RuleOptions
+ * @type {object}
+ * @property {LineBreakBehavior} singleline - The behavior for single line tags.
+ * @property {LineBreakBehavior} multiline - The behavior for multiline tags.
+ * @property {object} selfClosingTag
+ * @property {LineBreakBehavior} selfClosingTag.singleline - The behavior for single line self closing tags.
+ * @property {LineBreakBehavior} selfClosingTag.multiline - The behavior for multiline self closing tags.
+ */
+
+/**
+ * @param {VStartTag | VEndTag} node - The node representing a start or end tag.
+ * @param {RuleOptions} options - The options for line breaks.
+ * @param {LineType} type - The type of line break.
+ * @returns {number} - The expected line breaks.
+ */
+function getExpectedLineBreaks(node, options, type) {
+  const isSelfClosingTag = node.type === 'VStartTag' && node.selfClosing
+  if (
+    isSelfClosingTag &&
+    options.selfClosingTag &&
+    options.selfClosingTag[type]
+  ) {
+    return options.selfClosingTag[type] === 'always' ? 1 : 0
+  }
+
+  return options[type] === 'always' ? 1 : 0
+}
+
+module.exports = {
+  meta: {
+    type: 'layout',
+    docs: {
+      description:
+        "require or disallow a line break before tag's closing brackets",
+      categories: ['vue3-strongly-recommended', 'vue2-strongly-recommended'],
+      url: 'https://eslint.vuejs.org/rules/html-closing-bracket-newline.html'
+    },
+    fixable: 'whitespace',
+    schema: [
+      {
+        type: 'object',
+        properties: {
+          singleline: { enum: ['always', 'never'] },
+          multiline: { enum: ['always', 'never'] },
+          selfClosingTag: {
+            type: 'object',
+            properties: {
+              singleline: { enum: ['always', 'never'] },
+              multiline: { enum: ['always', 'never'] }
+            },
+            additionalProperties: false,
+            minProperties: 1
+          }
+        },
+        additionalProperties: false
+      }
+    ],
+    messages: {
+      expectedBeforeClosingBracket:
+        'Expected {{expected}} before closing bracket, but {{actual}} found.'
+    }
+  },
+  /** @param {RuleContext} context */
+  create(context) {
+    const options = Object.assign(
+      {},
+      {
+        singleline: 'never',
+        multiline: 'always'
+      },
+      context.options[0] || {}
+    )
+    const sourceCode = context.getSourceCode()
+    const template =
+      sourceCode.parserServices.getTemplateBodyTokenStore &&
+      sourceCode.parserServices.getTemplateBodyTokenStore()
+
+    return utils.defineDocumentVisitor(context, {
+      /** @param {VStartTag | VEndTag} node */
+      'VStartTag, VEndTag'(node) {
+        const closingBracketToken = template.getLastToken(node)
+        if (
+          closingBracketToken.type !== 'HTMLSelfClosingTagClose' &&
+          closingBracketToken.type !== 'HTMLTagClose'
+        ) {
+          return
+        }
+
+        const prevToken = template.getTokenBefore(closingBracketToken)
+        const type =
+          node.loc.start.line === prevToken.loc.end.line
+            ? 'singleline'
+            : 'multiline'
+
+        const expectedLineBreaks = getExpectedLineBreaks(node, options, type)
+
+        const actualLineBreaks =
+          closingBracketToken.loc.start.line - prevToken.loc.end.line
+
+        if (actualLineBreaks !== expectedLineBreaks) {
+          context.report({
+            node,
+            loc: {
+              start: prevToken.loc.end,
+              end: closingBracketToken.loc.start
+            },
+            messageId: 'expectedBeforeClosingBracket',
+            data: {
+              expected: getPhrase(expectedLineBreaks),
+              actual: getPhrase(actualLineBreaks)
+            },
+            fix(fixer) {
+              /** @type {Range} */
+              const range = [prevToken.range[1], closingBracketToken.range[0]]
+              const text = '\n'.repeat(expectedLineBreaks)
+              return fixer.replaceTextRange(range, text)
+            }
+          })
+        }
+      }
+    })
+  }
+}