vuejs · 9romise · Jan 20, 2026 · Jan 20, 2026 · Jan 20, 2026 · Jan 20, 2026
diff --git a/lib/rules/attribute-hyphenation.js b/lib/rules/attribute-hyphenation.js
@@ -5,8 +5,8 @@
 'use strict'
 
 const utils = require('../utils')
-const casing = require('../utils/casing')
-const { toRegExpGroupMatcher } = require('../utils/regexp')
+const { getExactConverter } = require('../utils/casing.ts')
+const { toRegExpGroupMatcher } = require('../utils/regexp.ts')
 const svgAttributes = require('../utils/svg-attributes-weird-case.json')
 
 /**
@@ -86,7 +86,7 @@ module.exports = {
       ignoredAttributes.push(...optionsPayload.ignore)
     }
 
-    const caseConverter = casing.getExactConverter(
+    const caseConverter = getExactConverter(
       useHyphenated ? 'kebab-case' : 'camelCase'
     )
 

diff --git a/lib/rules/component-definition-name-casing.js b/lib/rules/component-definition-name-casing.js
@@ -5,7 +5,7 @@
 'use strict'
 
 const utils = require('../utils')
-const casing = require('../utils/casing')
+const { getChecker, getExactConverter } = require('../utils/casing.ts')
 const allowedCaseOptions = ['PascalCase', 'kebab-case']
 
 /**
@@ -63,7 +63,7 @@ module.exports = {
         range = node.range
       }
 
-      if (!casing.getChecker(caseType)(nodeValue)) {
+      if (!getChecker(caseType)(nodeValue)) {
         context.report({
           node,
           messageId: 'incorrectCase',
@@ -74,7 +74,7 @@ module.exports = {
           fix: (fixer) =>
             fixer.replaceTextRange(
               [range[0] + 1, range[1] - 1],
-              casing.getExactConverter(caseType)(nodeValue)
+              getExactConverter(caseType)(nodeValue)
             )
         })
       }

diff --git a/lib/rules/component-name-in-template-casing.js b/lib/rules/component-name-in-template-casing.js
@@ -5,8 +5,12 @@
 'use strict'
 
 const utils = require('../utils')
-const casing = require('../utils/casing')
-const { toRegExpGroupMatcher, isRegExp } = require('../utils/regexp')
+const {
+  pascalCase,
+  getChecker,
+  getExactConverter
+} = require('../utils/casing.ts')
+const { toRegExpGroupMatcher, isRegExp } = require('../utils/regexp.ts')
 
 const allowedCaseOptions = ['PascalCase', 'kebab-case']
 const defaultCase = 'PascalCase'
@@ -101,7 +105,7 @@ module.exports = {
       sourceCode.parserServices.getTemplateBodyTokenStore()
 
     /** @type { Set<string> } */
-    const registeredComponents = new Set(globalStrings.map(casing.pascalCase))
+    const registeredComponents = new Set(globalStrings.map(pascalCase))
 
     if (utils.isScriptSetup(context)) {
       // For <script setup>
@@ -148,7 +152,7 @@ module.exports = {
       }
 
       return (
-        registeredComponents.has(casing.pascalCase(node.rawName)) ||
+        registeredComponents.has(pascalCase(node.rawName)) ||
         isGlobalPattern(node.rawName)
       )
     }
@@ -168,10 +172,10 @@ module.exports = {
           }
 
           const name = node.rawName
