From 49b44867daa2faa56ab756ce20bc3191d816de4c Mon Sep 17 00:00:00 2001
From: Loren <lklingman@apple.com>
Date: Thu, 5 Dec 2019 14:21:51 -0500
Subject: [PATCH 1/6] sort keys

---
 docs/rules/README.md         |    1 +
 docs/rules/sort-keys.md      |   42 ++
 lib/index.js                 |    1 +
 lib/rules/sort-keys.js       |  219 +++++++
 package.json                 |    1 +
 tests/lib/rules/sort-keys.js | 1062 ++++++++++++++++++++++++++++++++++
 6 files changed, 1326 insertions(+)
 create mode 100644 docs/rules/sort-keys.md
 create mode 100644 lib/rules/sort-keys.js
 create mode 100644 tests/lib/rules/sort-keys.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index e1c88ff56..ef06b19e1 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -158,6 +158,7 @@ For example:
 | [vue/object-curly-spacing](./object-curly-spacing.md) | enforce consistent spacing inside braces | :wrench: |
 | [vue/require-direct-export](./require-direct-export.md) | require the component to be directly exported |  |
 | [vue/script-indent](./script-indent.md) | enforce consistent indentation in `<script>` | :wrench: |
+| [vue/sort-keys](./sort-keys.md) | enforce sort-keys within components after the top level details |  |
 | [vue/space-infix-ops](./space-infix-ops.md) | require spacing around infix operators | :wrench: |
 | [vue/space-unary-ops](./space-unary-ops.md) | enforce consistent spacing before or after unary operators | :wrench: |
 | [vue/v-on-function-call](./v-on-function-call.md) | enforce or forbid parentheses after method calls without arguments in `v-on` directives | :wrench: |
