chore: update .eslintrc.json to eslint.config.mjs

README.md

@@ -1,8 +1,8 @@
 > **🚀 WSTACK - Under Development!**  
-> Enhancing the experience, one update at a time!  
+> Enhancing the experience, one update at a time!
 
 <div align="center">
   <img src="https://github.com/user-attachments/assets/8853f565-3512-494b-8374-c6245c32064e" alt="WSTACK Preview" style="border: 2px solid #ddd; border-radius: 8px; padding: 4px; max-width: 100%;">
 </div>
 
-### 📖 Check out the Documentation Repo (Incomplete at the Moment / Looking for Contributors):  **[WSTACK-DOCS](https://github.com/MambaCodes/wstack-docs)**
+### 📖 Check out the Documentation Repo (Incomplete at the Moment / Looking for Contributors): **[WSTACK-DOCS](https://github.com/MambaCodes/wstack-docs)**

eslint.config.mjs

@@ -0,0 +1,62 @@
+import js from '@eslint/js'
+import stylistic from '@stylistic/eslint-plugin'
+import importPlugin from 'eslint-plugin-import'
+import globals from 'globals'
+import tseslint from 'typescript-eslint'
+
+export default tseslint.config(
+  {
+    ignores: [
+      '**/node_modules/**/*',
+      '**/dist/**/*',
+      '**/build/**/*',
+      '**/.next/**/*',
+    ],
+  },
+  js.configs.recommended,
+  ...tseslint.configs.recommended,
+  {
+    files: ['**/*.{js,mjs,cjs,ts,jsx,tsx}'],
+    plugins: {
+      import: importPlugin,
+      '@stylistic': stylistic,
+    },
+    languageOptions: {
+      globals: {
+        ...globals.browser,
+        ...globals.node,
+      },
+    },
+    rules: {
+      'import/order': [
+        'error',
+        {
+          groups: [
+            'builtin',
+            'external',
+            'internal',
+            'parent',
+            'sibling',
+            'index',
+          ],
+          'newlines-between': 'always',
+          alphabetize: {
+            order: 'asc',
+            caseInsensitive: true,
+          },
+        },
+      ],
+      'no-console': 'error',
+      'object-shorthand': 'error',
+      '@stylistic/quotes': [
+        'error',
+        'single',
+        {
+          avoidEscape: true,
+          allowTemplateLiterals: 'never',
+        },
+      ],
+      'no-async-promise-executor': 'off',
+    },
+  },
+)

package.json

@@ -6,8 +6,9 @@
     "dev": "next dev --turbopack",
     "build": "next build",
     "start": "next start",
-    "lint": "next lint",
-    "format": "prettier --write --ignore-path .gitignore --cache ."
+    "lint": "next lint && eslint . --ext .ts,.tsx",
+    "lint:fix": "eslint . --ext .ts,.tsx --fix",
+    "format:lint": "prettier --write --ignore-path .gitignore --cache . && eslint . --ext .ts,.tsx --fix"
   },
   "dependencies": {
     "@auth/prisma-adapter": "^2.8.0",
@@ -61,7 +62,7 @@
     "next": "15.1.0",
     "next-auth": "4.24.11",
     "next-themes": "^0.4.4",
-    "prettier": "^3.5.2",
+    "prettier": "3.5.3",
     "prettier-plugin-tailwindcss": "^0.6.11",
     "react": "18.2.0",
     "react-day-picker": "8.10.1",
@@ -82,13 +83,19 @@
     "zustand": "^5.0.3"
   },
   "devDependencies": {
+    "@eslint/eslintrc": "^3",
+    "@eslint/js": "^9.24.0",
+    "@stylistic/eslint-plugin": "^5.5.0",
+    "eslint-plugin-import": "^2.32.0",
+    "globals": "^16.5.0",
+    "typescript-eslint": "^8.46.3",
     "@prisma/client": "^6.4.1",
     "@types/node": "^20.17.19",
     "@types/react": "^19.0.10",
     "@types/react-dom": "^19.0.4",
     "@typescript-eslint/parser": "^8.25.0",
-    "eslint": "^9.21.0",
-    "eslint-config-next": "15.2.0",
+    "eslint": "9.24.0",
+    "eslint-config-next": "^16.0.1",
     "postcss": "^8.5.3",
     "prisma": "^6.4.1",
     "tailwindcss": "^3.4.17",