Fix lint errors

keitaroinc · Dec 20, 2024 · 4f13a63 · 4f13a63
1 parent ae0d7c4
commit 4f13a63
Show file tree

Hide file tree

Showing 4 changed files with 50 additions and 40 deletions.
diff --git a/.eslintrc.cjs b/.eslintrc.cjs
@@ -2,21 +2,21 @@ module.exports = {
   root: true,
   env: { browser: true, es2020: true },
   extends: [
-    'eslint:recommended',
-    'plugin:react/recommended',
-    'plugin:react/jsx-runtime',
-    'plugin:react-hooks/recommended',
+    "eslint:recommended",
+    "plugin:react/recommended",
+    "plugin:react/jsx-runtime",
+    "plugin:react-hooks/recommended",
   ],
-  ignorePatterns: ['dist', '.eslintrc.cjs'],
-  parserOptions: { ecmaVersion: 'latest', sourceType: 'module' },
-  settings: { react: { version: '18.2' } },
-  plugins: ['eslint-plugin-react-compiler','react-refresh'],
+  ignorePatterns: ["dist", ".eslintrc.cjs"],
+  parserOptions: { ecmaVersion: "latest", sourceType: "module" },
+  settings: { react: { version: "18.2" } },
+  plugins: ["eslint-plugin-react-compiler", "react-refresh"],
   rules: {
-    'react-compiler/react-compiler': "error",
-    'react/jsx-no-target-blank': 'off',
-    'react-refresh/only-export-components': [
-      'warn',
+    "react-compiler/react-compiler": "error",
+    "react/jsx-no-target-blank": "off",
+    "react-refresh/only-export-components": [
+      "warn",
       { allowConstantExport: true },
     ],
   },
-}
+};
diff --git a/index.html b/index.html
@@ -1,28 +1,38 @@
 <!doctype html>
 <html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="theme-color" content="#000000" />
+    <meta
+      name="description"
+      content="Create image assets quickly with the Blog Image Generator by Keitaro"
+    />
+    <meta name="twitter:card" content="summary_large_image" />
+    <meta name="twitter:creator" content="@KeitaroInc" />
+    <meta name="og:title" content="Blog Image Generator by Keitaro" />
+    <meta
+      name="og:description"
+      content="Create image assets quickly with the Blog Image Generator by Keitaro"
+    />
+    <meta
+      property="og:image"
+      content="/keitaro-blog-image-generator-post-cover.png"
+    />
+    <link rel="apple-touch-icon" href="/logo192.png" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link
+      crossorigin="anonymous"
+      href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap"
+      rel="stylesheet"
+    />
+    <title>Blog Image Generator by Keitaro</title>
+  </head>
 
-<head>
-  <meta charset="UTF-8" />
-  <link rel="icon" type="image/svg+xml" href="/vite.svg" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <meta name="viewport" content="width=device-width, initial-scale=1" />
-  <meta name="theme-color" content="#000000" />
-  <meta name="description" content="Create image assets quickly with the Blog Image Generator by Keitaro" />
-  <meta name="twitter:card" content="summary_large_image" />
-  <meta name="twitter:creator" content="@KeitaroInc" />
-  <meta name="og:title" content="Blog Image Generator by Keitaro" />
-  <meta name="og:description" content="Create image assets quickly with the Blog Image Generator by Keitaro" />
-  <meta property="og:image" content="/keitaro-blog-image-generator-post-cover.png" />
-  <link rel="apple-touch-icon" href="/logo192.png" />
-  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
-  <link crossorigin="anonymous"
-    href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap" rel="stylesheet" />
-  <title>Blog Image Generator by Keitaro</title>
-</head>
-
-<body>
-  <div id="root"></div>
-  <script type="module" src="/src/main.jsx"></script>
-</body>
-
-</html>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.jsx"></script>
+  </body>
+</html>
diff --git a/package.json b/package.json
@@ -7,7 +7,7 @@
   "scripts": {
     "dev": "vite",
     "build": "vite build",
-    "lint": "eslint . --ext js,jsx --report-unused-disable-directives --max-warnings 0",
+    "lint": "npx prettier -cw . '!**/*.{png,txt,ico}'",
     "preview": "vite preview",
     "test": "jest"
   },

diff --git a/vite.config.js b/vite.config.js
@@ -8,7 +8,7 @@ const ReactCompilerConfig = {
 
 export default defineConfig({
   build: {
-    outDir: 'build',
+    outDir: "build",
     emptyOutDir: true, // also necessary
   },
   plugins: [