Merge pull request #217 from SELab-2/linting-checks

Linting checks

.github/workflows/frontend-linting.yaml

@@ -0,0 +1,18 @@
+name: frontend-linting
+
+on:
+  push:
+    branches: [main, development]
+  pull_request:
+    branches: [main, development]
+  workflow_dispatch:
+
+jobs:
+  linting-checks:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - name: Install dependencies
+        run: cd frontend; npm install
+      - name: Run ESLint
+        run: cd frontend; npm run lint

frontend/.eslintrc.cjs

@@ -0,0 +1,43 @@
+module.exports = {
+    "env": {
+        "browser": true,
+        "es2021": true
+    },
+    "extends": [
+        "standard-with-typescript",
+        "plugin:vue/vue3-essential",
+        "plugin:prettier/recommended"
+    ],
+    "overrides": [
+        {
+            "env": {
+                "node": true
+            },
+            "files": [
+                ".eslintrc.{js,cjs}"
+            ],
+            "parserOptions": {
+                "sourceType": "script",
+            },
+        }
+    ],
+    "parser": "vue-eslint-parser",
+    "parserOptions": {
+        "parser": "@typescript-eslint/parser" ,
+        "ecmaVersion": "latest",
+        "sourceType": "module",
+        "project": ["./tsconfig.json"],
+        "extraFileExtensions": [".vue"]
+    },
+    "plugins": [
+        "vue",
+        "prettier"
+    ],
+    "rules": {
+        "vue/multi-word-component-names": "off",  // Disable rule that requires multi-word component names in Vue files
+        "@typescript-eslint/no-floating-promises": "off", // Disable rule that flags floating promises in .ts files
+        "@typescript-eslint/no-extraneous-class": "off", // Disable rule that flags usage of unnecessary classes in the codebase
+        "@typescript-eslint/unbound-method": "off", // Disable rule that refuses unboud methods that could scope `this`
+        "prettier/prettier": "error"
+    }
+}

frontend/.prettierrc

@@ -0,0 +1,7 @@
+{
+	"tabWidth": 4,
+	"semi": false,
+	"trailingComma": "none",
+	"bracketSpacing": true,
+	"singleQuote": true
+}