switch to react

Author: adrum

ClientApp/.prettierignore

@@ -8,7 +8,10 @@
         "prettier-plugin-organize-imports",
         "prettier-plugin-tailwindcss"
     ],
-    "tailwindFunctions": ["clsx", "cn", "cva"],
+    "tailwindFunctions": [
+        "clsx",
+        "cn"
+    ],
     "tailwindStylesheet": "src/App.css",
     "tabWidth": 4,
     "overrides": [

ClientApp/.prettierrc

@@ -1,30 +1,44 @@
+import js from '@eslint/js';
 import prettier from 'eslint-config-prettier/flat';
-import vue from 'eslint-plugin-vue';
+import react from 'eslint-plugin-react';
+import reactHooks from 'eslint-plugin-react-hooks';
+import globals from 'globals';
+import typescript from 'typescript-eslint';
 
-import {
-    defineConfigWithVueTs,
-    vueTsConfigs,
-} from '@vue/eslint-config-typescript';
-
-export default defineConfigWithVueTs(
-    vue.configs['flat/essential'],
-    vueTsConfigs.recommended,
+/** @type {import('eslint').Linter.Config[]} */
+export default [
+    js.configs.recommended,
+    ...typescript.configs.recommended,
     {
-        ignores: [
-            'vendor',
-            'node_modules',
-            'public',
-            'bootstrap/ssr',
-            'src/Types/generated.d.ts',
-            'tailwind.config.js',
-            'resources/js/components/ui/*',
-        ],
+        ...react.configs.flat.recommended,
+        ...react.configs.flat['jsx-runtime'], // Required for React 17+
+        languageOptions: {
+            globals: {
+                ...globals.browser,
+            },
+        },
+        rules: {
+            'react/react-in-jsx-scope': 'off',
+            'react/prop-types': 'off',
+            'react/no-unescaped-entities': 'off',
+        },
+        settings: {
+            react: {
+                version: 'detect',
+            },
+        },
     },
     {
+        plugins: {
+            'react-hooks': reactHooks,
+        },
         rules: {
-            'vue/multi-word-component-names': 'off',
-            '@typescript-eslint/no-explicit-any': 'off',
+            'react-hooks/rules-of-hooks': 'error',
+            'react-hooks/exhaustive-deps': 'warn',
         },
     },
-    prettier,
-);
+    {
+        ignores: ['vendor', 'node_modules', 'public', 'bootstrap/ssr', 'tailwind.config.js'],
+    },
+    prettier, // Turn off all rules that might conflict with Prettier
+];