-          if (!casing.getChecker(caseType)(name)) {
+          if (!getChecker(caseType)(name)) {
             const startTag = node.startTag
             const open = tokens.getFirstToken(startTag)
-            const casingName = casing.getExactConverter(caseType)(name)
+            const casingName = getExactConverter(caseType)(name)
             context.report({
               node: open,
               loc: open.loc,

diff --git a/lib/rules/component-options-name-casing.js b/lib/rules/component-options-name-casing.js
@@ -5,7 +5,11 @@
 'use strict'
 
 const utils = require('../utils')
-const casing = require('../utils/casing')
+const {
+  allowedCaseOptions,
+  getChecker,
+  getConverter
+} = require('../utils/casing.ts')
 
 /**
  * @param {import('../../typings/eslint-plugin-vue/util-types/ast').Expression} node
@@ -32,7 +36,7 @@ module.exports = {
     },
     fixable: 'code',
     hasSuggestions: true,
-    schema: [{ enum: casing.allowedCaseOptions }],
+    schema: [{ enum: allowedCaseOptions }],
     messages: {
       caseNotMatched: 'Component name "{{component}}" is not {{caseType}}.',
       possibleRenaming: 'Rename component name to be in {{caseType}}.'
@@ -43,8 +47,8 @@ module.exports = {
     const caseType = context.options[0] || 'PascalCase'
 
     const canAutoFix = caseType === 'PascalCase'
-    const checkCase = casing.getChecker(caseType)
-    const convert = casing.getConverter(caseType)
+    const checkCase = getChecker(caseType)
+    const convert = getConverter(caseType)
 
     return utils.executeOnVue(context, (obj) => {
       const node = utils.findProperty(obj, 'components')

diff --git a/lib/rules/custom-event-name-casing.js b/lib/rules/custom-event-name-casing.js
@@ -6,8 +6,8 @@
 
 const { findVariable } = require('@eslint-community/eslint-utils')
 const utils = require('../utils')
-const casing = require('../utils/casing')
-const { toRegExpGroupMatcher } = require('../utils/regexp')
+const { getChecker } = require('../utils/casing.ts')
+const { toRegExpGroupMatcher } = require('../utils/regexp.ts')
 
 /**
  * @typedef {import('../utils').VueObjectData} VueObjectData
@@ -91,7 +91,7 @@ module.exports = {
     let emitParamName = ''
     const caseType = context.options[0] || DEFAULT_CASE
     const objectOption = context.options[1] || {}
-    const caseChecker = casing.getChecker(caseType)
+    const caseChecker = getChecker(caseType)
     const isIgnored = toRegExpGroupMatcher(objectOption.ignores)
 
     /**

diff --git a/lib/rules/html-comment-content-newline.js b/lib/rules/html-comment-content-newline.js
@@ -4,7 +4,7 @@
  */
 'use strict'
 
-const htmlComments = require('../utils/html-comments')
+const { defineVisitor } = require('../utils/html-comments.ts')
 
 /**
  * @typedef { import('../utils/html-comments').ParsedHTMLComment } ParsedHTMLComment
@@ -81,30 +81,26 @@ module.exports = {
   /** @param {RuleContext} context */
   create(context) {
     const option = parseOption(context.options[0])
-    return htmlComments.defineVisitor(
-      context,
-      context.options[1],
-      (comment) => {
-        const { value, openDecoration, closeDecoration } = comment
-        if (!value) {
-          return
-        }
+    return defineVisitor(context, context.options[1], (comment) => {
+      const { value, openDecoration, closeDecoration } = comment
+      if (!value) {
+        return
+      }
 
-        const startLine = openDecoration
-          ? openDecoration.loc.end.line
-          : value.loc.start.line
-        const endLine = closeDecoration
-          ? closeDecoration.loc.start.line
-          : value.loc.end.line
-        const newlineType =
-          startLine === endLine ? option.singleline : option.multiline
-        if (newlineType === 'ignore') {
-          return
-        }
-        checkCommentOpen(comment, newlineType !== 'never')
-        checkCommentClose(comment, newlineType !== 'never')
+      const startLine = openDecoration
+        ? openDecoration.loc.end.line
+        : value.loc.start.line
+      const endLine = closeDecoration
+        ? closeDecoration.loc.start.line
+        : value.loc.end.line
+      const newlineType =
+        startLine === endLine ? option.singleline : option.multiline
+      if (newlineType === 'ignore') {
+        return
       }
-    )
+      checkCommentOpen(comment, newlineType !== 'never')
+      checkCommentClose(comment, newlineType !== 'never')
+    })
 
     /**
      * Reports the newline before the contents of a given comment if it's invalid.

diff --git a/lib/rules/html-comment-content-spacing.js b/lib/rules/html-comment-content-spacing.js
@@ -4,7 +4,7 @@
  */
 'use strict'
 
-const htmlComments = require('../utils/html-comments')
+const { defineVisitor } = require('../utils/html-comments.ts')
 
 /**
  * @typedef { import('../utils/html-comments').ParsedHTMLComment } ParsedHTMLComment
@@ -50,7 +50,7 @@ module.exports = {
   create(context) {
     // Unless the first option is never, require a space
     const requireSpace = context.options[0] !== 'never'
-    return htmlComments.defineVisitor(
+    return defineVisitor(
       context,
       context.options[1],
       (comment) => {

diff --git a/lib/rules/html-comment-indent.js b/lib/rules/html-comment-indent.js
@@ -4,7 +4,7 @@
  */
 'use strict'
 
-const htmlComments = require('../utils/html-comments')
+const { defineVisitor } = require('../utils/html-comments.ts')
 
 /**
  * Normalize options.
@@ -88,7 +88,7 @@ module.exports = {
   create(context) {
     const options = parseOptions(context.options[0])
     const sourceCode = context.sourceCode
-    return htmlComments.defineVisitor(
+    return defineVisitor(
       context,
       null,
       (comment) => {

diff --git a/lib/rules/html-indent.js b/lib/rules/html-indent.js
@@ -5,7 +5,7 @@
  */
 'use strict'
 
-const indentCommon = require('../utils/indent-common')
+const { defineVisitor } = require('../utils/indent-common.ts')
 const utils = require('../utils')
 
 module.exports = {
@@ -15,7 +15,7 @@ module.exports = {
     const tokenStore =
       sourceCode.parserServices.getTemplateBodyTokenStore &&
       sourceCode.parserServices.getTemplateBodyTokenStore()
-    const visitor = indentCommon.defineVisitor(context, tokenStore, {
+    const visitor = defineVisitor(context, tokenStore, {
       baseIndent: 1
     })
 

diff --git a/lib/rules/match-component-file-name.js b/lib/rules/match-component-file-name.js
@@ -5,7 +5,7 @@
 'use strict'
 
 const utils = require('../utils')
-const casing = require('../utils/casing')
+const { pascalCase, kebabCase } = require('../utils/casing.ts')
 const path = require('node:path')
 
 /**
@@ -84,10 +84,7 @@ module.exports = {
         return name === filename
       }
 
-      return (
-        casing.pascalCase(name) === filename ||
-        casing.kebabCase(name) === filename
-      )
+      return pascalCase(name) === filename || kebabCase(name) === filename
     }
 
     /**

diff --git a/lib/rules/match-component-import-name.js b/lib/rules/match-component-import-name.js
@@ -5,14 +5,14 @@
 'use strict'
 
 const utils = require('../utils')
-const casing = require('../utils/casing')
+const { pascalCase, kebabCase } = require('../utils/casing.ts')
 
 /**
  * @param {Identifier} identifier
  * @return {Array<String>}
  */
 function getExpectedNames(identifier) {
-  return [casing.pascalCase(identifier.name), casing.kebabCase(identifier.name)]
+  return [pascalCase(identifier.name), kebabCase(identifier.name)]
 }
 
 module.exports = {

diff --git a/lib/rules/multi-word-component-names.js b/lib/rules/multi-word-component-names.js
@@ -5,11 +5,11 @@
 'use strict'
 
 const path = require('node:path')
-const casing = require('../utils/casing')
+const { isPascalCase, kebabCase } = require('../utils/casing.ts')
 const utils = require('../utils')
 
 const RESERVED_NAMES_IN_VUE3 = new Set(
-  require('../utils/vue3-builtin-components')
+  require('../utils/vue3-builtin-components.ts').default
 )
 
 module.exports = {
@@ -45,9 +45,9 @@ module.exports = {
     for (const ignore of (context.options[0] && context.options[0].ignores) ||
       []) {
       ignores.add(ignore)
-      if (casing.isPascalCase(ignore)) {
+      if (isPascalCase(ignore)) {
         // PascalCase
-        ignores.add(casing.kebabCase(ignore))
+        ignores.add(kebabCase(ignore))
       }
     }
     let hasVue = utils.isScriptSetup(context)
@@ -61,7 +61,7 @@ module.exports = {
       if (ignores.has(name) || RESERVED_NAMES_IN_VUE3.has(name)) {
         return true
       }
-      const elements = casing.kebabCase(name).split('-')
+      const elements = kebabCase(name).split('-')
       return elements.length > 1
     }
 

diff --git a/lib/rules/multiline-html-element-content-newline.js b/lib/rules/multiline-html-element-content-newline.js
@@ -5,7 +5,7 @@
 'use strict'
 
 const utils = require('../utils')
-const casing = require('../utils/casing')
+const { pascalCase, kebabCase } = require('../utils/casing.ts')
 const INLINE_ELEMENTS = require('../utils/inline-non-void-elements.json')
 
 /**
@@ -112,8 +112,8 @@ module.exports = {
     function isIgnoredElement(node) {
       return (
         ignores.includes(node.name) ||
-        ignores.includes(casing.pascalCase(node.rawName)) ||
-        ignores.includes(casing.kebabCase(node.rawName))
+        ignores.includes(pascalCase(node.rawName)) ||
+        ignores.includes(kebabCase(node.rawName))
       )
     }
 

diff --git a/lib/rules/no-bare-strings-in-template.js b/lib/rules/no-bare-strings-in-template.js
@@ -5,8 +5,8 @@
 'use strict'
 
 const utils = require('../utils')
-const regexp = require('../utils/regexp')
-const casing = require('../utils/casing')
+const regexp = require('../utils/regexp.ts')
+const { isKebabCase, pascalCase } = require('../utils/casing.ts')
 
 /**
  * @typedef { { names: { [tagName in string]: Set<string> }, regexps: { name: RegExp, attrs: Set<string> }[], cache: { [tagName in string]: Set<string> } } } TargetAttrs
@@ -221,8 +221,8 @@ module.exports = {
           result.push(...attrs)
         }
       }
-      if (casing.isKebabCase(tagName)) {
-        result.push(...getTargetAttrs(casing.pascalCase(tagName)))
+      if (isKebabCase(tagName)) {
+        result.push(...getTargetAttrs(pascalCase(tagName)))
       }
 
       return (attributes.cache[tagName] = new Set(result))

diff --git a/lib/rules/no-deprecated-router-link-tag-prop.js b/lib/rules/no-deprecated-router-link-tag-prop.js
@@ -5,7 +5,7 @@
 'use strict'
 
 const utils = require('../utils')
-const casing = require('../utils/casing')
+const { kebabCase, pascalCase } = require('../utils/casing.ts')
 
 /** @param {RuleContext} context */
 function getComponentNames(context) {
@@ -17,8 +17,8 @@ function getComponentNames(context) {
 
   return new Set(
     components.flatMap((component) => [
-      casing.kebabCase(component),
-      casing.pascalCase(component)
+      kebabCase(component),
+      pascalCase(component)
     ])
   )
 }