Add eslint rule to restrict relative imports.

Aiven-Open · Oct 25, 2022 · b2d08f6 · b2d08f6
1 parent c82b477
commit b2d08f6
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 2 deletions.
diff --git a/coral/.eslintrc.cjs b/coral/.eslintrc.cjs
@@ -19,13 +19,18 @@ module.exports = {
     },
     "plugins": [
         "react",
-        "@typescript-eslint"
+        "@typescript-eslint",
+        "no-relative-import-paths"
     ],
     "settings": {
         "react": {
             "version": "detect"
         }
     },
     "rules": {
+        "no-relative-import-paths/no-relative-import-paths": [
+            "warn",
+            { "allowSameFolder": true, "rootDir": "src" }
+        ]
     }
 }
diff --git a/coral/package.json b/coral/package.json
@@ -45,6 +45,7 @@
     "@vitejs/plugin-react": "^2.1.0",
     "eslint": "^8.25.0",
     "eslint-config-prettier": "^8.5.0",
+    "eslint-plugin-no-relative-import-paths": "^1.4.0",
     "eslint-plugin-react": "^7.31.10",
     "husky": "^8.0.1",
     "identity-obj-proxy": "^3.0.0",

diff --git a/coral/pnpm-lock.yaml b/coral/pnpm-lock.yaml
diff --git a/coral/src/App.test.tsx b/coral/src/App.test.tsx
@@ -1,4 +1,4 @@
-import App from "./App";
+import App from "@/App";
 import { render, screen } from "@testing-library/react";
 
 describe("App.tsx", () => {