refactor: Update ESLint configuration and linting script

eslint.config.mjs

@@ -0,0 +1,45 @@
+import typescriptEslintRecommended from '@typescript-eslint/eslint-plugin';
+import tsParser from '@typescript-eslint/parser';
+import perfectionist from 'eslint-plugin-perfectionist';
+
+export default [
+  {
+    languageOptions: {
+      parser: tsParser,
+      parserOptions: {
+        ecmaVersion: 2020,
+        sourceType: 'module',
+      },
+    },
+    plugins: {
+      '@typescript-eslint': typescriptEslintRecommended,
+      perfectionist,
+    },
+    rules: {
+      // Perfectionist sort-imports rule
+      'perfectionist/sort-imports': [
+        'error',
+        {
+          type: 'alphabetical',
+          order: 'asc',
+          ignoreCase: true,
+          internalPattern: ['~/**'],
+          newlinesBetween: 'always',
+          maxLineLength: undefined,
+          groups: [
+            'type',
+            ['builtin', 'external'],
+            'internal-type',
+            'internal',
+            ['parent-type', 'sibling-type', 'index-type'],
+            ['parent', 'sibling', 'index'],
+            'object',
+            'unknown',
+          ],
+          customGroups: { type: {}, value: {} },
+          environment: 'node',
+        },
+      ],
+    },
+  },
+];

package.json

@@ -74,10 +74,10 @@
   "scripts": {
     "dev": "rollup -c --watch",
     "build": "npm run import-lang && npm run lint && npm run rollup",
-    "lint": "eslint src/*.ts --fix",
+    "lint": "eslint src/**/*.ts --fix --quiet",
     "rollup": "rollup -c",
     "update-lang": "node scripts/update-languages",
     "import-lang": "node scripts/generate-lang-imports.js",
     "start:hass": "docker run --rm -p8123:8123 -v ${HOME}/Documents/GitHub/custom-cards-project/.hass_dev:/config homeassistant/home-assistant:beta"
   }
-}
+}

src/vehicle-info-card.ts

@@ -1,8 +1,8 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
+import { mdiChevronLeft, mdiChevronRight, mdiClose } from '@mdi/js';
 import {
   fireEvent,
   formatDateTime,
-  formatNumber,
   forwardHaptic,
   hasConfigOrEntityChanged,
   LovelaceCardConfig,
@@ -13,13 +13,10 @@ import {
 import { LitElement, html, TemplateResult, PropertyValues, CSSResultGroup, nothing } from 'lit';
 import { styleMap } from 'lit-html/directives/style-map.js';
 import { customElement, property, state, query } from 'lit/decorators.js';
-import { classMap } from 'lit/directives/class-map.js';
 
 import './components/cards';
 import { VehicleButtons } from './components/cards';
-
 import { CardItem, cardTypes } from './const/data-keys';
-
 import * as IMG from './const/imgconst';
 import * as StateMapping from './const/state-mapping';
 import { localize } from './localize/localize';
@@ -40,7 +37,6 @@ import { handleCardFirstUpdated, getCarEntity, handleCardSwipe, convertMinutes,
 import { getAddedButton, getDefaultButton, createCardElement, createCustomButtons } from './utils/ha-helpers';
 
 import styles from './css/styles.css';
-import { mdiChevronLeft, mdiChevronRight, mdiClose } from '@mdi/js';
 
 @customElement('vehicle-info-card')
 export class VehicleCard extends LitElement implements LovelaceCard {
@@ -636,7 +632,7 @@ export class VehicleCard extends LitElement implements LovelaceCard {
   private _renderButtons(): TemplateResult {
     if (!this.config.show_buttons) return html``;
     if (!this._buttonReady) return html``;
-    const notHidden = Object.entries(this.buttonCards).filter(([_, value]) => !value.button.hidden);
+    const notHidden = Object.entries(this.buttonCards).filter(([, value]) => !value.button.hidden);
     const buttonCards = Object.fromEntries(notHidden);
     const config = this.config;
     return html`
@@ -1519,7 +1515,6 @@ export class VehicleCard extends LitElement implements LovelaceCard {
   };
 
   public getErrorNotify(cardType: string): boolean {
-    const lang = this.userLang;
     const { vehicleEntities } = this;
     switch (cardType) {
       case 'vehicleCards':