[#2151] Update Typescript-related Major Dependencies

docs/_markbind/layouts/ug-sitenav.md

@@ -7,7 +7,7 @@
   {name: "Appendices"},
   {level: 2, name: "CLI syntax reference", link: "ug/cli.html"},
   {level: 2, name: "Config files format", link: "ug/configFiles.html"},
-  {level: 2, name: "Advanced syntax: `author-config.csv`", link: "ug/authorConfigSyntax.html"}, 
+  {level: 2, name: "Advanced syntax: `author-config.csv`", link: "ug/authorConfigSyntax.html"},
   {level: 2, name: "Using `@@author` tags", link: "ug/usingAuthorTags.html"},
   {level: 2, name: "RepoSense with Netlify", link: "ug/withNetlify.html"},
   {level: 2, name: "RepoSense with GitHub Actions", link: "ug/withGithubActions.html"},

docs/ug/authorConfigSyntax.md

@@ -9,7 +9,7 @@
 
 <div class="lead">
 
-Given below are the advanced syntax available for `author-config.csv`. 
+Given below are the advanced syntax available for `author-config.csv`.
 </div>
 
 ## Multiple `Repository's Location` per author

docs/ug/usingReports.md

@@ -144,7 +144,7 @@ The `Code panel` allows users to see the code attributed to a specific author. C
 * Clicking the file title toggles the file content.
 * Clicking the first icon beside the file title opens the history view of the file on the remote repository.
 * Clicking the second icon beside the file title opens the blame view of the file on the remote repository.
-* When using the code panel for a specific author, code attributed to the author is highlighted in green. 
+* When using the code panel for a specific author, code attributed to the author is highlighted in green.
   * When using the `merge group` option with `group by repos`, the code panel will consist of multiple authors' contributions. Code attributed to these authors can be differentiated by the highlight colors of the code. The color legend is shown at the top of each file and consists only those authors that edited a particular file.
 * Non-trivial code segments that the selected author has not written are hidden by default, but you can toggle them by clicking on the %%:fas-plus-circle:%% icon.
 

frontend/.eslintrc.json

@@ -6,7 +6,11 @@
     "airbnb-base",
     "plugin:vue/recommended",
     "@vue/typescript",
-    "plugin:import/typescript"
+    "plugin:import/typescript",
+    "plugin:@stylistic/disable-legacy"
+  ],
+  "plugins": [
+    "@stylistic"
   ],
   "rules": {
     "vue/component-definition-name-casing": [
@@ -15,11 +19,11 @@
     ],
     "vue/require-prop-types": 0,
     "no-param-reassign": 0,
-    "arrow-parens": [
+    "@stylistic/arrow-parens": [
       "error",
       "always"
     ],
-    "indent": [
+    "@stylistic/indent": [
       "error",
       2,
       {
@@ -34,15 +38,13 @@
       "as-needed"
     ],
     "no-alert": 0,
-    "linebreak-style": 0,
-    "max-len": [
+    "@stylistic/max-len": [
       "error",
       {
         "code": 120
       }
     ],
     "prefer-object-spread": 0,
-    "function-call-argument-newline": 0,
     "vue/no-computed-properties-in-data": 0,
     "import/extensions": [
       "error",
@@ -60,14 +62,13 @@
       "files": ["*.ts"],
       "extends": [
         "airbnb-typescript/base",
-        "plugin:@typescript-eslint/recommended"
+        "plugin:@stylistic/disable-legacy"
       ],
       "parserOptions": {
         "project": ["./tsconfig.json"]
       },
       "rules": {
-        "indent": "off",
-        "@typescript-eslint/indent": [
+        "@stylistic/indent": [
           "error",
           2,
           {
@@ -77,8 +78,8 @@
             "SwitchCase": 0
           }
         ],
-        "@typescript-eslint/member-delimiter-style": "error",
-        "@typescript-eslint/type-annotation-spacing": "error",
+        "@stylistic/member-delimiter-style": "error",
+        "@stylistic/type-annotation-spacing": "error",
         "@typescript-eslint/array-type": [
           "error",
           {