chore(lint): Eslint 9 update

.eslintrc.cjs

@@ -1,17 +0,0 @@
-/* eslint-env node */
-require("@rushstack/eslint-patch/modern-module-resolution");
-
-module.exports = {
-  root: true,
-  extends: [
-    "plugin:vue/vue3-essential",
-    "eslint:recommended",
-    "@vue/eslint-config-prettier",
-  ],
-  env: {
-    "vue/setup-compiler-macros": true,
-  },
-  rules: {
-    "vue/multi-word-component-names": "off",
-  },
-};

eslint.config.js

@@ -0,0 +1,21 @@
+
+import js from "@eslint/js";
+import pluginVue from 'eslint-plugin-vue'
+import eslintConfigPrettier from "eslint-config-prettier";
+
+export default [
+  js.configs.recommended,
+  ...pluginVue.configs['flat/recommended'],
+  eslintConfigPrettier,
+  {
+    files: ['**/*.{vue,js,jsx,mjs,cjs}'],
+    rules: {
+      "vue/multi-word-component-names": "off",
+      "vue/require-default-prop": "off",
+      "vue/no-v-html": "off",
+    },
+  }, 
+  {
+    ignores: ["**/dist/"],
+  }
+];

package.json

@@ -7,7 +7,7 @@
     "mock": "http-server dummy-data/ --cors",
     "build": "vite build",
     "preview": "vite preview --port 5050",
