From bd56850c0104084de1250cf1c42d58352de39849 Mon Sep 17 00:00:00 2001
From: "Grigorii K. Shartsev" <me@shgk.me>
Date: Thu, 16 May 2024 20:57:46 +0200
Subject: [PATCH 1/6] chore(vue3): migrate to ESLint with Vue 3 plugin

Signed-off-by: Grigorii K. Shartsev <me@shgk.me>
---
 .eslintrc.js      |  17 +-
 package-lock.json | 813 ++++++++++++++++++++++++----------------------
 package.json      |   2 +-
 3 files changed, 421 insertions(+), 411 deletions(-)

diff --git a/.eslintrc.js b/.eslintrc.js
index 7a21ef76913..6734c0b3718 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -4,8 +4,7 @@
  */
 module.exports = {
 	extends: [
-		'@nextcloud',
-		'@nextcloud/eslint-config/typescript',
+		'@nextcloud/eslint-config/vue3',
 	],
 	globals: {
 		// @nextcloud/webpack-vue-config globals
@@ -75,20 +74,6 @@ module.exports = {
 			// https://github.com/import-js/eslint-plugin-import/issues/2562
 			ignore: ['\\?raw$'],
 		}],
-		// Prepare for Vue 3 Migration
-		'vue/no-deprecated-data-object-declaration': 'warn',
-		'vue/no-deprecated-events-api': 'warn',
-		'vue/no-deprecated-filter': 'warn',
-		'vue/no-deprecated-functional-template': 'warn',
-		'vue/no-deprecated-html-element-is': 'warn',
-		'vue/no-deprecated-props-default-this': 'warn',
-		'vue/no-deprecated-router-link-tag-prop': 'warn',
-		'vue/no-deprecated-scope-attribute': 'warn',
-		'vue/no-deprecated-slot-attribute': 'warn',
-		'vue/no-deprecated-slot-scope-attribute': 'warn',
-		'vue/no-deprecated-v-is': 'warn',
-		'vue/no-deprecated-v-on-number-modifiers': 'warn',
-		'vue/require-explicit-emits': 'warn',
 	},
 	overrides: [
 		{
diff --git a/package-lock.json b/package-lock.json
index 690386344e0..bc5a6f47f93 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -58,7 +58,7 @@
         "@babel/preset-env": "^7.24.5",
         "@nextcloud/babel-config": "^1.1.1",
         "@nextcloud/browserslist-config": "^3.0.1",
-        "@nextcloud/eslint-config": "^8.3.0",
+        "@nextcloud/eslint-config": "^8.4.1",
         "@nextcloud/stylelint-config": "^3.0.1",
         "@nextcloud/webpack-vue-config": "github:nextcloud-libraries/webpack-vue-config#vue3",
         "@types/jest": "^29.5.12",
@@ -2447,9 +2447,9 @@
       }
     },
     "node_modules/@eslint-community/regexpp": {
-      "version": "4.9.0",
-      "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.9.0.tgz",
-      "integrity": "sha512-zJmuCWj2VLBt4c25CfBIbMZLGLyhkvs7LznyVX5HfpzeocThgIj5XQK4L+g3U36mMcx8bPMhGyPpwCATamC4jQ==",
+      "version": "4.10.0",
+      "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.10.0.tgz",
+      "integrity": "sha512-Cu96Sd2By9mCNTx2iyKOmq10v22jUVQv0lQnlGNy16oE9589yE+QADPbrMGCkA51cKZSg3Pu/aTJVTGfL/qjUA==",
       "dev": true,
       "peer": true,
       "engines": {
@@ -2457,16 +2457,16 @@
       }
     },
     "node_modules/@eslint/eslintrc": {
-      "version": "1.3.3",
-      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-1.3.3.tgz",
-      "integrity": "sha512-uj3pT6Mg+3t39fvLrj8iuCIJ38zKO9FpGtJ4BBJebJhEwjoT+KLVNCcHT5QC9NGRIEi7fZ0ZR8YRb884auB4Lg==",
+      "version": "2.1.4",
+      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-2.1.4.tgz",
+      "integrity": "sha512-269Z39MS6wVJtsoUl10L60WdkhJVdPG24Q4eZTH3nnF6lpvSShEK3wQjDX9JRWAUPvPh7COouPpU9IrqaZFvtQ==",
       "dev": true,
       "peer": true,
       "dependencies": {
         "ajv": "^6.12.4",
         "debug": "^4.3.2",
-        "espree": "^9.4.0",
-        "globals": "^13.15.0",
+        "espree": "^9.6.0",
+        "globals": "^13.19.0",
         "ignore": "^5.2.0",
         "import-fresh": "^3.2.1",
         "js-yaml": "^4.1.0",
@@ -2481,9 +2481,9 @@
       }
     },
     "node_modules/@eslint/eslintrc/node_modules/globals": {
-      "version": "13.18.0",
-      "resolved": "https://registry.npmjs.org/globals/-/globals-13.18.0.tgz",
-      "integrity": "sha512-/mR4KI8Ps2spmoc0Ulu9L7agOF0du1CZNQ3dke8yItYlyKNmGrkONemBbd6V8UTc1Wgcqn21t3WYB7dbRmh6/A==",
+      "version": "13.24.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-13.24.0.tgz",
+      "integrity": "sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==",
       "dev": true,
       "peer": true,
       "dependencies": {
@@ -2509,6 +2509,16 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/@eslint/js": {
+      "version": "8.57.0",
+      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.57.0.tgz",
+      "integrity": "sha512-Ys+3g2TaW7gADOJzPt83SJtCDhMjndcDMFVQ/Tj9iA1BfJzFKD9mAUXT3OenpuPHbI6P/myECxRJrofUsDx/5g==",
+      "dev": true,
+      "peer": true,
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      }
+    },
     "node_modules/@fastify/busboy": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/@fastify/busboy/-/busboy-2.1.0.tgz",
@@ -2541,14 +2551,14 @@
       "integrity": "sha512-J4yDIIthosAsRZ5CPYP/jQvUAQtlZTTD/4suA08/FEnlxqW3sKS9iAhgsa9VYLZ6vDHn/ixJgIqRQPotoBjxIw=="
     },
     "node_modules/@humanwhocodes/config-array": {
-      "version": "0.11.7",
-      "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.7.tgz",
-      "integrity": "sha512-kBbPWzN8oVMLb0hOUYXhmxggL/1cJE6ydvjDIGi9EnAGUyA7cLVKQg+d/Dsm+KZwx2czGHrCmMVLiyg8s5JPKw==",
+      "version": "0.11.14",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.14.tgz",
+      "integrity": "sha512-3T8LkOmg45BV5FICb15QQMsyUSWrQ8AygVfC7ZG32zOalnqrilm018ZVCw0eapXux8FtA33q8PSRSstjee3jSg==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "@humanwhocodes/object-schema": "^1.2.1",
-        "debug": "^4.1.1",
+        "@humanwhocodes/object-schema": "^2.0.2",
+        "debug": "^4.3.1",
         "minimatch": "^3.0.5"
       },
       "engines": {
@@ -2570,9 +2580,9 @@
       }
     },
     "node_modules/@humanwhocodes/object-schema": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-1.2.1.tgz",
-      "integrity": "sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==",
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-2.0.3.tgz",
+      "integrity": "sha512-93zYdMES/c1D69yZiKDBj0V24vqNzB/koF26KPaagAfd3P/4gUlh3Dys5ogAK+Exi9QyzlD8x/08Zt7wIKcDcA==",
       "dev": true,
       "peer": true
     },
@@ -3558,19 +3568,19 @@
       }
     },
     "node_modules/@nextcloud/eslint-config": {
-      "version": "8.3.0",
-      "resolved": "https://registry.npmjs.org/@nextcloud/eslint-config/-/eslint-config-8.3.0.tgz",
-      "integrity": "sha512-Jsv34fwmZThCC25eClMFj5R44TjYAi22glLG7XWfoBI795oKBuNTfIbTf91YrbACsoOHrUrtMzsQYbsrJMgQPw==",
+      "version": "8.4.1",
+      "resolved": "https://registry.npmjs.org/@nextcloud/eslint-config/-/eslint-config-8.4.1.tgz",
+      "integrity": "sha512-ilrPxOnfVkB4dAddtkhbJmbYK9FwEVZ5oIJ2ipiE97rQz82TUZxmfEHE1tr87FbIvz0drIcREgGil3zuNWHjrg==",
       "dev": true,
       "engines": {
         "node": "^20.0.0",
-        "npm": "^9.0.0"
+        "npm": "^10.0.0"
       },
       "peerDependencies": {
-        "@babel/core": "^7.22.20",
+        "@babel/core": "^7.24.5",
         "@babel/eslint-parser": "^7.16.5",
-        "@nextcloud/eslint-plugin": "^2.1.0",
-        "@vue/eslint-config-typescript": "^12.0.0",
+        "@nextcloud/eslint-plugin": "^2.2.1",
+        "@vue/eslint-config-typescript": "^13.0.0",
         "eslint": "^8.27.0",
         "eslint-config-standard": "^17.1.0",
         "eslint-import-resolver-exports": "^1.0.0-beta.5",
@@ -3584,18 +3594,19 @@
       }
     },
     "node_modules/@nextcloud/eslint-plugin": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/@nextcloud/eslint-plugin/-/eslint-plugin-2.1.0.tgz",
-      "integrity": "sha512-PtudCw6Ks4pUNrmQ+0IqevCj2NaspfvisbAitYZX6mAL2yAI1+4a6uDa38EBUWellvbR7+9rGDQMiHdwmY9skw==",
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/@nextcloud/eslint-plugin/-/eslint-plugin-2.2.1.tgz",
+      "integrity": "sha512-RX+0FxpL1h2EzjNLeW0VSGTkbyWIq7WgV7QAjtyUmDbSGwf1ds9Zy5OcRkgXRHRIu/W0gB0DhS2iz9qXHphCzA==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "jest": "^29.6.0",
-        "requireindex": "^1.2.0"
+        "fast-xml-parser": "^4.2.5",
+        "requireindex": "^1.2.0",
+        "semver": "^7.5.3"
       },
       "engines": {
         "node": "^20.0.0",
-        "npm": "^9.0.0"
+        "npm": "^10.0.0"
       },
       "peerDependencies": {
         "eslint": ">=7.0.0"
@@ -4455,13 +4466,6 @@
       "dev": true,
       "peer": true
     },
-    "node_modules/@types/semver": {
-      "version": "7.5.3",
-      "resolved": "https://registry.npmjs.org/@types/semver/-/semver-7.5.3.tgz",
-      "integrity": "sha512-OxepLK9EuNEIPxWNME+C6WwbRAOOI2o2BaQEGzz5Lu2e4Z5eDnEo+/aVEDMIXywoJitJ7xWd641wrGLZdtwRyw==",
-      "dev": true,
-      "peer": true
-    },
     "node_modules/@types/send": {
       "version": "0.17.4",
       "resolved": "https://registry.npmjs.org/@types/send/-/send-0.17.4.tgz",
@@ -4575,34 +4579,32 @@
       "dev": true
     },
     "node_modules/@typescript-eslint/eslint-plugin": {
-      "version": "6.7.3",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-6.7.3.tgz",
-      "integrity": "sha512-vntq452UHNltxsaaN+L9WyuMch8bMd9CqJ3zhzTPXXidwbf5mqqKCVXEuvRZUqLJSTLeWE65lQwyXsRGnXkCTA==",
+      "version": "7.9.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-7.9.0.tgz",
+      "integrity": "sha512-6e+X0X3sFe/G/54aC3jt0txuMTURqLyekmEHViqyA2VnxhLMpvA6nqmcjIy+Cr9tLDHPssA74BP5Mx9HQIxBEA==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "@eslint-community/regexpp": "^4.5.1",
-        "@typescript-eslint/scope-manager": "6.7.3",
-        "@typescript-eslint/type-utils": "6.7.3",
-        "@typescript-eslint/utils": "6.7.3",
-        "@typescript-eslint/visitor-keys": "6.7.3",
-        "debug": "^4.3.4",
+        "@eslint-community/regexpp": "^4.10.0",
+        "@typescript-eslint/scope-manager": "7.9.0",
+        "@typescript-eslint/type-utils": "7.9.0",
+        "@typescript-eslint/utils": "7.9.0",
+        "@typescript-eslint/visitor-keys": "7.9.0",
         "graphemer": "^1.4.0",
-        "ignore": "^5.2.4",
+        "ignore": "^5.3.1",
         "natural-compare": "^1.4.0",
-        "semver": "^7.5.4",
-        "ts-api-utils": "^1.0.1"
+        "ts-api-utils": "^1.3.0"
       },
       "engines": {
-        "node": "^16.0.0 || >=18.0.0"
+        "node": "^18.18.0 || >=20.0.0"
       },
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/typescript-eslint"
       },
       "peerDependencies": {
-        "@typescript-eslint/parser": "^6.0.0 || ^6.0.0-alpha",
-        "eslint": "^7.0.0 || ^8.0.0"
+        "@typescript-eslint/parser": "^7.0.0",
+        "eslint": "^8.56.0"
       },
       "peerDependenciesMeta": {
         "typescript": {
@@ -4611,27 +4613,27 @@
       }
     },
     "node_modules/@typescript-eslint/parser": {
-      "version": "6.7.3",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-6.7.3.tgz",
-      "integrity": "sha512-TlutE+iep2o7R8Lf+yoer3zU6/0EAUc8QIBB3GYBc1KGz4c4TRm83xwXUZVPlZ6YCLss4r77jbu6j3sendJoiQ==",
+      "version": "7.9.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-7.9.0.tgz",
+      "integrity": "sha512-qHMJfkL5qvgQB2aLvhUSXxbK7OLnDkwPzFalg458pxQgfxKDfT1ZDbHQM/I6mDIf/svlMkj21kzKuQ2ixJlatQ==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "@typescript-eslint/scope-manager": "6.7.3",
-        "@typescript-eslint/types": "6.7.3",
-        "@typescript-eslint/typescript-estree": "6.7.3",
-        "@typescript-eslint/visitor-keys": "6.7.3",
+        "@typescript-eslint/scope-manager": "7.9.0",
+        "@typescript-eslint/types": "7.9.0",
+        "@typescript-eslint/typescript-estree": "7.9.0",
+        "@typescript-eslint/visitor-keys": "7.9.0",
         "debug": "^4.3.4"
       },
       "engines": {
-        "node": "^16.0.0 || >=18.0.0"
+        "node": "^18.18.0 || >=20.0.0"
       },
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/typescript-eslint"
       },
       "peerDependencies": {
-        "eslint": "^7.0.0 || ^8.0.0"
+        "eslint": "^8.56.0"
       },
       "peerDependenciesMeta": {
         "typescript": {
@@ -4640,17 +4642,17 @@
       }
     },
     "node_modules/@typescript-eslint/scope-manager": {
-      "version": "6.7.3",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-6.7.3.tgz",
-      "integrity": "sha512-wOlo0QnEou9cHO2TdkJmzF7DFGvAKEnB82PuPNHpT8ZKKaZu6Bm63ugOTn9fXNJtvuDPanBc78lGUGGytJoVzQ==",
+      "version": "7.9.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-7.9.0.tgz",
+      "integrity": "sha512-ZwPK4DeCDxr3GJltRz5iZejPFAAr4Wk3+2WIBaj1L5PYK5RgxExu/Y68FFVclN0y6GGwH8q+KgKRCvaTmFBbgQ==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "@typescript-eslint/types": "6.7.3",
-        "@typescript-eslint/visitor-keys": "6.7.3"
+        "@typescript-eslint/types": "7.9.0",
+        "@typescript-eslint/visitor-keys": "7.9.0"
       },
       "engines": {
-        "node": "^16.0.0 || >=18.0.0"
+        "node": "^18.18.0 || >=20.0.0"
       },
       "funding": {
         "type": "opencollective",
@@ -4658,26 +4660,26 @@
       }
     },
     "node_modules/@typescript-eslint/type-utils": {
-      "version": "6.7.3",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-6.7.3.tgz",
-      "integrity": "sha512-Fc68K0aTDrKIBvLnKTZ5Pf3MXK495YErrbHb1R6aTpfK5OdSFj0rVN7ib6Tx6ePrZ2gsjLqr0s98NG7l96KSQw==",
+      "version": "7.9.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-7.9.0.tgz",
+      "integrity": "sha512-6Qy8dfut0PFrFRAZsGzuLoM4hre4gjzWJB6sUvdunCYZsYemTkzZNwF1rnGea326PHPT3zn5Lmg32M/xfJfByA==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "@typescript-eslint/typescript-estree": "6.7.3",
-        "@typescript-eslint/utils": "6.7.3",
+        "@typescript-eslint/typescript-estree": "7.9.0",
+        "@typescript-eslint/utils": "7.9.0",
         "debug": "^4.3.4",
-        "ts-api-utils": "^1.0.1"
+        "ts-api-utils": "^1.3.0"
       },
       "engines": {
-        "node": "^16.0.0 || >=18.0.0"
+        "node": "^18.18.0 || >=20.0.0"
       },
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/typescript-eslint"
       },
       "peerDependencies": {
-        "eslint": "^7.0.0 || ^8.0.0"
+        "eslint": "^8.56.0"
       },
       "peerDependenciesMeta": {
         "typescript": {
@@ -4686,13 +4688,13 @@
       }
     },
     "node_modules/@typescript-eslint/types": {
-      "version": "6.7.3",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-6.7.3.tgz",
-      "integrity": "sha512-4g+de6roB2NFcfkZb439tigpAMnvEIg3rIjWQ+EM7IBaYt/CdJt6em9BJ4h4UpdgaBWdmx2iWsafHTrqmgIPNw==",
+      "version": "7.9.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-7.9.0.tgz",
+      "integrity": "sha512-oZQD9HEWQanl9UfsbGVcZ2cGaR0YT5476xfWE0oE5kQa2sNK2frxOlkeacLOTh9po4AlUT5rtkGyYM5kew0z5w==",
       "dev": true,
       "peer": true,
       "engines": {
-        "node": "^16.0.0 || >=18.0.0"
+        "node": "^18.18.0 || >=20.0.0"
       },
       "funding": {
         "type": "opencollective",
@@ -4700,22 +4702,23 @@
       }
     },
     "node_modules/@typescript-eslint/typescript-estree": {
-      "version": "6.7.3",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-6.7.3.tgz",
-      "integrity": "sha512-YLQ3tJoS4VxLFYHTw21oe1/vIZPRqAO91z6Uv0Ss2BKm/Ag7/RVQBcXTGcXhgJMdA4U+HrKuY5gWlJlvoaKZ5g==",
+      "version": "7.9.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-7.9.0.tgz",
+      "integrity": "sha512-zBCMCkrb2YjpKV3LA0ZJubtKCDxLttxfdGmwZvTqqWevUPN0FZvSI26FalGFFUZU/9YQK/A4xcQF9o/VVaCKAg==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "@typescript-eslint/types": "6.7.3",
-        "@typescript-eslint/visitor-keys": "6.7.3",
+        "@typescript-eslint/types": "7.9.0",
+        "@typescript-eslint/visitor-keys": "7.9.0",
         "debug": "^4.3.4",
         "globby": "^11.1.0",
         "is-glob": "^4.0.3",
-        "semver": "^7.5.4",
-        "ts-api-utils": "^1.0.1"
+        "minimatch": "^9.0.4",
+        "semver": "^7.6.0",
+        "ts-api-utils": "^1.3.0"
       },
       "engines": {
-        "node": "^16.0.0 || >=18.0.0"
+        "node": "^18.18.0 || >=20.0.0"
       },
       "funding": {
         "type": "opencollective",
@@ -4727,44 +4730,67 @@
         }
       }
     },
+    "node_modules/@typescript-eslint/typescript-estree/node_modules/brace-expansion": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
+      "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree/node_modules/minimatch": {
+      "version": "9.0.4",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.4.tgz",
+      "integrity": "sha512-KqWh+VchfxcMNRAJjj2tnsSJdNbHsVgnkBhTNrW7AjVo6OvLtxw8zfT9oLw1JSohlFzJ8jCoTgaoXvJ+kHt6fw==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "brace-expansion": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
     "node_modules/@typescript-eslint/utils": {
-      "version": "6.7.3",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-6.7.3.tgz",
-      "integrity": "sha512-vzLkVder21GpWRrmSR9JxGZ5+ibIUSudXlW52qeKpzUEQhRSmyZiVDDj3crAth7+5tmN1ulvgKaCU2f/bPRCzg==",
+      "version": "7.9.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-7.9.0.tgz",
+      "integrity": "sha512-5KVRQCzZajmT4Ep+NEgjXCvjuypVvYHUW7RHlXzNPuak2oWpVoD1jf5xCP0dPAuNIchjC7uQyvbdaSTFaLqSdA==",
       "dev": true,
       "peer": true,
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.4.0",
-        "@types/json-schema": "^7.0.12",
-        "@types/semver": "^7.5.0",
-        "@typescript-eslint/scope-manager": "6.7.3",
-        "@typescript-eslint/types": "6.7.3",
-        "@typescript-eslint/typescript-estree": "6.7.3",
-        "semver": "^7.5.4"
+        "@typescript-eslint/scope-manager": "7.9.0",
+        "@typescript-eslint/types": "7.9.0",
+        "@typescript-eslint/typescript-estree": "7.9.0"
       },
       "engines": {
-        "node": "^16.0.0 || >=18.0.0"
+        "node": "^18.18.0 || >=20.0.0"
       },
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/typescript-eslint"
       },
       "peerDependencies": {
-        "eslint": "^7.0.0 || ^8.0.0"
+        "eslint": "^8.56.0"
       }
     },
     "node_modules/@typescript-eslint/visitor-keys": {
-      "version": "6.7.3",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-6.7.3.tgz",
-      "integrity": "sha512-HEVXkU9IB+nk9o63CeICMHxFWbHWr3E1mpilIQBe9+7L/lH97rleFLVtYsfnWB+JVMaiFnEaxvknvmIzX+CqVg==",
+      "version": "7.9.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-7.9.0.tgz",
+      "integrity": "sha512-iESPx2TNLDNGQLyjKhUvIKprlP49XNEK+MvIf9nIO7ZZaZdbnfWKHnXAgufpxqfA0YryH8XToi4+CjBgVnFTSQ==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "@typescript-eslint/types": "6.7.3",
-        "eslint-visitor-keys": "^3.4.1"
+        "@typescript-eslint/types": "7.9.0",
+        "eslint-visitor-keys": "^3.4.3"
       },
       "engines": {
-        "node": "^16.0.0 || >=18.0.0"
+        "node": "^18.18.0 || >=20.0.0"
       },
       "funding": {
         "type": "opencollective",
@@ -4858,23 +4884,23 @@
       "integrity": "sha512-LgPscpE3Vs0x96PzSSB4IGVSZXZBZHpfxs+ZA1d+VEPwHdOXowy/Y2CsvCAIFrf+ssVU1pD1jidj505EpUnfbA=="
     },
     "node_modules/@vue/eslint-config-typescript": {
-      "version": "12.0.0",
-      "resolved": "https://registry.npmjs.org/@vue/eslint-config-typescript/-/eslint-config-typescript-12.0.0.tgz",
-      "integrity": "sha512-StxLFet2Qe97T8+7L8pGlhYBBr8Eg05LPuTDVopQV6il+SK6qqom59BA/rcFipUef2jD8P2X44Vd8tMFytfvlg==",
+      "version": "13.0.0",
+      "resolved": "https://registry.npmjs.org/@vue/eslint-config-typescript/-/eslint-config-typescript-13.0.0.tgz",
+      "integrity": "sha512-MHh9SncG/sfqjVqjcuFLOLD6Ed4dRAis4HNt0dXASeAuLqIAx4YMB1/m2o4pUKK1vCt8fUvYG8KKX2Ot3BVZTg==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "@typescript-eslint/eslint-plugin": "^6.7.0",
-        "@typescript-eslint/parser": "^6.7.0",
+        "@typescript-eslint/eslint-plugin": "^7.1.1",
+        "@typescript-eslint/parser": "^7.1.1",
         "vue-eslint-parser": "^9.3.1"
       },
       "engines": {
-        "node": "^14.17.0 || >=16.0.0"
+        "node": "^18.18.0 || >=20.0.0"
       },
       "peerDependencies": {
-        "eslint": "^6.2.0 || ^7.0.0 || ^8.0.0",
+        "eslint": "^8.56.0",
         "eslint-plugin-vue": "^9.0.0",
-        "typescript": "*"
+        "typescript": ">=4.7.4"
       },
       "peerDependenciesMeta": {
         "typescript": {
@@ -8210,50 +8236,49 @@
       }
     },
     "node_modules/eslint": {
-      "version": "8.28.0",
-      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.28.0.tgz",
-      "integrity": "sha512-S27Di+EVyMxcHiwDrFzk8dJYAaD+/5SoWKxL1ri/71CRHsnJnRDPNt2Kzj24+MT9FDupf4aqqyqPrvI8MvQ4VQ==",
+      "version": "8.57.0",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.57.0.tgz",
+      "integrity": "sha512-dZ6+mexnaTIbSBZWgou51U6OmzIhYM2VcNdtiTtI7qPNZm35Akpr0f6vtw3w1Kmn5PYo+tZVfh13WrhpS6oLqQ==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "@eslint/eslintrc": "^1.3.3",
-        "@humanwhocodes/config-array": "^0.11.6",
+        "@eslint-community/eslint-utils": "^4.2.0",
+        "@eslint-community/regexpp": "^4.6.1",
+        "@eslint/eslintrc": "^2.1.4",
+        "@eslint/js": "8.57.0",
+        "@humanwhocodes/config-array": "^0.11.14",
         "@humanwhocodes/module-importer": "^1.0.1",
         "@nodelib/fs.walk": "^1.2.8",
-        "ajv": "^6.10.0",
+        "@ungap/structured-clone": "^1.2.0",
+        "ajv": "^6.12.4",
         "chalk": "^4.0.0",
         "cross-spawn": "^7.0.2",
         "debug": "^4.3.2",
         "doctrine": "^3.0.0",
         "escape-string-regexp": "^4.0.0",
-        "eslint-scope": "^7.1.1",
-        "eslint-utils": "^3.0.0",
-        "eslint-visitor-keys": "^3.3.0",
-        "espree": "^9.4.0",
-        "esquery": "^1.4.0",
+        "eslint-scope": "^7.2.2",
+        "eslint-visitor-keys": "^3.4.3",
+        "espree": "^9.6.1",
+        "esquery": "^1.4.2",
         "esutils": "^2.0.2",
         "fast-deep-equal": "^3.1.3",
         "file-entry-cache": "^6.0.1",
         "find-up": "^5.0.0",
         "glob-parent": "^6.0.2",
-        "globals": "^13.15.0",
-        "grapheme-splitter": "^1.0.4",
+        "globals": "^13.19.0",
+        "graphemer": "^1.4.0",
         "ignore": "^5.2.0",
-        "import-fresh": "^3.0.0",
         "imurmurhash": "^0.1.4",
         "is-glob": "^4.0.0",
         "is-path-inside": "^3.0.3",
-        "js-sdsl": "^4.1.4",
         "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.1",
-        "regexpp": "^3.2.0",
+        "optionator": "^0.9.3",
         "strip-ansi": "^6.0.1",
-        "strip-json-comments": "^3.1.0",
         "text-table": "^0.2.0"
       },
       "bin": {
@@ -8549,58 +8574,69 @@
       }
     },
     "node_modules/eslint-plugin-vue": {
-      "version": "9.17.0",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-vue/-/eslint-plugin-vue-9.17.0.tgz",
-      "integrity": "sha512-r7Bp79pxQk9I5XDP0k2dpUC7Ots3OSWgvGZNu3BxmKK6Zg7NgVtcOB6OCna5Kb9oQwJPl5hq183WD0SY5tZtIQ==",
+      "version": "9.26.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-vue/-/eslint-plugin-vue-9.26.0.tgz",
+      "integrity": "sha512-eTvlxXgd4ijE1cdur850G6KalZqk65k1JKoOI2d1kT3hr8sPD07j1q98FRFdNnpxBELGPWxZmInxeHGF/GxtqQ==",
       "dev": true,
       "peer": true,
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.4.0",
+        "globals": "^13.24.0",
         "natural-compare": "^1.4.0",
         "nth-check": "^2.1.1",
-        "postcss-selector-parser": "^6.0.13",
-        "semver": "^7.5.4",
-        "vue-eslint-parser": "^9.3.1",
+        "postcss-selector-parser": "^6.0.15",
+        "semver": "^7.6.0",
+        "vue-eslint-parser": "^9.4.2",
         "xml-name-validator": "^4.0.0"
       },
       "engines": {
         "node": "^14.17.0 || >=16.0.0"
       },
       "peerDependencies": {
-        "eslint": "^6.2.0 || ^7.0.0 || ^8.0.0"
+        "eslint": "^6.2.0 || ^7.0.0 || ^8.0.0 || ^9.0.0"
       }
     },