diff --git a/docs/rules/sort-keys.md b/docs/rules/sort-keys.md
new file mode 100644
index 000000000..ee417f295
--- /dev/null
+++ b/docs/rules/sort-keys.md
@@ -0,0 +1,42 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/sort-keys
+description: enforce sort-keys in a manner that is compatible with order-in-components
+---
+# vue/sort-keys
+> enforce sort-keys within components after the top level details
+
+This rule is almost the same rule as core [sorts-keys] rule but it will not error on top component properties allowing that order to be enforced with `order-in-components`.
+
+## Options
+
+```json
+{
+    "sort-keys": ["error", "asc", {"caseSensitive": true, "natural": false, "minKeys": 2}]
+}
+```
+
+The 1st option is `"asc"` or `"desc"`.
+
+* `"asc"` (default) - enforce properties to be in ascending order.
+* `"desc"` - enforce properties to be in descending order.
+
+The 2nd option is an object which has 3 properties.
+
+* `caseSensitive` - if `true`, enforce properties to be in case-sensitive order. Default is `true`.
+* `minKeys` - Specifies the minimum number of keys that an object should have in order for the object's unsorted keys to produce an error. Default is `2`, which means by default all objects with unsorted keys will result in lint errors.
+* `natural` - if `true`, enforce properties to be in natural order. Default is `false`. Natural Order compares strings containing combination of letters and numbers in the way a human being would sort. It basically sorts numerically, instead of sorting alphabetically. So the number 10 comes after the number 3 in Natural Sorting.
+
+While using this rule, you may disable the normal `sort-keys` rule.  This rule will apply to plain js files as well as Vue component scripts.
+
+## :books: Further reading
+
+- [sorts-keys]
+
+[sorts-keys]: https://eslint.org/docs/rules/sorts-keys
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/sort-keys.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/sort-keys.js)
diff --git a/lib/index.js b/lib/index.js
index d2d3d0e15..28d165d70 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -68,6 +68,7 @@ module.exports = {
     'return-in-computed-property': require('./rules/return-in-computed-property'),
     'script-indent': require('./rules/script-indent'),
     'singleline-html-element-content-newline': require('./rules/singleline-html-element-content-newline'),
+    'sort-keys': require('./rules/sort-keys'),
     'space-infix-ops': require('./rules/space-infix-ops'),
     'space-unary-ops': require('./rules/space-unary-ops'),
     'this-in-template': require('./rules/this-in-template'),
diff --git a/lib/rules/sort-keys.js b/lib/rules/sort-keys.js
new file mode 100644
index 000000000..4aa172372
--- /dev/null
+++ b/lib/rules/sort-keys.js
@@ -0,0 +1,219 @@
+/**
+ * @fileoverview enforce sort-keys in a manner that is compatible with order-in-components
+ * @author Loren Klingman
+ * Original ESLint sort-keys by Toru Nagashima
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const naturalCompare = require('natural-compare')
+const utils = require('../utils')
+
+// ------------------------------------------------------------------------------
+// Helpers
+// ------------------------------------------------------------------------------
+
+/**
+ * Gets the property name of the given `Property` node.
+ *
+ * - If the property's key is an `Identifier` node, this returns the key's name
+ *   whether it's a computed property or not.
+ * - If the property has a static name, this returns the static name.
+ * - Otherwise, this returns null.
+ * @param {ASTNode} node The `Property` node to get.
+ * @returns {string|null} The property name or null.
+ * @private
+ */
+function getPropertyName (node) {
+  const staticName = utils.getStaticPropertyName(node)
+
+  if (staticName !== null) {
+    return staticName
+  }
+
+  return node.key.name || null
+}
+
+/**
+ * Functions which check that the given 2 names are in specific order.
+ *
+ * Postfix `I` is meant insensitive.
+ * Postfix `N` is meant natual.
+ * @private
+ */
+const isValidOrders = {
+  asc (a, b) {
+    return a <= b
+  },
+  ascI (a, b) {
+    return a.toLowerCase() <= b.toLowerCase()
+  },
+  ascN (a, b) {
+    return naturalCompare(a, b) <= 0
+  },
+  ascIN (a, b) {
+    return naturalCompare(a.toLowerCase(), b.toLowerCase()) <= 0
+  },
+  desc (a, b) {
+    return isValidOrders.asc(b, a)
+  },
+  descI (a, b) {
+    return isValidOrders.ascI(b, a)
+  },
+  descN (a, b) {
+    return isValidOrders.ascN(b, a)
+  },
+  descIN (a, b) {
+    return isValidOrders.ascIN(b, a)
+  }
+}
+
+// ------------------------------------------------------------------------------
+// Rule Definition
+// ------------------------------------------------------------------------------
+
+module.exports = {
+  meta: {
+    type: 'suggestion',
+    docs: {
+      description: 'enforce sort-keys in a manner that is compatible with order-in-components',
+      category: null,
+      recommended: false,
+      url: 'https://eslint.vuejs.org/rules/sort-keys.html'
+    },
+    fixable: null,
+    schema: [
+      {
+        enum: ['asc', 'desc']
+      },
+      {
+        type: 'object',
+        properties: {
+          caseSensitive: {
+            type: 'boolean',
+            default: true
+          },
+          natural: {
+            type: 'boolean',
+            default: false
+          },
+          minKeys: {
+            type: 'integer',
+            minimum: 2,
+            default: 2
+          },
+          runOutsideVue: {
+            type: 'boolean',
+            default: true
+          }
+        },
+        additionalProperties: false
+      }
+    ]
+  },
+
+  create (context) {
+    // Parse options.
+    const order = context.options[0] || 'asc'
+    const options = context.options[1]
+    const insensitive = options && options.caseSensitive === false
+    const natual = options && options.natural
+    const minKeys = options && options.minKeys
+    const isValidOrder = isValidOrders[
+      order + (insensitive ? 'I' : '') + (natual ? 'N' : '')
+    ]
+
+    // The stack to save the previous property's name for each object literals.
+    let stack = null
+
+    let errors = []
+
+    const reportErrors = (isVue) => {
+      if (isVue) {
+        errors = errors.filter((error) => error.hasUpper)
+      }
+      errors.forEach((error) => context.report(error))
+      errors = []
+    }
+
+    const sortTests = {
+      ObjectExpression (node) {
+        if (!stack) {
+          reportErrors(false)
+        }
+        stack = {
+          upper: stack,
+          prevName: null,
+          numKeys: node.properties.length
+        }
+      },
+      'ObjectExpression:exit' () {
+        stack = stack.upper
+      },
+      SpreadElement (node) {
+        if (node.parent.type === 'ObjectExpression') {
+          stack.prevName = null
+        }
+      },
+      'Program:exit' () {
+        reportErrors(false)
+      },
+      Property (node) {
+        if (node.parent.type === 'ObjectPattern') {
+          return
+        }
+
+        const prevName = stack.prevName
+        const numKeys = stack.numKeys
+        const thisName = getPropertyName(node)
+
+        if (thisName !== null) {
+          stack.prevName = thisName
+        }
+
+        if (prevName === null || thisName === null || numKeys < minKeys) {
+          return
+        }
+
+        if (!isValidOrder(prevName, thisName)) {
+          errors.push({
+            node,
+            hasUpper: !!stack.upper,
+            loc: node.key.loc,
+            message: "Expected object keys to be in {{natual}}{{insensitive}}{{order}}ending order. '{{thisName}}' should be before '{{prevName}}'.",
+            data: {
+              thisName,
+              prevName,
+              order,
+              insensitive: insensitive ? 'insensitive ' : '',
+              natual: natual ? 'natural ' : ''
+            }
+          })
+        }
+      }
+    }
+
+    const execOnVue = utils.executeOnVue(context, (obj) => {
+      reportErrors(true)
+    })
+
+    const result = { ...sortTests }
+
+    Object.keys(execOnVue).forEach((key) => {
+      // Ensure we call both the callback from sortTests and execOnVue if they both use the same key
+      if (Object.prototype.hasOwnProperty.call(sortTests, key)) {
+        result[key] = (node) => {
+          sortTests[key](node)
+          execOnVue[key](node)
+        }
+      } else {
+        result[key] = execOnVue[key]
+      }
+    })
+
+    return result
+  }
+}
diff --git a/package.json b/package.json
index 7dabf02aa..35b2e1b77 100644
--- a/package.json
+++ b/package.json
@@ -46,6 +46,7 @@
     "eslint": "^5.0.0 || ^6.0.0"
   },
   "dependencies": {
+    "natural-compare": "^1.4.0",
     "vue-eslint-parser": "^6.0.5"
   },
   "devDependencies": {
diff --git a/tests/lib/rules/sort-keys.js b/tests/lib/rules/sort-keys.js
new file mode 100644
index 000000000..153ebe952
--- /dev/null
+++ b/tests/lib/rules/sort-keys.js
@@ -0,0 +1,1062 @@
+/**
+ * @fileoverview Enforces sort-keys within components after the top level details
+ * @author Loren Klingman
+ */
+'use strict'
+
+const rule = require('../../../lib/rules/sort-keys')
+const RuleTester = require('eslint').RuleTester
+
+const ruleTester = new RuleTester()
+
+const parserOptions = {
+  ecmaVersion: 2018,
+  sourceType: 'module'
+}
+
+ruleTester.run('sort-keys', rule, {
+
+  valid: [
+    {
+      filename: 'test.vue',
+      code: `
+        export default {
+          name: 'app',
+          props: {
+            propA: Number,
+          },
+          ...a,
+          data () {
+            return {
+              msg: 'Welcome to Your Vue.js App'
+            }
+          },
+        }
+      `,
+      parserOptions
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        export default {}
+      `,
+      parserOptions
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        export default 'example-text'
+      `,
+      parserOptions
+    },
+    {
+      filename: 'test.jsx',
+      code: `
+        export default {
+          name: 'app',
+          data () {
+            return {
+              msg: 'Welcome to Your Vue.js App'
+            }
+          },
+        }
+      `,
+      parserOptions
+    },
+    {
+      filename: 'test.js',
+      code: `
+        Vue.component('example')
+      `,
+      parserOptions: { ecmaVersion: 6 }
+    },
+    {
+      filename: 'test.js',
+      code: `
+        const { component } = Vue;
+        component('smart-list', {
+          name: 'app',
+          components: {},
+          data () {
+            return {
+              msg: 'Welcome to Your Vue.js App'
+            }
+          }
+        })
+      `,
+      parserOptions: { ecmaVersion: 6 }
+    },
+    {
+      filename: 'test.js',
+      code: `
+        new Vue({
+          el: '#app',
+          name: 'app',
+          components: {},
+          data () {
+            return {
+              msg: 'Welcome to Your Vue.js App'
+            }
+          }
+        })
+      `,
+      parserOptions: { ecmaVersion: 6 }
+    },
+    {
+      filename: 'test.js',
+      code: `
+        new Vue()
+      `,
+      parserOptions: { ecmaVersion: 6 }
+    },
+    // default (asc)
+    { code: "var obj = {'':1, [``]:2}", options: [], parserOptions: { ecmaVersion: 6 }},
+    { code: "var obj = {[``]:1, '':2}", options: [], parserOptions: { ecmaVersion: 6 }},
+    { code: "var obj = {'':1, a:2}", options: [] },
+    { code: 'var obj = {[``]:1, a:2}', options: [], parserOptions: { ecmaVersion: 6 }},
+    { code: 'var obj = {_:2, a:1, b:3} // default', options: [] },
+    { code: 'var obj = {a:1, b:3, c:2}', options: [] },
+    { code: 'var obj = {a:2, b:3, b_:1}', options: [] },
+    { code: 'var obj = {C:3, b_:1, c:2}', options: [] },
+    { code: 'var obj = {$:1, A:3, _:2, a:4}', options: [] },
+    { code: "var obj = {1:1, '11':2, 2:4, A:3}", options: [] },
+    { code: "var obj = {'#':1, 'Z':2, À:3, è:4}", options: [] },
+
+    // ignore non-simple computed properties.
+    { code: 'var obj = {a:1, b:3, [a + b]: -1, c:2}', options: [], parserOptions: { ecmaVersion: 6 }},
+    { code: "var obj = {'':1, [f()]:2, a:3}", options: [], parserOptions: { ecmaVersion: 6 }},
+    { code: "var obj = {a:1, [b++]:2, '':3}", options: ['desc'], parserOptions: { ecmaVersion: 6 }},
+
+    // ignore properties separated by spread properties
+    { code: 'var obj = {a:1, ...z, b:1}', options: [], parserOptions: { ecmaVersion: 2018 }},
+    { code: 'var obj = {b:1, ...z, a:1}', options: [], parserOptions: { ecmaVersion: 2018 }},
+    { code: 'var obj = {...a, b:1, ...c, d:1}', options: [], parserOptions: { ecmaVersion: 2018 }},
+    { code: 'var obj = {...a, b:1, ...d, ...c, e:2, z:5}', options: [], parserOptions: { ecmaVersion: 2018 }},
+    { code: 'var obj = {b:1, ...c, ...d, e:2}', options: [], parserOptions: { ecmaVersion: 2018 }},
+    { code: "var obj = {a:1, ...z, '':2}", options: [], parserOptions: { ecmaVersion: 2018 }},
+    { code: "var obj = {'':1, ...z, 'a':2}", options: ['desc'], parserOptions: { ecmaVersion: 2018 }},
+
+    // not ignore properties not separated by spread properties
+    { code: 'var obj = {...z, a:1, b:1}', options: [], parserOptions: { ecmaVersion: 2018 }},
+    { code: 'var obj = {...z, ...c, a:1, b:1}', options: [], parserOptions: { ecmaVersion: 2018 }},
+    { code: 'var obj = {a:1, b:1, ...z}', options: [], parserOptions: { ecmaVersion: 2018 }},
+    { code: 'var obj = {...z, ...x, a:1, ...c, ...d, f:5, e:4}', options: ['desc'], parserOptions: { ecmaVersion: 2018 }},
+
+    // works when spread occurs somewhere other than an object literal
+    { code: 'function fn(...args) { return [...args].length; }', options: [], parserOptions: { ecmaVersion: 2018 }},
+    { code: 'function g() {}; function f(...args) { return g(...args); }', options: [], parserOptions: { ecmaVersion: 2018 }},
+
+    // ignore destructuring patterns.
+    { code: 'let {a, b} = {}', options: [], parserOptions: { ecmaVersion: 6 }},
+
+    // nested
+    { code: 'var obj = {a:1, b:{x:1, y:1}, c:1}', options: [] },
+
+    // asc
+    { code: 'var obj = {_:2, a:1, b:3} // asc', options: ['asc'] },
+    { code: 'var obj = {a:1, b:3, c:2}', options: ['asc'] },
+    { code: 'var obj = {a:2, b:3, b_:1}', options: ['asc'] },
+    { code: 'var obj = {C:3, b_:1, c:2}', options: ['asc'] },
+    { code: 'var obj = {$:1, A:3, _:2, a:4}', options: ['asc'] },
+    { code: "var obj = {1:1, '11':2, 2:4, A:3}", options: ['asc'] },
+    { code: "var obj = {'#':1, 'Z':2, À:3, è:4}", options: ['asc'] },
+
+    // asc, minKeys should ignore unsorted keys when number of keys is less than minKeys
+    { code: 'var obj = {a:1, c:2, b:3}', options: ['asc', { minKeys: 4 }] },
+
+    // asc, insensitive
+    { code: 'var obj = {_:2, a:1, b:3} // asc, insensitive', options: ['asc', { caseSensitive: false }] },
+    { code: 'var obj = {a:1, b:3, c:2}', options: ['asc', { caseSensitive: false }] },
+    { code: 'var obj = {a:2, b:3, b_:1}', options: ['asc', { caseSensitive: false }] },
+    { code: 'var obj = {b_:1, C:3, c:2}', options: ['asc', { caseSensitive: false }] },
+    { code: 'var obj = {b_:1, c:3, C:2}', options: ['asc', { caseSensitive: false }] },
+    { code: 'var obj = {$:1, _:2, A:3, a:4}', options: ['asc', { caseSensitive: false }] },
+    { code: "var obj = {1:1, '11':2, 2:4, A:3}", options: ['asc', { caseSensitive: false }] },
+    { code: "var obj = {'#':1, 'Z':2, À:3, è:4}", options: ['asc', { caseSensitive: false }] },
+
+    // asc, insensitive, minKeys should ignore unsorted keys when number of keys is less than minKeys
+    { code: 'var obj = {$:1, A:3, _:2, a:4}', options: ['asc', { caseSensitive: false, minKeys: 5 }] },
+
+    // asc, natural
+    { code: 'var obj = {_:2, a:1, b:3} // asc, natural', options: ['asc', { natural: true }] },
+    { code: 'var obj = {a:1, b:3, c:2}', options: ['asc', { natural: true }] },
+    { code: 'var obj = {a:2, b:3, b_:1}', options: ['asc', { natural: true }] },
+    { code: 'var obj = {C:3, b_:1, c:2}', options: ['asc', { natural: true }] },
+    { code: 'var obj = {$:1, _:2, A:3, a:4}', options: ['asc', { natural: true }] },
+    { code: "var obj = {1:1, 2:4, '11':2, A:3}", options: ['asc', { natural: true }] },
+    { code: "var obj = {'#':1, 'Z':2, À:3, è:4}", options: ['asc', { natural: true }] },
+
+    // asc, natural, minKeys should ignore unsorted keys when number of keys is less than minKeys
+    { code: 'var obj = {b_:1, a:2, b:3}', options: ['asc', { natural: true, minKeys: 4 }] },
+
+    // asc, natural, insensitive
+    { code: 'var obj = {_:2, a:1, b:3} // asc, natural, insensitive', options: ['asc', { natural: true, caseSensitive: false }] },
+    { code: 'var obj = {a:1, b:3, c:2}', options: ['asc', { natural: true, caseSensitive: false }] },
+    { code: 'var obj = {a:2, b:3, b_:1}', options: ['asc', { natural: true, caseSensitive: false }] },
+    { code: 'var obj = {b_:1, C:3, c:2}', options: ['asc', { natural: true, caseSensitive: false }] },
+    { code: 'var obj = {b_:1, c:3, C:2}', options: ['asc', { natural: true, caseSensitive: false }] },
+    { code: 'var obj = {$:1, _:2, A:3, a:4}', options: ['asc', { natural: true, caseSensitive: false }] },
+    { code: "var obj = {1:1, 2:4, '11':2, A:3}", options: ['asc', { natural: true, caseSensitive: false }] },
+    { code: "var obj = {'#':1, 'Z':2, À:3, è:4}", options: ['asc', { natural: true, caseSensitive: false }] },
+
+    // asc, natural, insensitive, minKeys should ignore unsorted keys when number of keys is less than minKeys
+    { code: 'var obj = {a:1, _:2, b:3}', options: ['asc', { natural: true, caseSensitive: false, minKeys: 4 }] },
+
+    // desc
+    { code: 'var obj = {b:3, a:1, _:2} // desc', options: ['desc'] },
+    { code: 'var obj = {c:2, b:3, a:1}', options: ['desc'] },
+    { code: 'var obj = {b_:1, b:3, a:2}', options: ['desc'] },
+    { code: 'var obj = {c:2, b_:1, C:3}', options: ['desc'] },
+    { code: 'var obj = {a:4, _:2, A:3, $:1}', options: ['desc'] },
+    { code: "var obj = {A:3, 2:4, '11':2, 1:1}", options: ['desc'] },
+    { code: "var obj = {è:4, À:3, 'Z':2, '#':1}", options: ['desc'] },
+
+    // desc, minKeys should ignore unsorted keys when number of keys is less than minKeys
+    { code: 'var obj = {a:1, c:2, b:3}', options: ['desc', { minKeys: 4 }] },
+
+    // desc, insensitive
+    { code: 'var obj = {b:3, a:1, _:2} // desc, insensitive', options: ['desc', { caseSensitive: false }] },
+    { code: 'var obj = {c:2, b:3, a:1}', options: ['desc', { caseSensitive: false }] },
+    { code: 'var obj = {b_:1, b:3, a:2}', options: ['desc', { caseSensitive: false }] },
+    { code: 'var obj = {c:2, C:3, b_:1}', options: ['desc', { caseSensitive: false }] },
+    { code: 'var obj = {C:2, c:3, b_:1}', options: ['desc', { caseSensitive: false }] },
+    { code: 'var obj = {a:4, A:3, _:2, $:1}', options: ['desc', { caseSensitive: false }] },
+    { code: "var obj = {A:3, 2:4, '11':2, 1:1}", options: ['desc', { caseSensitive: false }] },
+    { code: "var obj = {è:4, À:3, 'Z':2, '#':1}", options: ['desc', { caseSensitive: false }] },
+
+    // desc, insensitive, minKeys should ignore unsorted keys when number of keys is less than minKeys
+    { code: 'var obj = {$:1, _:2, A:3, a:4}', options: ['desc', { caseSensitive: false, minKeys: 5 }] },
+
+    // desc, natural
+    { code: 'var obj = {b:3, a:1, _:2} // desc, natural', options: ['desc', { natural: true }] },
+    { code: 'var obj = {c:2, b:3, a:1}', options: ['desc', { natural: true }] },
+    { code: 'var obj = {b_:1, b:3, a:2}', options: ['desc', { natural: true }] },
+    { code: 'var obj = {c:2, b_:1, C:3}', options: ['desc', { natural: true }] },
+    { code: 'var obj = {a:4, A:3, _:2, $:1}', options: ['desc', { natural: true }] },
+    { code: "var obj = {A:3, '11':2, 2:4, 1:1}", options: ['desc', { natural: true }] },
+    { code: "var obj = {è:4, À:3, 'Z':2, '#':1}", options: ['desc', { natural: true }] },
+
+    // desc, natural, minKeys should ignore unsorted keys when number of keys is less than minKeys
+    { code: 'var obj = {b_:1, a:2, b:3}', options: ['desc', { natural: true, minKeys: 4 }] },
+
+    // desc, natural, insensitive
+    { code: 'var obj = {b:3, a:1, _:2} // desc, natural, insensitive', options: ['desc', { natural: true, caseSensitive: false }] },
+    { code: 'var obj = {c:2, b:3, a:1}', options: ['desc', { natural: true, caseSensitive: false }] },
+    { code: 'var obj = {b_:1, b:3, a:2}', options: ['desc', { natural: true, caseSensitive: false }] },
+    { code: 'var obj = {c:2, C:3, b_:1}', options: ['desc', { natural: true, caseSensitive: false }] },
+    { code: 'var obj = {C:2, c:3, b_:1}', options: ['desc', { natural: true, caseSensitive: false }] },
+    { code: 'var obj = {a:4, A:3, _:2, $:1}', options: ['desc', { natural: true, caseSensitive: false }] },
+    { code: "var obj = {A:3, '11':2, 2:4, 1:1}", options: ['desc', { natural: true, caseSensitive: false }] },
+    { code: "var obj = {è:4, À:3, 'Z':2, '#':1}", options: ['desc', { natural: true, caseSensitive: false }] },
+
+    // desc, natural, insensitive, minKeys should ignore unsorted keys when number of keys is less than minKeys
+    { code: 'var obj = {a:1, _:2, b:3}', options: ['desc', { natural: true, caseSensitive: false, minKeys: 4 }] }
+  ],
+
+  invalid: [
+    // default (asc)
+    {
+      code: "var obj = {a:1, '':2} // default",
+      errors: ["Expected object keys to be in ascending order. '' should be before 'a'."]
+    },
+    {
+      code: 'var obj = {a:1, [``]:2} // default',
+      parserOptions: { ecmaVersion: 6 },
+      errors: ["Expected object keys to be in ascending order. '' should be before 'a'."]
+    },
+    {
+      code: 'var obj = {a:1, _:2, b:3} // default',
+      errors: ["Expected object keys to be in ascending order. '_' should be before 'a'."]
+    },
+    {
+      code: 'var obj = {a:1, c:2, b:3}',
+      errors: ["Expected object keys to be in ascending order. 'b' should be before 'c'."]
+    },
+    {
+      code: 'var obj = {b_:1, a:2, b:3}',
+      errors: ["Expected object keys to be in ascending order. 'a' should be before 'b_'."]
+    },
+    {
+      code: 'var obj = {b_:1, c:2, C:3}',
+      errors: ["Expected object keys to be in ascending order. 'C' should be before 'c'."]
+    },
+    {
+      code: 'var obj = {$:1, _:2, A:3, a:4}',
+      errors: ["Expected object keys to be in ascending order. 'A' should be before '_'."]
+    },
+    {
+      code: "var obj = {1:1, 2:4, A:3, '11':2}",
+      errors: ["Expected object keys to be in ascending order. '11' should be before 'A'."]
+    },
+    {
+      code: "var obj = {'#':1, À:3, 'Z':2, è:4}",
+      errors: ["Expected object keys to be in ascending order. 'Z' should be before 'À'."]
+    },
+
+    // not ignore properties not separated by spread properties
+    {
+      code: 'var obj = {...z, c:1, b:1}',
+      options: [],
+      parserOptions: { ecmaVersion: 2018 },
+      errors: ["Expected object keys to be in ascending order. 'b' should be before 'c'."]
+    },
+    {
+      code: 'var obj = {...z, ...c, d:4, b:1, ...y, ...f, e:2, a:1}',
+      options: [],
+      parserOptions: { ecmaVersion: 2018 },
+      errors: [
+        "Expected object keys to be in ascending order. 'b' should be before 'd'.",
+        "Expected object keys to be in ascending order. 'a' should be before 'e'."
+      ]
+    },
+    {
+      code: 'var obj = {c:1, b:1, ...a}',
+      options: [],
+      parserOptions: { ecmaVersion: 2018 },
+      errors: ["Expected object keys to be in ascending order. 'b' should be before 'c'."]
+    },
+    {
+      code: 'var obj = {...z, ...a, c:1, b:1}',
+      options: [],
+      parserOptions: { ecmaVersion: 2018 },
+      errors: ["Expected object keys to be in ascending order. 'b' should be before 'c'."]
+    },
+    {
+      code: 'var obj = {...z, b:1, a:1, ...d, ...c}',
+      options: [],
+      parserOptions: { ecmaVersion: 2018 },
+      errors: ["Expected object keys to be in ascending order. 'a' should be before 'b'."]
+    },
+    {
+      code: 'var obj = {...z, a:2, b:0, ...x, ...c}',
+      options: ['desc'],
+      parserOptions: { ecmaVersion: 2018 },
+      errors: ["Expected object keys to be in descending order. 'b' should be before 'a'."]
+    },
+    {
+      code: 'var obj = {...z, a:2, b:0, ...x}',
+      options: ['desc'],
+      parserOptions: { ecmaVersion: 2018 },
+      errors: ["Expected object keys to be in descending order. 'b' should be before 'a'."]
+    },
+    {
+      code: "var obj = {...z, '':1, a:2}",
+      options: ['desc'],
+      parserOptions: { ecmaVersion: 2018 },
+      errors: ["Expected object keys to be in descending order. 'a' should be before ''."]
+    },
+
+    // ignore non-simple computed properties, but their position shouldn't affect other comparisons.
+    {
+      code: "var obj = {a:1, [b+c]:2, '':3}",
+      parserOptions: { ecmaVersion: 6 },
+      errors: ["Expected object keys to be in ascending order. '' should be before 'a'."]
+    },
+    {
+      code: "var obj = {'':1, [b+c]:2, a:3}",
+      options: ['desc'],
+      parserOptions: { ecmaVersion: 6 },
+      errors: ["Expected object keys to be in descending order. 'a' should be before ''."]
+    },
+    {
+      code: "var obj = {b:1, [f()]:2, '':3, a:4}",
+      options: ['desc'],
+      parserOptions: { ecmaVersion: 6 },
+      errors: ["Expected object keys to be in descending order. 'a' should be before ''."]
+    },
+
+    // not ignore simple computed properties.
+    {
+      code: 'var obj = {a:1, b:3, [a]: -1, c:2}',
+      parserOptions: { ecmaVersion: 6 },
+      errors: ["Expected object keys to be in ascending order. 'a' should be before 'b'."]
+    },
+
+    // nested
+    {
+      code: 'var obj = {a:1, c:{y:1, x:1}, b:1}',
+      errors: [
+        "Expected object keys to be in ascending order. 'x' should be before 'y'.",
+        "Expected object keys to be in ascending order. 'b' should be before 'c'."
+      ]
+    },
+
+    // asc
+    {
+      code: 'var obj = {a:1, _:2, b:3} // asc',
+      options: ['asc'],
+      errors: [
+        "Expected object keys to be in ascending order. '_' should be before 'a'."
+      ]
+    },
+    {
+      code: 'var obj = {a:1, c:2, b:3}',
+      options: ['asc'],
+      errors: [
+        "Expected object keys to be in ascending order. 'b' should be before 'c'."
+      ]
+    },
+    {
+      code: 'var obj = {b_:1, a:2, b:3}',
+      options: ['asc'],
+      errors: [
+        "Expected object keys to be in ascending order. 'a' should be before 'b_'."
+      ]
+    },
+    {
+      code: 'var obj = {b_:1, c:2, C:3}',
+      options: ['asc'],
+      errors: [
+        "Expected object keys to be in ascending order. 'C' should be before 'c'."
+      ]
+    },
+    {
+      code: 'var obj = {$:1, _:2, A:3, a:4}',
+      options: ['asc'],
+      errors: [
+        "Expected object keys to be in ascending order. 'A' should be before '_'."
+      ]
+    },
+    {
+      code: "var obj = {1:1, 2:4, A:3, '11':2}",
+      options: ['asc'],
+      errors: [
+        "Expected object keys to be in ascending order. '11' should be before 'A'."
+      ]
+    },
+    {
+      code: "var obj = {'#':1, À:3, 'Z':2, è:4}",
+      options: ['asc'],
+      errors: [
+        "Expected object keys to be in ascending order. 'Z' should be before 'À'."
+      ]
+    },
+
+    // asc, minKeys should error when number of keys is greater than or equal to minKeys
+    {
+      code: 'var obj = {a:1, _:2, b:3}',
+      options: ['asc', { minKeys: 3 }],
+      errors: [
+        "Expected object keys to be in ascending order. '_' should be before 'a'."
+      ]
+    },
+
+    // asc, insensitive
+    {
+      code: 'var obj = {a:1, _:2, b:3} // asc, insensitive',
+      options: ['asc', { caseSensitive: false }],
+      errors: [
+        "Expected object keys to be in insensitive ascending order. '_' should be before 'a'."
+      ]
+    },
+    {
+      code: 'var obj = {a:1, c:2, b:3}',
+      options: ['asc', { caseSensitive: false }],
+      errors: [
+        "Expected object keys to be in insensitive ascending order. 'b' should be before 'c'."
+      ]
+    },
+    {
+      code: 'var obj = {b_:1, a:2, b:3}',
+      options: ['asc', { caseSensitive: false }],
+      errors: [
+        "Expected object keys to be in insensitive ascending order. 'a' should be before 'b_'."
+      ]
+    },
+    {
+      code: 'var obj = {$:1, A:3, _:2, a:4}',
+      options: ['asc', { caseSensitive: false }],
+      errors: [
+        "Expected object keys to be in insensitive ascending order. '_' should be before 'A'."
+      ]
+    },
+    {
+      code: "var obj = {1:1, 2:4, A:3, '11':2}",
+      options: ['asc', { caseSensitive: false }],
+      errors: [
+        "Expected object keys to be in insensitive ascending order. '11' should be before 'A'."
+      ]
+    },
+    {
+      code: "var obj = {'#':1, À:3, 'Z':2, è:4}",
+      options: ['asc', { caseSensitive: false }],
+      errors: [
+        "Expected object keys to be in insensitive ascending order. 'Z' should be before 'À'."
+      ]
+    },
+
+    // asc, insensitive, minKeys should error when number of keys is greater than or equal to minKeys
+    {
+      code: 'var obj = {a:1, _:2, b:3}',
+      options: ['asc', { caseSensitive: false, minKeys: 3 }],
+      errors: [
+        "Expected object keys to be in insensitive ascending order. '_' should be before 'a'."
+      ]
+    },
+
+    // asc, natural
+    {
+      code: 'var obj = {a:1, _:2, b:3} // asc, natural',
+      options: ['asc', { natural: true }],
+      errors: [
+        "Expected object keys to be in natural ascending order. '_' should be before 'a'."
+      ]
+    },
+    {
+      code: 'var obj = {a:1, c:2, b:3}',
+      options: ['asc', { natural: true }],
+      errors: [
+        "Expected object keys to be in natural ascending order. 'b' should be before 'c'."
+      ]
+    },
+    {
+      code: 'var obj = {b_:1, a:2, b:3}',
+      options: ['asc', { natural: true }],
+      errors: [
+        "Expected object keys to be in natural ascending order. 'a' should be before 'b_'."
+      ]
+    },
+    {
+      code: 'var obj = {b_:1, c:2, C:3}',
+      options: ['asc', { natural: true }],
+      errors: [
+        "Expected object keys to be in natural ascending order. 'C' should be before 'c'."
+      ]
+    },
+    {
+      code: 'var obj = {$:1, A:3, _:2, a:4}',
+      options: ['asc', { natural: true }],
+      errors: [
+        "Expected object keys to be in natural ascending order. '_' should be before 'A'."
+      ]
+    },
+    {
+      code: "var obj = {1:1, 2:4, A:3, '11':2}",
+      options: ['asc', { natural: true }],
+      errors: [
+        "Expected object keys to be in natural ascending order. '11' should be before 'A'."
+      ]
+    },
+    {
+      code: "var obj = {'#':1, À:3, 'Z':2, è:4}",
+      options: ['asc', { natural: true }],
+      errors: [
+        "Expected object keys to be in natural ascending order. 'Z' should be before 'À'."
+      ]
+    },
+
+    // asc, natural, minKeys should error when number of keys is greater than or equal to minKeys
+    {
+      code: 'var obj = {a:1, _:2, b:3}',
+      options: ['asc', { natural: true, minKeys: 2 }],
+      errors: [
+        "Expected object keys to be in natural ascending order. '_' should be before 'a'."
+      ]
+    },
+
+    // asc, natural, insensitive
+    {
+      code: 'var obj = {a:1, _:2, b:3} // asc, natural, insensitive',
+      options: ['asc', { natural: true, caseSensitive: false }],
+      errors: [
+        "Expected object keys to be in natural insensitive ascending order. '_' should be before 'a'."
+      ]
+    },
+    {
+      code: 'var obj = {a:1, c:2, b:3}',
+      options: ['asc', { natural: true, caseSensitive: false }],
+      errors: [
+        "Expected object keys to be in natural insensitive ascending order. 'b' should be before 'c'."
+      ]
+    },
+    {
+      code: 'var obj = {b_:1, a:2, b:3}',
+      options: ['asc', { natural: true, caseSensitive: false }],
+      errors: [
+        "Expected object keys to be in natural insensitive ascending order. 'a' should be before 'b_'."
+      ]
+    },
+    {
+      code: 'var obj = {$:1, A:3, _:2, a:4}',
+      options: ['asc', { natural: true, caseSensitive: false }],
+      errors: [
+        "Expected object keys to be in natural insensitive ascending order. '_' should be before 'A'."
+      ]
+    },
+    {
+      code: "var obj = {1:1, '11':2, 2:4, A:3}",
+      options: ['asc', { natural: true, caseSensitive: false }],
+      errors: [
+        "Expected object keys to be in natural insensitive ascending order. '2' should be before '11'."
+      ]
+    },
+    {
+      code: "var obj = {'#':1, À:3, 'Z':2, è:4}",
+      options: ['asc', { natural: true, caseSensitive: false }],
+      errors: [
+        "Expected object keys to be in natural insensitive ascending order. 'Z' should be before 'À'."
+      ]
+    },
+
+    // asc, natural, insensitive, minKeys should error when number of keys is greater than or equal to minKeys
+    {
+      code: 'var obj = {a:1, _:2, b:3}',
+      options: ['asc', { natural: true, caseSensitive: false, minKeys: 3 }],
+      errors: [
+        "Expected object keys to be in natural insensitive ascending order. '_' should be before 'a'."
+      ]
+    },
+
+    // desc
+    {
+      code: "var obj = {'':1, a:'2'} // desc",
+      options: ['desc'],
+      errors: [
+        "Expected object keys to be in descending order. 'a' should be before ''."
+      ]
+    },
+    {
+      code: "var obj = {[``]:1, a:'2'} // desc",
+      options: ['desc'],
+      parserOptions: { ecmaVersion: 6 },
+      errors: [
+        "Expected object keys to be in descending order. 'a' should be before ''."
+      ]
+    },
+    {
+      code: 'var obj = {a:1, _:2, b:3} // desc',
+      options: ['desc'],
+      errors: [
+        "Expected object keys to be in descending order. 'b' should be before '_'."
+      ]
+    },
+    {
+      code: 'var obj = {a:1, c:2, b:3}',
+      options: ['desc'],
+      errors: [
+        "Expected object keys to be in descending order. 'c' should be before 'a'."
+      ]
+    },
+    {
+      code: 'var obj = {b_:1, a:2, b:3}',
+      options: ['desc'],
+      errors: [
+        "Expected object keys to be in descending order. 'b' should be before 'a'."
+      ]
+    },
+    {
+      code: 'var obj = {b_:1, c:2, C:3}',
+      options: ['desc'],
+      errors: [
+        "Expected object keys to be in descending order. 'c' should be before 'b_'."
+      ]
+    },
+    {
+      code: 'var obj = {$:1, _:2, A:3, a:4}',
+      options: ['desc'],
+      errors: [
+        "Expected object keys to be in descending order. '_' should be before '$'.",
+        "Expected object keys to be in descending order. 'a' should be before 'A'."
+      ]
+    },
+    {
+      code: "var obj = {1:1, 2:4, A:3, '11':2}",
+      options: ['desc'],
+      errors: [
+        "Expected object keys to be in descending order. '2' should be before '1'.",
+        "Expected object keys to be in descending order. 'A' should be before '2'."
+      ]
+    },
+    {
+      code: "var obj = {'#':1, À:3, 'Z':2, è:4}",
+      options: ['desc'],
+      errors: [
+        "Expected object keys to be in descending order. 'À' should be before '#'.",
+        "Expected object keys to be in descending order. 'è' should be before 'Z'."
+      ]
+    },
+
+    // desc, minKeys should error when number of keys is greater than or equal to minKeys
+    {
+      code: 'var obj = {a:1, _:2, b:3}',
+      options: ['desc', { minKeys: 3 }],
+      errors: [
+        "Expected object keys to be in descending order. 'b' should be before '_'."
+      ]
+    },
+
+    // desc, insensitive
+    {
+      code: 'var obj = {a:1, _:2, b:3} // desc, insensitive',
+      options: ['desc', { caseSensitive: false }],
+      errors: [
+        "Expected object keys to be in insensitive descending order. 'b' should be before '_'."
+      ]
+    },
+    {
+      code: 'var obj = {a:1, c:2, b:3}',
+      options: ['desc', { caseSensitive: false }],
+      errors: [
+        "Expected object keys to be in insensitive descending order. 'c' should be before 'a'."
+      ]
+    },
+    {
+      code: 'var obj = {b_:1, a:2, b:3}',
+      options: ['desc', { caseSensitive: false }],
+      errors: [
+        "Expected object keys to be in insensitive descending order. 'b' should be before 'a'."
+      ]
+    },
+    {
+      code: 'var obj = {b_:1, c:2, C:3}',
+      options: ['desc', { caseSensitive: false }],
+      errors: [
+        "Expected object keys to be in insensitive descending order. 'c' should be before 'b_'."
+      ]
+    },
+    {
+      code: 'var obj = {$:1, _:2, A:3, a:4}',
+      options: ['desc', { caseSensitive: false }],
+      errors: [
+        "Expected object keys to be in insensitive descending order. '_' should be before '$'.",
+        "Expected object keys to be in insensitive descending order. 'A' should be before '_'."
+      ]
+    },
+    {
+      code: "var obj = {1:1, 2:4, A:3, '11':2}",
+      options: ['desc', { caseSensitive: false }],
+      errors: [
+        "Expected object keys to be in insensitive descending order. '2' should be before '1'.",
+        "Expected object keys to be in insensitive descending order. 'A' should be before '2'."
+      ]
+    },
+    {
+      code: "var obj = {'#':1, À:3, 'Z':2, è:4}",
+      options: ['desc', { caseSensitive: false }],
+      errors: [
+        "Expected object keys to be in insensitive descending order. 'À' should be before '#'.",
+        "Expected object keys to be in insensitive descending order. 'è' should be before 'Z'."
+      ]
+    },
+
+    // desc, insensitive should error when number of keys is greater than or equal to minKeys
+    {
+      code: 'var obj = {a:1, _:2, b:3}',
+      options: ['desc', { caseSensitive: false, minKeys: 2 }],
+      errors: [
+        "Expected object keys to be in insensitive descending order. 'b' should be before '_'."
+      ]
+    },
+
+    // desc, natural
+    {
+      code: 'var obj = {a:1, _:2, b:3} // desc, natural',
+      options: ['desc', { natural: true }],
+      errors: [
+        "Expected object keys to be in natural descending order. 'b' should be before '_'."
+      ]
+    },
+    {
+      code: 'var obj = {a:1, c:2, b:3}',
+      options: ['desc', { natural: true }],
+      errors: [
+        "Expected object keys to be in natural descending order. 'c' should be before 'a'."
+      ]
+    },
+    {
+      code: 'var obj = {b_:1, a:2, b:3}',
+      options: ['desc', { natural: true }],
+      errors: [
+        "Expected object keys to be in natural descending order. 'b' should be before 'a'."
+      ]
+    },
+    {
+      code: 'var obj = {b_:1, c:2, C:3}',
+      options: ['desc', { natural: true }],
+      errors: [
+        "Expected object keys to be in natural descending order. 'c' should be before 'b_'."
+      ]
+    },
+    {
+      code: 'var obj = {$:1, _:2, A:3, a:4}',
+      options: ['desc', { natural: true }],
+      errors: [
+        "Expected object keys to be in natural descending order. '_' should be before '$'.",
+        "Expected object keys to be in natural descending order. 'A' should be before '_'.",
+        "Expected object keys to be in natural descending order. 'a' should be before 'A'."
+      ]
+    },
+    {
+      code: "var obj = {1:1, 2:4, A:3, '11':2}",
+      options: ['desc', { natural: true }],
+      errors: [
+        "Expected object keys to be in natural descending order. '2' should be before '1'.",
+        "Expected object keys to be in natural descending order. 'A' should be before '2'."
+      ]
+    },
+    {
+      code: "var obj = {'#':1, À:3, 'Z':2, è:4}",
+      options: ['desc', { natural: true }],
+      errors: [
+        "Expected object keys to be in natural descending order. 'À' should be before '#'.",
+        "Expected object keys to be in natural descending order. 'è' should be before 'Z'."
+      ]
+    },
+
+    // desc, natural should error when number of keys is greater than or equal to minKeys
+    {
+      code: 'var obj = {a:1, _:2, b:3}',
+      options: ['desc', { natural: true, minKeys: 3 }],
+      errors: [
+        "Expected object keys to be in natural descending order. 'b' should be before '_'."
+      ]
+    },
+
+    // desc, natural, insensitive
+    {
+      code: 'var obj = {a:1, _:2, b:3} // desc, natural, insensitive',
+      options: ['desc', { natural: true, caseSensitive: false }],
+      errors: [
+        "Expected object keys to be in natural insensitive descending order. 'b' should be before '_'."
+      ]
+    },
+    {
+      code: 'var obj = {a:1, c:2, b:3}',
+      options: ['desc', { natural: true, caseSensitive: false }],
+      errors: [
+        "Expected object keys to be in natural insensitive descending order. 'c' should be before 'a'."
+      ]
+    },
+    {
+      code: 'var obj = {b_:1, a:2, b:3}',
+      options: ['desc', { natural: true, caseSensitive: false }],
+      errors: [
+        "Expected object keys to be in natural insensitive descending order. 'b' should be before 'a'."
+      ]
+    },
+    {
+      code: 'var obj = {b_:1, c:2, C:3}',
+      options: ['desc', { natural: true, caseSensitive: false }],
+      errors: [
+        "Expected object keys to be in natural insensitive descending order. 'c' should be before 'b_'."
+      ]
+    },
+    {
+      code: 'var obj = {$:1, _:2, A:3, a:4}',
+      options: ['desc', { natural: true, caseSensitive: false }],
+      errors: [
+        "Expected object keys to be in natural insensitive descending order. '_' should be before '$'.",
+        "Expected object keys to be in natural insensitive descending order. 'A' should be before '_'."
+      ]
+    },
+    {
+      code: "var obj = {1:1, 2:4, '11':2, A:3}",
+      options: ['desc', { natural: true, caseSensitive: false }],
+      errors: [
+        "Expected object keys to be in natural insensitive descending order. '2' should be before '1'.",
+        "Expected object keys to be in natural insensitive descending order. '11' should be before '2'.",
+        "Expected object keys to be in natural insensitive descending order. 'A' should be before '11'."
+      ]
+    },
+    {
+      code: "var obj = {'#':1, À:3, 'Z':2, è:4}",
+      options: ['desc', { natural: true, caseSensitive: false }],
+      errors: [
+        "Expected object keys to be in natural insensitive descending order. 'À' should be before '#'.",
+        "Expected object keys to be in natural insensitive descending order. 'è' should be before 'Z'."
+      ]
+    },
+
+    // desc, natural, insensitive should error when number of keys is greater than or equal to minKeys
+    {
+      code: 'var obj = {a:1, _:2, b:3}',
+      options: ['desc', { natural: true, caseSensitive: false, minKeys: 2 }],
+      errors: [
+        "Expected object keys to be in natural insensitive descending order. 'b' should be before '_'."
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        export default {
+          name: 'app',
+          props: {
+            z: Number,
+            propA: Number,
+          },
+          ...a,
+          data () {
+            return {
+              zd: 1,
+              msg: 'Welcome to Your Vue.js App'
+            }
+          },
+        }
+      `,
+      parserOptions,
+
+      errors: [{
+        message: 'Expected object keys to be in ascending order. \'propA\' should be before \'z\'.',
+        line: 6
+      }, {
+        message: 'Expected object keys to be in ascending order. \'msg\' should be before \'zd\'.',
+        line: 12
+      }]
+    },
+    {
+      filename: 'example.vue',
+      code: `
+        export default {
+          data() {
+            return {
+              isActive: false,
+            };
+          },
+          methods: {
+            toggleMenu() {
+              this.isActive = !this.isActive;
+            },
+            closeMenu() {
+              this.isActive = false;
+            }
+          },
+          name: 'burger',
+        };
+      `,
+      parserOptions,
+      errors: [{
+        message: 'Expected object keys to be in ascending order. \'closeMenu\' should be before \'toggleMenu\'.',
+        line: 12
+      }]
+    },
+    {
+      filename: 'example.vue',
+      code: `
+        const dict = { zd: 1, a: 2 };
+
+        export default {
+          data() {
+            return {
+              z: 2,
+              isActive: false,
+            };
+          },
+          name: 'burger',
+        };
+      `,
+      parserOptions,
+      errors: [{
+        message: 'Expected object keys to be in ascending order. \'a\' should be before \'zd\'.',
+        line: 2
+      }, {
+        message: 'Expected object keys to be in ascending order. \'isActive\' should be before \'z\'.',
+        line: 8
+      }]
+    },
+    {
+      filename: 'example.vue',
+      code: `
+        export default {
+          data() {
+            return {
+              z: 2,
+              isActive: false,
+            };
+          },
+          name: 'burger',
+        };
+
+        const dict = { zd: 1, a: 2 };
+      `,
+      parserOptions,
+      errors: [{
+        message: 'Expected object keys to be in ascending order. \'isActive\' should be before \'z\'.',
+        line: 6
+      }, {
+        message: 'Expected object keys to be in ascending order. \'a\' should be before \'zd\'.',
+        line: 12
+      }]
+    },
+    {
+      filename: 'test.js',
+      code: `
+        const dict = { zd: 1, a: 2 };
+        new Vue({
+          name: 'app',
+          el: '#app',
+          data () {
+            return {
+              z: 2,
+              msg: 'Welcome to Your Vue.js App'
+            }
+          },
+          components: {},
+          template: '<div></div>'
+        })
+      `,
+      parserOptions: { ecmaVersion: 6 },
+      errors: [{
+        message: 'Expected object keys to be in ascending order. \'a\' should be before \'zd\'.',
+        line: 2
+      },
+      {
+        message: 'Expected object keys to be in ascending order. \'msg\' should be before \'z\'.',
+        line: 9
+      }]
+    },
+    {
+      filename: 'test.js',
+      code: `
+        const dict = { zd: 1, a: 2 };
+
+        Vue.component('smart-list', {
+          name: 'app',
+          data () {
+            return {
+              z: 2,
+              msg: 'Welcome to Your Vue.js App'
+            }
+          },
+          components: {},
+          template: '<div></div>'
+        })
+      `,
+      parserOptions: { ecmaVersion: 6 },
+      errors: [{
+        message: 'Expected object keys to be in ascending order. \'a\' should be before \'zd\'.',
+        line: 2
+      },
+      {
+        message: 'Expected object keys to be in ascending order. \'msg\' should be before \'z\'.',
+        line: 9
+      }]
+    },
+    {
+      filename: 'test.js',
+      code: `
+        const dict = { zd: 1, a: 2 };
+        const { component } = Vue;
+        component('smart-list', {
+          name: 'app',
+          data () {
+            return {
+              z: 2,
+              msg: 'Welcome to Your Vue.js App'
+            }
+          },
+          components: {},
+          template: '<div></div>'
+        })
+      `,
+      parserOptions: { ecmaVersion: 6 },
+      errors: [{
+        message: 'Expected object keys to be in ascending order. \'a\' should be before \'zd\'.',
+        line: 2
+      },
+      {
+        message: 'Expected object keys to be in ascending order. \'msg\' should be before \'z\'.',
+        line: 9
+      }]
+    }
+  ]
+})

From 055f26d5a90c4fe18f82bf1d47734053209e4305 Mon Sep 17 00:00:00 2001
From: Loren <lklingman@apple.com>
Date: Thu, 5 Dec 2019 15:24:14 -0500
Subject: [PATCH 2/6] fix for eslint 6.7

---
 .eslintignore | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.eslintignore b/.eslintignore
index 20f3203c8..1905aa4a8 100644
--- a/.eslintignore
+++ b/.eslintignore
@@ -2,7 +2,7 @@
 /coverage
 /node_modules
 /tests/fixtures
-/tests/integrations/*/node_modules
+/tests/integrations/eslint-plugin-import
 
 !.vuepress
 /docs/.vuepress/dist

From 273c68a62072b6fd1f30e7a6bb62b600ec434fb6 Mon Sep 17 00:00:00 2001
From: Loren <lklingman@apple.com>
Date: Wed, 8 Jan 2020 10:25:31 -0500
Subject: [PATCH 3/6] ignore children/grandchildren

---
 docs/rules/sort-keys.md      | 63 +++++++++++++++++++++++++++++-
 lib/rules/sort-keys.js       | 32 ++++++++++++---
 tests/lib/rules/sort-keys.js | 76 ++++++++++++++++++++++++++++++++++++
 3 files changed, 164 insertions(+), 7 deletions(-)

diff --git a/docs/rules/sort-keys.md b/docs/rules/sort-keys.md
index ee417f295..378255cc1 100644
--- a/docs/rules/sort-keys.md
+++ b/docs/rules/sort-keys.md
@@ -22,14 +22,75 @@ The 1st option is `"asc"` or `"desc"`.
 * `"asc"` (default) - enforce properties to be in ascending order.
 * `"desc"` - enforce properties to be in descending order.
 
-The 2nd option is an object which has 3 properties.
+The 2nd option is an object which has 5 properties.
 
 * `caseSensitive` - if `true`, enforce properties to be in case-sensitive order. Default is `true`.
+* `ignoreChildrenOf` - an array of properties to ignore the children of.  Default is `['model']`
+* `ignoreGrandchildrenOf` - an array of properties to ignore the grandchildren sort order. Default is `['computed', 'directives', 'inject', 'props', 'watch']`
 * `minKeys` - Specifies the minimum number of keys that an object should have in order for the object's unsorted keys to produce an error. Default is `2`, which means by default all objects with unsorted keys will result in lint errors.
 * `natural` - if `true`, enforce properties to be in natural order. Default is `false`. Natural Order compares strings containing combination of letters and numbers in the way a human being would sort. It basically sorts numerically, instead of sorting alphabetically. So the number 10 comes after the number 3 in Natural Sorting.
 
 While using this rule, you may disable the normal `sort-keys` rule.  This rule will apply to plain js files as well as Vue component scripts.
 
+## :book: Rule Details
+
+This rule forces many dictionary properties to be in alphabetical order while allowing `order-in-components`, property details,
+and other similar fields not to be in alphabetical order.
+
+<eslint-code-block fix :rules="{'vue/sort-keys': ['error']}">
+
+```vue
+<script>
+/* ✓ GOOD */
+export default {
+  name: 'app',
+  model: {
+    prop: 'checked',
+    event: 'change'
+  },
+  props: {
+    propA: {
+      type: String,
+      default: 'abc',
+    },
+    propB: {
+      type: String,
+      default: 'abc',
+    },
+  },
+}
+</script>
+```
+
+</eslint-code-block>
+
+<eslint-code-block fix :rules="{'vue/sort-keys': ['error']}">
+
+```vue
+<script>
+/* ✗ BAD */
+export default {
+  name: 'app',
+  model: {
+    prop: 'checked',
+    event: 'change'
+  },
+  props: {
+    propB: {
+      type: String,
+      default: 'abc',
+    },
+    propA: {
+      type: String,
+      default: 'abc',
+    },
+  },
+}
+</script>
+```
+
+</eslint-code-block>
+
 ## :books: Further reading
 
 - [sorts-keys]
diff --git a/lib/rules/sort-keys.js b/lib/rules/sort-keys.js
index 4aa172372..a495a9243 100644
--- a/lib/rules/sort-keys.js
+++ b/lib/rules/sort-keys.js
@@ -96,15 +96,21 @@ module.exports = {
             type: 'boolean',
             default: true
           },
-          natural: {
-            type: 'boolean',
-            default: false
+          ignoreChildrenOf: {
+            type: 'array'
+          },
+          ignoreGrandchildrenOf: {
+            type: 'array'
           },
           minKeys: {
             type: 'integer',
             minimum: 2,
             default: 2
           },
+          natural: {
+            type: 'boolean',
+            default: false
+          },
           runOutsideVue: {
             type: 'boolean',
             default: true
@@ -117,11 +123,14 @@ module.exports = {
 
   create (context) {
     // Parse options.
-    const order = context.options[0] || 'asc'
     const options = context.options[1]
+    const order = context.options[0] || 'asc'
+
+    const ignoreGrandchildrenOf = (options && options.ignoreGrandchildrenOf) || ['computed', 'directives', 'inject', 'props', 'watch']
+    const ignoreChildrenOf = (options && options.ignoreChildrenOf) || ['model']
     const insensitive = options && options.caseSensitive === false
-    const natual = options && options.natural
     const minKeys = options && options.minKeys
+    const natual = options && options.natural
     const isValidOrder = isValidOrders[
       order + (insensitive ? 'I' : '') + (natual ? 'N' : '')
     ]
@@ -133,7 +142,15 @@ module.exports = {
 
     const reportErrors = (isVue) => {
       if (isVue) {
-        errors = errors.filter((error) => error.hasUpper)
+        errors = errors.filter((error) => {
+          let filter = error.hasUpper
+          if (!error.grandparentName) {
+            filter = filter && !ignoreChildrenOf.includes(error.parentName)
+          } else if (!error.greatGrandparentName) {
+            filter = filter && !ignoreGrandchildrenOf.includes(error.grandparentName)
+          }
+          return filter
+        })
       }
       errors.forEach((error) => context.report(error))
       errors = []
@@ -184,6 +201,9 @@ module.exports = {
             hasUpper: !!stack.upper,
             loc: node.key.loc,
             message: "Expected object keys to be in {{natual}}{{insensitive}}{{order}}ending order. '{{thisName}}' should be before '{{prevName}}'.",
+            parentName: stack.upper && stack.upper.prevName,
+            grandparentName: stack.upper && stack.upper.upper && stack.upper.upper.prevName,
+            greatGrandparentName: stack.upper && stack.upper.upper && stack.upper.upper.upper && stack.upper.upper.upper.prevName,
             data: {
               thisName,
               prevName,
diff --git a/tests/lib/rules/sort-keys.js b/tests/lib/rules/sort-keys.js
index 153ebe952..1bdec2044 100644
--- a/tests/lib/rules/sort-keys.js
+++ b/tests/lib/rules/sort-keys.js
@@ -35,6 +35,29 @@ ruleTester.run('sort-keys', rule, {
       `,
       parserOptions
     },
+    {
+      filename: 'propsOrder.vue',
+      code: `
+        export default {
+          name: 'app',
+          model: {
+            prop: 'checked',
+            event: 'change'
+          },
+          props: {
+            propA: {
+              type: String,
+              default: 'abc',
+            },
+            propB: {
+              type: String,
+              default: 'abc',
+            },
+          },
+        }
+      `,
+      parserOptions
+    },
     {
       filename: 'test.vue',
       code: `
@@ -929,6 +952,39 @@ ruleTester.run('sort-keys', rule, {
         line: 12
       }]
     },
+    {
+      filename: 'example.vue',
+      code: `
+        export default {
+          methods: {
+            toggleMenu() {
+              return {
+                // These should have errors since they are not part of the vue component
+                model: {
+                  prop: 'checked',
+                  event: 'change'
+                },
+                props: {
+                  propA: {
+                    z: 1,
+                    a: 2
+                  },
+                },
+              };
+            }
+          },
+          name: 'burger',
+        };
+      `,
+      parserOptions,
+      errors: [{
+        message: 'Expected object keys to be in ascending order. \'event\' should be before \'prop\'.',
+        line: 9
+      }, {
+        message: 'Expected object keys to be in ascending order. \'a\' should be before \'z\'.',
+        line: 14
+      }]
+    },
     {
       filename: 'example.vue',
       code: `
@@ -1057,6 +1113,26 @@ ruleTester.run('sort-keys', rule, {
         message: 'Expected object keys to be in ascending order. \'msg\' should be before \'z\'.',
         line: 9
       }]
+    },
+    {
+      filename: 'propsOrder.vue',
+      code: `
+        export default {
+          name: 'app',
+          props: {
+            propA: {
+              type: String,
+              default: 'abc',
+            },
+          },
+        }
+      `,
+      options: ['asc', { ignoreGrandchildrenOf: [] }],
+      parserOptions,
+      errors: [{
+        message: 'Expected object keys to be in ascending order. \'default\' should be before \'type\'.',
+        line: 7
+      }]
     }
   ]
 })

From bd071ea56304aeda6f3281b6cf3d0b068b662d40 Mon Sep 17 00:00:00 2001
From: Loren <lklingman@apple.com>
Date: Thu, 9 Jan 2020 09:04:45 -0500
Subject: [PATCH 4/6] more finegrained parent analysis

---
 docs/rules/sort-keys.md      | 12 ++++++--
 lib/rules/sort-keys.js       | 54 ++++++++++++++++++++++++++----------
 tests/lib/rules/sort-keys.js | 52 ++++++++++++++++++++++++++++++++++
 3 files changed, 101 insertions(+), 17 deletions(-)

diff --git a/docs/rules/sort-keys.md b/docs/rules/sort-keys.md
index 378255cc1..93c0cbba4 100644
--- a/docs/rules/sort-keys.md
+++ b/docs/rules/sort-keys.md
@@ -13,7 +13,13 @@ This rule is almost the same rule as core [sorts-keys] rule but it will not erro
 
 ```json
 {
-    "sort-keys": ["error", "asc", {"caseSensitive": true, "natural": false, "minKeys": 2}]
+    "sort-keys": ["error", "asc", {
+        "caseSensitive": true,
+        "ignoreChildrenOf": ["model"],
+        "ignoreGrandchildrenOf": ["computed", "directives", "inject", "props", "watch"],
+        "minKeys": 2,
+        "natural": false
+  }]
 }
 ```
 
@@ -25,8 +31,8 @@ The 1st option is `"asc"` or `"desc"`.
 The 2nd option is an object which has 5 properties.
 
 * `caseSensitive` - if `true`, enforce properties to be in case-sensitive order. Default is `true`.
-* `ignoreChildrenOf` - an array of properties to ignore the children of.  Default is `['model']`
-* `ignoreGrandchildrenOf` - an array of properties to ignore the grandchildren sort order. Default is `['computed', 'directives', 'inject', 'props', 'watch']`
+* `ignoreChildrenOf` - an array of properties to ignore the children of.  Default is `["model"]`
+* `ignoreGrandchildrenOf` - an array of properties to ignore the grandchildren sort order. Default is `["computed", "directives", "inject", "props", "watch"]`
 * `minKeys` - Specifies the minimum number of keys that an object should have in order for the object's unsorted keys to produce an error. Default is `2`, which means by default all objects with unsorted keys will result in lint errors.
 * `natural` - if `true`, enforce properties to be in natural order. Default is `false`. Natural Order compares strings containing combination of letters and numbers in the way a human being would sort. It basically sorts numerically, instead of sorting alphabetically. So the number 10 comes after the number 3 in Natural Sorting.
 
diff --git a/lib/rules/sort-keys.js b/lib/rules/sort-keys.js
index a495a9243..8f900ef0e 100644
--- a/lib/rules/sort-keys.js
+++ b/lib/rules/sort-keys.js
@@ -139,20 +139,33 @@ module.exports = {
     let stack = null
 
     let errors = []
+    const names = {}
 
     const reportErrors = (isVue) => {
       if (isVue) {
         errors = errors.filter((error) => {
-          let filter = error.hasUpper
-          if (!error.grandparentName) {
-            filter = filter && !ignoreChildrenOf.includes(error.parentName)
-          } else if (!error.greatGrandparentName) {
-            filter = filter && !ignoreGrandchildrenOf.includes(error.grandparentName)
+          let parentIsRoot = !error.hasUpper
+          let grandParentIsRoot = !error.grandparent
+          let greatGrandparentIsRoot = !error.greatGrandparent
+
+          const stackPrevChar = stack && stack.prevChar
+          if (stackPrevChar) {
+            parentIsRoot = stackPrevChar === error.parent
+            grandParentIsRoot = stackPrevChar === error.grandparent
+            greatGrandparentIsRoot = stackPrevChar === error.greatGrandparent
+          }
+
+          if (parentIsRoot) {
+            return false
+          } else if (grandParentIsRoot) {
+            return !error.parentIsProperty || !ignoreChildrenOf.includes(names[error.parent])
+          } else if (greatGrandparentIsRoot) {
+            return !error.parentIsProperty || !ignoreGrandchildrenOf.includes(names[error.grandparent])
           }
-          return filter
+          return true
         })
       }
-      errors.forEach((error) => context.report(error))
+      errors.forEach((error) => error.errors.forEach((e) => context.report(e)))
       errors = []
     }
 
@@ -163,16 +176,28 @@ module.exports = {
         }
         stack = {
           upper: stack,
+          prevChar: null,
           prevName: null,
-          numKeys: node.properties.length
+          numKeys: node.properties.length,
+          parentIsProperty: node.parent.type === 'Property',
+          errors: []
         }
       },
-      'ObjectExpression:exit' () {
+      'ObjectExpression:exit' (node) {
+        errors.push({
+          errors: stack.errors,
+          hasUpper: !!stack.upper,
+          parentIsProperty: node.parent.type === 'Property',
+          parent: stack.upper && stack.upper.prevChar,
+          grandparent: stack.upper && stack.upper.upper && stack.upper.upper.prevChar,
+          greatGrandparent: stack.upper && stack.upper.upper && stack.upper.upper.upper && stack.upper.upper.upper.prevChar
+        })
         stack = stack.upper
       },
       SpreadElement (node) {
         if (node.parent.type === 'ObjectExpression') {
           stack.prevName = null
+          stack.prevChar = null
         }
       },
       'Program:exit' () {
@@ -189,6 +214,11 @@ module.exports = {
 
         if (thisName !== null) {
           stack.prevName = thisName
+          stack.prevChar = node.range[0]
+          if (Object.prototype.hasOwnProperty.call(names, node.range[0])) {
+            throw new Error('Name clash')
+          }
+          names[node.range[0]] = thisName
         }
 
         if (prevName === null || thisName === null || numKeys < minKeys) {
@@ -196,14 +226,10 @@ module.exports = {
         }
 
         if (!isValidOrder(prevName, thisName)) {
-          errors.push({
+          stack.errors.push({
             node,
-            hasUpper: !!stack.upper,
             loc: node.key.loc,
             message: "Expected object keys to be in {{natual}}{{insensitive}}{{order}}ending order. '{{thisName}}' should be before '{{prevName}}'.",
-            parentName: stack.upper && stack.upper.prevName,
-            grandparentName: stack.upper && stack.upper.upper && stack.upper.upper.prevName,
-            greatGrandparentName: stack.upper && stack.upper.upper && stack.upper.upper.upper && stack.upper.upper.upper.prevName,
             data: {
               thisName,
               prevName,
diff --git a/tests/lib/rules/sort-keys.js b/tests/lib/rules/sort-keys.js
index 1bdec2044..33519b91d 100644
--- a/tests/lib/rules/sort-keys.js
+++ b/tests/lib/rules/sort-keys.js
@@ -17,6 +17,20 @@ const parserOptions = {
 ruleTester.run('sort-keys', rule, {
 
   valid: [
+    {
+      filename: 'test.vue',
+      code: `
+        const obj = {
+          foo() {
+            Vue.component('my-component', {
+              name: 'app',
+              data() {}
+            })
+          }
+        }
+      `,
+      parserOptions
+    },
     {
       filename: 'test.vue',
       code: `
@@ -1133,6 +1147,44 @@ ruleTester.run('sort-keys', rule, {
         message: 'Expected object keys to be in ascending order. \'default\' should be before \'type\'.',
         line: 7
       }]
+    },
+    {
+      filename: 'propsOrder.vue',
+      code: `
+        const obj = {
+          z: 1,
+          foo() {
+            Vue.component('my-component', {
+              name: 'app',
+            })
+          }
+        }
+      `,
+      parserOptions,
+      errors: [{
+        message: 'Expected object keys to be in ascending order. \'foo\' should be before \'z\'.',
+        line: 4
+      }]
+    },
+    {
+      filename: 'propsOrder.vue',
+      code: `
+        export default {
+          computed: {
+            foo () {
+              return {
+                b,
+                a
+              }
+            }
+          }
+        }
+      `,
+      parserOptions,
+      errors: [{
+        message: 'Expected object keys to be in ascending order. \'a\' should be before \'b\'.',
+        line: 7
+      }]
     }
   ]
 })

From 50404e98690a9d63767755653d899ae4edf0e53a Mon Sep 17 00:00:00 2001
From: Loren <lklingman@apple.com>
Date: Thu, 9 Jan 2020 09:06:34 -0500
Subject: [PATCH 5/6] expand the test

---
 tests/lib/rules/sort-keys.js | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/tests/lib/rules/sort-keys.js b/tests/lib/rules/sort-keys.js
index 33519b91d..c8094b5b3 100644
--- a/tests/lib/rules/sort-keys.js
+++ b/tests/lib/rules/sort-keys.js
@@ -1156,14 +1156,19 @@ ruleTester.run('sort-keys', rule, {
           foo() {
             Vue.component('my-component', {
               name: 'app',
+              data: {}
             })
-          }
+          },
+          a: 2
         }
       `,
       parserOptions,
       errors: [{
         message: 'Expected object keys to be in ascending order. \'foo\' should be before \'z\'.',
         line: 4
+      }, {
+        message: 'Expected object keys to be in ascending order. \'a\' should be before \'foo\'.',
+        line: 10
       }]
     },
     {

From 3630bf46105d0977e55475d16d56ed190082c4c0 Mon Sep 17 00:00:00 2001
From: Loren <loren138@users.noreply.github.com>
Date: Tue, 28 Jan 2020 07:44:53 -0500
Subject: [PATCH 6/6] Update docs/rules/sort-keys.md

Co-Authored-By: Yosuke Ota <otameshiyo23@gmail.com>
---
 docs/rules/sort-keys.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/rules/sort-keys.md b/docs/rules/sort-keys.md
index 93c0cbba4..38939fd55 100644
--- a/docs/rules/sort-keys.md
+++ b/docs/rules/sort-keys.md
@@ -101,7 +101,7 @@ export default {
 
 - [sorts-keys]
 
-[sorts-keys]: https://eslint.org/docs/rules/sorts-keys
+[sort-keys]: https://eslint.org/docs/rules/sort-keys
 
 ## :mag: Implementation