-    "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs --fix --ignore-path .gitignore"
+    "lint": "eslint . --fix"
   },
   "dependencies": {
     "@fortawesome/fontawesome-free": "^6.6.0",
@@ -17,10 +17,9 @@
     "yaml": "^2.6.0"
   },
   "devDependencies": {
-    "@rushstack/eslint-patch": "^1.10.2",
     "@vitejs/plugin-vue": "^5.1.4",
     "@vue/eslint-config-prettier": "^10.0.0",
-    "eslint": "^8.57.0",
+    "eslint": "^9.12.0",
     "eslint-plugin-vue": "^9.29.0",
     "http-server": "^14.1.1",
     "prettier": "^3.3.3",

pnpm-lock.yaml

@@ -24,21 +24,18 @@ importers:
         specifier: ^2.6.0
         version: 2.6.0
     devDependencies:
-      '@rushstack/eslint-patch':
-        specifier: ^1.10.2
-        version: 1.10.2
       '@vitejs/plugin-vue':
         specifier: ^5.1.4
         version: 5.1.4(vite@5.4.9(sass-embedded@1.79.5)(sass@1.79.5)(terser@5.35.0))(vue@3.5.12)
       '@vue/eslint-config-prettier':
         specifier: ^10.0.0
-        version: 10.0.0(eslint@8.57.0)(prettier@3.3.3)
+        version: 10.0.0(eslint@9.12.0)(prettier@3.3.3)
       eslint:
-        specifier: ^8.57.0
+        specifier: ^9.12.0
-        version: 8.57.0
+        version: 9.12.0
       eslint-plugin-vue:
         specifier: ^9.29.0
-        version: 9.29.0(eslint@8.57.0)
+        version: 9.29.0(eslint@9.12.0)
       http-server:
         specifier: ^14.1.1
         version: 14.1.1
@@ -705,32 +702,53 @@ packages:
     peerDependencies:
       eslint: ^6.0.0 || ^7.0.0 || >=8.0.0
 
-  '@eslint-community/regexpp@4.10.0':
+  '@eslint-community/regexpp@4.11.1':
-    resolution: {integrity: sha512-Cu96Sd2By9mCNTx2iyKOmq10v22jUVQv0lQnlGNy16oE9589yE+QADPbrMGCkA51cKZSg3Pu/aTJVTGfL/qjUA==}
+    resolution: {integrity: sha512-m4DVN9ZqskZoLU5GlWZadwDnYo3vAEydiUayB9widCl9ffWx2IvPnp6n3on5rJmziJSw9Bv+Z3ChDVdMwXCY8Q==}
     engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
 
-  '@eslint/eslintrc@2.1.4':
+  '@eslint/config-array@0.18.0':
-    resolution: {integrity: sha512-269Z39MS6wVJtsoUl10L60WdkhJVdPG24Q4eZTH3nnF6lpvSShEK3wQjDX9JRWAUPvPh7COouPpU9IrqaZFvtQ==}
+    resolution: {integrity: sha512-fTxvnS1sRMu3+JjXwJG0j/i4RT9u4qJ+lqS/yCGap4lH4zZGzQ7tu+xZqQmcMZq5OBZDL4QRxQzRjkWcGt8IVw==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@eslint/js@8.57.0':
+  '@eslint/core@0.6.0':
-    resolution: {integrity: sha512-Ys+3g2TaW7gADOJzPt83SJtCDhMjndcDMFVQ/Tj9iA1BfJzFKD9mAUXT3OenpuPHbI6P/myECxRJrofUsDx/5g==}
+    resolution: {integrity: sha512-8I2Q8ykA4J0x0o7cg67FPVnehcqWTBehu/lmY+bolPFHGjh49YzGBMXTvpqVgEbBdvNCSxj6iFgiIyHzf03lzg==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@eslint/eslintrc@3.1.0':
+    resolution: {integrity: sha512-4Bfj15dVJdoy3RfZmmo86RK1Fwzn6SstsvK9JS+BaVKqC6QQQQyXekNaC+g+LKNgkQ+2VhGAzm6hO40AhMR3zQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@eslint/js@9.12.0':
+    resolution: {integrity: sha512-eohesHH8WFRUprDNyEREgqP6beG6htMeUYeCpkEgBCieCMme5r9zFWjzAJp//9S+Kub4rqE+jXe9Cp1a7IYIIA==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@eslint/object-schema@2.1.4':
+    resolution: {integrity: sha512-BsWiH1yFGjXXS2yvrf5LyuoSIIbPrGUWob917o+BTKuZ7qJdxX8aJLRxs1fS9n6r7vESrq1OUqb68dANcFXuQQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@eslint/plugin-kit@0.2.0':
+    resolution: {integrity: sha512-vH9PiIMMwvhCx31Af3HiGzsVNULDbyVkHXwlemn/B0TFj/00ho3y55efXrUZTfQipxoHC5u4xq6zblww1zm1Ig==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
   '@fortawesome/fontawesome-free@6.6.0':
     resolution: {integrity: sha512-60G28ke/sXdtS9KZCpZSHHkCbdsOGEhIUGlwq6yhY74UpTiToIh8np7A8yphhM4BWsvNFtIvLpi4co+h9Mr9Ow==}
     engines: {node: '>=6'}
 
-  '@humanwhocodes/config-array@0.11.14':
+  '@humanfs/core@0.19.0':
-    resolution: {integrity: sha512-3T8LkOmg45BV5FICb15QQMsyUSWrQ8AygVfC7ZG32zOalnqrilm018ZVCw0eapXux8FtA33q8PSRSstjee3jSg==}
+    resolution: {integrity: sha512-2cbWIHbZVEweE853g8jymffCA+NCMiuqeECeBBLm8dg2oFdjuGJhgN4UAbI+6v0CKbbhvtXA4qV8YR5Ji86nmw==}
-    engines: {node: '>=10.10.0'}
+    engines: {node: '>=18.18.0'}
+
+  '@humanfs/node@0.16.5':
+    resolution: {integrity: sha512-KSPA4umqSG4LHYRodq31VDwKAvaTF4xmVlzM8Aeh4PlU1JQ3IG0wiA8C25d3RQ9nJyM3mBHyI53K06VVL/oFFg==}
+    engines: {node: '>=18.18.0'}
 
   '@humanwhocodes/module-importer@1.0.1':
     resolution: {integrity: sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==}
     engines: {node: '>=12.22'}
 
-  '@humanwhocodes/object-schema@2.0.3':
+  '@humanwhocodes/retry@0.3.1':
-    resolution: {integrity: sha512-93zYdMES/c1D69yZiKDBj0V24vqNzB/koF26KPaagAfd3P/4gUlh3Dys5ogAK+Exi9QyzlD8x/08Zt7wIKcDcA==}
+    resolution: {integrity: sha512-JBxkERygn7Bv/GbN5Rv8Ul6LVknS+5Bp6RgDC/O8gEBU/yeH5Ui5C/OlWrTb6qct7LjjfT6Re2NxB0ln0yYybA==}
+    engines: {node: '>=18.18'}
 
   '@jridgewell/gen-mapping@0.3.5':
     resolution: {integrity: sha512-IzL8ZoEDIBRWEzlCcRhOaCupYyN5gdIK+Q6fbFdPDg6HqX6jpkItn7DFIpW9LQzXG6Df9sA7+OKnq0qlz/GaQg==}
@@ -753,18 +771,6 @@ packages:
   '@jridgewell/trace-mapping@0.3.25':
     resolution: {integrity: sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==}
 
-  '@nodelib/fs.scandir@2.1.5':
-    resolution: {integrity: sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==}
-    engines: {node: '>= 8'}
-
-  '@nodelib/fs.stat@2.0.5':
-    resolution: {integrity: sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==}
-    engines: {node: '>= 8'}
-
-  '@nodelib/fs.walk@1.2.8':
-    resolution: {integrity: sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==}
-    engines: {node: '>= 8'}
-
   '@parcel/watcher-android-arm64@2.4.1':
     resolution: {integrity: sha512-LOi/WTbbh3aTn2RYddrO8pnapixAziFl6SMxHM69r3tvdSm94JtCenaKgk1GRg5FJ5wpMCpHeW+7yqPlvZv7kg==}
     engines: {node: '>= 10.0.0'}
@@ -974,9 +980,6 @@ packages:
     cpu: [x64]
     os: [win32]
 
-  '@rushstack/eslint-patch@1.10.2':
-    resolution: {integrity: sha512-hw437iINopmQuxWPSUEvqE56NCPsiU8N4AYtfHmJFckclktzK9YQJieD3XkDCDH4OjL+C7zgPUh73R/nrcHrqw==}
-
   '@surma/rollup-plugin-off-main-thread@2.2.3':
     resolution: {integrity: sha512-lR8q/9W7hZpMWweNiAKU7NQerBnzQQLvi8qnTDU/fxItPhtZVMbPV3lbCwjhIlNBe9Bbr5V+KHshvWmVSG9cxQ==}
 
@@ -986,15 +989,15 @@ packages:
   '@types/estree@1.0.6':
     resolution: {integrity: sha512-AYnb1nQyY49te+VRAVgmzfcgjYS91mY5P0TKUDCLEM+gNnA+3T6rWITXRLYCpahpqSQbN5cE+gHpnPyXjHWxcw==}
 
+  '@types/json-schema@7.0.15':
+    resolution: {integrity: sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==}
+
   '@types/resolve@1.20.2':
     resolution: {integrity: sha512-60BCwRFOZCQhDncwQdxxeOEEkbc5dIMccYLwbxsS4TUNeVECQ/pBJ0j09mrHOl/JJvpRPGwO9SvE4nR2Nb/a4Q==}
 
   '@types/trusted-types@2.0.7':
     resolution: {integrity: sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==}
 
-  '@ungap/structured-clone@1.2.0':
-    resolution: {integrity: sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==}
-
   '@vitejs/plugin-vue@5.1.4':
     resolution: {integrity: sha512-N2XSI2n3sQqp5w7Y/AN/L2XDjBIRGqXko+eDp42sydYSBeJuSm5a1sLf8zakmo8u7tA8NmBgoDLA1HeOESjp9A==}
     engines: {node: ^18.0.0 || >=20.0.0}
@@ -1058,10 +1061,6 @@ packages:
   ajv@8.17.1:
     resolution: {integrity: sha512-B/gBuNg5SiMTrPkC+A2+cW0RszwxYmn6VYxB/inlBStS5nx6xHIt/ehKRhIMhqusl7a8LjQoZnjCs5vhwxOQ1g==}
 
-  ansi-regex@5.0.1:
-    resolution: {integrity: sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==}
-    engines: {node: '>=8'}
-
   ansi-styles@3.2.1:
     resolution: {integrity: sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==}
     engines: {node: '>=4'}
@@ -1277,10 +1276,6 @@ packages:
     engines: {node: '>=0.10'}
     hasBin: true
 
-  doctrine@3.0.0:
-    resolution: {integrity: sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==}
-    engines: {node: '>=6.0.0'}
-
   ejs@3.1.10:
     resolution: {integrity: sha512-UeJmFfOrAQS8OJWPZ4qtgHyWExa088/MtK5UEyoJGFH67cDEXkZSviOiKRCZ4Xij0zxI3JECgYs3oKx+AizQBA==}
     engines: {node: '>=0.10.0'}
@@ -1364,14 +1359,31 @@ packages:
     resolution: {integrity: sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
 
+  eslint-scope@8.1.0:
+    resolution: {integrity: sha512-14dSvlhaVhKKsa9Fx1l8A17s7ah7Ef7wCakJ10LYk6+GYmP9yDti2oq2SEwcyndt6knfcZyhyxwY3i9yL78EQw==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
   eslint-visitor-keys@3.4.3:
     resolution: {integrity: sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
 
-  eslint@8.57.0:
+  eslint-visitor-keys@4.1.0:
-    resolution: {integrity: sha512-dZ6+mexnaTIbSBZWgou51U6OmzIhYM2VcNdtiTtI7qPNZm35Akpr0f6vtw3w1Kmn5PYo+tZVfh13WrhpS6oLqQ==}
+    resolution: {integrity: sha512-Q7lok0mqMUSf5a/AdAZkA5a/gHcO6snwQClVNNvFKCAVlxXucdU8pKydU5ZVZjBx5xr37vGbFFWtLQYreLzrZg==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  eslint@9.12.0:
+    resolution: {integrity: sha512-UVIOlTEWxwIopRL1wgSQYdnVDcEvs2wyaO6DGo5mXqe3r16IoCNWkR29iHhyaP4cICWjbgbmFUGAhh0GJRuGZw==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     hasBin: true
+    peerDependencies:
+      jiti: '*'
+    peerDependenciesMeta:
+      jiti:
+        optional: true
+
+  espree@10.2.0:
+    resolution: {integrity: sha512-upbkBJbckcCNBDBDXEbuhjbP68n+scUd3k/U2EkyM9nw+I/jPiL4cLF/Al06CF96wRltFda16sxDFrxsI1v0/g==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
   espree@9.6.1:
     resolution: {integrity: sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==}
@@ -1417,9 +1429,6 @@ packages:
   fast-uri@3.0.3:
     resolution: {integrity: sha512-aLrHthzCjH5He4Z2H9YZ+v6Ujb9ocRuW6ZzkJQOrTxleEijANq4v1TsaPaVG1PZcuurEzrLcWRyYBYXD5cEiaw==}
 
-  fastq@1.17.1:
-    resolution: {integrity: sha512-sRVD3lWVIXWg6By68ZN7vho9a1pQcN/WBFaAAsDDFzlJjvoGx0P8z7V1t72grFJfJhu3YPZBuu25f7Kaw2jN1w==}
-
   fdir@6.4.0:
     resolution: {integrity: sha512-3oB133prH1o4j/L5lLW7uOCF1PlD+/It2L0eL/iAqWMB91RBbqTewABqxhj0ibBd90EEmWZq7ntIWzVaWcXTGQ==}
     peerDependencies:
@@ -1428,9 +1437,9 @@ packages:
       picomatch:
         optional: true
 
-  file-entry-cache@6.0.1:
+  file-entry-cache@8.0.0:
-    resolution: {integrity: sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==}
+    resolution: {integrity: sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ==}
-    engines: {node: ^10.12.0 || >=12.0.0}
+    engines: {node: '>=16.0.0'}
 
   filelist@1.0.4:
     resolution: {integrity: sha512-w1cEuf3S+DrLCQL7ET6kz+gmlJdbq9J7yXCSjK/OZCPA+qEN1WyF4ZAf0YYJa4/shHJra2t/d/r8SV4Ji+x+8Q==}
@@ -1443,9 +1452,9 @@ packages:
     resolution: {integrity: sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==}
     engines: {node: '>=10'}
 
-  flat-cache@3.2.0:
+  flat-cache@4.0.1:
-    resolution: {integrity: sha512-CYcENa+FtcUKLmhhqyctpclsq7QF38pKjZHsGNiSQF5r4FtoKDWabFDl3hzaEQMvT1LHEysw5twgLvpYYb4vbw==}
+    resolution: {integrity: sha512-f7ccFPK3SXFHpx15UIGyRJ/FJQctuKZ0zVuN3frBo4HnK3cay9VEW0R6yPYFHC0AgqhukPzKjq22t5DmAyqGyw==}
-    engines: {node: ^10.12.0 || >=12.0.0}
+    engines: {node: '>=16'}
 
   flatted@3.3.1:
     resolution: {integrity: sha512-X8cqMLLie7KsNUDSdzeN8FYK9rEt4Dt67OsG/DNGnYTSDBG4uFAJFBnUeiV+zCVAvwFy56IjM9sH51jVaEhNxw==}
@@ -1505,6 +1514,7 @@ packages:
 
   glob@7.2.3:
     resolution: {integrity: sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==}
+    deprecated: Glob versions prior to v9 are no longer supported
 
   globals@11.12.0:
     resolution: {integrity: sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==}
@@ -1514,6 +1524,10 @@ packages:
     resolution: {integrity: sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==}
     engines: {node: '>=8'}
 
+  globals@14.0.0:
+    resolution: {integrity: sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ==}
+    engines: {node: '>=18'}
+
   globalthis@1.0.4:
     resolution: {integrity: sha512-DpLKbNU4WylpxJykQujfCcwYWiV/Jhm50Goo0wrVILAv5jOr9d+H+UR3PhSCD2rCCEIg0uc+G+muBTwD54JhDQ==}
     engines: {node: '>= 0.4'}
@@ -1524,9 +1538,6 @@ packages:
   graceful-fs@4.2.11:
     resolution: {integrity: sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==}
 
-  graphemer@1.4.0:
-    resolution: {integrity: sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==}
-
   has-bigints@1.0.2:
     resolution: {integrity: sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==}
 
@@ -1598,6 +1609,7 @@ packages:
 
   inflight@1.0.6:
     resolution: {integrity: sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==}
+    deprecated: This module is not supported, and leaks memory. Do not use it. Check out lru-cache if you want a good and tested way to coalesce async requests by a key value, which is much more comprehensive and powerful.
 
   inherits@2.0.4:
     resolution: {integrity: sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==}
@@ -1660,10 +1672,6 @@ packages:
     resolution: {integrity: sha512-l4RyHgRqGN4Y3+9JHVrNqO+tN0rV5My76uW5/nuO4K1b6vw5G8d/cmFjP9tRfEsdhZNt0IFdZuK/c2Vr4Nb+Qg==}
     engines: {node: '>=0.10.0'}
 
-  is-path-inside@3.0.3:
-    resolution: {integrity: sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==}
-    engines: {node: '>=8'}
-
   is-regex@1.1.4:
     resolution: {integrity: sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==}
     engines: {node: '>= 0.4'}
@@ -1936,9 +1944,6 @@ packages:
     resolution: {integrity: sha512-zWmv4RSuB9r2mYQw3zxQuHWeU+42aKi1wWig/j4ele4ygELZ7PEO6MM7rim9oAQH2A5MWfsAVf/jPvTPgCbvUQ==}
     engines: {node: '>=0.6'}
 
-  queue-microtask@1.2.3:
-    resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==}
-
   randombytes@2.1.0:
     resolution: {integrity: sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==}
 
@@ -1989,14 +1994,6 @@ packages:
     resolution: {integrity: sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==}
     hasBin: true
 
-  reusify@1.0.4:
-    resolution: {integrity: sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==}
-    engines: {iojs: '>=1.0.0', node: '>=0.10.0'}
-
-  rimraf@3.0.2:
-    resolution: {integrity: sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==}
-    hasBin: true
-
   rollup@2.79.2:
     resolution: {integrity: sha512-fS6iqSPZDs3dr/y7Od6y5nha8dW1YnbgtsyotCVvoFGKbERG++CVRFv1meyGDE1SNItQA8BrnCw7ScdAhRJ3XQ==}
     engines: {node: '>=10.0.0'}
@@ -2007,9 +2004,6 @@ packages:
     engines: {node: '>=18.0.0', npm: '>=8.0.0'}
     hasBin: true
 
-  run-parallel@1.2.0:
-    resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==}
-
   rxjs@7.8.1:
     resolution: {integrity: sha512-AA3TVj+0A2iuIoQkWEK/tqFjBq2j+6PO6Y0zJcvzLAFhEFIO3HL0vls9hWLncZbAAbK0mar7oZ4V079I/qPMxg==}
 
@@ -2240,10 +2234,6 @@ packages:
     resolution: {integrity: sha512-rHqiFh1elqCQ9WPLIC8I0Q/g/wj5J1eMkyoiD6eoQApWHP0FtlK7rqnhmabL5VUY9JQCcqwwvlOaSuutekgyrw==}
     engines: {node: '>=4'}
 
-  strip-ansi@6.0.1:
-    resolution: {integrity: sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==}
-    engines: {node: '>=8'}
-
   strip-comments@2.0.1:
     resolution: {integrity: sha512-ZprKx+bBLXv067WTCALv8SSz5l2+XhpYCsVtSqlMnkAXMWDq+/ekVbl1ghqP9rUHTzv6sm/DwCOiYutU/yp1fw==}
     engines: {node: '>=10'}
@@ -3280,19 +3270,29 @@ snapshots:
   '@esbuild/win32-x64@0.21.5':
     optional: true
 
-  '@eslint-community/eslint-utils@4.4.0(eslint@8.57.0)':
+  '@eslint-community/eslint-utils@4.4.0(eslint@9.12.0)':
     dependencies:
-      eslint: 8.57.0
+      eslint: 9.12.0
       eslint-visitor-keys: 3.4.3
 
-  '@eslint-community/regexpp@4.10.0': {}
+  '@eslint-community/regexpp@4.11.1': {}
 
-  '@eslint/eslintrc@2.1.4':
+  '@eslint/config-array@0.18.0':
+    dependencies:
+      '@eslint/object-schema': 2.1.4
+      debug: 4.3.7
+      minimatch: 3.1.2
+    transitivePeerDependencies:
+      - supports-color
+
+  '@eslint/core@0.6.0': {}
+
+  '@eslint/eslintrc@3.1.0':
     dependencies:
       ajv: 6.12.6
-      debug: 4.3.4
+      debug: 4.3.7
-      espree: 9.6.1
+      espree: 10.2.0
-      globals: 13.24.0
+      globals: 14.0.0
       ignore: 5.3.1
       import-fresh: 3.3.0
       js-yaml: 4.1.0
@@ -3301,21 +3301,26 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@eslint/js@8.57.0': {}
+  '@eslint/js@9.12.0': {}
+
+  '@eslint/object-schema@2.1.4': {}
+
+  '@eslint/plugin-kit@0.2.0':
+    dependencies:
+      levn: 0.4.1
 
   '@fortawesome/fontawesome-free@6.6.0': {}
 
-  '@humanwhocodes/config-array@0.11.14':
+  '@humanfs/core@0.19.0': {}
+
+  '@humanfs/node@0.16.5':
     dependencies:
-      '@humanwhocodes/object-schema': 2.0.3
+      '@humanfs/core': 0.19.0
-      debug: 4.3.4
+      '@humanwhocodes/retry': 0.3.1
-      minimatch: 3.1.2
-    transitivePeerDependencies:
-      - supports-color
 
   '@humanwhocodes/module-importer@1.0.1': {}
 
-  '@humanwhocodes/object-schema@2.0.3': {}
+  '@humanwhocodes/retry@0.3.1': {}
 
   '@jridgewell/gen-mapping@0.3.5':
     dependencies:
@@ -3339,18 +3344,6 @@ snapshots:
       '@jridgewell/resolve-uri': 3.1.2
       '@jridgewell/sourcemap-codec': 1.5.0
 
-  '@nodelib/fs.scandir@2.1.5':
-    dependencies:
-      '@nodelib/fs.stat': 2.0.5
-      run-parallel: 1.2.0
-
-  '@nodelib/fs.stat@2.0.5': {}
-
-  '@nodelib/fs.walk@1.2.8':
-    dependencies:
-      '@nodelib/fs.scandir': 2.1.5
-      fastq: 1.17.1
-
   '@parcel/watcher-android-arm64@2.4.1':
     optional: true
 
@@ -3506,8 +3499,6 @@ snapshots:
   '@rollup/rollup-win32-x64-msvc@4.24.0':
     optional: true
 
-  '@rushstack/eslint-patch@1.10.2': {}
-
   '@surma/rollup-plugin-off-main-thread@2.2.3':
     dependencies:
       ejs: 3.1.10
@@ -3519,12 +3510,12 @@ snapshots:
 
   '@types/estree@1.0.6': {}
 
+  '@types/json-schema@7.0.15': {}
+
   '@types/resolve@1.20.2': {}
 
   '@types/trusted-types@2.0.7': {}
 
-  '@ungap/structured-clone@1.2.0': {}
-
   '@vitejs/plugin-vue@5.1.4(vite@5.4.9(sass-embedded@1.79.5)(sass@1.79.5)(terser@5.35.0))(vue@3.5.12)':
     dependencies:
       vite: 5.4.9(sass-embedded@1.79.5)(sass@1.79.5)(terser@5.35.0)
@@ -3560,11 +3551,11 @@ snapshots:
       '@vue/compiler-dom': 3.5.12
       '@vue/shared': 3.5.12
 
-  '@vue/eslint-config-prettier@10.0.0(eslint@8.57.0)(prettier@3.3.3)':
+  '@vue/eslint-config-prettier@10.0.0(eslint@9.12.0)(prettier@3.3.3)':
     dependencies:
-      eslint: 8.57.0
+      eslint: 9.12.0
-      eslint-config-prettier: 9.1.0(eslint@8.57.0)
+      eslint-config-prettier: 9.1.0(eslint@9.12.0)
-      eslint-plugin-prettier: 5.2.1(eslint-config-prettier@9.1.0(eslint@8.57.0))(eslint@8.57.0)(prettier@3.3.3)
+      eslint-plugin-prettier: 5.2.1(eslint-config-prettier@9.1.0(eslint@9.12.0))(eslint@9.12.0)(prettier@3.3.3)
       prettier: 3.3.3
     transitivePeerDependencies:
       - '@types/eslint'
@@ -3597,6 +3588,10 @@ snapshots:
     dependencies:
       acorn: 8.11.3
 
+  acorn-jsx@5.3.2(acorn@8.13.0):
+    dependencies:
+      acorn: 8.13.0
+
   acorn@8.11.3: {}
 
   acorn@8.13.0: {}
@@ -3615,8 +3610,6 @@ snapshots:
       json-schema-traverse: 1.0.0
       require-from-string: 2.0.2
 
-  ansi-regex@5.0.1: {}
-
   ansi-styles@3.2.1:
     dependencies:
       color-convert: 1.9.3
@@ -3831,10 +3824,6 @@ snapshots:
   detect-libc@1.0.3:
     optional: true
 
-  doctrine@3.0.0:
-    dependencies:
-      esutils: 2.0.3
-
   ejs@3.1.10:
     dependencies:
       jake: 10.9.2
@@ -3946,29 +3935,29 @@ snapshots:
 
   escape-string-regexp@4.0.0: {}
 
-  eslint-config-prettier@9.1.0(eslint@8.57.0):
+  eslint-config-prettier@9.1.0(eslint@9.12.0):
     dependencies:
-      eslint: 8.57.0
+      eslint: 9.12.0
 
-  eslint-plugin-prettier@5.2.1(eslint-config-prettier@9.1.0(eslint@8.57.0))(eslint@8.57.0)(prettier@3.3.3):
+  eslint-plugin-prettier@5.2.1(eslint-config-prettier@9.1.0(eslint@9.12.0))(eslint@9.12.0)(prettier@3.3.3):
     dependencies:
-      eslint: 8.57.0
+      eslint: 9.12.0
       prettier: 3.3.3
       prettier-linter-helpers: 1.0.0
       synckit: 0.9.2
     optionalDependencies:
-      eslint-config-prettier: 9.1.0(eslint@8.57.0)
+      eslint-config-prettier: 9.1.0(eslint@9.12.0)
 
-  eslint-plugin-vue@9.29.0(eslint@8.57.0):
+  eslint-plugin-vue@9.29.0(eslint@9.12.0):
     dependencies:
-      '@eslint-community/eslint-utils': 4.4.0(eslint@8.57.0)
+      '@eslint-community/eslint-utils': 4.4.0(eslint@9.12.0)
-      eslint: 8.57.0
+      eslint: 9.12.0
       globals: 13.24.0
       natural-compare: 1.4.0
       nth-check: 2.1.1
       postcss-selector-parser: 6.0.16
       semver: 7.6.3
-      vue-eslint-parser: 9.4.3(eslint@8.57.0)
+      vue-eslint-parser: 9.4.3(eslint@9.12.0)
       xml-name-validator: 4.0.0
     transitivePeerDependencies:
       - supports-color
@@ -3978,51 +3967,61 @@ snapshots:
       esrecurse: 4.3.0
       estraverse: 5.3.0
 
+  eslint-scope@8.1.0:
+    dependencies:
+      esrecurse: 4.3.0
+      estraverse: 5.3.0
+
   eslint-visitor-keys@3.4.3: {}
 
-  eslint@8.57.0:
+  eslint-visitor-keys@4.1.0: {}
+
+  eslint@9.12.0:
     dependencies:
-      '@eslint-community/eslint-utils': 4.4.0(eslint@8.57.0)
+      '@eslint-community/eslint-utils': 4.4.0(eslint@9.12.0)
-      '@eslint-community/regexpp': 4.10.0
+      '@eslint-community/regexpp': 4.11.1
-      '@eslint/eslintrc': 2.1.4
+      '@eslint/config-array': 0.18.0
-      '@eslint/js': 8.57.0
+      '@eslint/core': 0.6.0
-      '@humanwhocodes/config-array': 0.11.14
+      '@eslint/eslintrc': 3.1.0
+      '@eslint/js': 9.12.0
+      '@eslint/plugin-kit': 0.2.0
+      '@humanfs/node': 0.16.5
       '@humanwhocodes/module-importer': 1.0.1
-      '@nodelib/fs.walk': 1.2.8
+      '@humanwhocodes/retry': 0.3.1
-      '@ungap/structured-clone': 1.2.0
+      '@types/estree': 1.0.6
+      '@types/json-schema': 7.0.15
       ajv: 6.12.6
       chalk: 4.1.2
       cross-spawn: 7.0.3
-      debug: 4.3.4
+      debug: 4.3.7
-      doctrine: 3.0.0
       escape-string-regexp: 4.0.0
-      eslint-scope: 7.2.2
+      eslint-scope: 8.1.0
-      eslint-visitor-keys: 3.4.3
+      eslint-visitor-keys: 4.1.0
-      espree: 9.6.1
+      espree: 10.2.0
       esquery: 1.5.0
       esutils: 2.0.3
       fast-deep-equal: 3.1.3
-      file-entry-cache: 6.0.1
+      file-entry-cache: 8.0.0
       find-up: 5.0.0
       glob-parent: 6.0.2
-      globals: 13.24.0
-      graphemer: 1.4.0
       ignore: 5.3.1
       imurmurhash: 0.1.4
       is-glob: 4.0.3
-      is-path-inside: 3.0.3
-      js-yaml: 4.1.0
       json-stable-stringify-without-jsonify: 1.0.1
-      levn: 0.4.1
       lodash.merge: 4.6.2
       minimatch: 3.1.2
       natural-compare: 1.4.0
       optionator: 0.9.4
-      strip-ansi: 6.0.1
       text-table: 0.2.0
     transitivePeerDependencies:
       - supports-color
 
+  espree@10.2.0:
+    dependencies:
+      acorn: 8.13.0
+      acorn-jsx: 5.3.2(acorn@8.13.0)
+      eslint-visitor-keys: 4.1.0
+
   espree@9.6.1:
     dependencies:
       acorn: 8.11.3
@@ -4057,17 +4056,13 @@ snapshots:
 
   fast-uri@3.0.3: {}
 
-  fastq@1.17.1:
-    dependencies:
-      reusify: 1.0.4
-
   fdir@6.4.0(picomatch@4.0.2):
     optionalDependencies:
       picomatch: 4.0.2
 
-  file-entry-cache@6.0.1:
+  file-entry-cache@8.0.0:
     dependencies:
-      flat-cache: 3.2.0
+      flat-cache: 4.0.1
 
   filelist@1.0.4:
     dependencies:
@@ -4083,11 +4078,10 @@ snapshots:
       locate-path: 6.0.0
       path-exists: 4.0.0
 
-  flat-cache@3.2.0:
+  flat-cache@4.0.1:
     dependencies:
       flatted: 3.3.1
       keyv: 4.5.4
-      rimraf: 3.0.2
 
   flatted@3.3.1: {}
 
@@ -4157,6 +4151,8 @@ snapshots:
     dependencies:
       type-fest: 0.20.2
 
+  globals@14.0.0: {}
+
   globalthis@1.0.4:
     dependencies:
       define-properties: 1.2.1
@@ -4168,8 +4164,6 @@ snapshots:
 
   graceful-fs@4.2.11: {}
 
-  graphemer@1.4.0: {}
-
   has-bigints@1.0.2: {}
 
   has-flag@3.0.0: {}
@@ -4302,8 +4296,6 @@ snapshots:
 
   is-obj@1.0.1: {}
 
-  is-path-inside@3.0.3: {}
-
   is-regex@1.1.4:
     dependencies:
       call-bind: 1.0.7
@@ -4539,8 +4531,6 @@ snapshots:
     dependencies:
       side-channel: 1.0.6
 
-  queue-microtask@1.2.3: {}
-
   randombytes@2.1.0:
     dependencies:
       safe-buffer: 5.2.1
@@ -4594,12 +4584,6 @@ snapshots:
       path-parse: 1.0.7
       supports-preserve-symlinks-flag: 1.0.0
 
-  reusify@1.0.4: {}
-
-  rimraf@3.0.2:
-    dependencies:
-      glob: 7.2.3
-
   rollup@2.79.2:
     optionalDependencies:
       fsevents: 2.3.3
@@ -4626,10 +4610,6 @@ snapshots:
       '@rollup/rollup-win32-x64-msvc': 4.24.0
       fsevents: 2.3.3
 
-  run-parallel@1.2.0:
-    dependencies:
-      queue-microtask: 1.2.3
-
   rxjs@7.8.1:
     dependencies:
       tslib: 2.6.2
@@ -4749,7 +4729,7 @@ snapshots:
       '@parcel/watcher': 2.4.1
       chokidar: 4.0.1
       immutable: 4.3.5
-      source-map-js: 1.2.0
+      source-map-js: 1.2.1
     optional: true
 
   secure-compare@3.0.1: {}
@@ -4850,10 +4830,6 @@ snapshots:
       is-obj: 1.0.1
       is-regexp: 1.0.0
 
-  strip-ansi@6.0.1:
-    dependencies:
-      ansi-regex: 5.0.1
-
   strip-comments@2.0.1: {}
 
   strip-json-comments@3.1.1: {}
@@ -5021,10 +4997,10 @@ snapshots:
       sass-embedded: 1.79.5
       terser: 5.35.0
 
-  vue-eslint-parser@9.4.3(eslint@8.57.0):
+  vue-eslint-parser@9.4.3(eslint@9.12.0):
     dependencies:
       debug: 4.3.4
-      eslint: 8.57.0
+      eslint: 9.12.0
       eslint-scope: 7.2.2
       eslint-visitor-keys: 3.4.3
       espree: 9.6.1

src/App.vue

@@ -1,7 +1,7 @@
 <template>
   <div
-    id="app"
     v-if="config"
+    id="app"
     :class="[
       `theme-${config.theme}`,
       `page-${currentPage}`,
@@ -32,16 +32,16 @@
         @navbar-toggle="showMenu = !showMenu"
       >
         <DarkMode
+          :default-value="config.defaults.colorTheme"
           @updated="isDark = $event"
-          :defaultValue="this.config.defaults.colorTheme"
         />
 
         <SettingToggle
-          @updated="vlayout = $event"
           name="vlayout"
           icon="fa-list"
-          iconAlt="fa-columns"
+          icon-alt="fa-columns"
-          :defaultValue="this.config.defaults.layout == 'columns'"
+          :default-value="config.defaults.layout == 'columns'"
+          @updated="vlayout = $event"
         />
 
         <SearchInput
@@ -73,9 +73,9 @@
             <template v-for="(group, groupIndex) in services">
               <h2
                 v-if="group.name"
+                :key="`header-${groupIndex}`"
                 class="column is-full group-title"
                 :class="group.class"
-                :key="`header-${groupIndex}`"
               >
                 <i v-if="group.icon" :class="['fa-fw', group.icon]"></i>
                 <div v-else-if="group.logo" class="group-logo media-left">
@@ -105,9 +105,9 @@
             class="columns is-multiline layout-vertical"
           >
             <div
-              :class="['column', `is-${12 / config.columns}`]"
               v-for="(group, groupIndex) in services"
               :key="groupIndex"
+              :class="['column', `is-${12 / config.columns}`]"
             >
               <h2 v-if="group.name" class="group-title" :class="group.class">
                 <i v-if="group.icon" :class="['fa-fw', group.icon]"></i>
@@ -134,8 +134,8 @@
     <footer class="footer">
       <div class="container">
         <div
-          class="content has-text-centered"
           v-if="config.footer"
+          class="content has-text-centered"
           v-html="config.footer"
         ></div>
       </div>
@@ -275,7 +275,7 @@ export default {
       try {
         const service = this.services[0].items[0];
         window.open(service.url, target || service.target || "_self");
-      } catch (error) {
+      } catch {
         console.warn("fail to open service");
       }
     },

src/components/DarkMode.vue

@@ -1,8 +1,8 @@
 <template>
   <a
-    @click="toggleTheme()"
     aria-label="Toggle dark mode"
     class="navbar-item is-inline-block-mobile"
+    @click="toggleTheme()"
   >
     <i
       :class="`${faClasses[mode]}`"
@@ -18,6 +18,7 @@ export default {
   props: {
     defaultValue: String,
   },
+  emits: ['updated'],
   data: function () {
     return {
       isDark: null,

src/components/Message.vue

@@ -25,11 +25,6 @@ export default {
       message: {},
     };
   },
-  created: async function () {
-    // Look for a new message if an endpoint is provided.
-    this.message = Object.assign({}, this.item);
-    await this.getMessage();
-  },
   computed: {
     show: function () {
       return this.message.title || this.message.content;
@@ -40,6 +35,11 @@ export default {
       this.message = Object.assign({}, item);
     },
   },
+  created: async function () {
+    // Look for a new message if an endpoint is provided.
+    this.message = Object.assign({}, this.item);
+    await this.getMessage();
+  },
   methods: {
     getMessage: async function () {
       if (!this.item) {

src/components/Navbar.vue

@@ -9,7 +9,7 @@
             aria-expanded="false"
             class="navbar-burger"
             :class="{ 'is-active': showMenu }"
-            v-on:click="$emit('navbar-toggle')"
+            @click="$emit('navbar-toggle')"
           >
             <span aria-hidden="true"></span>
             <span aria-hidden="true"></span>
@@ -19,10 +19,10 @@
         <div class="navbar-menu" :class="{ 'is-active': showMenu }">
           <div class="navbar-start">
             <a
-              class="navbar-item"
-              rel="noreferrer"
               v-for="(link, key) in links"
               :key="key"
+              class="navbar-item"
+              rel="noreferrer"
               :href="link.url"
               :target="link.target"
             >
@@ -52,6 +52,7 @@ export default {
     },
     links: Array,
   },
+  emits: ['navbar-toggle'],
   computed: {
     showMenu: function () {
       return this.open && this.isSmallScreen();

src/components/SearchInput.vue

@@ -4,9 +4,9 @@
       <label for="search" class="search-label"></label>
       <input
         id="search"
+        ref="search"
         name="search"
         type="search"
-        ref="search"
         :value="value"
         @input.stop="search($event.target.value)"
         @keydown.enter.exact.prevent="open()"
@@ -26,6 +26,7 @@ export default {
       default: "/",
     },
   },
+  emits: ["search-open", "search-focus", "search-cancel", "input"],
   mounted() {
     this._keyListener = function (event) {
       if (event.key === this.hotkey) {
@@ -46,6 +47,9 @@ export default {
       this.focus();
     }
   },
+  beforeUnmount() {
+    document.removeEventListener("keydown", this._keyListener);
+  },
   methods: {
     open: function (target = null) {
       if (!this.$refs.search.value) {
@@ -79,9 +83,6 @@ export default {
       this.$emit("input", value.toLowerCase());
     },
   },
-  beforeUnmount() {
-    document.removeEventListener("keydown", this._keyListener);
-  },
 };
 </script>
 

src/components/SettingToggle.vue

@@ -1,7 +1,7 @@
 <template>
   <a
-    @click.prevent="toggleSetting()"
     class="navbar-item is-inline-block-mobile"
+    @click.prevent="toggleSetting()"
   >
     <span><i :class="['fas', 'fa-fw', value ? icon : secondaryIcon]"></i></span>
     <slot></slot>
@@ -17,6 +17,7 @@ export default {
     iconAlt: String,
     defaultValue: Boolean,
   },
+  emits: ["updated"],
   data: function () {
     return {
       secondaryIcon: null,

src/components/services/AdGuardHome.vue

@@ -25,13 +25,13 @@ import Generic from "./Generic.vue";
 
 export default {
   name: "AdGuardHome",
+  components: {
+    Generic,
+  },
   mixins: [service],
   props: {
     item: Object,
   },
-  components: {
-    Generic,
-  },
   data: () => {
     return {
       status: null,

src/components/services/CopyToClipboard.vue

@@ -19,13 +19,13 @@ import Generic from "./Generic.vue";
 
 export default {
   name: "CopyToClipboard",
+  components: {
+    Generic,
+  },
   mixins: [service],
   props: {
     item: Object,
   },
-  components: {
-    Generic,
-  },
   data: () => ({
     animate: false,
   }),

src/components/services/Emby.vue

@@ -25,13 +25,13 @@ import Generic from "./Generic.vue";
 
 export default {
   name: "Emby",
+  components: {
+    Generic,
+  },
   mixins: [service],
   props: {
     item: Object,
   },
-  components: {
-    Generic,
-  },
   data: () => ({
     status: "",
     albumCount: 0,

src/components/services/Generic.vue

@@ -19,14 +19,14 @@
             <div class="media-content">
               <slot name="content">
                 <p class="title">{{ item.name }}</p>
-                <p class="subtitle" v-if="item.subtitle">
+                <p v-if="item.subtitle" class="subtitle">
                   {{ item.subtitle }}
                 </p>
               </slot>
             </div>
             <slot name="indicator" class="indicator"></slot>
           </div>
-          <div class="tag" :class="item.tagstyle" v-if="item.tag">
+          <div v-if="item.tag" class="tag" :class="item.tagstyle">
             <strong class="tag-text">#{{ item.tag }}</strong>
           </div>
         </div>

src/components/services/Healthchecks.vue

@@ -22,13 +22,13 @@ import Generic from "./Generic.vue";
 
 export default {
   name: "Healthchecks",
+  components: {
+    Generic,
+  },
   mixins: [service],
   props: {
     item: Object,
   },
-  components: {
-    Generic,
-  },
   data: () => ({
     api: null,
   }),

src/components/services/HomeAssistant.vue

@@ -25,13 +25,13 @@ import Generic from "./Generic.vue";
 
 export default {
   name: "HomeAssistant",
+  components: {
+    Generic,
+  },
   mixins: [service],
   props: {
     item: Object,
   },
-  components: {
-    Generic,
-  },
   data: () => ({
     status: "",
     version: "",

src/components/services/Immich.vue

@@ -31,13 +31,13 @@ import Generic from "./Generic.vue";
 
 export default {
   name: "Immich",
+  components: {
+    Generic,
+  },
   mixins: [service],
   props: {
     item: Object,
   },
-  components: {
-    Generic,
-  },
   data: () => {
     return {
       users: null,
@@ -47,13 +47,6 @@ export default {
       serverError: false,
     };
   },
-  created: function () {
-    const updateInterval = parseInt(this.item.updateInterval, 10) || 0;
-    if (updateInterval > 0) {
-      setInterval(() => this.fetchConfig(), updateInterval);
-    }
-    this.fetchConfig();
-  },
   computed: {
     humanizeSize: function () {
       let bytes = this.usage;
@@ -72,6 +65,13 @@ export default {
       return bytes.toFixed(2) + " " + units[u];
     },
   },
+  created: function () {
+    const updateInterval = parseInt(this.item.updateInterval, 10) || 0;
+    if (updateInterval > 0) {
+      setInterval(() => this.fetchConfig(), updateInterval);
+    }
+    this.fetchConfig();
+  },
   methods: {
     fetchConfig: function () {
       const headers = {

src/components/services/Jellystat.vue

@@ -24,13 +24,13 @@ import Generic from "./Generic.vue";
 
 export default {
   name: "Jellyfin",
+  components: {
+    Generic,
+  },
   mixins: [service],
   props: {
     item: Object,
   },
-  components: {
-    Generic,
-  },
   data: () => ({
     stats: null,
     error: false,

src/components/services/Lidarr.vue

@@ -31,13 +31,13 @@ import Generic from "./Generic.vue";
 
 export default {
   name: "Lidarr",
+  components: {
+    Generic,
+  },
   mixins: [service],
   props: {
     item: Object,
   },
-  components: {
-    Generic,
-  },
   data: () => {
     return {
       activity: null,

src/components/services/Mealie.vue

@@ -21,13 +21,13 @@ import Generic from "./Generic.vue";
 
 export default {
   name: "Mealie",
+  components: {
+    Generic,
+  },
   mixins: [service],
   props: {
     item: Object,
   },
-  components: {
-    Generic,
-  },
   data: () => ({
     stats: null,
     meal: null,

src/components/services/Medusa.vue

@@ -37,13 +37,13 @@ import Generic from "./Generic.vue";
 
 export default {
   name: "Medusa",
+  components: {
+    Generic,
+  },
   mixins: [service],
   props: {
     item: Object,
   },
-  components: {
-    Generic,
-  },
   data: () => {
     return {
       config: null,

src/components/services/Mylar.vue

@@ -26,13 +26,13 @@ import Generic from "./Generic.vue";
 
 export default {
   name: "Mylar",
+  components: {
+    Generic,
+  },
   mixins: [service],
   props: {
     item: Object,
   },
-  components: {
-    Generic,
-  },
   data: () => {
     return {
       upcoming: null,

src/components/services/OctoPrint.vue

@@ -55,13 +55,13 @@ import Generic from "./Generic.vue";
 
 export default {
   name: "OctoPrint",
+  components: {
+    Generic,
+  },
   mixins: [service],
   props: {
     item: Object,
   },
-  components: {
-    Generic,
-  },
   data: () => ({
     printTime: null,
     printTimeLeft: null,

src/components/services/OpenHAB.vue

@@ -25,13 +25,13 @@ import Generic from "./Generic.vue";
 
 export default {
   name: "OpenHAB",
+  components: {
+    Generic,
+  },
   mixins: [service],
   props: {
     item: Object,
   },
-  components: {
-    Generic,
-  },
   data: () => ({
     status: "",
     things: {

src/components/services/OpenWeather.vue

@@ -32,7 +32,7 @@
               </div>
             </div>
           </div>
-          <div class="tag" :class="item.tagstyle" v-if="item.tag">
+          <div v-if="item.tag" class="tag" :class="item.tagstyle">
             <strong class="tag-text">#{{ item.tag }}</strong>
           </div>
         </div>

src/components/services/PaperlessNG.vue

@@ -20,13 +20,13 @@ import Generic from "./Generic.vue";
 
 export default {
   name: "Paperless",
+  components: {
+    Generic,
+  },
   mixins: [service],
   props: {
     item: Object,
   },
-  components: {
-    Generic,
-  },
   data: () => ({
     api: null,
   }),

src/components/services/PiAlert.vue

@@ -31,13 +31,13 @@ import Generic from "./Generic.vue";
 
 export default {
   name: "PiAlert",
+  components: {
+    Generic,
+  },
   mixins: [service],
   props: {
     item: Object,
   },
-  components: {
-    Generic,
-  },
   data: () => {
     return {
       total: 0,

src/components/services/PiHole.vue

@@ -25,13 +25,13 @@ import Generic from "./Generic.vue";
 
 export default {
   name: "PiHole",
+  components: {
+    Generic,
+  },
   mixins: [service],
   props: {
     item: Object,
   },
-  components: {
-    Generic,
-  },
   data: () => ({
     status: "",
     ads_percentage_today: 0,

src/components/services/Ping.vue

@@ -14,13 +14,13 @@ import Generic from "./Generic.vue";
 
 export default {
   name: "Ping",
+  components: {
+    Generic,
+  },
   mixins: [service],
   props: {
     item: Object,
   },
-  components: {
-    Generic,
-  },
   data: () => ({
     status: null,
   }),

src/components/services/Portainer.vue

@@ -26,13 +26,13 @@ import Generic from "./Generic.vue";
 
 export default {
   name: "Portainer",
+  components: {
+    Generic,
+  },
   mixins: [service],
   props: {
     item: Object,
   },
-  components: {
-    Generic,
-  },
   data: () => ({
     endpoints: null,
     containers: null,

src/components/services/Prometheus.vue

@@ -29,13 +29,13 @@ const AlertsStatus = Object.freeze({
 
 export default {
   name: "Prometheus",
+  components: {
+    Generic,
+  },
   mixins: [service],
   props: {
     item: Object,
   },
-  components: {
-    Generic,
-  },
   data: () => ({
     api: {
       status: "",

src/components/services/Prowlarr.vue

@@ -26,13 +26,13 @@ import Generic from "./Generic.vue";
 
 export default {
   name: "Prowlarr",
+  components: {
+    Generic,
+  },
   mixins: [service],
   props: {
     item: Object,
   },
-  components: {
-    Generic,
-  },
   data: () => {
     return {
       warnings: null,

src/components/services/Proxmox.vue

@@ -80,13 +80,13 @@ import Generic from "./Generic.vue";
 
 export default {
   name: "Proxmox",
+  components: {
+    Generic,
+  },
   mixins: [service],
   props: {
     item: Object,
   },
-  components: {
-    Generic,
-  },
   data: () => ({
     vms: {
       total: 0,

src/components/services/Radarr.vue

@@ -34,13 +34,13 @@ const LEGACY_API = "/api";
 
 export default {
   name: "Radarr",
+  components: {
+    Generic,
+  },
   mixins: [service],
   props: {
     item: Object,
   },
-  components: {
-    Generic,
-  },
   data: () => {
     return {
       activity: null,
@@ -50,14 +50,14 @@ export default {
       serverError: false,
     };
   },
-  created: function () {
-    this.fetchConfig();
-  },
   computed: {
     apiPath() {
       return this.item.legacyApi ? LEGACY_API : V3_API;
     },
   },
+  created: function () {
+    this.fetchConfig();
+  },
   methods: {
     fetchConfig: function () {
       const handleError = (e) => {

src/components/services/Readarr.vue

@@ -33,13 +33,13 @@ const API = "/api/v1";
 
 export default {
   name: "Readarr",
+  components: {
+    Generic,
+  },
   mixins: [service],
   props: {
     item: Object,
   },
-  components: {
-    Generic,
-  },
   data: () => {
     return {
       activity: null,

src/components/services/Rtorrent.vue

@@ -47,9 +47,9 @@ const displayRate = (rate) => {
 };
 
 export default {
-  name: "rTorrent",
+  name: "RTorrent",
-  props: { item: Object },
   components: { Generic },
+  props: { item: Object },
   // Properties for download, upload, torrent count and errors.
   data: () => ({ dl: null, ul: null, count: null, error: null }),
   // Computed properties for the rate labels.

src/components/services/SABnzbd.vue

@@ -25,13 +25,13 @@ import Generic from "./Generic.vue";
 
 export default {
   name: "SABnzbd",
+  components: {
+    Generic,
+  },
   mixins: [service],
   props: {
     item: Object,
   },
-  components: {
-    Generic,
-  },
   data: () => ({
     stats: null,
     error: false,

src/components/services/Sonarr.vue

@@ -35,17 +35,12 @@ const LEGACY_API = "/api";
 
 export default {
   name: "Sonarr",
-  mixins: [service],
-  props: {
-    item: Object,
-  },
   components: {
     Generic,
   },
-  computed: {
+  mixins: [service],
-    apiPath() {
+  props: {
-      return this.item.legacyApi ? LEGACY_API : V3_API;
+    item: Object,
-    },
   },
   data: () => {
     return {
@@ -56,6 +51,11 @@ export default {
       serverError: false,
     };
   },
+  computed: {
+    apiPath() {
+      return this.item.legacyApi ? LEGACY_API : V3_API;
+    },
+  },
   created: function () {
     this.fetchConfig();
   },

src/components/services/SpeedtestTracker.vue

@@ -19,13 +19,13 @@ import Generic from "./Generic.vue";
 
 export default {
   name: "SpeedtestTracker",
+  components: {
+    Generic,
+  },
   mixins: [service],
   props: {
     item: Object,
   },
-  components: {
-    Generic,
-  },
   data: () => ({
     speedtest: null,
   }),

src/components/services/Tautulli.vue

@@ -25,13 +25,13 @@ import Generic from "./Generic.vue";
 
 export default {
   name: "Tautulli",
+  components: {
+    Generic,
+  },
   mixins: [service],
   props: {
     item: Object,
   },
-  components: {
-    Generic,
-  },
   data: () => ({
     stats: null,
     error: false,

src/components/services/Tdarr.vue

@@ -32,13 +32,13 @@ import Generic from "./Generic.vue";
 
 export default {
   name: "Tdarr",
+  components: {
+    Generic,
+  },
   mixins: [service],
   props: {
     item: Object,
   },
-  components: {
-    Generic,
-  },
   data: () => ({
     stats: null,
     error: false,

src/components/services/ThemeChooser.vue

@@ -27,12 +27,12 @@ const app = document.getElementById("app");
 
 export default {
   name: "ThemeChooser",
-  props: {
-    item: Object,
-  },
   components: {
     Generic,
   },
+  props: {
+    item: Object,
+  },
   data: () => {
     return {
       theme: null,

src/components/services/UptimeKuma.vue

@@ -25,13 +25,13 @@ import Generic from "./Generic.vue";
 
 export default {
   name: "UptimeKuma",
+  components: {
+    Generic,
+  },
   mixins: [service],
   props: {
     item: Object,
   },
-  components: {
-    Generic,
-  },
   data: () => ({
     incident: null,
     heartbeat: null,

src/components/services/WUD.vue

@@ -26,13 +26,13 @@ import Generic from "./Generic.vue";
 
 export default {
   name: "WUD",
+  components: {
+    Generic,
+  },
   mixins: [service],
   props: {
     item: Object,
   },
-  components: {
-    Generic,
-  },
   data: () => {
     return {
       running: null,

src/components/services/qBittorrent.vue

@@ -49,10 +49,10 @@ const displayRate = (rate) => {
 };
 
 export default {
-  name: "qBittorrent",
+  name: "QBittorrent",
+  components: { Generic },
   mixins: [service],
   props: { item: Object },
-  components: { Generic },
   data: () => ({ dl: null, ul: null, count: null, error: null }),
   computed: {
     downRate: function () {