-    "node_modules/eslint-scope": {
-      "version": "5.1.1",
-      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz",
-      "integrity": "sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==",
+    "node_modules/eslint-plugin-vue/node_modules/globals": {
+      "version": "13.24.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-13.24.0.tgz",
+      "integrity": "sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "esrecurse": "^4.3.0",
-        "estraverse": "^4.1.1"
+        "type-fest": "^0.20.2"
       },
       "engines": {
-        "node": ">=8.0.0"
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/eslint-utils": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/eslint-utils/-/eslint-utils-3.0.0.tgz",
-      "integrity": "sha512-uuQC43IGctw68pJA1RgbQS8/NP7rch6Cwd4j3ZBtgo4/8Flj4eGE7ZYSZRN3iq5pVUv6GPdW5Z1RFleo84uLDA==",
+    "node_modules/eslint-plugin-vue/node_modules/type-fest": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz",
+      "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==",
       "dev": true,
       "peer": true,
-      "dependencies": {
-        "eslint-visitor-keys": "^2.0.0"
-      },
       "engines": {
-        "node": "^10.0.0 || ^12.0.0 || >= 14.0.0"
+        "node": ">=10"
       },
       "funding": {
-        "url": "https://github.com/sponsors/mysticatea"
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/eslint-scope": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz",
+      "integrity": "sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "esrecurse": "^4.3.0",
+        "estraverse": "^4.1.1"
       },
-      "peerDependencies": {
-        "eslint": ">=5"
+      "engines": {
+        "node": ">=8.0.0"
       }
     },
     "node_modules/eslint-visitor-keys": {
@@ -8680,9 +8716,9 @@
       }
     },
     "node_modules/eslint/node_modules/eslint-scope": {
-      "version": "7.1.1",
-      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.1.1.tgz",
-      "integrity": "sha512-QKQM/UXpIiHcLqJ5AOyIW7XZmzjkzQXYE54n1++wb0u9V/abW3l9uQnxX8Z5Xd18xyKIMTUAyQ0k1e8pz6LUrw==",
+      "version": "7.2.2",
+      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.2.2.tgz",
+      "integrity": "sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==",
       "dev": true,
       "peer": true,
       "dependencies": {
@@ -8691,16 +8727,22 @@
       },
       "engines": {
         "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
       }
     },
     "node_modules/eslint/node_modules/eslint-visitor-keys": {
-      "version": "3.3.0",
-      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.3.0.tgz",
-      "integrity": "sha512-mQ+suqKJVyeuwGYHAdjMFqjCyfl8+Ldnxuyp3ldiMBFKkvytrXUZWaiPCEav8qDHKty44bD+qV1IP4T+w+xXRA==",
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
+      "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
       "dev": true,
       "peer": true,
       "engines": {
         "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
       }
     },
     "node_modules/eslint/node_modules/estraverse": {
@@ -8744,9 +8786,9 @@
       }
     },
     "node_modules/eslint/node_modules/globals": {
-      "version": "13.17.0",
-      "resolved": "https://registry.npmjs.org/globals/-/globals-13.17.0.tgz",
-      "integrity": "sha512-1C+6nQRb1GwGMKm2dH/E7enFAMxGTmGI7/dEdhy/DNelv85w9B72t3uc5frtMNXIbzrarJJ/lTCjcaZwbLJmyw==",
+      "version": "13.24.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-13.24.0.tgz",
+      "integrity": "sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==",
       "dev": true,
       "peer": true,
       "dependencies": {
@@ -8800,9 +8842,9 @@
       }
     },
     "node_modules/eslint/node_modules/optionator": {
-      "version": "0.9.1",
-      "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.1.tgz",
-      "integrity": "sha512-74RlY5FCnhq4jRxVUPKDaRwrVNXMqsGsiW6AJw4XK8hmtm10wC0ypZBLw5IIp85NZMr91+qd1RvvENwg7jjRFw==",
+      "version": "0.9.4",
+      "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.4.tgz",
+      "integrity": "sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==",
       "dev": true,
       "peer": true,
       "dependencies": {
@@ -8811,7 +8853,7 @@
         "levn": "^0.4.1",
         "prelude-ls": "^1.2.1",
         "type-check": "^0.4.0",
-        "word-wrap": "^1.2.3"
+        "word-wrap": "^1.2.5"
       },
       "engines": {
         "node": ">= 0.8.0"
@@ -8899,15 +8941,15 @@
       }
     },
     "node_modules/espree": {
-      "version": "9.4.1",
-      "resolved": "https://registry.npmjs.org/espree/-/espree-9.4.1.tgz",
-      "integrity": "sha512-XwctdmTO6SIvCzd9810yyNzIrOrqNYV9Koizx4C/mRhf9uq0o4yHoCEU/670pOxOL/MSraektvSAji79kX90Vg==",
+      "version": "9.6.1",
+      "resolved": "https://registry.npmjs.org/espree/-/espree-9.6.1.tgz",
+      "integrity": "sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "acorn": "^8.8.0",
+        "acorn": "^8.9.0",
         "acorn-jsx": "^5.3.2",
-        "eslint-visitor-keys": "^3.3.0"
+        "eslint-visitor-keys": "^3.4.1"
       },
       "engines": {
         "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
@@ -8917,13 +8959,16 @@
       }
     },
     "node_modules/espree/node_modules/eslint-visitor-keys": {
-      "version": "3.3.0",
-      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.3.0.tgz",
-      "integrity": "sha512-mQ+suqKJVyeuwGYHAdjMFqjCyfl8+Ldnxuyp3ldiMBFKkvytrXUZWaiPCEav8qDHKty44bD+qV1IP4T+w+xXRA==",
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
+      "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
       "dev": true,
       "peer": true,
       "engines": {
         "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
       }
     },
     "node_modules/esprima": {
@@ -10041,13 +10086,6 @@
       "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
       "dev": true
     },
-    "node_modules/grapheme-splitter": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/grapheme-splitter/-/grapheme-splitter-1.0.4.tgz",
-      "integrity": "sha512-bzh50DW9kTPM00T8y4o8vQg89Di9oLJVLW/KaOGIXJWP/iqCN6WKYkbNOF04vFLJhwcpYUh9ydh/+5vpOqV4YQ==",
-      "dev": true,
-      "peer": true
-    },
     "node_modules/graphemer": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz",
@@ -13138,13 +13176,6 @@
         "node": ">=14"
       }
     },
-    "node_modules/js-sdsl": {
-      "version": "4.1.5",
-      "resolved": "https://registry.npmjs.org/js-sdsl/-/js-sdsl-4.1.5.tgz",
-      "integrity": "sha512-08bOAKweV2NUC1wqTtf3qZlnpOX/R2DU9ikpjOHs0H+ibQv3zpncVQg6um4uYtRtrwIX8M4Nh3ytK4HGlYAq7Q==",
-      "dev": true,
-      "peer": true
-    },
     "node_modules/js-tokens": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
@@ -16225,19 +16256,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/regexpp": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/regexpp/-/regexpp-3.2.0.tgz",
-      "integrity": "sha512-pq2bWo9mVD43nbts2wGv17XLiNLya+GklZ8kaDLV2Z08gDCsGpnKn9BFMepvWuHCbyVvY7J5o5+BVvoQbmlJLg==",
-      "dev": true,
-      "peer": true,
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/mysticatea"
-      }
-    },
     "node_modules/regexpu-core": {
       "version": "5.3.2",
       "resolved": "https://registry.npmjs.org/regexpu-core/-/regexpu-core-5.3.2.tgz",
@@ -18156,13 +18174,13 @@
       }
     },
     "node_modules/ts-api-utils": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-1.0.3.tgz",
-      "integrity": "sha512-wNMeqtMz5NtwpT/UZGY5alT+VoKdSsOOP/kqHFcUW1P/VRhH2wJ48+DN2WwUliNbQ976ETwDL0Ifd2VVvgonvg==",
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-1.3.0.tgz",
+      "integrity": "sha512-UQMIo7pb8WRomKR1/+MFVLTroIvDVtMX3K6OUir8ynLyzB8Jeriont2bTAtmNPa1ekAgN7YPDyf6V+ygrdU+eQ==",
       "dev": true,
       "peer": true,
       "engines": {
-        "node": ">=16.13.0"
+        "node": ">=16"
       },
       "peerDependencies": {
         "typescript": ">=4.2.0"
@@ -18983,9 +19001,9 @@
       }
     },
     "node_modules/vue-eslint-parser": {
-      "version": "9.3.1",
-      "resolved": "https://registry.npmjs.org/vue-eslint-parser/-/vue-eslint-parser-9.3.1.tgz",
-      "integrity": "sha512-Clr85iD2XFZ3lJ52/ppmUDG/spxQu6+MAeHXjjyI4I1NUYZ9xmenQp4N0oaHJhrA8OOxltCVxMRfANGa70vU0g==",
+      "version": "9.4.2",
+      "resolved": "https://registry.npmjs.org/vue-eslint-parser/-/vue-eslint-parser-9.4.2.tgz",
+      "integrity": "sha512-Ry9oiGmCAK91HrKMtCrKFWmSFWvYkpGglCeFAIqDdr9zdXmMMpJOmUJS7WWsW7fX81h6mwHmUZCQQ1E0PkSwYQ==",
       "dev": true,
       "peer": true,
       "dependencies": {
@@ -19912,9 +19930,9 @@
       "integrity": "sha512-UMmSUoIQSir+XbBpTxOTS53uJ8s/lVhADCkEbhfRjUGFDPme/XGOb0sBWLx5sTz7Wx/2+TlAw1eK9O5lw5PiEw=="
     },
     "node_modules/word-wrap": {
-      "version": "1.2.4",
-      "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.4.tgz",
-      "integrity": "sha512-2V81OA4ugVo5pRo46hAoD2ivUJx8jXmWXfUkY4KFNw0hEptvN0QfH3K4nHiwzGeKl5rFKedV48QVoqYavy4YpA==",
+      "version": "1.2.5",
+      "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.5.tgz",
+      "integrity": "sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==",
       "dev": true,
       "engines": {
         "node": ">=0.10.0"
@@ -21755,23 +21773,23 @@
       }
     },
     "@eslint-community/regexpp": {
-      "version": "4.9.0",
-      "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.9.0.tgz",
-      "integrity": "sha512-zJmuCWj2VLBt4c25CfBIbMZLGLyhkvs7LznyVX5HfpzeocThgIj5XQK4L+g3U36mMcx8bPMhGyPpwCATamC4jQ==",
+      "version": "4.10.0",
+      "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.10.0.tgz",
+      "integrity": "sha512-Cu96Sd2By9mCNTx2iyKOmq10v22jUVQv0lQnlGNy16oE9589yE+QADPbrMGCkA51cKZSg3Pu/aTJVTGfL/qjUA==",
       "dev": true,
       "peer": true
     },
     "@eslint/eslintrc": {
-      "version": "1.3.3",
-      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-1.3.3.tgz",
-      "integrity": "sha512-uj3pT6Mg+3t39fvLrj8iuCIJ38zKO9FpGtJ4BBJebJhEwjoT+KLVNCcHT5QC9NGRIEi7fZ0ZR8YRb884auB4Lg==",
+      "version": "2.1.4",
+      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-2.1.4.tgz",
+      "integrity": "sha512-269Z39MS6wVJtsoUl10L60WdkhJVdPG24Q4eZTH3nnF6lpvSShEK3wQjDX9JRWAUPvPh7COouPpU9IrqaZFvtQ==",
       "dev": true,
       "peer": true,
       "requires": {
         "ajv": "^6.12.4",
         "debug": "^4.3.2",
-        "espree": "^9.4.0",
-        "globals": "^13.15.0",
+        "espree": "^9.6.0",
+        "globals": "^13.19.0",
         "ignore": "^5.2.0",
         "import-fresh": "^3.2.1",
         "js-yaml": "^4.1.0",
@@ -21780,9 +21798,9 @@
       },
       "dependencies": {
         "globals": {
-          "version": "13.18.0",
-          "resolved": "https://registry.npmjs.org/globals/-/globals-13.18.0.tgz",
-          "integrity": "sha512-/mR4KI8Ps2spmoc0Ulu9L7agOF0du1CZNQ3dke8yItYlyKNmGrkONemBbd6V8UTc1Wgcqn21t3WYB7dbRmh6/A==",
+          "version": "13.24.0",
+          "resolved": "https://registry.npmjs.org/globals/-/globals-13.24.0.tgz",
+          "integrity": "sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==",
           "dev": true,
           "peer": true,
           "requires": {
@@ -21798,6 +21816,13 @@
         }
       }
     },
+    "@eslint/js": {
+      "version": "8.57.0",
+      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.57.0.tgz",
+      "integrity": "sha512-Ys+3g2TaW7gADOJzPt83SJtCDhMjndcDMFVQ/Tj9iA1BfJzFKD9mAUXT3OenpuPHbI6P/myECxRJrofUsDx/5g==",
+      "dev": true,
+      "peer": true
+    },
     "@fastify/busboy": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/@fastify/busboy/-/busboy-2.1.0.tgz",
@@ -21827,14 +21852,14 @@
       "integrity": "sha512-J4yDIIthosAsRZ5CPYP/jQvUAQtlZTTD/4suA08/FEnlxqW3sKS9iAhgsa9VYLZ6vDHn/ixJgIqRQPotoBjxIw=="
     },
     "@humanwhocodes/config-array": {
-      "version": "0.11.7",
-      "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.7.tgz",
-      "integrity": "sha512-kBbPWzN8oVMLb0hOUYXhmxggL/1cJE6ydvjDIGi9EnAGUyA7cLVKQg+d/Dsm+KZwx2czGHrCmMVLiyg8s5JPKw==",
+      "version": "0.11.14",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.14.tgz",
+      "integrity": "sha512-3T8LkOmg45BV5FICb15QQMsyUSWrQ8AygVfC7ZG32zOalnqrilm018ZVCw0eapXux8FtA33q8PSRSstjee3jSg==",
       "dev": true,
       "peer": true,
       "requires": {
-        "@humanwhocodes/object-schema": "^1.2.1",
-        "debug": "^4.1.1",
+        "@humanwhocodes/object-schema": "^2.0.2",
+        "debug": "^4.3.1",
         "minimatch": "^3.0.5"
       }
     },
@@ -21846,9 +21871,9 @@
       "peer": true
     },
     "@humanwhocodes/object-schema": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-1.2.1.tgz",
-      "integrity": "sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==",
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-2.0.3.tgz",
+      "integrity": "sha512-93zYdMES/c1D69yZiKDBj0V24vqNzB/koF26KPaagAfd3P/4gUlh3Dys5ogAK+Exi9QyzlD8x/08Zt7wIKcDcA==",
       "dev": true,
       "peer": true
     },
@@ -22594,21 +22619,22 @@
       }
     },
     "@nextcloud/eslint-config": {
-      "version": "8.3.0",
-      "resolved": "https://registry.npmjs.org/@nextcloud/eslint-config/-/eslint-config-8.3.0.tgz",
-      "integrity": "sha512-Jsv34fwmZThCC25eClMFj5R44TjYAi22glLG7XWfoBI795oKBuNTfIbTf91YrbACsoOHrUrtMzsQYbsrJMgQPw==",
+      "version": "8.4.1",
+      "resolved": "https://registry.npmjs.org/@nextcloud/eslint-config/-/eslint-config-8.4.1.tgz",
+      "integrity": "sha512-ilrPxOnfVkB4dAddtkhbJmbYK9FwEVZ5oIJ2ipiE97rQz82TUZxmfEHE1tr87FbIvz0drIcREgGil3zuNWHjrg==",
       "dev": true,
       "requires": {}
     },
     "@nextcloud/eslint-plugin": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/@nextcloud/eslint-plugin/-/eslint-plugin-2.1.0.tgz",
-      "integrity": "sha512-PtudCw6Ks4pUNrmQ+0IqevCj2NaspfvisbAitYZX6mAL2yAI1+4a6uDa38EBUWellvbR7+9rGDQMiHdwmY9skw==",
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/@nextcloud/eslint-plugin/-/eslint-plugin-2.2.1.tgz",
+      "integrity": "sha512-RX+0FxpL1h2EzjNLeW0VSGTkbyWIq7WgV7QAjtyUmDbSGwf1ds9Zy5OcRkgXRHRIu/W0gB0DhS2iz9qXHphCzA==",
       "dev": true,
       "peer": true,
       "requires": {
-        "jest": "^29.6.0",
-        "requireindex": "^1.2.0"
+        "fast-xml-parser": "^4.2.5",
+        "requireindex": "^1.2.0",
+        "semver": "^7.5.3"
       }
     },
     "@nextcloud/event-bus": {
@@ -23324,13 +23350,6 @@
       "dev": true,
       "peer": true
     },
