@shayanthenerd/eslint-config 0.12.1 → 0.13.1

package/README.md

@@ -2,7 +2,7 @@
 
 A modern, flexible ESLint configuration for enforcing best practices and maintaining a consistent coding style.
 
-- **Performant**: Powered by [OXLint](https://oxc.rs/docs/guide/usage/linter) for rapid linting
+- **Performant**: Powered by [OXLint (OXC Linter)](https://oxc.rs/docs/guide/usage/linter) for rapid linting
 - **Flat Config**: Type-safe [ESLint Flat Config](https://eslint.org/docs/latest/use/configure/configuration-files) with `extends` and `overrides` support
 - **Comprehensive**: Dependency detection with support for TypeScript, Vue & Nuxt, Tailwind, Storybook, Vitest & Playwright, and more
 - **Automatic Formatting**: Fine-grained control over formatting with [ESLint Stylistic](https://eslint.style), eliminating the need for Prettier
@@ -138,17 +138,29 @@ This config uses [ESLint Stylistic](https://eslint.style) to format JavaScript a
 npm i -D prettier
 ```
 
-2. Create a Prettier config file (_prettier.config.js_) in the root of your project:
+2. Create a Prettier config file in the root of your project (_prettier.config.js_):
 ```js
 import prettierConfig from '@shayanthenerd/eslint-config/prettier';
 
 /** @type {import('prettier').Config} */
 export default {
   ...prettierConfig,
-  semi: false, // Override the `semi` option from the shared config
+  semi: false, // Override `semi` from the shared config
 };
 ```
 
+Or if you prefer using TypeScrpit (_prettier.config.ts_):
+```ts
+import type { Config } from 'prettier';
+
+import prettierConfig from '@shayanthenerd/eslint-config/prettier';
+
+export default {
+  ...prettierConfig,
+  semi: true, // Override `semi` from the shared config
+} satisfies Config;
+```
+
 3. To prevent conflicts with ESLint, Prettier should be configured to only format files other than JavaScript, TypeScript, HTML, and Vue. Hence, add the following script to your _package.json_ file:
 ```json
 {
@@ -259,7 +271,7 @@ Since OXLint and ESLint use separate config files, customizations made in your E
 
 `defineConfig` takes the `options` object as the first argument. `options` is thoroughly documented with JSDoc, and provides many options for rule customizations. In addition, each config object in `options.configs` accepts an `overrides` option:
 ```ts
-interface overrides {
+interface Overrides {
   name: '',
   files: [],
   ignores: [],

package/dist/configs/perfectionist.mjs

@@ -13,7 +13,14 @@ function getPerfectionistConfig(options) {
 		name: "shayanthenerd/perfectionist",
 		files: isEnabled(vue) ? [globs.src, globs.vue] : [globs.src],
 		plugins: { perfectionist: eslintPluginPerfectionist },
-		settings: { perfectionist: { type: sortType } },
+		settings: { perfectionist: {
+			type: sortType,
+			specialCharacters: "trim",
+			fallbackSort: {
+				order: "asc",
+				type: "natural"
+			}
+		} },
 		rules: getPerfectionistRules(options)
 	}, overrides);
 }

package/dist/rules/html.mjs

@@ -17,6 +17,7 @@ function getHTMLRules(options) {
 		"@html-eslint/no-obsolete-tags": "error",
 		"@html-eslint/no-script-style-type": "warn",
 		"@html-eslint/no-target-blank": "warn",
+		"@html-eslint/no-whitespace-only-children": "error",
 		"@html-eslint/prefer-https": "warn",
 		"@html-eslint/require-button-type": "error",
 		"@html-eslint/require-closing-tags": ["warn", {

package/dist/rules/perfectionist.mjs

@@ -12,8 +12,8 @@ function getPerfectionistRules(options) {
 		"perfectionist/sort-union-types": "warn",
 		"perfectionist/sort-array-includes": "warn",
 		"perfectionist/sort-intersection-types": "warn",
-		"perfectionist/sort-named-imports": ["warn", { groupKind: "types-first" }],
-		"perfectionist/sort-named-exports": ["warn", { groupKind: "types-first" }],
+		"perfectionist/sort-named-imports": "warn",
+		"perfectionist/sort-named-exports": "warn",
 		"perfectionist/sort-imports": ["warn", {
 			environment: env,
 			tsconfig: tsConfig || void 0,

package/dist/rules/stylistic.mjs

@@ -20,6 +20,7 @@ function getStylisticRules(options) {
 		"@stylistic/comma-spacing": "warn",
 		"@stylistic/comma-style": "warn",
 		"@stylistic/computed-property-spacing": "warn",
+		"@stylistic/dot-location": ["warn", "property"],
 		"@stylistic/eol-last": "warn",
 		"@stylistic/exp-list-style": "warn",
 		"@stylistic/function-call-argument-newline": ["warn", "consistent"],

package/dist/rules/typescript.mjs

@@ -87,6 +87,7 @@ function getTypeScriptRules(options) {
 		"@typescript-eslint/no-unused-expressions": "error",
 		"@typescript-eslint/no-unused-vars": "error",
 		"@typescript-eslint/no-useless-constructor": "error",
+		"@typescript-eslint/no-useless-default-assignment": "warn",
 		"@typescript-eslint/no-wrapper-object-types": "error",
 		"@typescript-eslint/only-throw-error": "error",
 		"@typescript-eslint/prefer-as-const": "warn",

package/dist/types/configOptions/perfectionist.d.mts

@@ -2,6 +2,7 @@ import { RuleOptions } from "../eslintRules.mjs";
 import { ConfigWithOverrides } from "../index.mjs";
 
 //#region src/types/configOptions/perfectionist.d.ts
+type SortTypeOptions = RuleOptions<'perfectionist/sort-imports'>['type'];
 interface PerfectionistOptions extends ConfigWithOverrides {
   /**
    * The type of sorting.
@@ -10,7 +11,7 @@ interface PerfectionistOptions extends ConfigWithOverrides {
    *
    * @see [Perfectionist Settings: `type` option](https://perfectionist.dev/guide/getting-started#settings)
    */
-  sortType?: RuleOptions<'perfectionist/sort-imports'>['type'];
+  sortType?: Exclude<SortTypeOptions, 'type-import-first'>;
 }
 //#endregion
 export { type PerfectionistOptions };

package/dist/types/configOptions/vue.d.mts

@@ -7,7 +7,7 @@ interface BlockLang {
   style?: 'css' | 'scss' | 'postcss' | 'implicit';
   script?: 'js' | 'ts' | 'jsx' | 'tsx' | 'implicit';
 }
-type Macro = 'definePage' | 'defineModel' | 'defineProps' | 'defineEmits' | 'defineSlots' | 'defineCustom' | 'defineExpose' | 'defineOptions';
+type Macro = 'definePage' | 'defineEmits' | 'defineModel' | 'defineProps' | 'defineSlots' | 'defineCustom' | 'defineExpose' | 'defineOptions';
 type SFCBlock = 'docs' | 'template' | 'script[setup]' | 'style[scoped]' | 'i18n[locale=en]' | 'script:not([setup])' | 'style:not([scoped])' | 'i18n:not([locale=en])';
 type VBindStyleSameNameShorthandOptions = RuleOptions<'vue/v-bind-style', 1>['sameNameShorthand'];
 interface VueOptions extends ConfigWithOverrides {