mate-academy · mixelio · Sep 22, 2024 · Sep 22, 2024 · Sep 22, 2024 · Sep 22, 2024
diff --git a/.eslintrc.cjs b/.eslintrc.cjs
@@ -5,7 +5,7 @@ module.exports = {
   },
   extends: [
     'plugin:react/recommended',
-    "plugin:react-hooks/recommended",
+    'plugin:react-hooks/recommended',
     'airbnb-typescript',
     'plugin:@typescript-eslint/eslint-recommended',
     'plugin:@typescript-eslint/recommended',
@@ -34,12 +34,14 @@ module.exports = {
     'import',
     'react-hooks',
     '@typescript-eslint',
-    'prettier'
+    'prettier',
+    '@typescript-eslint/eslint-plugin',
+    'eslint-plugin-prettier',
+    'stylelint-scss'
   ],
   rules: {
+    'stylelint/comment-no-empty': [0],
     // JS
-    'semi': 'off',
-    '@typescript-eslint/semi': ['error', 'always'],
     'prefer-const': 2,
     curly: [2, 'all'],
     'max-len': ['error', {
@@ -90,7 +92,9 @@ module.exports = {
     '@typescript-eslint/explicit-function-return-type': 'off',
     '@typescript-eslint/explicit-module-boundary-types': 'off',
     '@typescript-eslint/no-unused-vars': ['error'],
+    'prettier/prettier': 'error',
     '@typescript-eslint/indent': ['error', 2],
+    '@typescript-eslint/semi': ['error', 'always'],
     '@typescript-eslint/ban-types': ['error', {
         extendDefaults: true,
         types: {

diff --git a/.eslintrc.js b/.eslintrc.js
@@ -0,0 +1,4 @@
+// module.exports = {
+//   ignorePatterns: ['node_modules/', 'dist/'], // Ігнорувати ці папки
+//   root: true, // Ввімкнути линтинг з кореневого каталогу
+// };
diff --git a/README.md b/README.md
@@ -20,7 +20,7 @@ Follow the [Instruction](https://github.com/mate-academy/react_phone-catalog/blo
 
 ## Data
 
-Use the data from `/public/api` and images from `/public/img` folders. You can reorganize them the way you like.
+Use the data from `/public/api` and images from `/public../img` folders. You can reorganize them the way you like.
 
 ## App
 

diff --git a/eslint.config.mjs b/eslint.config.mjs
@@ -0,0 +1,11 @@
+import globals from "globals";
+import tseslint from "typescript-eslint";
+import pluginReact from "eslint-plugin-react";
+
+
+export default [
+  {files: ["**/*.{js,mjs,cjs,ts,jsx,tsx}"]},
+  {languageOptions: { globals: globals.browser }},
+  ...tseslint.configs.recommended,
+  pluginReact.configs.flat.recommended,
+];
diff --git a/favicon.svg b/favicon.svg
diff --git a/index.html b/index.html
@@ -1,11 +1,12 @@
 <!doctype html>
-<html lang="en">
+<html lang="en" class="page">
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite + React + TS</title>
+    <link rel="icon" type="image/svg+xml" href="favicon.svg">
+    <title>Phone Catalog</title>
   </head>
-  <body>
+  <body class="page__body">
     <div id="root"></div>
     <script type="module" src="/src/index.tsx"></script>
   </body>