Fix local path sorting (#11)

Author: stormwarning

.changeset/cuddly-lobsters-flow.md

@@ -0,0 +1,6 @@
+---
+'eslint-plugin-import-sorting': patch
+---
+
+Fix local import sort order when dot segment count is the same
+Sorting will now take the entire path into account, instead of just the basename of the path.

.changeset/six-suits-refuse.md

@@ -0,0 +1,6 @@
+---
+'eslint-plugin-import-sorting': minor
+---
+
+Sort numerals in path strings naturally
+Now ensures that `10` will sort after `2`, for example.

src/utils/alphabetize-ranks.ts

@@ -1,5 +1,3 @@
-import path from 'node:path'
-
 import groupBy from 'object.groupby'
 
 import type { ImportNodeObject } from '../rules/order.js'
@@ -15,7 +13,7 @@ const DEFAULT_IMPORT_KIND = 'value'
  * @todo Maybe add option to choose between 'natural' and 'literal' sorting.
  */
 function compareString(first: string, second: string) {
-	return first.localeCompare(second, 'en')
+	return first.localeCompare(second, 'en', { numeric: true })
 }
 
 function compareDotSegments(first: string, second: string) {
@@ -27,8 +25,8 @@ function compareDotSegments(first: string, second: string) {
 	if (secondCount < firstCount) return -1
 	if (firstCount < secondCount) return 1
 
-	// If segment length is the same, compare the basename alphabetically.
-	return compareString(path.basename(first), path.basename(second))
+	// If segment length is the same, compare the path alphabetically.
+	return compareString(first, second)
 }
 
 function getSorter(order: OrderDirection) {

tests/rules/order.ts

@@ -34,8 +34,10 @@ ruleTester.run('order', orderRule, {
 
 				import moduleB from '../../../module-b.js'
 				import moduleD from '../../module-d.js'
-				import moduleA from '../module-a.js'
-				import moduleC from '../module-c.js'
+				import twoThings from '../get-things/get2Things.js'
+				import tenThings from '../get-things/get10Things.js'
+				import moduleA from '../HoverCard/module-c.js'
+				import moduleC from '../Select/module-a.js'
 				import Module from './index.js'
 
 				import styles from './component.module.css'