-    "@types/semver": {
-      "version": "7.5.3",
-      "resolved": "https://registry.npmjs.org/@types/semver/-/semver-7.5.3.tgz",
-      "integrity": "sha512-OxepLK9EuNEIPxWNME+C6WwbRAOOI2o2BaQEGzz5Lu2e4Z5eDnEo+/aVEDMIXywoJitJ7xWd641wrGLZdtwRyw==",
-      "dev": true,
-      "peer": true
-    },
     "@types/send": {
       "version": "0.17.4",
       "resolved": "https://registry.npmjs.org/@types/send/-/send-0.17.4.tgz",
@@ -23444,111 +23463,129 @@
       "dev": true
     },
     "@typescript-eslint/eslint-plugin": {
-      "version": "6.7.3",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-6.7.3.tgz",
-      "integrity": "sha512-vntq452UHNltxsaaN+L9WyuMch8bMd9CqJ3zhzTPXXidwbf5mqqKCVXEuvRZUqLJSTLeWE65lQwyXsRGnXkCTA==",
+      "version": "7.9.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-7.9.0.tgz",
+      "integrity": "sha512-6e+X0X3sFe/G/54aC3jt0txuMTURqLyekmEHViqyA2VnxhLMpvA6nqmcjIy+Cr9tLDHPssA74BP5Mx9HQIxBEA==",
       "dev": true,
       "peer": true,
       "requires": {
-        "@eslint-community/regexpp": "^4.5.1",
-        "@typescript-eslint/scope-manager": "6.7.3",
-        "@typescript-eslint/type-utils": "6.7.3",
-        "@typescript-eslint/utils": "6.7.3",
-        "@typescript-eslint/visitor-keys": "6.7.3",
-        "debug": "^4.3.4",
+        "@eslint-community/regexpp": "^4.10.0",
+        "@typescript-eslint/scope-manager": "7.9.0",
+        "@typescript-eslint/type-utils": "7.9.0",
+        "@typescript-eslint/utils": "7.9.0",
+        "@typescript-eslint/visitor-keys": "7.9.0",
         "graphemer": "^1.4.0",
-        "ignore": "^5.2.4",
+        "ignore": "^5.3.1",
         "natural-compare": "^1.4.0",
-        "semver": "^7.5.4",
-        "ts-api-utils": "^1.0.1"
+        "ts-api-utils": "^1.3.0"
       }
     },
     "@typescript-eslint/parser": {
-      "version": "6.7.3",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-6.7.3.tgz",
-      "integrity": "sha512-TlutE+iep2o7R8Lf+yoer3zU6/0EAUc8QIBB3GYBc1KGz4c4TRm83xwXUZVPlZ6YCLss4r77jbu6j3sendJoiQ==",
+      "version": "7.9.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-7.9.0.tgz",
+      "integrity": "sha512-qHMJfkL5qvgQB2aLvhUSXxbK7OLnDkwPzFalg458pxQgfxKDfT1ZDbHQM/I6mDIf/svlMkj21kzKuQ2ixJlatQ==",
       "dev": true,
       "peer": true,
       "requires": {
-        "@typescript-eslint/scope-manager": "6.7.3",
-        "@typescript-eslint/types": "6.7.3",
-        "@typescript-eslint/typescript-estree": "6.7.3",
-        "@typescript-eslint/visitor-keys": "6.7.3",
+        "@typescript-eslint/scope-manager": "7.9.0",
+        "@typescript-eslint/types": "7.9.0",
+        "@typescript-eslint/typescript-estree": "7.9.0",
+        "@typescript-eslint/visitor-keys": "7.9.0",
         "debug": "^4.3.4"
       }
     },
     "@typescript-eslint/scope-manager": {
-      "version": "6.7.3",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-6.7.3.tgz",
-      "integrity": "sha512-wOlo0QnEou9cHO2TdkJmzF7DFGvAKEnB82PuPNHpT8ZKKaZu6Bm63ugOTn9fXNJtvuDPanBc78lGUGGytJoVzQ==",
+      "version": "7.9.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-7.9.0.tgz",
+      "integrity": "sha512-ZwPK4DeCDxr3GJltRz5iZejPFAAr4Wk3+2WIBaj1L5PYK5RgxExu/Y68FFVclN0y6GGwH8q+KgKRCvaTmFBbgQ==",
       "dev": true,
       "peer": true,
       "requires": {
-        "@typescript-eslint/types": "6.7.3",
-        "@typescript-eslint/visitor-keys": "6.7.3"
+        "@typescript-eslint/types": "7.9.0",
+        "@typescript-eslint/visitor-keys": "7.9.0"
       }
     },
     "@typescript-eslint/type-utils": {
-      "version": "6.7.3",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-6.7.3.tgz",
-      "integrity": "sha512-Fc68K0aTDrKIBvLnKTZ5Pf3MXK495YErrbHb1R6aTpfK5OdSFj0rVN7ib6Tx6ePrZ2gsjLqr0s98NG7l96KSQw==",
+      "version": "7.9.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-7.9.0.tgz",
+      "integrity": "sha512-6Qy8dfut0PFrFRAZsGzuLoM4hre4gjzWJB6sUvdunCYZsYemTkzZNwF1rnGea326PHPT3zn5Lmg32M/xfJfByA==",
       "dev": true,
       "peer": true,
       "requires": {
-        "@typescript-eslint/typescript-estree": "6.7.3",
-        "@typescript-eslint/utils": "6.7.3",
+        "@typescript-eslint/typescript-estree": "7.9.0",
+        "@typescript-eslint/utils": "7.9.0",
         "debug": "^4.3.4",
-        "ts-api-utils": "^1.0.1"
+        "ts-api-utils": "^1.3.0"
       }
     },
     "@typescript-eslint/types": {
-      "version": "6.7.3",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-6.7.3.tgz",
-      "integrity": "sha512-4g+de6roB2NFcfkZb439tigpAMnvEIg3rIjWQ+EM7IBaYt/CdJt6em9BJ4h4UpdgaBWdmx2iWsafHTrqmgIPNw==",
+      "version": "7.9.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-7.9.0.tgz",
+      "integrity": "sha512-oZQD9HEWQanl9UfsbGVcZ2cGaR0YT5476xfWE0oE5kQa2sNK2frxOlkeacLOTh9po4AlUT5rtkGyYM5kew0z5w==",
       "dev": true,
       "peer": true
     },
     "@typescript-eslint/typescript-estree": {
-      "version": "6.7.3",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-6.7.3.tgz",
-      "integrity": "sha512-YLQ3tJoS4VxLFYHTw21oe1/vIZPRqAO91z6Uv0Ss2BKm/Ag7/RVQBcXTGcXhgJMdA4U+HrKuY5gWlJlvoaKZ5g==",
+      "version": "7.9.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-7.9.0.tgz",
+      "integrity": "sha512-zBCMCkrb2YjpKV3LA0ZJubtKCDxLttxfdGmwZvTqqWevUPN0FZvSI26FalGFFUZU/9YQK/A4xcQF9o/VVaCKAg==",
       "dev": true,
       "peer": true,
       "requires": {
-        "@typescript-eslint/types": "6.7.3",
-        "@typescript-eslint/visitor-keys": "6.7.3",
+        "@typescript-eslint/types": "7.9.0",
+        "@typescript-eslint/visitor-keys": "7.9.0",
         "debug": "^4.3.4",
         "globby": "^11.1.0",
         "is-glob": "^4.0.3",
-        "semver": "^7.5.4",
-        "ts-api-utils": "^1.0.1"
+        "minimatch": "^9.0.4",
+        "semver": "^7.6.0",
+        "ts-api-utils": "^1.3.0"
+      },
+      "dependencies": {
+        "brace-expansion": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
+          "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
+          "dev": true,
+          "peer": true,
+          "requires": {
+            "balanced-match": "^1.0.0"
+          }
+        },
+        "minimatch": {
+          "version": "9.0.4",
+          "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.4.tgz",
+          "integrity": "sha512-KqWh+VchfxcMNRAJjj2tnsSJdNbHsVgnkBhTNrW7AjVo6OvLtxw8zfT9oLw1JSohlFzJ8jCoTgaoXvJ+kHt6fw==",
+          "dev": true,
+          "peer": true,
+          "requires": {
+            "brace-expansion": "^2.0.1"
+          }
+        }
       }
     },
     "@typescript-eslint/utils": {
-      "version": "6.7.3",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-6.7.3.tgz",
-      "integrity": "sha512-vzLkVder21GpWRrmSR9JxGZ5+ibIUSudXlW52qeKpzUEQhRSmyZiVDDj3crAth7+5tmN1ulvgKaCU2f/bPRCzg==",
+      "version": "7.9.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-7.9.0.tgz",
+      "integrity": "sha512-5KVRQCzZajmT4Ep+NEgjXCvjuypVvYHUW7RHlXzNPuak2oWpVoD1jf5xCP0dPAuNIchjC7uQyvbdaSTFaLqSdA==",
       "dev": true,
       "peer": true,
       "requires": {
         "@eslint-community/eslint-utils": "^4.4.0",
-        "@types/json-schema": "^7.0.12",
-        "@types/semver": "^7.5.0",
-        "@typescript-eslint/scope-manager": "6.7.3",
-        "@typescript-eslint/types": "6.7.3",
-        "@typescript-eslint/typescript-estree": "6.7.3",
-        "semver": "^7.5.4"
+        "@typescript-eslint/scope-manager": "7.9.0",
+        "@typescript-eslint/types": "7.9.0",
+        "@typescript-eslint/typescript-estree": "7.9.0"
       }
     },
     "@typescript-eslint/visitor-keys": {
-      "version": "6.7.3",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-6.7.3.tgz",
-      "integrity": "sha512-HEVXkU9IB+nk9o63CeICMHxFWbHWr3E1mpilIQBe9+7L/lH97rleFLVtYsfnWB+JVMaiFnEaxvknvmIzX+CqVg==",
+      "version": "7.9.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-7.9.0.tgz",
+      "integrity": "sha512-iESPx2TNLDNGQLyjKhUvIKprlP49XNEK+MvIf9nIO7ZZaZdbnfWKHnXAgufpxqfA0YryH8XToi4+CjBgVnFTSQ==",
       "dev": true,
       "peer": true,
       "requires": {
-        "@typescript-eslint/types": "6.7.3",
-        "eslint-visitor-keys": "^3.4.1"
+        "@typescript-eslint/types": "7.9.0",
+        "eslint-visitor-keys": "^3.4.3"
       },
       "dependencies": {
         "eslint-visitor-keys": {
@@ -23625,14 +23662,14 @@
       "integrity": "sha512-LgPscpE3Vs0x96PzSSB4IGVSZXZBZHpfxs+ZA1d+VEPwHdOXowy/Y2CsvCAIFrf+ssVU1pD1jidj505EpUnfbA=="
     },
     "@vue/eslint-config-typescript": {
-      "version": "12.0.0",
-      "resolved": "https://registry.npmjs.org/@vue/eslint-config-typescript/-/eslint-config-typescript-12.0.0.tgz",
-      "integrity": "sha512-StxLFet2Qe97T8+7L8pGlhYBBr8Eg05LPuTDVopQV6il+SK6qqom59BA/rcFipUef2jD8P2X44Vd8tMFytfvlg==",
+      "version": "13.0.0",
+      "resolved": "https://registry.npmjs.org/@vue/eslint-config-typescript/-/eslint-config-typescript-13.0.0.tgz",
+      "integrity": "sha512-MHh9SncG/sfqjVqjcuFLOLD6Ed4dRAis4HNt0dXASeAuLqIAx4YMB1/m2o4pUKK1vCt8fUvYG8KKX2Ot3BVZTg==",
       "dev": true,
       "peer": true,
       "requires": {
-        "@typescript-eslint/eslint-plugin": "^6.7.0",
-        "@typescript-eslint/parser": "^6.7.0",
+        "@typescript-eslint/eslint-plugin": "^7.1.1",
+        "@typescript-eslint/parser": "^7.1.1",
         "vue-eslint-parser": "^9.3.1"
       }
     },
@@ -26178,50 +26215,49 @@
       }
     },
     "eslint": {
-      "version": "8.28.0",
-      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.28.0.tgz",
-      "integrity": "sha512-S27Di+EVyMxcHiwDrFzk8dJYAaD+/5SoWKxL1ri/71CRHsnJnRDPNt2Kzj24+MT9FDupf4aqqyqPrvI8MvQ4VQ==",
+      "version": "8.57.0",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.57.0.tgz",
+      "integrity": "sha512-dZ6+mexnaTIbSBZWgou51U6OmzIhYM2VcNdtiTtI7qPNZm35Akpr0f6vtw3w1Kmn5PYo+tZVfh13WrhpS6oLqQ==",
       "dev": true,
       "peer": true,
       "requires": {
-        "@eslint/eslintrc": "^1.3.3",
-        "@humanwhocodes/config-array": "^0.11.6",
+        "@eslint-community/eslint-utils": "^4.2.0",
+        "@eslint-community/regexpp": "^4.6.1",
+        "@eslint/eslintrc": "^2.1.4",
+        "@eslint/js": "8.57.0",
+        "@humanwhocodes/config-array": "^0.11.14",
         "@humanwhocodes/module-importer": "^1.0.1",
         "@nodelib/fs.walk": "^1.2.8",
-        "ajv": "^6.10.0",
+        "@ungap/structured-clone": "^1.2.0",
+        "ajv": "^6.12.4",
         "chalk": "^4.0.0",
         "cross-spawn": "^7.0.2",
         "debug": "^4.3.2",
         "doctrine": "^3.0.0",
         "escape-string-regexp": "^4.0.0",
-        "eslint-scope": "^7.1.1",
-        "eslint-utils": "^3.0.0",
-        "eslint-visitor-keys": "^3.3.0",
-        "espree": "^9.4.0",
-        "esquery": "^1.4.0",
+        "eslint-scope": "^7.2.2",
+        "eslint-visitor-keys": "^3.4.3",
+        "espree": "^9.6.1",
+        "esquery": "^1.4.2",
         "esutils": "^2.0.2",
         "fast-deep-equal": "^3.1.3",
         "file-entry-cache": "^6.0.1",
         "find-up": "^5.0.0",
         "glob-parent": "^6.0.2",
-        "globals": "^13.15.0",
-        "grapheme-splitter": "^1.0.4",
+        "globals": "^13.19.0",
+        "graphemer": "^1.4.0",
         "ignore": "^5.2.0",
-        "import-fresh": "^3.0.0",
         "imurmurhash": "^0.1.4",
         "is-glob": "^4.0.0",
         "is-path-inside": "^3.0.3",
-        "js-sdsl": "^4.1.4",
         "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.1",
-        "regexpp": "^3.2.0",
+        "optionator": "^0.9.3",
         "strip-ansi": "^6.0.1",
-        "strip-json-comments": "^3.1.0",
         "text-table": "^0.2.0"
       },
       "dependencies": {
@@ -26271,9 +26307,9 @@
           "peer": true
         },
         "eslint-scope": {
-          "version": "7.1.1",
-          "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.1.1.tgz",
-          "integrity": "sha512-QKQM/UXpIiHcLqJ5AOyIW7XZmzjkzQXYE54n1++wb0u9V/abW3l9uQnxX8Z5Xd18xyKIMTUAyQ0k1e8pz6LUrw==",
+          "version": "7.2.2",
+          "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.2.2.tgz",
+          "integrity": "sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==",
           "dev": true,
           "peer": true,
           "requires": {
@@ -26282,9 +26318,9 @@
           }
         },
         "eslint-visitor-keys": {
-          "version": "3.3.0",
-          "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.3.0.tgz",
-          "integrity": "sha512-mQ+suqKJVyeuwGYHAdjMFqjCyfl8+Ldnxuyp3ldiMBFKkvytrXUZWaiPCEav8qDHKty44bD+qV1IP4T+w+xXRA==",
+          "version": "3.4.3",
+          "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
+          "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
           "dev": true,
           "peer": true
         },
@@ -26317,9 +26353,9 @@
           }
         },
         "globals": {
-          "version": "13.17.0",
-          "resolved": "https://registry.npmjs.org/globals/-/globals-13.17.0.tgz",
-          "integrity": "sha512-1C+6nQRb1GwGMKm2dH/E7enFAMxGTmGI7/dEdhy/DNelv85w9B72t3uc5frtMNXIbzrarJJ/lTCjcaZwbLJmyw==",
+          "version": "13.24.0",
+          "resolved": "https://registry.npmjs.org/globals/-/globals-13.24.0.tgz",
+          "integrity": "sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==",
           "dev": true,
           "peer": true,
           "requires": {
@@ -26355,9 +26391,9 @@
           }
         },
         "optionator": {
-          "version": "0.9.1",
-          "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.1.tgz",
-          "integrity": "sha512-74RlY5FCnhq4jRxVUPKDaRwrVNXMqsGsiW6AJw4XK8hmtm10wC0ypZBLw5IIp85NZMr91+qd1RvvENwg7jjRFw==",
+          "version": "0.9.4",
+          "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.4.tgz",
+          "integrity": "sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==",
           "dev": true,
           "peer": true,
           "requires": {
@@ -26366,7 +26402,7 @@
             "levn": "^0.4.1",
             "prelude-ls": "^1.2.1",
             "type-check": "^0.4.0",
-            "word-wrap": "^1.2.3"
+            "word-wrap": "^1.2.5"
           }
         },
         "p-limit": {
@@ -26625,19 +26661,39 @@
       "requires": {}
     },
     "eslint-plugin-vue": {
-      "version": "9.17.0",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-vue/-/eslint-plugin-vue-9.17.0.tgz",
-      "integrity": "sha512-r7Bp79pxQk9I5XDP0k2dpUC7Ots3OSWgvGZNu3BxmKK6Zg7NgVtcOB6OCna5Kb9oQwJPl5hq183WD0SY5tZtIQ==",
+      "version": "9.26.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-vue/-/eslint-plugin-vue-9.26.0.tgz",
+      "integrity": "sha512-eTvlxXgd4ijE1cdur850G6KalZqk65k1JKoOI2d1kT3hr8sPD07j1q98FRFdNnpxBELGPWxZmInxeHGF/GxtqQ==",
       "dev": true,
       "peer": true,
       "requires": {
         "@eslint-community/eslint-utils": "^4.4.0",
+        "globals": "^13.24.0",
         "natural-compare": "^1.4.0",
         "nth-check": "^2.1.1",
-        "postcss-selector-parser": "^6.0.13",
-        "semver": "^7.5.4",
-        "vue-eslint-parser": "^9.3.1",
+        "postcss-selector-parser": "^6.0.15",
+        "semver": "^7.6.0",
+        "vue-eslint-parser": "^9.4.2",
         "xml-name-validator": "^4.0.0"
+      },
+      "dependencies": {
+        "globals": {
+          "version": "13.24.0",
+          "resolved": "https://registry.npmjs.org/globals/-/globals-13.24.0.tgz",
+          "integrity": "sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==",
+          "dev": true,
+          "peer": true,
+          "requires": {
+            "type-fest": "^0.20.2"
+          }
+        },
+        "type-fest": {
+          "version": "0.20.2",
+          "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz",
+          "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==",
+          "dev": true,
+          "peer": true
+        }
       }
     },
     "eslint-scope": {
@@ -26651,16 +26707,6 @@
         "estraverse": "^4.1.1"
       }
     },
-    "eslint-utils": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/eslint-utils/-/eslint-utils-3.0.0.tgz",
-      "integrity": "sha512-uuQC43IGctw68pJA1RgbQS8/NP7rch6Cwd4j3ZBtgo4/8Flj4eGE7ZYSZRN3iq5pVUv6GPdW5Z1RFleo84uLDA==",
-      "dev": true,
-      "peer": true,
-      "requires": {
-        "eslint-visitor-keys": "^2.0.0"
-      }
-    },
     "eslint-visitor-keys": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-2.1.0.tgz",
@@ -26669,21 +26715,21 @@
       "peer": true
     },
     "espree": {
-      "version": "9.4.1",
-      "resolved": "https://registry.npmjs.org/espree/-/espree-9.4.1.tgz",
-      "integrity": "sha512-XwctdmTO6SIvCzd9810yyNzIrOrqNYV9Koizx4C/mRhf9uq0o4yHoCEU/670pOxOL/MSraektvSAji79kX90Vg==",
+      "version": "9.6.1",
+      "resolved": "https://registry.npmjs.org/espree/-/espree-9.6.1.tgz",
+      "integrity": "sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==",
       "dev": true,
       "peer": true,
       "requires": {
-        "acorn": "^8.8.0",
+        "acorn": "^8.9.0",
         "acorn-jsx": "^5.3.2",
-        "eslint-visitor-keys": "^3.3.0"
+        "eslint-visitor-keys": "^3.4.1"
       },
       "dependencies": {
         "eslint-visitor-keys": {
-          "version": "3.3.0",
-          "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.3.0.tgz",
-          "integrity": "sha512-mQ+suqKJVyeuwGYHAdjMFqjCyfl8+Ldnxuyp3ldiMBFKkvytrXUZWaiPCEav8qDHKty44bD+qV1IP4T+w+xXRA==",
+          "version": "3.4.3",
+          "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
+          "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
           "dev": true,
           "peer": true
         }
@@ -27539,13 +27585,6 @@
       "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
       "dev": true
     },
-    "grapheme-splitter": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/grapheme-splitter/-/grapheme-splitter-1.0.4.tgz",
-      "integrity": "sha512-bzh50DW9kTPM00T8y4o8vQg89Di9oLJVLW/KaOGIXJWP/iqCN6WKYkbNOF04vFLJhwcpYUh9ydh/+5vpOqV4YQ==",
-      "dev": true,
-      "peer": true
-    },
     "graphemer": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz",
@@ -29782,13 +29821,6 @@
       "integrity": "sha512-cEiJEAEoIbWfCZYKWhVwFuvPX1gETRYPw6LlaTKoxD3s2AkXzkCjnp6h0V77ozyqj0jakteJ4YqDJT830+lVGw==",
       "dev": true
     },
-    "js-sdsl": {
-      "version": "4.1.5",
-      "resolved": "https://registry.npmjs.org/js-sdsl/-/js-sdsl-4.1.5.tgz",
-      "integrity": "sha512-08bOAKweV2NUC1wqTtf3qZlnpOX/R2DU9ikpjOHs0H+ibQv3zpncVQg6um4uYtRtrwIX8M4Nh3ytK4HGlYAq7Q==",
-      "dev": true,
-      "peer": true
-    },
     "js-tokens": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
@@ -32002,13 +32034,6 @@
         "set-function-name": "^2.0.0"
       }
     },
-    "regexpp": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/regexpp/-/regexpp-3.2.0.tgz",
-      "integrity": "sha512-pq2bWo9mVD43nbts2wGv17XLiNLya+GklZ8kaDLV2Z08gDCsGpnKn9BFMepvWuHCbyVvY7J5o5+BVvoQbmlJLg==",
-      "dev": true,
-      "peer": true
-    },
     "regexpu-core": {
       "version": "5.3.2",
       "resolved": "https://registry.npmjs.org/regexpu-core/-/regexpu-core-5.3.2.tgz",
@@ -33468,9 +33493,9 @@
       "integrity": "sha512-tmMpK00BjZiUyVyvrBK7knerNgmgvcV/KLVyuma/SC+TQN167GrMRciANTz09+k3zW8L8t60jWO1GpfkZdjTaw=="
     },
     "ts-api-utils": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-1.0.3.tgz",
-      "integrity": "sha512-wNMeqtMz5NtwpT/UZGY5alT+VoKdSsOOP/kqHFcUW1P/VRhH2wJ48+DN2WwUliNbQ976ETwDL0Ifd2VVvgonvg==",
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-1.3.0.tgz",
+      "integrity": "sha512-UQMIo7pb8WRomKR1/+MFVLTroIvDVtMX3K6OUir8ynLyzB8Jeriont2bTAtmNPa1ekAgN7YPDyf6V+ygrdU+eQ==",
       "dev": true,
       "peer": true,
       "requires": {}
