⭐️New: Add component-definition-name-casing rule. #256

this rule replaces `name-property-casing`
fix issue: #251

Author: armano2

docs/rules/component-definition-name-casing.md

@@ -0,0 +1,47 @@
+# enforce specific casing for component definition name (vue/component-definition-name-casing)
+
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+
+Define a style for component definition name casing for consistency purposes.
+
+## :book: Rule Details
+
+:+1: Examples of **correct** code for `PascalCase`:
+
+```js
+export default {
+  name: 'MyComponent'
+}
+```
+```js
+Vue.component('MyComponent', {
+  
+})
+```
+
+:+1: Examples of **correct** code for `kebab-case`:
+
+```js
+export default {
+  name: 'my-component'
+}
+```
+```js
+Vue.component('my-component', {
+  
+})
+```
+
+## :wrench: Options
+
+Default casing is set to `PascalCase`.
+
+```json
+{
+  "vue/component-definition-name-casing": ["error", "PascalCase|kebab-case"]
+}
+```
+
+## Related links
+
+- [Style guide - Component name casing in JS/JSX](https://vuejs.org/v2/style-guide/#Component-name-casing-in-JS-JSX-strongly-recommended)

docs/rules/name-property-casing.md

@@ -2,6 +2,7 @@
 
 - :gear: This rule is included in `"plugin:vue/strongly-recommended"` and `"plugin:vue/recommended"`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+- :warning: This rule was **deprecated** and replaced by [vue/component-definition-name-casing](component-definition-name-casing.md) rule.
 
 Define a style for the `name` property casing for consistency purposes.
 

lib/rules/component-definition-name-casing.js

@@ -0,0 +1,72 @@
+/**
+ * @fileoverview enforce specific casing for component definition name
+ * @author Armano
+ */
+'use strict'
+
+const utils = require('../utils')
+const casing = require('../utils/casing')
+const allowedCaseOptions = ['PascalCase', 'kebab-case']
+
+// ------------------------------------------------------------------------------
+// Rule Definition
+// ------------------------------------------------------------------------------
+
+module.exports = {
+  meta: {
+    docs: {
+      description: 'enforce specific casing for component definition name',
+      category: undefined,
+      url: 'https://github.com/vuejs/eslint-plugin-vue/blob/v5.0.0-beta.3/docs/rules/component-definition-name-casing.md'
+    },
+    fixable: 'code', // or "code" or "whitespace"
+    schema: [
+      {
+        enum: allowedCaseOptions
+      }
+    ]
+  },
+
+  create (context) {
+    const options = context.options[0]
+    const caseType = allowedCaseOptions.indexOf(options) !== -1 ? options : 'PascalCase'
+
+    // ----------------------------------------------------------------------
+    // Public
+    // ----------------------------------------------------------------------
+
+    function convertName (node) {
+      const value = casing.getConverter(caseType)(node.value)
+      if (value !== node.value) {
+        context.report({
+          node: node,
+          message: 'Property name "{{value}}" is not {{caseType}}.',
+          data: {
+            value: node.value,
+            caseType: caseType
+          },
+          fix: fixer => fixer.replaceText(node, node.raw.replace(node.value, value))
+        })
+      }
+    }
+
+    return utils.executeOnVue(context, (obj) => {
+      if (obj.parent && obj.parent.type === 'CallExpression' && obj.parent.arguments && obj.parent.arguments.length === 2) {
+        const argument = obj.parent.arguments[0]
+        if (argument.type === 'Literal') {
+          convertName(argument)
+        }
+      }
+
+      const node = obj.properties
+        .find(item => (
+          item.type === 'Property' &&
+          item.key.name === 'name' &&
+          item.value.type === 'Literal'
+        ))
+
+      if (!node) return
+      convertName(node.value)
+    })
+  }
+}

lib/rules/name-property-casing.js

@@ -19,6 +19,8 @@ module.exports = {
       category: 'strongly-recommended',
       url: 'https://github.com/vuejs/eslint-plugin-vue/blob/v5.0.0-beta.3/docs/rules/name-property-casing.md'
     },
+    deprecated: true,
+    replacedBy: ['component-definition-name-casing'],
     fixable: 'code', // or "code" or "whitespace"
     schema: [
       {