Merge pull request #4 from cs3216-a3-group-4/chloe/frontend-chores

chore(frontend): vscode workspace, eslint aliasing plugin setup

.vscode/assignment-3.code-workspace

@@ -0,0 +1,8 @@
+{
+  "folders": [
+    {
+      "path": ".."
+    }
+  ],
+  "settings": {}
+}

.vscode/settings.json

@@ -0,0 +1,14 @@
+{
+  "editor.formatOnSave": true,
+  "eslint.workingDirectories": ["./frontend"],
+  "[jsonc]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[typescript]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[typescriptreact]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "javascript.preferences.importModuleSpecifier": "non-relative"
+}

frontend/.eslintrc.json

@@ -1,5 +1,10 @@
 {
-  "extends": ["next/core-web-vitals", "next/typescript", "prettier"],
+  "extends": [
+    "plugin:@dword-design/import-alias/recommended",
+    "next/core-web-vitals",
+    "next/typescript",
+    "prettier"
+  ],
   "plugins": ["simple-import-sort", "prettier"],
   "rules": {
     "react/jsx-sort-props": "error",
@@ -17,6 +22,17 @@
       }
     ],
     "simple-import-sort/exports": "error",
+    "@dword-design/import-alias/prefer-alias": [
+      "error",
+      {
+        "alias": {
+          "@": "./",
+          "@/components": "./components/",
+          "@/lib": "./lib/"
+        },
+        "aliasForSubpaths": true
+      }
+    ],
     "prettier/prettier": "error"
   }
 }