@@ -34055,9 +34080,9 @@
       "requires": {}
     },
     "vue-eslint-parser": {
-      "version": "9.3.1",
-      "resolved": "https://registry.npmjs.org/vue-eslint-parser/-/vue-eslint-parser-9.3.1.tgz",
-      "integrity": "sha512-Clr85iD2XFZ3lJ52/ppmUDG/spxQu6+MAeHXjjyI4I1NUYZ9xmenQp4N0oaHJhrA8OOxltCVxMRfANGa70vU0g==",
+      "version": "9.4.2",
+      "resolved": "https://registry.npmjs.org/vue-eslint-parser/-/vue-eslint-parser-9.4.2.tgz",
+      "integrity": "sha512-Ry9oiGmCAK91HrKMtCrKFWmSFWvYkpGglCeFAIqDdr9zdXmMMpJOmUJS7WWsW7fX81h6mwHmUZCQQ1E0PkSwYQ==",
       "dev": true,
       "peer": true,
       "requires": {
@@ -34722,9 +34747,9 @@
       "integrity": "sha512-UMmSUoIQSir+XbBpTxOTS53uJ8s/lVhADCkEbhfRjUGFDPme/XGOb0sBWLx5sTz7Wx/2+TlAw1eK9O5lw5PiEw=="
     },
     "word-wrap": {
-      "version": "1.2.4",
-      "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.4.tgz",
-      "integrity": "sha512-2V81OA4ugVo5pRo46hAoD2ivUJx8jXmWXfUkY4KFNw0hEptvN0QfH3K4nHiwzGeKl5rFKedV48QVoqYavy4YpA==",
+      "version": "1.2.5",
+      "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.5.tgz",
+      "integrity": "sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==",
       "dev": true
     },
     "worker-factory": {
diff --git a/package.json b/package.json
index 3626813eea5..e6aeb18f5fc 100644
--- a/package.json
+++ b/package.json
@@ -73,7 +73,7 @@
     "@babel/preset-env": "^7.24.5",
     "@nextcloud/babel-config": "^1.1.1",
     "@nextcloud/browserslist-config": "^3.0.1",
-    "@nextcloud/eslint-config": "^8.3.0",
+    "@nextcloud/eslint-config": "^8.4.1",
     "@nextcloud/stylelint-config": "^3.0.1",
     "@nextcloud/webpack-vue-config": "github:nextcloud-libraries/webpack-vue-config#vue3",
     "@types/jest": "^29.5.12",

From 48b9ee5a56d51d5cb6dd29c11ef13494af244239 Mon Sep 17 00:00:00 2001
From: "Grigorii K. Shartsev" <me@shgk.me>
Date: Thu, 16 May 2024 20:29:22 +0200
Subject: [PATCH 2/6] chore(vue3): lint `vue/no-deprecated-v-bind-sync`

Signed-off-by: Grigorii K. Shartsev <me@shgk.me>
---
 src/App.vue                                               | 2 +-
 src/PublicShareAuthSidebar.vue                            | 2 +-
 src/PublicShareSidebar.vue                                | 2 +-
 src/components/AdminSettings/RecordingServers.vue         | 4 ++--
 src/components/AdminSettings/SignalingServers.vue         | 4 ++--
 src/components/AdminSettings/StunServers.vue              | 2 +-
 src/components/AdminSettings/TurnServers.vue              | 8 ++++----
 .../BreakoutRoomsParticipantsEditor.vue                   | 6 +++---
 src/components/ChatView.vue                               | 2 +-
 .../ConversationSettings/ConversationSettingsDialog.vue   | 2 +-
 src/components/ConversationSettings/DangerZone.vue        | 4 ++--
 .../LeftSidebar/CallPhoneDialog/CallPhoneDialog.vue       | 4 ++--
 .../LeftSidebar/ConversationsList/Conversation.vue        | 2 +-
 src/components/LeftSidebar/LeftSidebar.vue                | 4 ++--
 .../MessagesList/MessagesGroup/Message/Message.vue        | 8 ++++----
 .../NewConversationDialog/NewConversationContactsPage.vue | 4 ++--
 .../NewConversationDialog/NewConversationDialog.vue       | 8 ++++----
 .../RightSidebar/Participants/ParticipantsTab.vue         | 8 ++++----
 .../RightSidebar/SharedItems/SharedItemsTab.vue           | 2 +-
 src/components/SettingsDialog/SettingsDialog.vue          | 2 +-
 src/components/TopBar/CallTime.vue                        | 2 +-
 src/components/TopBar/TopBarMediaControls.vue             | 2 +-
 src/views/FilesSidebarChatView.vue                        | 2 +-
 23 files changed, 43 insertions(+), 43 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index ca4dd15057e..dfad835511d 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -13,7 +13,7 @@
 			<router-view />
 		</NcAppContent>
 		<RightSidebar :is-in-call="isInCall" />
-		<MediaSettings :recording-consent-given.sync="recordingConsentGiven" />
+		<MediaSettings v-model:recording-consent-given="recordingConsentGiven" />
 		<SettingsDialog />
 		<ConversationSettingsDialog />
 	</NcContent>
diff --git a/src/PublicShareAuthSidebar.vue b/src/PublicShareAuthSidebar.vue
index 0f07208bca7..5e953157903 100644
--- a/src/PublicShareAuthSidebar.vue
+++ b/src/PublicShareAuthSidebar.vue
@@ -16,7 +16,7 @@
 				<CallView :token="token" :is-sidebar="true" />
 				<ChatView />
 				<PollViewer />
-				<MediaSettings :recording-consent-given.sync="recordingConsentGiven" />
+				<MediaSettings v-model:recording-consent-given="recordingConsentGiven" />
 			</template>
 		</aside>
 	</TransitionWrapper>
diff --git a/src/PublicShareSidebar.vue b/src/PublicShareSidebar.vue
index acd111a2476..94f6b49065b 100644
--- a/src/PublicShareSidebar.vue
+++ b/src/PublicShareSidebar.vue
@@ -29,7 +29,7 @@
 				<CallButton class="call-button" />
 				<ChatView />
 				<PollViewer />
-				<MediaSettings :recording-consent-given.sync="recordingConsentGiven" />
+				<MediaSettings v-model:recording-consent-given="recordingConsentGiven" />
 			</template>
 		</aside>
 	</TransitionWrapper>
diff --git a/src/components/AdminSettings/RecordingServers.vue b/src/components/AdminSettings/RecordingServers.vue
index e211fb2a554..f3df79adb19 100644
--- a/src/components/AdminSettings/RecordingServers.vue
+++ b/src/components/AdminSettings/RecordingServers.vue
@@ -20,8 +20,8 @@
 			group>
 			<RecordingServer v-for="(server, index) in servers"
 				:key="`server${index}`"
-				:server.sync="servers[index].server"
-				:verify.sync="servers[index].verify"
+				v-model:server="servers[index].server"
+				v-model:verify="servers[index].verify"
 				:index="index"
 				:loading="loading"
 				@remove-server="removeServer"
diff --git a/src/components/AdminSettings/SignalingServers.vue b/src/components/AdminSettings/SignalingServers.vue
index 0d99149fee6..fada35b5bbd 100644
--- a/src/components/AdminSettings/SignalingServers.vue
+++ b/src/components/AdminSettings/SignalingServers.vue
@@ -23,8 +23,8 @@
 			group>
 			<SignalingServer v-for="(server, index) in servers"
 				:key="`server${index}`"
-				:server.sync="servers[index].server"
-				:verify.sync="servers[index].verify"
+				v-model:server="servers[index].server"
+				v-model:verify="servers[index].verify"
 				:index="index"
 				:loading="loading"
 				@remove-server="removeServer"
diff --git a/src/components/AdminSettings/StunServers.vue b/src/components/AdminSettings/StunServers.vue
index 8d43b82775f..ceca3c89cb6 100644
--- a/src/components/AdminSettings/StunServers.vue
+++ b/src/components/AdminSettings/StunServers.vue
@@ -19,7 +19,7 @@
 			group>
 			<StunServer v-for="(server, index) in servers"
 				:key="`server${index}`"
-				:server.sync="servers[index]"
+				v-model:server="servers[index]"
 				:index="index"
 				:loading="loading"
 				@remove-server="removeServer"
diff --git a/src/components/AdminSettings/TurnServers.vue b/src/components/AdminSettings/TurnServers.vue
index a6380cb35cd..7e464e918e0 100644
--- a/src/components/AdminSettings/TurnServers.vue
+++ b/src/components/AdminSettings/TurnServers.vue
@@ -18,10 +18,10 @@
 			group>
 			<TurnServer v-for="(server, index) in servers"
 				:key="`server${index}`"
-				:schemes.sync="servers[index].schemes"
-				:server.sync="servers[index].server"
-				:secret.sync="servers[index].secret"
-				:protocols.sync="servers[index].protocols"
+				v-model:schemes="servers[index].schemes"
+				v-model:server="servers[index].server"
+				v-model:secret="servers[index].secret"
+				v-model:protocols="servers[index].protocols"
 				:index="index"
 				:loading="loading"
 				@remove-server="removeServer"
diff --git a/src/components/BreakoutRoomsEditor/BreakoutRoomsParticipantsEditor.vue b/src/components/BreakoutRoomsEditor/BreakoutRoomsParticipantsEditor.vue
index 79d568a9221..3d09b5f6b74 100644
--- a/src/components/BreakoutRoomsEditor/BreakoutRoomsParticipantsEditor.vue
+++ b/src/components/BreakoutRoomsEditor/BreakoutRoomsParticipantsEditor.vue
@@ -12,7 +12,7 @@
 				<SelectableParticipant v-for="participant in unassignedParticipants"
 					:key="participant.attendeeId"
 					:value="participant.attendeeId"
-					:checked.sync="selectedParticipants"
+					v-model:checked="selectedParticipants"
 					:participant="participant" />
 			</BreakoutRoomItem>
 			<BreakoutRoomItem v-for="(item, index) in assignments"
@@ -22,7 +22,7 @@
 				<SelectableParticipant v-for="attendeeId in item"
 					:key="attendeeId"
 					:value="assignments"
-					:checked.sync="selectedParticipants"
+					v-model:checked="selectedParticipants"
 					:participant="attendeesById[attendeeId]" />
 			</BreakoutRoomItem>
 		</ul>
@@ -73,7 +73,7 @@
 			</NcButton>
 		</div>
 		<NcDialog v-if="showDialog"
-			:open.sync="showDialog"
+			v-model:open="showDialog"
 			:name="t('spreed','Delete breakout rooms')"
 			:message="dialogMessage"
 			container=".participants-editor">
diff --git a/src/components/ChatView.vue b/src/components/ChatView.vue
index 3f62d3e401f..62cd88b20d4 100644
--- a/src/components/ChatView.vue
+++ b/src/components/ChatView.vue
@@ -27,7 +27,7 @@
 		<MessagesList role="region"
 			:aria-label="t('spreed', 'Conversation messages')"
 			:token="token"
-			:is-chat-scrolled-to-bottom.sync="isChatScrolledToBottom"
+			v-model:is-chat-scrolled-to-bottom="isChatScrolledToBottom"
 			:is-visible="isVisible" />
 
 		<div class="scroll-to-bottom">
diff --git a/src/components/ConversationSettings/ConversationSettingsDialog.vue b/src/components/ConversationSettings/ConversationSettingsDialog.vue
index ff51ff32a08..31148318fa0 100644
--- a/src/components/ConversationSettings/ConversationSettingsDialog.vue
+++ b/src/components/ConversationSettings/ConversationSettingsDialog.vue
@@ -7,7 +7,7 @@
 	<NcAppSettingsDialog id="conversation-settings-container"
 		:aria-label="t('spreed', 'Conversation settings')"
 		:name="t('spreed', 'Conversation settings')"
-		:open.sync="showSettings"
+		v-model:open="showSettings"
 		:show-navigation="true"
 		:container="container">
 		<NcAppSettingsSection id="basic-info"
diff --git a/src/components/ConversationSettings/DangerZone.vue b/src/components/ConversationSettings/DangerZone.vue
index ab9c789a0f7..6a2c19eba03 100644
--- a/src/components/ConversationSettings/DangerZone.vue
+++ b/src/components/ConversationSettings/DangerZone.vue
@@ -32,7 +32,7 @@
 					{{ t('spreed', 'Delete conversation') }}
 				</NcButton>
 				<NcDialog class="danger-zone__dialog"
-					:open.sync="isDeleteConversationDialogOpen"
+					v-model:open="isDeleteConversationDialogOpen"
 					:name="t('spreed','Delete conversation')"
 					:message="deleteConversationDialogMessage"
 					container=".danger-zone">
@@ -58,7 +58,7 @@
 					{{ t('spreed', 'Delete chat messages') }}
 				</NcButton>
 				<NcDialog class="danger-zone__dialog"
-					:open.sync="isDeleteChatDialogOpen"
+					v-model:open="isDeleteChatDialogOpen"
 					:name="t('spreed','Delete all chat messages')"
 					:message="deleteChatDialogMessage"
 					container=".danger-zone">
diff --git a/src/components/LeftSidebar/CallPhoneDialog/CallPhoneDialog.vue b/src/components/LeftSidebar/CallPhoneDialog/CallPhoneDialog.vue
index a2f8f49f05a..b2a40cca517 100644
--- a/src/components/LeftSidebar/CallPhoneDialog/CallPhoneDialog.vue
+++ b/src/components/LeftSidebar/CallPhoneDialog/CallPhoneDialog.vue
@@ -21,13 +21,13 @@
 					v-model="searchText"
 					@keydown.enter="createConversation(participantPhoneItem)" />
 				<DialpadPanel container=".call-phone__form"
-					:value.sync="searchText"
+					v-model:value="searchText"
 					@submit="createConversation(participantPhoneItem)" />
 			</div>
 
 			<SelectPhoneNumber :name="t('spreed', 'Call a phone number')"
 				:value="searchText"
-				:participant-phone-item.sync="participantPhoneItem"
+				v-model:participant-phone-item="participantPhoneItem"
 				@select="createConversation" />
 		</template>
 
diff --git a/src/components/LeftSidebar/ConversationsList/Conversation.vue b/src/components/LeftSidebar/ConversationsList/Conversation.vue
index 002c9f9616e..99932df8f42 100644
--- a/src/components/LeftSidebar/ConversationsList/Conversation.vue
+++ b/src/components/LeftSidebar/ConversationsList/Conversation.vue
@@ -88,7 +88,7 @@
 
 		<!-- confirmation required to delete conversation -->
 		<template v-if="isDialogOpen" #extra>
-			<NcDialog :open.sync="isDialogOpen"
+			<NcDialog v-model:open="isDialogOpen"
 				:name="t('spreed','Delete conversation')"
 				:message="dialogMessage"
 				:container="container">
diff --git a/src/components/LeftSidebar/LeftSidebar.vue b/src/components/LeftSidebar/LeftSidebar.vue
index f4890c59f28..e68504f7107 100644
--- a/src/components/LeftSidebar/LeftSidebar.vue
+++ b/src/components/LeftSidebar/LeftSidebar.vue
@@ -10,8 +10,8 @@
 			<div class="conversations-search"
 				:class="{'conversations-search--expanded': isFocused}">
 				<SearchBox ref="searchBox"
-					:value.sync="searchText"
-					:is-focused.sync="isFocused"
+					v-model:value="searchText"
+					v-model:is-focused="isFocused"
 					:list="list"
 					@input="debounceFetchSearchResults"
 					@abort-search="abortSearch" />
diff --git a/src/components/MessagesList/MessagesGroup/Message/Message.vue b/src/components/MessagesList/MessagesGroup/Message/Message.vue
index 0f76918cb08..13f96cca4a7 100644
--- a/src/components/MessagesList/MessagesGroup/Message/Message.vue
+++ b/src/components/MessagesList/MessagesGroup/Message/Message.vue
@@ -40,10 +40,10 @@
 				ref="messageButtonsBar"
 				class="message-buttons-bar"
 				:is-translation-available="isTranslationAvailable"
-				:is-action-menu-open.sync="isActionMenuOpen"
-				:is-emoji-picker-open.sync="isEmojiPickerOpen"
-				:is-reactions-menu-open.sync="isReactionsMenuOpen"
-				:is-forwarder-open.sync="isForwarderOpen"
+				v-model:is-action-menu-open="isActionMenuOpen"
+				v-model:is-emoji-picker-open="isEmojiPickerOpen"
+				v-model:is-reactions-menu-open="isReactionsMenuOpen"
+				v-model:is-forwarder-open="isForwarderOpen"
 				:can-react="canReact"
 				v-bind="{...$props, ...readInfoProps}"
 				@show-translate-dialog="isTranslateDialogOpen = true"
diff --git a/src/components/NewConversationDialog/NewConversationContactsPage.vue b/src/components/NewConversationDialog/NewConversationContactsPage.vue
index ad5c8336286..1bc19e78ce1 100644
--- a/src/components/NewConversationDialog/NewConversationContactsPage.vue
+++ b/src/components/NewConversationDialog/NewConversationContactsPage.vue
@@ -24,7 +24,7 @@
 			</NcTextField>
 			<DialpadPanel v-if="canModerateSipDialOut"
 				container=".set-contacts__form"
-				:value.sync="searchText"
+				v-model:value="searchText"
 				@submit="addParticipantPhone" />
 		</div>
 
@@ -44,7 +44,7 @@
 		<SelectPhoneNumber v-if="canModerateSipDialOut"
 			:name="t('spreed', 'Add a phone number')"
 			:value="searchText"
-			:participant-phone-item.sync="participantPhoneItem"
+			v-model:participant-phone-item="participantPhoneItem"
 			@select="addParticipantPhone" />
 		<ParticipantSearchResults :search-results="searchResults"
 			:contacts-loading="contactsLoading"
diff --git a/src/components/NewConversationDialog/NewConversationDialog.vue b/src/components/NewConversationDialog/NewConversationDialog.vue
index a8fa26bbd3b..a9bf7a8f9d0 100644
--- a/src/components/NewConversationDialog/NewConversationDialog.vue
+++ b/src/components/NewConversationDialog/NewConversationDialog.vue
@@ -19,9 +19,9 @@
 				<!-- First page -->
 				<NewConversationSetupPage v-show="page === 0"
 					ref="setupPage"
-					:new-conversation.sync="newConversation"
-					:password.sync="password"
-					:listable.sync="listable"
+					v-model:new-conversation="newConversation"
+					v-model:password="password"
+					v-model:listable="listable"
 					class="new-group-conversation__content"
 					@handle-enter="handleEnter"
 					@avatar-edited="setIsAvatarEdited" />
@@ -29,7 +29,7 @@
 				<!-- Second page -->
 				<NewConversationContactsPage v-if="page === 1"
 					class="new-group-conversation__content"
-					:selected-participants.sync="selectedParticipants"
+					v-model:selected-participants="selectedParticipants"
 					:can-moderate-sip-dial-out="canModerateSipDialOut"
 					:conversation-name="conversationName" />
 			</div>
diff --git a/src/components/RightSidebar/Participants/ParticipantsTab.vue b/src/components/RightSidebar/Participants/ParticipantsTab.vue
index 217aa160418..36e8f7cde5c 100644
--- a/src/components/RightSidebar/Participants/ParticipantsTab.vue
+++ b/src/components/RightSidebar/Participants/ParticipantsTab.vue
@@ -9,21 +9,21 @@
 			<SearchBox v-if="canSearch"
 				ref="searchBox"
 				class="search-form__input"
-				:value.sync="searchText"
-				:is-focused.sync="isFocused"
+				v-model:value="searchText"
+				v-model:is-focused="isFocused"
 				:placeholder-text="searchBoxPlaceholder"
 				@input="handleInput"
 				@keydown.enter="addParticipants(participantPhoneItem)"
 				@abort-search="abortSearch" />
 			<DialpadPanel v-if="canAddPhones"
-				:value.sync="searchText"
+				v-model:value="searchText"
 				@submit="addParticipants(participantPhoneItem)" />
 		</div>
 
 		<SelectPhoneNumber v-if="canAddPhones"
 			:name="t('spreed', 'Add a phone number')"
 			:value="searchText"
-			:participant-phone-item.sync="participantPhoneItem"
+			v-model:participant-phone-item="participantPhoneItem"
 			@select="addParticipants" />
 
 		<ParticipantsListVirtual v-if="!isSearching"
diff --git a/src/components/RightSidebar/SharedItems/SharedItemsTab.vue b/src/components/RightSidebar/SharedItems/SharedItemsTab.vue
index 41189d4b379..71432fd440f 100644
--- a/src/components/RightSidebar/SharedItems/SharedItemsTab.vue
+++ b/src/components/RightSidebar/SharedItems/SharedItemsTab.vue
@@ -62,7 +62,7 @@
 		<SharedItemsBrowser v-if="showSharedItemsBrowser"
 			:token="token"
 			:shared-items="sharedItems"
-			:active-tab.sync="browserActiveTab"
+			v-model:active-tab="browserActiveTab"
 			@close="showSharedItemsBrowser = false" />
 	</div>
 </template>
diff --git a/src/components/SettingsDialog/SettingsDialog.vue b/src/components/SettingsDialog/SettingsDialog.vue
index 8fa6a82dac9..acf7b43ce1e 100644
--- a/src/components/SettingsDialog/SettingsDialog.vue
+++ b/src/components/SettingsDialog/SettingsDialog.vue
@@ -4,7 +4,7 @@
 -->
 
 <template>
-	<NcAppSettingsDialog :open.sync="showSettings"
+	<NcAppSettingsDialog v-model:open="showSettings"
 		:name="t('spreed', 'Talk settings')"
 		:show-navigation="true"
 		first-selected-section="keyboard shortcuts"
diff --git a/src/components/TopBar/CallTime.vue b/src/components/TopBar/CallTime.vue
index 1fbcbe60fb0..499b08bad05 100644
--- a/src/components/TopBar/CallTime.vue
+++ b/src/components/TopBar/CallTime.vue
@@ -5,7 +5,7 @@
 
 <template>
 	<NcPopover class="call-time"
-		:shown.sync="showPopover"
+		v-model:shown="showPopover"
 		:focus-trap="isShowRecordingControls"
 		:triggers="[]"
 		:container="container">
diff --git a/src/components/TopBar/TopBarMediaControls.vue b/src/components/TopBar/TopBarMediaControls.vue
index 319219bb5f7..fd0631e6d14 100644
--- a/src/components/TopBar/TopBarMediaControls.vue
+++ b/src/components/TopBar/TopBarMediaControls.vue
@@ -76,7 +76,7 @@
 			class="app-navigation-entry-utils-menu-button"
 			:boundaries-element="boundaryElement"
 			:container="container"
-			:open.sync="screenSharingMenuOpen">
+			v-model:open="screenSharingMenuOpen">
 			<template #icon>
 				<MonitorOff :size="20" />
 			</template>
diff --git a/src/views/FilesSidebarChatView.vue b/src/views/FilesSidebarChatView.vue
index 8d9ec1db7ee..d24ba33230e 100644
--- a/src/views/FilesSidebarChatView.vue
+++ b/src/views/FilesSidebarChatView.vue
@@ -8,7 +8,7 @@
 		<CallButton class="call-button" />
 		<ChatView />
 		<PollViewer />
-		<MediaSettings :recording-consent-given.sync="recordingConsentGiven" />
+		<MediaSettings v-model:recording-consent-given="recordingConsentGiven" />
 	</div>
 </template>
 <script>

From 03e749afc631ef908b1f6030e32ab3ba7c9f4a1a Mon Sep 17 00:00:00 2001
From: "Grigorii K. Shartsev" <me@shgk.me>
Date: Thu, 16 May 2024 20:31:20 +0200
Subject: [PATCH 3/6] chore(vue3): lint `vue/v-on-event-hyphenation`

Signed-off-by: Grigorii K. Shartsev <me@shgk.me>
---
 src/components/AdminSettings/AllowedGroups.vue            | 2 +-
 src/components/AdminSettings/Federation.vue               | 8 ++++----
 src/components/AdminSettings/GeneralSettings.vue          | 6 +++---
 src/components/AdminSettings/MatterbridgeIntegration.vue  | 2 +-
 src/components/AdminSettings/RecordingServer.vue          | 4 ++--
 src/components/AdminSettings/RecordingServers.vue         | 4 ++--
 src/components/AdminSettings/SignalingServer.vue          | 4 ++--
 src/components/AdminSettings/SignalingServers.vue         | 4 ++--
 src/components/AdminSettings/StunServer.vue               | 2 +-
 src/components/AdminSettings/TurnServer.vue               | 8 ++++----
 .../ConversationPermissionsSettings.vue                   | 6 +++---
 .../ConversationSettings/ConversationSettingsDialog.vue   | 2 +-
 src/components/ConversationSettings/LinkShareSettings.vue | 4 ++--
 src/components/ConversationSettings/ListableSettings.vue  | 4 ++--
 src/components/ConversationSettings/LobbySettings.vue     | 2 +-
 src/components/ConversationSettings/LockingSettings.vue   | 2 +-
 .../Matterbridge/MatterbridgeSettings.vue                 | 4 ++--
 .../ConversationSettings/NotificationsSettings.vue        | 4 ++--
 .../ConversationSettings/RecordingConsentSettings.vue     | 2 +-
 src/components/ConversationSettings/SipSettings.vue       | 4 ++--
 src/components/MediaSettings/MediaSettings.vue            | 8 ++++----
 src/components/NewMessage/NewMessage.vue                  | 2 +-
 src/components/NewMessage/NewMessageNewFileDialog.vue     | 2 +-
 src/components/SettingsDialog/MediaDevicesPreview.vue     | 4 ++--
 src/components/SettingsDialog/SettingsDialog.vue          | 8 ++++----
 src/components/UIShared/SearchBox.vue                     | 2 +-
 src/views/FlowPostToConversation.vue                      | 4 ++--
 27 files changed, 54 insertions(+), 54 deletions(-)

diff --git a/src/components/AdminSettings/AllowedGroups.vue b/src/components/AdminSettings/AllowedGroups.vue
index 947e3f86acb..0d81ba56f78 100644
--- a/src/components/AdminSettings/AllowedGroups.vue
+++ b/src/components/AdminSettings/AllowedGroups.vue
@@ -82,7 +82,7 @@
 				:clearable="false"
 				no-wrap
 				:disabled="loading || loadingStartCalls"
-				@update:modelValue="saveStartCalls" />
+				@update:model-value="saveStartCalls" />
 		</div>
 		<p>
 			<em>{{ t('spreed', 'When a call has started, everyone with access to the conversation can join the call.') }}</em>
diff --git a/src/components/AdminSettings/Federation.vue b/src/components/AdminSettings/Federation.vue
index 81a6fe34ea8..296cf2711e0 100644
--- a/src/components/AdminSettings/Federation.vue
+++ b/src/components/AdminSettings/Federation.vue
@@ -13,7 +13,7 @@
 		<NcCheckboxRadioSwitch :model-value="isFederationEnabled"
 			:disabled="loading"
 			type="switch"
-			@update:modelValue="saveFederationEnabled">
+			@update:model-value="saveFederationEnabled">
 			{{ t('spreed', 'Enable Federation in Talk app') }}
 		</NcCheckboxRadioSwitch>
 
@@ -23,21 +23,21 @@
 			<NcCheckboxRadioSwitch :model-value="isFederationIncomingEnabled"
 				:disabled="loading"
 				type="switch"
-				@update:modelValue="saveFederationIncomingEnabled">
+				@update:model-value="saveFederationIncomingEnabled">
 				{{ t('spreed', 'Allow users to be invited to federated conversations') }}
 			</NcCheckboxRadioSwitch>
 
 			<NcCheckboxRadioSwitch :model-value="isFederationOutgoingEnabled"
 				:disabled="loading"
 				type="switch"
-				@update:modelValue="saveFederationOutgoingEnabled">
+				@update:model-value="saveFederationOutgoingEnabled">
 				{{ t('spreed', 'Allow users to invite federated users into conversation') }}
 			</NcCheckboxRadioSwitch>
 
 			<NcCheckboxRadioSwitch :model-value="isFederationOnlyTrustedServersEnabled"
 				:disabled="loading"
 				type="switch"
-				@update:modelValue="saveFederationOnlyTrustedServersEnabled">
+				@update:model-value="saveFederationOnlyTrustedServersEnabled">
 				{{ t('spreed', 'Only allow to federate with trusted servers') }}
 			</NcCheckboxRadioSwitch>
 			<!-- eslint-disable-next-line vue/no-v-html -->
diff --git a/src/components/AdminSettings/GeneralSettings.vue b/src/components/AdminSettings/GeneralSettings.vue
index 1c07d1e5c21..c37aa0fe4b8 100644
--- a/src/components/AdminSettings/GeneralSettings.vue
+++ b/src/components/AdminSettings/GeneralSettings.vue
@@ -21,19 +21,19 @@
 			track-by="value"
 			no-wrap
 			:disabled="loading || loadingDefaultGroupNotification"
-			@update:modelValue="saveDefaultGroupNotification" />
+			@update:model-value="saveDefaultGroupNotification" />
 
 		<h3>{{ t('spreed', 'Integration into other apps') }}</h3>
 
 		<NcCheckboxRadioSwitch :model-value="isConversationsFilesChecked"
 			:disabled="loading || loadingConversationsFiles"
-			@update:modelValue="saveConversationsFiles">
+			@update:model-value="saveConversationsFiles">
 			{{ t('spreed', 'Allow conversations on files') }}
 		</NcCheckboxRadioSwitch>
 
 		<NcCheckboxRadioSwitch :model-value="isConversationsFilesPublicSharesChecked"
 			:disabled="loading || loadingConversationsFiles || !isConversationsFilesChecked"
-			@update:modelValue="saveConversationsFilesPublicShares">
+			@update:model-value="saveConversationsFilesPublicShares">
 			{{ t('spreed', 'Allow conversations on public shares for files') }}
 		</NcCheckboxRadioSwitch>
 	</section>
diff --git a/src/components/AdminSettings/MatterbridgeIntegration.vue b/src/components/AdminSettings/MatterbridgeIntegration.vue
index 23e84db6027..6df536e2a0b 100644
--- a/src/components/AdminSettings/MatterbridgeIntegration.vue
+++ b/src/components/AdminSettings/MatterbridgeIntegration.vue
@@ -16,7 +16,7 @@
 			</p>
 
 			<NcCheckboxRadioSwitch :model-value="isEnabled"
-				@update:modelValue="saveMatterbridgeEnabled">
+				@update:model-value="saveMatterbridgeEnabled">
 				{{ t('spreed', 'Enable Matterbridge integration') }}
 			</NcCheckboxRadioSwitch>
 		</template>
diff --git a/src/components/AdminSettings/RecordingServer.vue b/src/components/AdminSettings/RecordingServer.vue
index 4649c58503f..396ae641947 100644
--- a/src/components/AdminSettings/RecordingServer.vue
+++ b/src/components/AdminSettings/RecordingServer.vue
@@ -13,11 +13,11 @@
 			:model-value="server"
 			:disabled="loading"
 			:label="t('spreed', 'Recording backend URL')"
-			@update:modelValue="updateServer" />
+			@update:model-value="updateServer" />
 
 		<NcCheckboxRadioSwitch :model-value="verify"
 			class="recording-server__checkbox"
-			@update:modelValue="updateVerify">
+			@update:model-value="updateVerify">
 			{{ t('spreed', 'Validate SSL certificate') }}
 		</NcCheckboxRadioSwitch>
 
diff --git a/src/components/AdminSettings/RecordingServers.vue b/src/components/AdminSettings/RecordingServers.vue
index f3df79adb19..4b11ef1c458 100644
--- a/src/components/AdminSettings/RecordingServers.vue
+++ b/src/components/AdminSettings/RecordingServers.vue
@@ -47,7 +47,7 @@
 			:placeholder="t('spreed', 'Shared secret')"
 			:label="t('spreed', 'Shared secret')"
 			label-visible
-			@update:modelValue="updateSecret" />
+			@update:model-value="updateSecret" />
 
 		<template v-if="servers.length && recordingConsentCapability">
 			<h3>{{ t('spreed', 'Recording consent') }}</h3>
@@ -58,7 +58,7 @@
 					name="recording-consent"
 					type="radio"
 					:disabled="loading"
-					@update:modelValue="setRecordingConsent">
+					@update:model-value="setRecordingConsent">
 					{{ level.label }}
 				</NcCheckboxRadioSwitch>
 
diff --git a/src/components/AdminSettings/SignalingServer.vue b/src/components/AdminSettings/SignalingServer.vue
index d325a2bc36a..5880b5e3cfa 100644
--- a/src/components/AdminSettings/SignalingServer.vue
+++ b/src/components/AdminSettings/SignalingServer.vue
@@ -12,11 +12,11 @@
 			:model-value="server"
 			:disabled="loading"
 			:label="t('spreed', 'High-performance backend URL')"
-			@update:modelValue="updateServer" />
+			@update:model-value="updateServer" />
 
 		<NcCheckboxRadioSwitch :model-value="verify"
 			class="signaling-server__checkbox"
-			@update:modelValue="updateVerify">
+			@update:model-value="updateVerify">
 			{{ t('spreed', 'Validate SSL certificate') }}
 		</NcCheckboxRadioSwitch>
 
diff --git a/src/components/AdminSettings/SignalingServers.vue b/src/components/AdminSettings/SignalingServers.vue
index fada35b5bbd..bab2d3c72c8 100644
--- a/src/components/AdminSettings/SignalingServers.vue
+++ b/src/components/AdminSettings/SignalingServers.vue
@@ -49,7 +49,7 @@
 			</p>
 			<NcCheckboxRadioSwitch v-model="hideWarning"
 				:disabled="loading"
-				@update:modelValue="updateHideWarning">
+				@update:model-value="updateHideWarning">
 				{{ t('spreed', 'Don\'t warn about connectivity issues in calls with more than 4 participants') }}
 			</NcCheckboxRadioSwitch>
 		</template>
@@ -61,7 +61,7 @@
 			:placeholder="t('spreed', 'Shared secret')"
 			:label="t('spreed', 'Shared secret')"
 			label-visible
-			@update:modelValue="updateSecret" />
+			@update:model-value="updateSecret" />
 	</section>
 </template>
 
diff --git a/src/components/AdminSettings/StunServer.vue b/src/components/AdminSettings/StunServer.vue
index 97d1c88c1e9..4a9bb539539 100644
--- a/src/components/AdminSettings/StunServer.vue
+++ b/src/components/AdminSettings/StunServer.vue
@@ -16,7 +16,7 @@
 				:model-value="server"
 				:disabled="loading"
 				:aria-label="t('spreed', 'STUN server URL')"
-				@update:modelValue="update" />
+				@update:model-value="update" />
 		</div>
 
 		<AlertCircle v-show="!isValidServer"
diff --git a/src/components/AdminSettings/TurnServer.vue b/src/components/AdminSettings/TurnServer.vue
index add5c428fbd..2c73f0ca7f9 100644
--- a/src/components/AdminSettings/TurnServer.vue
+++ b/src/components/AdminSettings/TurnServer.vue
@@ -16,7 +16,7 @@
 			label="label"
 			track-by="value"
 			no-wrap
-			@update:modelValue="updateSchemes" />
+			@update:model-value="updateSchemes" />
 
 		<NcTextField ref="turn_server"
 			v-tooltip.auto="turnServerError"
@@ -27,7 +27,7 @@
 			:model-value="server"
 			:disabled="loading"
 			:label="t('spreed', 'TURN server URL')"
-			@update:modelValue="updateServer" />
+			@update:model-value="updateServer" />
 
 		<NcTextField ref="turn_secret"
 			name="turn_secret"
@@ -36,7 +36,7 @@
 			:model-value="secret"
 			:disabled="loading"
 			:label="t('spreed', 'TURN server secret')"
-			@update:modelValue="updateSecret" />
+			@update:model-value="updateSecret" />
 
 		<NcSelect class="turn-server__select"
 			name="turn_protocols"
@@ -49,7 +49,7 @@
 			label="label"
 			track-by="value"
 			no-wrap
-			@update:modelValue="updateProtocols" />
+			@update:model-value="updateProtocols" />
 
 		<NcButton v-show="!loading"
 			type="tertiary-no-background"
diff --git a/src/components/ConversationSettings/ConversationPermissionsSettings.vue b/src/components/ConversationSettings/ConversationPermissionsSettings.vue
index 6535723e14b..efb9ad54ef9 100644
--- a/src/components/ConversationSettings/ConversationPermissionsSettings.vue
+++ b/src/components/ConversationSettings/ConversationPermissionsSettings.vue
@@ -22,7 +22,7 @@
 				value="all"
 				name="permission_radio"
 				type="radio"
-				@update:modelValue="handleSubmitPermissions">
+				@update:model-value="handleSubmitPermissions">
 				{{ t('spreed', 'All permissions') }}
 			</NcCheckboxRadioSwitch>
 			<span v-show="loading && radioValue === 'all'" class="icon-loading-small" />
@@ -38,7 +38,7 @@
 				:disabled="loading"
 				name="permission_radio"
 				type="radio"
-				@update:modelValue="handleSubmitPermissions">
+				@update:model-value="handleSubmitPermissions">
 				{{ t('spreed', 'Restricted') }}
 			</NcCheckboxRadioSwitch>
 			<span v-show="loading && radioValue === 'restricted'" class="icon-loading-small" />
@@ -54,7 +54,7 @@
 				:disabled="loading"
 				name="permission_radio"
 				type="radio"
-				@update:modelValue="showPermissionsEditor = true">
+				@update:model-value="showPermissionsEditor = true">
 				{{ t('spreed', 'Advanced permissions') }}
 			</NcCheckboxRadioSwitch>
 
diff --git a/src/components/ConversationSettings/ConversationSettingsDialog.vue b/src/components/ConversationSettings/ConversationSettingsDialog.vue
index 31148318fa0..d6a3b16ecf5 100644
--- a/src/components/ConversationSettings/ConversationSettingsDialog.vue
+++ b/src/components/ConversationSettings/ConversationSettingsDialog.vue
@@ -25,7 +25,7 @@
 					type="switch"
 					:disabled="recordingConsentRequired"
 					:model-value="showMediaSettings"
-					@update:modelValue="setShowMediaSettings">
+					@update:model-value="setShowMediaSettings">
 					{{ t('spreed', 'Always show the device preview screen before joining a call in this conversation.') }}
 				</NcCheckboxRadioSwitch>
 				<p v-if="recordingConsentRequired">
diff --git a/src/components/ConversationSettings/LinkShareSettings.vue b/src/components/ConversationSettings/LinkShareSettings.vue
index 3fc9c8736a5..2885e2c983a 100644
--- a/src/components/ConversationSettings/LinkShareSettings.vue
+++ b/src/components/ConversationSettings/LinkShareSettings.vue
@@ -17,7 +17,7 @@
 				:disabled="hasBreakoutRooms || isSaving"
 				type="switch"
 				aria-describedby="link_share_settings_hint"
-				@update:modelValue="toggleGuests">
+				@update:model-value="toggleGuests">
 				{{ t('spreed', 'Allow guests to join this conversation via link') }}
 			</NcCheckboxRadioSwitch>
 
@@ -26,7 +26,7 @@
 				:disabled="isSaving"
 				type="switch"
 				aria-describedby="link_share_settings_password_hint"
-				@update:modelValue="togglePassword">
+				@update:model-value="togglePassword">
 				{{ t('spreed', 'Password protection') }}
 			</NcCheckboxRadioSwitch>
 
diff --git a/src/components/ConversationSettings/ListableSettings.vue b/src/components/ConversationSettings/ListableSettings.vue
index aac44369d04..9534b659ce7 100644
--- a/src/components/ConversationSettings/ListableSettings.vue
+++ b/src/components/ConversationSettings/ListableSettings.vue
@@ -8,7 +8,7 @@
 		<NcCheckboxRadioSwitch :model-value="listable !== LISTABLE.NONE"
 			:disabled="isListableLoading"
 			type="switch"
-			@update:modelValue="toggleListableUsers">
+			@update:model-value="toggleListableUsers">
 			{{ t('spreed', 'Open conversation to registered users, showing it in search results') }}
 		</NcCheckboxRadioSwitch>
 		<NcCheckboxRadioSwitch v-if="listable !== LISTABLE.NONE && isGuestsAccountsEnabled"
@@ -16,7 +16,7 @@
 			:model-value="listable === LISTABLE.ALL"
 			:disabled="isListableLoading"
 			type="switch"
-			@update:modelValue="toggleListableGuests">
+			@update:model-value="toggleListableGuests">
 			{{ t('spreed', 'Also open to users created with the Guests app') }}
 		</NcCheckboxRadioSwitch>
 	</div>
diff --git a/src/components/ConversationSettings/LobbySettings.vue b/src/components/ConversationSettings/LobbySettings.vue
index 623b116c82d..8ccd4b8bfe8 100644
--- a/src/components/ConversationSettings/LobbySettings.vue
+++ b/src/components/ConversationSettings/LobbySettings.vue
@@ -13,7 +13,7 @@
 				<NcCheckboxRadioSwitch :model-value="hasLobbyEnabled"
 					type="switch"
 					:disabled="isLobbyStateLoading"
-					@update:modelValue="toggleLobby">
+					@update:model-value="toggleLobby">
 					{{ t('spreed', 'Enable lobby, restricting the conversation to moderators') }}
 				</NcCheckboxRadioSwitch>
 			</div>
diff --git a/src/components/ConversationSettings/LockingSettings.vue b/src/components/ConversationSettings/LockingSettings.vue
index ef81380e7f2..d5ac3b8d969 100644
--- a/src/components/ConversationSettings/LockingSettings.vue
+++ b/src/components/ConversationSettings/LockingSettings.vue
@@ -18,7 +18,7 @@
 				type="switch"
 				aria-describedby="moderation_settings_lock_conversation_hint"
 				:disabled="isReadOnlyStateLoading"
-				@update:modelValue="toggleReadOnly">
+				@update:model-value="toggleReadOnly">
 				{{ t('spreed', 'Lock the conversation to prevent anyone to post messages or start calls') }}
 			</NcCheckboxRadioSwitch>
 		</div>
diff --git a/src/components/ConversationSettings/Matterbridge/MatterbridgeSettings.vue b/src/components/ConversationSettings/Matterbridge/MatterbridgeSettings.vue
index d12c7177931..3e64a1d460b 100644
--- a/src/components/ConversationSettings/Matterbridge/MatterbridgeSettings.vue
+++ b/src/components/ConversationSettings/Matterbridge/MatterbridgeSettings.vue
@@ -25,7 +25,7 @@
 						:aria-label-combobox="t('spreed', 'Messaging systems')"
 						:placeholder="newPartPlaceholder"
 						:options="formatedTypes"
-						@update:modelValue="clickAddPart">
+						@update:model-value="clickAddPart">
 						<template #option="option">
 							<img class="icon-multiselect-service"
 								:src="option.iconUrl"
@@ -38,7 +38,7 @@
 					class="enable-switch-line">
 					<NcCheckboxRadioSwitch :model-value="enabled"
 						type="switch"
-						@update:modelValue="onEnabled">
+						@update:model-value="onEnabled">
 						{{ t('spreed', 'Enable bridge') }}
 						({{ processStateText }})
 					</NcCheckboxRadioSwitch>
diff --git a/src/components/ConversationSettings/NotificationsSettings.vue b/src/components/ConversationSettings/NotificationsSettings.vue
index 322ff6eeb2c..152758e7ec9 100644
--- a/src/components/ConversationSettings/NotificationsSettings.vue
+++ b/src/components/ConversationSettings/NotificationsSettings.vue
@@ -15,7 +15,7 @@
 			v-model="notificationLevel"
 			name="notification_level"
 			type="radio"
-			@update:modelValue="setNotificationLevel">
+			@update:model-value="setNotificationLevel">
 			<span class="radio-button">
 				<component :is="notificationLevelIcon(level.value)" />
 				{{ level.label }}
@@ -26,7 +26,7 @@
 			id="notification_calls"
 			type="switch"
 			v-model="notifyCalls"
-			@update:modelValue="setNotificationCalls">
+			@update:model-value="setNotificationCalls">
 			{{ t('spreed', 'Notify about calls in this conversation') }}
 		</NcCheckboxRadioSwitch>
 	</div>
diff --git a/src/components/ConversationSettings/RecordingConsentSettings.vue b/src/components/ConversationSettings/RecordingConsentSettings.vue
index 7e640b66918..1950630f6a4 100644
--- a/src/components/ConversationSettings/RecordingConsentSettings.vue
+++ b/src/components/ConversationSettings/RecordingConsentSettings.vue
@@ -15,7 +15,7 @@
 			type="switch"
 			v-model="recordingConsentSelected"
 			:disabled="disabled"
-			@update:modelValue="setRecordingConsent">
+			@update:model-value="setRecordingConsent">
 			{{ t('spreed', 'Require recording consent before joining call in this conversation') }}
 		</NcCheckboxRadioSwitch>
 		<p v-else-if="isGlobalConsent">
diff --git a/src/components/ConversationSettings/SipSettings.vue b/src/components/ConversationSettings/SipSettings.vue
index 3272cf18fa9..a99db255bba 100644
--- a/src/components/ConversationSettings/SipSettings.vue
+++ b/src/components/ConversationSettings/SipSettings.vue
@@ -14,7 +14,7 @@
 				type="switch"
 				aria-describedby="sip_settings_hint"
 				:disabled="isSipLoading"
-				@update:modelValue="toggleSetting('enable')">
+				@update:model-value="toggleSetting('enable')">
 				{{ t('spreed', 'Enable phone and SIP dial-in') }}
 			</NcCheckboxRadioSwitch>
 		</div>
@@ -22,7 +22,7 @@
 			<NcCheckboxRadioSwitch :model-value="noPinRequired"
 				type="switch"
 				:disabled="isSipLoading || !hasSIPEnabled"
-				@update:modelValue="toggleSetting('nopin')">
+				@update:model-value="toggleSetting('nopin')">
 				{{ t('spreed', 'Allow to dial-in without a PIN') }}
 			</NcCheckboxRadioSwitch>
 		</div>
diff --git a/src/components/MediaSettings/MediaSettings.vue b/src/components/MediaSettings/MediaSettings.vue
index 1bdc66477e6..ddda9c00a81 100644
--- a/src/components/MediaSettings/MediaSettings.vue
+++ b/src/components/MediaSettings/MediaSettings.vue
@@ -92,12 +92,12 @@
 					:devices="devices"
 					:device-id="audioInputId"
 					@refresh="updateDevices"
-					@update:deviceId="audioInputId = $event" />
+					@update:device-id="audioInputId = $event" />
 				<MediaDevicesSelector kind="videoinput"
 					:devices="devices"
 					:device-id="videoInputId"
 					@refresh="updateDevices"
-					@update:deviceId="videoInputId = $event" />
+					@update:device-id="videoInputId = $event" />
 				<MediaDevicesSpeakerTest />
 			</div>
 
@@ -111,7 +111,7 @@
 				class="checkbox"
 				:model-value="showMediaSettings || showRecordingWarning"
 				:disabled="showRecordingWarning"
-				@update:modelValue="setShowMediaSettings">
+				@update:model-value="setShowMediaSettings">
 				{{ t('spreed', 'Always show preview for this conversation') }}
 			</NcCheckboxRadioSwitch>
 
@@ -136,7 +136,7 @@
 					</p>
 					<NcCheckboxRadioSwitch class="checkbox--warning"
 						:model-value="recordingConsentGiven"
-						@update:modelValue="setRecordingConsentGiven">
+						@update:model-value="setRecordingConsentGiven">
 						{{ t('spreed', 'Give consent to the recording of this call') }}
 					</NcCheckboxRadioSwitch>
 				</template>
diff --git a/src/components/NewMessage/NewMessage.vue b/src/components/NewMessage/NewMessage.vue
index 9f4c57cf06c..c5d162890fa 100644
--- a/src/components/NewMessage/NewMessage.vue
+++ b/src/components/NewMessage/NewMessage.vue
@@ -86,7 +86,7 @@
 					@shortkey="focusInput"
 					@keydown.esc="handleInputEsc"
 					@keydown.ctrl.up="handleEditLastMessage"
-					@update:modelValue="handleTyping"
+					@update:model-value="handleTyping"
 					@paste="handlePastedFiles"
 					@submit="handleSubmit" />
 			</div>
diff --git a/src/components/NewMessage/NewMessageNewFileDialog.vue b/src/components/NewMessage/NewMessageNewFileDialog.vue
index 79e6aae357a..93d0c279af6 100644
--- a/src/components/NewMessage/NewMessageNewFileDialog.vue
+++ b/src/components/NewMessage/NewMessageNewFileDialog.vue
@@ -22,7 +22,7 @@
 					:label="t('spreed', 'Name of the new file')"
 					:placeholder="newFileTitle"
 					:model-value="newFileTitle"
-					@update:modelValue="updateNewFileTitle" />
+					@update:model-value="updateNewFileTitle" />
 
 				<ul v-if="templates.length > 1" class="templates-picker__list">
 					<NewMessageTemplatePreview v-for="template in templates"
diff --git a/src/components/SettingsDialog/MediaDevicesPreview.vue b/src/components/SettingsDialog/MediaDevicesPreview.vue
index 1ca524ab9a3..d885f51aa50 100644
--- a/src/components/SettingsDialog/MediaDevicesPreview.vue
+++ b/src/components/SettingsDialog/MediaDevicesPreview.vue
@@ -9,7 +9,7 @@
 			:devices="devices"
 			:device-id="audioInputId"
 			@refresh="updateDevices"
-			@update:deviceId="audioInputId = $event" />
+			@update:device-id="audioInputId = $event" />
 		<div class="preview preview-audio">
 			<div v-if="!audioPreviewAvailable"
 				class="preview-not-available">
@@ -38,7 +38,7 @@
 			:devices="devices"
 			:device-id="videoInputId"
 			@refresh="updateDevices"
-			@update:deviceId="videoInputId = $event" />
+			@update:device-id="videoInputId = $event" />
 		<div class="preview preview-video">
 			<div v-if="!videoPreviewAvailable"
 				class="preview-not-available">
diff --git a/src/components/SettingsDialog/SettingsDialog.vue b/src/components/SettingsDialog/SettingsDialog.vue
index acf7b43ce1e..31c1e5f55ec 100644
--- a/src/components/SettingsDialog/SettingsDialog.vue
+++ b/src/components/SettingsDialog/SettingsDialog.vue
@@ -49,7 +49,7 @@
 				:disabled="privacyLoading"
 				type="switch"
 				class="checkbox"
-				@update:modelValue="toggleReadStatusPrivacy">
+				@update:model-value="toggleReadStatusPrivacy">
 				{{ t('spreed', 'Share my read-status and show the read-status of others') }}
 			</NcCheckboxRadioSwitch>
 			<NcCheckboxRadioSwitch v-if="supportTypingStatus"
@@ -58,7 +58,7 @@
 				:disabled="privacyLoading"
 				type="switch"
 				class="checkbox"
-				@update:modelValue="toggleTypingStatusPrivacy">
+				@update:model-value="toggleTypingStatusPrivacy">
 				{{ t('spreed', 'Share my typing-status and show the typing-status of others') }}
 			</NcCheckboxRadioSwitch>
 		</NcAppSettingsSection>
@@ -70,7 +70,7 @@
 				:disabled="playSoundsLoading"
 				type="switch"
 				class="checkbox"
-				@update:modelValue="togglePlaySounds">
+				@update:model-value="togglePlaySounds">
 				{{ t('spreed', 'Play sounds when participants join or leave a call') }}
 			</NcCheckboxRadioSwitch>
 			<em>{{ t('spreed', 'Sounds can currently not be played on iPad and iPhone devices due to technical restrictions by the manufacturer.') }}</em>
@@ -89,7 +89,7 @@
 				:model-value="isBackgroundBlurred"
 				type="switch"
 				class="checkbox"
-				@update:modelValue="toggleBackgroundBlurred">
+				@update:model-value="toggleBackgroundBlurred">
 				{{ t('spreed', 'Blur background image in the call (may increase GPU load)') }}
 			</NcCheckboxRadioSwitch>
 		</NcAppSettingsSection>
diff --git a/src/components/UIShared/SearchBox.vue b/src/components/UIShared/SearchBox.vue
index 306309bdf42..9a3968751a8 100644
--- a/src/components/UIShared/SearchBox.vue
+++ b/src/components/UIShared/SearchBox.vue
@@ -14,7 +14,7 @@
 		pill
 		@focus="handleFocus"
 		@blur="handleBlur"
-		@update:modelValue="updateValue"
+		@update:model-value="updateValue"
 		@trailing-button-click="abortSearch"
 		@keydown.esc="abortSearch">
 		<Magnify :size="16" />
diff --git a/src/views/FlowPostToConversation.vue b/src/views/FlowPostToConversation.vue
index 6ee39eb6f31..b26434fa883 100644
--- a/src/views/FlowPostToConversation.vue
+++ b/src/views/FlowPostToConversation.vue
@@ -9,13 +9,13 @@
 			:options="roomOptions"
 			:aria-label-combobox="t('spreed', 'Select a conversation')"
 			label="displayName"
-			@update:modelValue="(newValue) => newValue !== null && $emit('input', JSON.stringify({'m': currentMode.id, 't': newValue.token }))" />
+			@update:model-value="(newValue) => newValue !== null && $emit('input', JSON.stringify({'m': currentMode.id, 't': newValue.token }))" />
 
 		<NcSelect :model-value="currentMode"
 			:options="modeOptions"
 			:aria-label-combobox="t('spreed', 'Select a mode')"
 			label="text"
-			@update:modelValue="(newValue) => newValue !== null && $emit('input', JSON.stringify({'m': newValue.id, 't': currentRoom.token }))" />
+			@update:model-value="(newValue) => newValue !== null && $emit('input', JSON.stringify({'m': newValue.id, 't': currentRoom.token }))" />
 	</div>
 </template>
 

From 81d2084d4cf2468af0b1c4a02f12317a52138ea6 Mon Sep 17 00:00:00 2001
From: "Grigorii K. Shartsev" <me@shgk.me>
Date: Thu, 16 May 2024 20:32:35 +0200
Subject: [PATCH 4/6] chore(vue3): lint `vue/no-deprecated-destroyed-lifecycle`

Signed-off-by: Grigorii K. Shartsev <me@shgk.me>
---
 src/App.vue                                                   | 2 +-
 src/FilesSidebarCallViewApp.vue                               | 2 +-
 src/PublicShareSidebar.vue                                    | 2 +-
 src/components/AdminSettings/AllowedGroups.vue                | 2 +-
 src/components/AdminSettings/Federation.vue                   | 2 +-
 src/components/AdminSettings/RecordingServers.vue             | 2 +-
 src/components/AdminSettings/SIPBridge.vue                    | 2 +-
 src/components/AdminSettings/SignalingServers.vue             | 2 +-
 src/components/AdminSettings/StunServers.vue                  | 2 +-
 src/components/AdminSettings/TurnServer.vue                   | 2 +-
 src/components/AdminSettings/TurnServers.vue                  | 2 +-
 src/components/CallView/CallView.vue                          | 2 +-
 src/components/CallView/Grid/Grid.vue                         | 2 +-
 src/components/CallView/shared/LocalAudioControlButton.vue    | 2 +-
 src/components/CallView/shared/LocalVideo.vue                 | 4 ++--
 src/components/CallView/shared/LocalVideoControlButton.vue    | 2 +-
 src/components/CallView/shared/PresenterOverlay.vue           | 2 +-
 src/components/CallView/shared/ReactionToaster.vue            | 2 +-
 src/components/CallView/shared/VideoVue.vue                   | 4 ++--
 src/components/CallView/shared/ViewerOverlayCallView.vue      | 2 +-
 .../ConversationSettings/ConversationSettingsDialog.vue       | 2 +-
 src/components/ConversationSettings/ListableSettings.vue      | 2 +-
 .../Matterbridge/MatterbridgeSettings.vue                     | 2 +-
 src/components/LeftSidebar/LeftSidebar.vue                    | 2 +-
 src/components/MediaSettings/MediaSettings.vue                | 2 +-
 src/components/MessagesList/MessagesGroup/Message/Message.vue | 2 +-
 .../MessagesGroup/Message/MessagePart/FilePreview.vue         | 2 +-
 src/components/MessagesList/MessagesList.vue                  | 2 +-
 .../NewConversationDialog/NewConversationContactsPage.vue     | 2 +-
 src/components/NewMessage/NewMessage.vue                      | 2 +-
 src/components/NewMessage/NewMessageAudioRecorder.vue         | 2 +-
 src/components/PollViewer/PollViewer.vue                      | 2 +-
 .../RightSidebar/BreakoutRooms/BreakoutRoomsTab.vue           | 2 +-
 src/components/RightSidebar/Participants/ParticipantsTab.vue  | 2 +-
 src/components/RightSidebar/RightSidebar.vue                  | 2 +-
 .../RightSidebar/SharedItems/SharedItemsBrowser.vue           | 2 +-
 src/components/TopBar/CallTime.vue                            | 2 +-
 src/components/TopBar/TopBar.vue                              | 2 +-
 src/components/TopBar/TopBarMediaControls.vue                 | 2 +-
 39 files changed, 41 insertions(+), 41 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index dfad835511d..4c4e87a3138 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -247,7 +247,7 @@ export default {
 		window.addEventListener('beforeunload', this.preventUnload)
 	},
 
-	beforeDestroy() {
+	beforeUnmount() {
 		this.debounceRefreshCurrentConversation.clear?.()
 		if (!getCurrentUser()) {
 			EventBus.off('should-refresh-conversations', this.debounceRefreshCurrentConversation)
diff --git a/src/FilesSidebarCallViewApp.vue b/src/FilesSidebarCallViewApp.vue
index d234049d4a3..6dc7662702d 100644
--- a/src/FilesSidebarCallViewApp.vue
+++ b/src/FilesSidebarCallViewApp.vue
@@ -147,7 +147,7 @@ export default {
 		window.addEventListener('beforeunload', this.preventUnload)
 	},
 
-	beforeDestroy() {
+	beforeUnmount() {
 		window.removeEventListener('beforeunload', this.preventUnload)
 	},
 
diff --git a/src/PublicShareSidebar.vue b/src/PublicShareSidebar.vue
index 94f6b49065b..8b8eaa10421 100644
--- a/src/PublicShareSidebar.vue
+++ b/src/PublicShareSidebar.vue
@@ -139,7 +139,7 @@ export default {
 		})
 	},
 
-	beforeDestroy() {
+	beforeUnmount() {
 		window.removeEventListener('beforeunload', this.preventUnload)
 	},
 
diff --git a/src/components/AdminSettings/AllowedGroups.vue b/src/components/AdminSettings/AllowedGroups.vue
index 0d81ba56f78..e544f44af08 100644
--- a/src/components/AdminSettings/AllowedGroups.vue
+++ b/src/components/AdminSettings/AllowedGroups.vue
@@ -162,7 +162,7 @@ export default {
 		this.debounceSearchGroup('')
 	},
 
-	beforeDestroy() {
+	beforeUnmount() {
 		this.debounceSearchGroup.clear?.()
 	},
 
diff --git a/src/components/AdminSettings/Federation.vue b/src/components/AdminSettings/Federation.vue
index 296cf2711e0..57ed9b806ef 100644
--- a/src/components/AdminSettings/Federation.vue
+++ b/src/components/AdminSettings/Federation.vue
@@ -136,7 +136,7 @@ export default {
 		this.debounceSearchGroup('')
 	},
 
-	beforeDestroy() {
+	beforeUnmount() {
 		this.debounceSearchGroup.clear?.()
 	},
 
diff --git a/src/components/AdminSettings/RecordingServers.vue b/src/components/AdminSettings/RecordingServers.vue
index 4b11ef1c458..0b7ba6f90e6 100644
--- a/src/components/AdminSettings/RecordingServers.vue
+++ b/src/components/AdminSettings/RecordingServers.vue
@@ -149,7 +149,7 @@ export default {
 		this.uploadLimit = parseInt(state.uploadLimit, 10)
 	},
 
-	beforeDestroy() {
+	beforeUnmount() {
 		this.debounceUpdateServers.clear?.()
 	},
 
diff --git a/src/components/AdminSettings/SIPBridge.vue b/src/components/AdminSettings/SIPBridge.vue
index 4bf66016cc0..2022b5f966d 100644
--- a/src/components/AdminSettings/SIPBridge.vue
+++ b/src/components/AdminSettings/SIPBridge.vue
@@ -150,7 +150,7 @@ export default {
 		this.isDialoutSupported()
 	},
 
-	beforeDestroy() {
+	beforeUnmount() {
 		this.debounceSearchGroup.clear?.()
 	},
 
diff --git a/src/components/AdminSettings/SignalingServers.vue b/src/components/AdminSettings/SignalingServers.vue
index bab2d3c72c8..e16a9c52754 100644
--- a/src/components/AdminSettings/SignalingServers.vue
+++ b/src/components/AdminSettings/SignalingServers.vue
@@ -118,7 +118,7 @@ export default {
 		this.hideWarning = state.hideWarning
 	},
 
-	beforeDestroy() {
+	beforeUnmount() {
 		this.debounceUpdateServers.clear?.()
 	},
 
diff --git a/src/components/AdminSettings/StunServers.vue b/src/components/AdminSettings/StunServers.vue
index ceca3c89cb6..eda7aff9d72 100644
--- a/src/components/AdminSettings/StunServers.vue
+++ b/src/components/AdminSettings/StunServers.vue
@@ -78,7 +78,7 @@ export default {
 		this.debounceUpdateServers = debounce(this.updateServers, 1000)
 	},
 
-	beforeDestroy() {
+	beforeUnmount() {
 		this.debounceUpdateServers.clear?.()
 	},
 
diff --git a/src/components/AdminSettings/TurnServer.vue b/src/components/AdminSettings/TurnServer.vue
index 2c73f0ca7f9..b510dd9c1b4 100644
--- a/src/components/AdminSettings/TurnServer.vue
+++ b/src/components/AdminSettings/TurnServer.vue
@@ -200,7 +200,7 @@ export default {
 		this.testingSuccess = false
 	},
 
-	beforeDestroy() {
+	beforeUnmount() {
 		this.debounceTestServer.clear?.()
 	},
 
diff --git a/src/components/AdminSettings/TurnServers.vue b/src/components/AdminSettings/TurnServers.vue
index 7e464e918e0..f6d1fb7b989 100644
--- a/src/components/AdminSettings/TurnServers.vue
+++ b/src/components/AdminSettings/TurnServers.vue
@@ -89,7 +89,7 @@ export default {
 		this.servers = loadState('spreed', 'turn_servers')
 	},
 
-	beforeDestroy() {
+	beforeUnmount() {
 		this.debounceUpdateServers.clear?.()
 	},
 
diff --git a/src/components/CallView/CallView.vue b/src/components/CallView/CallView.vue
index cc0b747df87..facabadb0ac 100644
--- a/src/components/CallView/CallView.vue
+++ b/src/components/CallView/CallView.vue
@@ -429,7 +429,7 @@ export default {
 		subscribe('set-background-blurred', this.setBackgroundBlurred)
 	},
 
-	beforeDestroy() {
+	beforeUnmount() {
 		this.debounceFetchPeers.clear?.()
 		this.$store.dispatch('isEmptyCallView', true)
 		EventBus.off('refresh-peer-list', this.debounceFetchPeers)
diff --git a/src/components/CallView/Grid/Grid.vue b/src/components/CallView/Grid/Grid.vue
index 6019815cb80..ef289ea47c7 100644
--- a/src/components/CallView/Grid/Grid.vue
+++ b/src/components/CallView/Grid/Grid.vue
@@ -532,7 +532,7 @@ export default {
 
 		window.OCA.Talk.gridDebugInformation = this.gridDebugInformation
 	},
-	beforeDestroy() {
+	beforeUnmount() {
 		this.debounceMakeGrid.clear?.()
 		window.OCA.Talk.gridDebugInformation = () => console.debug('Not in a call')
 
diff --git a/src/components/CallView/shared/LocalAudioControlButton.vue b/src/components/CallView/shared/LocalAudioControlButton.vue
index 55f93b6b28a..798c9109be2 100644
--- a/src/components/CallView/shared/LocalAudioControlButton.vue
+++ b/src/components/CallView/shared/LocalAudioControlButton.vue
@@ -131,7 +131,7 @@ export default {
 		subscribe('local-audio-control-button:toggle-audio', this.updateDeviceState)
 	},
 
-	beforeDestroy() {
+	beforeUnmount() {
 		unsubscribe('local-audio-control-button:toggle-audio', this.updateDeviceState)
 	},
 
diff --git a/src/components/CallView/shared/LocalVideo.vue b/src/components/CallView/shared/LocalVideo.vue
index 718d1f27dd4..99445309804 100644
--- a/src/components/CallView/shared/LocalVideo.vue
+++ b/src/components/CallView/shared/LocalVideo.vue
@@ -287,13 +287,13 @@ export default {
 		}
 	},
 
-	beforeDestroy() {
+	beforeUnmount() {
 		if (this.resizeObserver) {
 			this.resizeObserver.disconnect()
 		}
 	},
 
-	destroyed() {
+	unmounted() {
 		if (this.notificationHandle) {
 			this.notificationHandle.hideToast()
 		}
diff --git a/src/components/CallView/shared/LocalVideoControlButton.vue b/src/components/CallView/shared/LocalVideoControlButton.vue
index 3c447bcb108..bf219ebfb6b 100644
--- a/src/components/CallView/shared/LocalVideoControlButton.vue
+++ b/src/components/CallView/shared/LocalVideoControlButton.vue
@@ -126,7 +126,7 @@ export default {
 		subscribe('local-video-control-button:toggle-video', this.updateDeviceState)
 	},
 
-	beforeDestroy() {
+	beforeUnmount() {
 		unsubscribe('local-video-control-button:toggle-video', this.updateDeviceState)
 	},
 
diff --git a/src/components/CallView/shared/PresenterOverlay.vue b/src/components/CallView/shared/PresenterOverlay.vue
index 8a8c08dd54e..2b537a98cbe 100644
--- a/src/components/CallView/shared/PresenterOverlay.vue
+++ b/src/components/CallView/shared/PresenterOverlay.vue
@@ -92,7 +92,7 @@ export default {
 		window.addEventListener('resize', this.updateSize)
 	},
 
-	beforeDestroy() {
+	beforeUnmount() {
 		window.removeEventListener('resize', this.updateSize)
 	},
 
diff --git a/src/components/CallView/shared/ReactionToaster.vue b/src/components/CallView/shared/ReactionToaster.vue
index 0b0a0eb9ce0..b116071eb1c 100644
--- a/src/components/CallView/shared/ReactionToaster.vue
+++ b/src/components/CallView/shared/ReactionToaster.vue
@@ -129,7 +129,7 @@ export default {
 		subscribe('send-reaction', this.handleOwnReaction)
 	},
 
-	beforeDestroy() {
+	beforeUnmount() {
 		clearInterval(this.intervalId)
 		unsubscribe('send-reaction', this.handleOwnReaction)
 		Object.keys(this.registeredModels).forEach(modelId => {
diff --git a/src/components/CallView/shared/VideoVue.vue b/src/components/CallView/shared/VideoVue.vue
index 2ca2fdb1499..2f12877e7e1 100644
--- a/src/components/CallView/shared/VideoVue.vue
+++ b/src/components/CallView/shared/VideoVue.vue
@@ -533,13 +533,13 @@ export default {
 		}
 	},
 
-	beforeDestroy() {
+	beforeUnmount() {
 		if (this.resizeObserver) {
 			this.resizeObserver.disconnect()
 		}
 	},
 
-	destroyed() {
+	unmounted() {
 		this.sharedData.remoteVideoBlocker.decreaseVisibleCounter()
 	},
 
diff --git a/src/components/CallView/shared/ViewerOverlayCallView.vue b/src/components/CallView/shared/ViewerOverlayCallView.vue
index 723fc56b58a..dc767c1dee9 100644
--- a/src/components/CallView/shared/ViewerOverlayCallView.vue
+++ b/src/components/CallView/shared/ViewerOverlayCallView.vue
@@ -220,7 +220,7 @@ export default {
 		this.observer.observe(this.$refs.ghost)
 	},
 
-	beforeDestroy() {
+	beforeUnmount() {
 		this.observer.disconnect()
 	},
 
diff --git a/src/components/ConversationSettings/ConversationSettingsDialog.vue b/src/components/ConversationSettings/ConversationSettingsDialog.vue
index d6a3b16ecf5..c748b1b108b 100644
--- a/src/components/ConversationSettings/ConversationSettingsDialog.vue
+++ b/src/components/ConversationSettings/ConversationSettingsDialog.vue
@@ -244,7 +244,7 @@ export default {
 
 	},
 
-	beforeDestroy() {
+	beforeUnmount() {
 		unsubscribe('show-conversation-settings', this.handleShowSettings)
 		unsubscribe('hide-conversation-settings', this.handleHideSettings)
 	},
diff --git a/src/components/ConversationSettings/ListableSettings.vue b/src/components/ConversationSettings/ListableSettings.vue
index 9534b659ce7..c1747e8be59 100644
--- a/src/components/ConversationSettings/ListableSettings.vue
+++ b/src/components/ConversationSettings/ListableSettings.vue
@@ -113,7 +113,7 @@ export default {
 		}
 	},
 
-	beforeDestroy() {
+	beforeUnmount() {
 		if (this.lastNotification) {
 			this.lastNotification.hideToast()
 			this.lastNotification = null
diff --git a/src/components/ConversationSettings/Matterbridge/MatterbridgeSettings.vue b/src/components/ConversationSettings/Matterbridge/MatterbridgeSettings.vue
index 3e64a1d460b..87a2c0c0dac 100644
--- a/src/components/ConversationSettings/Matterbridge/MatterbridgeSettings.vue
+++ b/src/components/ConversationSettings/Matterbridge/MatterbridgeSettings.vue
@@ -535,7 +535,7 @@ export default {
 	beforeMount() {
 	},
 
-	beforeDestroy() {
+	beforeUnmount() {
 	},
 
 	methods: {
diff --git a/src/components/LeftSidebar/LeftSidebar.vue b/src/components/LeftSidebar/LeftSidebar.vue
index e68504f7107..c0a158127b5 100644
--- a/src/components/LeftSidebar/LeftSidebar.vue
+++ b/src/components/LeftSidebar/LeftSidebar.vue
@@ -637,7 +637,7 @@ export default {
 		this.handleFilter(BrowserStorage.getItem('filterEnabled'))
 	},
 
-	beforeDestroy() {
+	beforeUnmount() {
 		this.debounceFetchSearchResults.clear?.()
 		this.debounceFetchConversations.clear?.()
 		this.debounceHandleScroll.clear?.()
diff --git a/src/components/MediaSettings/MediaSettings.vue b/src/components/MediaSettings/MediaSettings.vue
index ddda9c00a81..f7a69a18fc4 100644
--- a/src/components/MediaSettings/MediaSettings.vue
+++ b/src/components/MediaSettings/MediaSettings.vue
@@ -480,7 +480,7 @@ export default {
 		}
 	},
 
-	beforeDestroy() {
+	beforeUnmount() {
 		unsubscribe('talk:media-settings:show', this.showModal)
 		unsubscribe('talk:media-settings:hide', this.closeModalAndApplySettings)
 	},
diff --git a/src/components/MessagesList/MessagesGroup/Message/Message.vue b/src/components/MessagesList/MessagesGroup/Message/Message.vue
index 13f96cca4a7..5d4eecc1c63 100644
--- a/src/components/MessagesList/MessagesGroup/Message/Message.vue
+++ b/src/components/MessagesList/MessagesGroup/Message/Message.vue
@@ -455,7 +455,7 @@ export default {
 		EventBus.on('highlight-message', this.highlightMessage)
 	},
 
-	beforeDestroy() {
+	beforeUnmount() {
 		EventBus.off('highlight-message', this.highlightMessage)
 	},
 
diff --git a/src/components/MessagesList/MessagesGroup/Message/MessagePart/FilePreview.vue b/src/components/MessagesList/MessagesGroup/Message/MessagePart/FilePreview.vue
index 895d3a7420e..77d9f6bc358 100644
--- a/src/components/MessagesList/MessagesGroup/Message/MessagePart/FilePreview.vue
+++ b/src/components/MessagesList/MessagesGroup/Message/MessagePart/FilePreview.vue
@@ -568,7 +568,7 @@ export default {
 		img.src = this.previewUrl
 	},
 
-	beforeDestroy() {
+	beforeUnmount() {
 		this.uploadManager = null
 	},
 
diff --git a/src/components/MessagesList/MessagesList.vue b/src/components/MessagesList/MessagesList.vue
index 2a65944dfc3..7129e08c4b2 100644
--- a/src/components/MessagesList/MessagesList.vue
+++ b/src/components/MessagesList/MessagesList.vue
@@ -308,7 +308,7 @@ export default {
 		}, 30000)
 	},
 
-	beforeDestroy() {
+	beforeUnmount() {
 		this.debounceUpdateReadMarkerPosition.clear?.()
 		this.debounceHandleScroll.clear?.()
 
diff --git a/src/components/NewConversationDialog/NewConversationContactsPage.vue b/src/components/NewConversationDialog/NewConversationContactsPage.vue
index 1bc19e78ce1..4855fe3a481 100644
--- a/src/components/NewConversationDialog/NewConversationContactsPage.vue
+++ b/src/components/NewConversationDialog/NewConversationContactsPage.vue
@@ -170,7 +170,7 @@ export default {
 		})
 	},
 
-	beforeDestroy() {
+	beforeUnmount() {
 		this.debounceFetchSearchResults.clear?.()
 
 		this.cancelSearchPossibleConversations()
diff --git a/src/components/NewMessage/NewMessage.vue b/src/components/NewMessage/NewMessage.vue
index c5d162890fa..5c5d4358fd4 100644
--- a/src/components/NewMessage/NewMessage.vue
+++ b/src/components/NewMessage/NewMessage.vue
@@ -545,7 +545,7 @@ export default {
 		}
 	},
 
-	beforeDestroy() {
+	beforeUnmount() {
 		EventBus.off('focus-chat-input', this.focusInput)
 		EventBus.off('upload-start', this.handleUploadSideEffects)
 		EventBus.off('upload-discard', this.handleUploadSideEffects)
diff --git a/src/components/NewMessage/NewMessageAudioRecorder.vue b/src/components/NewMessage/NewMessageAudioRecorder.vue
index 4e97755895e..050ddb280d6 100644
--- a/src/components/NewMessage/NewMessageAudioRecorder.vue
+++ b/src/components/NewMessage/NewMessageAudioRecorder.vue
@@ -167,7 +167,7 @@ export default {
 		this.$store.dispatch('initializeAudioEncoder')
 	},
 
-	beforeDestroy() {
+	beforeUnmount() {
 		this.killStreams()
 	},
 
diff --git a/src/components/PollViewer/PollViewer.vue b/src/components/PollViewer/PollViewer.vue
index c8ffd850d23..1267c991525 100644
--- a/src/components/PollViewer/PollViewer.vue
+++ b/src/components/PollViewer/PollViewer.vue
@@ -258,7 +258,7 @@ export default {
 		EventBus.on('talk:poll-added', this.showPollToast)
 	},
 
-	beforeDestroy() {
+	beforeUnmount() {
 		EventBus.off('talk:poll-added', this.showPollToast)
 	},
 
diff --git a/src/components/RightSidebar/BreakoutRooms/BreakoutRoomsTab.vue b/src/components/RightSidebar/BreakoutRooms/BreakoutRoomsTab.vue
index 139878a87ae..a91b4f2a02f 100644
--- a/src/components/RightSidebar/BreakoutRooms/BreakoutRoomsTab.vue
+++ b/src/components/RightSidebar/BreakoutRooms/BreakoutRoomsTab.vue
@@ -139,7 +139,7 @@ export default {
 		}
 	},
 
-	beforeDestroy() {
+	beforeUnmount() {
 		// Clear the interval
 		clearInterval(this.breakoutRoomsParticipantsInterval)
 	},
diff --git a/src/components/RightSidebar/Participants/ParticipantsTab.vue b/src/components/RightSidebar/Participants/ParticipantsTab.vue
index 36e8f7cde5c..8e7ec96c7dd 100644
--- a/src/components/RightSidebar/Participants/ParticipantsTab.vue
+++ b/src/components/RightSidebar/Participants/ParticipantsTab.vue
@@ -209,7 +209,7 @@ export default {
 		subscribe('user_status:status.updated', this.updateUserStatus)
 	},
 
-	beforeDestroy() {
+	beforeUnmount() {
 		this.debounceFetchSearchResults.clear?.()
 
 		EventBus.off('route-change', this.abortSearch)
diff --git a/src/components/RightSidebar/RightSidebar.vue b/src/components/RightSidebar/RightSidebar.vue
index a972aaf6763..071fc3cfa56 100644
--- a/src/components/RightSidebar/RightSidebar.vue
+++ b/src/components/RightSidebar/RightSidebar.vue
@@ -351,7 +351,7 @@ export default {
 		subscribe('spreed:select-active-sidebar-tab', this.handleUpdateActive)
 	},
 
-	beforeDestroy() {
+	beforeUnmount() {
 		unsubscribe('spreed:select-active-sidebar-tab', this.handleUpdateActive)
 	},
 
diff --git a/src/components/RightSidebar/SharedItems/SharedItemsBrowser.vue b/src/components/RightSidebar/SharedItems/SharedItemsBrowser.vue
index 1018d32ecaf..f565cc812e7 100644
--- a/src/components/RightSidebar/SharedItems/SharedItemsBrowser.vue
+++ b/src/components/RightSidebar/SharedItems/SharedItemsBrowser.vue
@@ -106,7 +106,7 @@ export default {
 		this.firstFetchItems(this.activeTab)
 	},
 
-	beforeDestroy() {
+	beforeUnmount() {
 		this.debounceHandleScroll.clear?.()
 	},
 
diff --git a/src/components/TopBar/CallTime.vue b/src/components/TopBar/CallTime.vue
index 499b08bad05..1817d8fecad 100644
--- a/src/components/TopBar/CallTime.vue
+++ b/src/components/TopBar/CallTime.vue
@@ -166,7 +166,7 @@ export default {
 		this.timer = setInterval(this.computeElapsedTime, 1000)
 	},
 
-	beforeDestroy() {
+	beforeUnmount() {
 		clearInterval(this.timer)
 	},
 
diff --git a/src/components/TopBar/TopBar.vue b/src/components/TopBar/TopBar.vue
index a89a7af0093..12b849b8b6f 100644
--- a/src/components/TopBar/TopBar.vue
+++ b/src/components/TopBar/TopBar.vue
@@ -340,7 +340,7 @@ export default {
 		document.addEventListener('webkitfullscreenchange', this.fullScreenChanged, false)
 	},
 
-	beforeDestroy() {
+	beforeUnmount() {
 		this.notifyUnreadMessages(null)
 		document.removeEventListener('fullscreenchange', this.fullScreenChanged, false)
 		document.removeEventListener('mozfullscreenchange', this.fullScreenChanged, false)
diff --git a/src/components/TopBar/TopBarMediaControls.vue b/src/components/TopBar/TopBarMediaControls.vue
index fd0631e6d14..48174110b65 100644
--- a/src/components/TopBar/TopBarMediaControls.vue
+++ b/src/components/TopBar/TopBarMediaControls.vue
@@ -403,7 +403,7 @@ export default {
 		this.speakingWhileMutedWarner = new SpeakingWhileMutedWarner(this.model, this)
 	},
 
-	beforeDestroy() {
+	beforeUnmount() {
 		this.speakingWhileMutedWarner.destroy()
 	},
 

From 08109d3ed9fd7c509f2d83f0c14245db16118da0 Mon Sep 17 00:00:00 2001
From: "Grigorii K. Shartsev" <me@shgk.me>
Date: Thu, 16 May 2024 20:34:10 +0200
Subject: [PATCH 5/6] chore(vue3): lint `vue/attributes-order`

Signed-off-by: Grigorii K. Shartsev <me@shgk.me>
---
 src/components/AdminSettings/RecordingServers.vue      |  4 ++--
 src/components/AdminSettings/SIPBridge.vue             |  4 ++--
 .../BreakoutRoomsParticipantsEditor.vue                |  4 ++--
 src/components/ChatView.vue                            |  4 ++--
 .../ConversationSettingsDialog.vue                     |  2 +-
 src/components/ConversationSettings/DangerZone.vue     |  8 ++++----
 .../ConversationSettings/NotificationsSettings.vue     |  4 ++--
 .../ConversationSettings/RecordingConsentSettings.vue  |  2 +-
 .../LeftSidebar/CallPhoneDialog/CallPhoneDialog.vue    | 10 +++++-----
 src/components/MediaSettings/MediaSettings.vue         |  4 ++--
 .../MessagesList/MessagesGroup/Message/Message.vue     |  4 ++--
 .../NewConversationContactsPage.vue                    |  6 +++---
 .../NewConversationDialog/NewConversationDialog.vue    |  2 +-
 src/components/NewMessage/NewMessage.vue               |  2 +-
 .../RightSidebar/Participants/ParticipantsTab.vue      |  4 ++--
 .../RightSidebar/SharedItems/SharedItemsTab.vue        |  2 +-
 src/components/TopBar/CallTime.vue                     |  4 ++--
 src/components/TopBar/TopBarMediaControls.vue          |  4 ++--
 src/components/UIShared/EditableTextField.vue          |  2 +-
 19 files changed, 38 insertions(+), 38 deletions(-)

diff --git a/src/components/AdminSettings/RecordingServers.vue b/src/components/AdminSettings/RecordingServers.vue
index 0b7ba6f90e6..8a69613f838 100644
--- a/src/components/AdminSettings/RecordingServers.vue
+++ b/src/components/AdminSettings/RecordingServers.vue
@@ -53,8 +53,8 @@
 			<h3>{{ t('spreed', 'Recording consent') }}</h3>
 
 			<template v-for="level in recordingConsentOptions" :key="level.value">
-				<NcCheckboxRadioSwitch :value="level.value.toString()"
-					v-model="recordingConsentSelected"
+				<NcCheckboxRadioSwitch v-model="recordingConsentSelected"
+					:value="level.value.toString()"
 					name="recording-consent"
 					type="radio"
 					:disabled="loading"
diff --git a/src/components/AdminSettings/SIPBridge.vue b/src/components/AdminSettings/SIPBridge.vue
index 2022b5f966d..33d23322091 100644
--- a/src/components/AdminSettings/SIPBridge.vue
+++ b/src/components/AdminSettings/SIPBridge.vue
@@ -12,8 +12,8 @@
 		</NcNoteCard>
 
 		<template v-else>
-			<NcCheckboxRadioSwitch type="switch"
-				v-model="dialOutEnabled"
+			<NcCheckboxRadioSwitch v-model="dialOutEnabled"
+				type="switch"
 				:disabled="loading || !dialOutSupported">
 				{{ t('spreed', 'Enable SIP Dial-out option') }}
 			</NcCheckboxRadioSwitch>
diff --git a/src/components/BreakoutRoomsEditor/BreakoutRoomsParticipantsEditor.vue b/src/components/BreakoutRoomsEditor/BreakoutRoomsParticipantsEditor.vue
index 3d09b5f6b74..4dc516cb609 100644
--- a/src/components/BreakoutRoomsEditor/BreakoutRoomsParticipantsEditor.vue
+++ b/src/components/BreakoutRoomsEditor/BreakoutRoomsParticipantsEditor.vue
@@ -11,8 +11,8 @@
 				:name="t('spreed', 'Unassigned participants')">
 				<SelectableParticipant v-for="participant in unassignedParticipants"
 					:key="participant.attendeeId"
-					:value="participant.attendeeId"
 					v-model:checked="selectedParticipants"
+					:value="participant.attendeeId"
 					:participant="participant" />
 			</BreakoutRoomItem>
 			<BreakoutRoomItem v-for="(item, index) in assignments"
@@ -21,8 +21,8 @@
 				:name="roomName(index)">
 				<SelectableParticipant v-for="attendeeId in item"
 					:key="attendeeId"
-					:value="assignments"
 					v-model:checked="selectedParticipants"
+					:value="assignments"
 					:participant="attendeesById[attendeeId]" />
 			</BreakoutRoomItem>
 		</ul>
diff --git a/src/components/ChatView.vue b/src/components/ChatView.vue
index 62cd88b20d4..159e96b6c72 100644
--- a/src/components/ChatView.vue
+++ b/src/components/ChatView.vue
@@ -24,10 +24,10 @@
 				</div>
 			</div>
 		</TransitionWrapper>
-		<MessagesList role="region"
+		<MessagesList v-model:is-chat-scrolled-to-bottom="isChatScrolledToBottom"
+			role="region"
 			:aria-label="t('spreed', 'Conversation messages')"
 			:token="token"
-			v-model:is-chat-scrolled-to-bottom="isChatScrolledToBottom"
 			:is-visible="isVisible" />
 
 		<div class="scroll-to-bottom">
diff --git a/src/components/ConversationSettings/ConversationSettingsDialog.vue b/src/components/ConversationSettings/ConversationSettingsDialog.vue
index c748b1b108b..4aa6df8c9b6 100644
--- a/src/components/ConversationSettings/ConversationSettingsDialog.vue
+++ b/src/components/ConversationSettings/ConversationSettingsDialog.vue
@@ -5,9 +5,9 @@
 
 <template>
 	<NcAppSettingsDialog id="conversation-settings-container"
+		v-model:open="showSettings"
 		:aria-label="t('spreed', 'Conversation settings')"
 		:name="t('spreed', 'Conversation settings')"
-		v-model:open="showSettings"
 		:show-navigation="true"
 		:container="container">
 		<NcAppSettingsSection id="basic-info"
diff --git a/src/components/ConversationSettings/DangerZone.vue b/src/components/ConversationSettings/DangerZone.vue
index 6a2c19eba03..bc0b984e490 100644
--- a/src/components/ConversationSettings/DangerZone.vue
+++ b/src/components/ConversationSettings/DangerZone.vue
@@ -31,8 +31,8 @@
 					@click="toggleShowDeleteConversationDialog">
 					{{ t('spreed', 'Delete conversation') }}
 				</NcButton>
-				<NcDialog class="danger-zone__dialog"
-					v-model:open="isDeleteConversationDialogOpen"
+				<NcDialog v-model:open="isDeleteConversationDialogOpen"
+					class="danger-zone__dialog"
 					:name="t('spreed','Delete conversation')"
 					:message="deleteConversationDialogMessage"
 					container=".danger-zone">
@@ -57,8 +57,8 @@
 					@click="toggleShowDeleteChatDialog">
 					{{ t('spreed', 'Delete chat messages') }}
 				</NcButton>
-				<NcDialog class="danger-zone__dialog"
-					v-model:open="isDeleteChatDialogOpen"
+				<NcDialog v-model:open="isDeleteChatDialogOpen"
+					class="danger-zone__dialog"
 					:name="t('spreed','Delete all chat messages')"
 					:message="deleteChatDialogMessage"
 					container=".danger-zone">
diff --git a/src/components/ConversationSettings/NotificationsSettings.vue b/src/components/ConversationSettings/NotificationsSettings.vue
index 152758e7ec9..b24751de9dd 100644
--- a/src/components/ConversationSettings/NotificationsSettings.vue
+++ b/src/components/ConversationSettings/NotificationsSettings.vue
@@ -11,8 +11,8 @@
 
 		<NcCheckboxRadioSwitch v-for="level in notificationLevels"
 			:key="level.value"
-			:value="level.value.toString()"
 			v-model="notificationLevel"
+			:value="level.value.toString()"
 			name="notification_level"
 			type="radio"
 			@update:model-value="setNotificationLevel">
@@ -24,8 +24,8 @@
 
 		<NcCheckboxRadioSwitch v-if="showCallNotificationSettings"
 			id="notification_calls"
-			type="switch"
 			v-model="notifyCalls"
+			type="switch"
 			@update:model-value="setNotificationCalls">
 			{{ t('spreed', 'Notify about calls in this conversation') }}
 		</NcCheckboxRadioSwitch>
diff --git a/src/components/ConversationSettings/RecordingConsentSettings.vue b/src/components/ConversationSettings/RecordingConsentSettings.vue
index 1950630f6a4..89365ea0cde 100644
--- a/src/components/ConversationSettings/RecordingConsentSettings.vue
+++ b/src/components/ConversationSettings/RecordingConsentSettings.vue
@@ -12,8 +12,8 @@
 			{{ t('spreed', 'Recording consent cannot be changed once a call or breakout session has started.') }}
 		</div>
 		<NcCheckboxRadioSwitch v-if="canModerate && !isGlobalConsent"
-			type="switch"
 			v-model="recordingConsentSelected"
+			type="switch"
 			:disabled="disabled"
 			@update:model-value="setRecordingConsent">
 			{{ t('spreed', 'Require recording consent before joining call in this conversation') }}
diff --git a/src/components/LeftSidebar/CallPhoneDialog/CallPhoneDialog.vue b/src/components/LeftSidebar/CallPhoneDialog/CallPhoneDialog.vue
index b2a40cca517..75e5c2e1c48 100644
--- a/src/components/LeftSidebar/CallPhoneDialog/CallPhoneDialog.vue
+++ b/src/components/LeftSidebar/CallPhoneDialog/CallPhoneDialog.vue
@@ -15,19 +15,19 @@
 
 			<div class="call-phone__form">
 				<NcTextField ref="textField"
+					v-model="searchText"
 					class="call-phone__form-input"
 					:label="t('spreed', 'Search participants or phone numbers')"
 					label-visible
-					v-model="searchText"
 					@keydown.enter="createConversation(participantPhoneItem)" />
-				<DialpadPanel container=".call-phone__form"
-					v-model:value="searchText"
+				<DialpadPanel v-model:value="searchText"
+					container=".call-phone__form"
 					@submit="createConversation(participantPhoneItem)" />
 			</div>
 
-			<SelectPhoneNumber :name="t('spreed', 'Call a phone number')"
+			<SelectPhoneNumber v-model:participant-phone-item="participantPhoneItem"
+				:name="t('spreed', 'Call a phone number')"
 				:value="searchText"
-				v-model:participant-phone-item="participantPhoneItem"
 				@select="createConversation" />
 		</template>
 
diff --git a/src/components/MediaSettings/MediaSettings.vue b/src/components/MediaSettings/MediaSettings.vue
index f7a69a18fc4..da7334c6dcc 100644
--- a/src/components/MediaSettings/MediaSettings.vue
+++ b/src/components/MediaSettings/MediaSettings.vue
@@ -117,8 +117,8 @@
 
 			<!-- Moderator options before starting a call-->
 			<NcCheckboxRadioSwitch v-if="!hasCall && canModerateRecording"
-				class="checkbox"
-				v-model="isRecordingFromStart">
+				v-model="isRecordingFromStart"
+				class="checkbox">
 				{{ t('spreed', 'Start recording immediately with the call') }}
 			</NcCheckboxRadioSwitch>
 
diff --git a/src/components/MessagesList/MessagesGroup/Message/Message.vue b/src/components/MessagesList/MessagesGroup/Message/Message.vue
index 5d4eecc1c63..7ce430f8bc7 100644
--- a/src/components/MessagesList/MessagesGroup/Message/Message.vue
+++ b/src/components/MessagesList/MessagesGroup/Message/Message.vue
@@ -38,12 +38,12 @@
 		<div class="message-body__scroll">
 			<MessageButtonsBar v-if="showMessageButtonsBar"
 				ref="messageButtonsBar"
-				class="message-buttons-bar"
-				:is-translation-available="isTranslationAvailable"
 				v-model:is-action-menu-open="isActionMenuOpen"
 				v-model:is-emoji-picker-open="isEmojiPickerOpen"
 				v-model:is-reactions-menu-open="isReactionsMenuOpen"
 				v-model:is-forwarder-open="isForwarderOpen"
+				class="message-buttons-bar"
+				:is-translation-available="isTranslationAvailable"
 				:can-react="canReact"
 				v-bind="{...$props, ...readInfoProps}"
 				@show-translate-dialog="isTranslateDialogOpen = true"
diff --git a/src/components/NewConversationDialog/NewConversationContactsPage.vue b/src/components/NewConversationDialog/NewConversationContactsPage.vue
index 4855fe3a481..0c22d326b3f 100644
--- a/src/components/NewConversationDialog/NewConversationContactsPage.vue
+++ b/src/components/NewConversationDialog/NewConversationContactsPage.vue
@@ -8,8 +8,8 @@
 		<!-- Search -->
 		<div class="set-contacts__form">
 			<NcTextField ref="setContacts"
-				v-observe-visibility="visibilityChanged"
 				v-model="searchText"
+				v-observe-visibility="visibilityChanged"
 				type="text"
 				class="set-contacts__form-input"
 				:label="textFieldLabel"
@@ -23,8 +23,8 @@
 				</template>
 			</NcTextField>
 			<DialpadPanel v-if="canModerateSipDialOut"
-				container=".set-contacts__form"
 				v-model:value="searchText"
+				container=".set-contacts__form"
 				@submit="addParticipantPhone" />
 		</div>
 
@@ -42,9 +42,9 @@
 
 		<!-- Search results -->
 		<SelectPhoneNumber v-if="canModerateSipDialOut"
+			v-model:participant-phone-item="participantPhoneItem"
 			:name="t('spreed', 'Add a phone number')"
 			:value="searchText"
-			v-model:participant-phone-item="participantPhoneItem"
 			@select="addParticipantPhone" />
 		<ParticipantSearchResults :search-results="searchResults"
 			:contacts-loading="contactsLoading"
diff --git a/src/components/NewConversationDialog/NewConversationDialog.vue b/src/components/NewConversationDialog/NewConversationDialog.vue
index a9bf7a8f9d0..d5ec6f212be 100644
--- a/src/components/NewConversationDialog/NewConversationDialog.vue
+++ b/src/components/NewConversationDialog/NewConversationDialog.vue
@@ -28,8 +28,8 @@
 
 				<!-- Second page -->
 				<NewConversationContactsPage v-if="page === 1"
-					class="new-group-conversation__content"
 					v-model:selected-participants="selectedParticipants"
+					class="new-group-conversation__content"
 					:can-moderate-sip-dial-out="canModerateSipDialOut"
 					:conversation-name="conversationName" />
 			</div>
diff --git a/src/components/NewMessage/NewMessage.vue b/src/components/NewMessage/NewMessage.vue
index 5c5d4358fd4..d7ec6e8055e 100644
--- a/src/components/NewMessage/NewMessage.vue
+++ b/src/components/NewMessage/NewMessage.vue
@@ -74,8 +74,8 @@
 					<p>{{ t('spreed','Adding a mention will only notify users who did not read the message.') }}</p>
 				</NcNoteCard>
 				<NcRichContenteditable ref="richContenteditable"
-					v-shortkey.once="$options.disableKeyboardShortcuts ? null : ['c']"
 					v-model="text"
+					v-shortkey.once="$options.disableKeyboardShortcuts ? null : ['c']"
 					:auto-complete="autoComplete"
 					:disabled="disabled"
 					:user-data="userData"
diff --git a/src/components/RightSidebar/Participants/ParticipantsTab.vue b/src/components/RightSidebar/Participants/ParticipantsTab.vue
index 8e7ec96c7dd..48002482b68 100644
--- a/src/components/RightSidebar/Participants/ParticipantsTab.vue
+++ b/src/components/RightSidebar/Participants/ParticipantsTab.vue
@@ -8,9 +8,9 @@
 		<div class="search-form">
 			<SearchBox v-if="canSearch"
 				ref="searchBox"
-				class="search-form__input"
 				v-model:value="searchText"
 				v-model:is-focused="isFocused"
+				class="search-form__input"
 				:placeholder-text="searchBoxPlaceholder"
 				@input="handleInput"
 				@keydown.enter="addParticipants(participantPhoneItem)"
@@ -21,9 +21,9 @@
 		</div>
 
 		<SelectPhoneNumber v-if="canAddPhones"
+			v-model:participant-phone-item="participantPhoneItem"
 			:name="t('spreed', 'Add a phone number')"
 			:value="searchText"
-			v-model:participant-phone-item="participantPhoneItem"
 			@select="addParticipants" />
 
 		<ParticipantsListVirtual v-if="!isSearching"
diff --git a/src/components/RightSidebar/SharedItems/SharedItemsTab.vue b/src/components/RightSidebar/SharedItems/SharedItemsTab.vue
index 71432fd440f..9129386204f 100644
--- a/src/components/RightSidebar/SharedItems/SharedItemsTab.vue
+++ b/src/components/RightSidebar/SharedItems/SharedItemsTab.vue
@@ -60,9 +60,9 @@
 
 		<!-- Dialog window -->
 		<SharedItemsBrowser v-if="showSharedItemsBrowser"
+			v-model:active-tab="browserActiveTab"
 			:token="token"
 			:shared-items="sharedItems"
-			v-model:active-tab="browserActiveTab"
 			@close="showSharedItemsBrowser = false" />
 	</div>
 </template>
diff --git a/src/components/TopBar/CallTime.vue b/src/components/TopBar/CallTime.vue
index 1817d8fecad..c0ded7df996 100644
--- a/src/components/TopBar/CallTime.vue
+++ b/src/components/TopBar/CallTime.vue
@@ -4,8 +4,8 @@
 -->
 
 <template>
-	<NcPopover class="call-time"
-		v-model:shown="showPopover"
+	<NcPopover v-model:shown="showPopover"
+		class="call-time"
 		:focus-trap="isShowRecordingControls"
 		:triggers="[]"
 		:container="container">
diff --git a/src/components/TopBar/TopBarMediaControls.vue b/src/components/TopBar/TopBarMediaControls.vue
index 48174110b65..1737879fa92 100644
--- a/src/components/TopBar/TopBarMediaControls.vue
+++ b/src/components/TopBar/TopBarMediaControls.vue
@@ -69,14 +69,14 @@
 
 		<NcActions v-if="!isSidebar && isScreensharing"
 			id="screensharing-button"
+			v-model:open="screenSharingMenuOpen"
 			v-tooltip="screenSharingButtonTooltip"
 			type="error"
 			:aria-label="screenSharingButtonAriaLabel"
 			:class="screenSharingButtonClass"
 			class="app-navigation-entry-utils-menu-button"
 			:boundaries-element="boundaryElement"
-			:container="container"
-			v-model:open="screenSharingMenuOpen">
+			:container="container">
 			<template #icon>
 				<MonitorOff :size="20" />
 			</template>
diff --git a/src/components/UIShared/EditableTextField.vue b/src/components/UIShared/EditableTextField.vue
index c6cbda02e92..60d64d0ea5c 100644
--- a/src/components/UIShared/EditableTextField.vue
+++ b/src/components/UIShared/EditableTextField.vue
@@ -13,8 +13,8 @@
 			:use-extended-markdown="useMarkdown" />
 		<NcRichContenteditable v-else
 			ref="richContenteditable"
-			dir="auto"
 			v-model="text"
+			dir="auto"
 			:auto-complete="()=>{}"
 			:maxlength="maxLength"
 			:multiline="multiline"

From 084428ab766adb5ba5152d655ef4b79a1931df40 Mon Sep 17 00:00:00 2001
From: "Grigorii K. Shartsev" <me@shgk.me>
Date: Thu, 16 May 2024 20:58:47 +0200
Subject: [PATCH 6/6] chore(vue3): lint `vue/custom-event-name-casing`

Signed-off-by: Grigorii K. Shartsev <me@shgk.me>
---
 src/components/AdminSettings/RecordingServer.vue     |  4 ++--
 src/components/AdminSettings/SignalingServer.vue     |  4 ++--
 src/components/AdminSettings/StunServer.vue          |  4 ++--
 src/components/AdminSettings/TurnServer.vue          |  4 ++--
 src/components/CallView/Grid/Grid.vue                |  6 +++---
 src/components/CallView/shared/LocalVideo.vue        |  4 ++--
 src/components/CallView/shared/VideoVue.vue          |  6 +++---
 .../ConversationAvatarEditor.vue                     |  6 +++---
 .../ConversationSettings/Matterbridge/BridgePart.vue |  6 +++---
 .../MediaSettings/VideoBackgroundEditor.vue          |  4 ++--
 .../MessagesList/MessagesGroup/Message/Message.vue   |  4 ++--
 .../Message/MessageButtonsBar/MessageButtonsBar.vue  |  6 +++---
 .../Message/MessagePart/FilePreview.vue              |  6 +++---
 .../MessagesGroup/Message/MessagePart/Reactions.vue  |  4 ++--
 .../NewConversationSetupPage.vue                     |  6 +++---
 src/components/NewMessage/NewMessageAttachments.vue  | 10 +++++-----
 .../NewMessage/NewMessageAudioRecorder.vue           |  4 ++--
 .../RightSidebar/Participants/Participant.vue        |  6 +++---
 .../Participants/ParticipantsSearchResults.vue       |  4 ++--
 src/components/TopBar/TopBarMenu.vue                 |  4 ++--
 src/components/UIShared/DialpadPanel.vue             |  4 ++--
 src/components/UIShared/EditableTextField.vue        |  4 ++--
 src/components/UIShared/SearchBox.vue                | 12 ++++++------
 23 files changed, 61 insertions(+), 61 deletions(-)

diff --git a/src/components/AdminSettings/RecordingServer.vue b/src/components/AdminSettings/RecordingServer.vue
index 396ae641947..9dd00ec4822 100644
--- a/src/components/AdminSettings/RecordingServer.vue
+++ b/src/components/AdminSettings/RecordingServer.vue
@@ -86,7 +86,7 @@ export default {
 		},
 	},
 
-	emits: ['remove-server', 'update:server', 'update:verify'],
+	emits: ['removeServer', 'update:server', 'update:verify'],
 
 	data() {
 		return {
@@ -126,7 +126,7 @@ export default {
 
 	methods: {
 		removeServer() {
-			this.$emit('remove-server', this.index)
+			this.$emit('removeServer', this.index)
 		},
 		updateServer(value) {
 			this.$emit('update:server', value)
diff --git a/src/components/AdminSettings/SignalingServer.vue b/src/components/AdminSettings/SignalingServer.vue
index 5880b5e3cfa..62faff4322b 100644
--- a/src/components/AdminSettings/SignalingServer.vue
+++ b/src/components/AdminSettings/SignalingServer.vue
@@ -88,7 +88,7 @@ export default {
 		},
 	},
 
-	emits: ['remove-server', 'update:server', 'update:verify'],
+	emits: ['removeServer', 'update:server', 'update:verify'],
 
 	data() {
 		return {
@@ -132,7 +132,7 @@ export default {
 
 	methods: {
 		removeServer() {
-			this.$emit('remove-server', this.index)
+			this.$emit('removeServer', this.index)
 		},
 		updateServer(value) {
 			this.$emit('update:server', value)
diff --git a/src/components/AdminSettings/StunServer.vue b/src/components/AdminSettings/StunServer.vue
index 4a9bb539539..01e9ad886ef 100644
--- a/src/components/AdminSettings/StunServer.vue
+++ b/src/components/AdminSettings/StunServer.vue
@@ -69,7 +69,7 @@ export default {
 		},
 	},
 
-	emits: ['remove-server', 'update:server'],
+	emits: ['removeServer', 'update:server'],
 
 	computed: {
 		isValidServer() {
@@ -92,7 +92,7 @@ export default {
 
 	methods: {
 		removeServer() {
-			this.$emit('remove-server', this.index)
+			this.$emit('removeServer', this.index)
 		},
 		update(value) {
 			this.$emit('update:server', value)
diff --git a/src/components/AdminSettings/TurnServer.vue b/src/components/AdminSettings/TurnServer.vue
index b510dd9c1b4..ae210af9250 100644
--- a/src/components/AdminSettings/TurnServer.vue
+++ b/src/components/AdminSettings/TurnServer.vue
@@ -140,7 +140,7 @@ export default {
 		},
 	},
 
-	emits: ['remove-server', 'update:schemes', 'update:server', 'update:secret', 'update:protocols'],
+	emits: ['removeServer', 'update:schemes', 'update:server', 'update:secret', 'update:protocols'],
 
 	data() {
 		return {
@@ -347,7 +347,7 @@ export default {
 		},
 
 		removeServer() {
-			this.$emit('remove-server', this.index)
+			this.$emit('removeServer', this.index)
 		},
 		updateSchemes(event) {
 			this.$emit('update:schemes', event.value)
diff --git a/src/components/CallView/Grid/Grid.vue b/src/components/CallView/Grid/Grid.vue
index ef289ea47c7..a39c4330afa 100644
--- a/src/components/CallView/Grid/Grid.vue
+++ b/src/components/CallView/Grid/Grid.vue
@@ -242,7 +242,7 @@ export default {
 		},
 	},
 
-	emits: ['select-video', 'click-local-video'],
+	emits: ['selectVideo', 'clickLocalVideo'],
 
 	setup() {
 		return {
@@ -814,11 +814,11 @@ export default {
 
 		handleClickVideo(event, peerId) {
 			console.debug('selected-video peer id', peerId)
-			this.$emit('select-video', peerId)
+			this.$emit('selectVideo', peerId)
 		},
 
 		handleClickLocalVideo() {
-			this.$emit('click-local-video')
+			this.$emit('clickLocalVideo')
 		},
 
 		isSelected(callParticipantModel) {
diff --git a/src/components/CallView/shared/LocalVideo.vue b/src/components/CallView/shared/LocalVideo.vue
index 99445309804..545e2f010f3 100644
--- a/src/components/CallView/shared/LocalVideo.vue
+++ b/src/components/CallView/shared/LocalVideo.vue
@@ -9,7 +9,7 @@
 		:class="videoContainerClass"
 		@mouseover="mouseover = true"
 		@mouseleave="mouseover = false"
-		@click="$emit('click-video')">
+		@click="$emit('clickVideo')">
 		<div v-show="localMediaModel.attributes.videoEnabled"
 			:class="videoWrapperClass"
 			class="videoWrapper"
@@ -122,7 +122,7 @@ export default {
 		},
 	},
 
-	emits: ['click-video'],
+	emits: ['clickVideo'],
 
 	setup() {
 		const guestNameStore = useGuestNameStore()
diff --git a/src/components/CallView/shared/VideoVue.vue b/src/components/CallView/shared/VideoVue.vue
index 2f12877e7e1..eba9a2c6ba1 100644
--- a/src/components/CallView/shared/VideoVue.vue
+++ b/src/components/CallView/shared/VideoVue.vue
@@ -11,7 +11,7 @@
 		:class="containerClass"
 		@mouseover="mouseover = true"
 		@mouseleave="mouseover = false"
-		@click="$emit('click-video')">
+		@click="$emit('clickVideo')">
 		<TransitionWrapper name="fade">
 			<div v-show="showVideo"
 				:class="videoWrapperClass"
@@ -27,7 +27,7 @@
 					:aria-label="t('spreed', 'Hide presenter video')"
 					:title="t('spreed', 'Hide presenter video')"
 					:size="32"
-					@click="$emit('click-presenter')" />
+					@click="$emit('clickPresenter')" />
 			</div>
 		</TransitionWrapper>
 		<TransitionWrapper name="fade">
@@ -181,7 +181,7 @@ export default {
 		},
 	},
 
-	emits: ['click-video', 'click-presenter'],
+	emits: ['clickVideo', 'clickPresenter'],
 
 	setup() {
 		const guestNameStore = useGuestNameStore()
diff --git a/src/components/ConversationSettings/ConversationAvatarEditor.vue b/src/components/ConversationSettings/ConversationAvatarEditor.vue
index f8add00e93a..b2fbebc806f 100644
--- a/src/components/ConversationSettings/ConversationAvatarEditor.vue
+++ b/src/components/ConversationSettings/ConversationAvatarEditor.vue
@@ -170,7 +170,7 @@ export default {
 		},
 	},
 
-	emits: ['avatar-edited'],
+	emits: ['avatarEdited'],
 
 	setup() {
 		return {
@@ -228,12 +228,12 @@ export default {
 	watch: {
 		showCropper(value) {
 			if (this.controlled) {
-				this.$emit('avatar-edited', value)
+				this.$emit('avatarEdited', value)
 			}
 		},
 		emojiAvatar(value) {
 			if (this.controlled) {
-				this.$emit('avatar-edited', !!value)
+				this.$emit('avatarEdited', !!value)
 			}
 		},
 	},
diff --git a/src/components/ConversationSettings/Matterbridge/BridgePart.vue b/src/components/ConversationSettings/Matterbridge/BridgePart.vue
index b72e4e6ef75..f5799b97f87 100644
--- a/src/components/ConversationSettings/Matterbridge/BridgePart.vue
+++ b/src/components/ConversationSettings/Matterbridge/BridgePart.vue
@@ -33,7 +33,7 @@
 				<NcActionButton v-if="editable"
 					icon="icon-delete"
 					:close-after-click="true"
-					@click="$emit('delete-part')">
+					@click="$emit('deletePart')">
 					{{ t('spreed', 'Delete') }}
 				</NcActionButton>
 			</NcActions>
@@ -117,7 +117,7 @@ export default {
 		},
 	},
 
-	emits: ['delete-part', 'edit-clicked'],
+	emits: ['deletePart', 'editClicked'],
 
 	data() {
 		return {
@@ -158,7 +158,7 @@ export default {
 			return classes
 		},
 		onEditClick() {
-			this.$emit('edit-clicked')
+			this.$emit('editClicked')
 		},
 		// focus on main field when entering edition mode and when created
 		focusMainField() {
diff --git a/src/components/MediaSettings/VideoBackgroundEditor.vue b/src/components/MediaSettings/VideoBackgroundEditor.vue
index a4c8913f5c0..6311175c645 100644
--- a/src/components/MediaSettings/VideoBackgroundEditor.vue
+++ b/src/components/MediaSettings/VideoBackgroundEditor.vue
@@ -121,7 +121,7 @@ export default {
 		},
 	},
 
-	emits: ['update-background'],
+	emits: ['updateBackground'],
 
 	setup() {
 		return {
@@ -192,7 +192,7 @@ export default {
 
 	methods: {
 		handleSelectBackground(path) {
-			this.$emit('update-background', path)
+			this.$emit('updateBackground', path)
 			this.selectedBackground = path
 		},
 
diff --git a/src/components/MessagesList/MessagesGroup/Message/Message.vue b/src/components/MessagesList/MessagesGroup/Message/Message.vue
index 7ce430f8bc7..cda56f533ba 100644
--- a/src/components/MessagesList/MessagesGroup/Message/Message.vue
+++ b/src/components/MessagesList/MessagesGroup/Message/Message.vue
@@ -292,7 +292,7 @@ export default {
 		},
 	},
 
-	emits: ['toggle-combined-system-message'],
+	emits: ['toggleCombinedSystemMessage'],
 
 	setup() {
 		return {
@@ -534,7 +534,7 @@ export default {
 		},
 
 		toggleCombinedSystemMessage() {
-			this.$emit('toggle-combined-system-message')
+			this.$emit('toggleCombinedSystemMessage')
 		},
 		toggleFollowUpEmojiPicker() {
 			this.isFollowUpEmojiPickerOpen = !this.isFollowUpEmojiPickerOpen
diff --git a/src/components/MessagesList/MessagesGroup/Message/MessageButtonsBar/MessageButtonsBar.vue b/src/components/MessagesList/MessagesGroup/Message/MessageButtonsBar/MessageButtonsBar.vue
index 990d8c7d660..c9146d22c29 100644
--- a/src/components/MessagesList/MessagesGroup/Message/MessageButtonsBar/MessageButtonsBar.vue
+++ b/src/components/MessagesList/MessagesGroup/Message/MessageButtonsBar/MessageButtonsBar.vue
@@ -140,8 +140,8 @@
 					</NcActionButton>
 					<NcActionButton v-if="isTranslationAvailable && !isFileShareWithoutCaption"
 						close-after-click
-						@click.stop="$emit('show-translate-dialog', true)"
-						@close="$emit('show-translate-dialog', false)">
+						@click.stop="$emit('showTranslateDialog', true)"
+						@close="$emit('showTranslateDialog', false)">
 						<template #icon>
 							<Translate :size="16" />
 						</template>
@@ -464,7 +464,7 @@ export default {
 		},
 	},
 
-	emits: ['delete', 'update:isActionMenuOpen', 'update:isEmojiPickerOpen', 'update:isReactionsMenuOpen', 'update:isForwarderOpen', 'show-translate-dialog', 'reply', 'edit'],
+	emits: ['delete', 'update:isActionMenuOpen', 'update:isEmojiPickerOpen', 'update:isReactionsMenuOpen', 'update:isForwarderOpen', 'showTranslateDialog', 'reply', 'edit'],
 
 	setup(props) {
 		const { token, id } = toRefs(props)
diff --git a/src/components/MessagesList/MessagesGroup/Message/MessagePart/FilePreview.vue b/src/components/MessagesList/MessagesGroup/Message/MessagePart/FilePreview.vue
index 77d9f6bc358..d641eec8da6 100644
--- a/src/components/MessagesList/MessagesGroup/Message/MessagePart/FilePreview.vue
+++ b/src/components/MessagesList/MessagesGroup/Message/MessagePart/FilePreview.vue
@@ -46,7 +46,7 @@
 			tabindex="1"
 			type="primary"
 			:aria-label="removeAriaLabel"
-			@click="$emit('remove-file', id)">
+			@click="$emit('removeFile', id)">
 			<template #icon>
 				<Close />
 			</template>
@@ -253,7 +253,7 @@ export default {
 		},
 	},
 
-	emits: ['remove-file'],
+	emits: ['removeFile'],
 
 	setup() {
 		const { openViewer, generateViewerObject } = useViewer()
@@ -575,7 +575,7 @@ export default {
 	methods: {
 		handleClick(event) {
 			if (this.isUploadEditor) {
-				this.$emit('remove-file', this.id)
+				this.$emit('removeFile', this.id)
 				return
 			}
 
diff --git a/src/components/MessagesList/MessagesGroup/Message/MessagePart/Reactions.vue b/src/components/MessagesList/MessagesGroup/Message/MessagePart/Reactions.vue
index ed6ec6f4388..1c8fb02ca0c 100644
--- a/src/components/MessagesList/MessagesGroup/Message/MessagePart/Reactions.vue
+++ b/src/components/MessagesList/MessagesGroup/Message/MessagePart/Reactions.vue
@@ -124,7 +124,7 @@ export default {
 		},
 	},
 
-	emits: ['emoji-picker-toggled'],
+	emits: ['emojiPickerToggled'],
 
 	setup() {
 		const guestNameStore = useGuestNameStore()
@@ -258,7 +258,7 @@ export default {
 		},
 
 		emitEmojiPickerStatus() {
-			this.$emit('emoji-picker-toggled')
+			this.$emit('emojiPickerToggled')
 		},
 
 		remainingReactionsLabel(reaction) {
diff --git a/src/components/NewConversationDialog/NewConversationSetupPage.vue b/src/components/NewConversationDialog/NewConversationSetupPage.vue
index 4501e16184c..e7bd6bebadf 100644
--- a/src/components/NewConversationDialog/NewConversationSetupPage.vue
+++ b/src/components/NewConversationDialog/NewConversationSetupPage.vue
@@ -11,7 +11,7 @@
 			:label="t('spreed', 'Name')"
 			:error="!!nameErrorLabel"
 			label-visible
-			@keydown.enter="$emit('handle-enter')" />
+			@keydown.enter="$emit('handleEnter')" />
 		<span v-if="nameErrorLabel" class="new-group-conversation__error">
 			{{ nameErrorLabel }}
 		</span>
@@ -32,7 +32,7 @@
 				:conversation="newConversation"
 				controlled
 				editable
-				@avatar-edited="$emit('avatar-edited', $event)" />
+				@avatar-edited="$emit('avatarEdited', $event)" />
 		</template>
 
 		<label class="new-group-conversation__label">
@@ -102,7 +102,7 @@ export default {
 		}
 	},
 
-	emits: ['update:newConversation', 'update:password', 'update:listable', 'avatar-edited', 'handle-enter'],
+	emits: ['update:newConversation', 'update:password', 'update:listable', 'avatarEdited', 'handleEnter'],
 
 	setup() {
 		return { supportsAvatar }
diff --git a/src/components/NewMessage/NewMessageAttachments.vue b/src/components/NewMessage/NewMessageAttachments.vue
index a642aa3da11..f50dd2c3340 100644
--- a/src/components/NewMessage/NewMessageAttachments.vue
+++ b/src/components/NewMessage/NewMessageAttachments.vue
@@ -17,7 +17,7 @@
 
 		<NcActionButton v-if="canUploadFiles"
 			close-after-click
-			@click="$emit('open-file-upload')">
+			@click="$emit('openFileUpload')">
 			<template #icon>
 				<Upload :size="20" />
 			</template>
@@ -26,7 +26,7 @@
 
 		<template v-if="canShareFiles">
 			<NcActionButton close-after-click
-				@click="$emit('handle-file-share')">
+				@click="$emit('handleFileShare')">
 				<template #icon>
 					<Folder :size="20" />
 				</template>
@@ -37,7 +37,7 @@
 				:key="index"
 				close-after-click
 				:icon="provider.iconClass"
-				@click="$emit('update-new-file-dialog', index)">
+				@click="$emit('updateNewFileDialog', index)">
 				<template v-if="provider.iconSvgInline" #icon>
 					<NcIconSvgWrapper :svg="provider.iconSvgInline" :size="20" />
 				</template>
@@ -47,7 +47,7 @@
 
 		<NcActionButton v-if="canCreatePoll"
 			close-after-click
-			@click="$emit('toggle-poll-editor')">
+			@click="$emit('togglePollEditor')">
 			<template #icon>
 				<PollIcon :size="20" />
 			</template>
@@ -117,7 +117,7 @@ export default {
 		},
 	},
 
-	emits: ['update-new-file-dialog', 'toggle-poll-editor', 'open-file-upload', 'handle-file-share'],
+	emits: ['updateNewFileDialog', 'togglePollEditor', 'openFileUpload', 'handleFileShare'],
 
 	computed: {
 		fileTemplateOptions() {
diff --git a/src/components/NewMessage/NewMessageAudioRecorder.vue b/src/components/NewMessage/NewMessageAudioRecorder.vue
index 050ddb280d6..3bf822b502d 100644
--- a/src/components/NewMessage/NewMessageAudioRecorder.vue
+++ b/src/components/NewMessage/NewMessageAudioRecorder.vue
@@ -87,7 +87,7 @@ export default {
 		},
 	},
 
-	emits: ['recording', 'audio-file'],
+	emits: ['recording', 'audioFile'],
 
 	data() {
 		return {
@@ -266,7 +266,7 @@ export default {
 				// Convert blob to file
 				const audioFile = new File([this.blob], fileName)
 				audioFile.localURL = window.URL.createObjectURL(this.blob)
-				this.$emit('audio-file', audioFile)
+				this.$emit('audioFile', audioFile)
 				this.$emit('recording', false)
 			}
 			this.resetComponentData()
diff --git a/src/components/RightSidebar/Participants/Participant.vue b/src/components/RightSidebar/Participants/Participant.vue
index 33a0480161c..d5359a51c0d 100644
--- a/src/components/RightSidebar/Participants/Participant.vue
+++ b/src/components/RightSidebar/Participants/Participant.vue
@@ -89,7 +89,7 @@
 				<DialpadPanel :disabled="disabled"
 					container="#tab-participants"
 					dialing
-					@dial:type="dialType" />
+					@dial-type="dialType" />
 			</template>
 		</div>
 
@@ -431,7 +431,7 @@ export default {
 		},
 	},
 
-	emits: ['click-participant'],
+	emits: ['clickParticipant'],
 
 	setup() {
 		const isInCall = useIsInCall()
@@ -892,7 +892,7 @@ export default {
 		// Used to allow selecting participants in a search.
 		handleClick() {
 			if (this.isSearched) {
-				this.$emit('click-participant', this.participant)
+				this.$emit('clickParticipant', this.participant)
 			}
 		},
 
diff --git a/src/components/RightSidebar/Participants/ParticipantsSearchResults.vue b/src/components/RightSidebar/Participants/ParticipantsSearchResults.vue
index 25a7332db4b..17711df7590 100644
--- a/src/components/RightSidebar/Participants/ParticipantsSearchResults.vue
+++ b/src/components/RightSidebar/Participants/ParticipantsSearchResults.vue
@@ -143,7 +143,7 @@ export default {
 		},
 	},
 
-	emits: ['click', 'click-search-hint'],
+	emits: ['click', 'clickSearchHint'],
 
 	setup() {
 		const { participantSearchActions } = useIntegrationsStore()
@@ -234,7 +234,7 @@ export default {
 		},
 
 		handleClickHint() {
-			this.$emit('click-search-hint')
+			this.$emit('clickSearchHint')
 		},
 
 		runIntegration(integration) {
diff --git a/src/components/TopBar/TopBarMenu.vue b/src/components/TopBar/TopBarMenu.vue
index d542d819510..07d6422e531 100644
--- a/src/components/TopBar/TopBarMenu.vue
+++ b/src/components/TopBar/TopBarMenu.vue
@@ -126,7 +126,7 @@
 			<!-- Breakout rooms -->
 			<NcActionButton v-if="canConfigureBreakoutRooms"
 				close-after-click
-				@click="$emit('open-breakout-rooms-editor')">
+				@click="$emit('openBreakoutRoomsEditor')">
 				<template #icon>
 					<DotsCircle :size="20" />
 				</template>
@@ -240,7 +240,7 @@ export default {
 		},
 	},
 
-	emits: ['open-breakout-rooms-editor'],
+	emits: ['openBreakoutRoomsEditor'],
 
 	setup() {
 		return {
diff --git a/src/components/UIShared/DialpadPanel.vue b/src/components/UIShared/DialpadPanel.vue
index 0f79f448694..5cf9572a3cb 100644
--- a/src/components/UIShared/DialpadPanel.vue
+++ b/src/components/UIShared/DialpadPanel.vue
@@ -152,7 +152,7 @@ export default {
 		}
 	},
 
-	emits: ['dial:type', 'update:value', 'submit'],
+	emits: ['dialType', 'update:value', 'submit'],
 
 	setup(props) {
 		const options = Object.values(regionCodes).map(region =>
@@ -178,7 +178,7 @@ export default {
 	methods: {
 		handlePad(value) {
 			if (this.dialing) {
-				this.$emit('dial:type', value)
+				this.$emit('dialType', value)
 			} else {
 				this.$emit('update:value', this.value + value)
 			}
diff --git a/src/components/UIShared/EditableTextField.vue b/src/components/UIShared/EditableTextField.vue
index 60d64d0ea5c..700da9477ad 100644
--- a/src/components/UIShared/EditableTextField.vue
+++ b/src/components/UIShared/EditableTextField.vue
@@ -154,7 +154,7 @@ export default {
 		},
 	},
 
-	emits: ['update:editing', 'submit-text'],
+	emits: ['update:editing', 'submitText'],
 
 	data() {
 		return {
@@ -225,7 +225,7 @@ export default {
 			this.text = parseSpecialSymbols(this.text)
 
 			// Submit text
-			this.$emit('submit-text', this.text)
+			this.$emit('submitText', this.text)
 		},
 
 		handleCancelEditing() {
diff --git a/src/components/UIShared/SearchBox.vue b/src/components/UIShared/SearchBox.vue
index 9a3968751a8..bdad44f2f69 100644
--- a/src/components/UIShared/SearchBox.vue
+++ b/src/components/UIShared/SearchBox.vue
@@ -65,7 +65,7 @@ export default {
 
 	expose: ['focus'],
 
-	emits: ['update:value', 'update:is-focused', 'input', 'abort-search', 'blur', 'focus'],
+	emits: ['update:value', 'update:isFocused', 'input', 'abortSearch', 'blur', 'focus'],
 
 	computed: {
 		isSearching() {
@@ -119,16 +119,16 @@ export default {
 		},
 
 		/**
-		 * Emits the abort-search event and blurs the input
+		 * Emits the abortSearch event and blurs the input
 		 */
 		abortSearch() {
 			this.updateValue('')
-			this.$emit('update:is-focused', false)
-			this.$emit('abort-search')
+			this.$emit('update:isFocused', false)
+			this.$emit('abortSearch')
 		},
 
 		handleFocus(event) {
-			this.$emit('update:is-focused', true)
+			this.$emit('update:isFocused', true)
 			this.$emit('focus', event)
 		},
 
@@ -148,7 +148,7 @@ export default {
 			 // Blur in other cases
 			this.$emit('blur', event)
 			if (!this.isSearching) {
-				this.$emit('update:is-focused', false)
+				this.$emit('update:isFocused', false)
 			}
 		},