[add] html eslint

Soecka · Soecka · commit 7fabea6577c1 · 2025-03-14T13:48:40.000+08:00
diff --git a/eslint.config.ts b/eslint.config.ts
@@ -1,5 +1,6 @@
 import cspellPlugin from '@cspell/eslint-plugin';
 import eslint from '@eslint/js';
+import html from '@html-eslint/eslint-plugin';
 import stylistic from '@stylistic/eslint-plugin';
 import eslintConfigPrettier from 'eslint-config-prettier';
 import react from 'eslint-plugin-react';
@@ -124,5 +125,10 @@ export default tsEslint.config(
             ]
         }
     },
+    {
+        ...html.configs['flat/recommended'],
+        files: ['**/*.html'],
+        rules: { '@html-eslint/sort-attrs': 'error' }
+    },
     eslintConfigPrettier
 );
diff --git a/package.json b/package.json
@@ -26,17 +26,19 @@
     "devDependencies": {
         "@cspell/eslint-plugin": "^8.17.5",
         "@eslint/js": "^9.22.0",
+        "@html-eslint/eslint-plugin": "^0.35.2",
+        "@html-eslint/parser": "^0.35.2",
         "@parcel/config-default": "~2.13.3",
         "@parcel/packager-raw-url": "~2.13.3",
         "@parcel/transformer-typescript-tsc": "~2.13.3",
         "@parcel/transformer-webmanifest": "~2.13.3",
+        "@stylistic/eslint-plugin": "^4.2.0",
+        "@types/eslint-config-prettier": "^6.11.3",
         "@types/node": "^22.13.10",
         "eslint": "^9.22.0",
         "eslint-config-prettier": "^10.1.1",
-        "@types/eslint-config-prettier": "^6.11.3",
         "eslint-plugin-react": "^7.37.4",
         "eslint-plugin-simple-import-sort": "^12.1.1",
-        "@stylistic/eslint-plugin": "^4.2.0",
         "globals": "^16.0.0",
         "husky": "^9.1.7",
         "jiti": "^2.4.2",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/index.html b/src/index.html
@@ -3,22 +3,22 @@
     <head>
         <meta charset="UTF-8" />
         <meta
-            name="viewport"
             content="width=device-width, initial-scale=1, shrink-to-fit=no"
+            name="viewport"
         />
-        <link rel="icon" href="image/WebCell-0.png" />
+        <link href="image/WebCell-0.png" rel="icon" />
         <title>WebCell-mobile</title>
-        <meta name="description" content="Mobile App scaffold of WebCell v3" />
+        <meta content="Mobile App scaffold of WebCell v3" name="description" />
 
-        <link rel="manifest" href="index.webmanifest" />
+        <link href="index.webmanifest" rel="manifest" />
         <script src="https://polyfill.web-cell.dev/feature/PWAManifest.js"></script>
 
         <script src="https://polyfill.web-cell.dev/feature/ECMAScript.js"></script>
         <script src="https://polyfill.web-cell.dev/feature/WebComponents.js"></script>
         <script src="https://polyfill.web-cell.dev/feature/ElementInternals.js"></script>
 
-        <link rel="stylesheet" href="https://unpkg.com/mdui@2/mdui.css" />
-        <link href="./index.css" type="text/css" rel="stylesheet" />
+        <link href="https://unpkg.com/mdui@2/mdui.css" rel="stylesheet" />
+        <link type="text/css" href="./index.css" rel="stylesheet" />
 
         <link
             href="https://fonts.googleapis.com/icon?family=Material+Icons"
@@ -33,7 +33,7 @@
             rel="stylesheet"
         />
 
-        <script src="index.tsx" type="module"></script>
+        <script type="module" src="index.tsx"></script>
     </head>
 
     <body></body>
