update rules

.eslintrc.cjs

@@ -17,10 +17,15 @@ module.exports = {
   parserOptions: {
     ecmaVersion: 'latest',
     sourceType: 'module',
-    project: ['./tsconfig.json', './tsconfig.node.json'],
+    project: ['./tsconfig.json', './tsconfig.node.json', "./tsconfig.app.json"],
   },
   plugins: ['react', '@typescript-eslint', 'prettier'],
   rules: {
     'react/react-in-jsx-scope': 0,
+    'import/no-extraneous-dependencies': 'off',
+    'import/prefer-default-export': 'warn',
+    "import/prefer-default-export": "off",
+    "import/order": 'warn',
+    "import/extensions": 'warn'
   },
 };

package.json

@@ -47,6 +47,7 @@
     "eslint": "^8.57.0",
     "eslint-config-airbnb": "^19.0.4",
     "eslint-config-airbnb-typescript": "^18.0.0",
+    "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-import": "^2.29.1",
     "eslint-plugin-jsx-a11y": "^6.9.0",
     "eslint-plugin-prettier": "^5.1.3",

src/App.spec.tsx

@@ -1,9 +1,9 @@
-import React from "react";
-import { render, screen } from "@testing-library/react";
-import App from "./App";
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import App from './App';
 
-test("renders test text", () => {
-    render(<App />);
-    const linkElement = screen.getByText(/test/i);
-    expect(linkElement).toBeInTheDocument();
+test('renders test text', () => {
+  render(<App />);
+  const linkElement = screen.getByText(/test/i);
+  expect(linkElement).toBeInTheDocument();
 });

src/App.tsx

@@ -1,5 +1,5 @@
-import React from "react";
-import "./App.css";
+import React from 'react';
+import './App.css';
 
 function App() {
   return <>test</>;

src/api/index.ts

@@ -1,8 +1,8 @@
-import axios from "axios";
+import axios from 'axios';
 
 export const client = axios.create({
-  baseURL: "",
+  baseURL: '',
   headers: {
-    "Content-Type": "application/json",
+    'Content-Type': 'application/json',
   },
 });

src/main.tsx

@@ -1,9 +1,9 @@
-import React from "react";
-import ReactDOM from "react-dom/client";
-import App from "./App.tsx";
-import "./index.css";
-import { BrowserRouter } from "react-router-dom";
-import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+import App from './App.tsx';
+import './index.css';
+import { BrowserRouter } from 'react-router-dom';
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 
 import '@fontsource/roboto/300.css';
 import '@fontsource/roboto/400.css';
@@ -20,12 +20,12 @@ const queryClient = new QueryClient({
   },
 });
 
-ReactDOM.createRoot(document.getElementById("root")!).render(
+ReactDOM.createRoot(document.getElementById('root')!).render(
   <React.StrictMode>
     <QueryClientProvider client={queryClient}>
       <BrowserRouter>
         <App />
       </BrowserRouter>
     </QueryClientProvider>
-  </React.StrictMode>,
+  </React.StrictMode>
 );

src/setupTests.ts

@@ -1,4 +1,4 @@
-import * as matchers from "@testing-library/jest-dom/matchers";
-import { expect } from "vitest";
+import * as matchers from '@testing-library/jest-dom/matchers';
+import { expect } from 'vitest';
 
 expect.extend(matchers);

src/store/authStore.ts

@@ -1,4 +1,4 @@
-import { create } from "zustand";
+import { create } from 'zustand';
 
 export const useAuthStore = create(() => ({
   user: null,

tsconfig.app.json

@@ -16,13 +16,13 @@
     "isolatedModules": true,
     "moduleDetection": "force",
     "noEmit": true,
-    "jsx": "react",
+    "jsx": "react-jsx",
 
     /* Linting */
     "strict": true,
     "noUnusedLocals": true,
     "noUnusedParameters": true,
     "noFallthroughCasesInSwitch": true
   },
-  "include": ["src", ".eslintrc.cjs"]
+  "include": [".prettierrc.cjs", ".eslintrc.cjs", "src"]
 }