diff --git a/eslint.config.mjs b/eslint.config.mjs
index 1ea76aac74..c6ebc947c9 100644
--- a/eslint.config.mjs
+++ b/eslint.config.mjs
@@ -3,6 +3,7 @@ import globals from 'globals';
 import pluginVue from 'eslint-plugin-vue';
 import pluginCypress from 'eslint-plugin-cypress';
 import pluginJest from 'eslint-plugin-jest';
+import stylistic from '@stylistic/eslint-plugin';
 import { defineConfig, globalIgnores } from 'eslint/config';
 
 export default defineConfig([
@@ -26,8 +27,86 @@ export default defineConfig([
         ...globals.browser,
       },
     },
+    plugins: {
+      '@stylistic': stylistic,
+    },
     rules: {
-      'indent': ['error', 2],
+      eqeqeq: ['error', 'always'],
+      curly: 'error',
+      'default-param-last': 'error',
+      'no-var': 'error',
+      'prefer-arrow-callback': 'error',
+      'prefer-const': 'error',
+      'prefer-template': 'error',
+
+      '@stylistic/array-bracket-newline': ['error', 'consistent'],
+      '@stylistic/array-bracket-spacing': 'error',
+      '@stylistic/array-element-newline': ['error', 'consistent'],
+      '@stylistic/arrow-parens': 'error',
+      '@stylistic/arrow-spacing': 'error',
+      '@stylistic/block-spacing': 'error',
+      '@stylistic/brace-style': 'error',
+      '@stylistic/comma-dangle': ['error', 'always-multiline'],
+      '@stylistic/comma-spacing': 'error',
+      '@stylistic/comma-style': 'error',
+      '@stylistic/computed-property-spacing': 'error',
+      '@stylistic/curly-newline': 'error',
+      '@stylistic/dot-location': ['error', 'property'],
+      '@stylistic/eol-last': 'error',
+      '@stylistic/function-call-argument-newline': ['error', 'consistent'],
+      '@stylistic/function-call-spacing': 'error',
+      '@stylistic/function-paren-newline': ['error', 'multiline-arguments'],
+      '@stylistic/generator-star-spacing': 'error',
+      '@stylistic/implicit-arrow-linebreak': 'error',
+      '@stylistic/indent': ['error', 2],
+      '@stylistic/indent-binary-ops': ['error', 2],
+      '@stylistic/key-spacing': 'error',
+      '@stylistic/keyword-spacing': 'error',
+      '@stylistic/linebreak-style': 'error',
+      '@stylistic/lines-between-class-members': 'error',
+      '@stylistic/max-statements-per-line': 'error',
+      '@stylistic/member-delimiter-style': 'error',
+      '@stylistic/new-parens': 'error',
+      '@stylistic/no-extra-semi': 'error',
+      '@stylistic/no-floating-decimal': 'error',
+      '@stylistic/no-mixed-operators': 'error',
+      '@stylistic/no-multi-spaces': 'error',
+      '@stylistic/no-multiple-empty-lines': 'error',
+      '@stylistic/no-tabs': 'error',
+      '@stylistic/no-trailing-spaces': 'error',
+      '@stylistic/no-whitespace-before-property': 'error',
+      '@stylistic/object-curly-newline': 'error',
+      '@stylistic/object-curly-spacing': ['error', 'always'],
+      '@stylistic/object-property-newline': ['error', { allowAllPropertiesOnSameLine: true }],
+      '@stylistic/one-var-declaration-per-line': 'error',
+      '@stylistic/operator-linebreak': ['error', 'before'],
+      '@stylistic/padded-blocks': ['error', 'never'],
+      '@stylistic/quote-props': ['error', 'as-needed'],
+      '@stylistic/quotes': ['error', 'single', { avoidEscape: true, allowTemplateLiterals: 'avoidEscape' }],
+      '@stylistic/rest-spread-spacing': 'error',
+      '@stylistic/semi': ['error', 'always'],
+      '@stylistic/semi-spacing': 'error',
+      '@stylistic/semi-style': 'error',
+      '@stylistic/space-before-blocks': 'error',
+      '@stylistic/space-before-function-paren': ['error', {
+        anonymous: 'always',
+        named: 'never',
+        asyncArrow: 'always',
+        catch: 'always',
+      }],
+      '@stylistic/space-in-parens': 'error',
+      '@stylistic/space-infix-ops': 'error',
+      '@stylistic/space-unary-ops': ['error', { words: true, nonwords: false }],
+      '@stylistic/spaced-comment': 'error',
+      '@stylistic/switch-colon-spacing': 'error',
+      '@stylistic/template-curly-spacing': 'error',
+      '@stylistic/template-tag-spacing': 'error',
+      '@stylistic/type-annotation-spacing': 'error',
+      '@stylistic/type-generic-spacing': 'error',
+      '@stylistic/type-named-tuple-spacing': 'error',
+      '@stylistic/wrap-regex': 'error',
+      '@stylistic/yield-star-spacing': 'error',
+
       'vue/component-name-in-template-casing': ['error', 'PascalCase'],
       'vue/no-v-html': 'off',
       'vue/require-v-for-key': 'off',
@@ -65,26 +144,6 @@ export default defineConfig([
       'vue/require-emit-validator': 'error',
       'vue/require-name-property': 'error',
       'vue/slot-name-casing': 'error',
-      'eqeqeq': ['error', 'always'],
-      'arrow-spacing': ['error'],
-      'block-spacing': ['error'],
-      'brace-style': ['error', 'stroustrup'],
-      'comma-dangle': ['error', 'always-multiline'],
-      'curly' : ['error'],
-      'default-param-last': ['error'],
-      'eol-last': ['error'],
-      'keyword-spacing': ['error', {'before': true, 'after': true}],
-      'space-before-blocks': ['error', 'always'],
-      'linebreak-style': ['error', 'unix'],
-      'no-trailing-spaces': ['error'],
-      'no-var': ['error'],
-      'prefer-arrow-callback': ['error'],
-      'prefer-const': ['error'],
-      'prefer-template': ['error'],
-      'quotes': ['error', 'single', {'avoidEscape': true}],
-      'semi': ['error', 'always'],
-      'semi-style': ['error', 'last'],
-      'template-curly-spacing': ['error', 'never'],
     },
   },
   {
diff --git a/package-lock.json b/package-lock.json
index 8d5ffbcba0..a1a60399f5 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -51,6 +51,7 @@
       },
       "devDependencies": {
         "@eslint/js": "^10.0.1",
+        "@stylistic/eslint-plugin": "^5.10.0",
         "@vue/test-utils": "^2.4.11",
         "@vue/vue3-jest": "^29.2.6",
         "babel-core": "^7.0.0-bridge.0",
@@ -3842,6 +3843,71 @@
         "@sinonjs/commons": "^3.0.0"
       }
     },
+    "node_modules/@stylistic/eslint-plugin": {
+      "version": "5.10.0",
+      "resolved": "https://registry.npmjs.org/@stylistic/eslint-plugin/-/eslint-plugin-5.10.0.tgz",
+      "integrity": "sha512-nPK52ZHvot8Ju/0A4ucSX1dcPV2/1clx0kLcH5wDmrE4naKso7TUC/voUyU1O9OTKTrR6MYip6LP0ogEMQ9jPQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@eslint-community/eslint-utils": "^4.9.1",
+        "@typescript-eslint/types": "^8.56.0",
+        "eslint-visitor-keys": "^4.2.1",
+        "espree": "^10.4.0",
+        "estraverse": "^5.3.0",
+        "picomatch": "^4.0.3"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "peerDependencies": {
+        "eslint": "^9.0.0 || ^10.0.0"
+      }
+    },
+    "node_modules/@stylistic/eslint-plugin/node_modules/eslint-visitor-keys": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-4.2.1.tgz",
+      "integrity": "sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/@stylistic/eslint-plugin/node_modules/espree": {
+      "version": "10.4.0",
+      "resolved": "https://registry.npmjs.org/espree/-/espree-10.4.0.tgz",
+      "integrity": "sha512-j6PAQ2uUr79PZhBjP5C5fhl8e39FmRnOjsD5lGnWrFU8i2G776tBK7+nP8KuQUTTyAZUwfQqXAgrVH5MbH9CYQ==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "acorn": "^8.15.0",
+        "acorn-jsx": "^5.3.2",
+        "eslint-visitor-keys": "^4.2.1"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/@stylistic/eslint-plugin/node_modules/picomatch": {
+      "version": "4.0.5",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.5.tgz",
+      "integrity": "sha512-RvwwcruNjI1ncT5xRakeyS9Lf8lcItv34KD+aif+VH9kduAyfYBipGh12274xtenIPZ119/R9BdTBa8gAwSh0A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
     "node_modules/@types/babel__core": {
       "version": "7.20.4",
       "resolved": "https://registry.npmjs.org/@types/babel__core/-/babel__core-7.20.4.tgz",
diff --git a/package.json b/package.json
index 09e3cd181e..b3153bba3c 100644
--- a/package.json
+++ b/package.json
@@ -60,6 +60,7 @@
   },
   "devDependencies": {
     "@eslint/js": "^10.0.1",
+    "@stylistic/eslint-plugin": "^5.10.0",
     "@vue/test-utils": "^2.4.11",
     "@vue/vue3-jest": "^29.2.6",
     "babel-core": "^7.0.0-bridge.0",
diff --git a/resources/js/vue/app.js b/resources/js/vue/app.js
index 7990c72481..f7b315d20e 100755
--- a/resources/js/vue/app.js
+++ b/resources/js/vue/app.js
@@ -46,8 +46,7 @@ axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';
 const token = document.head.querySelector('meta[name="csrf-token"]');
 if (token) {
   axios.defaults.headers.common['X-CSRF-TOKEN'] = token.content;
-}
-else {
+} else {
   console.error('CSRF token not found: https://laravel.com/docs/csrf#csrf-x-csrf-token');
 }
 
diff --git a/resources/js/vue/components/BuildBuildPage.vue b/resources/js/vue/components/BuildBuildPage.vue
index 88b4f75e2c..edcc2b427b 100644
--- a/resources/js/vue/components/BuildBuildPage.vue
+++ b/resources/js/vue/components/BuildBuildPage.vue
@@ -134,7 +134,7 @@ import {
   faCircleExclamation,
   faTriangleExclamation,
 } from '@fortawesome/free-solid-svg-icons';
-import {FontAwesomeIcon} from '@fortawesome/vue-fontawesome';
+import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome';
 import BuildErrorList from './BuildBuildPage/BuildErrorList.vue';
 import CodeBox from './shared/CodeBox.vue';
 
@@ -271,9 +271,9 @@ export default {
       };
 
       if (this.previousBuildWithErrors) {
-        this.buildWithErrors.children.edges.forEach(({node: currentBuildNode}) => {
+        this.buildWithErrors.children.edges.forEach(({ node: currentBuildNode }) => {
           if (currentBuildNode.subProject) {
-            this.previousBuildWithErrors.children.edges.forEach(({node: previousBuildNode}) => {
+            this.previousBuildWithErrors.children.edges.forEach(({ node: previousBuildNode }) => {
               if (parseInt(currentBuildNode.subProject.id) === parseInt(previousBuildNode.subProject.id)) {
                 retVal[parseInt(currentBuildNode.id)] = parseInt(previousBuildNode.id);
               }
diff --git a/resources/js/vue/components/BuildBuildPage/BuildErrorItem.vue b/resources/js/vue/components/BuildBuildPage/BuildErrorItem.vue
index 88c62c3d39..c65843870f 100644
--- a/resources/js/vue/components/BuildBuildPage/BuildErrorItem.vue
+++ b/resources/js/vue/components/BuildBuildPage/BuildErrorItem.vue
@@ -101,13 +101,13 @@ import {
   faCircleExclamation,
   faTriangleExclamation,
 } from '@fortawesome/free-solid-svg-icons';
-import {FontAwesomeIcon} from '@fortawesome/vue-fontawesome';
-import {getRepository} from '../shared/RepositoryIntegrations';
+import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome';
+import { getRepository } from '../shared/RepositoryIntegrations';
 import 'core-js/actual/regexp/escape';
 
 export default {
   name: 'BuildErrorItem',
-  components: {FontAwesomeIcon, CodeBox},
+  components: { FontAwesomeIcon, CodeBox },
 
   props: {
     buildError: {
diff --git a/resources/js/vue/components/BuildBuildPage/BuildErrorList.vue b/resources/js/vue/components/BuildBuildPage/BuildErrorList.vue
index 9478f729f7..82c5bcb482 100644
--- a/resources/js/vue/components/BuildBuildPage/BuildErrorList.vue
+++ b/resources/js/vue/components/BuildBuildPage/BuildErrorList.vue
@@ -121,7 +121,7 @@ const BUILD_QUERY = gql`
 
 export default {
   name: 'BuildErrorList',
-  components: {BuildErrorItem, LoadingIndicator},
+  components: { BuildErrorItem, LoadingIndicator },
 
   props: {
     buildId: {
@@ -215,15 +215,13 @@ export default {
         return currentErrorList.filter(({ node }) => {
           return !previousErrorSet.has(this.stringifyError(node));
         });
-      }
-      else if (this.showFixedErrors) {
+      } else if (this.showFixedErrors) {
         // Note: showing the fixed errors actually shows errors for the previous build.
         // This may be confusing to users and should be re-evaluated in the future.
         return previousErrorList.filter(({ node }) => {
           return !currentErrorSet.has(this.stringifyError(node));
         });
-      }
-      else {
+      } else {
         throw 'Invalid state.';
       }
     },
diff --git a/resources/js/vue/components/BuildCommentsPage.vue b/resources/js/vue/components/BuildCommentsPage.vue
index 3e0d8d402c..19693fac06 100644
--- a/resources/js/vue/components/BuildCommentsPage.vue
+++ b/resources/js/vue/components/BuildCommentsPage.vue
@@ -167,7 +167,7 @@ export default {
           }
         }
       `,
-      update: data => data?.build?.comments?.edges,
+      update: (data) => data?.build?.comments?.edges,
       variables() {
         return {
           buildId: this.buildId,
@@ -202,7 +202,7 @@ export default {
           this.commentText = '';
           this.submitting = false;
         })
-        .catch(error => {
+        .catch((error) => {
           console.error(error);
           this.submitting = false;
           alert('Failed to add comment. Please try again.');
diff --git a/resources/js/vue/components/BuildConfigure.vue b/resources/js/vue/components/BuildConfigure.vue
index 7c2d65138e..7d7ba3b581 100644
--- a/resources/js/vue/components/BuildConfigure.vue
+++ b/resources/js/vue/components/BuildConfigure.vue
@@ -62,11 +62,11 @@ import {
   faCircleExclamation,
   faTriangleExclamation,
 } from '@fortawesome/free-solid-svg-icons';
-import {FontAwesomeIcon} from '@fortawesome/vue-fontawesome';
+import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome';
 
 export default {
   name: 'BuildConfigure',
-  components: {FontAwesomeIcon, ConfigureCard, LoadingIndicator, BuildSummaryCard, BuildSidebar},
+  components: { FontAwesomeIcon, ConfigureCard, LoadingIndicator, BuildSummaryCard, BuildSidebar },
 
   props: {
     buildId: {
@@ -110,7 +110,7 @@ export default {
         }
       `,
       update: (data) => {
-        let configures = data.build.configure !== null ? [{configure: data.build.configure}] : [];
+        let configures = data.build.configure !== null ? [{ configure: data.build.configure }] : [];
         data.build.children.edges.forEach((child) => {
           configures = configures.concat({
             ...child.node,
diff --git a/resources/js/vue/components/BuildCoveragePage.vue b/resources/js/vue/components/BuildCoveragePage.vue
index d558a7d8ca..5465eaa641 100644
--- a/resources/js/vue/components/BuildCoveragePage.vue
+++ b/resources/js/vue/components/BuildCoveragePage.vue
@@ -184,13 +184,13 @@ import LoadingIndicator from './shared/LoadingIndicator.vue';
 import BuildSidebar from './shared/BuildSidebar.vue';
 import gql from 'graphql-tag';
 import FilterBuilder from './shared/FilterBuilder.vue';
-import {faFolder, faReply} from '@fortawesome/free-solid-svg-icons';
-import {faFile} from '@fortawesome/free-regular-svg-icons';
-import {FontAwesomeIcon} from '@fortawesome/vue-fontawesome';
+import { faFolder, faReply } from '@fortawesome/free-solid-svg-icons';
+import { faFile } from '@fortawesome/free-regular-svg-icons';
+import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome';
 
 export default {
   name: 'BuildCoveragePage',
-  components: {FontAwesomeIcon, FilterBuilder, LoadingIndicator, DataTable, BuildSummaryCard, BuildSidebar},
+  components: { FontAwesomeIcon, FilterBuilder, LoadingIndicator, DataTable, BuildSummaryCard, BuildSidebar },
 
   props: {
     buildId: {
@@ -360,7 +360,7 @@ export default {
 
     formattedTableRows() {
       const coverageByPrefix = {};
-      this.coverage?.filter(edge => {
+      this.coverage?.filter((edge) => {
         return edge.node.filePath.startsWith(this.currentPrefix) || edge.node.filePath.startsWith(`./${this.currentPrefix}`);
       }).forEach((edge) => {
         const pathWithoutPrefix = edge.node.filePath.replace(/^.\//, '').slice(this.currentPrefix.length);
@@ -373,8 +373,7 @@ export default {
           coverageByPrefix[cleanedPath].linesOfCodeUntested += edge.node.linesOfCodeUntested;
           coverageByPrefix[cleanedPath].branchesTested += edge.node.branchesTested;
           coverageByPrefix[cleanedPath].branchesUntested += edge.node.branchesUntested;
-        }
-        else {
+        } else {
           coverageByPrefix[cleanedPath] = {
             subProject: !isDirectory && edge.subProject ? edge.subProject : '',
             path: {
@@ -391,7 +390,7 @@ export default {
         }
       });
 
-      return Object.values(coverageByPrefix).map(obj => {
+      return Object.values(coverageByPrefix).map((obj) => {
         const linePct = this.computePercentage(obj.linesOfCodeTested, obj.linesOfCodeUntested);
         const branchPct = this.computePercentage(obj.branchesTested, obj.branchesUntested);
 
@@ -430,11 +429,9 @@ export default {
     percentToProgressBarColorClass(pct) {
       if (pct >= this.coveragePercentCutoff) {
         return 'tw-progress-success';
-      }
-      else if (pct >= 0.7 * this.coveragePercentCutoff) {
+      } else if (pct >= 0.7 * this.coveragePercentCutoff) {
         return 'tw-progress-warning';
-      }
-      else {
+      } else {
         return 'tw-progress-error';
       }
     },
diff --git a/resources/js/vue/components/BuildDynamicAnalysisIdPage.vue b/resources/js/vue/components/BuildDynamicAnalysisIdPage.vue
index 7d89777fe2..c8e1438309 100644
--- a/resources/js/vue/components/BuildDynamicAnalysisIdPage.vue
+++ b/resources/js/vue/components/BuildDynamicAnalysisIdPage.vue
@@ -40,7 +40,7 @@ import CodeBox from './shared/CodeBox.vue';
 
 export default {
   name: 'BuildDynamicAnalysisIdPage',
-  components: {CodeBox, LoadingIndicator, BuildSummaryCard, BuildSidebar},
+  components: { CodeBox, LoadingIndicator, BuildSummaryCard, BuildSidebar },
 
   props: {
     buildId: {
@@ -89,27 +89,27 @@ export default {
 
     status() {
       switch (this.dynamicAnalysis.status) {
-      case 'passed':
-        return 'Passed';
-      case 'notrun':
-        return 'Not Run';
-      case 'failed':
-        return 'Failed';
-      default:
-        return this.dynamicAnalysis.status;
+        case 'passed':
+          return 'Passed';
+        case 'notrun':
+          return 'Not Run';
+        case 'failed':
+          return 'Failed';
+        default:
+          return this.dynamicAnalysis.status;
       }
     },
 
     statusColor() {
       switch (this.dynamicAnalysis.status) {
-      case 'passed':
-        return 'tw-bg-green-400';
-      case 'notrun':
-        return 'tw-bg-orange-400';
-      case 'failed':
-        return 'tw-bg-red-400';
-      default:
-        return this.dynamicAnalysis.status;
+        case 'passed':
+          return 'tw-bg-green-400';
+        case 'notrun':
+          return 'tw-bg-orange-400';
+        case 'failed':
+          return 'tw-bg-red-400';
+        default:
+          return this.dynamicAnalysis.status;
       }
     },
   },
diff --git a/resources/js/vue/components/BuildFilesPage.vue b/resources/js/vue/components/BuildFilesPage.vue
index e093b9845f..4e12886d04 100644
--- a/resources/js/vue/components/BuildFilesPage.vue
+++ b/resources/js/vue/components/BuildFilesPage.vue
@@ -75,7 +75,7 @@ import gql from 'graphql-tag';
 
 export default {
   name: 'BuildFilesPage',
-  components: {LoadingIndicator, DataTable, BuildSummaryCard, BuildSidebar},
+  components: { LoadingIndicator, DataTable, BuildSummaryCard, BuildSidebar },
 
   props: {
     buildId: {
@@ -107,13 +107,13 @@ export default {
           }
         }
       `,
-      update: data => data?.build?.urls,
+      update: (data) => data?.build?.urls,
       variables() {
         return {
           buildId: this.buildId,
         };
       },
-      result({data}) {
+      result({ data }) {
         if (data && data.build.urls.pageInfo.hasNextPage) {
           this.$apollo.queries.urls.fetchMore({
             variables: {
@@ -149,13 +149,13 @@ export default {
           }
         }
       `,
-      update: data => data?.build?.files,
+      update: (data) => data?.build?.files,
       variables() {
         return {
           buildId: this.buildId,
         };
       },
-      result({data}) {
+      result({ data }) {
         if (data && data.build.files.pageInfo.hasNextPage) {
           this.$apollo.queries.files.fetchMore({
             variables: {
@@ -170,7 +170,7 @@ export default {
 
   computed: {
     formattedUrlRows() {
-      return this.urls.edges?.map(edge => {
+      return this.urls.edges?.map((edge) => {
         return {
           url: {
             value: edge.node.href,
@@ -182,7 +182,7 @@ export default {
     },
 
     formattedFileRows() {
-      return this.files.edges?.map(edge => {
+      return this.files.edges?.map((edge) => {
         return {
           name: {
             value: edge.node.name,
@@ -206,17 +206,13 @@ export default {
     humanReadableFileSize(bytes) {
       if (bytes < 1024) {
         return `${bytes} bytes`;
-      }
-      else if (bytes < 1024 * 1024) {
+      } else if (bytes < 1024 * 1024) {
         return `${(bytes / 1024).toFixed(2)} KiB`;
-      }
-      else if (bytes < 1024 * 1024 * 1024) {
+      } else if (bytes < 1024 * 1024 * 1024) {
         return `${(bytes / (1024 * 1024)).toFixed(2)} MiB`;
-      }
-      else if (bytes < 1024 * 1024 * 1024 * 1024) {
+      } else if (bytes < 1024 * 1024 * 1024 * 1024) {
         return `${(bytes / (1024 * 1024 * 1024)).toFixed(2)} GiB`;
-      }
-      else {
+      } else {
         return `${(bytes / (1024 * 1024 * 1024 * 1024)).toFixed(2)} TiB`;
       }
     },
diff --git a/resources/js/vue/components/BuildInstrumentationPage.vue b/resources/js/vue/components/BuildInstrumentationPage.vue
index 77b43fb266..f609d728da 100644
--- a/resources/js/vue/components/BuildInstrumentationPage.vue
+++ b/resources/js/vue/components/BuildInstrumentationPage.vue
@@ -230,7 +230,7 @@ export default {
       if (!this.filteredCommands) {
         return new Set();
       }
-      return new Set(this.filteredCommands.map(edge => edge.node.id));
+      return new Set(this.filteredCommands.map((edge) => edge.node.id));
     },
 
     formattedChartCommands() {
@@ -238,7 +238,7 @@ export default {
         return [];
       }
 
-      return this.allCommands?.map(edge => {
+      return this.allCommands?.map((edge) => {
         return {
           id: edge.node.id,
           startTime: DateTime.fromISO(edge.node.startTime),
@@ -259,11 +259,11 @@ export default {
       }
 
       const memoryData = [];
-      this.allCommands.forEach(edge => {
+      this.allCommands.forEach((edge) => {
         const command = edge.node;
         if (command.measurements.edges && command.measurements.edges.length > 0) {
           const memoryMeasurement = command.measurements.edges.find(
-            m => m.node.name === 'BeforeHostMemoryUsed' || m.node.name === 'AfterHostMemoryUsed',
+            (m) => m.node.name === 'BeforeHostMemoryUsed' || m.node.name === 'AfterHostMemoryUsed',
           );
 
           if (memoryMeasurement) {
diff --git a/resources/js/vue/components/BuildNotesPage.vue b/resources/js/vue/components/BuildNotesPage.vue
index f0d01c64a0..03e39a6979 100644
--- a/resources/js/vue/components/BuildNotesPage.vue
+++ b/resources/js/vue/components/BuildNotesPage.vue
@@ -82,7 +82,7 @@ import BuildSidebar from './shared/BuildSidebar.vue';
 
 export default {
   name: 'BuildNotesPage',
-  components: {CodeBox, LoadingIndicator, BuildSummaryCard, BuildSidebar},
+  components: { CodeBox, LoadingIndicator, BuildSummaryCard, BuildSidebar },
 
   props: {
     buildId: {
@@ -122,13 +122,13 @@ export default {
           }
         }
       `,
-      update: data => data?.build?.notes,
+      update: (data) => data?.build?.notes,
       variables() {
         return {
           buildId: this.buildId,
         };
       },
-      result({data}) {
+      result({ data }) {
         if (data && data.build.notes.pageInfo.hasNextPage) {
           this.$apollo.queries.notes.fetchMore({
             variables: {
diff --git a/resources/js/vue/components/BuildSummary.vue b/resources/js/vue/components/BuildSummary.vue
index 8722f58530..373471eaec 100644
--- a/resources/js/vue/components/BuildSummary.vue
+++ b/resources/js/vue/components/BuildSummary.vue
@@ -447,7 +447,7 @@ import {
   faQuestionCircle,
   faLink,
 } from '@fortawesome/free-solid-svg-icons';
-import {FontAwesomeIcon} from '@fortawesome/vue-fontawesome';
+import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome';
 import LoadingIndicator from './shared/LoadingIndicator.vue';
 import BuildSummaryCard from './shared/BuildSummaryCard.vue';
 import BuildSidebar from './shared/BuildSidebar.vue';
@@ -458,7 +458,7 @@ import { DateTime, Duration } from 'luxon';
 
 export default {
   name: 'BuildSummary',
-  components: {BuildTimeChart, BuildSummaryCard, LoadingIndicator, BuildSidebar, FontAwesomeIcon},
+  components: { BuildTimeChart, BuildSummaryCard, LoadingIndicator, BuildSidebar, FontAwesomeIcon },
 
   props: {
     projectId: {
@@ -492,7 +492,7 @@ export default {
     },
   },
 
-  data () {
+  data() {
     return {
       // API results.
       cdash: {},
@@ -578,8 +578,7 @@ export default {
             ntestfailed: Math.max(0, prev.failedTestsCount),
             ntestnotrun: Math.max(0, prev.notRunTestsCount),
           };
-        }
-        else {
+        } else {
           this.cdash.previousbuild = null;
         }
 
@@ -594,8 +593,7 @@ export default {
             ntestfailed: Math.max(0, next.failedTestsCount),
             ntestnotrun: Math.max(0, next.notRunTestsCount),
           };
-        }
-        else {
+        } else {
           this.cdash.nextbuild = null;
         }
 
@@ -659,7 +657,7 @@ export default {
           }
         }
       `,
-      update: data => data?.project?.builds.edges,
+      update: (data) => data?.project?.builds.edges,
       variables() {
         return {
           projectId: this.projectId,
@@ -710,7 +708,7 @@ export default {
       if (!this.buildHistory) {
         return [];
       }
-      return [...this.buildHistory].reverse().map(edge => {
+      return [...this.buildHistory].reverse().map((edge) => {
         const build = edge.node;
         return {
           buildId: build.id,
diff --git a/resources/js/vue/components/BuildSummaryPage/BuildTimeChart.vue b/resources/js/vue/components/BuildSummaryPage/BuildTimeChart.vue
index 7689467ed4..acb9eb04f8 100644
--- a/resources/js/vue/components/BuildSummaryPage/BuildTimeChart.vue
+++ b/resources/js/vue/components/BuildSummaryPage/BuildTimeChart.vue
@@ -99,7 +99,7 @@ export default {
           ...baseOption,
           xAxis: {
             type: 'category',
-            data: this.data.map(d => d.buildId),
+            data: this.data.map((d) => d.buildId),
             axisLabel: {
               show: false,
             },
@@ -109,21 +109,21 @@ export default {
               name: 'Configure',
               type: 'bar',
               stack: 'total',
-              data: this.data.map(d => d.configureTime.toMillis()),
+              data: this.data.map((d) => d.configureTime.toMillis()),
               color: '#bce784',
             },
             {
               name: 'Build',
               type: 'bar',
               stack: 'total',
-              data: this.data.map(d => d.buildTime.toMillis()),
+              data: this.data.map((d) => d.buildTime.toMillis()),
               color: '#5dd39e',
             },
             {
               name: 'Test',
               type: 'bar',
               stack: 'total',
-              data: this.data.map(d => d.testTime.toMillis()),
+              data: this.data.map((d) => d.testTime.toMillis()),
               color: '#348aa7',
               markArea: {
                 silent: true,
diff --git a/resources/js/vue/components/BuildTargetsPage.vue b/resources/js/vue/components/BuildTargetsPage.vue
index 1f076d9aca..5bd0ea11e4 100644
--- a/resources/js/vue/components/BuildTargetsPage.vue
+++ b/resources/js/vue/components/BuildTargetsPage.vue
@@ -131,11 +131,11 @@ export default {
           }
         }
       `,
-      update: data => {
+      update: (data) => {
         let targets = data?.build?.targets?.edges || [];
 
         if (data?.build?.children) {
-          data.build.children.edges.forEach(childEdge => {
+          data.build.children.edges.forEach((childEdge) => {
             targets = targets.concat(childEdge?.node?.targets?.edges || []);
           });
         }
@@ -214,7 +214,7 @@ export default {
     },
 
     formattedTargetRows() {
-      return this.targets.edges?.map(edge => {
+      return this.targets.edges?.map((edge) => {
         return {
           name: {
             value: edge.node.name,
@@ -236,7 +236,7 @@ export default {
       if (!this.targets || !this.targets.edges) {
         return new Set();
       }
-      return new Set(this.targets.edges.map(edge => edge.node.id));
+      return new Set(this.targets.edges.map((edge) => edge.node.id));
     },
 
     formattedCommands() {
@@ -248,7 +248,7 @@ export default {
 
       const visibleIds = this.visibleTargetIds;
 
-      return commands?.map(edge => {
+      return commands?.map((edge) => {
         const targetId = edge.node.target?.id;
         return {
           id: edge.node.id,
@@ -268,22 +268,22 @@ export default {
   methods: {
     humanReadableTargetType(type) {
       switch (type) {
-      case 'UNKNOWN':
-        return 'Unknown';
-      case 'STATIC_LIBRARY':
-        return 'Static Library';
-      case 'MODULE_LIBRARY':
-        return 'Module Library';
-      case 'SHARED_LIBRARY':
-        return 'Shared Library';
-      case 'OBJECT_LIBRARY':
-        return 'Object Library';
-      case 'INTERFACE_LIBRARY':
-        return 'Interface Library';
-      case 'EXECUTABLE':
-        return 'Executable';
-      default:
-        return type;
+        case 'UNKNOWN':
+          return 'Unknown';
+        case 'STATIC_LIBRARY':
+          return 'Static Library';
+        case 'MODULE_LIBRARY':
+          return 'Module Library';
+        case 'SHARED_LIBRARY':
+          return 'Shared Library';
+        case 'OBJECT_LIBRARY':
+          return 'Object Library';
+        case 'INTERFACE_LIBRARY':
+          return 'Interface Library';
+        case 'EXECUTABLE':
+          return 'Executable';
+        default:
+          return type;
       }
     },
   },
diff --git a/resources/js/vue/components/BuildTestsPage.vue b/resources/js/vue/components/BuildTestsPage.vue
index 3140fdc1bf..788c83b846 100644
--- a/resources/js/vue/components/BuildTestsPage.vue
+++ b/resources/js/vue/components/BuildTestsPage.vue
@@ -72,7 +72,7 @@ import FilterBuilder from './shared/FilterBuilder.vue';
 import LoadingIndicator from './shared/LoadingIndicator.vue';
 import BuildSummaryCard from './shared/BuildSummaryCard.vue';
 import BuildSidebar from './shared/BuildSidebar.vue';
-import {DateTime} from 'luxon';
+import { DateTime } from 'luxon';
 
 const TEST_QUERY = gql`
   query(
@@ -276,12 +276,12 @@ export default {
         return [];
       }
 
-      const previousTestsMap = new Map(this.previousTests.map(test => [
+      const previousTestsMap = new Map(this.previousTests.map((test) => [
         `${test.subProject}:${test.node.name}`,
         test.node.status,
       ]));
 
-      return this.tests.filter(test => {
+      return this.tests.filter((test) => {
         const key = `${test.subProject}:${test.node.name}`;
         const previousStatus = previousTestsMap.get(key);
         return previousStatus !== test.node.status;
@@ -308,7 +308,7 @@ export default {
     },
 
     formattedTestRows() {
-      return this.filteredTests?.map(edge => {
+      return this.filteredTests?.map((edge) => {
         return {
           name: {
             value: edge.node.name,
@@ -351,27 +351,27 @@ export default {
   methods: {
     testStatusToColorClass(status) {
       switch (status) {
-      case 'PASSED':
-        return 'normal';
-      case 'FAILED':
-        return 'error';
-      case 'NOT_RUN':
-        return 'warning';
-      default:
-        return '';
+        case 'PASSED':
+          return 'normal';
+        case 'FAILED':
+          return 'error';
+        case 'NOT_RUN':
+          return 'warning';
+        default:
+          return '';
       }
     },
 
     humanReadableTestStatus(status) {
       switch (status) {
-      case 'PASSED':
-        return 'Passed';
-      case 'FAILED':
-        return 'Failed';
-      case 'NOT_RUN':
-        return 'Not Run';
-      default:
-        return status;
+        case 'PASSED':
+          return 'Passed';
+        case 'FAILED':
+          return 'Failed';
+        case 'NOT_RUN':
+          return 'Not Run';
+        default:
+          return status;
       }
     },
   },
diff --git a/resources/js/vue/components/BuildUpdate/CommitCard.vue b/resources/js/vue/components/BuildUpdate/CommitCard.vue
index 1a2f783efe..8d705e8e8f 100644
--- a/resources/js/vue/components/BuildUpdate/CommitCard.vue
+++ b/resources/js/vue/components/BuildUpdate/CommitCard.vue
@@ -39,13 +39,13 @@
 
 <script>
 
-import {Repository} from '../shared/RepositoryIntegrations';
+import { Repository } from '../shared/RepositoryIntegrations';
 import CodeBox from '../shared/CodeBox.vue';
 import CommitFileTreeNode from './CommitFileTreeNode.vue';
 
 export default {
   name: 'CommitCard',
-  components: {CodeBox, CommitFileTreeNode},
+  components: { CodeBox, CommitFileTreeNode },
 
   props: {
     commitFiles: {
@@ -79,25 +79,23 @@ export default {
     fileTree() {
       const tree = [];
 
-      this.commitFiles.forEach(file => {
+      this.commitFiles.forEach((file) => {
         const parts = file.fileName.split('/');
         let currentLevel = tree;
 
         parts.forEach((part, index) => {
-          const existingPath = currentLevel.find(item => item.name === part);
+          const existingPath = currentLevel.find((item) => item.name === part);
 
           if (existingPath) {
             currentLevel = existingPath.children;
-          }
-          else {
+          } else {
             const newNode = {
               name: part,
             };
 
             if (index < parts.length - 1) {
               newNode.children = [];
-            }
-            else {
+            } else {
               newNode.file = file;
             }
 
diff --git a/resources/js/vue/components/BuildUpdate/CommitFileTreeNode.vue b/resources/js/vue/components/BuildUpdate/CommitFileTreeNode.vue
index 69a8304b46..bbdb848e43 100644
--- a/resources/js/vue/components/BuildUpdate/CommitFileTreeNode.vue
+++ b/resources/js/vue/components/BuildUpdate/CommitFileTreeNode.vue
@@ -39,13 +39,13 @@
 </template>
 
 <script>
-import {Repository} from '../shared/RepositoryIntegrations';
-import {FontAwesomeIcon} from '@fortawesome/vue-fontawesome';
-import {faFolderOpen, faFile} from '@fortawesome/free-regular-svg-icons';
+import { Repository } from '../shared/RepositoryIntegrations';
+import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome';
+import { faFolderOpen, faFile } from '@fortawesome/free-regular-svg-icons';
 
 export default {
   name: 'CommitFileTreeNode',
-  components: {FontAwesomeIcon},
+  components: { FontAwesomeIcon },
 
   props: {
     node: {
diff --git a/resources/js/vue/components/BuildUpdatePage.vue b/resources/js/vue/components/BuildUpdatePage.vue
index 86a3752657..7c5d8ed7e0 100644
--- a/resources/js/vue/components/BuildUpdatePage.vue
+++ b/resources/js/vue/components/BuildUpdatePage.vue
@@ -64,14 +64,14 @@
 import BuildSummaryCard from './shared/BuildSummaryCard.vue';
 import LoadingIndicator from './shared/LoadingIndicator.vue';
 import BuildSidebar from './shared/BuildSidebar.vue';
-import {getRepository} from './shared/RepositoryIntegrations';
+import { getRepository } from './shared/RepositoryIntegrations';
 import gql from 'graphql-tag';
 import { DateTime } from 'luxon';
 import CommitCard from './BuildUpdate/CommitCard.vue';
 
 export default {
   name: 'BuildUpdate',
-  components: {CommitCard, LoadingIndicator, BuildSummaryCard, BuildSidebar},
+  components: { CommitCard, LoadingIndicator, BuildSummaryCard, BuildSidebar },
 
   props: {
     buildId: {
@@ -108,7 +108,7 @@ export default {
           }
         }
       `,
-      update: data => data?.build?.updateStep,
+      update: (data) => data?.build?.updateStep,
       variables() {
         return {
           buildId: this.buildId,
@@ -144,7 +144,7 @@ export default {
           }
         }
       `,
-      update: data => data?.build?.updateStep?.updateFiles?.edges,
+      update: (data) => data?.build?.updateStep?.updateFiles?.edges,
       variables() {
         return {
           buildId: this.buildId,
@@ -161,8 +161,7 @@ export default {
     revisionUrl() {
       if (this.update.priorRevision) {
         return this.repository?.getComparisonUrl(this.update.revision, this.update.priorRevision) ?? '';
-      }
-      else {
+      } else {
         return this.repository?.getCommitUrl(this.update.revision) ?? '';
       }
     },
@@ -186,7 +185,7 @@ export default {
       const commits = Object.values(groups);
 
       // Sort files within each commit
-      commits.forEach(commitFiles => {
+      commits.forEach((commitFiles) => {
         commitFiles.sort((a, b) => a.fileName.localeCompare(b.fileName));
       });
 
diff --git a/resources/js/vue/components/CoverageFilePage.vue b/resources/js/vue/components/CoverageFilePage.vue
index cbb4564a26..002b5858e3 100644
--- a/resources/js/vue/components/CoverageFilePage.vue
+++ b/resources/js/vue/components/CoverageFilePage.vue
@@ -38,7 +38,7 @@ import BuildSidebar from './shared/BuildSidebar.vue';
 
 export default {
   name: 'CoverageFilePage',
-  components: {BuildSidebar, CoverageViewer, LoadingIndicator, BuildSummaryCard},
+  components: { BuildSidebar, CoverageViewer, LoadingIndicator, BuildSummaryCard },
 
   props: {
     buildId: {
@@ -93,7 +93,7 @@ export default {
           }
         }
       `,
-      update: data => data?.build?.coverage?.edges?.[0]?.node,
+      update: (data) => data?.build?.coverage?.edges?.[0]?.node,
       variables() {
         return {
           buildId: this.buildId,
diff --git a/resources/js/vue/components/CreateProjectPage.vue b/resources/js/vue/components/CreateProjectPage.vue
index 1ea2da4a13..4aabc11219 100644
--- a/resources/js/vue/components/CreateProjectPage.vue
+++ b/resources/js/vue/components/CreateProjectPage.vue
@@ -150,12 +150,12 @@ import {
   faShieldHalved,
   faLock,
 } from '@fortawesome/free-solid-svg-icons';
-import {FontAwesomeIcon} from '@fortawesome/vue-fontawesome';
+import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome';
 import gql from 'graphql-tag';
 
 export default {
   name: 'CreateProjectPage',
-  components: {FontAwesomeIcon},
+  components: { FontAwesomeIcon },
 
   props: {
     maxProjectVisibility: {
@@ -215,22 +215,19 @@ export default {
         if (response.data.createProject) {
           window.location.href = `${this.$baseURL}/projects/${response.data.createProject.id}/settings`;
         }
-      }
-      catch (error) {
+      } catch (error) {
         if (error.graphQLErrors) {
-          error.graphQLErrors.forEach(e => {
+          error.graphQLErrors.forEach((e) => {
             if (e.extensions && e.extensions.validation) {
               this.validationErrors = Object.keys(e.extensions.validation).reduce((acc, key) => {
                 acc[key.replace('input.', '')] = e.extensions.validation[key];
                 return acc;
               }, {});
-            }
-            else {
+            } else {
               this.fatalError = e.message;
             }
           });
-        }
-        else {
+        } else {
           this.fatalError = error.message;
         }
       }
diff --git a/resources/js/vue/components/ManageAuthTokens.vue b/resources/js/vue/components/ManageAuthTokens.vue
index 0494b5d883..54fbc54df2 100644
--- a/resources/js/vue/components/ManageAuthTokens.vue
+++ b/resources/js/vue/components/ManageAuthTokens.vue
@@ -68,15 +68,15 @@
 <script>
 
 import DataTable from './shared/DataTable.vue';
-import {FontAwesomeIcon} from '@fortawesome/vue-fontawesome';
-import {faTrash} from '@fortawesome/free-solid-svg-icons';
+import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome';
+import { faTrash } from '@fortawesome/free-solid-svg-icons';
 import gql from 'graphql-tag';
 import LoadingIndicator from './shared/LoadingIndicator.vue';
-import {DateTime} from 'luxon';
+import { DateTime } from 'luxon';
 
 export default {
   name: 'ManageAuthTokens',
-  components: {LoadingIndicator, FontAwesomeIcon, DataTable},
+  components: { LoadingIndicator, FontAwesomeIcon, DataTable },
 
   apollo: {
     authenticationTokens: {
@@ -115,7 +115,7 @@ export default {
     },
 
     formattedAuthTokenRows() {
-      return (this.authenticationTokens?.edges ?? []).map(({node: token}) => {
+      return (this.authenticationTokens?.edges ?? []).map(({ node: token }) => {
         return {
           owner: `${token.user?.firstname} ${token.user?.lastname}`,
           description: token.description,
@@ -151,8 +151,7 @@ export default {
           },
         });
         await this.$apollo.queries.authenticationTokens.refetch();
-      }
-      catch (error) {
+      } catch (error) {
         console.error(error);
       }
     },
diff --git a/resources/js/vue/components/Monitor.vue b/resources/js/vue/components/Monitor.vue
index d42a033e16..f26d024167 100644
--- a/resources/js/vue/components/Monitor.vue
+++ b/resources/js/vue/components/Monitor.vue
@@ -45,7 +45,7 @@ export default {
     TimelinePlot,
   },
 
-  data () {
+  data() {
     return {
       // API results.
       cdash: {},
@@ -55,13 +55,12 @@ export default {
     };
   },
 
-  mounted () {
+  mounted() {
     ApiLoader.loadPageData(this, '/api/monitor');
   },
 
   methods: {
-    postSetup: function() {
-
+    postSetup: function () {
       // perform data marshalling before sending data to plot template
       const formatted_data = [];
       this.cdash.time_chart_data.data.forEach((line) => {
@@ -70,7 +69,7 @@ export default {
           name: line.name,
           values: line.values.map((d) => {
             // converts UNIX epoch format from API to JS date object
-            return { x: new Date(d[0]*1000), y: d[1] };
+            return { x: new Date(d[0] * 1000), y: d[1] };
           }),
         });
       });
diff --git a/resources/js/vue/components/ProfilePage.vue b/resources/js/vue/components/ProfilePage.vue
index 709fbfb11f..c64e25a30a 100644
--- a/resources/js/vue/components/ProfilePage.vue
+++ b/resources/js/vue/components/ProfilePage.vue
@@ -412,7 +412,7 @@ export default {
           }
         }
       `,
-      update: data => data?.me?.authenticationTokens?.edges,
+      update: (data) => data?.me?.authenticationTokens?.edges,
     },
     projects: {
       query: gql`
@@ -429,7 +429,7 @@ export default {
           }
         }
       `,
-      update: data => data?.me?.projects?.edges,
+      update: (data) => data?.me?.projects?.edges,
     },
   },
 
@@ -469,7 +469,7 @@ export default {
           variables: {
             input: {
               description: this.newTokenForm.description,
-              expiration: DateTime.fromISO(this.newTokenForm.expiration, {zone: 'utc'}).plus({ days: 1 }).startOf('day').set({ millisecond: 0 }).toISO({ suppressMilliseconds: true }),
+              expiration: DateTime.fromISO(this.newTokenForm.expiration, { zone: 'utc' }).plus({ days: 1 }).startOf('day').set({ millisecond: 0 }).toISO({ suppressMilliseconds: true }),
               scope: this.newTokenForm.scope,
               projectId: this.newTokenForm.projectId,
             },
@@ -478,8 +478,7 @@ export default {
 
         if (response.data.createAuthenticationToken.message) {
           this.newTokenError = response.data.createAuthenticationToken.message;
-        }
-        else {
+        } else {
           this.newTokenRaw = response.data.createAuthenticationToken.rawToken;
           this.newTokenForm = {
             description: '',
@@ -489,22 +488,19 @@ export default {
           };
           await this.$apollo.queries.authenticationTokens.refetch();
         }
-      }
-      catch (error) {
+      } catch (error) {
         if (error.graphQLErrors) {
-          error.graphQLErrors.forEach(e => {
+          error.graphQLErrors.forEach((e) => {
             if (e.extensions && e.extensions.validation) {
               this.newTokenValidationErrors = Object.keys(e.extensions.validation).reduce((acc, key) => {
                 acc[key.replace('input.', '')] = e.extensions.validation[key];
                 return acc;
               }, {});
-            }
-            else {
+            } else {
               this.newTokenError = e.message;
             }
           });
-        }
-        else {
+        } else {
           this.newTokenError = error.message;
         }
       }
@@ -527,8 +523,7 @@ export default {
           },
         });
         await this.$apollo.queries.authenticationTokens.refetch();
-      }
-      catch (error) {
+      } catch (error) {
         console.error(error);
       }
     },
@@ -540,8 +535,7 @@ export default {
         setTimeout(() => {
           this.copied = false;
         }, 2000);
-      }
-      catch (err) {
+      } catch (err) {
         console.error('Failed to copy: ', err);
       }
     },
diff --git a/resources/js/vue/components/ProjectMembersPage.vue b/resources/js/vue/components/ProjectMembersPage.vue
index 9d4a139a6f..8787c02010 100644
--- a/resources/js/vue/components/ProjectMembersPage.vue
+++ b/resources/js/vue/components/ProjectMembersPage.vue
@@ -347,13 +347,13 @@ export default {
           }
         }
       `,
-      update: data => data?.project?.administrators,
+      update: (data) => data?.project?.administrators,
       variables() {
         return {
           projectid: this.projectId,
         };
       },
-      result({data}) {
+      result({ data }) {
         if (data && data.project.administrators.pageInfo.hasNextPage) {
           this.$apollo.queries.projectAdministrators.fetchMore({
             variables: {
@@ -388,13 +388,13 @@ export default {
           }
         }
       `,
-      update: data => data?.project?.basicUsers,
+      update: (data) => data?.project?.basicUsers,
       variables() {
         return {
           projectid: this.projectId,
         };
       },
-      result({data}) {
+      result({ data }) {
         if (data && data.project.basicUsers.pageInfo.hasNextPage) {
           this.$apollo.queries.projectUsers.fetchMore({
             variables: {
@@ -435,13 +435,13 @@ export default {
           }
         }
       `,
-      update: data => data?.project?.invitations,
+      update: (data) => data?.project?.invitations,
       variables() {
         return {
           projectid: this.projectId,
         };
       },
-      result({data}) {
+      result({ data }) {
         if (data && data.project.invitations.pageInfo.hasNextPage) {
           this.$apollo.queries.projectInvitations.fetchMore({
             variables: {
@@ -466,7 +466,7 @@ export default {
     },
 
     formattedUserRows() {
-      return this.projectAdministrators.edges?.map(edge => {
+      return this.projectAdministrators.edges?.map((edge) => {
         return {
           name: `${edge.node.firstname} ${edge.node.lastname}`,
           role: {
@@ -477,7 +477,7 @@ export default {
             user: edge.node,
           },
         };
-      }).concat(this.projectUsers.edges?.map(edge => {
+      }).concat(this.projectUsers.edges?.map((edge) => {
         return {
           name: `${edge.node.firstname} ${edge.node.lastname}`,
           role: {
@@ -492,7 +492,7 @@ export default {
     },
 
     formattedInvitationRows() {
-      return this.projectInvitations.edges?.map(edge => {
+      return this.projectInvitations.edges?.map((edge) => {
         return {
           email: edge.node.email,
           role: this.humanReadableRole(edge.node.role),
diff --git a/resources/js/vue/components/ProjectSettings/GeneralTab.vue b/resources/js/vue/components/ProjectSettings/GeneralTab.vue
index 2ac48eb489..2e68a274c6 100644
--- a/resources/js/vue/components/ProjectSettings/GeneralTab.vue
+++ b/resources/js/vue/components/ProjectSettings/GeneralTab.vue
@@ -472,7 +472,7 @@ import {
   faLink,
   faCheck,
 } from '@fortawesome/free-solid-svg-icons';
-import {FontAwesomeIcon} from '@fortawesome/vue-fontawesome';
+import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome';
 import InputField from '../shared/FormInputs/InputField.vue';
 import TextAreaField from '../shared/FormInputs/TextAreaField.vue';
 import CheckboxField from '../shared/FormInputs/CheckboxField.vue';
@@ -483,9 +483,14 @@ import LoadingIndicator from '../shared/LoadingIndicator.vue';
 export default {
   name: 'GeneralTab',
 
-  components: {
-    LoadingIndicator,
-    TabContent, SelectField, CheckboxField, TextAreaField, InputField, FontAwesomeIcon, FormSection},
+  components: { LoadingIndicator,
+    TabContent,
+    SelectField,
+    CheckboxField,
+    TextAreaField,
+    InputField,
+    FontAwesomeIcon,
+    FormSection },
 
   props: {
     projectId: {
@@ -645,23 +650,20 @@ export default {
           },
         });
         this.projectSaved = true;
-      }
-      catch (error) {
+      } catch (error) {
         this.projectUpdateFailed = true;
         if (error.graphQLErrors) {
-          error.graphQLErrors.forEach(e => {
+          error.graphQLErrors.forEach((e) => {
             if (e.extensions && e.extensions.validation) {
               this.validationErrors = Object.keys(e.extensions.validation).reduce((acc, key) => {
                 acc[key.replace('input.', '')] = e.extensions.validation[key];
                 return acc;
               }, {});
-            }
-            else {
+            } else {
               this.fatalError = e.message;
             }
           });
-        }
-        else {
+        } else {
           this.fatalError = error.message;
         }
       }
diff --git a/resources/js/vue/components/ProjectSettings/IntegrationsTab.vue b/resources/js/vue/components/ProjectSettings/IntegrationsTab.vue
index 46bb20700b..92eeac4fe5 100644
--- a/resources/js/vue/components/ProjectSettings/IntegrationsTab.vue
+++ b/resources/js/vue/components/ProjectSettings/IntegrationsTab.vue
@@ -114,7 +114,7 @@
 import TabContent from './TabContent.vue';
 import gql from 'graphql-tag';
 import InputField from '../shared/FormInputs/InputField.vue';
-import {FontAwesomeIcon} from '@fortawesome/vue-fontawesome';
+import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome';
 import {
   faPlus,
   faTrashCan,
@@ -215,31 +215,26 @@ export default {
             },
           },
         });
-      }
-      catch (error) {
+      } catch (error) {
         if (error.graphQLErrors) {
-          error.graphQLErrors.forEach(e => {
+          error.graphQLErrors.forEach((e) => {
             if (e.extensions && e.extensions.validation) {
               this.validationErrors = Object.keys(e.extensions.validation).reduce((acc, key) => {
                 acc[key.replace('input.', '')] = e.extensions.validation[key];
                 return acc;
               }, {});
-            }
-            else if (e.extensions && e.extensions.debugMessage && e.extensions.debugMessage.includes('got invalid value')) {
+            } else if (e.extensions && e.extensions.debugMessage && e.extensions.debugMessage.includes('got invalid value')) {
               const fieldMatch = e.extensions.debugMessage.match(/at "input\.([^"]+)"/);
               if (fieldMatch && fieldMatch[1]) {
                 this.validationErrors[fieldMatch[1]] = ['Invalid format.'];
-              }
-              else {
+              } else {
                 this.fatalError = e.extensions.debugMessage;
               }
-            }
-            else {
+            } else {
               this.fatalError = e.message;
             }
           });
-        }
-        else {
+        } else {
           this.fatalError = error.message;
         }
         return;
@@ -273,14 +268,12 @@ export default {
             },
           },
         });
-      }
-      catch (error) {
+      } catch (error) {
         if (error.graphQLErrors) {
-          error.graphQLErrors.forEach(e => {
+          error.graphQLErrors.forEach((e) => {
             this.fatalError = e.message;
           });
-        }
-        else {
+        } else {
           this.fatalError = error.message;
         }
         return;
diff --git a/resources/js/vue/components/ProjectSettings/TestMeasurementsTab.vue b/resources/js/vue/components/ProjectSettings/TestMeasurementsTab.vue
index 8028dec02c..11e28c7627 100644
--- a/resources/js/vue/components/ProjectSettings/TestMeasurementsTab.vue
+++ b/resources/js/vue/components/ProjectSettings/TestMeasurementsTab.vue
@@ -159,7 +159,7 @@ export default {
       },
       result({ data }) {
         if (data && data.project) {
-          this.testMeasurements = [...data.project.pinnedTestMeasurements.edges.map(edge => edge.node)].sort((a, b) => a.position - b.position);
+          this.testMeasurements = [...data.project.pinnedTestMeasurements.edges.map((edge) => edge.node)].sort((a, b) => a.position - b.position);
         }
       },
     },
@@ -207,16 +207,13 @@ export default {
         });
         if (result.data.createPinnedTestMeasurement.message) {
           this.errorMessage = result.data.createPinnedTestMeasurement.message;
-        }
-        else {
+        } else {
           this.newTestMeasurementName = '';
           this.$apollo.queries.project.refetch();
         }
-      }
-      catch (error) {
+      } catch (error) {
         this.errorMessage = error.message;
-      }
-      finally {
+      } finally {
         this.createLoading = false;
       }
     },
@@ -240,19 +237,17 @@ export default {
         });
         if (result.data.deletePinnedTestMeasurement.message) {
           this.errorMessage = result.data.deletePinnedTestMeasurement.message;
-        }
-        else {
+        } else {
           this.$apollo.queries.project.refetch();
         }
-      }
-      catch (error) {
+      } catch (error) {
         this.errorMessage = error.message;
       }
     },
 
     async updateOrder() {
       this.errorMessage = '';
-      const pinnedTestMeasurementIds = this.testMeasurements.map(m => m.id);
+      const pinnedTestMeasurementIds = this.testMeasurements.map((m) => m.id);
       try {
         const result = await this.$apollo.mutate({
           mutation: gql`
@@ -278,8 +273,7 @@ export default {
           this.errorMessage = result.data.updatePinnedTestMeasurementOrder.message;
           this.$apollo.queries.project.refetch();
         }
-      }
-      catch (error) {
+      } catch (error) {
         this.errorMessage = error.message;
         this.$apollo.queries.project.refetch();
       }
diff --git a/resources/js/vue/components/ProjectSettingsPage.vue b/resources/js/vue/components/ProjectSettingsPage.vue
index beed29501e..66a6d89bc7 100644
--- a/resources/js/vue/components/ProjectSettingsPage.vue
+++ b/resources/js/vue/components/ProjectSettingsPage.vue
@@ -78,7 +78,7 @@ import TestMeasurementsTab from './ProjectSettings/TestMeasurementsTab.vue';
 
 export default {
   name: 'ProjectSettingsPage',
-  components: {GeneralTab,IntegrationsTab,TestMeasurementsTab},
+  components: { GeneralTab, IntegrationsTab, TestMeasurementsTab },
 
   props: {
     projectId: {
diff --git a/resources/js/vue/components/ProjectSitesPage.vue b/resources/js/vue/components/ProjectSitesPage.vue
index 5e831a44e1..86911079d7 100644
--- a/resources/js/vue/components/ProjectSitesPage.vue
+++ b/resources/js/vue/components/ProjectSitesPage.vue
@@ -100,7 +100,7 @@ export default {
           projectid: this.projectId,
         };
       },
-      result({data}) {
+      result({ data }) {
         if (data && data.allSites.sites.pageInfo.hasNextPage) {
           this.$apollo.queries.allSites.fetchMore({
             variables: {
@@ -114,7 +114,7 @@ export default {
 
   computed: {
     formattedSiteRows() {
-      return this.allSites.sites.edges?.map(edge => {
+      return this.allSites.sites.edges?.map((edge) => {
         return {
           name: {
             value: edge.node.name,
@@ -129,7 +129,7 @@ export default {
             value: edge.node.mostRecentInformation?.totalPhysicalMemory,
             text: this.humanReadableMemory(edge.node.mostRecentInformation?.totalPhysicalMemory),
           },
-          maintainers: edge.node.maintainers.edges.map(maintainer => {
+          maintainers: edge.node.maintainers.edges.map((maintainer) => {
             let maintainerName = '';
             if (maintainer.node.firstname) {
               maintainerName += maintainer.node.firstname;
@@ -159,11 +159,9 @@ export default {
 
       if (inputInMiB < 1024) {
         return `${inputInMiB} MiB`;
-      }
-      else if (inputInMiB < 1024 * 1024) {
+      } else if (inputInMiB < 1024 * 1024) {
         return `${(inputInMiB / 1024).toFixed(2)} GiB`;
-      }
-      else {
+      } else {
         return `${(inputInMiB / (1024 * 1024)).toFixed(2)} TiB`;
       }
     },
diff --git a/resources/js/vue/components/ProjectsPage.vue b/resources/js/vue/components/ProjectsPage.vue
index e8633ef2d2..042b75ed12 100644
--- a/resources/js/vue/components/ProjectsPage.vue
+++ b/resources/js/vue/components/ProjectsPage.vue
@@ -115,7 +115,7 @@
 
 import LoadingIndicator from './shared/LoadingIndicator.vue';
 import gql from 'graphql-tag';
-import {DateTime} from 'luxon';
+import { DateTime } from 'luxon';
 import ProjectLogo from './shared/ProjectLogo.vue';
 import {
   faCalendar,
@@ -123,7 +123,7 @@ import {
   faShieldHalved,
   faLock,
 } from '@fortawesome/free-solid-svg-icons';
-import {FontAwesomeIcon} from '@fortawesome/vue-fontawesome';
+import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome';
 
 const PROJECT_LIST_QUERY = `
   projects(after: $after) {
@@ -155,7 +155,7 @@ const PROJECT_LIST_QUERY = `
 
 export default {
   name: 'ProjectsPage',
-  components: {FontAwesomeIcon, ProjectLogo, LoadingIndicator},
+  components: { FontAwesomeIcon, ProjectLogo, LoadingIndicator },
 
   props: {
     isLoggedIn: {
@@ -188,7 +188,7 @@ export default {
           after: null,
         };
       },
-      result({data}) {
+      result({ data }) {
         if (data && data.allVisibleProjects.pageInfo.hasNextPage) {
           this.$apollo.queries.allVisibleProjects.fetchMore({
             variables: {
@@ -208,14 +208,14 @@ export default {
           }
         }
       `,
-      update: data => data?.me?.projects,
+      update: (data) => data?.me?.projects,
       variables() {
         return {
           countBuildsSince: this.oneDayAgo,
           after: null,
         };
       },
-      result({data}) {
+      result({ data }) {
         if (data && data.me?.projects.pageInfo.hasNextPage) {
           this.$apollo.queries.myProjects.fetchMore({
             variables: {
@@ -244,13 +244,11 @@ export default {
     projects() {
       let edges;
       if (this.currentTab === 'MEMBER') {
-        edges = this.myProjects?.edges.map(x => x);
-      }
-      else if (this.currentTab === 'ACTIVE') {
-        edges = this.allVisibleProjects?.edges.filter(({node: project}) => project.buildCount > 0);
-      }
-      else {
-        edges = this.allVisibleProjects?.edges.map(x => x);
+        edges = this.myProjects?.edges.map((x) => x);
+      } else if (this.currentTab === 'ACTIVE') {
+        edges = this.allVisibleProjects?.edges.filter(({ node: project }) => project.buildCount > 0);
+      } else {
+        edges = this.allVisibleProjects?.edges.map((x) => x);
       }
 
       if (edges === null || edges === undefined) {
@@ -267,33 +265,33 @@ export default {
       }
 
       switch (this.currentTab) {
-      case 'MEMBER':
-        return 'You are not a member of any projects yet...';
-      case 'ACTIVE':
-        return 'No projects with builds in the last 24 hours...';
-      case 'ALL':
-        return 'No projects to display...';
-      default:
-        return null;
+        case 'MEMBER':
+          return 'You are not a member of any projects yet...';
+        case 'ACTIVE':
+          return 'No projects with builds in the last 24 hours...';
+        case 'ALL':
+          return 'No projects to display...';
+        default:
+          return null;
       }
     },
 
     oneDayAgo() {
-      return DateTime.now().minus({days: 1}).startOf('second').toISO({suppressMilliseconds: true});
+      return DateTime.now().minus({ days: 1 }).startOf('second').toISO({ suppressMilliseconds: true });
     },
   },
 
   methods: {
     projectVisibilityToIcon(visibility) {
       switch (visibility) {
-      case 'PUBLIC':
-        return this.FA.faEarthAmericas;
-      case 'PROTECTED':
-        return this.FA.faShieldHalved;
-      case 'PRIVATE':
-        return this.FA.faLock;
-      default:
-        throw `Invalid visibility ${visibility}`;
+        case 'PUBLIC':
+          return this.FA.faEarthAmericas;
+        case 'PROTECTED':
+          return this.FA.faShieldHalved;
+        case 'PRIVATE':
+          return this.FA.faLock;
+        default:
+          throw `Invalid visibility ${visibility}`;
       }
     },
   },
diff --git a/resources/js/vue/components/SitesIdPage.vue b/resources/js/vue/components/SitesIdPage.vue
index 1642da8a42..1fbc99089a 100644
--- a/resources/js/vue/components/SitesIdPage.vue
+++ b/resources/js/vue/components/SitesIdPage.vue
@@ -376,7 +376,7 @@ export default {
           siteid: this.siteId,
         };
       },
-      result({data}) {
+      result({ data }) {
         if (data && data.site.information.pageInfo.hasNextPage) {
           this.$apollo.queries.site.fetchMore({
             variables: {
@@ -410,7 +410,7 @@ export default {
           }
         }
       `,
-      update: data => data?.site?.mostRecentInformation,
+      update: (data) => data?.site?.mostRecentInformation,
       variables() {
         return {
           siteid: this.siteId,
@@ -420,13 +420,13 @@ export default {
 
     siteMaintainers: {
       query: SITE_MAINTAINERS_QUERY,
-      update: data => data,
+      update: (data) => data,
       variables() {
         return {
           siteid: this.siteId,
         };
       },
-      result({data}) {
+      result({ data }) {
         if (data && data.site.maintainers.pageInfo.hasNextPage) {
           this.$apollo.queries.siteMaintainers.site.maintainers.fetchMore({
             variables: {
@@ -473,7 +473,7 @@ export default {
           siteid: this.siteId,
         };
       },
-      result({data}) {
+      result({ data }) {
         if (data && data.projects.pageInfo.hasNextPage) {
           this.$apollo.queries.projects.fetchMore({
             variables: {
@@ -510,11 +510,9 @@ export default {
 
       if (inputInMiB < 1024) {
         return `${inputInMiB} MiB`;
-      }
-      else if (inputInMiB < 1024 * 1024) {
+      } else if (inputInMiB < 1024 * 1024) {
         return `${(inputInMiB / 1024).toFixed(2)} GiB`;
-      }
-      else {
+      } else {
         return `${(inputInMiB / (1024 * 1024)).toFixed(2)} TiB`;
       }
     },
@@ -522,8 +520,7 @@ export default {
     humanReadableClockFrequency(inputInMhz) {
       if (inputInMhz > 1000) {
         return `${inputInMhz / 1000} GHz`;
-      }
-      else {
+      } else {
         return `${inputInMhz} MHz`;
       }
     },
@@ -550,43 +547,43 @@ export default {
 
     humanReadableSiteFieldName(name) {
       switch (name) {
-      case 'processorVendor':
-        return 'Processor Vendor';
-      case 'processorVendorId':
-        return 'Processor Vendor ID';
-      case 'processorFamilyId':
-        return 'Processor Family ID';
-      case 'processorModelId':
-        return 'Processor Model ID';
-      case 'processorModelName':
-        return 'Processor Model Name';
-      case 'processorCacheSize':
-        return 'Processor Cache Size';
-      case 'numberLogicalCpus':
-        return 'Logical CPUs';
-      case 'numberPhysicalCpus':
-        return 'Physical CPUs';
-      case 'totalVirtualMemory':
-        return 'Virtual Memory';
-      case 'totalPhysicalMemory':
-        return 'Physical Memory';
-      case 'processorClockFrequency':
-        return 'Clock Frequency';
-      default:
-        return name;
+        case 'processorVendor':
+          return 'Processor Vendor';
+        case 'processorVendorId':
+          return 'Processor Vendor ID';
+        case 'processorFamilyId':
+          return 'Processor Family ID';
+        case 'processorModelId':
+          return 'Processor Model ID';
+        case 'processorModelName':
+          return 'Processor Model Name';
+        case 'processorCacheSize':
+          return 'Processor Cache Size';
+        case 'numberLogicalCpus':
+          return 'Logical CPUs';
+        case 'numberPhysicalCpus':
+          return 'Physical CPUs';
+        case 'totalVirtualMemory':
+          return 'Virtual Memory';
+        case 'totalPhysicalMemory':
+          return 'Physical Memory';
+        case 'processorClockFrequency':
+          return 'Clock Frequency';
+        default:
+          return name;
       }
     },
 
     humanReadableSiteFieldValue(field, value) {
       switch (field) {
-      case 'totalVirtualMemory':
-        return this.humanReadableMemory(value);
-      case 'totalPhysicalMemory':
-        return this.humanReadableMemory(value);
-      case 'processorClockFrequency':
-        return this.humanReadableClockFrequency(value);
-      default:
-        return value;
+        case 'totalVirtualMemory':
+          return this.humanReadableMemory(value);
+        case 'totalPhysicalMemory':
+          return this.humanReadableMemory(value);
+        case 'processorClockFrequency':
+          return this.humanReadableClockFrequency(value);
+        default:
+          return value;
       }
     },
 
@@ -739,16 +736,16 @@ export default {
                 timestamp: DateTime.now().toISODate(),
                 description: this.currentDescription,
                 processorVendor: this.mostRecentInformation.processorVendor,
-                processorVendorId:  this.mostRecentInformation.processorVendorId,
-                processorFamilyId:  this.mostRecentInformation.processorFamilyId,
-                processorModelId:  this.mostRecentInformation.processorModelId,
-                processorModelName:  this.mostRecentInformation.processorModelName,
-                processorCacheSize:  this.mostRecentInformation.processorCacheSize,
-                numberLogicalCpus:  this.mostRecentInformation.numberLogicalCpus,
-                numberPhysicalCpus:  this.mostRecentInformation.numberPhysicalCpus,
-                totalVirtualMemory:  this.mostRecentInformation.totalVirtualMemory,
-                totalPhysicalMemory:  this.mostRecentInformation.totalPhysicalMemory,
-                processorClockFrequency:  this.mostRecentInformation.processorClockFrequency,
+                processorVendorId: this.mostRecentInformation.processorVendorId,
+                processorFamilyId: this.mostRecentInformation.processorFamilyId,
+                processorModelId: this.mostRecentInformation.processorModelId,
+                processorModelName: this.mostRecentInformation.processorModelName,
+                processorCacheSize: this.mostRecentInformation.processorCacheSize,
+                numberLogicalCpus: this.mostRecentInformation.numberLogicalCpus,
+                numberPhysicalCpus: this.mostRecentInformation.numberPhysicalCpus,
+                totalVirtualMemory: this.mostRecentInformation.totalVirtualMemory,
+                totalPhysicalMemory: this.mostRecentInformation.totalPhysicalMemory,
+                processorClockFrequency: this.mostRecentInformation.processorClockFrequency,
               },
             },
           },
diff --git a/resources/js/vue/components/SubProjectDependencies.vue b/resources/js/vue/components/SubProjectDependencies.vue
index 48d6ddf3ad..bb518ea880 100644
--- a/resources/js/vue/components/SubProjectDependencies.vue
+++ b/resources/js/vue/components/SubProjectDependencies.vue
@@ -78,7 +78,7 @@ export default {
     },
   },
 
-  data () {
+  data() {
     return {
       // API results.
       cdash: {},
@@ -91,7 +91,7 @@ export default {
     };
   },
 
-  mounted () {
+  mounted() {
     ApiLoader.loadPageData(this, `/api/v1/getSubProjectDependencies.php?project=${encodeURIComponent(this.projectName)}&date=${this.date}`);
   },
 
@@ -140,8 +140,7 @@ export default {
             width: 4,
           };
           targetNodeNames.add(link.target);
-        }
-        else if (link.target === nodeName) {
+        } else if (link.target === nodeName) {
           // Incoming - Green
           link.lineStyle = {
             color: '#2ca02c',
@@ -149,8 +148,7 @@ export default {
             width: 4,
           };
           sourceNodeNames.add(link.source);
-        }
-        else {
+        } else {
           link.lineStyle = {
             color: '#ccc',
             opacity: 0.05,
@@ -167,8 +165,7 @@ export default {
             fontWeight: 'bold',
             color: '#000',
           };
-        }
-        else if (sourceNodeNames.has(node.name)) {
+        } else if (sourceNodeNames.has(node.name)) {
           // Dependent (Incoming source)
           node.itemStyle = {
             color: '#2ca02c',
@@ -178,8 +175,7 @@ export default {
             fontWeight: 'bold',
             color: '#000',
           };
-        }
-        else if (targetNodeNames.has(node.name)) {
+        } else if (targetNodeNames.has(node.name)) {
           // Dependency (Outgoing target)
           node.itemStyle = {
             color: '#d62728',
@@ -189,8 +185,7 @@ export default {
             fontWeight: 'bold',
             color: '#000',
           };
-        }
-        else {
+        } else {
           node.itemStyle = {
             opacity: 0.1,
           };
@@ -207,8 +202,7 @@ export default {
       const selected = e.target.value;
       if (parseInt(selected) === 1) {
         this.depData.sort(this.sort_by_id);
-      }
-      else if (parseInt(selected) === 0) {
+      } else if (parseInt(selected) === 0) {
         this.depData.sort(this.sort_by_name);
       }
       this.chartOption = this.getChartOption(this.depData);
@@ -221,14 +215,14 @@ export default {
       const categoryMap = {};
 
       // Grouping logic
-      data.forEach(item => {
+      data.forEach((item) => {
         if (item.group && !categoryMap[item.group]) {
           categoryMap[item.group] = categories.length;
           categories.push({ name: item.group });
         }
       });
 
-      data.forEach(item => {
+      data.forEach((item) => {
         nodes.push({
           name: item.name,
           category: item.group ? categoryMap[item.group] : undefined,
@@ -236,9 +230,9 @@ export default {
         });
       });
 
-      data.forEach(item => {
+      data.forEach((item) => {
         if (item.depends) {
-          item.depends.forEach(dep => {
+          item.depends.forEach((dep) => {
             links.push({
               source: item.name,
               target: dep,
diff --git a/resources/js/vue/components/TestDetailsPage.vue b/resources/js/vue/components/TestDetailsPage.vue
index a60fe21b38..d2e4780d40 100644
--- a/resources/js/vue/components/TestDetailsPage.vue
+++ b/resources/js/vue/components/TestDetailsPage.vue
@@ -318,7 +318,7 @@ import LoadingIndicator from './shared/LoadingIndicator.vue';
 import BuildSidebar from './shared/BuildSidebar.vue';
 import gql from 'graphql-tag';
 import Utils from './shared/Utils';
-import {FontAwesomeIcon} from '@fortawesome/vue-fontawesome';
+import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome';
 import {
   faCircleCheck,
   faCircleXmark,
@@ -441,7 +441,7 @@ export default {
     },
   },
 
-  data () {
+  data() {
     return {
       jeCompareInitialized: false,
     };
@@ -505,40 +505,40 @@ export default {
 
     testStatus() {
       switch (this.test.status) {
-      case 'PASSED':
-        return 'Passed';
-      case 'FAILED':
-        return 'Failed';
-      case 'NOT_RUN':
-        return 'Not Run';
-      default:
-        return this.test.status;
+        case 'PASSED':
+          return 'Passed';
+        case 'FAILED':
+          return 'Failed';
+        case 'NOT_RUN':
+          return 'Not Run';
+        default:
+          return this.test.status;
       }
     },
 
     testStatusPillClass() {
       switch (this.test.status) {
-      case 'PASSED':
-        return 'tw-bg-success tw-text-success-content';
-      case 'FAILED':
-        return 'tw-bg-error tw-text-error-content';
-      case 'NOT_RUN':
-        return 'tw-bg-warning tw-text-warning-content';
-      default:
-        return 'tw-bg-neutral tw-text-neutral-content';
+        case 'PASSED':
+          return 'tw-bg-success tw-text-success-content';
+        case 'FAILED':
+          return 'tw-bg-error tw-text-error-content';
+        case 'NOT_RUN':
+          return 'tw-bg-warning tw-text-warning-content';
+        default:
+          return 'tw-bg-neutral tw-text-neutral-content';
       }
     },
 
     testStatusIcon() {
       switch (this.test.status) {
-      case 'PASSED':
-        return faCircleCheck;
-      case 'FAILED':
-        return faCircleXmark;
-      case 'NOT_RUN':
-        return faCircleExclamation;
-      default:
-        return faCircleQuestion;
+        case 'PASSED':
+          return faCircleCheck;
+        case 'FAILED':
+          return faCircleXmark;
+        case 'NOT_RUN':
+          return faCircleExclamation;
+        default:
+          return faCircleQuestion;
       }
     },
 
@@ -549,12 +549,12 @@ export default {
         return 'tw-bg-gray-200 tw-text-gray-500';
       }
       switch (this.test.timeStatusCategory) {
-      case 'PASSED':
-        return 'tw-bg-green-100 tw-text-green-600';
-      case 'FAILED':
-        return 'tw-bg-red-100 tw-text-red-600';
-      default:
-        return 'tw-bg-gray-200 tw-text-gray-500';
+        case 'PASSED':
+          return 'tw-bg-green-100 tw-text-green-600';
+        case 'FAILED':
+          return 'tw-bg-red-100 tw-text-red-600';
+        default:
+          return 'tw-bg-gray-200 tw-text-gray-500';
       }
     },
 
@@ -569,8 +569,7 @@ export default {
       this.test.testImages.edges.forEach(({ node: image }) => {
         if (image.role === 'ValidImage') {
           validImages.push(image);
-        }
-        else if (image.role === 'TestImage') {
+        } else if (image.role === 'TestImage') {
           testImages.push(image);
         }
       });
@@ -589,10 +588,10 @@ export default {
       const order = ['numeric/', 'file', 'text/link', 'text/string', 'text/preformatted'];
       const excludedNames = ['Environment', 'Command Line'];
       return [...this.test.testMeasurements]
-        .filter(measurement => !(measurement.type === 'text/string' && excludedNames.includes(measurement.name)))
+        .filter((measurement) => !(measurement.type === 'text/string' && excludedNames.includes(measurement.name)))
         .sort((measurementA, measurementB) => {
           const getOrder = (type) => {
-            const index = order.findIndex(orderItem => type.startsWith(orderItem));
+            const index = order.findIndex((orderItem) => type.startsWith(orderItem));
             return index === -1 ? 999 : index;
           };
           const orderA = getOrder(measurementA.type);
@@ -605,7 +604,7 @@ export default {
     },
   },
 
-  async mounted () {
+  async mounted() {
     // Ensure jQuery is globally available before loading plugins
     window.jQuery = $;
     await import('../../angular/je_compare.js');
@@ -613,14 +612,14 @@ export default {
 
   methods: {
     getFileIndex(measurement) {
-      return this.files.findIndex(file => file.id === measurement.id);
+      return this.files.findIndex((file) => file.id === measurement.id);
     },
 
     initializeJeCompare() {
       if (this.jeCompareInitialized) {
         return;
       }
-      $('.je_compare').je_compare({caption: true});
+      $('.je_compare').je_compare({ caption: true });
       this.jeCompareInitialized = true;
     },
   },
diff --git a/resources/js/vue/components/TestTrendChart.vue b/resources/js/vue/components/TestTrendChart.vue
index 9a6e562d7c..4ba269dc42 100644
--- a/resources/js/vue/components/TestTrendChart.vue
+++ b/resources/js/vue/components/TestTrendChart.vue
@@ -72,8 +72,8 @@
 import VChart from 'vue-echarts';
 import Utils from './shared/Utils';
 import gql from 'graphql-tag';
-import {FontAwesomeIcon} from '@fortawesome/vue-fontawesome';
-import {faLink} from '@fortawesome/free-solid-svg-icons';
+import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome';
+import { faLink } from '@fortawesome/free-solid-svg-icons';
 
 import * as echarts from 'echarts/core';
 import { CanvasRenderer } from 'echarts/renderers';
@@ -195,9 +195,9 @@ export default {
         }
       `,
       variables() {
-        const measurementNames = this.numericMeasurements.map(measurement => measurement.name);
+        const measurementNames = this.numericMeasurements.map((measurement) => measurement.name);
         const measurementFilters = measurementNames.length > 0
-          ? { any: measurementNames.map(name => ({ eq: { name } })) }
+          ? { any: measurementNames.map((name) => ({ eq: { name } })) }
           : { eq: { name: 'NonExistentMeasurementToReturnNothing' } };
 
         return {
@@ -219,9 +219,9 @@ export default {
         }
         // Flatten the builds -> tests structure
         const tests = [];
-        data.project.builds.edges.forEach(buildEdge => {
+        data.project.builds.edges.forEach((buildEdge) => {
           const build = buildEdge.node;
-          build.tests.edges.forEach(testEdgeRecord => {
+          build.tests.edges.forEach((testEdgeRecord) => {
             const testRecord = testEdgeRecord.node;
             tests.push({
               ...testRecord,
@@ -254,10 +254,10 @@ export default {
       if (!this.history) {
         return [];
       }
-      return this.history.map(testRecord => {
+      return this.history.map((testRecord) => {
         const measurement = this.selectedMeasurement === 'time'
           ? null
-          : testRecord.testMeasurements.find(measurement => measurement.name === this.selectedMeasurement);
+          : testRecord.testMeasurements.find((measurement) => measurement.name === this.selectedMeasurement);
 
         return {
           x: testRecord.startTimeTimestamp,
@@ -275,7 +275,7 @@ export default {
       if (!this.chartData || this.chartData.length === 0) {
         return 1;
       }
-      let max = Math.max(...this.chartData.map(dataPoint => dataPoint.y));
+      let max = Math.max(...this.chartData.map((dataPoint) => dataPoint.y));
       if (this.selectedMeasurement === 'time' && this.enableTestTiming) {
         const historicalMax = this.chartData.reduce((maxVal, dataPoint) => {
           if (dataPoint.status !== 'PASSED') {
@@ -290,7 +290,7 @@ export default {
     },
 
     barSeriesData() {
-      return this.chartData.map(dataPoint => {
+      return this.chartData.map((dataPoint) => {
         const isFailed = dataPoint.status && dataPoint.status.toLowerCase() === 'failed';
         return {
           value: dataPoint.y,
@@ -340,7 +340,7 @@ export default {
         },
         xAxis: {
           type: 'category',
-          data: this.chartData.map(dataPoint => dataPoint.buildtestid),
+          data: this.chartData.map((dataPoint) => dataPoint.buildtestid),
           axisLabel: {
             show: false,
           },
@@ -435,7 +435,7 @@ export default {
       const xCenter = chartApi.coord([index, 0])[0];
       const fullWidth = chartApi.size([1, 0])[0];
       const barWidth = fullWidth * 0.7;
-      const xLeft = xCenter - barWidth / 2;
+      const xLeft = xCenter - (barWidth / 2);
       const threshold = chartApi.value(1);
       const yThreshold = chartApi.coord([0, threshold])[1];
       const yZero = chartApi.coord([0, 0])[1];
@@ -459,7 +459,7 @@ export default {
       if (previousIndex >= 0) {
         const prevDataItem = this.chartData[previousIndex];
         const prevXCenter = chartApi.coord([previousIndex, 0])[0];
-        const prevXRight = prevXCenter + barWidth / 2;
+        const prevXRight = prevXCenter + (barWidth / 2);
         const prevThreshold = this.getUpperThreshold(prevDataItem);
         const prevYThreshold = chartApi.coord([0, prevThreshold])[1];
 
@@ -495,8 +495,8 @@ export default {
       const xCenter = chartApi.coord([index, 0])[0];
       const fullWidth = chartApi.size([1, 0])[0];
       const barWidth = fullWidth * 0.7;
-      const xLeft = xCenter - barWidth / 2;
-      const xRight = xCenter + barWidth / 2;
+      const xLeft = xCenter - (barWidth / 2);
+      const xRight = xCenter + (barWidth / 2);
       const threshold = chartApi.value(1);
       const yThreshold = chartApi.coord([0, threshold])[1];
 
@@ -520,7 +520,7 @@ export default {
       if (previousIndex >= 0) {
         const prevDataItem = this.chartData[previousIndex];
         const prevXCenter = chartApi.coord([previousIndex, 0])[0];
-        const prevXRight = prevXCenter + barWidth / 2;
+        const prevXRight = prevXCenter + (barWidth / 2);
         const prevThreshold = this.getUpperThreshold(prevDataItem);
         const prevYThreshold = chartApi.coord([0, prevThreshold])[1];
 
diff --git a/resources/js/vue/components/UsersPage.vue b/resources/js/vue/components/UsersPage.vue
index c75bb300ce..f9b5fb9660 100644
--- a/resources/js/vue/components/UsersPage.vue
+++ b/resources/js/vue/components/UsersPage.vue
@@ -283,7 +283,7 @@ export default {
           }
         }
       `,
-      result({data}) {
+      result({ data }) {
         if (data && data.users.pageInfo.hasNextPage) {
           this.$apollo.queries.users.fetchMore({
             variables: {
@@ -335,7 +335,7 @@ export default {
           }
         }
       `,
-      result({data}) {
+      result({ data }) {
         if (data && data.invitations.pageInfo.hasNextPage) {
           this.$apollo.queries.invitations.fetchMore({
             variables: {
@@ -356,7 +356,7 @@ export default {
     },
 
     formattedUserRows() {
-      return this.users.edges?.map(edge => {
+      return this.users.edges?.map((edge) => {
         return {
           id: edge.node.id,
           name: `${edge.node.firstname} ${edge.node.lastname}`,
@@ -373,7 +373,7 @@ export default {
     },
 
     formattedInvitationRows() {
-      return this.invitations.edges?.map(edge => {
+      return this.invitations.edges?.map((edge) => {
         return {
           email: edge.node.email,
           role: this.humanReadableRole(edge.node.role),
@@ -455,8 +455,7 @@ export default {
       }).then((mutationResult) => {
         if (mutationResult.data.createGlobalInvitation.message !== null) {
           this.inviteUsersModalError = mutationResult.data.createGlobalInvitation.message;
-        }
-        else {
+        } else {
           // eslint-disable-next-line no-undef
           invite_users_modal.close();
           this.inviteUsersModalEmail = '';
diff --git a/resources/js/vue/components/ViewDynamicAnalysis.vue b/resources/js/vue/components/ViewDynamicAnalysis.vue
index cd6673d276..bdad31a1f0 100644
--- a/resources/js/vue/components/ViewDynamicAnalysis.vue
+++ b/resources/js/vue/components/ViewDynamicAnalysis.vue
@@ -50,7 +50,7 @@ export default {
     },
   },
 
-  data () {
+  data() {
     return {
       // API results.
       cdash: {},
@@ -97,7 +97,7 @@ export default {
       if (!this.cdash.dynamicanalyses) {
         return [];
       }
-      return this.cdash.dynamicanalyses.map(DA => {
+      return this.cdash.dynamicanalyses.map((DA) => {
         const row = {
           name: {
             text: DA.name,
@@ -140,7 +140,7 @@ export default {
     },
   },
 
-  mounted () {
+  mounted() {
     ApiLoader.loadPageData(this, `/api/v1/viewDynamicAnalysis.php?buildid=${this.buildid}`);
   },
 };
diff --git a/resources/js/vue/components/page-header/HeaderNav.vue b/resources/js/vue/components/page-header/HeaderNav.vue
index 698e03f8f5..918cdffcc5 100644
--- a/resources/js/vue/components/page-header/HeaderNav.vue
+++ b/resources/js/vue/components/page-header/HeaderNav.vue
@@ -84,15 +84,15 @@ export default {
   },
 
   computed: {
-    previousClass () {
+    previousClass() {
       return this.previousUrl === null ? 'btn-disabled' : 'btn-enabled';
     },
 
-    latestClass () {
+    latestClass() {
       return this.latestUrl === null ? 'btn-disabled' : 'btn-enabled';
     },
 
-    nextClass () {
+    nextClass() {
       return this.nextUrl === null ? 'btn-disabled' : 'btn-enabled';
     },
   },
diff --git a/resources/js/vue/components/shared/AdministrationPageCard.vue b/resources/js/vue/components/shared/AdministrationPageCard.vue
index 902d509e94..8968171589 100644
--- a/resources/js/vue/components/shared/AdministrationPageCard.vue
+++ b/resources/js/vue/components/shared/AdministrationPageCard.vue
@@ -22,7 +22,7 @@
 </template>
 
 <script>
-import {FontAwesomeIcon} from '@fortawesome/vue-fontawesome';
+import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome';
 
 export default {
   name: 'AdministrationPageCard',
diff --git a/resources/js/vue/components/shared/ApiLoader.js b/resources/js/vue/components/shared/ApiLoader.js
index d1db6e5fa3..ee238f9100 100644
--- a/resources/js/vue/components/shared/ApiLoader.js
+++ b/resources/js/vue/components/shared/ApiLoader.js
@@ -3,7 +3,7 @@ export default {
     vm.start = new Date().getTime();
     vm.$axios
       .get(endpoint_path)
-      .then(response => {
+      .then((response) => {
         // Pre-assigment hook for components.
         if (typeof vm.preSetup === 'function') {
           vm.preSetup(response);
@@ -42,7 +42,7 @@ export default {
           document.getElementById('testing-day').textContent = `| Testing day ${vm.cdash.currentdate} started at ${vm.cdash.nightlytime}`;
         }
       })
-      .catch(error => {
+      .catch((error) => {
         console.log(error);
         vm.errored = true;
       })
diff --git a/resources/js/vue/components/shared/BuildSummaryCard.vue b/resources/js/vue/components/shared/BuildSummaryCard.vue
index 6628fe0f52..ee46268fe1 100644
--- a/resources/js/vue/components/shared/BuildSummaryCard.vue
+++ b/resources/js/vue/components/shared/BuildSummaryCard.vue
@@ -296,7 +296,7 @@
 
 <script>
 import gql from 'graphql-tag';
-import {FontAwesomeIcon} from '@fortawesome/vue-fontawesome';
+import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome';
 import LoadingIndicator from './LoadingIndicator.vue';
 import { DateTime, Interval, Duration } from 'luxon';
 import BuildSummaryCardStepSummary from './BuildSummaryCardStepSummary.vue';
@@ -310,7 +310,7 @@ import Utils from './Utils';
 
 export default {
   name: 'BuildSummaryCard',
-  components: {BuildSummaryCardStepSummary, LoadingIndicator, FontAwesomeIcon},
+  components: { BuildSummaryCardStepSummary, LoadingIndicator, FontAwesomeIcon },
 
   props: {
     buildId: {
@@ -517,11 +517,9 @@ export default {
     configureColor() {
       if (this.build.configureErrorsCount > 0) {
         return 'tw-bg-red-400';
-      }
-      else if (this.build.configureWarningsCount > 0) {
+      } else if (this.build.configureWarningsCount > 0) {
         return 'tw-bg-orange-400';
-      }
-      else {
+      } else {
         return 'tw-bg-green-400';
       }
     },
@@ -533,14 +531,11 @@ export default {
     configureHighlightColor() {
       if (!this.hasConfigure) {
         return 'tw-border-x-gray-400';
-      }
-      else if (this.build.configureErrorsCount > 0) {
+      } else if (this.build.configureErrorsCount > 0) {
         return 'tw-border-x-red-400';
-      }
-      else if (this.build.configureWarningsCount > 0) {
+      } else if (this.build.configureWarningsCount > 0) {
         return 'tw-border-x-orange-400';
-      }
-      else {
+      } else {
         return 'tw-border-x-green-400';
       }
     },
@@ -548,11 +543,9 @@ export default {
     buildColor() {
       if (this.build.buildErrorsCount > 0) {
         return 'tw-bg-red-400';
-      }
-      else if (this.build.buildWarningsCount > 0) {
+      } else if (this.build.buildWarningsCount > 0) {
         return 'tw-bg-orange-400';
-      }
-      else {
+      } else {
         return 'tw-bg-green-400';
       }
     },
@@ -560,14 +553,11 @@ export default {
     buildHighlightColor() {
       if (!this.hasBuild) {
         return 'tw-border-x-gray-400';
-      }
-      else if (this.build.buildErrorsCount > 0) {
+      } else if (this.build.buildErrorsCount > 0) {
         return 'tw-border-x-red-400';
-      }
-      else if (this.build.buildWarningsCount > 0) {
+      } else if (this.build.buildWarningsCount > 0) {
         return 'tw-border-x-orange-400';
-      }
-      else {
+      } else {
         return 'tw-border-x-green-400';
       }
     },
@@ -575,8 +565,7 @@ export default {
     testColor() {
       if (this.build.failedTestsCount > 0) {
         return 'tw-bg-red-400';
-      }
-      else {
+      } else {
         return 'tw-bg-green-400';
       }
     },
@@ -584,11 +573,9 @@ export default {
     testHighlightColor() {
       if (!this.hasTest) {
         return 'tw-border-x-gray-400';
-      }
-      else if (this.build.failedTestsCount > 0) {
+      } else if (this.build.failedTestsCount > 0) {
         return 'tw-border-x-red-400';
-      }
-      else {
+      } else {
         return 'tw-border-x-green-400';
       }
     },
@@ -606,8 +593,7 @@ export default {
       const clockFrequency = this.build.site.mostRecentInformation.processorClockFrequency;
       if (clockFrequency > 1000) {
         return `${clockFrequency / 1000} GHz`;
-      }
-      else {
+      } else {
         return `${clockFrequency} MHz`;
       }
     },
@@ -625,11 +611,9 @@ export default {
     humanReadableMemory(inputInMiB) {
       if (inputInMiB < 1024) {
         return `${inputInMiB} MiB`;
-      }
-      else if (inputInMiB < 1024 * 1024) {
+      } else if (inputInMiB < 1024 * 1024) {
         return `${(inputInMiB / 1024).toFixed(2)} GiB`;
-      }
-      else {
+      } else {
         return `${(inputInMiB / (1024 * 1024)).toFixed(2)} TiB`;
       }
     },
diff --git a/resources/js/vue/components/shared/BuildSummaryCardStepSummary.vue b/resources/js/vue/components/shared/BuildSummaryCardStepSummary.vue
index 7f0256ccc9..7bc5f6a6c1 100644
--- a/resources/js/vue/components/shared/BuildSummaryCardStepSummary.vue
+++ b/resources/js/vue/components/shared/BuildSummaryCardStepSummary.vue
@@ -54,12 +54,12 @@
 </template>
 
 <script>
-import {FontAwesomeIcon} from '@fortawesome/vue-fontawesome';
-import {faLink} from '@fortawesome/free-solid-svg-icons';
+import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome';
+import { faLink } from '@fortawesome/free-solid-svg-icons';
 
 export default {
   name: 'BuildSummaryCardStepSummary',
-  components: {FontAwesomeIcon},
+  components: { FontAwesomeIcon },
 
   props: {
     upperRightText: {
diff --git a/resources/js/vue/components/shared/Charts/FlameChart.vue b/resources/js/vue/components/shared/Charts/FlameChart.vue
index fd4d5cd749..8f679f3dc1 100644
--- a/resources/js/vue/components/shared/Charts/FlameChart.vue
+++ b/resources/js/vue/components/shared/Charts/FlameChart.vue
@@ -88,7 +88,7 @@ export default {
           max: this.overallEndTime,
           type: 'time',
           axisLabel: {
-            formatter: val => {
+            formatter: (val) => {
               const relativeTime = val - this.overallStartTime;
               return Utils.formatDuration(relativeTime);
             },
diff --git a/resources/js/vue/components/shared/Charts/LineChart.vue b/resources/js/vue/components/shared/Charts/LineChart.vue
index ecd910c597..67b3109c55 100644
--- a/resources/js/vue/components/shared/Charts/LineChart.vue
+++ b/resources/js/vue/components/shared/Charts/LineChart.vue
@@ -76,9 +76,9 @@ export default {
       };
 
       if (hasData) {
-        const overallStartTime = Math.min(...this.data.map(p => p.x.toMillis()));
+        const overallStartTime = Math.min(...this.data.map((p) => p.x.toMillis()));
 
-        const chartData = this.data.map(point => [point.x.toMillis() - overallStartTime, point.y]);
+        const chartData = this.data.map((point) => [point.x.toMillis() - overallStartTime, point.y]);
 
         return {
           ...baseOption,
diff --git a/resources/js/vue/components/shared/CodeBox.vue b/resources/js/vue/components/shared/CodeBox.vue
index 557edf69ee..c5205c10f5 100644
--- a/resources/js/vue/components/shared/CodeBox.vue
+++ b/resources/js/vue/components/shared/CodeBox.vue
@@ -44,7 +44,7 @@ export default {
   computed: {
     ansiText() {
       const escapedText = String(this.text).replace(/\[NON-XML-CHAR-0x1B\]/g, '\x1B') ?? '';
-      return (new AnsiUp).ansi_to_html(escapedText);
+      return (new AnsiUp()).ansi_to_html(escapedText);
     },
 
     textSegments() {
diff --git a/resources/js/vue/components/shared/CommandFlameChart.vue b/resources/js/vue/components/shared/CommandFlameChart.vue
index 0853021555..f9fd9f8fb6 100644
--- a/resources/js/vue/components/shared/CommandFlameChart.vue
+++ b/resources/js/vue/components/shared/CommandFlameChart.vue
@@ -73,12 +73,12 @@ export default {
     return {
       colors: {
         // TODO: Use Tailwind for these colors instead.
-        'COMPILE': '#0072B2',
-        'LINK': '#009E73',
-        'CUSTOM': '#D55E00',
-        'CMAKE_BUILD': '#F0E442',
-        'CMAKE_INSTALL': '#CC79A7',
-        'INSTALL': '#56B4E9',
+        COMPILE: '#0072B2',
+        LINK: '#009E73',
+        CUSTOM: '#D55E00',
+        CMAKE_BUILD: '#F0E442',
+        CMAKE_INSTALL: '#CC79A7',
+        INSTALL: '#56B4E9',
       },
       commandBarHeight: 15,
       commandBarSpacing: 5,
@@ -108,14 +108,14 @@ export default {
         };
       });
 
-      const overallStartTime = Math.min(...rawCommandData.map(cmd => cmd.startTime));
-      const overallEndTime = Math.max(...rawCommandData.map(cmd => cmd.endTime));
+      const overallStartTime = Math.min(...rawCommandData.map((cmd) => cmd.startTime));
+      const overallEndTime = Math.max(...rawCommandData.map((cmd) => cmd.endTime));
 
       const trackEndTimes = [];
       const processedData = [];
       const sortedData = rawCommandData.slice().sort((a, b) => a.startTime - b.startTime);
 
-      sortedData.forEach(command => {
+      sortedData.forEach((command) => {
         let placed = false;
         let trackIndex = -1;
         for (let i = 0; i < trackEndTimes.length; i++) {
@@ -160,7 +160,7 @@ export default {
 
     totalChartHeight() {
       const numtracks = this.processedChartData.tracks.length;
-      return (this.commandBarHeight + this.commandBarSpacing) * numtracks + 60;
+      return ((this.commandBarHeight + this.commandBarSpacing) * numtracks) + 60;
     },
   },
 
@@ -192,12 +192,10 @@ export default {
             valueNode = document.createElement('div');
             valueNode.className = 'tw-font-mono tw-bg-gray-100 tw-p-1 tw-rounded tw-whitespace-pre-wrap tw-break-all !tw-mt-0';
             valueNode.textContent = value;
-          }
-          else if (isBold) {
+          } else if (isBold) {
             valueNode = document.createElement('b');
             valueNode.textContent = value;
-          }
-          else {
+          } else {
             valueNode = document.createTextNode(value);
           }
           container.appendChild(valueNode);
@@ -226,8 +224,7 @@ export default {
       const clickedCommandId = parseInt(params.data.value[11]);
       if (this.selectedCommandId === clickedCommandId) {
         this.selectedCommandId = null;
-      }
-      else {
+      } else {
         this.selectedCommandId = clickedCommandId;
       }
     },
@@ -270,7 +267,7 @@ export default {
         type: 'rect',
         shape: {
           x: start[0],
-          y: start[1] - height / 2,
+          y: start[1] - (height / 2),
           width: end[0] - start[0],
           height: height,
         },
diff --git a/resources/js/vue/components/shared/CommandInfoCard.vue b/resources/js/vue/components/shared/CommandInfoCard.vue
index 1a09521de8..f8f9922c14 100644
--- a/resources/js/vue/components/shared/CommandInfoCard.vue
+++ b/resources/js/vue/components/shared/CommandInfoCard.vue
@@ -118,7 +118,7 @@ import Utils from './Utils';
 
 export default {
   name: 'CommandInfoCard',
-  components: {LoadingIndicator},
+  components: { LoadingIndicator },
 
   props: {
     commandId: {
@@ -194,17 +194,13 @@ export default {
 
       if (inputInBytes < 1024) {
         return `${inputInBytes} Bytes`;
-      }
-      else if (inputInBytes < 1024 ** 2) {
+      } else if (inputInBytes < 1024 ** 2) {
         return `${(inputInBytes / 1024).toFixed(2)} KiB`;
-      }
-      else if (inputInBytes < 1024 ** 3) {
+      } else if (inputInBytes < 1024 ** 3) {
         return `${(inputInBytes / (1024 ** 2)).toFixed(2)} MiB`;
-      }
-      else if (inputInBytes < 1024 ** 4) {
+      } else if (inputInBytes < 1024 ** 4) {
         return `${(inputInBytes / (1024 ** 3)).toFixed(2)} GiB`;
-      }
-      else {
+      } else {
         return `${(inputInBytes / (1024 ** 4)).toFixed(2)} TiB`;
       }
     },
diff --git a/resources/js/vue/components/shared/ConfigureCard.vue b/resources/js/vue/components/shared/ConfigureCard.vue
index efb088ea6c..d1f61a6031 100644
--- a/resources/js/vue/components/shared/ConfigureCard.vue
+++ b/resources/js/vue/components/shared/ConfigureCard.vue
@@ -22,7 +22,7 @@ import CodeBox from './CodeBox.vue';
 
 export default {
   name: 'ConfigureCard',
-  components: {CodeBox},
+  components: { CodeBox },
 
   props: {
     command: {
diff --git a/resources/js/vue/components/shared/CoverageViewer.vue b/resources/js/vue/components/shared/CoverageViewer.vue
index 9506012465..5ab1e0ee37 100644
--- a/resources/js/vue/components/shared/CoverageViewer.vue
+++ b/resources/js/vue/components/shared/CoverageViewer.vue
@@ -7,7 +7,7 @@ import { EditorView, lineNumbers, gutter, GutterMarker, Decoration } from '@code
 import { EditorState, Facet, StateField, RangeSetBuilder } from '@codemirror/state';
 
 const coverageData = Facet.define({
-  combine: values => values[0] || {},
+  combine: (values) => values[0] || {},
 });
 
 const coverageThemes = EditorView.baseTheme({
@@ -25,12 +25,12 @@ const coverageHighlightField = StateField.define({
     return buildDecorations(state.facet(coverageData), state.doc);
   },
   update(decorations, transaction) {
-    if (transaction.docChanged || transaction.effects.some(e => e.is(coverageData.reconfigure))) {
+    if (transaction.docChanged || transaction.effects.some((e) => e.is(coverageData.reconfigure))) {
       return buildDecorations(transaction.state.facet(coverageData), transaction.state.doc);
     }
     return decorations.map(transaction.changes);
   },
-  provide: f => EditorView.decorations.from(f),
+  provide: (f) => EditorView.decorations.from(f),
 });
 
 function buildDecorations(coverageMap, doc) {
@@ -51,15 +51,12 @@ function buildDecorations(coverageMap, doc) {
       if (hasBranches) {
         if (lineData.branchesHit === lineData.totalBranches) {
           className = 'cm-line-hit';
-        }
-        else if (lineData.branchesHit > 0) {
+        } else if (lineData.branchesHit > 0) {
           className = 'cm-line-partial';
-        }
-        else {
+        } else {
           className = 'cm-line-miss';
         }
-      }
-      else if (typeof lineData.timesHit === 'number') {
+      } else if (typeof lineData.timesHit === 'number') {
         className = lineData.timesHit > 0 ? 'cm-line-hit' : 'cm-line-miss';
       }
 
@@ -110,6 +107,7 @@ export default {
         super();
         this.coverage = coverage;
       }
+
       toDOM() {
         const element = document.createElement('span');
 
@@ -120,15 +118,12 @@ export default {
           element.textContent = `${this.coverage.branchesHit}/${this.coverage.totalBranches}`;
           if (this.coverage.branchesHit === this.coverage.totalBranches) {
             statusClass = 'cm-coverage-gutter-hit';
-          }
-          else if (this.coverage.branchesHit > 0) {
+          } else if (this.coverage.branchesHit > 0) {
             statusClass = 'cm-coverage-gutter-partial';
-          }
-          else {
+          } else {
             statusClass = 'cm-coverage-gutter-miss';
           }
-        }
-        else if (typeof this.coverage.timesHit === 'number') {
+        } else if (typeof this.coverage.timesHit === 'number') {
           element.textContent = this.coverage.timesHit;
           statusClass = this.coverage.timesHit > 0 ? 'cm-coverage-gutter-hit' : 'cm-coverage-gutter-miss';
         }
diff --git a/resources/js/vue/components/shared/DataTable.vue b/resources/js/vue/components/shared/DataTable.vue
index 94a8ed158e..a51fa1f358 100644
--- a/resources/js/vue/components/shared/DataTable.vue
+++ b/resources/js/vue/components/shared/DataTable.vue
@@ -243,8 +243,7 @@ export default {
         const return_modifier = this.sortAsc ? 1 : -1;
         if (row1_sort > row2_sort) {
           return 1 * return_modifier;
-        }
-        else if (row1_sort < row2_sort) {
+        } else if (row1_sort < row2_sort) {
           return -1 * return_modifier;
         }
         return 0;
@@ -256,8 +255,7 @@ export default {
     toggleSort(column_name) {
       if (this.sortColumn === column_name) {
         this.sortAsc = !this.sortAsc;
-      }
-      else {
+      } else {
         this.sortAsc = true;
         this.sortColumn = column_name;
       }
diff --git a/resources/js/vue/components/shared/FilterBuilder.vue b/resources/js/vue/components/shared/FilterBuilder.vue
index 69f73d311b..1687225472 100644
--- a/resources/js/vue/components/shared/FilterBuilder.vue
+++ b/resources/js/vue/components/shared/FilterBuilder.vue
@@ -26,7 +26,7 @@
 
 <script>
 import FilterGroup from './FilterGroup.vue';
-import {FontAwesomeIcon} from '@fortawesome/vue-fontawesome';
+import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome';
 import {
   faMagnifyingGlass,
   faTerminal,
diff --git a/resources/js/vue/components/shared/FilterGroup.vue b/resources/js/vue/components/shared/FilterGroup.vue
index 81c30f7f68..0aa5adfe63 100644
--- a/resources/js/vue/components/shared/FilterGroup.vue
+++ b/resources/js/vue/components/shared/FilterGroup.vue
@@ -71,13 +71,13 @@
 
 <script>
 import FilterRow from './FilterRow.vue';
-import {FontAwesomeIcon} from '@fortawesome/vue-fontawesome';
+import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome';
 import {
   faPlus,
   faBarsStaggered,
   faTrash,
 } from '@fortawesome/free-solid-svg-icons';
-import {BasicFilterField, FilterType, getEnumValues, RelationshipFilterField} from './Filters/FilterUtils';
+import { BasicFilterField, FilterType, getEnumValues, RelationshipFilterField } from './Filters/FilterUtils';
 
 const AVAILABLE_FILTERS = Object.freeze({
   BuildTestsFiltersMultiFilterInput: (apolloClient) => [
@@ -190,7 +190,7 @@ export default {
     },
 
     filterRowFromGraphQLFilter(filter) {
-      const filterField = this.availableFields.find(field => field.isMatch(filter));
+      const filterField = this.availableFields.find((field) => field.isMatch(filter));
 
       if (filterField) {
         return {
@@ -198,8 +198,7 @@ export default {
           operator: filterField.getOperatorFromFilter(filter),
           value: filterField.getValueFromFilter(filter),
         };
-      }
-      else {
+      } else {
         const field = this.availableFields[0];
 
         return {
@@ -224,7 +223,7 @@ export default {
 
     emitChange() {
       this.$emit('changeFilters', JSON.parse(JSON.stringify({
-        [this.currentCombineType]: this.filters[this.currentCombineType].filter(r => r !== 'deleted'),
+        [this.currentCombineType]: this.filters[this.currentCombineType].filter((r) => r !== 'deleted'),
       })));
     },
   },
diff --git a/resources/js/vue/components/shared/FilterRow.vue b/resources/js/vue/components/shared/FilterRow.vue
index 437beb48ca..effd36709d 100644
--- a/resources/js/vue/components/shared/FilterRow.vue
+++ b/resources/js/vue/components/shared/FilterRow.vue
@@ -67,14 +67,14 @@
 </template>
 
 <script>
-import {FontAwesomeIcon} from '@fortawesome/vue-fontawesome';
-import {faTrash} from '@fortawesome/free-solid-svg-icons';
+import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome';
+import { faTrash } from '@fortawesome/free-solid-svg-icons';
 import DateTimeSelector from './DateTimeSelector.vue';
-import {FilterField, FilterType} from './Filters/FilterUtils';
+import { FilterField, FilterType } from './Filters/FilterUtils';
 
 export default {
   name: 'FilterRow',
-  components: {FontAwesomeIcon, DateTimeSelector},
+  components: { FontAwesomeIcon, DateTimeSelector },
 
   props: {
     fields: {
@@ -137,7 +137,7 @@ export default {
       immediate: true,
     },
 
-    'selectedField': {
+    selectedField: {
       handler(newField) {
         if (newField.type === FilterType.ENUM && (this.selectedValue === '' || this.selectedValue === null)) {
           this.selectedValue = newField.getPossibleValues()[0] || '';
@@ -159,8 +159,7 @@ export default {
     onFieldChange() {
       if (this.selectedField.type === FilterType.ENUM) {
         this.selectedValue = this.selectedField.getPossibleValues()[0] || '';
-      }
-      else {
+      } else {
         this.selectedValue = '';
       }
       this.selectedOperator = this.selectedField.getOperators()[0];
@@ -172,16 +171,16 @@ export default {
      */
     humanReadableOperator(operator) {
       switch (operator) {
-      case 'eq':
-        return 'equal to';
-      case 'ne':
-        return 'not equal to';
-      case 'lt':
-        return 'less than';
-      case 'gt':
-        return 'greater than';
-      default:
-        return operator;
+        case 'eq':
+          return 'equal to';
+        case 'ne':
+          return 'not equal to';
+        case 'lt':
+          return 'less than';
+        case 'gt':
+          return 'greater than';
+        default:
+          return operator;
       }
     },
 
diff --git a/resources/js/vue/components/shared/Filters/FilterUtils.js b/resources/js/vue/components/shared/Filters/FilterUtils.js
index e4b480f5a4..dfac215c4c 100644
--- a/resources/js/vue/components/shared/Filters/FilterUtils.js
+++ b/resources/js/vue/components/shared/Filters/FilterUtils.js
@@ -1,7 +1,7 @@
 
 import gql from 'graphql-tag';
 
-import {reactive} from 'vue';
+import { reactive } from 'vue';
 
 export const FilterType = Object.freeze({
   TEXT: 'text',
@@ -23,8 +23,8 @@ export const getEnumValues = (apolloClient, enumName) => {
   return apolloClient.query({
     query,
     variables: { name: enumName },
-  }).then(result => {
-    return result.data.__type.enumValues.map(enumValue => enumValue.name);
+  }).then((result) => {
+    return result.data.__type.enumValues.map((enumValue) => enumValue.name);
   });
 };
 
@@ -42,11 +42,10 @@ export class FilterField {
     if (this.type === FilterType.ENUM && typeof this.values === 'function') {
       const result = this.values();
       if (result instanceof Promise) {
-        result.then(v => {
+        result.then((v) => {
           this.loadedValues.splice(0, this.loadedValues.length, ...v);
         });
-      }
-      else {
+      } else {
         this.loadedValues.splice(0, this.loadedValues.length, ...result);
       }
     }
@@ -54,33 +53,33 @@ export class FilterField {
 
   getOperators() {
     switch (this.type) {
-    case FilterType.TEXT:
-      return [
-        'eq',
-        'ne',
-        'contains',
-      ];
-    case FilterType.NUMBER:
-      return [
-        'eq',
-        'ne',
-        'gt',
-        'lt',
-      ];
-    case FilterType.DATETIME:
-      return [
-        'eq',
-        'ne',
-        'gt',
-        'lt',
-      ];
-    case FilterType.ENUM:
-      return [
-        'eq',
-        'ne',
-      ];
-    default:
-      return [];
+      case FilterType.TEXT:
+        return [
+          'eq',
+          'ne',
+          'contains',
+        ];
+      case FilterType.NUMBER:
+        return [
+          'eq',
+          'ne',
+          'gt',
+          'lt',
+        ];
+      case FilterType.DATETIME:
+        return [
+          'eq',
+          'ne',
+          'gt',
+          'lt',
+        ];
+      case FilterType.ENUM:
+        return [
+          'eq',
+          'ne',
+        ];
+      default:
+        return [];
     }
   }
 
diff --git a/resources/js/vue/components/shared/RepositoryIntegrations.js b/resources/js/vue/components/shared/RepositoryIntegrations.js
index d7f4534ae8..f816e5e5fb 100644
--- a/resources/js/vue/components/shared/RepositoryIntegrations.js
+++ b/resources/js/vue/components/shared/RepositoryIntegrations.js
@@ -4,8 +4,8 @@
  * @param {...String} components
  */
 function makeUrlFromComponents(...components) {
-  return components.filter(component => component !== null)
-    .map(part => part.replace(/\/+$|^\/+/, ''))
+  return components.filter((component) => component !== null)
+    .map((part) => part.replace(/\/+$|^\/+/, ''))
     .join('/');
 }
 
@@ -64,6 +64,7 @@ export class GitLab extends Repository {
   getComparisonUrl(commit1, commit2) {
     return makeUrlFromComponents(this.repositoryUrl, '-', 'compare', `${commit1}...${commit2}`);
   }
+
   getFileUrl(commit, path) {
     return makeUrlFromComponents(this.repositoryUrl, '-', 'blob', commit, this.repositoryCmakeProjectRoot, path);
   }
@@ -81,11 +82,11 @@ export function getRepository(repositoryType, repositoryUrl, repositoryCmakeProj
   }
 
   switch (repositoryType.toLowerCase()) {
-  case 'github':
-    return new GitHub(repositoryUrl, repositoryCmakeProjectRoot);
-  case 'gitlab':
-    return new GitLab(repositoryUrl, repositoryCmakeProjectRoot);
-  default:
-    return null;
+    case 'github':
+      return new GitHub(repositoryUrl, repositoryCmakeProjectRoot);
+    case 'gitlab':
+      return new GitLab(repositoryUrl, repositoryCmakeProjectRoot);
+    default:
+      return null;
   }
 }
diff --git a/resources/js/vue/components/shared/TestHistoryPlot.vue b/resources/js/vue/components/shared/TestHistoryPlot.vue
index 6e2ff63689..bc4f3366b3 100644
--- a/resources/js/vue/components/shared/TestHistoryPlot.vue
+++ b/resources/js/vue/components/shared/TestHistoryPlot.vue
@@ -26,9 +26,9 @@
 </template>
 
 <script>
-import {DateTime} from 'luxon';
+import { DateTime } from 'luxon';
 import * as echarts from 'echarts/core';
-import {CanvasRenderer} from 'echarts/renderers';
+import { CanvasRenderer } from 'echarts/renderers';
 import {
   CalendarComponent,
   LegendComponent,
@@ -36,7 +36,7 @@ import {
   TooltipComponent,
   VisualMapComponent,
 } from 'echarts/components';
-import {CustomChart, ScatterChart} from 'echarts/charts';
+import { CustomChart, ScatterChart } from 'echarts/charts';
 import gql from 'graphql-tag';
 import LoadingIndicator from './LoadingIndicator.vue';
 
@@ -64,7 +64,7 @@ echarts.use([
 
 export default {
   name: 'TestHistoryPlot',
-  components: {LoadingIndicator},
+  components: { LoadingIndicator },
 
   props: {
     baseUrl: {
@@ -246,12 +246,12 @@ export default {
         return [];
       }
 
-      const passed = this.testStatuses.buildsWhereTestPassed.edges.map(edge => ({
+      const passed = this.testStatuses.buildsWhereTestPassed.edges.map((edge) => ({
         date: edge.node.startTime,
         status: 'passed',
       }));
 
-      const failed = this.testStatuses.buildsWhereTestFailed.edges.map(edge => ({
+      const failed = this.testStatuses.buildsWhereTestFailed.edges.map((edge) => ({
         date: edge.node.startTime,
         status: 'failed',
       }));
@@ -263,7 +263,7 @@ export default {
       if (!this.history || this.history.length === 0) {
         return [];
       }
-      const years = new Set(this.history.map(item => parseInt(item.date.substring(0, 4), 10)));
+      const years = new Set(this.history.map((item) => parseInt(item.date.substring(0, 4), 10)));
       return Array.from(years).sort();
     },
 
@@ -283,7 +283,7 @@ export default {
       }
 
       const dailyBins = this.history
-        .filter(item => parseInt(item.date.substring(0, 4), 10) === this.currentYear)
+        .filter((item) => parseInt(item.date.substring(0, 4), 10) === this.currentYear)
         .reduce((acc, item) => {
           const dateStr = item.date.substring(0, 10);
           if (!acc[dateStr]) {
@@ -291,8 +291,7 @@ export default {
           }
           if (item.status === 'passed') {
             acc[dateStr].numpassing++;
-          }
-          else if (item.status === 'failed') {
+          } else if (item.status === 'failed') {
             acc[dateStr].numfailing++;
           }
           return acc;
@@ -391,19 +390,17 @@ export default {
               let value = 0;
               if (num_passing > 0 && num_failing === 0) {
                 value = 1; // Passing
-              }
-              else if (num_passing === 0 && num_failing > 0) {
+              } else if (num_passing === 0 && num_failing > 0) {
                 value = 2; // Failing
-              }
-              else if (num_passing > 0 && num_failing > 0) {
+              } else if (num_passing > 0 && num_failing > 0) {
                 value = 3; // Both
               }
 
               const gap = 2;
               const shapeWidth = cellWidth - gap;
               const shapeHeight = cellHeight - gap;
-              const x = cellPoint[0] - cellWidth / 2 + gap / 2;
-              const y = cellPoint[1] - cellHeight / 2 + gap / 2;
+              const x = (cellPoint[0] - (cellWidth / 2)) + (gap / 2);
+              const y = (cellPoint[1] - (cellHeight / 2)) + (gap / 2);
 
               if (value === 1) { // Passing
                 return {
@@ -411,15 +408,13 @@ export default {
                   shape: { x, y, width: shapeWidth, height: shapeHeight, r: 3 },
                   style: { fill: '#52c41a' },
                 };
-              }
-              else if (value === 2) { // Failing
+              } else if (value === 2) { // Failing
                 return {
                   type: 'rect',
                   shape: { x, y, width: shapeWidth, height: shapeHeight, r: 3 },
                   style: { fill: '#f5222d', decal: decalPattern },
                 };
-              }
-              else if (value === 3) { // Both
+              } else if (value === 3) { // Both
                 return {
                   type: 'group',
                   clipPath: { type: 'rect', shape: { x, y, width: shapeWidth, height: shapeHeight, r: 3 } },
@@ -463,7 +458,7 @@ export default {
   mounted() {
     this.chart = echarts.init(this.$refs.chart);
     this.chart.on('click', this.handleChartClick);
-    this.chart.getZr().on('mousemove', params => {
+    this.chart.getZr().on('mousemove', (params) => {
       const pixel = [params.offsetX, params.offsetY];
       const seriesIndex = this.chart.convertFromPixel('grid', pixel);
       if (seriesIndex) {
diff --git a/resources/js/vue/components/shared/Utils.js b/resources/js/vue/components/shared/Utils.js
index 6d5e4cbf81..6e49bec0b5 100644
--- a/resources/js/vue/components/shared/Utils.js
+++ b/resources/js/vue/components/shared/Utils.js
@@ -1,4 +1,4 @@
-import {DateTime, Duration} from 'luxon';
+import { DateTime, Duration } from 'luxon';
 
 export default {
   formatDuration(ms) {
@@ -19,10 +19,9 @@ export default {
    */
   formatRelativeTimestamp(iso8601TimestampString) {
     const startTime = DateTime.fromISO(iso8601TimestampString);
-    if (startTime < DateTime.now().minus({months: 1})) {
+    if (startTime < DateTime.now().minus({ months: 1 })) {
       return startTime.toLocaleString(DateTime.DATE_MED);
-    }
-    else {
+    } else {
       return startTime.toRelative();
     }
   },
diff --git a/tests/cypress/component/date-time-selector.cy.js b/tests/cypress/component/date-time-selector.cy.js
index aed47b09e7..818436d929 100644
--- a/tests/cypress/component/date-time-selector.cy.js
+++ b/tests/cypress/component/date-time-selector.cy.js
@@ -18,12 +18,12 @@ describe('DateTimeSelector', () => {
       },
     });
 
-    cy.get('select').eq(0).should('have.value', '12');   // Month
-    cy.get('select').eq(1).should('have.value', '29');   // Day
+    cy.get('select').eq(0).should('have.value', '12'); // Month
+    cy.get('select').eq(1).should('have.value', '29'); // Day
     cy.get('select').eq(2).should('have.value', '2025'); // Year
-    cy.get('select').eq(3).should('have.value', '14');   // Hour
-    cy.get('select').eq(4).should('have.value', '30');   // Minute
-    cy.get('select').eq(5).should('have.value', '45');   // Second
+    cy.get('select').eq(3).should('have.value', '14'); // Hour
+    cy.get('select').eq(4).should('have.value', '30'); // Minute
+    cy.get('select').eq(5).should('have.value', '45'); // Second
   });
 
   it('populates the year dropdown correctly', () => {
@@ -148,12 +148,12 @@ describe('DateTimeSelector', () => {
     cy.get('select').eq(6).select('UTC-8');
 
     // Verify other values remain unchanged
-    cy.get('select').eq(0).should('have.value', '12');   // Month
-    cy.get('select').eq(1).should('have.value', '29');   // Day
+    cy.get('select').eq(0).should('have.value', '12'); // Month
+    cy.get('select').eq(1).should('have.value', '29'); // Day
     cy.get('select').eq(2).should('have.value', '2025'); // Year
-    cy.get('select').eq(3).should('have.value', '14');   // Hour
-    cy.get('select').eq(4).should('have.value', '30');   // Minute
-    cy.get('select').eq(5).should('have.value', '45');   // Second
+    cy.get('select').eq(3).should('have.value', '14'); // Hour
+    cy.get('select').eq(4).should('have.value', '30'); // Minute
+    cy.get('select').eq(5).should('have.value', '45'); // Second
   });
 
   it('clamps the day when changing to a month with fewer days', () => {
diff --git a/tests/cypress/component/filter-row.cy.js b/tests/cypress/component/filter-row.cy.js
index 98b12452cb..b4b1bfb79a 100644
--- a/tests/cypress/component/filter-row.cy.js
+++ b/tests/cypress/component/filter-row.cy.js
@@ -81,7 +81,7 @@ describe('FilterRow', () => {
         fields,
         initialField: fields[1], // TEXT
         initialOperator: 'eq',
-        'onChangeFilters': onChangeSpy,
+        onChangeFilters: onChangeSpy,
       },
     });
 
@@ -98,7 +98,7 @@ describe('FilterRow', () => {
         fields,
         initialField: fields[1], // TEXT
         initialValue: 'test',
-        'onChangeFilters': onChangeSpy,
+        onChangeFilters: onChangeSpy,
       },
     });
 
@@ -115,7 +115,7 @@ describe('FilterRow', () => {
         fields,
         initialField: fields[1], // TEXT
         initialValue: 'test',
-        'onChangeFilters': onChangeSpy,
+        onChangeFilters: onChangeSpy,
       },
     });
 
@@ -132,7 +132,7 @@ describe('FilterRow', () => {
       props: {
         fields,
         initialField: fields[1], // TEXT
-        'onChangeFilters': onChangeSpy,
+        onChangeFilters: onChangeSpy,
       },
     });
 
@@ -151,7 +151,7 @@ describe('FilterRow', () => {
       props: {
         fields,
         initialField: fields[1],
-        'onDelete': onDeleteSpy,
+        onDelete: onDeleteSpy,
       },
     });
 
@@ -165,7 +165,7 @@ describe('FilterRow', () => {
       props: {
         fields,
         initialField: fields[1], // TEXT
-        'onChangeFilters': onChangeSpy,
+        onChangeFilters: onChangeSpy,
       },
     });
 
diff --git a/tests/cypress/e2e/done-build.cy.js b/tests/cypress/e2e/done-build.cy.js
index 8fffea9377..c1cebb5cb9 100644
--- a/tests/cypress/e2e/done-build.cy.js
+++ b/tests/cypress/e2e/done-build.cy.js
@@ -1,5 +1,4 @@
 describe('done_build', () => {
-
   function toggle_done(index_url, is_done_by_default) {
     cy.login();
     cy.visit(index_url);
diff --git a/tests/cypress/e2e/expected-build.cy.js b/tests/cypress/e2e/expected-build.cy.js
index 520c40fab2..cd13343cf1 100644
--- a/tests/cypress/e2e/expected-build.cy.js
+++ b/tests/cypress/e2e/expected-build.cy.js
@@ -4,7 +4,7 @@ describe('expected_build', () => {
     cy.login();
     cy.visit('index.php?project=InsightExample&date=2018-08-09');
     cy.get('[data-cy="build-admin-options"]').first().click();
-    cy.get('table.animate-show').find('tr').eq(2).then(row => {
+    cy.get('table.animate-show').find('tr').eq(2).then((row) => {
       if (row.find('[data-cy="mark-as-non-expected-btn"]').length > 0) {
         row.find('button').click();
       }
@@ -67,7 +67,7 @@ describe('expected_build', () => {
     cy.contains('2 build(s) selected').should('be.visible');
 
     // click the "Mark as Expected" button in the bulk actions toolbar
-    cy.window().then(w => w.beforeReload1 = true);
+    cy.window().then((w) => w.beforeReload1 = true);
     cy.get('[data-cy="bulk-mark-expected-btn"]').click();
 
     // wait for page reload
@@ -98,7 +98,7 @@ describe('expected_build', () => {
     cy.get('#project_5_13').find('tbody').find('tr').eq(1).find('[data-cy="build-selection-checkbox"]').check();
 
     // mark them as not expected
-    cy.window().then(w => w.beforeReload2 = true);
+    cy.window().then((w) => w.beforeReload2 = true);
     cy.get('[data-cy="bulk-mark-not-expected-btn"]').click();
 
     // wait for page reload
diff --git a/tests/cypress/e2e/manage-build-group.cy.js b/tests/cypress/e2e/manage-build-group.cy.js
index d4bd86b742..027cba2ca2 100644
--- a/tests/cypress/e2e/manage-build-group.cy.js
+++ b/tests/cypress/e2e/manage-build-group.cy.js
@@ -1,5 +1,4 @@
 describe('manageBuildGroup', () => {
-
   it('is protected by login', () => {
     cy.visit('manageBuildGroup.php?projectid=5');
     cy.get('#subheadername').contains('Login');
@@ -73,7 +72,7 @@ describe('manageBuildGroup', () => {
 
     // TODO: (sbelsk) cypress can't see the value bounded by Angular.
     //       Uncomment this once this page is reimplemented in Vue.
-    //cy.get('@build_group_form').find('input[name="name"]').should('contain', 'aNewBuildGroup');
+    // cy.get('@build_group_form').find('input[name="name"]').should('contain', 'aNewBuildGroup');
 
     // cy.get('@build_group_form').find('input[name="description"]').should('contain', '');
     cy.get('@build_group_form').find('input[name="description"]').type('temporary BuildGroup for testing');
@@ -211,5 +210,4 @@ describe('manageBuildGroup', () => {
     deleteBuildGroup('aNewBuildGroup');
     deleteBuildGroup('latestBuildGroup');
   });
-
 });
diff --git a/tests/cypress/e2e/manage-sub-project.cy.js b/tests/cypress/e2e/manage-sub-project.cy.js
index 519eb19131..5b23242d39 100644
--- a/tests/cypress/e2e/manage-sub-project.cy.js
+++ b/tests/cypress/e2e/manage-sub-project.cy.js
@@ -1,5 +1,4 @@
 describe('manageSubProject', () => {
-
   it('is protected by login', () => {
     cy.visit('manageSubProject.php?projectid=8');
     cy.get('#subheadername').contains('Login');
diff --git a/tests/cypress/e2e/query-tests.cy.js b/tests/cypress/e2e/query-tests.cy.js
index 8d1a86797d..181dee551a 100644
--- a/tests/cypress/e2e/query-tests.cy.js
+++ b/tests/cypress/e2e/query-tests.cy.js
@@ -36,7 +36,7 @@ describe('query tests', () => {
     filter_test('time', '41', '0', 4);
 
     // make sure all filtered tests actually have 'Time' equal to zero
-    cy.get('#queryTestsTable').find('tbody').find('tr').each(row => {
+    cy.get('#queryTestsTable').find('tbody').find('tr').each((row) => {
       cy.wrap(row).find('td').eq(4).should('contain', '0s');
     });
   });
diff --git a/tests/cypress/e2e/sort-index.cy.js b/tests/cypress/e2e/sort-index.cy.js
index e8c51aeed1..4b00b23ad6 100644
--- a/tests/cypress/e2e/sort-index.cy.js
+++ b/tests/cypress/e2e/sort-index.cy.js
@@ -1,9 +1,8 @@
 describe('sort_index', () => {
-
   // these two "verify_<>_cell" functions help getting the text from all
   // child elements of the td, since it may contain links, formatting, etc.
   function _verify_cell(position, td_alias, expected_value) {
-    cy.get(td_alias).invoke(position).invoke('text').then(td_text => {
+    cy.get(td_alias).invoke(position).invoke('text').then((td_text) => {
       cy.wrap(td_text.trim()).should('contain', expected_value);
     });
   }
@@ -29,7 +28,7 @@ describe('sort_index', () => {
     cy.get('@header').find('span').should('have.class', 'glyphicon-chevron-down');
 
     // filter out the table cells from the targeted column
-    cy.get('tbody').find(`tr td:visible:nth-child(${column_index+1})`).as('column_tds');
+    cy.get('tbody').find(`tr td:visible:nth-child(${column_index + 1})`).as('column_tds');
 
     // check that the expected value is at the top of the list
     verify_first_cell('@column_tds', first_value);
@@ -38,7 +37,7 @@ describe('sort_index', () => {
     // reverse order & check values again
     cy.get('@header').click();
     cy.get('@header').find('span').should('have.class', 'glyphicon-chevron-up');
-    cy.get('tbody').find(`tr td:visible:nth-child(${column_index+1})`).as('column_tds');
+    cy.get('tbody').find(`tr td:visible:nth-child(${column_index + 1})`).as('column_tds');
     verify_first_cell('@column_tds', last_value);
     verify_last_cell('@column_tds', first_value);
 
@@ -123,8 +122,8 @@ describe('sort_index', () => {
     cy.get('@files_header').find('span').should('have.class', 'glyphicon-chevron-down');
 
     // get cells from each of the two columns
-    cy.get('tbody').find(`tr td:visible:nth-child(${time_col+1})`).as('time_column_tds');
-    cy.get('tbody').find(`tr td:visible:nth-child(${files_col+1})`).as('files_column_tds');
+    cy.get('tbody').find(`tr td:visible:nth-child(${time_col + 1})`).as('time_column_tds');
+    cy.get('tbody').find(`tr td:visible:nth-child(${files_col + 1})`).as('files_column_tds');
 
     // check for the expected Build Time values
     verify_first_cell('@time_column_tds', time_first_value);
@@ -141,8 +140,8 @@ describe('sort_index', () => {
     cy.get('@buildtime_header').find('span').should('have.class', 'glyphicon-chevron-up');
     cy.get('@files_header').find('span').should('have.class', 'glyphicon-chevron-up');
     // verify values
-    cy.get('tbody').find(`tr td:visible:nth-child(${time_col+1})`).as('time_column_tds');
-    cy.get('tbody').find(`tr td:visible:nth-child(${files_col+1})`).as('files_column_tds');
+    cy.get('tbody').find(`tr td:visible:nth-child(${time_col + 1})`).as('time_column_tds');
+    cy.get('tbody').find(`tr td:visible:nth-child(${files_col + 1})`).as('files_column_tds');
     verify_first_cell('@time_column_tds', time_last_value);
     verify_last_cell('@time_column_tds', time_first_value);
     verify_first_cell('@files_column_tds', files_last_value);
@@ -155,5 +154,4 @@ describe('sort_index', () => {
     verify_first_cell('@files_column_tds', files_last_value);
     verify_last_cell('@files_column_tds', files_first_value);
   });
-
 });
diff --git a/tests/cypress/e2e/sub-project-group-order.cy.js b/tests/cypress/e2e/sub-project-group-order.cy.js
index d1877c4fb7..318ba56780 100644
--- a/tests/cypress/e2e/sub-project-group-order.cy.js
+++ b/tests/cypress/e2e/sub-project-group-order.cy.js
@@ -1,5 +1,4 @@
 describe('subProjectGroupOrder', () => {
-
   it('can change the group order', () => {
     cy.login();
     cy.visit('manageSubProject.php?projectid=14');
@@ -22,7 +21,7 @@ describe('subProjectGroupOrder', () => {
     cy.get('@drop_position').trigger('mousemove');
     // eslint-disable-next-line cypress/no-unnecessary-waiting
     cy.wait(200);
-    cy.get('@drop_position').trigger('mouseup', {force: true});
+    cy.get('@drop_position').trigger('mouseup', { force: true });
 
     cy.contains('button', 'Save Order').as('save_order_button').click();
 
@@ -54,7 +53,7 @@ describe('subProjectGroupOrder', () => {
     cy.get('@drop_position').trigger('mousemove');
     // eslint-disable-next-line cypress/no-unnecessary-waiting
     cy.wait(200);
-    cy.get('@drop_position').trigger('mouseup', {force: true});
+    cy.get('@drop_position').trigger('mouseup', { force: true });
     cy.get('@save_order_button').click();
 
     // verify that we restored it
diff --git a/tests/cypress/e2e/tests.cy.js b/tests/cypress/e2e/tests.cy.js
index 968d11a58d..d2a9ce7277 100644
--- a/tests/cypress/e2e/tests.cy.js
+++ b/tests/cypress/e2e/tests.cy.js
@@ -16,7 +16,7 @@ describe('the test page', () => {
 
     cy.get('#queryTestsTable').find('tbody').find('tr').eq(2).find('td').eq(3).as('test_td');
 
-    cy.get('@test_td').find('a').invoke('attr', 'href').then(test_url => {
+    cy.get('@test_td').find('a').invoke('attr', 'href').then((test_url) => {
       const test_id = test_url.match(/tests?\/([0-9]+)/)[1];
       // visit a test page
       cy.visit(`tests/${test_id}`);
diff --git a/tests/cypress/e2e/view-sub-projects.cy.js b/tests/cypress/e2e/view-sub-projects.cy.js
index 3449324939..889ccf59c4 100644
--- a/tests/cypress/e2e/view-sub-projects.cy.js
+++ b/tests/cypress/e2e/view-sub-projects.cy.js
@@ -1,5 +1,4 @@
 describe('viewSubProjects', () => {
-
   it('navigates between SubProjects', () => {
     cy.visit('viewSubProjects.php?project=SubProjectExample');
 
@@ -12,5 +11,4 @@ describe('viewSubProjects', () => {
     cy.get('table#subproject').contains('td', 'Teuchos').find('a').click();
     cy.url().should('contain', 'index.php?subproject=Teuchos&project=SubProjectExample');
   });
-
 });