diff --git a/.eslintrc.cjs b/.eslintrc.cjs
index 0bab9029919..975c25a13b5 100644
--- a/.eslintrc.cjs
+++ b/.eslintrc.cjs
@@ -7,6 +7,15 @@ module.exports = {
 	root: true,
 	extends: [
 		'@nextcloud',
+		'prettier',
+	],
+	"overrides": [
+		{
+			"files": ["**/*.vue"],
+			"rules": {
+				"vue/first-attribute-linebreak": "off"
+			}
+		}
 	],
 	rules: {
 		'@typescript-eslint/no-unused-vars': ['off'],
diff --git a/.github/workflows/lint-stylelint.yml b/.github/workflows/lint-prettier.yml
similarity index 50%
rename from .github/workflows/lint-stylelint.yml
rename to .github/workflows/lint-prettier.yml
index 9601a972fd0..9b3af02f439 100644
--- a/.github/workflows/lint-stylelint.yml
+++ b/.github/workflows/lint-prettier.yml
@@ -6,7 +6,7 @@
 # SPDX-FileCopyrightText: 2021-2024 Nextcloud GmbH and Nextcloud contributors
 # SPDX-License-Identifier: MIT
 
-name: Lint stylelint
+name: Lint prettier
 
 on: pull_request
 
@@ -14,14 +14,46 @@ permissions:
   contents: read
 
 concurrency:
-  group: lint-stylelint-${{ github.head_ref || github.run_id }}
+  group: lint-prettier-${{ github.head_ref || github.run_id }}
   cancel-in-progress: true
 
 jobs:
+  changes:
+    runs-on: ubuntu-latest-low
+    permissions:
+      contents: read
+      pull-requests: read
+
+    outputs:
+      src: ${{ steps.changes.outputs.src }}
+
+    steps:
+      - uses: dorny/paths-filter@de90cc6fb38fc0963ad72b210f1f284cd68cea36 # v3.0.2
+        id: changes
+        continue-on-error: true
+        with:
+          filters: |
+            src:
+              - '.github/workflows/**'
+              - 'src/**'
+              - 'appinfo/info.xml'
+              - 'package.json'
+              - 'package-lock.json'
+              - 'tsconfig.json'
+              - '.eslintrc.*'
+              - '.eslintignore'
+              - '.prettierignore'
+              - '**.js'
+              - '**.ts'
+              - '**.vue'
+
   lint:
     runs-on: ubuntu-latest
 
-    name: stylelint
+    needs: changes
+    if: needs.changes.outputs.src != 'false'
+
+    name: prettier
 
     steps:
       - name: Checkout
@@ -47,7 +79,23 @@ jobs:
       - name: Install dependencies
         env:
           CYPRESS_INSTALL_BINARY: 0
+          PUPPETEER_SKIP_DOWNLOAD: true
         run: npm ci
 
       - name: Lint
-        run: npm run stylelint
+        run: npm run prettier
+
+  summary:
+    permissions:
+      contents: none
+    runs-on: ubuntu-latest-low
+    needs: [changes, lint]
+
+    if: always()
+
+    # This is the summary, we just avoid to rename it so that branch protection rules still match
+    name: prettier
+
+    steps:
+      - name: Summary status
+        run: if ${{ needs.changes.outputs.src != 'false' && needs.lint.result != 'success' }}; then exit 1; fi
diff --git a/.nextcloudignore b/.nextcloudignore
index 61058381ce8..13904a1dd6a 100644
--- a/.nextcloudignore
+++ b/.nextcloudignore
@@ -11,6 +11,7 @@
 /.l10nignore
 /.nextcloudignore
 /.php-cs-fixer.dist.php
+/.prettierignore
 /.stylelintrc.js
 /.travis.yml
 /.tx
diff --git a/.prettierignore b/.prettierignore
new file mode 100644
index 00000000000..ec70dd646b2
--- /dev/null
+++ b/.prettierignore
@@ -0,0 +1,18 @@
+# SPDX-FileCopyrightText: 2019-2024 Nextcloud GmbH and Nextcloud contributors
+# SPDX-License-Identifier: AGPL-3.0-or-later
+
+# version control systems directories
+**/.git
+**/.svn
+**/.hg
+
+# 3rdparty dependencies
+**/node_modules
+**/vendor
+
+# Compiled JS output
+js/
+
+# PHP
+lib/
+**/*.php
\ No newline at end of file
diff --git a/.stylelintrc.cjs b/.stylelintrc.cjs
deleted file mode 100644
index d39188025f9..00000000000
--- a/.stylelintrc.cjs
+++ /dev/null
@@ -1,9 +0,0 @@
-/**
- * SPDX-FileCopyrightText: 2019-2024 Nextcloud GmbH and Nextcloud contributors
- * SPDX-License-Identifier: AGPL-3.0-or-later
- */
-const stylelintConfig = require('@nextcloud/stylelint-config')
-
-stylelintConfig.rules['no-invalid-position-at-import-rule'] = null
-
-module.exports = stylelintConfig
diff --git a/Makefile b/Makefile
index f4f0169e876..7990b653d2e 100644
--- a/Makefile
+++ b/Makefile
@@ -54,12 +54,12 @@ lint:
 lint-fix:
 	npm run lint:fix
 
-# Style linting
-stylelint:
-	npm run stylelint
+# Formatting
+format-check:
+	npm run prettier
 
-stylelint-fix:
-	npm run stylelint:fix
+format-fix:
+	npm run prettier:fix
 
 # Cleaning
 clean:
diff --git a/package-lock.json b/package-lock.json
index 96406c458d0..6968fb14340 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -93,7 +93,7 @@
         "@nextcloud/browserslist-config": "^3.0.1",
         "@nextcloud/e2e-test-server": "^0.2.1",
         "@nextcloud/eslint-config": "^8.4.2",
-        "@nextcloud/stylelint-config": "^3.0.1",
+        "@nextcloud/prettier-config": "^1.1.0",
         "@nextcloud/vite-config": "^1.5.3",
         "@types/markdown-it": "^14.1.2",
         "@vitest/coverage-v8": "^3.1.1",
@@ -104,6 +104,7 @@
         "cypress-split": "^1.24.14",
         "cypress-visual-regression": "^5.3.0",
         "cypress-vite": "^1.6.0",
+        "eslint-config-prettier": "^9.1.0",
         "eslint-plugin-cypress": "^3.6.0",
         "identity-obj-proxy": "^3.0.0",
         "jsdom": "^26.1.0",
@@ -2316,96 +2317,6 @@
         "node": ">=18"
       }
     },
-    "node_modules/@csstools/css-parser-algorithms": {
-      "version": "2.6.3",
-      "resolved": "https://registry.npmjs.org/@csstools/css-parser-algorithms/-/css-parser-algorithms-2.6.3.tgz",
-      "integrity": "sha512-xI/tL2zxzEbESvnSxwFgwvy5HS00oCXxL4MLs6HUiDcYfwowsoQaABKxUElp1ARITrINzBnsECOc1q0eg2GOrA==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/csstools"
-        },
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/csstools"
-        }
-      ],
-      "peer": true,
-      "engines": {
-        "node": "^14 || ^16 || >=18"
-      },
-      "peerDependencies": {
-        "@csstools/css-tokenizer": "^2.3.1"
-      }
-    },
-    "node_modules/@csstools/css-tokenizer": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/@csstools/css-tokenizer/-/css-tokenizer-2.3.1.tgz",
-      "integrity": "sha512-iMNHTyxLbBlWIfGtabT157LH9DUx9X8+Y3oymFEuMj8HNc+rpE3dPFGFgHjpKfjeFDjLjYIAIhXPGvS2lKxL9g==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/csstools"
-        },
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/csstools"
-        }
-      ],
-      "peer": true,
-      "engines": {
-        "node": "^14 || ^16 || >=18"
-      }
-    },
-    "node_modules/@csstools/media-query-list-parser": {
-      "version": "2.1.11",
-      "resolved": "https://registry.npmjs.org/@csstools/media-query-list-parser/-/media-query-list-parser-2.1.11.tgz",
-      "integrity": "sha512-uox5MVhvNHqitPP+SynrB1o8oPxPMt2JLgp5ghJOWf54WGQ5OKu47efne49r1SWqs3wRP8xSWjnO9MBKxhB1dA==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/csstools"
-        },
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/csstools"
-        }
-      ],
-      "peer": true,
-      "engines": {
-        "node": "^14 || ^16 || >=18"
-      },
-      "peerDependencies": {
-        "@csstools/css-parser-algorithms": "^2.6.3",
-        "@csstools/css-tokenizer": "^2.3.1"
-      }
-    },
-    "node_modules/@csstools/selector-specificity": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/@csstools/selector-specificity/-/selector-specificity-3.0.3.tgz",
-      "integrity": "sha512-KEPNw4+WW5AVEIyzC80rTbWEUatTW2lXpN8+8ILC8PiPeWPjwUzrPZDIOZ2wwqDmeqOYTdSGyL3+vE5GC3FB3Q==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/csstools"
-        },
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/csstools"
-        }
-      ],
-      "peer": true,
-      "engines": {
-        "node": "^14 || ^16 || >=18"
-      },
-      "peerDependencies": {
-        "postcss-selector-parser": "^6.0.13"
-      }
-    },
     "node_modules/@cypress/request": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/@cypress/request/-/request-3.0.1.tgz",
@@ -2491,17 +2402,6 @@
         "node": ">=18"
       }
     },
-    "node_modules/@dual-bundle/import-meta-resolve": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@dual-bundle/import-meta-resolve/-/import-meta-resolve-4.0.0.tgz",
-      "integrity": "sha512-ZKXyJeFAzcpKM2kk8ipoGIPUqx9BX52omTGnfwjJvxOCaZTM2wtDK7zN0aIgPRbT9XYAlha0HtmZ+XKteuh0Gw==",
-      "dev": true,
-      "peer": true,
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/wooorm"
-      }
-    },
     "node_modules/@es-joy/jsdoccomment": {
       "version": "0.39.4",
       "resolved": "https://registry.npmjs.org/@es-joy/jsdoccomment/-/jsdoccomment-0.39.4.tgz",
@@ -3982,6 +3882,19 @@
         "npm": "^10.0.0"
       }
     },
+    "node_modules/@nextcloud/prettier-config": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@nextcloud/prettier-config/-/prettier-config-1.1.0.tgz",
+      "integrity": "sha512-mhgDTSAn2YqSi6kw7Ooy5IVxQKmOr+iUtOlI26LLH3pGrI1ARc0CvGs7l9UD59MaUql+F5uVutHROPo9imsqOQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "prettier-plugin-packagejson": "^2.5.0"
+      },
+      "peerDependencies": {
+        "prettier": ">=3.0.0"
+      }
+    },
     "node_modules/@nextcloud/router": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/@nextcloud/router/-/router-3.0.1.tgz",
@@ -4007,21 +3920,6 @@
         "npm": "^10.0.0"
       }
     },
-    "node_modules/@nextcloud/stylelint-config": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/@nextcloud/stylelint-config/-/stylelint-config-3.0.1.tgz",
-      "integrity": "sha512-xZ9hhyDCK8bMxPchfcyMhGZ8oTG+H+fmzE+vvCIVni0O+SzCVBEKDuvtKWZJDUs3ngmnmNYN1tH5xjbZBBeYyw==",
-      "dev": true,
-      "engines": {
-        "node": "^20.0.0",
-        "npm": "^10.0.0"
-      },
-      "peerDependencies": {
-        "stylelint": "^16.2.0",
-        "stylelint-config-recommended-scss": "^14.0.0",
-        "stylelint-config-recommended-vue": "^1.5.0"
-      }
-    },
     "node_modules/@nextcloud/timezones": {
       "version": "0.1.1",
       "resolved": "https://registry.npmjs.org/@nextcloud/timezones/-/timezones-0.1.1.tgz",
@@ -4326,6 +4224,19 @@
         "node": ">=14"
       }
     },
+    "node_modules/@pkgr/core": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/@pkgr/core/-/core-0.1.2.tgz",
+      "integrity": "sha512-fdDH1LSGfZdTH2sxdpVMw31BanV28K/Gry0cVFxaNP77neJSkd82mM8ErPNYs9e+0O7SdHBLTDzDgwUuy18RnQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^12.20.0 || ^14.18.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/unts"
+      }
+    },
     "node_modules/@popperjs/core": {
       "version": "2.11.5",
       "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.5.tgz",
@@ -6479,6 +6390,22 @@
         "prettier": "^1.18.2 || ^2.0.0"
       }
     },
+    "node_modules/@vue/compiler-sfc/node_modules/prettier": {
+      "version": "2.8.8",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.8.8.tgz",
+      "integrity": "sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==",
+      "license": "MIT",
+      "optional": true,
+      "bin": {
+        "prettier": "bin-prettier.js"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      },
+      "funding": {
+        "url": "https://github.com/prettier/prettier?sponsor=1"
+      }
+    },
     "node_modules/@vue/compiler-ssr": {
       "version": "3.4.31",
       "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.4.31.tgz",
@@ -8067,13 +7994,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/colord": {
-      "version": "2.9.3",
-      "resolved": "https://registry.npmjs.org/colord/-/colord-2.9.3.tgz",
-      "integrity": "sha512-jeC1axXpnb0/2nn/Y1LPuLdgXBLH7aDcHu4KEKfqw3CUhX7ZpfBSlPKyqXE6btIgEzfWtrX3/tyBCaCvXvMkOw==",
-      "dev": true,
-      "peer": true
-    },
     "node_modules/colorette": {
       "version": "2.0.19",
       "resolved": "https://registry.npmjs.org/colorette/-/colorette-2.0.19.tgz",
@@ -8246,53 +8166,6 @@
         "layout-base": "^1.0.0"
       }
     },
-    "node_modules/cosmiconfig": {
-      "version": "9.0.0",
-      "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-9.0.0.tgz",
-      "integrity": "sha512-itvL5h8RETACmOTFc4UfIyB2RfEHi71Ax6E/PivVxq9NseKbOWpeyHEOIbmAw1rs8Ak0VursQNww7lf7YtUwzg==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "env-paths": "^2.2.1",
-        "import-fresh": "^3.3.0",
-        "js-yaml": "^4.1.0",
-        "parse-json": "^5.2.0"
-      },
-      "engines": {
-        "node": ">=14"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/d-fischer"
-      },
-      "peerDependencies": {
-        "typescript": ">=4.9.5"
-      },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/cosmiconfig/node_modules/argparse": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
-      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
-      "dev": true,
-      "peer": true
-    },
-    "node_modules/cosmiconfig/node_modules/js-yaml": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
-      "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "argparse": "^2.0.1"
-      },
-      "bin": {
-        "js-yaml": "bin/js-yaml.js"
-      }
-    },
     "node_modules/cpu-features": {
       "version": "0.0.10",
       "resolved": "https://registry.npmjs.org/cpu-features/-/cpu-features-0.0.10.tgz",
@@ -8416,30 +8289,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/css-functions-list": {
-      "version": "3.2.2",
-      "resolved": "https://registry.npmjs.org/css-functions-list/-/css-functions-list-3.2.2.tgz",
-      "integrity": "sha512-c+N0v6wbKVxTu5gOBBFkr9BEdBWaqqjQeiJ8QvSRIJOf+UxlJh930m8e6/WNeODIK0mYLFkoONrnj16i2EcvfQ==",
-      "dev": true,
-      "peer": true,
-      "engines": {
-        "node": ">=12 || >=16"
-      }
-    },
-    "node_modules/css-tree": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-2.3.1.tgz",
-      "integrity": "sha512-6Fv1DV/TYw//QF5IzQdqsNDjx/wc8TrMBZsqjL9eW01tWb7R7k/mq+/VXfJCl7SoD5emsJop9cOByJZfs8hYIw==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "mdn-data": "2.0.30",
-        "source-map-js": "^1.0.1"
-      },
-      "engines": {
-        "node": "^10 || ^12.20.0 || ^14.13.0 || >=15.0.0"
-      }
-    },
     "node_modules/cssesc": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
@@ -9352,6 +9201,29 @@
         "minimalistic-assert": "^1.0.0"
       }
     },
+    "node_modules/detect-indent": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/detect-indent/-/detect-indent-7.0.1.tgz",
+      "integrity": "sha512-Mc7QhQ8s+cLrnUfU/Ji94vG/r8M26m8f++vyres4ZoojaRDpZ1eSIh/EpzLNwlWuvzSZ3UbDFspjFvTDXe6e/g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12.20"
+      }
+    },
+    "node_modules/detect-newline": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/detect-newline/-/detect-newline-4.0.1.tgz",
+      "integrity": "sha512-qE3Veg1YXzGHQhlA6jzebZN2qVf6NX+A7m7qlhCGG30dJixrAQhYOsJjsnBjJkCSmuOPpCk30145fr8FV0bzog==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/detective-amd": {
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/detective-amd/-/detective-amd-6.0.0.tgz",
@@ -9621,21 +9493,6 @@
       "integrity": "sha512-jNCX+uNJ3v38BKvPbpki6j5ItVlnSqVV6vDWGS6rExzCMjsc39frLjm1n91o6YaKK6AZl0wLloItW6C6mr61BQ==",
       "dev": true
     },
-    "node_modules/dom-serializer": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-2.0.0.tgz",
-      "integrity": "sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "domelementtype": "^2.3.0",
-        "domhandler": "^5.0.2",
-        "entities": "^4.2.0"
-      },
-      "funding": {
-        "url": "https://github.com/cheeriojs/dom-serializer?sponsor=1"
-      }
-    },
     "node_modules/domain-browser": {
       "version": "4.22.0",
       "resolved": "https://registry.npmjs.org/domain-browser/-/domain-browser-4.22.0.tgz",
@@ -9649,35 +9506,6 @@
         "url": "https://bevry.me/fund"
       }
     },
-    "node_modules/domelementtype": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.3.0.tgz",
-      "integrity": "sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/fb55"
-        }
-      ],
-      "peer": true
-    },
-    "node_modules/domhandler": {
-      "version": "5.0.3",
-      "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-5.0.3.tgz",
-      "integrity": "sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "domelementtype": "^2.3.0"
-      },
-      "engines": {
-        "node": ">= 4"
-      },
-      "funding": {
-        "url": "https://github.com/fb55/domhandler?sponsor=1"
-      }
-    },
     "node_modules/dompurify": {
       "version": "3.2.4",
       "resolved": "https://registry.npmjs.org/dompurify/-/dompurify-3.2.4.tgz",
@@ -9687,21 +9515,6 @@
         "@types/trusted-types": "^2.0.7"
       }
     },
-    "node_modules/domutils": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/domutils/-/domutils-3.1.0.tgz",
-      "integrity": "sha512-H78uMmQtI2AhgDJjWeQmHwJJ2bLPD3GMmO7Zja/ZZh84wkm+4ut+IUnUdRa8uCGX88DiVx1j6FRe1XfxEgjEZA==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "dom-serializer": "^2.0.0",
-        "domelementtype": "^2.3.0",
-        "domhandler": "^5.0.3"
-      },
-      "funding": {
-        "url": "https://github.com/fb55/domutils?sponsor=1"
-      }
-    },
     "node_modules/dunder-proto": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
@@ -9868,26 +9681,6 @@
         "url": "https://github.com/fb55/entities?sponsor=1"
       }
     },
-    "node_modules/env-paths": {
-      "version": "2.2.1",
-      "resolved": "https://registry.npmjs.org/env-paths/-/env-paths-2.2.1.tgz",
-      "integrity": "sha512-+h1lkLKhZMTYjog1VEpJNG7NZJWcuc2DDk/qsqSTRRCOXiLjeQ1d1/udrUGhqMxUgAlwKNZ0cf2uqan5GLuS2A==",
-      "dev": true,
-      "peer": true,
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/error-ex": {
-      "version": "1.3.2",
-      "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz",
-      "integrity": "sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "is-arrayish": "^0.2.1"
-      }
-    },
     "node_modules/es-abstract": {
       "version": "1.20.1",
       "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.20.1.tgz",
@@ -10163,6 +9956,19 @@
         "url": "https://opencollective.com/eslint"
       }
     },
+    "node_modules/eslint-config-prettier": {
+      "version": "9.1.0",
+      "resolved": "https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-9.1.0.tgz",
+      "integrity": "sha512-NSWl5BFQWEPi1j4TjVNItzYV7dZXZ+wP6I6ZhrBGpChQhZRUaElihE9uRRkcbRnNb76UMKDF3r+WTmNcGPKsqw==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "eslint-config-prettier": "bin/cli.js"
+      },
+      "peerDependencies": {
+        "eslint": ">=7.0.0"
+      }
+    },
     "node_modules/eslint-config-standard": {
       "version": "17.1.0",
       "resolved": "https://registry.npmjs.org/eslint-config-standard/-/eslint-config-standard-17.1.0.tgz",
@@ -11183,16 +10989,6 @@
         "fxparser": "src/cli/cli.js"
       }
     },
-    "node_modules/fastest-levenshtein": {
-      "version": "1.0.16",
-      "resolved": "https://registry.npmjs.org/fastest-levenshtein/-/fastest-levenshtein-1.0.16.tgz",
-      "integrity": "sha512-eRnCtTTtGZFpQCwhJiUOuxPQWRXVKYDn0b2PeHfXL6/Zi53SLAzAHfVhVWK2AryC/WH05kGfxhFIPvTF0SXQzg==",
-      "dev": true,
-      "peer": true,
-      "engines": {
-        "node": ">= 4.9.1"
-      }
-    },
     "node_modules/fastq": {
       "version": "1.13.0",
       "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.13.0.tgz",
@@ -11690,6 +11486,19 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/get-stdin": {
+      "version": "9.0.0",
+      "resolved": "https://registry.npmjs.org/get-stdin/-/get-stdin-9.0.0.tgz",
+      "integrity": "sha512-dVKBjfWisLAicarI2Sf+JuBE/DghV4UzNAVe9yhEJuzeREd3JhOTE9cUaJTeSa77fsbQUK3pcOpJfM59+VKZaA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/get-stream": {
       "version": "5.2.0",
       "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-5.2.0.tgz",
@@ -11753,6 +11562,16 @@
         "assert-plus": "^1.0.0"
       }
     },
+    "node_modules/git-hooks-list": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/git-hooks-list/-/git-hooks-list-3.2.0.tgz",
+      "integrity": "sha512-ZHG9a1gEhUMX1TvGrLdyWb9kDopCBbTnI8z4JgRMYxsijWipgjSEYoPWqBuIB0DnRnvqlQSEeVmzpeuPm7NdFQ==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/fisker/git-hooks-list?sponsor=1"
+      }
+    },
     "node_modules/glob": {
       "version": "7.2.3",
       "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
@@ -11800,64 +11619,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/global-modules": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/global-modules/-/global-modules-2.0.0.tgz",
-      "integrity": "sha512-NGbfmJBp9x8IxyJSd1P+otYK8vonoJactOogrVfFRIAEY1ukil8RSKDz2Yo7wh1oihl51l/r6W4epkeKJHqL8A==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "global-prefix": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/global-prefix": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/global-prefix/-/global-prefix-3.0.0.tgz",
-      "integrity": "sha512-awConJSVCHVGND6x3tmMaKcQvwXLhjdkmomy2W+Goaui8YPgYgXJZewhg3fWC+DlfqqQuWg8AwqjGTD2nAPVWg==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "ini": "^1.3.5",
-        "kind-of": "^6.0.2",
-        "which": "^1.3.1"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/global-prefix/node_modules/ini": {
-      "version": "1.3.8",
-      "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.8.tgz",
-      "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==",
-      "dev": true,
-      "peer": true
-    },
-    "node_modules/global-prefix/node_modules/kind-of": {
-      "version": "6.0.3",
-      "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz",
-      "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==",
-      "dev": true,
-      "peer": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/global-prefix/node_modules/which": {
-      "version": "1.3.1",
-      "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz",
-      "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "isexe": "^2.0.0"
-      },
-      "bin": {
-        "which": "bin/which"
-      }
-    },
     "node_modules/globals": {
       "version": "11.12.0",
       "resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz",
@@ -11889,13 +11650,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/globjoin": {
-      "version": "0.1.4",
-      "resolved": "https://registry.npmjs.org/globjoin/-/globjoin-0.1.4.tgz",
-      "integrity": "sha512-xYfnw62CKG8nLkZBfWbhWwDw02CHty86jfPcc2cr3ZfeuK9ysoVPPEUxf21bAD/rWAgk52SuBrLJlefNy8mvFg==",
-      "dev": true,
-      "peer": true
-    },
     "node_modules/gonzales-pe": {
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/gonzales-pe/-/gonzales-pe-4.3.0.tgz",
@@ -12193,39 +11947,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/html-tags": {
-      "version": "3.3.1",
-      "resolved": "https://registry.npmjs.org/html-tags/-/html-tags-3.3.1.tgz",
-      "integrity": "sha512-ztqyC3kLto0e9WbNp0aeP+M3kTt+nbaIveGmUxAtZa+8iFgKLUOD4YKM5j+f3QD89bra7UeumolZHKuOXnTmeQ==",
-      "dev": true,
-      "peer": true,
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/htmlparser2": {
-      "version": "8.0.2",
-      "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-8.0.2.tgz",
-      "integrity": "sha512-GYdjWKDkbRLkZ5geuHs5NY1puJ+PXwP7+fHPRz06Eirsb9ugf6d8kkXav6ADhcODhFFPMIXyxkxSuMf3D6NCFA==",
-      "dev": true,
-      "funding": [
-        "https://github.com/fb55/htmlparser2?sponsor=1",
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/fb55"
-        }
-      ],
-      "peer": true,
-      "dependencies": {
-        "domelementtype": "^2.3.0",
-        "domhandler": "^5.0.3",
-        "domutils": "^3.0.1",
-        "entities": "^4.4.0"
-      }
-    },
     "node_modules/http-proxy-agent": {
       "version": "7.0.2",
       "resolved": "https://registry.npmjs.org/http-proxy-agent/-/http-proxy-agent-7.0.2.tgz",
@@ -12501,13 +12222,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/is-arrayish": {
-      "version": "0.2.1",
-      "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz",
-      "integrity": "sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==",
-      "dev": true,
-      "peer": true
-    },
     "node_modules/is-bigint": {
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/is-bigint/-/is-bigint-1.0.4.tgz",
@@ -13300,13 +13014,6 @@
         "node": ">=6"
       }
     },
-    "node_modules/json-buffer": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.1.tgz",
-      "integrity": "sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==",
-      "dev": true,
-      "peer": true
-    },
     "node_modules/json-parse-even-better-errors": {
       "version": "2.3.1",
       "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz",
@@ -13402,16 +13109,6 @@
         "node": ">= 12"
       }
     },
-    "node_modules/keyv": {
-      "version": "4.5.4",
-      "resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz",
-      "integrity": "sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "json-buffer": "3.0.1"
-      }
-    },
     "node_modules/khroma": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/khroma/-/khroma-2.1.0.tgz",
@@ -13429,13 +13126,6 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/known-css-properties": {
-      "version": "0.30.0",
-      "resolved": "https://registry.npmjs.org/known-css-properties/-/known-css-properties-0.30.0.tgz",
-      "integrity": "sha512-VSWXYUnsPu9+WYKkfmJyLKtIvaRJi1kXUqVmBACORXZQxT5oZDsoZ2vQP+bQFDnWtpI/4eq3MLoRMjI2fnLzTQ==",
-      "dev": true,
-      "peer": true
-    },
     "node_modules/kolorist": {
       "version": "1.8.0",
       "resolved": "https://registry.npmjs.org/kolorist/-/kolorist-1.8.0.tgz",
@@ -13498,13 +13188,6 @@
         "url": "https://github.com/sponsors/dmonad"
       }
     },
-    "node_modules/lines-and-columns": {
-      "version": "1.2.4",
-      "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
-      "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==",
-      "dev": true,
-      "peer": true
-    },
     "node_modules/linkify-it": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/linkify-it/-/linkify-it-5.0.0.tgz",
@@ -13653,13 +13336,6 @@
       "resolved": "https://registry.npmjs.org/lodash.throttle/-/lodash.throttle-4.1.1.tgz",
       "integrity": "sha512-wIkUCfVKpVsWo3JSZlc+8MB5it+2AN5W8J7YVMST30UrvcQNZ1Okbj+rbVniijTWE6FGYy4XJq/rHkas8qJMLQ=="
     },
-    "node_modules/lodash.truncate": {
-      "version": "4.4.2",
-      "resolved": "https://registry.npmjs.org/lodash.truncate/-/lodash.truncate-4.4.2.tgz",
-      "integrity": "sha512-jttmRe7bRse52OsWIMDLaXxWqRAmtIUccAQ3garviCqJjafXOfNMO0yMfNpdD6zbGaTU0P5Nz7e7gAT6cKmJRw==",
-      "dev": true,
-      "peer": true
-    },
     "node_modules/log-symbols": {
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/log-symbols/-/log-symbols-4.1.0.tgz",
@@ -13914,17 +13590,6 @@
         "node": ">= 0.4"
       }
     },
-    "node_modules/mathml-tag-names": {
-      "version": "2.1.3",
-      "resolved": "https://registry.npmjs.org/mathml-tag-names/-/mathml-tag-names-2.1.3.tgz",
-      "integrity": "sha512-APMBEanjybaPzUrfqU0IMU5I0AswKMH7k8OTLs0vvV4KZpExkTkY87nR/zpbuTPj+gARop7aGUbl11pnDfW6xg==",
-      "dev": true,
-      "peer": true,
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/wooorm"
-      }
-    },
     "node_modules/md5": {
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/md5/-/md5-2.3.0.tgz",
@@ -14211,13 +13876,6 @@
         "url": "https://opencollective.com/unified"
       }
     },
-    "node_modules/mdn-data": {
-      "version": "2.0.30",
-      "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.30.tgz",
-      "integrity": "sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA==",
-      "dev": true,
-      "peer": true
-    },
     "node_modules/mdurl": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/mdurl/-/mdurl-2.0.0.tgz",
@@ -15492,25 +15150,6 @@
         "node": ">= 0.10"
       }
     },
-    "node_modules/parse-json": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-5.2.0.tgz",
-      "integrity": "sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "@babel/code-frame": "^7.0.0",
-        "error-ex": "^1.3.1",
-        "json-parse-even-better-errors": "^2.3.0",
-        "lines-and-columns": "^1.1.6"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
     "node_modules/parse5": {
       "version": "7.2.1",
       "resolved": "https://registry.npmjs.org/parse5/-/parse5-7.2.1.tgz",
@@ -15806,87 +15445,6 @@
         "node": "^10 || ^12 || >=14"
       }
     },
-    "node_modules/postcss-html": {
-      "version": "1.7.0",
-      "resolved": "https://registry.npmjs.org/postcss-html/-/postcss-html-1.7.0.tgz",
-      "integrity": "sha512-MfcMpSUIaR/nNgeVS8AyvyDugXlADjN9AcV7e5rDfrF1wduIAGSkL4q2+wgrZgA3sHVAHLDO9FuauHhZYW2nBw==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "htmlparser2": "^8.0.0",
-        "js-tokens": "^9.0.0",
-        "postcss": "^8.4.0",
-        "postcss-safe-parser": "^6.0.0"
-      },
-      "engines": {
-        "node": "^12 || >=14"
-      }
-    },
-    "node_modules/postcss-html/node_modules/js-tokens": {
-      "version": "9.0.0",
-      "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-9.0.0.tgz",
-      "integrity": "sha512-WriZw1luRMlmV3LGJaR6QOJjWwgLUTf89OwT2lUOyjX2dJGBwgmIkbcz+7WFZjrZM635JOIR517++e/67CP9dQ==",
-      "dev": true,
-      "peer": true
-    },
-    "node_modules/postcss-media-query-parser": {
-      "version": "0.2.3",
-      "resolved": "https://registry.npmjs.org/postcss-media-query-parser/-/postcss-media-query-parser-0.2.3.tgz",
-      "integrity": "sha512-3sOlxmbKcSHMjlUXQZKQ06jOswE7oVkXPxmZdoB1r5l0q6gTFTQSHxNxOrCccElbW7dxNytifNEo8qidX2Vsig==",
-      "dev": true,
-      "peer": true
-    },
-    "node_modules/postcss-resolve-nested-selector": {
-      "version": "0.1.1",
-      "resolved": "https://registry.npmjs.org/postcss-resolve-nested-selector/-/postcss-resolve-nested-selector-0.1.1.tgz",
-      "integrity": "sha512-HvExULSwLqHLgUy1rl3ANIqCsvMS0WHss2UOsXhXnQaZ9VCc2oBvIpXrl00IUFT5ZDITME0o6oiXeiHr2SAIfw==",
-      "dev": true,
-      "peer": true
-    },
-    "node_modules/postcss-safe-parser": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/postcss-safe-parser/-/postcss-safe-parser-6.0.0.tgz",
-      "integrity": "sha512-FARHN8pwH+WiS2OPCxJI8FuRJpTVnn6ZNFiqAM2aeW2LwTHWWmWgIyKC6cUo0L8aeKiF/14MNvnpls6R2PBeMQ==",
-      "dev": true,
-      "peer": true,
-      "engines": {
-        "node": ">=12.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/postcss/"
-      },
-      "peerDependencies": {
-        "postcss": "^8.3.3"
-      }
-    },
-    "node_modules/postcss-scss": {
-      "version": "4.0.9",
-      "resolved": "https://registry.npmjs.org/postcss-scss/-/postcss-scss-4.0.9.tgz",
-      "integrity": "sha512-AjKOeiwAitL/MXxQW2DliT28EKukvvbEWx3LBmJIRN8KfBGZbRTxNYW0kSqi1COiTZ57nZ9NW06S6ux//N1c9A==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/postcss/"
-        },
-        {
-          "type": "tidelift",
-          "url": "https://tidelift.com/funding/github/npm/postcss-scss"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "peer": true,
-      "engines": {
-        "node": ">=12.0"
-      },
-      "peerDependencies": {
-        "postcss": "^8.4.29"
-      }
-    },
     "node_modules/postcss-selector-parser": {
       "version": "6.0.16",
       "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.16.tgz",
@@ -15901,13 +15459,6 @@
         "node": ">=4"
       }
     },
-    "node_modules/postcss-value-parser": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
-      "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
-      "dev": true,
-      "peer": true
-    },
     "node_modules/postcss-values-parser": {
       "version": "6.0.2",
       "resolved": "https://registry.npmjs.org/postcss-values-parser/-/postcss-values-parser-6.0.2.tgz",
@@ -15967,20 +15518,41 @@
       }
     },
     "node_modules/prettier": {
-      "version": "2.7.1",
-      "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.7.1.tgz",
-      "integrity": "sha512-ujppO+MkdPqoVINuDFDRLClm7D78qbDt0/NR+wp5FqEZOoTNAjPHWj17QRhu7geIHJfcNhRk1XVQmF8Bp3ye+g==",
-      "optional": true,
+      "version": "3.5.3",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.5.3.tgz",
+      "integrity": "sha512-QQtaxnoDJeAkDvDKWCLiwIXkTgRhwYDEQCghU9Z6q03iyek/rxRh/2lC3HB7P8sWT2xC/y5JDctPLBIGzHKbhw==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
       "bin": {
-        "prettier": "bin-prettier.js"
+        "prettier": "bin/prettier.cjs"
       },
       "engines": {
-        "node": ">=10.13.0"
+        "node": ">=14"
       },
       "funding": {
         "url": "https://github.com/prettier/prettier?sponsor=1"
       }
     },
+    "node_modules/prettier-plugin-packagejson": {
+      "version": "2.5.10",
+      "resolved": "https://registry.npmjs.org/prettier-plugin-packagejson/-/prettier-plugin-packagejson-2.5.10.tgz",
+      "integrity": "sha512-LUxATI5YsImIVSaaLJlJ3aE6wTD+nvots18U3GuQMJpUyClChaZlQrqx3dBnbhF20OnKWZyx8EgyZypQtBDtgQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "sort-package-json": "2.15.1",
+        "synckit": "0.9.2"
+      },
+      "peerDependencies": {
+        "prettier": ">= 1.16.0"
+      },
+      "peerDependenciesMeta": {
+        "prettier": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/pretty": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/pretty/-/pretty-2.0.0.tgz",
@@ -17207,16 +16779,6 @@
         "node": ">=18"
       }
     },
-    "node_modules/resolve-from": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz",
-      "integrity": "sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==",
-      "dev": true,
-      "peer": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/resolve-pkg-maps": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/resolve-pkg-maps/-/resolve-pkg-maps-1.0.0.tgz",
@@ -17919,6 +17481,46 @@
         "slug": "cli.js"
       }
     },
+    "node_modules/sort-object-keys": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/sort-object-keys/-/sort-object-keys-1.1.3.tgz",
+      "integrity": "sha512-855pvK+VkU7PaKYPc+Jjnmt4EzejQHyhhF33q31qG8x7maDzkeFhAAThdCYay11CISO+qAMwjOBP+fPZe0IPyg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/sort-package-json": {
+      "version": "2.15.1",
+      "resolved": "https://registry.npmjs.org/sort-package-json/-/sort-package-json-2.15.1.tgz",
+      "integrity": "sha512-9x9+o8krTT2saA9liI4BljNjwAbvUnWf11Wq+i/iZt8nl2UGYnf3TH5uBydE7VALmP7AGwlfszuEeL8BDyb0YA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "detect-indent": "^7.0.1",
+        "detect-newline": "^4.0.0",
+        "get-stdin": "^9.0.0",
+        "git-hooks-list": "^3.0.0",
+        "is-plain-obj": "^4.1.0",
+        "semver": "^7.6.0",
+        "sort-object-keys": "^1.1.3",
+        "tinyglobby": "^0.2.9"
+      },
+      "bin": {
+        "sort-package-json": "cli.js"
+      }
+    },
+    "node_modules/sort-package-json/node_modules/semver": {
+      "version": "7.7.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.1.tgz",
+      "integrity": "sha512-hlq8tAfn0m/61p4BVRcPzIGr6LKiMwo4VM6dGi6pt4qcRkmNzTcWq6eCEjEh+qXjkMDvPlOFFSGwQjoEa6gyMA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
     "node_modules/source-map": {
       "version": "0.6.1",
       "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
@@ -18370,300 +17972,6 @@
         "inline-style-parser": "0.1.1"
       }
     },
-    "node_modules/stylelint": {
-      "version": "16.5.0",
-      "resolved": "https://registry.npmjs.org/stylelint/-/stylelint-16.5.0.tgz",
-      "integrity": "sha512-IlCBtVrG+qTy3v+tZTk50W8BIomjY/RUuzdrDqdnlCYwVuzXtPbiGfxYqtyYAyOMcb+195zRsuHn6tgfPmFfbw==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "@csstools/css-parser-algorithms": "^2.6.1",
-        "@csstools/css-tokenizer": "^2.2.4",
-        "@csstools/media-query-list-parser": "^2.1.9",
-        "@csstools/selector-specificity": "^3.0.3",
-        "@dual-bundle/import-meta-resolve": "^4.0.0",
-        "balanced-match": "^2.0.0",
-        "colord": "^2.9.3",
-        "cosmiconfig": "^9.0.0",
-        "css-functions-list": "^3.2.2",
-        "css-tree": "^2.3.1",
-        "debug": "^4.3.4",
-        "fast-glob": "^3.3.2",
-        "fastest-levenshtein": "^1.0.16",
-        "file-entry-cache": "^8.0.0",
-        "global-modules": "^2.0.0",
-        "globby": "^11.1.0",
-        "globjoin": "^0.1.4",
-        "html-tags": "^3.3.1",
-        "ignore": "^5.3.1",
-        "imurmurhash": "^0.1.4",
-        "is-plain-object": "^5.0.0",
-        "known-css-properties": "^0.30.0",
-        "mathml-tag-names": "^2.1.3",
-        "meow": "^13.2.0",
-        "micromatch": "^4.0.5",
-        "normalize-path": "^3.0.0",
-        "picocolors": "^1.0.0",
-        "postcss": "^8.4.38",
-        "postcss-resolve-nested-selector": "^0.1.1",
-        "postcss-safe-parser": "^7.0.0",
-        "postcss-selector-parser": "^6.0.16",
-        "postcss-value-parser": "^4.2.0",
-        "resolve-from": "^5.0.0",
-        "string-width": "^4.2.3",
-        "strip-ansi": "^7.1.0",
-        "supports-hyperlinks": "^3.0.0",
-        "svg-tags": "^1.0.0",
-        "table": "^6.8.2",
-        "write-file-atomic": "^5.0.1"
-      },
-      "bin": {
-        "stylelint": "bin/stylelint.mjs"
-      },
-      "engines": {
-        "node": ">=18.12.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/stylelint"
-      }
-    },
-    "node_modules/stylelint-config-html": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/stylelint-config-html/-/stylelint-config-html-1.1.0.tgz",
-      "integrity": "sha512-IZv4IVESjKLumUGi+HWeb7skgO6/g4VMuAYrJdlqQFndgbj6WJAXPhaysvBiXefX79upBdQVumgYcdd17gCpjQ==",
-      "dev": true,
-      "peer": true,
-      "engines": {
-        "node": "^12 || >=14"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ota-meshi"
-      },
-      "peerDependencies": {
-        "postcss-html": "^1.0.0",
-        "stylelint": ">=14.0.0"
-      }
-    },
-    "node_modules/stylelint-config-recommended": {
-      "version": "14.0.0",
-      "resolved": "https://registry.npmjs.org/stylelint-config-recommended/-/stylelint-config-recommended-14.0.0.tgz",
-      "integrity": "sha512-jSkx290CglS8StmrLp2TxAppIajzIBZKYm3IxT89Kg6fGlxbPiTiyH9PS5YUuVAFwaJLl1ikiXX0QWjI0jmgZQ==",
-      "dev": true,
-      "peer": true,
-      "engines": {
-        "node": ">=18.12.0"
-      },
-      "peerDependencies": {
-        "stylelint": "^16.0.0"
-      }
-    },
-    "node_modules/stylelint-config-recommended-scss": {
-      "version": "14.0.0",
-      "resolved": "https://registry.npmjs.org/stylelint-config-recommended-scss/-/stylelint-config-recommended-scss-14.0.0.tgz",
-      "integrity": "sha512-HDvpoOAQ1RpF+sPbDOT2Q2/YrBDEJDnUymmVmZ7mMCeNiFSdhRdyGEimBkz06wsN+HaFwUh249gDR+I9JR7Onw==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "postcss-scss": "^4.0.9",
-        "stylelint-config-recommended": "^14.0.0",
-        "stylelint-scss": "^6.0.0"
-      },
-      "engines": {
-        "node": ">=18.12.0"
-      },
-      "peerDependencies": {
-        "postcss": "^8.3.3",
-        "stylelint": "^16.0.2"
-      },
-      "peerDependenciesMeta": {
-        "postcss": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/stylelint-config-recommended-vue": {
-      "version": "1.5.0",
-      "resolved": "https://registry.npmjs.org/stylelint-config-recommended-vue/-/stylelint-config-recommended-vue-1.5.0.tgz",
-      "integrity": "sha512-65TAK/clUqkNtkZLcuytoxU0URQYlml+30Nhop7sRkCZ/mtWdXt7T+spPSB3KMKlb+82aEVJ4OrcstyDBdbosg==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "semver": "^7.3.5",
-        "stylelint-config-html": ">=1.0.0",
-        "stylelint-config-recommended": ">=6.0.0"
-      },
-      "engines": {
-        "node": "^12 || >=14"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ota-meshi"
-      },
-      "peerDependencies": {
-        "postcss-html": "^1.0.0",
-        "stylelint": ">=14.0.0"
-      }
-    },
-    "node_modules/stylelint-config-recommended-vue/node_modules/semver": {
-      "version": "7.6.1",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.1.tgz",
-      "integrity": "sha512-f/vbBsu+fOiYt+lmwZV0rVwJScl46HppnOA1ZvIuBWKOTlllpyJ3bfVax76/OrhCH38dyxoDIA8K7uB963IYgA==",
-      "dev": true,
-      "peer": true,
-      "bin": {
-        "semver": "bin/semver.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/stylelint-scss": {
-      "version": "6.3.0",
-      "resolved": "https://registry.npmjs.org/stylelint-scss/-/stylelint-scss-6.3.0.tgz",
-      "integrity": "sha512-8OSpiuf1xC7f8kllJsBOFAOYp/mR/C1FXMVeOFjtJPw+AFvEmC93FaklHt7MlOqU4poxuQ1TkYMyfI0V+1SxjA==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "known-css-properties": "^0.30.0",
-        "postcss-media-query-parser": "^0.2.3",
-        "postcss-resolve-nested-selector": "^0.1.1",
-        "postcss-selector-parser": "^6.0.15",
-        "postcss-value-parser": "^4.2.0"
-      },
-      "engines": {
-        "node": ">=18.12.0"
-      },
-      "peerDependencies": {
-        "stylelint": "^16.0.2"
-      }
-    },
-    "node_modules/stylelint/node_modules/ansi-regex": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.0.1.tgz",
-      "integrity": "sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==",
-      "dev": true,
-      "peer": true,
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
-      }
-    },
-    "node_modules/stylelint/node_modules/balanced-match": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-2.0.0.tgz",
-      "integrity": "sha512-1ugUSr8BHXRnK23KfuYS+gVMC3LB8QGH9W1iGtDPsNWoQbgtXSExkBu2aDR4epiGWZOjZsj6lDl/N/AqqTC3UA==",
-      "dev": true,
-      "peer": true
-    },
-    "node_modules/stylelint/node_modules/file-entry-cache": {
-      "version": "8.0.0",
-      "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-8.0.0.tgz",
-      "integrity": "sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "flat-cache": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=16.0.0"
-      }
-    },
-    "node_modules/stylelint/node_modules/flat-cache": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-4.0.1.tgz",
-      "integrity": "sha512-f7ccFPK3SXFHpx15UIGyRJ/FJQctuKZ0zVuN3frBo4HnK3cay9VEW0R6yPYFHC0AgqhukPzKjq22t5DmAyqGyw==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "flatted": "^3.2.9",
-        "keyv": "^4.5.4"
-      },
-      "engines": {
-        "node": ">=16"
-      }
-    },
-    "node_modules/stylelint/node_modules/is-plain-object": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-5.0.0.tgz",
-      "integrity": "sha512-VRSzKkbMm5jMDoKLbltAkFQ5Qr7VDiTFGXxYFXXowVj387GeGNOCsOH6Msy00SGZ3Fp84b1Naa1psqgcCIEP5Q==",
-      "dev": true,
-      "peer": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/stylelint/node_modules/postcss-safe-parser": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/postcss-safe-parser/-/postcss-safe-parser-7.0.0.tgz",
-      "integrity": "sha512-ovehqRNVCpuFzbXoTb4qLtyzK3xn3t/CUBxOs8LsnQjQrShaB4lKiHoVqY8ANaC0hBMHq5QVWk77rwGklFUDrg==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/postcss/"
-        },
-        {
-          "type": "tidelift",
-          "url": "https://tidelift.com/funding/github/npm/postcss-safe-parser"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "peer": true,
-      "engines": {
-        "node": ">=18.0"
-      },
-      "peerDependencies": {
-        "postcss": "^8.4.31"
-      }
-    },
-    "node_modules/stylelint/node_modules/signal-exit": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz",
-      "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==",
-      "dev": true,
-      "peer": true,
-      "engines": {
-        "node": ">=14"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
-    "node_modules/stylelint/node_modules/strip-ansi": {
-      "version": "7.1.0",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
-      "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "ansi-regex": "^6.0.1"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
-      }
-    },
-    "node_modules/stylelint/node_modules/write-file-atomic": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/write-file-atomic/-/write-file-atomic-5.0.1.tgz",
-      "integrity": "sha512-+QU2zd6OTD8XWIJCbffaiQeH9U73qIqafo1x6V1snCWYGJf6cVE0cDR4D8xRzcEnfI21IFrUPzPGtcPf8AC+Rw==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "imurmurhash": "^0.1.4",
-        "signal-exit": "^4.0.1"
-      },
-      "engines": {
-        "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
-      }
-    },
     "node_modules/stylis": {
       "version": "4.3.6",
       "resolved": "https://registry.npmjs.org/stylis/-/stylis-4.3.6.tgz",
@@ -18712,33 +18020,6 @@
         "url": "https://github.com/chalk/supports-color?sponsor=1"
       }
     },
-    "node_modules/supports-hyperlinks": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/supports-hyperlinks/-/supports-hyperlinks-3.0.0.tgz",
-      "integrity": "sha512-QBDPHyPQDRTy9ku4URNGY5Lah8PAaXs6tAAwp55sL5WCsSW7GIfdf6W5ixfziW+t7wh3GVvHyHHyQ1ESsoRvaA==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "has-flag": "^4.0.0",
-        "supports-color": "^7.0.0"
-      },
-      "engines": {
-        "node": ">=14.18"
-      }
-    },
-    "node_modules/supports-hyperlinks/node_modules/supports-color": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
-      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "has-flag": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/supports-preserve-symlinks-flag": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
@@ -18751,13 +18032,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/svg-tags": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/svg-tags/-/svg-tags-1.0.0.tgz",
-      "integrity": "sha512-ovssysQTa+luh7A5Weu3Rta6FJlFBBbInjOh722LIt6klpU2/HtdUbszju/G4devcvk8PGt7FCLv5wftu3THUA==",
-      "dev": true,
-      "peer": true
-    },
     "node_modules/symbol-tree": {
       "version": "3.2.4",
       "resolved": "https://registry.npmjs.org/symbol-tree/-/symbol-tree-3.2.4.tgz",
@@ -18765,69 +18039,27 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/tabbable": {
-      "version": "6.2.0",
-      "resolved": "https://registry.npmjs.org/tabbable/-/tabbable-6.2.0.tgz",
-      "integrity": "sha512-Cat63mxsVJlzYvN51JmVXIgNoUokrIaT2zLclCXjRd8boZ0004U4KCs/sToJ75C6sdlByWxpYnb5Boif1VSFew=="
-    },
-    "node_modules/table": {
-      "version": "6.8.2",
-      "resolved": "https://registry.npmjs.org/table/-/table-6.8.2.tgz",
-      "integrity": "sha512-w2sfv80nrAh2VCbqR5AK27wswXhqcck2AhfnNW76beQXskGZ1V12GwS//yYVa3d3fcvAip2OUnbDAjW2k3v9fA==",
+    "node_modules/synckit": {
+      "version": "0.9.2",
+      "resolved": "https://registry.npmjs.org/synckit/-/synckit-0.9.2.tgz",
+      "integrity": "sha512-vrozgXDQwYO72vHjUb/HnFbQx1exDjoKzqx23aXEg2a9VIg2TSFZ8FmeZpTjUCFMYw7mpX4BE2SFu8wI7asYsw==",
       "dev": true,
-      "peer": true,
+      "license": "MIT",
       "dependencies": {
-        "ajv": "^8.0.1",
-        "lodash.truncate": "^4.4.2",
-        "slice-ansi": "^4.0.0",
-        "string-width": "^4.2.3",
-        "strip-ansi": "^6.0.1"
+        "@pkgr/core": "^0.1.0",
+        "tslib": "^2.6.2"
       },
       "engines": {
-        "node": ">=10.0.0"
-      }
-    },
-    "node_modules/table/node_modules/ajv": {
-      "version": "8.13.0",
-      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.13.0.tgz",
-      "integrity": "sha512-PRA911Blj99jR5RMeTunVbNXMF6Lp4vZXnk5GQjcnUWUTsrXtekg/pnmFFI2u/I36Y/2bITGS30GZCXei6uNkA==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "fast-deep-equal": "^3.1.3",
-        "json-schema-traverse": "^1.0.0",
-        "require-from-string": "^2.0.2",
-        "uri-js": "^4.4.1"
+        "node": "^14.18.0 || >=16.0.0"
       },
       "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/epoberezkin"
+        "url": "https://opencollective.com/unts"
       }
     },
-    "node_modules/table/node_modules/json-schema-traverse": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
-      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
-      "dev": true,
-      "peer": true
-    },
-    "node_modules/table/node_modules/slice-ansi": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-4.0.0.tgz",
-      "integrity": "sha512-qMCMfhY040cVHT43K9BFygqYbUPFZKHOg7K73mtTWJRb8pyP3fzf4Ixd5SzdEJQ6MRUg/WBnOLxghZtKKurENQ==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "ansi-styles": "^4.0.0",
-        "astral-regex": "^2.0.0",
-        "is-fullwidth-code-point": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/slice-ansi?sponsor=1"
-      }
+    "node_modules/tabbable": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/tabbable/-/tabbable-6.2.0.tgz",
+      "integrity": "sha512-Cat63mxsVJlzYvN51JmVXIgNoUokrIaT2zLclCXjRd8boZ0004U4KCs/sToJ75C6sdlByWxpYnb5Boif1VSFew=="
     },
     "node_modules/tapable": {
       "version": "2.2.1",
@@ -19017,7 +18249,6 @@
       "integrity": "sha512-qkf4trmKSIiMTs/E63cxH+ojC2unam7rJ0WrauAzpT3ECNTxGRMlaXxVbfxMUC/w0LaYk6jQ4y/nGR9uBO3tww==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "fdir": "^6.4.3",
         "picomatch": "^4.0.2"
@@ -19035,7 +18266,6 @@
       "integrity": "sha512-PMXmW2y1hDDfTSRc9gaXIuCCRpuoz3Kaz8cUelp3smouvfT632ozg2vrT6lJsHKKOF59YLbOGfAWGUcKEfRMQw==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "peerDependencies": {
         "picomatch": "^3 || ^4"
       },
@@ -19051,7 +18281,6 @@
       "integrity": "sha512-M7BAV6Rlcy5u+m6oPhAPFgJTzAioX/6B0DxyvDlo9l8+T3nLKbrczg2WLUyzd45L8RqfUMyGPzekbMvX2Ldkwg==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "engines": {
         "node": ">=12"
       },
@@ -19300,10 +18529,11 @@
       }
     },
     "node_modules/tslib": {
-      "version": "2.6.0",
-      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.0.tgz",
-      "integrity": "sha512-7At1WUettjcSRHXCyYtTselblcHl9PJFFVKiCAy/bY97+BPZXSQ2wbq0P9s8tK2G7dFQfNnlJnPAiArVBVBsfA==",
-      "dev": true
+      "version": "2.8.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
+      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
+      "dev": true,
+      "license": "0BSD"
     },
     "node_modules/tsx": {
       "version": "4.19.3",
@@ -23330,37 +22560,6 @@
       "integrity": "sha512-MKtmkA0BX87PKaO1NFRTFH+UnkgnmySQOvNxJubsadusqPEC2aJ9MOQiMceZJJ6oitUl/i0L6u0M1IrmAOmgBA==",
       "dev": true
     },
-    "@csstools/css-parser-algorithms": {
-      "version": "2.6.3",
-      "resolved": "https://registry.npmjs.org/@csstools/css-parser-algorithms/-/css-parser-algorithms-2.6.3.tgz",
-      "integrity": "sha512-xI/tL2zxzEbESvnSxwFgwvy5HS00oCXxL4MLs6HUiDcYfwowsoQaABKxUElp1ARITrINzBnsECOc1q0eg2GOrA==",
-      "dev": true,
-      "peer": true,
-      "requires": {}
-    },
-    "@csstools/css-tokenizer": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/@csstools/css-tokenizer/-/css-tokenizer-2.3.1.tgz",
-      "integrity": "sha512-iMNHTyxLbBlWIfGtabT157LH9DUx9X8+Y3oymFEuMj8HNc+rpE3dPFGFgHjpKfjeFDjLjYIAIhXPGvS2lKxL9g==",
-      "dev": true,
-      "peer": true
-    },
-    "@csstools/media-query-list-parser": {
-      "version": "2.1.11",
-      "resolved": "https://registry.npmjs.org/@csstools/media-query-list-parser/-/media-query-list-parser-2.1.11.tgz",
-      "integrity": "sha512-uox5MVhvNHqitPP+SynrB1o8oPxPMt2JLgp5ghJOWf54WGQ5OKu47efne49r1SWqs3wRP8xSWjnO9MBKxhB1dA==",
-      "dev": true,
-      "peer": true,
-      "requires": {}
-    },
-    "@csstools/selector-specificity": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/@csstools/selector-specificity/-/selector-specificity-3.0.3.tgz",
-      "integrity": "sha512-KEPNw4+WW5AVEIyzC80rTbWEUatTW2lXpN8+8ILC8PiPeWPjwUzrPZDIOZ2wwqDmeqOYTdSGyL3+vE5GC3FB3Q==",
-      "dev": true,
-      "peer": true,
-      "requires": {}
-    },
     "@cypress/request": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/@cypress/request/-/request-3.0.1.tgz",
@@ -23437,13 +22636,6 @@
         "node-source-walk": "^7.0.0"
       }
     },
-    "@dual-bundle/import-meta-resolve": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@dual-bundle/import-meta-resolve/-/import-meta-resolve-4.0.0.tgz",
-      "integrity": "sha512-ZKXyJeFAzcpKM2kk8ipoGIPUqx9BX52omTGnfwjJvxOCaZTM2wtDK7zN0aIgPRbT9XYAlha0HtmZ+XKteuh0Gw==",
-      "dev": true,
-      "peer": true
-    },
     "@es-joy/jsdoccomment": {
       "version": "0.39.4",
       "resolved": "https://registry.npmjs.org/@es-joy/jsdoccomment/-/jsdoccomment-0.39.4.tgz",
@@ -24360,6 +23552,15 @@
       "resolved": "https://registry.npmjs.org/@nextcloud/paths/-/paths-2.2.1.tgz",
       "integrity": "sha512-M3ShLjrxR7B48eKThLMoqbxTqTKyQXcwf9TgeXQGbCIhiHoXU6as5j8l5qNv/uZlANokVdowpuWHBi3b2+YNNA=="
     },
+    "@nextcloud/prettier-config": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@nextcloud/prettier-config/-/prettier-config-1.1.0.tgz",
+      "integrity": "sha512-mhgDTSAn2YqSi6kw7Ooy5IVxQKmOr+iUtOlI26LLH3pGrI1ARc0CvGs7l9UD59MaUql+F5uVutHROPo9imsqOQ==",
+      "dev": true,
+      "requires": {
+        "prettier-plugin-packagejson": "^2.5.0"
+      }
+    },
     "@nextcloud/router": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/@nextcloud/router/-/router-3.0.1.tgz",
@@ -24376,13 +23577,6 @@
         "@nextcloud/initial-state": "^2.2.0"
       }
     },
-    "@nextcloud/stylelint-config": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/@nextcloud/stylelint-config/-/stylelint-config-3.0.1.tgz",
-      "integrity": "sha512-xZ9hhyDCK8bMxPchfcyMhGZ8oTG+H+fmzE+vvCIVni0O+SzCVBEKDuvtKWZJDUs3ngmnmNYN1tH5xjbZBBeYyw==",
-      "dev": true,
-      "requires": {}
-    },
     "@nextcloud/timezones": {
       "version": "0.1.1",
       "resolved": "https://registry.npmjs.org/@nextcloud/timezones/-/timezones-0.1.1.tgz",
@@ -24617,6 +23811,12 @@
       "dev": true,
       "optional": true
     },
+    "@pkgr/core": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/@pkgr/core/-/core-0.1.2.tgz",
+      "integrity": "sha512-fdDH1LSGfZdTH2sxdpVMw31BanV28K/Gry0cVFxaNP77neJSkd82mM8ErPNYs9e+0O7SdHBLTDzDgwUuy18RnQ==",
+      "dev": true
+    },
     "@popperjs/core": {
       "version": "2.11.5",
       "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.5.tgz",
@@ -25994,6 +25194,14 @@
         "postcss": "^8.4.14",
         "prettier": "^1.18.2 || ^2.0.0",
         "source-map": "^0.6.1"
+      },
+      "dependencies": {
+        "prettier": {
+          "version": "2.8.8",
+          "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.8.8.tgz",
+          "integrity": "sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==",
+          "optional": true
+        }
       }
     },
     "@vue/compiler-ssr": {
@@ -27148,13 +26356,6 @@
       "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
       "dev": true
     },
-    "colord": {
-      "version": "2.9.3",
-      "resolved": "https://registry.npmjs.org/colord/-/colord-2.9.3.tgz",
-      "integrity": "sha512-jeC1axXpnb0/2nn/Y1LPuLdgXBLH7aDcHu4KEKfqw3CUhX7ZpfBSlPKyqXE6btIgEzfWtrX3/tyBCaCvXvMkOw==",
-      "dev": true,
-      "peer": true
-    },
     "colorette": {
       "version": "2.0.19",
       "resolved": "https://registry.npmjs.org/colorette/-/colorette-2.0.19.tgz",
@@ -27294,38 +26495,6 @@
         "layout-base": "^1.0.0"
       }
     },
-    "cosmiconfig": {
-      "version": "9.0.0",
-      "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-9.0.0.tgz",
-      "integrity": "sha512-itvL5h8RETACmOTFc4UfIyB2RfEHi71Ax6E/PivVxq9NseKbOWpeyHEOIbmAw1rs8Ak0VursQNww7lf7YtUwzg==",
-      "dev": true,
-      "peer": true,
-      "requires": {
-        "env-paths": "^2.2.1",
-        "import-fresh": "^3.3.0",
-        "js-yaml": "^4.1.0",
-        "parse-json": "^5.2.0"
-      },
-      "dependencies": {
-        "argparse": {
-          "version": "2.0.1",
-          "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
-          "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
-          "dev": true,
-          "peer": true
-        },
-        "js-yaml": {
-          "version": "4.1.0",
-          "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
-          "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
-          "dev": true,
-          "peer": true,
-          "requires": {
-            "argparse": "^2.0.1"
-          }
-        }
-      }
-    },
     "cpu-features": {
       "version": "0.0.10",
       "resolved": "https://registry.npmjs.org/cpu-features/-/cpu-features-0.0.10.tgz",
@@ -27429,24 +26598,6 @@
         "randomfill": "^1.0.4"
       }
     },
-    "css-functions-list": {
-      "version": "3.2.2",
-      "resolved": "https://registry.npmjs.org/css-functions-list/-/css-functions-list-3.2.2.tgz",
-      "integrity": "sha512-c+N0v6wbKVxTu5gOBBFkr9BEdBWaqqjQeiJ8QvSRIJOf+UxlJh930m8e6/WNeODIK0mYLFkoONrnj16i2EcvfQ==",
-      "dev": true,
-      "peer": true
-    },
-    "css-tree": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-2.3.1.tgz",
-      "integrity": "sha512-6Fv1DV/TYw//QF5IzQdqsNDjx/wc8TrMBZsqjL9eW01tWb7R7k/mq+/VXfJCl7SoD5emsJop9cOByJZfs8hYIw==",
-      "dev": true,
-      "peer": true,
-      "requires": {
-        "mdn-data": "2.0.30",
-        "source-map-js": "^1.0.1"
-      }
-    },
     "cssesc": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
@@ -28128,6 +27279,18 @@
         "minimalistic-assert": "^1.0.0"
       }
     },
+    "detect-indent": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/detect-indent/-/detect-indent-7.0.1.tgz",
+      "integrity": "sha512-Mc7QhQ8s+cLrnUfU/Ji94vG/r8M26m8f++vyres4ZoojaRDpZ1eSIh/EpzLNwlWuvzSZ3UbDFspjFvTDXe6e/g==",
+      "dev": true
+    },
+    "detect-newline": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/detect-newline/-/detect-newline-4.0.1.tgz",
+      "integrity": "sha512-qE3Veg1YXzGHQhlA6jzebZN2qVf6NX+A7m7qlhCGG30dJixrAQhYOsJjsnBjJkCSmuOPpCk30145fr8FV0bzog==",
+      "dev": true
+    },
     "detective-amd": {
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/detective-amd/-/detective-amd-6.0.0.tgz",
@@ -28326,41 +27489,12 @@
       "integrity": "sha512-jNCX+uNJ3v38BKvPbpki6j5ItVlnSqVV6vDWGS6rExzCMjsc39frLjm1n91o6YaKK6AZl0wLloItW6C6mr61BQ==",
       "dev": true
     },
-    "dom-serializer": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-2.0.0.tgz",
-      "integrity": "sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==",
-      "dev": true,
-      "peer": true,
-      "requires": {
-        "domelementtype": "^2.3.0",
-        "domhandler": "^5.0.2",
-        "entities": "^4.2.0"
-      }
-    },
     "domain-browser": {
       "version": "4.22.0",
       "resolved": "https://registry.npmjs.org/domain-browser/-/domain-browser-4.22.0.tgz",
       "integrity": "sha512-IGBwjF7tNk3cwypFNH/7bfzBcgSCbaMOD3GsaY1AU/JRrnHnYgEM0+9kQt52iZxjNsjBtJYtao146V+f8jFZNw==",
       "dev": true
     },
-    "domelementtype": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.3.0.tgz",
-      "integrity": "sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==",
-      "dev": true,
-      "peer": true
-    },
-    "domhandler": {
-      "version": "5.0.3",
-      "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-5.0.3.tgz",
-      "integrity": "sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==",
-      "dev": true,
-      "peer": true,
-      "requires": {
-        "domelementtype": "^2.3.0"
-      }
-    },
     "dompurify": {
       "version": "3.2.4",
       "resolved": "https://registry.npmjs.org/dompurify/-/dompurify-3.2.4.tgz",
@@ -28369,18 +27503,6 @@
         "@types/trusted-types": "^2.0.7"
       }
     },
-    "domutils": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/domutils/-/domutils-3.1.0.tgz",
-      "integrity": "sha512-H78uMmQtI2AhgDJjWeQmHwJJ2bLPD3GMmO7Zja/ZZh84wkm+4ut+IUnUdRa8uCGX88DiVx1j6FRe1XfxEgjEZA==",
-      "dev": true,
-      "peer": true,
-      "requires": {
-        "dom-serializer": "^2.0.0",
-        "domelementtype": "^2.3.0",
-        "domhandler": "^5.0.3"
-      }
-    },
     "dunder-proto": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
@@ -28521,23 +27643,6 @@
       "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
       "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw=="
     },
-    "env-paths": {
-      "version": "2.2.1",
-      "resolved": "https://registry.npmjs.org/env-paths/-/env-paths-2.2.1.tgz",
-      "integrity": "sha512-+h1lkLKhZMTYjog1VEpJNG7NZJWcuc2DDk/qsqSTRRCOXiLjeQ1d1/udrUGhqMxUgAlwKNZ0cf2uqan5GLuS2A==",
-      "dev": true,
-      "peer": true
-    },
-    "error-ex": {
-      "version": "1.3.2",
-      "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz",
-      "integrity": "sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==",
-      "dev": true,
-      "peer": true,
-      "requires": {
-        "is-arrayish": "^0.2.1"
-      }
-    },
     "es-abstract": {
       "version": "1.20.1",
       "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.20.1.tgz",
@@ -28867,6 +27972,13 @@
         }
       }
     },
+    "eslint-config-prettier": {
+      "version": "9.1.0",
+      "resolved": "https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-9.1.0.tgz",
+      "integrity": "sha512-NSWl5BFQWEPi1j4TjVNItzYV7dZXZ+wP6I6ZhrBGpChQhZRUaElihE9uRRkcbRnNb76UMKDF3r+WTmNcGPKsqw==",
+      "dev": true,
+      "requires": {}
+    },
     "eslint-config-standard": {
       "version": "17.1.0",
       "resolved": "https://registry.npmjs.org/eslint-config-standard/-/eslint-config-standard-17.1.0.tgz",
@@ -29470,13 +28582,6 @@
         "strnum": "^1.1.1"
       }
     },
-    "fastest-levenshtein": {
-      "version": "1.0.16",
-      "resolved": "https://registry.npmjs.org/fastest-levenshtein/-/fastest-levenshtein-1.0.16.tgz",
-      "integrity": "sha512-eRnCtTTtGZFpQCwhJiUOuxPQWRXVKYDn0b2PeHfXL6/Zi53SLAzAHfVhVWK2AryC/WH05kGfxhFIPvTF0SXQzg==",
-      "dev": true,
-      "peer": true
-    },
     "fastq": {
       "version": "1.13.0",
       "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.13.0.tgz",
@@ -29824,6 +28929,12 @@
         "es-object-atoms": "^1.0.0"
       }
     },
+    "get-stdin": {
+      "version": "9.0.0",
+      "resolved": "https://registry.npmjs.org/get-stdin/-/get-stdin-9.0.0.tgz",
+      "integrity": "sha512-dVKBjfWisLAicarI2Sf+JuBE/DghV4UzNAVe9yhEJuzeREd3JhOTE9cUaJTeSa77fsbQUK3pcOpJfM59+VKZaA==",
+      "dev": true
+    },
     "get-stream": {
       "version": "5.2.0",
       "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-5.2.0.tgz",
@@ -29871,6 +28982,12 @@
         "assert-plus": "^1.0.0"
       }
     },
+    "git-hooks-list": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/git-hooks-list/-/git-hooks-list-3.2.0.tgz",
+      "integrity": "sha512-ZHG9a1gEhUMX1TvGrLdyWb9kDopCBbTnI8z4JgRMYxsijWipgjSEYoPWqBuIB0DnRnvqlQSEeVmzpeuPm7NdFQ==",
+      "dev": true
+    },
     "glob": {
       "version": "7.2.3",
       "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
@@ -29903,54 +29020,6 @@
         "ini": "2.0.0"
       }
     },
-    "global-modules": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/global-modules/-/global-modules-2.0.0.tgz",
-      "integrity": "sha512-NGbfmJBp9x8IxyJSd1P+otYK8vonoJactOogrVfFRIAEY1ukil8RSKDz2Yo7wh1oihl51l/r6W4epkeKJHqL8A==",
-      "dev": true,
-      "peer": true,
-      "requires": {
-        "global-prefix": "^3.0.0"
-      }
-    },
-    "global-prefix": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/global-prefix/-/global-prefix-3.0.0.tgz",
-      "integrity": "sha512-awConJSVCHVGND6x3tmMaKcQvwXLhjdkmomy2W+Goaui8YPgYgXJZewhg3fWC+DlfqqQuWg8AwqjGTD2nAPVWg==",
-      "dev": true,
-      "peer": true,
-      "requires": {
-        "ini": "^1.3.5",
-        "kind-of": "^6.0.2",
-        "which": "^1.3.1"
-      },
-      "dependencies": {
-        "ini": {
-          "version": "1.3.8",
-          "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.8.tgz",
-          "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==",
-          "dev": true,
-          "peer": true
-        },
-        "kind-of": {
-          "version": "6.0.3",
-          "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz",
-          "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==",
-          "dev": true,
-          "peer": true
-        },
-        "which": {
-          "version": "1.3.1",
-          "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz",
-          "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==",
-          "dev": true,
-          "peer": true,
-          "requires": {
-            "isexe": "^2.0.0"
-          }
-        }
-      }
-    },
     "globals": {
       "version": "11.12.0",
       "resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz",
@@ -29972,13 +29041,6 @@
         "slash": "^3.0.0"
       }
     },
-    "globjoin": {
-      "version": "0.1.4",
-      "resolved": "https://registry.npmjs.org/globjoin/-/globjoin-0.1.4.tgz",
-      "integrity": "sha512-xYfnw62CKG8nLkZBfWbhWwDw02CHty86jfPcc2cr3ZfeuK9ysoVPPEUxf21bAD/rWAgk52SuBrLJlefNy8mvFg==",
-      "dev": true,
-      "peer": true
-    },
     "gonzales-pe": {
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/gonzales-pe/-/gonzales-pe-4.3.0.tgz",
@@ -30196,26 +29258,6 @@
       "integrity": "sha512-H2iMtd0I4Mt5eYiapRdIDjp+XzelXQ0tFE4JS7YFwFevXXMmOp9myNrUvCg0D6ws8iqkRPBfKHgbwig1SmlLfg==",
       "dev": true
     },
-    "html-tags": {
-      "version": "3.3.1",
-      "resolved": "https://registry.npmjs.org/html-tags/-/html-tags-3.3.1.tgz",
-      "integrity": "sha512-ztqyC3kLto0e9WbNp0aeP+M3kTt+nbaIveGmUxAtZa+8iFgKLUOD4YKM5j+f3QD89bra7UeumolZHKuOXnTmeQ==",
-      "dev": true,
-      "peer": true
-    },
-    "htmlparser2": {
-      "version": "8.0.2",
-      "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-8.0.2.tgz",
-      "integrity": "sha512-GYdjWKDkbRLkZ5geuHs5NY1puJ+PXwP7+fHPRz06Eirsb9ugf6d8kkXav6ADhcODhFFPMIXyxkxSuMf3D6NCFA==",
-      "dev": true,
-      "peer": true,
-      "requires": {
-        "domelementtype": "^2.3.0",
-        "domhandler": "^5.0.3",
-        "domutils": "^3.0.1",
-        "entities": "^4.4.0"
-      }
-    },
     "http-proxy-agent": {
       "version": "7.0.2",
       "resolved": "https://registry.npmjs.org/http-proxy-agent/-/http-proxy-agent-7.0.2.tgz",
@@ -30408,13 +29450,6 @@
         "get-intrinsic": "^1.2.1"
       }
     },
-    "is-arrayish": {
-      "version": "0.2.1",
-      "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz",
-      "integrity": "sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==",
-      "dev": true,
-      "peer": true
-    },
     "is-bigint": {
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/is-bigint/-/is-bigint-1.0.4.tgz",
@@ -30941,13 +29976,6 @@
       "dev": true,
       "peer": true
     },
-    "json-buffer": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.1.tgz",
-      "integrity": "sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==",
-      "dev": true,
-      "peer": true
-    },
     "json-parse-even-better-errors": {
       "version": "2.3.1",
       "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz",
@@ -31024,16 +30052,6 @@
         }
       }
     },
-    "keyv": {
-      "version": "4.5.4",
-      "resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz",
-      "integrity": "sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==",
-      "dev": true,
-      "peer": true,
-      "requires": {
-        "json-buffer": "3.0.1"
-      }
-    },
     "khroma": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/khroma/-/khroma-2.1.0.tgz",
@@ -31048,13 +30066,6 @@
         "is-buffer": "^1.1.5"
       }
     },
-    "known-css-properties": {
-      "version": "0.30.0",
-      "resolved": "https://registry.npmjs.org/known-css-properties/-/known-css-properties-0.30.0.tgz",
-      "integrity": "sha512-VSWXYUnsPu9+WYKkfmJyLKtIvaRJi1kXUqVmBACORXZQxT5oZDsoZ2vQP+bQFDnWtpI/4eq3MLoRMjI2fnLzTQ==",
-      "dev": true,
-      "peer": true
-    },
     "kolorist": {
       "version": "1.8.0",
       "resolved": "https://registry.npmjs.org/kolorist/-/kolorist-1.8.0.tgz",
@@ -31096,13 +30107,6 @@
         "isomorphic.js": "^0.2.4"
       }
     },
-    "lines-and-columns": {
-      "version": "1.2.4",
-      "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
-      "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==",
-      "dev": true,
-      "peer": true
-    },
     "linkify-it": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/linkify-it/-/linkify-it-5.0.0.tgz",
@@ -31221,13 +30225,6 @@
       "resolved": "https://registry.npmjs.org/lodash.throttle/-/lodash.throttle-4.1.1.tgz",
       "integrity": "sha512-wIkUCfVKpVsWo3JSZlc+8MB5it+2AN5W8J7YVMST30UrvcQNZ1Okbj+rbVniijTWE6FGYy4XJq/rHkas8qJMLQ=="
     },
-    "lodash.truncate": {
-      "version": "4.4.2",
-      "resolved": "https://registry.npmjs.org/lodash.truncate/-/lodash.truncate-4.4.2.tgz",
-      "integrity": "sha512-jttmRe7bRse52OsWIMDLaXxWqRAmtIUccAQ3garviCqJjafXOfNMO0yMfNpdD6zbGaTU0P5Nz7e7gAT6cKmJRw==",
-      "dev": true,
-      "peer": true
-    },
     "log-symbols": {
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/log-symbols/-/log-symbols-4.1.0.tgz",
@@ -31415,13 +30412,6 @@
       "integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==",
       "dev": true
     },
-    "mathml-tag-names": {
-      "version": "2.1.3",
-      "resolved": "https://registry.npmjs.org/mathml-tag-names/-/mathml-tag-names-2.1.3.tgz",
-      "integrity": "sha512-APMBEanjybaPzUrfqU0IMU5I0AswKMH7k8OTLs0vvV4KZpExkTkY87nR/zpbuTPj+gARop7aGUbl11pnDfW6xg==",
-      "dev": true,
-      "peer": true
-    },
     "md5": {
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/md5/-/md5-2.3.0.tgz",
@@ -31640,13 +30630,6 @@
         "@types/mdast": "^4.0.0"
       }
     },
-    "mdn-data": {
-      "version": "2.0.30",
-      "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.30.tgz",
-      "integrity": "sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA==",
-      "dev": true,
-      "peer": true
-    },
     "mdurl": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/mdurl/-/mdurl-2.0.0.tgz",
@@ -32451,19 +31434,6 @@
         "safe-buffer": "^5.2.1"
       }
     },
-    "parse-json": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-5.2.0.tgz",
-      "integrity": "sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==",
-      "dev": true,
-      "peer": true,
-      "requires": {
-        "@babel/code-frame": "^7.0.0",
-        "error-ex": "^1.3.1",
-        "json-parse-even-better-errors": "^2.3.0",
-        "lines-and-columns": "^1.1.6"
-      }
-    },
     "parse5": {
       "version": "7.2.1",
       "resolved": "https://registry.npmjs.org/parse5/-/parse5-7.2.1.tgz",
@@ -32675,58 +31645,6 @@
         "source-map-js": "^1.2.1"
       }
     },
-    "postcss-html": {
-      "version": "1.7.0",
-      "resolved": "https://registry.npmjs.org/postcss-html/-/postcss-html-1.7.0.tgz",
-      "integrity": "sha512-MfcMpSUIaR/nNgeVS8AyvyDugXlADjN9AcV7e5rDfrF1wduIAGSkL4q2+wgrZgA3sHVAHLDO9FuauHhZYW2nBw==",
-      "dev": true,
-      "peer": true,
-      "requires": {
-        "htmlparser2": "^8.0.0",
-        "js-tokens": "^9.0.0",
-        "postcss": "^8.4.0",
-        "postcss-safe-parser": "^6.0.0"
-      },
-      "dependencies": {
-        "js-tokens": {
-          "version": "9.0.0",
-          "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-9.0.0.tgz",
-          "integrity": "sha512-WriZw1luRMlmV3LGJaR6QOJjWwgLUTf89OwT2lUOyjX2dJGBwgmIkbcz+7WFZjrZM635JOIR517++e/67CP9dQ==",
-          "dev": true,
-          "peer": true
-        }
-      }
-    },
-    "postcss-media-query-parser": {
-      "version": "0.2.3",
-      "resolved": "https://registry.npmjs.org/postcss-media-query-parser/-/postcss-media-query-parser-0.2.3.tgz",
-      "integrity": "sha512-3sOlxmbKcSHMjlUXQZKQ06jOswE7oVkXPxmZdoB1r5l0q6gTFTQSHxNxOrCccElbW7dxNytifNEo8qidX2Vsig==",
-      "dev": true,
-      "peer": true
-    },
-    "postcss-resolve-nested-selector": {
-      "version": "0.1.1",
-      "resolved": "https://registry.npmjs.org/postcss-resolve-nested-selector/-/postcss-resolve-nested-selector-0.1.1.tgz",
-      "integrity": "sha512-HvExULSwLqHLgUy1rl3ANIqCsvMS0WHss2UOsXhXnQaZ9VCc2oBvIpXrl00IUFT5ZDITME0o6oiXeiHr2SAIfw==",
-      "dev": true,
-      "peer": true
-    },
-    "postcss-safe-parser": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/postcss-safe-parser/-/postcss-safe-parser-6.0.0.tgz",
-      "integrity": "sha512-FARHN8pwH+WiS2OPCxJI8FuRJpTVnn6ZNFiqAM2aeW2LwTHWWmWgIyKC6cUo0L8aeKiF/14MNvnpls6R2PBeMQ==",
-      "dev": true,
-      "peer": true,
-      "requires": {}
-    },
-    "postcss-scss": {
-      "version": "4.0.9",
-      "resolved": "https://registry.npmjs.org/postcss-scss/-/postcss-scss-4.0.9.tgz",
-      "integrity": "sha512-AjKOeiwAitL/MXxQW2DliT28EKukvvbEWx3LBmJIRN8KfBGZbRTxNYW0kSqi1COiTZ57nZ9NW06S6ux//N1c9A==",
-      "dev": true,
-      "peer": true,
-      "requires": {}
-    },
     "postcss-selector-parser": {
       "version": "6.0.16",
       "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.16.tgz",
@@ -32738,13 +31656,6 @@
         "util-deprecate": "^1.0.2"
       }
     },
-    "postcss-value-parser": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
-      "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
-      "dev": true,
-      "peer": true
-    },
     "postcss-values-parser": {
       "version": "6.0.2",
       "resolved": "https://registry.npmjs.org/postcss-values-parser/-/postcss-values-parser-6.0.2.tgz",
@@ -32788,10 +31699,21 @@
       }
     },
     "prettier": {
-      "version": "2.7.1",
-      "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.7.1.tgz",
-      "integrity": "sha512-ujppO+MkdPqoVINuDFDRLClm7D78qbDt0/NR+wp5FqEZOoTNAjPHWj17QRhu7geIHJfcNhRk1XVQmF8Bp3ye+g==",
-      "optional": true
+      "version": "3.5.3",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.5.3.tgz",
+      "integrity": "sha512-QQtaxnoDJeAkDvDKWCLiwIXkTgRhwYDEQCghU9Z6q03iyek/rxRh/2lC3HB7P8sWT2xC/y5JDctPLBIGzHKbhw==",
+      "dev": true,
+      "peer": true
+    },
+    "prettier-plugin-packagejson": {
+      "version": "2.5.10",
+      "resolved": "https://registry.npmjs.org/prettier-plugin-packagejson/-/prettier-plugin-packagejson-2.5.10.tgz",
+      "integrity": "sha512-LUxATI5YsImIVSaaLJlJ3aE6wTD+nvots18U3GuQMJpUyClChaZlQrqx3dBnbhF20OnKWZyx8EgyZypQtBDtgQ==",
+      "dev": true,
+      "requires": {
+        "sort-package-json": "2.15.1",
+        "synckit": "0.9.2"
+      }
     },
     "pretty": {
       "version": "2.0.0",
@@ -33737,13 +32659,6 @@
       "integrity": "sha512-hlY1SybBGm5aYN3PC4rp15MzsJLM1w+MEA/4KU3UBPfz4S0lL3FL6mgv7JgaA8a+ZTeEQAiF1a1BuN2nkqiIlg==",
       "dev": true
     },
-    "resolve-from": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz",
-      "integrity": "sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==",
-      "dev": true,
-      "peer": true
-    },
     "resolve-pkg-maps": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/resolve-pkg-maps/-/resolve-pkg-maps-1.0.0.tgz",
@@ -34219,6 +33134,36 @@
       "resolved": "https://registry.npmjs.org/slug/-/slug-10.0.0.tgz",
       "integrity": "sha512-M8s2PWOUeSCdD4S1NH5lCzXg2zFV1fozrtfr0FSKl65x+EF1rUowj+/vyFlnHgxPxWzT+DL0VXKfYc1DHJoymg=="
     },
+    "sort-object-keys": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/sort-object-keys/-/sort-object-keys-1.1.3.tgz",
+      "integrity": "sha512-855pvK+VkU7PaKYPc+Jjnmt4EzejQHyhhF33q31qG8x7maDzkeFhAAThdCYay11CISO+qAMwjOBP+fPZe0IPyg==",
+      "dev": true
+    },
+    "sort-package-json": {
+      "version": "2.15.1",
+      "resolved": "https://registry.npmjs.org/sort-package-json/-/sort-package-json-2.15.1.tgz",
+      "integrity": "sha512-9x9+o8krTT2saA9liI4BljNjwAbvUnWf11Wq+i/iZt8nl2UGYnf3TH5uBydE7VALmP7AGwlfszuEeL8BDyb0YA==",
+      "dev": true,
+      "requires": {
+        "detect-indent": "^7.0.1",
+        "detect-newline": "^4.0.0",
+        "get-stdin": "^9.0.0",
+        "git-hooks-list": "^3.0.0",
+        "is-plain-obj": "^4.1.0",
+        "semver": "^7.6.0",
+        "sort-object-keys": "^1.1.3",
+        "tinyglobby": "^0.2.9"
+      },
+      "dependencies": {
+        "semver": {
+          "version": "7.7.1",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.1.tgz",
+          "integrity": "sha512-hlq8tAfn0m/61p4BVRcPzIGr6LKiMwo4VM6dGi6pt4qcRkmNzTcWq6eCEjEh+qXjkMDvPlOFFSGwQjoEa6gyMA==",
+          "dev": true
+        }
+      }
+    },
     "source-map": {
       "version": "0.6.1",
       "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
@@ -34567,197 +33512,6 @@
         "inline-style-parser": "0.1.1"
       }
     },
-    "stylelint": {
-      "version": "16.5.0",
-      "resolved": "https://registry.npmjs.org/stylelint/-/stylelint-16.5.0.tgz",
-      "integrity": "sha512-IlCBtVrG+qTy3v+tZTk50W8BIomjY/RUuzdrDqdnlCYwVuzXtPbiGfxYqtyYAyOMcb+195zRsuHn6tgfPmFfbw==",
-      "dev": true,
-      "peer": true,
-      "requires": {
-        "@csstools/css-parser-algorithms": "^2.6.1",
-        "@csstools/css-tokenizer": "^2.2.4",
-        "@csstools/media-query-list-parser": "^2.1.9",
-        "@csstools/selector-specificity": "^3.0.3",
-        "@dual-bundle/import-meta-resolve": "^4.0.0",
-        "balanced-match": "^2.0.0",
-        "colord": "^2.9.3",
-        "cosmiconfig": "^9.0.0",
-        "css-functions-list": "^3.2.2",
-        "css-tree": "^2.3.1",
-        "debug": "^4.3.4",
-        "fast-glob": "^3.3.2",
-        "fastest-levenshtein": "^1.0.16",
-        "file-entry-cache": "^8.0.0",
-        "global-modules": "^2.0.0",
-        "globby": "^11.1.0",
-        "globjoin": "^0.1.4",
-        "html-tags": "^3.3.1",
-        "ignore": "^5.3.1",
-        "imurmurhash": "^0.1.4",
-        "is-plain-object": "^5.0.0",
-        "known-css-properties": "^0.30.0",
-        "mathml-tag-names": "^2.1.3",
-        "meow": "^13.2.0",
-        "micromatch": "^4.0.5",
-        "normalize-path": "^3.0.0",
-        "picocolors": "^1.0.0",
-        "postcss": "^8.4.38",
-        "postcss-resolve-nested-selector": "^0.1.1",
-        "postcss-safe-parser": "^7.0.0",
-        "postcss-selector-parser": "^6.0.16",
-        "postcss-value-parser": "^4.2.0",
-        "resolve-from": "^5.0.0",
-        "string-width": "^4.2.3",
-        "strip-ansi": "^7.1.0",
-        "supports-hyperlinks": "^3.0.0",
-        "svg-tags": "^1.0.0",
-        "table": "^6.8.2",
-        "write-file-atomic": "^5.0.1"
-      },
-      "dependencies": {
-        "ansi-regex": {
-          "version": "6.0.1",
-          "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.0.1.tgz",
-          "integrity": "sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==",
-          "dev": true,
-          "peer": true
-        },
-        "balanced-match": {
-          "version": "2.0.0",
-          "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-2.0.0.tgz",
-          "integrity": "sha512-1ugUSr8BHXRnK23KfuYS+gVMC3LB8QGH9W1iGtDPsNWoQbgtXSExkBu2aDR4epiGWZOjZsj6lDl/N/AqqTC3UA==",
-          "dev": true,
-          "peer": true
-        },
-        "file-entry-cache": {
-          "version": "8.0.0",
-          "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-8.0.0.tgz",
-          "integrity": "sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ==",
-          "dev": true,
-          "peer": true,
-          "requires": {
-            "flat-cache": "^4.0.0"
-          }
-        },
-        "flat-cache": {
-          "version": "4.0.1",
-          "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-4.0.1.tgz",
-          "integrity": "sha512-f7ccFPK3SXFHpx15UIGyRJ/FJQctuKZ0zVuN3frBo4HnK3cay9VEW0R6yPYFHC0AgqhukPzKjq22t5DmAyqGyw==",
-          "dev": true,
-          "peer": true,
-          "requires": {
-            "flatted": "^3.2.9",
-            "keyv": "^4.5.4"
-          }
-        },
-        "is-plain-object": {
-          "version": "5.0.0",
-          "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-5.0.0.tgz",
-          "integrity": "sha512-VRSzKkbMm5jMDoKLbltAkFQ5Qr7VDiTFGXxYFXXowVj387GeGNOCsOH6Msy00SGZ3Fp84b1Naa1psqgcCIEP5Q==",
-          "dev": true,
-          "peer": true
-        },
-        "postcss-safe-parser": {
-          "version": "7.0.0",
-          "resolved": "https://registry.npmjs.org/postcss-safe-parser/-/postcss-safe-parser-7.0.0.tgz",
-          "integrity": "sha512-ovehqRNVCpuFzbXoTb4qLtyzK3xn3t/CUBxOs8LsnQjQrShaB4lKiHoVqY8ANaC0hBMHq5QVWk77rwGklFUDrg==",
-          "dev": true,
-          "peer": true,
-          "requires": {}
-        },
-        "signal-exit": {
-          "version": "4.1.0",
-          "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz",
-          "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==",
-          "dev": true,
-          "peer": true
-        },
-        "strip-ansi": {
-          "version": "7.1.0",
-          "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
-          "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
-          "dev": true,
-          "peer": true,
-          "requires": {
-            "ansi-regex": "^6.0.1"
-          }
-        },
-        "write-file-atomic": {
-          "version": "5.0.1",
-          "resolved": "https://registry.npmjs.org/write-file-atomic/-/write-file-atomic-5.0.1.tgz",
-          "integrity": "sha512-+QU2zd6OTD8XWIJCbffaiQeH9U73qIqafo1x6V1snCWYGJf6cVE0cDR4D8xRzcEnfI21IFrUPzPGtcPf8AC+Rw==",
-          "dev": true,
-          "peer": true,
-          "requires": {
-            "imurmurhash": "^0.1.4",
-            "signal-exit": "^4.0.1"
-          }
-        }
-      }
-    },
-    "stylelint-config-html": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/stylelint-config-html/-/stylelint-config-html-1.1.0.tgz",
-      "integrity": "sha512-IZv4IVESjKLumUGi+HWeb7skgO6/g4VMuAYrJdlqQFndgbj6WJAXPhaysvBiXefX79upBdQVumgYcdd17gCpjQ==",
-      "dev": true,
-      "peer": true,
-      "requires": {}
-    },
-    "stylelint-config-recommended": {
-      "version": "14.0.0",
-      "resolved": "https://registry.npmjs.org/stylelint-config-recommended/-/stylelint-config-recommended-14.0.0.tgz",
-      "integrity": "sha512-jSkx290CglS8StmrLp2TxAppIajzIBZKYm3IxT89Kg6fGlxbPiTiyH9PS5YUuVAFwaJLl1ikiXX0QWjI0jmgZQ==",
-      "dev": true,
-      "peer": true,
-      "requires": {}
-    },
-    "stylelint-config-recommended-scss": {
-      "version": "14.0.0",
-      "resolved": "https://registry.npmjs.org/stylelint-config-recommended-scss/-/stylelint-config-recommended-scss-14.0.0.tgz",
-      "integrity": "sha512-HDvpoOAQ1RpF+sPbDOT2Q2/YrBDEJDnUymmVmZ7mMCeNiFSdhRdyGEimBkz06wsN+HaFwUh249gDR+I9JR7Onw==",
-      "dev": true,
-      "peer": true,
-      "requires": {
-        "postcss-scss": "^4.0.9",
-        "stylelint-config-recommended": "^14.0.0",
-        "stylelint-scss": "^6.0.0"
-      }
-    },
-    "stylelint-config-recommended-vue": {
-      "version": "1.5.0",
-      "resolved": "https://registry.npmjs.org/stylelint-config-recommended-vue/-/stylelint-config-recommended-vue-1.5.0.tgz",
-      "integrity": "sha512-65TAK/clUqkNtkZLcuytoxU0URQYlml+30Nhop7sRkCZ/mtWdXt7T+spPSB3KMKlb+82aEVJ4OrcstyDBdbosg==",
-      "dev": true,
-      "peer": true,
-      "requires": {
-        "semver": "^7.3.5",
-        "stylelint-config-html": ">=1.0.0",
-        "stylelint-config-recommended": ">=6.0.0"
-      },
-      "dependencies": {
-        "semver": {
-          "version": "7.6.1",
-          "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.1.tgz",
-          "integrity": "sha512-f/vbBsu+fOiYt+lmwZV0rVwJScl46HppnOA1ZvIuBWKOTlllpyJ3bfVax76/OrhCH38dyxoDIA8K7uB963IYgA==",
-          "dev": true,
-          "peer": true
-        }
-      }
-    },
-    "stylelint-scss": {
-      "version": "6.3.0",
-      "resolved": "https://registry.npmjs.org/stylelint-scss/-/stylelint-scss-6.3.0.tgz",
-      "integrity": "sha512-8OSpiuf1xC7f8kllJsBOFAOYp/mR/C1FXMVeOFjtJPw+AFvEmC93FaklHt7MlOqU4poxuQ1TkYMyfI0V+1SxjA==",
-      "dev": true,
-      "peer": true,
-      "requires": {
-        "known-css-properties": "^0.30.0",
-        "postcss-media-query-parser": "^0.2.3",
-        "postcss-resolve-nested-selector": "^0.1.1",
-        "postcss-selector-parser": "^6.0.15",
-        "postcss-value-parser": "^4.2.0"
-      }
-    },
     "stylis": {
       "version": "4.3.6",
       "resolved": "https://registry.npmjs.org/stylis/-/stylis-4.3.6.tgz",
@@ -34789,101 +33543,33 @@
         "has-flag": "^4.0.0"
       }
     },
-    "supports-hyperlinks": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/supports-hyperlinks/-/supports-hyperlinks-3.0.0.tgz",
-      "integrity": "sha512-QBDPHyPQDRTy9ku4URNGY5Lah8PAaXs6tAAwp55sL5WCsSW7GIfdf6W5ixfziW+t7wh3GVvHyHHyQ1ESsoRvaA==",
-      "dev": true,
-      "peer": true,
-      "requires": {
-        "has-flag": "^4.0.0",
-        "supports-color": "^7.0.0"
-      },
-      "dependencies": {
-        "supports-color": {
-          "version": "7.2.0",
-          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
-          "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-          "dev": true,
-          "peer": true,
-          "requires": {
-            "has-flag": "^4.0.0"
-          }
-        }
-      }
-    },
     "supports-preserve-symlinks-flag": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
       "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
       "dev": true
     },
-    "svg-tags": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/svg-tags/-/svg-tags-1.0.0.tgz",
-      "integrity": "sha512-ovssysQTa+luh7A5Weu3Rta6FJlFBBbInjOh722LIt6klpU2/HtdUbszju/G4devcvk8PGt7FCLv5wftu3THUA==",
-      "dev": true,
-      "peer": true
-    },
     "symbol-tree": {
       "version": "3.2.4",
       "resolved": "https://registry.npmjs.org/symbol-tree/-/symbol-tree-3.2.4.tgz",
       "integrity": "sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==",
       "dev": true
     },
+    "synckit": {
+      "version": "0.9.2",
+      "resolved": "https://registry.npmjs.org/synckit/-/synckit-0.9.2.tgz",
+      "integrity": "sha512-vrozgXDQwYO72vHjUb/HnFbQx1exDjoKzqx23aXEg2a9VIg2TSFZ8FmeZpTjUCFMYw7mpX4BE2SFu8wI7asYsw==",
+      "dev": true,
+      "requires": {
+        "@pkgr/core": "^0.1.0",
+        "tslib": "^2.6.2"
+      }
+    },
     "tabbable": {
       "version": "6.2.0",
       "resolved": "https://registry.npmjs.org/tabbable/-/tabbable-6.2.0.tgz",
       "integrity": "sha512-Cat63mxsVJlzYvN51JmVXIgNoUokrIaT2zLclCXjRd8boZ0004U4KCs/sToJ75C6sdlByWxpYnb5Boif1VSFew=="
     },
-    "table": {
-      "version": "6.8.2",
-      "resolved": "https://registry.npmjs.org/table/-/table-6.8.2.tgz",
-      "integrity": "sha512-w2sfv80nrAh2VCbqR5AK27wswXhqcck2AhfnNW76beQXskGZ1V12GwS//yYVa3d3fcvAip2OUnbDAjW2k3v9fA==",
-      "dev": true,
-      "peer": true,
-      "requires": {
-        "ajv": "^8.0.1",
-        "lodash.truncate": "^4.4.2",
-        "slice-ansi": "^4.0.0",
-        "string-width": "^4.2.3",
-        "strip-ansi": "^6.0.1"
-      },
-      "dependencies": {
-        "ajv": {
-          "version": "8.13.0",
-          "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.13.0.tgz",
-          "integrity": "sha512-PRA911Blj99jR5RMeTunVbNXMF6Lp4vZXnk5GQjcnUWUTsrXtekg/pnmFFI2u/I36Y/2bITGS30GZCXei6uNkA==",
-          "dev": true,
-          "peer": true,
-          "requires": {
-            "fast-deep-equal": "^3.1.3",
-            "json-schema-traverse": "^1.0.0",
-            "require-from-string": "^2.0.2",
-            "uri-js": "^4.4.1"
-          }
-        },
-        "json-schema-traverse": {
-          "version": "1.0.0",
-          "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
-          "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
-          "dev": true,
-          "peer": true
-        },
-        "slice-ansi": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-4.0.0.tgz",
-          "integrity": "sha512-qMCMfhY040cVHT43K9BFygqYbUPFZKHOg7K73mtTWJRb8pyP3fzf4Ixd5SzdEJQ6MRUg/WBnOLxghZtKKurENQ==",
-          "dev": true,
-          "peer": true,
-          "requires": {
-            "ansi-styles": "^4.0.0",
-            "astral-regex": "^2.0.0",
-            "is-fullwidth-code-point": "^3.0.0"
-          }
-        }
-      }
-    },
     "tapable": {
       "version": "2.2.1",
       "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.2.1.tgz",
@@ -35033,7 +33719,6 @@
       "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.12.tgz",
       "integrity": "sha512-qkf4trmKSIiMTs/E63cxH+ojC2unam7rJ0WrauAzpT3ECNTxGRMlaXxVbfxMUC/w0LaYk6jQ4y/nGR9uBO3tww==",
       "dev": true,
-      "peer": true,
       "requires": {
         "fdir": "^6.4.3",
         "picomatch": "^4.0.2"
@@ -35044,15 +33729,13 @@
           "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.4.3.tgz",
           "integrity": "sha512-PMXmW2y1hDDfTSRc9gaXIuCCRpuoz3Kaz8cUelp3smouvfT632ozg2vrT6lJsHKKOF59YLbOGfAWGUcKEfRMQw==",
           "dev": true,
-          "peer": true,
           "requires": {}
         },
         "picomatch": {
           "version": "4.0.2",
           "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.2.tgz",
           "integrity": "sha512-M7BAV6Rlcy5u+m6oPhAPFgJTzAioX/6B0DxyvDlo9l8+T3nLKbrczg2WLUyzd45L8RqfUMyGPzekbMvX2Ldkwg==",
-          "dev": true,
-          "peer": true
+          "dev": true
         }
       }
     },
@@ -35235,9 +33918,9 @@
       }
     },
     "tslib": {
-      "version": "2.6.0",
-      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.0.tgz",
-      "integrity": "sha512-7At1WUettjcSRHXCyYtTselblcHl9PJFFVKiCAy/bY97+BPZXSQ2wbq0P9s8tK2G7dFQfNnlJnPAiArVBVBsfA==",
+      "version": "2.8.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
+      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
       "dev": true
     },
     "tsx": {
diff --git a/package.json b/package.json
index ae95b27f8d4..b31c5171bd7 100644
--- a/package.json
+++ b/package.json
@@ -2,6 +2,7 @@
   "name": "text",
   "description": "Collaborative document editing",
   "version": "6.0.0-dev.0",
+  "prettier": "@nextcloud/prettier-config",
   "authors": [
     {
       "name": "Julius Härtl",
@@ -23,8 +24,8 @@
     "watch": "NODE_ENV=development NODE_OPTIONS='--max-old-space-size=8192' vite --mode development build --watch",
     "lint": "tsc && eslint --ext .js,.ts,.vue src cypress",
     "lint:fix": "tsc && eslint --ext .js,.ts,.vue src cypress --fix",
-    "stylelint": "stylelint src/**/*.vue src/**/*.scss src/**/*.css css/*.scss",
-    "stylelint:fix": "stylelint src/**/*.vue src/**/*.scss src/**/*.css css/*.scss --fix",
+    "prettier": "prettier --check src/**/*.js src/**/*.ts src/**/*.vue src/**/*.scss",
+    "prettier:fix": "prettier --write src/**/*.js src/**/*.ts src/**/*.vue src/**/*.scss",
     "test": "NODE_ENV=test vitest",
     "test:cypress": "cd cypress && ./runLocal.sh run",
     "test:cypress:open": "cd cypress && ./runLocal.sh open",
@@ -122,7 +123,7 @@
     "@nextcloud/browserslist-config": "^3.0.1",
     "@nextcloud/e2e-test-server": "^0.2.1",
     "@nextcloud/eslint-config": "^8.4.2",
-    "@nextcloud/stylelint-config": "^3.0.1",
+    "@nextcloud/prettier-config": "^1.1.0",
     "@nextcloud/vite-config": "^1.5.3",
     "@types/markdown-it": "^14.1.2",
     "@vitest/coverage-v8": "^3.1.1",
@@ -133,6 +134,7 @@
     "cypress-split": "^1.24.14",
     "cypress-visual-regression": "^5.3.0",
     "cypress-vite": "^1.6.0",
+    "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-cypress": "^3.6.0",
     "identity-obj-proxy": "^3.0.0",
     "jsdom": "^26.1.0",
diff --git a/src/commands/index.js b/src/commands/index.js
index ed9a7f22ca4..5fb034cdbd9 100644
--- a/src/commands/index.js
+++ b/src/commands/index.js
@@ -5,6 +5,4 @@
 
 import listInputRule from './listInputRule.js'
 
-export {
-	listInputRule,
-}
+export { listInputRule }
diff --git a/src/commands/listInputRule.js b/src/commands/listInputRule.js
index 44887358e47..17fcfbbc2d5 100644
--- a/src/commands/listInputRule.js
+++ b/src/commands/listInputRule.js
@@ -12,7 +12,7 @@ import { InputRule, wrappingInputRule } from '@tiptap/core'
  * @param {object} type Node Type object
  * @param {*} getAttributes handler to get the attributes
  */
-export default function(find, type, getAttributes) {
+export default function (find, type, getAttributes) {
 	const handler = ({ state, range, match }) => {
 		const wrap = wrappingInputRule({ find, type, getAttributes })
 		wrap.handler({ state, range, match })
diff --git a/src/components/Assistant.vue b/src/components/Assistant.vue
index c0c3406c306..458bbdd33b6 100644
--- a/src/components/Assistant.vue
+++ b/src/components/Assistant.vue
@@ -4,7 +4,8 @@
 -->
 <template>
 	<div v-if="showAssistant" class="text-assistant">
-		<FloatingMenu v-if="$editor"
+		<FloatingMenu
+			v-if="$editor"
 			plugin-key="assistantMenu"
 			:editor="$editor"
 			:tippy-options="floatingOptions()"
@@ -15,20 +16,28 @@
 				<template #icon>
 					<CreationIcon :size="20" class="icon" />
 				</template>
-				<NcActionButton v-for="type in taskTypes"
+				<NcActionButton
+					v-for="type in taskTypes"
 					:key="type.id"
 					close-after-click
 					@click="openAssistantForm(type.id)">
 					<template #icon>
 						<PencilIcon v-if="type.id == 'core:text2text'" :size="20" />
-						<FormatHeader1 v-else-if="type.id == 'core:text2text:headline'" :size="20" />
-						<Shuffle v-else-if="type.id == 'core:text2text:reformulation'" :size="20" />
-						<TextShort v-else-if="type.id == 'core:text2text:summary'" :size="20" />
+						<FormatHeader1
+							v-else-if="type.id == 'core:text2text:headline'"
+							:size="20" />
+						<Shuffle
+							v-else-if="type.id == 'core:text2text:reformulation'"
+							:size="20" />
+						<TextShort
+							v-else-if="type.id == 'core:text2text:summary'"
+							:size="20" />
 						<CreationIcon v-else />
 					</template>
 					{{ type.name }}
 				</NcActionButton>
-				<NcActionButton v-if="canTranslate"
+				<NcActionButton
+					v-if="canTranslate"
 					data-cy="open-translate"
 					close-after-click
 					@click="openTranslateDialog">
@@ -38,14 +47,18 @@
 					{{ t('text', 'Translate') }}
 				</NcActionButton>
 				<NcActionSeparator />
-				<NcActionButton :disabled="tasks.length < 1" close-after-click @click="showTaskList=true">
+				<NcActionButton
+					:disabled="tasks.length < 1"
+					close-after-click
+					@click="showTaskList = true">
 					<template #icon>
 						<CreationIcon :size="20" />
 					</template>
 					{{ t('text', 'Show assistant results') }}
 				</NcActionButton>
 			</NcActions>
-			<component :is="badgeStateIcon"
+			<component
+				:is="badgeStateIcon"
 				v-if="badgeStateIcon"
 				:size="16"
 				class="floating-menu--badge" />
@@ -60,7 +73,8 @@
 					</span>
 				</h4>
 				<ul v-if="tasks.length > 0">
-					<NcListItem v-for="task in tasks"
+					<NcListItem
+						v-for="task in tasks"
 						:key="task.id"
 						:name="task.title"
 						:bold="false"
@@ -70,13 +84,22 @@
 							{{ task.input.input }}
 						</template>
 						<template #icon>
-							<CheckCircleIcon v-if="task.status === STATUS_SUCCESSFUL" :size="20" class="icon-status--success" />
-							<ErrorIcon v-else-if="task.status === STATUS_FAILED" :size="20" class="icon-status--failed" />
+							<CheckCircleIcon
+								v-if="task.status === STATUS_SUCCESSFUL"
+								:size="20"
+								class="icon-status--success" />
+							<ErrorIcon
+								v-else-if="task.status === STATUS_FAILED"
+								:size="20"
+								class="icon-status--failed" />
 							<ClockOutline v-else :size="20" />
 						</template>
 						<template #indicator>
 							<NcActions :inline="2">
-								<NcActionButton v-if="task.status === STATUS_SUCCESSFUL" :title="task.output.output" @click.stop="() => copyResult(task)">
+								<NcActionButton
+									v-if="task.status === STATUS_SUCCESSFUL"
+									:title="task.output.output"
+									@click.stop="() => copyResult(task)">
 									<template #icon>
 										<ClipboardTextOutlineIcon :size="20" />
 									</template>
@@ -85,13 +108,19 @@
 							</NcActions>
 						</template>
 						<template #actions>
-							<NcActionButton v-if="task.status === STATUS_SUCCESSFUL" :title="task.output.output" @click.stop="() => openResult(task)">
+							<NcActionButton
+								v-if="task.status === STATUS_SUCCESSFUL"
+								:title="task.output.output"
+								@click.stop="() => openResult(task)">
 								<template #icon>
 									<CreationIcon :size="20" />
 								</template>
 								{{ t('text', 'Show result') }}
 							</NcActionButton>
-							<NcActionButton v-if="task.status === STATUS_SUCCESSFUL" :title="task.output.output" @click="() => insertResult(task)">
+							<NcActionButton
+								v-if="task.status === STATUS_SUCCESSFUL"
+								:title="task.output.output"
+								@click="() => insertResult(task)">
 								<template #icon>
 									<TextBoxPlusOutlineIcon :size="20" />
 								</template>
@@ -128,7 +157,13 @@ import TranslateVariant from 'vue-material-design-icons/TranslateVariant.vue'
 import ClipboardTextOutlineIcon from 'vue-material-design-icons/ClipboardTextOutline.vue'
 import { posToDOMRect } from '@tiptap/core'
 import { loadState } from '@nextcloud/initial-state'
-import { NcActions, NcActionButton, NcActionSeparator, NcListItem, NcModal } from '@nextcloud/vue'
+import {
+	NcActions,
+	NcActionButton,
+	NcActionSeparator,
+	NcListItem,
+	NcModal,
+} from '@nextcloud/vue'
 import {
 	useEditorMixin,
 	useIsRichWorkspaceMixin,
@@ -192,18 +227,28 @@ export default {
 			STATUS_UNKNOWN,
 
 			showTaskList: false,
-			canTranslate: loadState('text', 'translation_languages', []).from?.length > 0,
+			canTranslate:
+				loadState('text', 'translation_languages', []).from?.length > 0,
 		}
 	},
 	computed: {
 		showAssistant() {
-			return !this.$isRichWorkspace && !this.$isPublic && window.OCA.Assistant?.openAssistantForm
+			return (
+				!this.$isRichWorkspace &&
+				!this.$isPublic &&
+				window.OCA.Assistant?.openAssistantForm
+			)
 		},
 		identifier() {
 			return 'text-file:' + this.$file.fileId
 		},
 		badgeStateIcon() {
-			if (this.tasks.filter((t) => t.status === STATUS_SCHEDULED || t.status === STATUS_RUNNING).length > 0) {
+			if (
+				this.tasks.filter(
+					(t) =>
+						t.status === STATUS_SCHEDULED || t.status === STATUS_RUNNING,
+				).length > 0
+			) {
 				return ClockOutline
 			}
 
@@ -211,7 +256,9 @@ export default {
 				return ErrorIcon
 			}
 
-			if (this.tasks.filter((t) => t.status === STATUS_SUCCESSFUL).length > 0) {
+			if (
+				this.tasks.filter((t) => t.status === STATUS_SUCCESSFUL).length > 0
+			) {
 				return CheckCircleIcon
 			}
 
@@ -240,18 +287,29 @@ export default {
 	},
 	methods: {
 		async fetchTasks() {
-			const result = await axios.get(generateOcsUrl('/taskprocessing/tasks/app/text') + '?customId=' + this.identifier)
+			const result = await axios.get(
+				generateOcsUrl('/taskprocessing/tasks/app/text') +
+					'?customId=' +
+					this.identifier,
+			)
 
-			const filteredTasks = result.data.ocs.data.tasks.filter(t => this.taskTypeIds.includes(t.type))
-			this.tasks = filteredTasks.map((task) => {
-				return {
-					...task,
-					title: this.taskTypes.find(t => t.id === task.type).name,
-				}
-			}).sort((a, b) => b.id - a.id)
+			const filteredTasks = result.data.ocs.data.tasks.filter((t) =>
+				this.taskTypeIds.includes(t.type),
+			)
+			this.tasks = filteredTasks
+				.map((task) => {
+					return {
+						...task,
+						title: this.taskTypes.find((t) => t.id === task.type).name,
+					}
+				})
+				.sort((a, b) => b.id - a.id)
 		},
 		async checkNotification(event) {
-			if (event.notification.app !== 'assistant' || event.notification.actions[0].type !== 'WEB') {
+			if (
+				event.notification.app !== 'assistant' ||
+				event.notification.actions[0].type !== 'WEB'
+			) {
 				return
 			}
 			await this.fetchTasks()
@@ -262,27 +320,26 @@ export default {
 			this.selection = state.doc.textBetween(from, to, ' ')
 		},
 		async openAssistantForm(taskType = null) {
-			await window.OCA.Assistant.openAssistantForm(
-				{
-					appId: 'text',
-					customId: this.identifier,
-					taskType,
-					inputs: {
-						input: this.selection,
-					},
-					isInsideViewer: true,
-					closeOnResult: false,
-					actionButtons: [
-						{
-							type: 'primary',
-							title: t('text', 'Insert result'),
-							label: t('text', 'Insert result'),
-							onClick: (lastTask) => {
-								this.insertResult(lastTask)
-							},
+			await window.OCA.Assistant.openAssistantForm({
+				appId: 'text',
+				customId: this.identifier,
+				taskType,
+				inputs: {
+					input: this.selection,
+				},
+				isInsideViewer: true,
+				closeOnResult: false,
+				actionButtons: [
+					{
+						type: 'primary',
+						title: t('text', 'Insert result'),
+						label: t('text', 'Insert result'),
+						onClick: (lastTask) => {
+							this.insertResult(lastTask)
 						},
-					],
-				}).finally(() => {
+					},
+				],
+			}).finally(() => {
 				this.fetchTasks()
 			})
 		},
@@ -309,7 +366,9 @@ export default {
 		},
 		async insertResult(task) {
 			const isMarkdown = shouldInterpretAsMarkdown(task.output.output)
-			const content = isMarkdown ? markdownit.render(task.output.output) : task.output.output
+			const content = isMarkdown
+				? markdownit.render(task.output.output)
+				: task.output.output
 			this.$editor.commands.insertContent(content)
 			this.showTaskList = false
 		},
@@ -329,7 +388,7 @@ export default {
 			} catch (e) {
 				console.error('Failed to delete task', e)
 			}
-			const taskIndex = this.tasks.findIndex(t => t.id === task.id)
+			const taskIndex = this.tasks.findIndex((t) => t.id === task.id)
 			if (taskIndex > -1) {
 				this.$delete(this.tasks, taskIndex)
 			}
@@ -341,8 +400,14 @@ export default {
 			return {
 				placement: 'right',
 				getReferenceClientRect: () => {
-					const editorRect = this.$parent.$el.querySelector('.ProseMirror').getBoundingClientRect()
-					const pos = posToDOMRect(this.$editor.view, this.$editor.state.selection.from, this.$editor.state.selection.to)
+					const editorRect = this.$parent.$el
+						.querySelector('.ProseMirror')
+						.getBoundingClientRect()
+					const pos = posToDOMRect(
+						this.$editor.view,
+						this.$editor.state.selection.from,
+						this.$editor.state.selection.to,
+					)
 					let rightSpacing = 0
 
 					if (editorRect.width < 890) {
@@ -352,11 +417,24 @@ export default {
 					return {
 						...pos,
 						width: editorRect.width - rightSpacing,
-						height: limitInRange(pos.height, buttonSize, window.innerHeight),
-						top: limitInRange(pos.top, topSpacing, window.innerHeight - bottomSpacing),
+						height: limitInRange(
+							pos.height,
+							buttonSize,
+							window.innerHeight,
+						),
+						top: limitInRange(
+							pos.top,
+							topSpacing,
+							window.innerHeight - bottomSpacing,
+						),
 						left: editorRect.left,
 						right: editorRect.right,
-						bottom: limitInRange(pos.top + buttonSize, bottomSpacing, window.innerHeight - topSpacing) + 22,
+						bottom:
+							limitInRange(
+								pos.top + buttonSize,
+								bottomSpacing,
+								window.innerHeight - topSpacing,
+							) + 22,
 					}
 				},
 			}
diff --git a/src/components/BaseReader.vue b/src/components/BaseReader.vue
index ec45d75dab6..0e7100b2cf4 100644
--- a/src/components/BaseReader.vue
+++ b/src/components/BaseReader.vue
@@ -4,15 +4,17 @@
 -->
 
 <template>
-	<div data-text-el="editor-content-wrapper"
+	<div
+		data-text-el="editor-content-wrapper"
 		class="content-wrapper text-editor__content-wrapper"
 		:class="{
-			'--show-outline': showOutline
+			'--show-outline': showOutline,
 		}">
 		<div v-if="showOutline" class="text-editor__content-wrapper__left">
 			<EditorOutline />
 		</div>
-		<EditorContent v-if="$editor"
+		<EditorContent
+			v-if="$editor"
 			id="read-only-editor"
 			class="editor__content text-editor__content"
 			:editor="$editor" />
@@ -24,7 +26,10 @@
 import { Editor } from '@tiptap/core'
 import { EditorContent } from '@tiptap/vue-2'
 import { EDITOR } from './Editor.provider.js'
-import { useOutlineStateMixin, useOutlineActions } from './Editor/Wrapper.provider.js'
+import {
+	useOutlineStateMixin,
+	useOutlineActions,
+} from './Editor/Wrapper.provider.js'
 import EditorOutline from './Editor/EditorOutline.vue'
 
 export default {
diff --git a/src/components/CollisionResolveDialog.vue b/src/components/CollisionResolveDialog.vue
index 6bc3312d31d..e7da154c0e3 100644
--- a/src/components/CollisionResolveDialog.vue
+++ b/src/components/CollisionResolveDialog.vue
@@ -4,19 +4,26 @@
 -->
 
 <template>
-	<div id="resolve-conflicts" class="collision-resolve-dialog" :class="{'icon-loading': clicked }">
-		<NcButton :wide="true"
+	<div
+		id="resolve-conflicts"
+		class="collision-resolve-dialog"
+		:class="{ 'icon-loading': clicked }">
+		<NcButton
+			:wide="true"
 			size="large"
 			:disabled="clicked"
 			data-cy="resolveThisVersion"
 			@click="resolveThisVersion">
 			{{ t('text', 'Overwrite the file and save the current changes') }}
 		</NcButton>
-		<NcButton :wide="true"
+		<NcButton
+			:wide="true"
 			:disabled="clicked"
 			data-cy="resolveServerVersion"
 			@click="resolveServerVersion">
-			{{ t('text', 'Discard the current changes and load the latest version') }}
+			{{
+				t('text', 'Discard the current changes and load the latest version')
+			}}
 		</NcButton>
 	</div>
 </template>
@@ -34,12 +41,7 @@ export default {
 	components: {
 		NcButton,
 	},
-	mixins: [
-		useEditorMixin,
-		useIsRichEditorMixin,
-		setContent,
-		useSyncServiceMixin,
-	],
+	mixins: [useEditorMixin, useIsRichEditorMixin, setContent, useSyncServiceMixin],
 	props: {
 		syncError: {
 			type: Object,
@@ -69,12 +71,12 @@ export default {
 </script>
 
 <style scoped lang="scss">
-	#resolve-conflicts {
-		display: flex;
-		margin: auto;
-		padding: 0 var(--default-grid-baseline);
-		button {
-			margin: 0 var(--default-grid-baseline) ;
-		}
+#resolve-conflicts {
+	display: flex;
+	margin: auto;
+	padding: 0 var(--default-grid-baseline);
+	button {
+		margin: 0 var(--default-grid-baseline);
 	}
+}
 </style>
diff --git a/src/components/Editor.provider.js b/src/components/Editor.provider.js
index bcc4085f7f8..64c675f0f0c 100644
--- a/src/components/Editor.provider.js
+++ b/src/components/Editor.provider.js
@@ -72,7 +72,9 @@ export const useAttachmentResolver = {
 			from: ATTACHMENT_RESOLVER,
 			default: {
 				resolve(src) {
-					logger.warn('No attachment resolver provided. Some attachment sources cannot be resolved.')
+					logger.warn(
+						'No attachment resolver provided. Some attachment sources cannot be resolved.',
+					)
 					return [src]
 				},
 			},
diff --git a/src/components/Editor.singleton.js b/src/components/Editor.singleton.js
index 3edf4ab6071..a62197f9656 100644
--- a/src/components/Editor.singleton.js
+++ b/src/components/Editor.singleton.js
@@ -23,7 +23,7 @@ export default async function getEditorInstance() {
 		} else {
 			window._nc_text_editor_importing = true
 		}
-		const Editor = await import(/* webpackChunkName: "editor" */'./Editor.vue')
+		const Editor = await import(/* webpackChunkName: "editor" */ './Editor.vue')
 		const { default: Vue } = await import('vue')
 		Vue.prototype.t = window.t
 		Vue.prototype.OCA = window.OCA
diff --git a/src/components/Editor.vue b/src/components/Editor.vue
index 5967323b091..e4d3c06d8ba 100644
--- a/src/components/Editor.vue
+++ b/src/components/Editor.vue
@@ -4,7 +4,8 @@
 -->
 
 <template>
-	<div id="editor-container"
+	<div
+		id="editor-container"
 		ref="el"
 		data-text-el="editor-container"
 		class="text-editor"
@@ -12,7 +13,8 @@
 		@keydown.stop="onKeyDown">
 		<SkeletonLoading v-if="showLoadingSkeleton" />
 		<CollisionResolveDialog v-if="isResolvingConflict" :sync-error="syncError" />
-		<Wrapper v-if="displayed"
+		<Wrapper
+			v-if="displayed"
 			:is-resolving-conflict="isResolvingConflict"
 			:has-connection-issue="requireReconnect"
 			:content-loaded="contentLoaded"
@@ -21,10 +23,13 @@
 			@outline-toggled="outlineToggled">
 			<MainContainer v-if="hasEditor">
 				<!-- Readonly -->
-				<div v-if="readOnly || (openReadOnlyEnabled && !editMode)" class="text-editor--readonly-bar">
+				<div
+					v-if="readOnly || (openReadOnlyEnabled && !editMode)"
+					class="text-editor--readonly-bar">
 					<slot name="readonlyBar">
 						<ReadonlyBar :open-read-only="openReadOnlyEnabled">
-							<Status :document="document"
+							<Status
+								:document="document"
 								:dirty="dirty"
 								:sessions="filteredSessions"
 								:sync-error="syncError"
@@ -34,12 +39,14 @@
 				</div>
 				<!-- Rich Menu -->
 				<template v-else>
-					<MenuBar v-if="renderMenus"
+					<MenuBar
+						v-if="renderMenus"
 						ref="menubar"
 						:is-hidden="hideMenu"
 						:open-read-only="openReadOnlyEnabled"
 						:loaded.sync="menubarLoaded">
-						<Status :document="document"
+						<Status
+							:document="document"
 							:dirty="dirty"
 							:sessions="filteredSessions"
 							:sync-error="syncError"
@@ -49,21 +56,23 @@
 					</MenuBar>
 					<div v-else class="menubar-placeholder" />
 				</template>
-				<ContentContainer v-show="contentLoaded"
-					ref="contentWrapper" />
+				<ContentContainer v-show="contentLoaded" ref="contentWrapper" />
 				<SuggestionsBar v-if="isRichEditor && contentLoaded" />
 			</MainContainer>
-			<Reader v-if="isResolvingConflict"
+			<Reader
+				v-if="isResolvingConflict"
 				:content="syncError.data.outsideChange"
 				:is-rich-editor="isRichEditor" />
-			<DocumentStatus :idle="idle"
+			<DocumentStatus
+				:idle="idle"
 				:lock="lock"
 				:sync-error="syncError"
 				:has-connection-issue="requireReconnect"
 				@reconnect="reconnect" />
 		</Wrapper>
 		<Assistant v-if="hasEditor" />
-		<Translate :show="translateModal"
+		<Translate
+			:show="translateModal"
 			:content="translateContent"
 			@insert-content="translateInsert"
 			@replace-content="translateReplace"
@@ -140,16 +149,13 @@ export default {
 		ReadonlyBar,
 		ContentContainer,
 		MenuBar,
-		Reader: () => import(/* webpackChunkName: "editor" */'./Reader.vue'),
+		Reader: () => import(/* webpackChunkName: "editor" */ './Reader.vue'),
 		Status,
 		Assistant,
 		Translate,
 		SuggestionsBar,
 	},
-	mixins: [
-		isMobile,
-		setContent,
-	],
+	mixins: [isMobile, setContent],
 
 	provide() {
 		const val = {}
@@ -241,7 +247,7 @@ export default {
 	setup() {
 		const el = ref(null)
 		const { width } = useElementSize(el)
-		watch(width, value => {
+		watch(width, (value) => {
 			const maxWidth = Math.floor(value) - 36
 			el.value.style.setProperty('--widget-full-width', `${maxWidth}px`)
 		})
@@ -285,7 +291,9 @@ export default {
 			return this.hasSyncCollission && !this.readOnly
 		},
 		hasSyncCollission() {
-			return this.syncError && this.syncError.type === ERROR_TYPE.SAVE_COLLISSION
+			return (
+				this.syncError && this.syncError.type === ERROR_TYPE.SAVE_COLLISSION
+			)
 		},
 		hasDocumentParameters() {
 			return this.fileId || this.shareToken || this.initialSession
@@ -294,10 +302,15 @@ export default {
 			return this.isDirectEditing || isPublicShare()
 		},
 		isRichEditor() {
-			return loadState('text', 'rich_editing_enabled', true) && this.mime === 'text/markdown'
+			return (
+				loadState('text', 'rich_editing_enabled', true) &&
+				this.mime === 'text/markdown'
+			)
 		},
 		fileExtension() {
-			return this.relativePath ? this.relativePath.split('/').pop().split('.').pop() : 'txt'
+			return this.relativePath
+				? this.relativePath.split('/').pop().split('.').pop()
+				: 'txt'
 		},
 		currentDirectory() {
 			return this.relativePath
@@ -311,14 +324,15 @@ export default {
 			return (!this.contentLoaded || !this.displayed) && !this.syncError
 		},
 		renderRichEditorMenus() {
-			return this.contentLoaded
-				&& this.isRichEditor
-				&& !this.syncError
-				&& !this.readOnly
+			return (
+				this.contentLoaded &&
+				this.isRichEditor &&
+				!this.syncError &&
+				!this.readOnly
+			)
 		},
 		renderMenus() {
-			return this.contentLoaded
-				&& !this.syncError
+			return this.contentLoaded && !this.syncError
 		},
 		imagePath() {
 			return this.relativePath.split('/').slice(0, -1).join('/')
@@ -365,7 +379,7 @@ export default {
 		},
 	},
 	mounted() {
-		if (this.active && (this.hasDocumentParameters)) {
+		if (this.active && this.hasDocumentParameters) {
 			this.initSession()
 		}
 		if (!this.richWorkspace) {
@@ -413,7 +427,9 @@ export default {
 				this.emit('error', 'No valid file provided')
 				return
 			}
-			const guestName = localStorage.getItem('nick') ? localStorage.getItem('nick') : ''
+			const guestName = localStorage.getItem('nick')
+				? localStorage.getItem('nick')
+				: ''
 
 			const api = new SessionApi({
 				guestName,
@@ -425,8 +441,12 @@ export default {
 				api,
 				baseVersionEtag: this.$baseVersionEtag,
 				serialize: this.isRichEditor
-					? (content) => createMarkdownSerializer(this.$editor.schema).serialize(content ?? this.$editor.state.doc)
-					: (content) => serializePlainText(content ?? this.$editor.state.doc),
+					? (content) =>
+							createMarkdownSerializer(this.$editor.schema).serialize(
+								content ?? this.$editor.state.doc,
+							)
+					: (content) =>
+							serializePlainText(content ?? this.$editor.state.doc),
 				getDocumentState: () => getDocumentState(this.$ydoc),
 			})
 
@@ -492,14 +512,19 @@ export default {
 
 			// Make sure we get our own session updated
 			// This should ideally be part of a global store where we can have that updated on the actual name change for guests
-			const currentUpdatedSession = this.sessions.find(session => session.id === this.currentSession.id)
+			const currentUpdatedSession = this.sessions.find(
+				(session) => session.id === this.currentSession.id,
+			)
 			set(this, 'currentSession', currentUpdatedSession)
 
 			const currentSessionIds = this.sessions.map((session) => session.userId)
 			const currentGuestIds = this.sessions.map((session) => session.guestId)
 
-			const removedSessions = Object.keys(this.filteredSessions)
-				.filter(sessionId => !currentSessionIds.includes(sessionId) && !currentGuestIds.includes(sessionId))
+			const removedSessions = Object.keys(this.filteredSessions).filter(
+				(sessionId) =>
+					!currentSessionIds.includes(sessionId) &&
+					!currentGuestIds.includes(sessionId),
+			)
 
 			for (const index in removedSessions) {
 				Vue.delete(this.filteredSessions, removedSessions[index])
@@ -509,8 +534,15 @@ export default {
 				const sessionKey = session.displayName ? session.userId : session.id
 				if (this.filteredSessions[sessionKey]) {
 					// update timestamp if relevant
-					if (this.filteredSessions[sessionKey].lastContact < session.lastContact) {
-						set(this.filteredSessions[sessionKey], 'lastContact', session.lastContact)
+					if (
+						this.filteredSessions[sessionKey].lastContact <
+						session.lastContact
+					) {
+						set(
+							this.filteredSessions[sessionKey],
+							'lastContact',
+							session.lastContact,
+						)
 					}
 				} else {
 					set(this.filteredSessions, sessionKey, session)
@@ -541,18 +573,24 @@ export default {
 			if (this.currentSession?.userId && this.relativePath?.length) {
 				const node = new File({
 					id: this.fileId,
-					source: generateRemoteUrl(`dav/files/${this.currentSession.userId}${this.relativePath}`),
+					source: generateRemoteUrl(
+						`dav/files/${this.currentSession.userId}${this.relativePath}`,
+					),
 					mime: this.mime,
 				})
 				fetchNode(node)
-					.then((n) => { this.fileNode = n })
-					.catch(err => logger.warn('Failed to fetch node', { err }))
+					.then((n) => {
+						this.fileNode = n
+					})
+					.catch((err) => logger.warn('Failed to fetch node', { err }))
 			}
 		},
 
 		onLoaded({ document, documentSource, documentState }) {
 			if (!documentState) {
-				this.setInitialYjsState(documentSource, { isRichEditor: this.isRichEditor })
+				this.setInitialYjsState(documentSource, {
+					isRichEditor: this.isRichEditor,
+				})
 			}
 
 			this.$baseVersionEtag = document.baseVersionEtag
@@ -572,7 +610,7 @@ export default {
 					user: {
 						name: session?.userId
 							? session.displayName
-							: (session?.guestName || t('text', 'Guest')),
+							: session?.guestName || t('text', 'Guest'),
 						color: session?.color,
 						clientId: this.$ydoc.clientID,
 					},
@@ -588,16 +626,14 @@ export default {
 				this.hasEditor = true
 				this.listenEditorEvents()
 			} else {
-				const language = extensionHighlight[this.fileExtension]
-					|| this.fileExtension
-				loadSyntaxHighlight(language)
-					.then(() => {
-						this.$editor = createPlainEditor({ language, extensions })
-						this.hasEditor = true
-						this.listenEditorEvents()
-					})
+				const language =
+					extensionHighlight[this.fileExtension] || this.fileExtension
+				loadSyntaxHighlight(language).then(() => {
+					this.$editor = createPlainEditor({ language, extensions })
+					this.hasEditor = true
+					this.listenEditorEvents()
+				})
 			}
-
 		},
 
 		onChange({ document, sessions }) {
@@ -628,9 +664,10 @@ export default {
 		},
 
 		onSync({ steps, document }) {
-			this.hasConnectionIssue = this.$syncService.backend.fetcher === 0
-				|| !this.$providers[0].wsconnected
-				|| this.$syncService.pushError > 0
+			this.hasConnectionIssue =
+				this.$syncService.backend.fetcher === 0 ||
+				!this.$providers[0].wsconnected ||
+				this.$syncService.pushError > 0
 			if (this.$syncService.pushError > 0) {
 				// successfully received steps - so let's try and also push
 				this.$syncService.sendStepsNow()
@@ -651,15 +688,21 @@ export default {
 				}
 			}
 
-			if (type === ERROR_TYPE.SAVE_COLLISSION && (!this.syncError || this.syncError.type !== ERROR_TYPE.SAVE_COLLISSION)) {
+			if (
+				type === ERROR_TYPE.SAVE_COLLISSION &&
+				(!this.syncError ||
+					this.syncError.type !== ERROR_TYPE.SAVE_COLLISSION)
+			) {
 				this.contentLoaded = true
 				this.syncError = {
 					type,
 					data,
 				}
 			}
-			if (type === ERROR_TYPE.CONNECTION_FAILED
-				|| type === ERROR_TYPE.SOURCE_NOT_FOUND) {
+			if (
+				type === ERROR_TYPE.CONNECTION_FAILED ||
+				type === ERROR_TYPE.SOURCE_NOT_FOUND
+			) {
 				this.hasConnectionIssue = true
 			}
 
@@ -684,8 +727,9 @@ export default {
 			}
 			if (Object.prototype.hasOwnProperty.call(state, 'dirty')) {
 				// ignore initial loading and other automated changes before first user change
-				if (this.$editor
-					&& (this.$editor.can().undo() || this.$editor.can().redo())
+				if (
+					this.$editor &&
+					(this.$editor.can().undo() || this.$editor.can().redo())
 				) {
 					this.dirty = state.dirty
 					if (this.dirty) {
@@ -740,7 +784,7 @@ export default {
 		async disconnect() {
 			await this.$syncService.close()
 			this.unlistenSyncServiceEvents()
-			this.$providers.forEach(p => p?.destroy())
+			this.$providers.forEach((p) => p?.destroy())
 			this.$providers = []
 			this.$syncService = null
 			// disallow editing while still showing the content
@@ -748,10 +792,14 @@ export default {
 		},
 
 		async close() {
-			await this.$syncService.sendRemainingSteps()
-				.catch(err => logger.warn('Failed to send remaining steps', { err }))
-			await this.disconnect()
-				.catch(err => logger.warn('Failed to disconnect', { err }))
+			await this.$syncService
+				.sendRemainingSteps()
+				.catch((err) =>
+					logger.warn('Failed to send remaining steps', { err }),
+				)
+			await this.disconnect().catch((err) =>
+				logger.warn('Failed to disconnect', { err }),
+			)
 			if (this.$editor) {
 				try {
 					this.unlistenEditorEvents()
@@ -802,7 +850,9 @@ export default {
 			const proseMirrorMarkdown = this.$syncService.serialize(editor.state.doc)
 			const markdownItHtml = markdownit.render(proseMirrorMarkdown)
 
-			logger.debug('markdown, serialized from editor state by prosemirror-markdown')
+			logger.debug(
+				'markdown, serialized from editor state by prosemirror-markdown',
+			)
 			console.debug(proseMirrorMarkdown)
 			logger.debug('HTML, serialized from markdown by markdown-it')
 			console.debug(markdownItHtml)
@@ -847,7 +897,13 @@ export default {
 				return
 			}
 
-			if (event.key === 'Tab' && !event.shiftKey && !event.ctrlKey && !event.metaKey && this.$editor.isActive('codeBlock')) {
+			if (
+				event.key === 'Tab' &&
+				!event.shiftKey &&
+				!event.ctrlKey &&
+				!event.metaKey &&
+				this.$editor.isActive('codeBlock')
+			) {
 				this.$editor.commands.insertContent('\t')
 				this.$editor.commands.focus()
 				event.preventDefault()
@@ -896,7 +952,10 @@ export default {
 			})
 		},
 		updateEditorWidth(newWidth) {
-			document.documentElement.style.setProperty('--text-editor-max-width', newWidth)
+			document.documentElement.style.setProperty(
+				'--text-editor-max-width',
+				newWidth,
+			)
 		},
 
 		saveBeforeUnload() {
@@ -954,8 +1013,10 @@ export default {
 	top: 0;
 	opacity: 0;
 	visibility: hidden;
-	height: var(--default-clickable-area); // important for mobile so that the buttons are always inside the container
-	padding-top:3px;
+	height: var(
+		--default-clickable-area
+	); // important for mobile so that the buttons are always inside the container
+	padding-top: 3px;
 	padding-bottom: 3px;
 }
 
@@ -1005,8 +1066,12 @@ export default {
 }
 
 @keyframes spin {
-	0% { transform: rotate(0deg); }
-	100% { transform: rotate(360deg); }
+	0% {
+		transform: rotate(0deg);
+	}
+	100% {
+		transform: rotate(360deg);
+	}
 }
 
 /* Give a remote user a caret */
@@ -1014,8 +1079,8 @@ export default {
 	position: relative;
 	margin-left: -1px;
 	margin-right: -1px;
-	border-left: 1px solid #0D0D0D;
-	border-right: 1px solid #0D0D0D;
+	border-left: 1px solid #0d0d0d;
+	border-right: 1px solid #0d0d0d;
 	word-break: normal;
 	pointer-events: none;
 }
@@ -1030,7 +1095,7 @@ export default {
 	font-weight: 600;
 	line-height: normal;
 	user-select: none;
-	color: #0D0D0D;
+	color: #0d0d0d;
 	padding: 0.1rem 0.3rem;
 	border-radius: 3px 3px 3px 0;
 	white-space: nowrap;
diff --git a/src/components/HelpModal.vue b/src/components/HelpModal.vue
index ae0cad4967b..c279b836b44 100644
--- a/src/components/HelpModal.vue
+++ b/src/components/HelpModal.vue
@@ -4,7 +4,8 @@
 -->
 
 <template>
-	<NcDialog size="large"
+	<NcDialog
+		size="large"
 		data-text-el="formatting-help"
 		:name="t('text', 'Formatting and shortcuts')"
 		:close-on-click-outside="true"
@@ -12,7 +13,12 @@
 		<h2>{{ t('text', 'Formatting and shortcuts') }}</h2>
 		<p>{{ t('text', 'Speed up your writing with simple shortcuts.') }}</p>
 		<p v-if="!isMobileCached">
-			{{ t('text', 'Just type the Markdown syntax or use keyboard shortcuts from below.') }}
+			{{
+				t(
+					'text',
+					'Just type the Markdown syntax or use keyboard shortcuts from below.',
+				)
+			}}
 		</p>
 		<p v-else>
 			{{ t('text', 'Just type the Markdown syntax from below.') }}
@@ -51,7 +57,9 @@
 				</tr>
 				<tr>
 					<td>{{ t('text', 'Bold') }}</td>
-					<td><code>**{{ t('text', 'Bold text') }}**</code></td>
+					<td>
+						<code>**{{ t('text', 'Bold text') }}**</code>
+					</td>
 					<td v-if="!isMobileCached">
 						<kbd>{{ ctrlOrModKey }}</kbd>
 						+
@@ -60,7 +68,9 @@
 				</tr>
 				<tr>
 					<td>{{ t('text', 'Italic') }}</td>
-					<td><code>*{{ t('text', 'Italicized text') }}*</code></td>
+					<td>
+						<code>*{{ t('text', 'Italicized text') }}*</code>
+					</td>
 					<td v-if="!isMobileCached">
 						<kbd>{{ ctrlOrModKey }}</kbd>
 						+
@@ -69,7 +79,9 @@
 				</tr>
 				<tr>
 					<td>{{ t('text', 'Strikethrough') }}</td>
-					<td><code>~~{{ t('text', 'Mistaken text') }}~~</code></td>
+					<td>
+						<code>~~{{ t('text', 'Mistaken text') }}~~</code>
+					</td>
 					<td v-if="!isMobileCached">
 						<kbd>{{ ctrlOrModKey }}</kbd>
 						+
@@ -80,7 +92,9 @@
 				</tr>
 				<tr>
 					<td>{{ t('text', 'Underline') }}</td>
-					<td><code>__{{ t('text', 'Underlined text') }}__</code></td>
+					<td>
+						<code>__{{ t('text', 'Underlined text') }}__</code>
+					</td>
 					<td v-if="!isMobileCached">
 						<kbd>{{ ctrlOrModKey }}</kbd>
 						+
@@ -103,15 +117,9 @@
 					</td>
 				</tr>
 				<tr>
-					<td class="noborder ellipsis">
-						…
-					</td>
-					<td class="noborder ellipsis">
-						…
-					</td>
-					<td v-if="!isMobileCached" class="ellipsis noborder">
-						…
-					</td>
+					<td class="noborder ellipsis">…</td>
+					<td class="noborder ellipsis">…</td>
+					<td v-if="!isMobileCached" class="ellipsis noborder">…</td>
 				</tr>
 				<tr>
 					<td class="noborder ellipsis_bottom">
@@ -301,75 +309,78 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-	table {
-		margin-top: 24px;
-		border-collapse: collapse;
-		width: 100%;
-
-		tbody tr {
-			&:hover, &:focus, &:active {
-				background-color: transparent !important;
-			}
-		}
-
-		thead tr {
-			border: none;
-		}
+table {
+	margin-top: 24px;
+	border-collapse: collapse;
+	width: 100%;
 
-		th {
-			font-weight: bold;
-			padding: .75rem 1rem .75rem 0;
-			border-bottom: 2px solid var(--color-background-darker);
+	tbody tr {
+		&:hover,
+		&:focus,
+		&:active {
+			background-color: transparent !important;
 		}
+	}
 
-		td {
-			padding: .75rem 1rem .75rem 0;
-			border-top: 1px solid var(--color-background-dark);
-			border-bottom: unset;
+	thead tr {
+		border: none;
+	}
 
-			&.noborder {
-				border-top: unset;
-			}
+	th {
+		font-weight: bold;
+		padding: 0.75rem 1rem 0.75rem 0;
+		border-bottom: 2px solid var(--color-background-darker);
+	}
 
-			&.ellipsis_top {
-				padding-bottom: 0;
-			}
+	td {
+		padding: 0.75rem 1rem 0.75rem 0;
+		border-top: 1px solid var(--color-background-dark);
+		border-bottom: unset;
 
-			&.ellipsis {
-				padding-top: 0;
-				padding-bottom: 0;
-			}
+		&.noborder {
+			border-top: unset;
+		}
 
-			&.ellipsis_bottom {
-				padding-top: 0;
-			}
+		&.ellipsis_top {
+			padding-bottom: 0;
 		}
 
-		kbd {
-			font-size: smaller;
+		&.ellipsis {
+			padding-top: 0;
+			padding-bottom: 0;
 		}
 
-		code {
-			padding: .2em .4em;
-			font-size: 90%;
-			background-color: var(--color-background-dark);
-			border-radius: 6px;
+		&.ellipsis_bottom {
+			padding-top: 0;
 		}
 	}
 
-	@import '../css/prosemirror';
+	kbd {
+		font-size: smaller;
+	}
 
-	div.ProseMirror {
-		display: inline;
-		margin-top: unset;
-		position: unset;
-		padding: unset;
-		line-height: unset;
+	code {
+		padding: 0.2em 0.4em;
+		font-size: 90%;
+		background-color: var(--color-background-dark);
+		border-radius: 6px;
+	}
+}
 
-		h1, h6 {
-			display: inline;
-			padding: 0;
-			margin: 0;
-		}
+@import '../css/prosemirror';
+
+div.ProseMirror {
+	display: inline;
+	margin-top: unset;
+	position: unset;
+	padding: unset;
+	line-height: unset;
+
+	h1,
+	h6 {
+		display: inline;
+		padding: 0;
+		margin: 0;
 	}
+}
 </style>
diff --git a/src/components/PlainTextReader.vue b/src/components/PlainTextReader.vue
index 39556e788f0..3ac5920be19 100644
--- a/src/components/PlainTextReader.vue
+++ b/src/components/PlainTextReader.vue
@@ -31,6 +31,5 @@ export default {
 			required: true,
 		},
 	},
-
 }
 </script>
diff --git a/src/components/PublicFilesEditor.vue b/src/components/PublicFilesEditor.vue
index 39e27b02844..874b17ab549 100644
--- a/src/components/PublicFilesEditor.vue
+++ b/src/components/PublicFilesEditor.vue
@@ -5,7 +5,8 @@
 
 <template>
 	<NcModal v-if="active" :name="fileName" @close="close">
-		<Editor :file-id="fileId"
+		<Editor
+			:file-id="fileId"
 			:relative-path="relativePath"
 			:active="active"
 			:share-token="shareToken"
@@ -20,7 +21,7 @@ export default {
 	name: 'PublicFilesEditor',
 	components: {
 		NcModal,
-		Editor: () => import(/* webpackChunkName: "editor" */'./Editor.vue'),
+		Editor: () => import(/* webpackChunkName: "editor" */ './Editor.vue'),
 	},
 	props: {
 		fileId: {
@@ -46,7 +47,9 @@ export default {
 	},
 	computed: {
 		fileName() {
-			return this.relativePath.substring(this.relativePath.lastIndexOf('/') + 1)
+			return this.relativePath.substring(
+				this.relativePath.lastIndexOf('/') + 1,
+			)
 		},
 	},
 	methods: {
diff --git a/src/components/Reader.vue b/src/components/Reader.vue
index c2a4df0f686..252817e1873 100644
--- a/src/components/Reader.vue
+++ b/src/components/Reader.vue
@@ -4,10 +4,8 @@
 -->
 
 <template>
-	<RichTextReader v-if="isRichEditor"
-		:content="content" />
-	<PlainTextReader v-else
-		:content="content" />
+	<RichTextReader v-if="isRichEditor" :content="content" />
+	<PlainTextReader v-else :content="content" />
 </template>
 
 <script>
@@ -31,19 +29,17 @@ export default {
 </script>
 
 <style lang="scss">
+#read-only-editor {
+	overflow: scroll;
+}
 
-	#read-only-editor {
-		overflow: scroll;
-	}
-
-	.thumbnailContainer #read-only-editor  {
-		width: 100%;
+.thumbnailContainer #read-only-editor {
+	width: 100%;
 
-		.ProseMirror {
-			height: auto;
-			margin: 0 0 0 0;
-			padding: 0;
-		}
+	.ProseMirror {
+		height: auto;
+		margin: 0 0 0 0;
+		padding: 0;
 	}
-
+}
 </style>
diff --git a/src/components/RichTextReader.vue b/src/components/RichTextReader.vue
index 6d8070140aa..0ba3655d992 100644
--- a/src/components/RichTextReader.vue
+++ b/src/components/RichTextReader.vue
@@ -4,7 +4,9 @@
 -->
 
 <template>
-	<BaseReader :content="content" @click-link="(e, a) => $emit('click-link', e, a)" />
+	<BaseReader
+		:content="content"
+		@click-link="(e, a) => $emit('click-link', e, a)" />
 </template>
 
 <script>
@@ -39,6 +41,6 @@ export default {
 </script>
 
 <style lang="scss">
-	@import './../css/prosemirror';
-	@import './../css/print';
+@import './../css/prosemirror';
+@import './../css/print';
 </style>
diff --git a/src/components/SkeletonLoading.vue b/src/components/SkeletonLoading.vue
index 91d42d9de1f..8524d04ef60 100644
--- a/src/components/SkeletonLoading.vue
+++ b/src/components/SkeletonLoading.vue
@@ -7,24 +7,49 @@
 	<div class="placeholder-main placeholder-main-text">
 		<!-- Placeholder animation -->
 		<template v-for="(suffix, gradientIndex) in ['-regular', '-reverse']">
-			<svg :key="'gradient' + suffix" :class="'placeholder-gradient placeholder-gradient' + suffix">
+			<svg
+				:key="'gradient' + suffix"
+				:class="'placeholder-gradient placeholder-gradient' + suffix">
 				<defs>
 					<linearGradient :id="'placeholder-gradient' + suffix">
-						<stop offset="0%" :stop-color="(gradientIndex === 0) ? colorPlaceholderLight : colorPlaceholderDark" />
-						<stop offset="100%" :stop-color="(gradientIndex === 0) ? colorPlaceholderDark : colorPlaceholderLight" />
+						<stop
+							offset="0%"
+							:stop-color="
+								gradientIndex === 0
+									? colorPlaceholderLight
+									: colorPlaceholderDark
+							" />
+						<stop
+							offset="100%"
+							:stop-color="
+								gradientIndex === 0
+									? colorPlaceholderDark
+									: colorPlaceholderLight
+							" />
 					</linearGradient>
 				</defs>
 			</svg>
 
-			<ul :key="'list' + suffix" :class="'placeholder-list placeholder-list' + suffix">
+			<ul
+				:key="'list' + suffix"
+				:class="'placeholder-list placeholder-list' + suffix">
 				<li v-for="index in count" :key="'placeholder' + suffix + index">
-					<svg class="text-placeholder"
+					<svg
+						class="text-placeholder"
 						xmlns="http://www.w3.org/2000/svg"
 						:fill="'url(#placeholder-gradient' + suffix + ')'">
-						<rect class="text-placeholder-line-one" :style="textPlaceholderData[0]" />
-						<rect class="text-placeholder-line-two" :style="textPlaceholderData[1]" />
-						<rect class="text-placeholder-line-three" :style="textPlaceholderData[2]" />
-						<rect class="text-placeholder-line-four" :style="textPlaceholderData[3]" />
+						<rect
+							class="text-placeholder-line-one"
+							:style="textPlaceholderData[0]" />
+						<rect
+							class="text-placeholder-line-two"
+							:style="textPlaceholderData[1]" />
+						<rect
+							class="text-placeholder-line-three"
+							:style="textPlaceholderData[2]" />
+						<rect
+							class="text-placeholder-line-four"
+							:style="textPlaceholderData[3]" />
 					</svg>
 				</li>
 			</ul>
@@ -35,7 +60,9 @@
 <script>
 const bodyStyles = window.getComputedStyle(document.body)
 const colorPlaceholderDark = bodyStyles.getPropertyValue('--color-placeholder-dark')
-const colorPlaceholderLight = bodyStyles.getPropertyValue('--color-placeholder-light')
+const colorPlaceholderLight = bodyStyles.getPropertyValue(
+	'--color-placeholder-light',
+)
 
 export default {
 	name: 'SkeletonLoading',
@@ -167,5 +194,4 @@ $messages-list-max-width: 670px;
 		opacity: 0;
 	}
 }
-
 </style>
diff --git a/src/components/SuggestionsBar.vue b/src/components/SuggestionsBar.vue
index f1da0ef59bb..710f87704f5 100644
--- a/src/components/SuggestionsBar.vue
+++ b/src/components/SuggestionsBar.vue
@@ -6,7 +6,8 @@
 <template>
 	<transition name="fade">
 		<div v-if="isEmptyContent && !isMobileDevice" class="container-suggestions">
-			<NcButton ref="linkFileOrFolder"
+			<NcButton
+				ref="linkFileOrFolder"
 				type="secondary"
 				size="normal"
 				class="suggestions--button"
@@ -17,7 +18,8 @@
 				{{ t('text', 'Link to file or folder') }}
 			</NcButton>
 
-			<NcButton type="secondary"
+			<NcButton
+				type="secondary"
 				size="normal"
 				class="suggestions--button"
 				@click="$callChooseLocalAttachment">
@@ -27,7 +29,8 @@
 				{{ t('text', 'Upload') }}
 			</NcButton>
 
-			<NcButton type="secondary"
+			<NcButton
+				type="secondary"
 				size="normal"
 				class="suggestions--button"
 				@click="insertTable">
@@ -37,7 +40,8 @@
 				{{ t('text', 'Insert Table') }}
 			</NcButton>
 
-			<NcButton type="secondary"
+			<NcButton
+				type="secondary"
 				size="normal"
 				class="suggestions--button"
 				@click="linkPicker">
@@ -69,11 +73,7 @@ export default {
 		Shape,
 		Upload,
 	},
-	mixins: [
-		useActionChooseLocalAttachmentMixin,
-		useEditorMixin,
-		useFileMixin,
-	],
+	mixins: [useActionChooseLocalAttachmentMixin, useEditorMixin, useFileMixin],
 
 	setup() {
 		return {
@@ -110,7 +110,7 @@ export default {
 		 */
 		linkPicker() {
 			getLinkWithPicker(null, true)
-				.then(link => {
+				.then((link) => {
 					const chain = this.$editor.chain()
 					if (this.$editor.view.state?.selection.empty) {
 						chain.focus().insertPreview(link).run()
@@ -118,7 +118,7 @@ export default {
 						chain.setLink({ href: link }).focus().run()
 					}
 				})
-				.catch(error => {
+				.catch((error) => {
 					console.error('Smart picker promise rejected', error)
 				})
 		},
@@ -142,13 +142,19 @@ export default {
 
 			const filePicker = buildFilePicker(this.startPath)
 
-			filePicker.pick()
+			filePicker
+				.pick()
 				.then((file) => {
 					const client = OC.Files.getClient()
 					client.getFileInfo(file).then((_status, fileInfo) => {
-						const url = new URL(generateUrl(`/f/${fileInfo.id}`), window.origin)
+						const url = new URL(
+							generateUrl(`/f/${fileInfo.id}`),
+							window.origin,
+						)
 						this.setLink(url.href, fileInfo.name)
-						this.startPath = fileInfo.path + (fileInfo.type === 'dir' ? `/${fileInfo.name}/` : '')
+						this.startPath =
+							fileInfo.path +
+							(fileInfo.type === 'dir' ? `/${fileInfo.name}/` : '')
 					})
 				})
 				.catch(() => {
@@ -180,7 +186,6 @@ export default {
 </script>
 
 <style scoped lang="scss">
-
 .container-suggestions {
 	display: flex;
 	margin-left: max(0px, (100% - var(--text-editor-max-width)) / 2);
@@ -205,5 +210,4 @@ export default {
 .fade-leave-to {
 	opacity: 0;
 }
-
 </style>
diff --git a/src/components/ViewerComponent.vue b/src/components/ViewerComponent.vue
index 621de0427de..1cd506b97d7 100644
--- a/src/components/ViewerComponent.vue
+++ b/src/components/ViewerComponent.vue
@@ -4,7 +4,8 @@
 -->
 
 <template>
-	<Editor v-if="!useSourceView"
+	<Editor
+		v-if="!useSourceView"
 		:file-id="fileid"
 		:relative-path="filename"
 		:active="active || isEmbedded"
@@ -13,11 +14,13 @@
 		:class="{ 'text-editor--embedding': isEmbedded }"
 		:mime="mime"
 		:show-outline-outside="showOutlineOutside" />
-	<div v-else
+	<div
+		v-else
 		id="editor-container"
 		data-text-el="editor-container"
 		class="text-editor source-viewer">
-		<Component :is="readerComponent"
+		<Component
+			:is="readerComponent"
 			:content="content"
 			:file-id="fileid"
 			:read-only="true"
@@ -111,12 +114,18 @@ export default {
 	computed: {
 		/** @return {boolean} */
 		useSourceView() {
-			return this.source && (this.fileVersion || !this.fileid || this.isEmbedded) && !this.hasToggledInteractiveEmbedding
+			return (
+				this.source &&
+				(this.fileVersion || !this.fileid || this.isEmbedded) &&
+				!this.hasToggledInteractiveEmbedding
+			)
 		},
 
 		/** @return {boolean} */
 		readerComponent() {
-			return this.mime === 'text/markdown' ? MarkdownContentEditor : PlainTextReader
+			return this.mime === 'text/markdown'
+				? MarkdownContentEditor
+				: PlainTextReader
 		},
 	},
 
@@ -177,7 +186,6 @@ export default {
 	&.text-editor--embedding {
 		min-height: 400px;
 	}
-
 }
 </style>
 <style lang="scss">
diff --git a/src/css/print.scss b/src/css/print.scss
index c67e7610876..3a6fd90281e 100644
--- a/src/css/print.scss
+++ b/src/css/print.scss
@@ -3,7 +3,7 @@
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
 
- @media print {
+@media print {
 	@page {
 		size: A4;
 		margin: 2.5cm 2cm 2cm 2.5cm;
@@ -12,16 +12,16 @@
 	body {
 		// position: fixed does not support scrolling and as such only prints one page
 		position: absolute;
-		overflow: visible!important;
+		overflow: visible !important;
 	}
 
 	#header {
-		display: none!important;
+		display: none !important;
 	}
 
 	#content {
-		display: block!important;
-		position: relative!important;
+		display: block !important;
+		position: relative !important;
 		border-radius: 0;
 		margin: 0;
 		width: 100%;
@@ -29,19 +29,19 @@
 	}
 
 	footer {
-		display: none!important;
+		display: none !important;
 	}
 
 	#viewer[data-handler='text'] {
 		// Hide top border
 		border: none;
-		width: 100%!important;
+		width: 100% !important;
 		// NcModal uses fixed, which will be cropped when printed
-		position: absolute!important;
+		position: absolute !important;
 
 		.modal-header {
 			// Hide modal header (close button)
-			display: none!important;
+			display: none !important;
 		}
 		.modal-container {
 			// Make sure top aligned as we hided the menubar */
@@ -51,15 +51,15 @@
 	}
 
 	.text-editor {
-		height: fit-content!important;
+		height: fit-content !important;
 
 		.text-menubar {
 			// Hide menu bar
-			display: none!important;
+			display: none !important;
 		}
 		.action-item {
 			// Hide table settings
-			display: none!important;
+			display: none !important;
 		}
 		.content-wrapper .editor__content {
 			// Margins set by page rule
@@ -75,39 +75,45 @@
 				padding-top: 0;
 				padding-bottom: 0;
 
-				h1, h2, h3, h4, h5 {
+				h1,
+				h2,
+				h3,
+				h4,
+				h5 {
 					// orphaned headlines are ugly
 					break-after: avoid;
 					page-break-after: avoid;
 				}
-				.image, img, table {
+				.image,
+				img,
+				table {
 					// try no page breaks within tables or images
 					break-inside: avoid-page;
 					page-break-inside: avoid;
 					// Some more indention
-					max-width: 90%!important;
-					margin: 5vw auto 5vw 5%!important;
+					max-width: 90% !important;
+					margin: 5vw auto 5vw 5% !important;
 				}
 
 				// Add some borders below header and between columns
 				th {
-					color: black!important;
-					font-weight: bold!important;
-					border-width: 0 1px 2px 0!important;
-					border-color: gray!important;
-					border-style: none solid solid none!important;
+					color: black !important;
+					font-weight: bold !important;
+					border-width: 0 1px 2px 0 !important;
+					border-color: gray !important;
+					border-style: none solid solid none !important;
 				}
 				th:last-of-type {
-					border-width: 0 0 2px 0!important;
+					border-width: 0 0 2px 0 !important;
 				}
 
 				td {
-					border-style: none solid none none!important;
-					border-width: 1px!important;
-					border-color: gray!important;
+					border-style: none solid none none !important;
+					border-width: 1px !important;
+					border-color: gray !important;
 				}
 				td:last-of-type {
-					border: none!important;
+					border: none !important;
 				}
 			}
 			.container-suggestions {
@@ -116,8 +122,8 @@
 		}
 	}
 
-
-	.menubar-placeholder, .text-editor--readonly-bar {
+	.menubar-placeholder,
+	.text-editor--readonly-bar {
 		display: none;
 	}
 
diff --git a/src/css/prosemirror.scss b/src/css/prosemirror.scss
index 451389d1472..400ee582763 100644
--- a/src/css/prosemirror.scss
+++ b/src/css/prosemirror.scss
@@ -25,10 +25,10 @@ div.ProseMirror {
 		scroll-margin-top: 40px;
 	}
 
-	&[contenteditable=true],
-	&[contenteditable=false],
-	[contenteditable=true],
-	[contenteditable=false] {
+	&[contenteditable='true'],
+	&[contenteditable='false'],
+	[contenteditable='true'],
+	[contenteditable='false'] {
 		width: 100%;
 		background-color: transparent;
 		color: var(--color-main-text);
@@ -41,7 +41,8 @@ div.ProseMirror {
 			border: none !important;
 		}
 
-		&:focus, &:focus-visible {
+		&:focus,
+		&:focus-visible {
 			box-shadow: none !important;
 		}
 	}
@@ -52,7 +53,7 @@ div.ProseMirror {
 		// Leave space for checkbox (14px width + 2x 1px border + 6px margin-right)
 		margin-left: -24px;
 
-		input[type=checkbox] {
+		input[type='checkbox'] {
 			display: none;
 		}
 		&:before {
@@ -68,7 +69,7 @@ div.ProseMirror {
 			background-position: center;
 			cursor: pointer;
 		}
-		&.checked{
+		&.checked {
 			&:before {
 				background-image: url('../../img/checkbox-mark.svg');
 				background-color: var(--color-primary-element);
@@ -90,7 +91,12 @@ div.ProseMirror {
 		margin-top: 10px;
 	}
 
-	> h1,h2,h3,h4,h5,h6 {
+	> h1,
+	h2,
+	h3,
+	h4,
+	h5,
+	h6 {
 		position: relative;
 
 		&:first-child {
@@ -107,13 +113,13 @@ div.ProseMirror {
 			font-size: max(1em, 16px);
 			position: absolute;
 			text-decoration: none;
-			transition-duration: .15s;
+			transition-duration: 0.15s;
 			transition-property: opacity;
-			transition-timing-function: cubic-bezier(.4,0,.2,1);
+			transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
 		}
 
 		&:hover .heading-anchor {
-			opacity: 0.5!important;
+			opacity: 0.5 !important;
 		}
 
 		&:focus-visible {
@@ -124,7 +130,7 @@ div.ProseMirror {
 	a {
 		color: var(--color-primary-element);
 		text-decoration: underline;
-		padding: .5em 0;
+		padding: 0.5em 0;
 	}
 
 	p {
@@ -271,7 +277,7 @@ div.ProseMirror {
 	p code {
 		background-color: var(--color-background-dark);
 		border-radius: var(--border-radius);
-		padding: .1em .3em;
+		padding: 0.1em 0.3em;
 	}
 
 	li {
@@ -284,15 +290,16 @@ div.ProseMirror {
 		}
 	}
 
-	li [dir="rtl"] {
+	li [dir='rtl'] {
 		text-align: right;
 	}
 
-	li [dir="ltr"] {
+	li [dir='ltr'] {
 		text-align: left;
 	}
 
-	ul, ol {
+	ul,
+	ol {
 		padding-left: 10px;
 		margin-left: 10px;
 		margin-bottom: 1em;
@@ -333,13 +340,15 @@ div.ProseMirror {
 		width: calc(100% - 50px - var(--default-clickable-area));
 		table-layout: auto;
 		white-space: normal; // force text to wrapping
-		margin-bottom: calc(var(--clickable-area-small) + var(--default-clickable-area));
-		&+ * {
+		margin-bottom: calc(
+			var(--clickable-area-small) + var(--default-clickable-area)
+		);
+		& + * {
 			margin-top: 1em;
 		}
 
-
-		td, th {
+		td,
+		th {
 			border: 1px solid var(--table-color-border);
 			border-left: 0;
 			vertical-align: top;
@@ -366,23 +375,31 @@ div.ProseMirror {
 		}
 		tr {
 			background-color: var(--table-color-background);
-			&:hover, &:active, &:focus {
+			&:hover,
+			&:active,
+			&:focus {
 				background-color: var(--table-color-background-hover);
 			}
 		}
 
 		tr:first-child {
-			th:first-child { border-top-left-radius: var(--table-border-radius); }
-			th:last-child { border-top-right-radius: var(--table-border-radius); }
+			th:first-child {
+				border-top-left-radius: var(--table-border-radius);
+			}
+			th:last-child {
+				border-top-right-radius: var(--table-border-radius);
+			}
 		}
 
 		tr:last-child {
-			td:first-child { border-bottom-left-radius: var(--table-border-radius); }
-			td:last-child { border-bottom-right-radius: var(--table-border-radius); }
+			td:first-child {
+				border-bottom-left-radius: var(--table-border-radius);
+			}
+			td:last-child {
+				border-bottom-right-radius: var(--table-border-radius);
+			}
 		}
-
 	}
-
 }
 
 .ProseMirror-focused .ProseMirror-gapcursor {
diff --git a/src/css/style.scss b/src/css/style.scss
index df41704e174..bde2e2d9ddb 100644
--- a/src/css/style.scss
+++ b/src/css/style.scss
@@ -33,7 +33,9 @@ li.ProseMirror-selectednode {
 		content: '';
 		position: absolute;
 		left: -32px;
-		right: -2px; top: -2px; bottom: -2px;
+		right: -2px;
+		top: -2px;
+		bottom: -2px;
 		border: 2px solid #8cf;
 		pointer-events: none;
 	}
@@ -92,7 +94,6 @@ li.ProseMirror-selectednode {
 	}
 }
 
-
 // from https://github.com/animate-css/animate.css/blob/main/source/fading_entrances/fadeInLeft.css
 @keyframes fadeInLeft {
 	from {
diff --git a/src/css/variables.scss b/src/css/variables.scss
index 1ade1b770f3..67cee0ec994 100644
--- a/src/css/variables.scss
+++ b/src/css/variables.scss
@@ -4,6 +4,5 @@
  */
 
 :root {
-	--text-editor-max-width: 80ch
+	--text-editor-max-width: 80ch;
 }
-
diff --git a/src/extensions/Autofocus.js b/src/extensions/Autofocus.js
index 4f24eca9dc6..0542501aae2 100644
--- a/src/extensions/Autofocus.js
+++ b/src/extensions/Autofocus.js
@@ -32,14 +32,18 @@ export default Extension.create({
 	},
 	addCommands() {
 		return {
-			autofocus: () => ({ commands, editor }) => {
-				const pos = sessionStorage.getItem('text-lastPos-' + this.options.fileId)
-				if (pos) {
-					return commands.focus(pos)
-				}
+			autofocus:
+				() =>
+				({ commands, editor }) => {
+					const pos = sessionStorage.getItem(
+						'text-lastPos-' + this.options.fileId,
+					)
+					if (pos) {
+						return commands.focus(pos)
+					}
 
-				return commands.focus('start')
-			},
+					return commands.focus('start')
+				},
 		}
 	},
 })
diff --git a/src/extensions/CollaborationCursor.js b/src/extensions/CollaborationCursor.js
index 17b8303e196..a5533006ff2 100644
--- a/src/extensions/CollaborationCursor.js
+++ b/src/extensions/CollaborationCursor.js
@@ -10,7 +10,9 @@ import { CollaborationCursor as TiptapCollaborationCursor } from '@tiptap/extens
  */
 function showCursorLabel(clientId) {
 	setTimeout(() => {
-		const el = document.getElementById(`collaboration-cursor__label__${clientId}`)
+		const el = document.getElementById(
+			`collaboration-cursor__label__${clientId}`,
+		)
 		if (!el) {
 			return
 		}
@@ -39,7 +41,7 @@ const CollaborationCursor = TiptapCollaborationCursor.extend({
 				color: null,
 				lastUpdate: getTimestamp(),
 			},
-			render: user => {
+			render: (user) => {
 				const cursor = document.createElement('span')
 
 				cursor.classList.add('collaboration-cursor__caret')
@@ -59,15 +61,18 @@ const CollaborationCursor = TiptapCollaborationCursor.extend({
 	},
 
 	onCreate() {
-		this.options.provider.awareness.on('change', ({ added, removed, updated }, origin) => {
-			if (origin !== 'local') {
-				for (const clientId of [...added, ...updated]) {
-					if (clientId !== this.options.user.clientId) {
-						showCursorLabel(clientId)
+		this.options.provider.awareness.on(
+			'change',
+			({ added, removed, updated }, origin) => {
+				if (origin !== 'local') {
+					for (const clientId of [...added, ...updated]) {
+						if (clientId !== this.options.user.clientId) {
+							showCursorLabel(clientId)
+						}
 					}
 				}
-			}
-		})
+			},
+		)
 	},
 
 	// Flag own cursor as active on undoable changes to the document state
@@ -75,7 +80,10 @@ const CollaborationCursor = TiptapCollaborationCursor.extend({
 		const { updated, meta } = transaction
 		if (updated && (meta.addToHistory ?? true) && !meta.pointer) {
 			this.options.user.lastUpdate = getTimestamp()
-			this.options.provider.awareness.setLocalStateField('user', this.options.user)
+			this.options.provider.awareness.setLocalStateField(
+				'user',
+				this.options.user,
+			)
 		}
 	},
 })
diff --git a/src/extensions/Emoji.js b/src/extensions/Emoji.js
index 6bff654ac96..e21df02bfcc 100644
--- a/src/extensions/Emoji.js
+++ b/src/extensions/Emoji.js
@@ -28,9 +28,11 @@ const Emoji = Node.create({
 
 	addCommands() {
 		return {
-			emoji: (emojiObject) => ({ commands }) => {
-				return commands.insertContent(emojiObject.native + ' ')
-			},
+			emoji:
+				(emojiObject) =>
+				({ commands }) => {
+					return commands.insertContent(emojiObject.native + ' ')
+				},
 		}
 	},
 
diff --git a/src/extensions/FocusTrap.js b/src/extensions/FocusTrap.js
index 6d1a783f1af..c4cc35ee1b2 100644
--- a/src/extensions/FocusTrap.js
+++ b/src/extensions/FocusTrap.js
@@ -11,9 +11,10 @@ const toggleFocusTrap = ({ editor }) => {
 	const trapStack = window._nc_focus_trap ?? []
 	const activeTrap = trapStack[trapStack.length - 1]
 
-	const possibleEditorTabCommand = editor.can().sinkListItem('listItem')
-		|| editor.can().goToNextCell()
-		|| editor.can().goToPreviousCell()
+	const possibleEditorTabCommand =
+		editor.can().sinkListItem('listItem') ||
+		editor.can().goToNextCell() ||
+		editor.can().goToPreviousCell()
 
 	if (possibleEditorTabCommand) {
 		activeTrap?.pause()
diff --git a/src/extensions/KeepSyntax.js b/src/extensions/KeepSyntax.js
index 71578ee8c4d..4b4b6e392ae 100644
--- a/src/extensions/KeepSyntax.js
+++ b/src/extensions/KeepSyntax.js
@@ -35,7 +35,9 @@ const KeepSyntax = Mark.create({
 		const tr = this.editor.state.tr
 
 		this.editor.state.doc.descendants((node, pos, parent, index) => {
-			if (node.marks.findIndex(mark => mark.type.name === this.name) !== -1) {
+			if (
+				node.marks.findIndex((mark) => mark.type.name === this.name) !== -1
+			) {
 				if (node.type.name !== 'text' || node.text.length !== 1) {
 					tr.removeMark(pos, pos + node.nodeSize, this.type)
 				}
diff --git a/src/extensions/Keymap.js b/src/extensions/Keymap.js
index 81883699329..ed164cfce1e 100644
--- a/src/extensions/Keymap.js
+++ b/src/extensions/Keymap.js
@@ -7,7 +7,6 @@ import { Extension } from '@tiptap/core'
 import { Plugin } from '@tiptap/pm/state'
 
 const Keymap = Extension.create({
-
 	name: 'customkeymap',
 
 	addKeyboardShortcuts() {
@@ -20,7 +19,11 @@ const Keymap = Extension.create({
 				props: {
 					handleKeyDown(view, event) {
 						const key = event.key || event.keyCode
-						if ((event.ctrlKey || event.metaKey) && !event.shiftKey && (key === 'f' || key === 70)) {
+						if (
+							(event.ctrlKey || event.metaKey) &&
+							!event.shiftKey &&
+							(key === 'f' || key === 70)
+						) {
 							// We need to stop propagation and dispatch the event on the window
 							// in order to force triggering the browser native search in the text editor
 							event.stopPropagation()
@@ -38,7 +41,6 @@ const Keymap = Extension.create({
 			}),
 		]
 	},
-
 })
 
 export default Keymap
diff --git a/src/extensions/LinkBubble.js b/src/extensions/LinkBubble.js
index 204a4afdcae..c84a72f2f33 100644
--- a/src/extensions/LinkBubble.js
+++ b/src/extensions/LinkBubble.js
@@ -11,9 +11,11 @@ const LinkBubble = Extension.create({
 
 	addCommands() {
 		return {
-			hideLinkBubble: () => ({ state, dispatch }) => {
-				return hideLinkBubble(state, dispatch)
-			},
+			hideLinkBubble:
+				() =>
+				({ state, dispatch }) => {
+					return hideLinkBubble(state, dispatch)
+				},
 		}
 	},
 
diff --git a/src/extensions/LinkPicker.js b/src/extensions/LinkPicker.js
index 4bfd03a68f3..b7e624490bc 100644
--- a/src/extensions/LinkPicker.js
+++ b/src/extensions/LinkPicker.js
@@ -10,7 +10,6 @@ import suggestions from '../components/Suggestion/LinkPicker/suggestions.js'
 
 export const LinkPickerPluginKey = new PluginKey('linkPicker')
 export default Extension.create({
-
 	name: 'linkPicker',
 
 	addOptions() {
diff --git a/src/extensions/Markdown.js b/src/extensions/Markdown.js
index 7e91a16cf58..c4727b79ea0 100644
--- a/src/extensions/Markdown.js
+++ b/src/extensions/Markdown.js
@@ -29,7 +29,6 @@ import markdownit from '../markdownit/index.js'
 import transformPastedHTML from './transformPastedHTML.js'
 
 const Markdown = Extension.create({
-
 	name: 'markdown',
 
 	extendMarkSchema(extension) {
@@ -88,12 +87,17 @@ const Markdown = Extension.create({
 							dom.innerHTML = markdownit.render(str)
 						}
 
-						return parser.parseSlice(dom, { preserveWhitespace: true, context: $context })
+						return parser.parseSlice(dom, {
+							preserveWhitespace: true,
+							context: $context,
+						})
 					},
 					clipboardTextSerializer: (slice) => {
 						const traverseNodes = (slice) => {
 							if (slice.content.childCount > 1) {
-								return clipboardSerializer(this.editor.schema).serialize(slice.content)
+								return clipboardSerializer(
+									this.editor.schema,
+								).serialize(slice.content)
 							} else if (slice.isLeaf) {
 								return slice.textContent
 							} else {
@@ -117,7 +121,10 @@ const createMarkdownSerializer = ({ nodes, marks }) => {
 			extractMarksToMarkdown(marks),
 		),
 		serialize(content, options) {
-			return this.serializer.serialize(content, { ...options, tightLists: true })
+			return this.serializer.serialize(content, {
+				...options,
+				tightLists: true,
+			})
 		},
 	}
 }
@@ -129,23 +136,31 @@ const clipboardSerializer = ({ nodes, marks }) => {
 			extractToPlaintext(marks),
 		),
 		serialize(content, options) {
-			return this.serializer.serialize(content, { ...options, tightLists: true })
+			return this.serializer.serialize(content, {
+				...options,
+				tightLists: true,
+			})
 		},
 	}
 }
 
 const extractToPlaintext = (marks) => {
-	const blankMark = { open: '', close: '', mixable: true, expelEnclosingWhitespace: true }
+	const blankMark = {
+		open: '',
+		close: '',
+		mixable: true,
+		expelEnclosingWhitespace: true,
+	}
 	const defaultMarks = convertNames(defaultMarkdownSerializer.marks)
-	const markEntries = Object.entries({ ...defaultMarks, ...marks })
-		.map(([name, _mark]) => [name, blankMark])
+	const markEntries = Object.entries({ ...defaultMarks, ...marks }).map(
+		([name, _mark]) => [name, blankMark],
+	)
 
 	return Object.fromEntries(markEntries)
 }
 
 const extractToMarkdown = (nodesOrMarks) => {
-	const nodeOrMarkEntries = Object
-		.entries(nodesOrMarks)
+	const nodeOrMarkEntries = Object.entries(nodesOrMarks)
 		.map(([name, nodeOrMark]) => [name, nodeOrMark.spec.toMarkdown])
 		.filter(([, toMarkdown]) => toMarkdown)
 
@@ -169,8 +184,7 @@ const convertNames = (object) => {
 		return name.replace(/_(\w)/g, (_m, letter) => letter.toUpperCase())
 	}
 	return Object.fromEntries(
-		Object.entries(object)
-			.map(([name, value]) => [convert(name), value]),
+		Object.entries(object).map(([name, value]) => [convert(name), value]),
 	)
 }
 
diff --git a/src/extensions/Mention.js b/src/extensions/Mention.js
index 792b754c8e1..457882a45b7 100644
--- a/src/extensions/Mention.js
+++ b/src/extensions/Mention.js
@@ -13,10 +13,13 @@ export default TipTapMention.extend({
 		return [
 			{
 				tag: 'span[data-type="user"]',
-				getAttrs: element => {
+				getAttrs: (element) => {
 					return {
 						id: decodeURIComponent(element.getAttribute('data-id')),
-						label: element.innerText || element.textContent || element.getAttribute('data-label'),
+						label:
+							element.innerText ||
+							element.textContent ||
+							element.getAttribute('data-label'),
 					}
 				},
 				priority: 100,
@@ -27,7 +30,11 @@ export default TipTapMention.extend({
 	renderHTML({ node, HTMLAttributes }) {
 		return [
 			'span',
-			mergeAttributes({ 'data-type': 'user', class: 'mention' }, this.options.HTMLAttributes, HTMLAttributes),
+			mergeAttributes(
+				{ 'data-type': 'user', class: 'mention' },
+				this.options.HTMLAttributes,
+				HTMLAttributes,
+			),
 			this.options.renderHTML({
 				options: this.options,
 				node,
@@ -40,6 +47,8 @@ export default TipTapMention.extend({
 	},
 
 	toMarkdown(state, node) {
-		state.write(`@[${node.attrs.label}](mention://user/${encodeURIComponent(node.attrs.id)})`)
+		state.write(
+			`@[${node.attrs.label}](mention://user/${encodeURIComponent(node.attrs.id)})`,
+		)
 	},
 })
diff --git a/src/extensions/Mention.vue b/src/extensions/Mention.vue
index c2d1fced359..290d1946d87 100644
--- a/src/extensions/Mention.vue
+++ b/src/extensions/Mention.vue
@@ -5,7 +5,8 @@
 
 <template>
 	<NodeViewWrapper as="span" class="mention" contenteditable="false">
-		<NcUserBubble :user="node.attrs.id"
+		<NcUserBubble
+			:user="node.attrs.id"
 			:display-name="username"
 			:primary="isCurrentUser"
 			class="mention-user-bubble">
@@ -50,7 +51,7 @@ export default {
 </script>
 <style scoped>
 /* This is required to properly render the bubble text (which seems linke a browser bug) */
-.text-editor__wrapper div.ProseMirror .mention[contenteditable=false] :deep(*) {
+.text-editor__wrapper div.ProseMirror .mention[contenteditable='false'] :deep(*) {
 	-webkit-user-modify: read-only !important;
 }
 </style>
diff --git a/src/extensions/PlainText.js b/src/extensions/PlainText.js
index aa8095b299b..24daf18cb45 100644
--- a/src/extensions/PlainText.js
+++ b/src/extensions/PlainText.js
@@ -13,10 +13,6 @@ export default Extension.create({
 	name: 'PlainText',
 
 	addExtensions() {
-		return [
-			PlainTextDocument,
-			Text,
-		]
+		return [PlainTextDocument, Text]
 	},
-
 })
diff --git a/src/extensions/RichText.js b/src/extensions/RichText.js
index a1e5c9ad13b..af81b452e79 100644
--- a/src/extensions/RichText.js
+++ b/src/extensions/RichText.js
@@ -107,7 +107,7 @@ export default Extension.create({
 			LinkPicker,
 			Link.configure({
 				openOnClick: true,
-				shouldAutoLink: href => /^https?:\/\//.test(href),
+				shouldAutoLink: (href) => /^https?:\/\//.test(href),
 				relativePath: this.options.relativePath,
 			}),
 			LinkBubble,
@@ -116,11 +116,12 @@ export default Extension.create({
 				types: ['heading', 'paragraph', 'listItem', 'orderedList'],
 			}),
 		]
-		const additionalExtensionNames = this.options.extensions.map(e => e.name)
+		const additionalExtensionNames = this.options.extensions.map((e) => e.name)
 		return [
-			...defaultExtensions.filter(e => e && !additionalExtensionNames.includes(e.name)),
+			...defaultExtensions.filter(
+				(e) => e && !additionalExtensionNames.includes(e.name),
+			),
 			...this.options.extensions,
 		]
 	},
-
 })
diff --git a/src/extensions/Search.js b/src/extensions/Search.js
index 8ec66ebd5f8..be685cd29cc 100644
--- a/src/extensions/Search.js
+++ b/src/extensions/Search.js
@@ -24,9 +24,6 @@ export default Extension.create({
 	},
 
 	addProseMirrorPlugins() {
-		return [
-			searchQuery(),
-			searchDecorations(),
-		]
+		return [searchQuery(), searchDecorations()]
 	},
 })
diff --git a/src/extensions/UserColor.js b/src/extensions/UserColor.js
index b5d60bdd1d7..814679768dc 100644
--- a/src/extensions/UserColor.js
+++ b/src/extensions/UserColor.js
@@ -10,14 +10,19 @@ import TrackState from './tracking/TrackState.js'
 import { Span } from './tracking/models.js'
 
 const UserColor = Extension.create({
-
 	name: 'users',
 
 	addOptions() {
 		return {
 			clientID: 0,
 			color: (clientID) => {
-				return '#' + Math.floor((Math.abs(Math.sin(clientID) * 16777215)) % 16777215).toString(16) + 'aa'
+				return (
+					'#' +
+					Math.floor(
+						Math.abs(Math.sin(clientID) * 16777215) % 16777215,
+					).toString(16) +
+					'aa'
+				)
 			},
 			name: (clientID) => {
 				return 'Unknown user ' + clientID
@@ -39,7 +44,12 @@ const UserColor = Extension.create({
 				state: {
 					init(_, instance) {
 						return {
-							tracked: new TrackState([new Span(0, instance.doc.content.size, null)], [], [], []),
+							tracked: new TrackState(
+								[new Span(0, instance.doc.content.size, null)],
+								[],
+								[],
+								[],
+							),
 							deco: DecorationSet.empty,
 						}
 					},
@@ -49,7 +59,10 @@ const UserColor = Extension.create({
 						if (tr.docChanged) {
 							if (!tr.getMeta('clientID')) {
 								// we have an undefined client id for own transactions
-								tr.setMeta('clientID', tr.steps.map(i => this.spec.clientID))
+								tr.setMeta(
+									'clientID',
+									tr.steps.map((i) => this.spec.clientID),
+								)
 							}
 							// Don't apply transaction when in composition (Github issue #2871)
 							if (!viewReference.composing) {
@@ -58,15 +71,22 @@ const UserColor = Extension.create({
 							}
 						}
 						decos = tState.blameMap
-							.map(span => {
+							.map((span) => {
 								const clientID = span.author
 								return Decoration.inline(span.from, span.to, {
 									class: 'author-annotation',
-									style: 'background-color: ' + this.spec.color(clientID) + '66;',
+									style:
+										'background-color: ' +
+										this.spec.color(clientID) +
+										'66;',
 									title: this.spec.name(clientID),
 								})
-							}).filter(dec => dec !== null)
-						return { tracked, deco: DecorationSet.create(state.doc, decos) }
+							})
+							.filter((dec) => dec !== null)
+						return {
+							tracked,
+							deco: DecorationSet.create(state.doc, decos),
+						}
 					},
 				},
 				props: {
@@ -77,7 +97,6 @@ const UserColor = Extension.create({
 			}),
 		]
 	},
-
 })
 
 export default UserColor
diff --git a/src/extensions/transformPastedHTML.js b/src/extensions/transformPastedHTML.js
index 8a0356e99a9..db094486808 100644
--- a/src/extensions/transformPastedHTML.js
+++ b/src/extensions/transformPastedHTML.js
@@ -19,10 +19,10 @@
  *
  * @param {string} html Pasted html content
  */
-export default function(html) {
+export default function (html) {
 	const parser = new DOMParser()
 	const doc = parser.parseFromString(html, 'text/html')
-	forAllTextNodes(doc, textNode => {
+	forAllTextNodes(doc, (textNode) => {
 		if (collapseWhiteSpace(textNode)) {
 			textNode.textContent = textNode.textContent.replaceAll('\n', ' ')
 		}
@@ -39,10 +39,7 @@ export default function(html) {
  *
  */
 function forAllTextNodes(doc, fn) {
-	const nodeIterator = doc.createNodeIterator(
-		doc.body,
-		NodeFilter.SHOW_TEXT,
-	)
+	const nodeIterator = doc.createNodeIterator(doc.body, NodeFilter.SHOW_TEXT)
 	let currentNode = nodeIterator.nextNode()
 	while (currentNode) {
 		fn(currentNode)
diff --git a/src/helpers/debug.js b/src/helpers/debug.js
index f4d973edb94..27f0ae120a4 100644
--- a/src/helpers/debug.js
+++ b/src/helpers/debug.js
@@ -18,9 +18,11 @@ window.OCA.Text.editorComponents = editorComponents
  * Print debug info for all editor components as a warning.
  */
 export function debugYjs() {
-	const intro = 'Editor Yjs debug data. Copy the objects above that start with "fileId".'
+	const intro =
+		'Editor Yjs debug data. Copy the objects above that start with "fileId".'
 	const introChrome = '- In Chrome, select "Copy" at the end of the line.'
-	const introFirefox = '- In Firefox, right-click on the object and select "Copy object".'
+	const introFirefox =
+		'- In Firefox, right-click on the object and select "Copy object".'
 	const styleBold = 'font-weight: bold;'
 	const styleItalic = 'font-weight: normal; font-style: italic;'
 
@@ -28,7 +30,14 @@ export function debugYjs() {
 		console.warn(JSON.stringify(editorComponent.debugData(), null, ' '))
 	}
 
-	console.warn('%c%s\n%c%s\n%s', styleBold, intro, styleItalic, introChrome, introFirefox)
+	console.warn(
+		'%c%s\n%c%s\n%s',
+		styleBold,
+		intro,
+		styleItalic,
+		introChrome,
+		introFirefox,
+	)
 }
 
 if (!window.OCA.Text.debugYjs) {
diff --git a/src/helpers/files.js b/src/helpers/files.js
index 141df4cfa4a..ddb4e8593ae 100644
--- a/src/helpers/files.js
+++ b/src/helpers/files.js
@@ -7,7 +7,13 @@ import { dirname } from 'path'
 import { emit } from '@nextcloud/event-bus'
 import { getCurrentUser } from '@nextcloud/auth'
 import { getSharingToken } from '@nextcloud/sharing/public'
-import { Header, addNewFileMenuEntry, Permission, File, NewMenuEntryCategory } from '@nextcloud/files'
+import {
+	Header,
+	addNewFileMenuEntry,
+	Permission,
+	File,
+	NewMenuEntryCategory,
+} from '@nextcloud/files'
 import { imagePath } from '@nextcloud/router'
 import { loadState } from '@nextcloud/initial-state'
 import { showSuccess, showError } from '@nextcloud/dialogs'
@@ -33,17 +39,28 @@ const registerFileCreate = () => {
 			menu.addMenuEntry({
 				id: 'file',
 				displayName: t('text', 'New text file'),
-				templateName: t('text', 'New text file') + '.' + loadState('text', 'default_file_extension'),
+				templateName:
+					t('text', 'New text file') +
+					'.' +
+					loadState('text', 'default_file_extension'),
 				iconClass: 'icon-filetype-text',
 				fileType: 'file',
 				actionLabel: t('text', 'Create new text file'),
 				actionHandler(name) {
-					fileList.createFile(name).then(function(status, data) {
+					fileList.createFile(name).then(function (status, data) {
 						const fileInfoModel = new OCA.Files.FileInfoModel(data)
 						if (typeof OCA.Viewer !== 'undefined') {
-							OCA.Files.fileActions.triggerAction('view', fileInfoModel, fileList)
+							OCA.Files.fileActions.triggerAction(
+								'view',
+								fileInfoModel,
+								fileList,
+							)
 						} else if (typeof OCA.Viewer === 'undefined') {
-							OCA.Files.fileActions.triggerAction(FILE_ACTION_IDENTIFIER, fileInfoModel, fileList)
+							OCA.Files.fileActions.triggerAction(
+								FILE_ACTION_IDENTIFIER,
+								fileInfoModel,
+								fileList,
+							)
 						}
 					})
 				},
@@ -60,60 +77,69 @@ const registerFileActionFallback = () => {
 		const ViewerRoot = document.createElement('div')
 		ViewerRoot.id = 'text-viewer-fallback'
 		document.body.appendChild(ViewerRoot)
-		const registerAction = (mime) => OCA.Files.fileActions.register(
-			mime,
-			FILE_ACTION_IDENTIFIER,
-			OC.PERMISSION_UPDATE | OC.PERMISSION_READ,
-			imagePath('core', 'actions/rename'),
-			(filename) => {
-				const file = window.FileList.findFile(filename)
-				Promise.all([
-					import('vue'),
-					import(/* webpackChunkName: "files-modal" */'./../components/PublicFilesEditor.vue'),
-				]).then((imports) => {
-					const path = window.FileList.getCurrentDirectory() + '/' + filename
-					const Vue = imports[0].default
-					Vue.prototype.t = window.t
-					Vue.prototype.n = window.n
-					Vue.prototype.OCA = window.OCA
-					const Editor = imports[1].default
-					const vm = new Vue({
-						render: function(h) { // eslint-disable-line
-							const self = this
-							return h(Editor, {
-								props: {
-									fileId: file ? file.id : null,
-									active: true,
-									shareToken: sharingToken,
-									relativePath: path,
-									mimeType: file.mimetype,
-								},
-								on: {
-									close: function() { // eslint-disable-line
-										self.$destroy()
+		const registerAction = (mime) =>
+			OCA.Files.fileActions.register(
+				mime,
+				FILE_ACTION_IDENTIFIER,
+				OC.PERMISSION_UPDATE | OC.PERMISSION_READ,
+				imagePath('core', 'actions/rename'),
+				(filename) => {
+					const file = window.FileList.findFile(filename)
+					Promise.all([
+						import('vue'),
+						import(
+							/* webpackChunkName: "files-modal" */ './../components/PublicFilesEditor.vue'
+						),
+					]).then((imports) => {
+						const path =
+							window.FileList.getCurrentDirectory() + '/' + filename
+						const Vue = imports[0].default
+						Vue.prototype.t = window.t
+						Vue.prototype.n = window.n
+						Vue.prototype.OCA = window.OCA
+						const Editor = imports[1].default
+						const vm = new Vue({
+							render: (h) => {
+								// eslint-disable-line
+								const self = this
+								return h(Editor, {
+									props: {
+										fileId: file ? file.id : null,
+										active: true,
+										shareToken: sharingToken,
+										relativePath: path,
+										mimeType: file.mimetype,
 									},
-								},
-							})
-						},
+									on: {
+										close: () => {
+											// eslint-disable-line
+											self.$destroy()
+										},
+									},
+								})
+							},
+						})
+						vm.$mount(ViewerRoot)
 					})
-					vm.$mount(ViewerRoot)
-				})
-			},
-			t('text', 'Edit'),
-		)
+				},
+				t('text', 'Edit'),
+			)
 
 		for (let i = 0; i < openMimetypes.length; i++) {
 			registerAction(openMimetypes[i])
-			OCA.Files.fileActions.setDefault(openMimetypes[i], FILE_ACTION_IDENTIFIER)
+			OCA.Files.fileActions.setDefault(
+				openMimetypes[i],
+				FILE_ACTION_IDENTIFIER,
+			)
 		}
 	}
-
 }
 
 let newWorkspaceCreated = false
 
 export const addMenuRichWorkspace = () => {
-	const descriptionFile = t('text', 'Readme') + '.' + loadState('text', 'default_file_extension')
+	const descriptionFile =
+		t('text', 'Readme') + '.' + loadState('text', 'default_file_extension')
 	addNewFileMenuEntry({
 		id: 'rich-workspace-init',
 		displayName: t('text', 'Add folder description'),
@@ -129,11 +155,14 @@ export const addMenuRichWorkspace = () => {
 			const contentNames = content.map((node) => node.basename)
 
 			if (contentNames.includes(descriptionFile)) {
-				showError(t('text', '"{name}" already exist!', { name: descriptionFile }))
+				showError(
+					t('text', '"{name}" already exist!', { name: descriptionFile }),
+				)
 				return
 			}
 
-			const source = context.encodedSource + '/' + encodeURIComponent(descriptionFile)
+			const source =
+				context.encodedSource + '/' + encodeURIComponent(descriptionFile)
 			const response = await axios({
 				method: 'PUT',
 				url: source,
@@ -180,13 +209,20 @@ export const FilesWorkspaceHeader = new Header({
 			vm.$destroy()
 			vm = null
 		}
-		const hasRichWorkspace = !!folder.attributes['rich-workspace-file'] || !!newWorkspaceCreated
-		const path = newWorkspaceCreated ? dirname(newWorkspaceCreated.path) : folder.path
-		const content = newWorkspaceCreated ? '' : folder.attributes['rich-workspace']
+		const hasRichWorkspace =
+			!!folder.attributes['rich-workspace-file'] || !!newWorkspaceCreated
+		const path = newWorkspaceCreated
+			? dirname(newWorkspaceCreated.path)
+			: folder.path
+		const content = newWorkspaceCreated
+			? ''
+			: folder.attributes['rich-workspace']
 
 		newWorkspaceCreated = false
 
-		const { default: RichWorkspace } = await import('./../views/RichWorkspace.vue')
+		const { default: RichWorkspace } = await import(
+			'./../views/RichWorkspace.vue'
+		)
 
 		import('vue').then((module) => {
 			el.id = 'files-workspace-wrapper'
@@ -227,8 +263,4 @@ export const FilesWorkspaceHeader = new Header({
 	},
 })
 
-export {
-	registerFileActionFallback,
-	registerFileCreate,
-	FILE_ACTION_IDENTIFIER,
-}
+export { registerFileActionFallback, registerFileCreate, FILE_ACTION_IDENTIFIER }
diff --git a/src/helpers/index.js b/src/helpers/index.js
index 7d1e3153962..d6d6aea872c 100644
--- a/src/helpers/index.js
+++ b/src/helpers/index.js
@@ -9,15 +9,17 @@
  * @param callback
  */
 
-const documentReady = function(callback) {
+const documentReady = function (callback) {
 	const fn = () => setTimeout(callback, 0)
-	if (document.attachEvent ? document.readyState === 'complete' : document.readyState !== 'loading') {
+	if (
+		document.attachEvent
+			? document.readyState === 'complete'
+			: document.readyState !== 'loading'
+	) {
 		fn()
 	} else {
 		document.addEventListener('DOMContentLoaded', callback)
 	}
 }
 
-export {
-	documentReady,
-}
+export { documentReady }
diff --git a/src/helpers/links.js b/src/helpers/links.js
index 47dad063cdc..ca605c40b16 100644
--- a/src/helpers/links.js
+++ b/src/helpers/links.js
@@ -6,7 +6,7 @@
 import { loadState } from '@nextcloud/initial-state'
 import { generateUrl } from '@nextcloud/router'
 
-const domHref = function(node, relativePath) {
+const domHref = function (node, relativePath) {
 	const ref = node.attrs.href
 	if (!ref) {
 		return ref
@@ -33,12 +33,12 @@ const domHref = function(node, relativePath) {
 	const match = ref.match(/^([^?]*)\?fileId=(\d+)/)
 	if (match) {
 		const [, , id] = match
-		return (new URL(generateUrl(`/f/${id}`), window.origin)).href
+		return new URL(generateUrl(`/f/${id}`), window.origin).href
 	}
 	return ref
 }
 
-const parseHref = function(dom) {
+const parseHref = function (dom) {
 	const ref = dom.getAttribute('href')
 	if (!ref) {
 		return ref
@@ -46,18 +46,15 @@ const parseHref = function(dom) {
 	const match = ref.match(/\?dir=([^&]*)&openfile=([^&]*)#relPath=([^&]*)/)
 	if (match) {
 		const [, , id] = match
-		return (new URL(generateUrl(`/f/${id}`), window.origin)).href
+		return new URL(generateUrl(`/f/${id}`), window.origin).href
 	}
 	return ref
 }
 
-const isLinkToSelfWithHash = function(href) {
-	const locationNoHash = window.location.origin + window.location.pathname + window.location.search
+const isLinkToSelfWithHash = function (href) {
+	const locationNoHash =
+		window.location.origin + window.location.pathname + window.location.search
 	return href?.startsWith('#') || href?.startsWith(locationNoHash + '#')
 }
 
-export {
-	domHref,
-	parseHref,
-	isLinkToSelfWithHash,
-}
+export { domHref, parseHref, isLinkToSelfWithHash }
diff --git a/src/helpers/logger.js b/src/helpers/logger.js
index 5dff2ec795d..553bbc33e11 100644
--- a/src/helpers/logger.js
+++ b/src/helpers/logger.js
@@ -5,11 +5,6 @@
 
 import { getLoggerBuilder } from '@nextcloud/logger'
 
-const logger = getLoggerBuilder()
-	.setApp('text')
-	.detectUser()
-	.build()
+const logger = getLoggerBuilder().setApp('text').detectUser().build()
 
-export {
-	logger,
-}
+export { logger }
diff --git a/src/helpers/mappings.js b/src/helpers/mappings.js
index 3978cade786..382cbd75197 100644
--- a/src/helpers/mappings.js
+++ b/src/helpers/mappings.js
@@ -78,6 +78,4 @@ const extensionHighlight = {
 }
 
 export default extensionHighlight
-export {
-	extensionHighlight,
-}
+export { extensionHighlight }
diff --git a/src/helpers/mime.js b/src/helpers/mime.js
index b6806c06e30..de5ba9b2748 100644
--- a/src/helpers/mime.js
+++ b/src/helpers/mime.js
@@ -3,9 +3,7 @@
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
 
-const openMimetypesMarkdown = [
-	'text/markdown',
-]
+const openMimetypesMarkdown = ['text/markdown']
 
 const openMimetypesPlainText = [
 	'text/plain',
@@ -39,8 +37,4 @@ if (!OC.appswebroots?.richdocuments && !OC.appswebroots?.onlyoffice) {
 
 const openMimetypes = [...openMimetypesMarkdown, ...openMimetypesPlainText]
 
-export {
-	openMimetypes,
-	openMimetypesMarkdown,
-	openMimetypesPlainText,
-}
+export { openMimetypes, openMimetypesMarkdown, openMimetypesPlainText }
diff --git a/src/helpers/platform.js b/src/helpers/platform.js
index 316b0ae2225..e196cee4e6b 100644
--- a/src/helpers/platform.js
+++ b/src/helpers/platform.js
@@ -10,7 +10,8 @@
  */
 export function isMobilePlatform() {
 	// Use client hints if already available
-	if (navigator?.userAgentData?.mobile !== undefined) return navigator.userAgentData.mobile
+	if (navigator?.userAgentData?.mobile !== undefined)
+		return navigator.userAgentData.mobile
 
 	// use regex to match userAgent (required for Safari and Firefox in 2022)
 	const mobileDevices = [
@@ -25,5 +26,5 @@ export function isMobilePlatform() {
 		/Windows Phone/i,
 	]
 
-	return mobileDevices.some(regex => navigator.userAgent.match(regex))
+	return mobileDevices.some((regex) => navigator.userAgent.match(regex))
 }
diff --git a/src/helpers/prosemirrorUtils.js b/src/helpers/prosemirrorUtils.js
index b5a9dad5d32..8b5762323fd 100644
--- a/src/helpers/prosemirrorUtils.js
+++ b/src/helpers/prosemirrorUtils.js
@@ -55,5 +55,5 @@ export const findChildren = (node, predicate, descend) => {
 	} else if (!predicate) {
 		throw new Error('Invalid "predicate" parameter')
 	}
-	return flatten(node, descend).filter(child => predicate(child.node))
+	return flatten(node, descend).filter((child) => predicate(child.node))
 }
diff --git a/src/helpers/yjs.js b/src/helpers/yjs.js
index 6d55d294f2a..8986ffd6d00 100644
--- a/src/helpers/yjs.js
+++ b/src/helpers/yjs.js
@@ -80,12 +80,7 @@ export function applyStep(ydoc, step, origin = 'origin') {
 	}
 	// There are no responses to updates - so this is a dummy.
 	const encoder = encoding.createEncoder()
-	syncProtocol.readSyncMessage(
-		decoder,
-		encoder,
-		ydoc,
-		origin,
-	)
+	syncProtocol.readSyncMessage(decoder, encoder, ydoc, origin)
 }
 
 /**
@@ -104,14 +99,14 @@ export function logStep(step) {
 
 	const encodedStep = encodeArrayBuffer(step)
 	switch (messageType) {
-	case 0:
-		console.debug('y.js message sync', subType, encodedStep, err.stack)
-		break
-	case 3:
-		console.debug('y.js message awareness_query', encodedStep, err.stack)
-		break
-	case 1:
-		console.debug('y.js message awareness', encodedStep, err.stack)
-		break
+		case 0:
+			console.debug('y.js message sync', subType, encodedStep, err.stack)
+			break
+		case 3:
+			console.debug('y.js message awareness_query', encodedStep, err.stack)
+			break
+		case 1:
+			console.debug('y.js message awareness', encodedStep, err.stack)
+			break
 	}
 }
diff --git a/src/markdownit/callouts.js b/src/markdownit/callouts.js
index 513b814b8e2..a6998bfb554 100644
--- a/src/markdownit/callouts.js
+++ b/src/markdownit/callouts.js
@@ -7,7 +7,7 @@ import container from 'markdown-it-container'
 
 export const typesAvailable = ['info', 'warn', 'error', 'success']
 
-const buildRender = type => (tokens, idx, options, env, slf) => {
+const buildRender = (type) => (tokens, idx, options, env, slf) => {
 	const tag = tokens[idx]
 
 	// add attributes to the opening tag
@@ -24,7 +24,7 @@ const buildRender = type => (tokens, idx, options, env, slf) => {
  */
 export default (md) => {
 	// create a custom container to each callout type
-	typesAvailable.forEach(type => {
+	typesAvailable.forEach((type) => {
 		md.use(container, type, {
 			render: buildRender(type),
 		})
diff --git a/src/markdownit/details.ts b/src/markdownit/details.ts
index ac0493b1c53..9c5ac1985bc 100644
--- a/src/markdownit/details.ts
+++ b/src/markdownit/details.ts
@@ -18,7 +18,12 @@ const SUMMARY_REGEX = /(?<=^<summary>).*(?=<\/summary>\s*$)/
  * @param endLine - end line number
  * @param silent - validation mode
  */
-function parseDetails(state: StateBlock, startLine: number, endLine: number, silent: boolean) {
+function parseDetails(
+	state: StateBlock,
+	startLine: number,
+	endLine: number,
+	silent: boolean,
+) {
 	// let autoClosedBlock = false
 	let start = state.bMarks[startLine] + state.tShift[startLine]
 	let max = state.eMarks[startLine]
diff --git a/src/markdownit/hardbreak.js b/src/markdownit/hardbreak.js
index 9d8efd3c57d..a966f83363b 100644
--- a/src/markdownit/hardbreak.js
+++ b/src/markdownit/hardbreak.js
@@ -15,14 +15,24 @@ export default function keepHardbreakSyntax(md) {
 	// Add syntax information to hard line breaks using double spaces
 	md.inline.ruler.at('newline', (state, silent) => {
 		const rval = markdownitNewline(state, silent)
-		if (rval && state.tokens.length && state.tokens[state.tokens.length - 1].type === 'hardbreak') state.tokens[state.tokens.length - 1].attrSet('syntax', '  ')
+		if (
+			rval &&
+			state.tokens.length &&
+			state.tokens[state.tokens.length - 1].type === 'hardbreak'
+		)
+			state.tokens[state.tokens.length - 1].attrSet('syntax', '  ')
 		return rval
 	})
 
 	// Add syntax information to hard line breaks using a backslash
 	md.inline.ruler.at('escape', (state, silent) => {
 		const rval = markdownitEscape(state, silent)
-		if (rval && state.tokens.length && state.tokens[state.tokens.length - 1].type === 'hardbreak') state.tokens[state.tokens.length - 1].attrSet('syntax', '\\')
+		if (
+			rval &&
+			state.tokens.length &&
+			state.tokens[state.tokens.length - 1].type === 'hardbreak'
+		)
+			state.tokens[state.tokens.length - 1].attrSet('syntax', '\\')
 		return rval
 	})
 
@@ -40,5 +50,6 @@ export default function keepHardbreakSyntax(md) {
 	})
 
 	// Adds syntax attribute to `<br>` and fixes issue #3370 (no additional newline after `<br>`)
-	md.renderer.rules.hardbreak = (tokens, idx, options) => `<br data-syntax="${tokens[idx].attrGet('syntax')}" ${options.xhtmlOut ? '/' : ''}>`
+	md.renderer.rules.hardbreak = (tokens, idx, options) =>
+		`<br data-syntax="${tokens[idx].attrGet('syntax')}" ${options.xhtmlOut ? '/' : ''}>`
 }
diff --git a/src/markdownit/hasMarkdownSyntax.js b/src/markdownit/hasMarkdownSyntax.js
index 61e59ea62ab..46cbb0cc635 100644
--- a/src/markdownit/hasMarkdownSyntax.js
+++ b/src/markdownit/hasMarkdownSyntax.js
@@ -21,5 +21,5 @@ export default function hasMarkdownSyntax(content) {
 		/`.*?`/, // Code: `code`
 	]
 
-	return markdownPatterns.some(pattern => pattern.test(content))
+	return markdownPatterns.some((pattern) => pattern.test(content))
 }
diff --git a/src/markdownit/index.js b/src/markdownit/index.js
index d1868b0ea62..ae71888d436 100644
--- a/src/markdownit/index.js
+++ b/src/markdownit/index.js
@@ -33,7 +33,8 @@ const markdownit = MarkdownIt('commonmark', { html: false, breaks: false })
 	.use(implicitFigures)
 
 // Render front matter tokens
-markdownit.renderer.rules.front_matter = (tokens, idx, options) => `<pre id="frontmatter"><code>${escapeHtml(tokens[idx].meta)}</code></pre>`
+markdownit.renderer.rules.front_matter = (tokens, idx, options) =>
+	`<pre id="frontmatter"><code>${escapeHtml(tokens[idx].meta)}</code></pre>`
 
 // Render lists with bullet attribute
 markdownit.renderer.rules.bullet_list_open = (tokens, idx, options) => {
diff --git a/src/markdownit/keepSyntax.js b/src/markdownit/keepSyntax.js
index 28497772f24..abc50cb36a0 100644
--- a/src/markdownit/keepSyntax.js
+++ b/src/markdownit/keepSyntax.js
@@ -12,7 +12,7 @@ export default function keepSyntax(md) {
 	// Extracting named groups as positive lookbehind patterns are not supported by Safari
 	const escaped = /(\n(?<linestart>[#\-*+>])|(?<special>[`*\\~[\]]+))/
 
-	md.core.ruler.before('text_join', 'tag-markdown-syntax', state => {
+	md.core.ruler.before('text_join', 'tag-markdown-syntax', (state) => {
 		const open = new state.Token('keep_md_open', 'span', 1)
 		open.attrSet('class', 'keep-md')
 		const close = new state.Token('keep_md_close', 'span', -1)
@@ -26,15 +26,26 @@ export default function keepSyntax(md) {
 				if (token.type === 'text') {
 					const match = escaped.exec(token.content)
 					if (match) {
-						const index = match.groups.linestart ? match.index + 1 : match.index
-						const matchChars = match.groups.linestart ?? match.groups.special
+						const index = match.groups.linestart
+							? match.index + 1
+							: match.index
+						const matchChars =
+							match.groups.linestart ?? match.groups.special
 						const contentNext = index + matchChars.length
-						block.children.splice(j, 1,
-							Object.assign({}, token, { content: token.content.slice(0, index) }),
+						block.children.splice(
+							j,
+							1,
+							Object.assign({}, token, {
+								content: token.content.slice(0, index),
+							}),
 							Object.assign({}, open),
-							Object.assign({}, token, { content: token.content.slice(index, contentNext) }),
+							Object.assign({}, token, {
+								content: token.content.slice(index, contentNext),
+							}),
 							Object.assign({}, close),
-							Object.assign({}, token, { content: token.content.slice(contentNext) }),
+							Object.assign({}, token, {
+								content: token.content.slice(contentNext),
+							}),
 						)
 						j += 3
 					}
diff --git a/src/markdownit/preview.js b/src/markdownit/preview.js
index 883280438b0..b5a5293fc02 100644
--- a/src/markdownit/preview.js
+++ b/src/markdownit/preview.js
@@ -10,15 +10,17 @@
  */
 function isPreviewLinkInParagraph(tokens, i) {
 	const [prev, cur, next] = tokens.slice(i - 1, i + 2)
-	return prev?.type === 'paragraph_open'
-		&& cur.type === 'inline'
-		&& cur.children
-		&& cur.children.length === 3
-		&& cur.children[0].type === 'link_open'
-		&& cur.children[0].attrGet('title') === 'preview'
-		&& cur.children[1].type === 'text'
-		&& cur.children[2].type === 'link_close'
-		&& next.type === 'paragraph_close'
+	return (
+		prev?.type === 'paragraph_open' &&
+		cur.type === 'inline' &&
+		cur.children &&
+		cur.children.length === 3 &&
+		cur.children[0].type === 'link_open' &&
+		cur.children[0].attrGet('title') === 'preview' &&
+		cur.children[1].type === 'text' &&
+		cur.children[2].type === 'link_close' &&
+		next.type === 'paragraph_close'
+	)
 }
 
 /**
@@ -37,7 +39,6 @@ function unwrapToken(tokens, i) {
  * @param {object} md Markdown object
  */
 export default (md) => {
-
 	/**
 	 * Markdownit plugin to unwrap previews from a paragraph
 	 *
@@ -46,7 +47,7 @@ export default (md) => {
 	 */
 	function linkPreviews({ tokens }) {
 		// do not process first and last token
-		for (let i = 1, l = tokens.length; i < (l - 1); ++i) {
+		for (let i = 1, l = tokens.length; i < l - 1; ++i) {
 			if (isPreviewLinkInParagraph(tokens, i)) {
 				unwrapToken(tokens, i)
 			}
diff --git a/src/markdownit/splitMixedLists.js b/src/markdownit/splitMixedLists.js
index b2343b53f29..e62dbfba2cd 100644
--- a/src/markdownit/splitMixedLists.js
+++ b/src/markdownit/splitMixedLists.js
@@ -7,7 +7,7 @@
  * @param {import('markdown-it')} md Markdown object
  */
 export default function splitMixedLists(md) {
-	md.core.ruler.after('task-lists', 'split-mixed-task-lists', state => {
+	md.core.ruler.after('task-lists', 'split-mixed-task-lists', (state) => {
 		const tokens = state.tokens
 
 		for (let i = 0; i < tokens.length; i++) {
@@ -23,9 +23,11 @@ export default function splitMixedLists(md) {
 					token.attrs = null
 				}
 			}
-			const splitBefore = findChildOf(tokens, i, child => {
-				return child.nesting === 1
-					&& includesClass(child, 'task-list-item') !== startsWithTask
+			const splitBefore = findChildOf(tokens, i, (child) => {
+				return (
+					child.nesting === 1 &&
+					includesClass(child, 'task-list-item') !== startsWithTask
+				)
 			})
 			if (splitBefore > i) {
 				splitListAt(tokens, splitBefore, state.Token)
@@ -71,7 +73,7 @@ function findChildOf(tokens, parentIndex, predicate) {
 		if (token.level < searchLevel) {
 			return -1
 		}
-		if ((token.level === searchLevel) && predicate(tokens[i])) {
+		if (token.level === searchLevel && predicate(tokens[i])) {
 			return i
 		}
 	}
diff --git a/src/markdownit/taskLists.ts b/src/markdownit/taskLists.ts
index ee173efea52..4c27761fea3 100644
--- a/src/markdownit/taskLists.ts
+++ b/src/markdownit/taskLists.ts
@@ -14,9 +14,9 @@ import StateCore from 'markdown-it/lib/rules_core/state_core.mjs'
 import Token from 'markdown-it/lib/token.mjs'
 
 interface TaskListsOptions {
-  enabled: boolean
-  label: boolean
-  lineNumber: boolean
+	enabled: boolean
+	label: boolean
+	lineNumber: boolean
 }
 
 const checkboxRegex = /^ *\[([\sx])] /i
@@ -30,14 +30,17 @@ export default function taskLists(
 	md: MarkdownIt,
 	options: TaskListsOptions = { enabled: false, label: false, lineNumber: false },
 ): void {
-	md.core.ruler.after('inline', 'task-lists', (state) => processToken(state, options))
+	md.core.ruler.after('inline', 'task-lists', (state) =>
+		processToken(state, options),
+	)
 	md.renderer.rules.taskListItemCheckbox = (tokens) => {
 		const token = tokens[0]
 		const checkedAttribute = token.attrGet('checked') ? 'checked="" ' : ''
 		const disabledAttribute = token.attrGet('disabled') ? 'disabled="" ' : ''
 		const line = token.attrGet('line')
 		const idAttribute = `id="${token.attrGet('id')}" `
-		const dataLineAttribute = line && options.lineNumber ? `data-line="${line}" ` : ''
+		const dataLineAttribute =
+			line && options.lineNumber ? `data-line="${line}" ` : ''
 
 		return `<input class="task-list-item-checkbox" type="checkbox" ${checkedAttribute}${disabledAttribute}${dataLineAttribute}${idAttribute}/>`
 	}
@@ -66,7 +69,10 @@ function processToken(state: StateCore, options: TaskListsOptions): boolean {
 		}
 
 		todoify(allTokens[i], options)
-		allTokens[i - 2].attrJoin('class', `task-list-item ${options.enabled ? ' enabled' : ''}`)
+		allTokens[i - 2].attrJoin(
+			'class',
+			`task-list-item ${options.enabled ? ' enabled' : ''}`,
+		)
 
 		const parentToken = findParentToken(allTokens, i - 2)
 		if (parentToken) {
@@ -86,7 +92,11 @@ function processToken(state: StateCore, options: TaskListsOptions): boolean {
  */
 function findParentToken(tokens: Token[], index: number): Token | undefined {
 	const targetLevel = tokens[index].level - 1
-	for (let currentTokenIndex = index - 1; currentTokenIndex >= 0; currentTokenIndex--) {
+	for (
+		let currentTokenIndex = index - 1;
+		currentTokenIndex >= 0;
+		currentTokenIndex--
+	) {
 		if (tokens[currentTokenIndex].level === targetLevel) {
 			return tokens[currentTokenIndex]
 		}
@@ -101,10 +111,10 @@ function findParentToken(tokens: Token[], index: number): Token | undefined {
  */
 function isTodoItem(tokens: Token[], index: number): boolean {
 	return (
-		isInline(tokens[index])
-    && isParagraph(tokens[index - 1])
-    && isListItem(tokens[index - 2])
-    && startsWithTodoMarkdown(tokens[index])
+		isInline(tokens[index]) &&
+		isParagraph(tokens[index - 1]) &&
+		isListItem(tokens[index - 2]) &&
+		startsWithTodoMarkdown(tokens[index])
 	)
 }
 
diff --git a/src/markdownit/underline.js b/src/markdownit/underline.js
index f92348fc03f..5e467f78749 100644
--- a/src/markdownit/underline.js
+++ b/src/markdownit/underline.js
@@ -7,7 +7,7 @@
  * @param {object} md Markdown object
  */
 export default function markdownUnderlines(md) {
-	md.inline.ruler2.after('emphasis', 'underline', state => {
+	md.inline.ruler2.after('emphasis', 'underline', (state) => {
 		const tokens = state.tokens
 
 		for (let i = tokens.length - 1; i > 0; i--) {
diff --git a/src/marks/Link.js b/src/marks/Link.js
index ffe5001579c..767854f2274 100644
--- a/src/marks/Link.js
+++ b/src/marks/Link.js
@@ -27,7 +27,6 @@ const extractHrefFromMarkdownLink = (match) => {
 }
 
 const Link = TipTapLink.extend({
-
 	addOptions() {
 		return {
 			...this.parent?.(),
@@ -51,7 +50,7 @@ const Link = TipTapLink.extend({
 	parseHTML: [
 		{
 			tag: 'a[href]',
-			getAttrs: dom => ({
+			getAttrs: (dom) => ({
 				href: parseHref(dom),
 				title: dom.getAttribute('title'),
 			}),
@@ -69,12 +68,16 @@ const Link = TipTapLink.extend({
 		} catch (error) {
 			href = '#'
 		}
-		return ['a', {
-			...mark.attrs,
-			href,
-			'data-md-href': mark.attrs.href,
-			rel: 'noopener noreferrer nofollow',
-		}, 0]
+		return [
+			'a',
+			{
+				...mark.attrs,
+				href,
+				'data-md-href': mark.attrs.href,
+				rel: 'noopener noreferrer nofollow',
+			},
+			0,
+		]
 	},
 
 	addInputRules() {
@@ -90,44 +93,57 @@ const Link = TipTapLink.extend({
 	addCommands() {
 		return {
 			...this.parent?.(),
-			insertOrSetLink: (text, attrs) => ({ state, chain, commands }) => {
-				// Check if any text is selected,
-				// if not insert the link using the given text property
-				if (state.selection.empty) {
-					if (isMarkActive(state, this.name)) {
-
-						// get current href to check what to replace, assumes there's only one link mark on the anchor
-						let href = ''
-						state.selection.$anchor.marks().forEach(item => {
-							if (item.attrs.href && item.type.name === 'link') {
-								href = item.attrs.href
-							}
-						})
-						commands.deleteRange(getMarkRange(state.selection.$anchor, state.schema.marks.link, { href }))
+			insertOrSetLink:
+				(text, attrs) =>
+				({ state, chain, commands }) => {
+					// Check if any text is selected,
+					// if not insert the link using the given text property
+					if (state.selection.empty) {
+						if (isMarkActive(state, this.name)) {
+							// get current href to check what to replace, assumes there's only one link mark on the anchor
+							let href = ''
+							state.selection.$anchor.marks().forEach((item) => {
+								if (item.attrs.href && item.type.name === 'link') {
+									href = item.attrs.href
+								}
+							})
+							commands.deleteRange(
+								getMarkRange(
+									state.selection.$anchor,
+									state.schema.marks.link,
+									{ href },
+								),
+							)
+							return chain().insertContent({
+								type: 'text',
+								marks: [
+									{
+										type: 'link',
+										attrs,
+									},
+								],
+								text,
+							})
+						}
 						return chain().insertContent({
-							type: 'text',
-							marks: [{
-								type: 'link',
-								attrs,
-							}],
-							text,
+							type: 'paragraph',
+							content: [
+								{
+									type: 'text',
+									marks: [
+										{
+											type: 'link',
+											attrs,
+										},
+									],
+									text,
+								},
+							],
 						})
+					} else {
+						return commands.setLink(attrs)
 					}
-					return chain().insertContent({
-						type: 'paragraph',
-						content: [{
-							type: 'text',
-							marks: [{
-								type: 'link',
-								attrs,
-							}],
-							text,
-						}],
-					})
-				} else {
-					return commands.setLink(attrs)
-				}
-			},
+				},
 		}
 	},
 
@@ -135,15 +151,14 @@ const Link = TipTapLink.extend({
 		const plugins = this.parent()
 			// remove upstream link click handle plugin
 			.filter(({ key }) => {
-				return !key.startsWith('handleClickLink') && !key.startsWith('textHandleClickLink')
+				return (
+					!key.startsWith('handleClickLink') &&
+					!key.startsWith('textHandleClickLink')
+				)
 			})
 
 		// Custom click handler plugins
-		return [
-			...plugins,
-			linkClicking(),
-		]
-
+		return [...plugins, linkClicking()]
 	},
 })
 
diff --git a/src/marks/Strike.js b/src/marks/Strike.js
index d12660637fe..7faa2c23b3f 100644
--- a/src/marks/Strike.js
+++ b/src/marks/Strike.js
@@ -6,7 +6,6 @@
 import TipTapStrike from '@tiptap/extension-strike'
 
 export default TipTapStrike.extend({
-
 	parseHTML() {
 		return [
 			{
@@ -20,7 +19,7 @@ export default TipTapStrike.extend({
 			},
 			{
 				style: 'text-decoration',
-				getAttrs: value => value === 'line-through',
+				getAttrs: (value) => value === 'line-through',
 			},
 		]
 	},
diff --git a/src/marks/Underline.js b/src/marks/Underline.js
index 74ad11ca911..1c913ce5d12 100644
--- a/src/marks/Underline.js
+++ b/src/marks/Underline.js
@@ -8,7 +8,6 @@ import { markInputRule, markPasteRule } from '@tiptap/core'
 import { underscoreInputRegex, underscorePasteRegex } from '@tiptap/extension-bold'
 
 const Underline = TipTapUnderline.extend({
-
 	parseHTML() {
 		return [
 			{
@@ -16,7 +15,7 @@ const Underline = TipTapUnderline.extend({
 			},
 			{
 				style: 'text-decoration',
-				getAttrs: value => value === 'underline',
+				getAttrs: (value) => value === 'underline',
 			},
 		]
 	},
@@ -49,7 +48,6 @@ const Underline = TipTapUnderline.extend({
 			}),
 		]
 	},
-
 })
 
 export default Underline
diff --git a/src/marks/index.js b/src/marks/index.js
index 449f2efd65c..ebc93f55047 100644
--- a/src/marks/index.js
+++ b/src/marks/index.js
@@ -13,10 +13,4 @@ const Italic = TipTapItalic.extend({
 	name: 'em',
 })
 
-export {
-	Strong,
-	Italic,
-	Strike,
-	Link,
-	Underline,
-}
+export { Strong, Italic, Strike, Link, Underline }
diff --git a/src/mixins/CopyToClipboardMixin.js b/src/mixins/CopyToClipboardMixin.js
index a5b12626a0d..9375c5b3f6d 100644
--- a/src/mixins/CopyToClipboardMixin.js
+++ b/src/mixins/CopyToClipboardMixin.js
@@ -32,7 +32,8 @@ export default {
 				this.copied = true
 				showError(
 					`<div>${t('text', 'Could not copy to the clipboard')}</div>`,
-					{ isHTML: true })
+					{ isHTML: true },
+				)
 			} finally {
 				this.copyLoading = false
 				setTimeout(() => {
diff --git a/src/mixins/refreshMoment.js b/src/mixins/refreshMoment.js
index 1f5a2ae35bf..4f8fbbefba5 100644
--- a/src/mixins/refreshMoment.js
+++ b/src/mixins/refreshMoment.js
@@ -10,7 +10,6 @@
  * given the granularity of moment.js
  */
 export default {
-
 	data() {
 		return {
 			refreshMoment: 0,
@@ -26,5 +25,4 @@ export default {
 	beforeDestroy() {
 		clearInterval(this.$refreshInterval)
 	},
-
 }
diff --git a/src/mixins/setContent.js b/src/mixins/setContent.js
index e9abf59ae28..58591532026 100644
--- a/src/mixins/setContent.js
+++ b/src/mixins/setContent.js
@@ -17,7 +17,8 @@ export default {
 			const html = isRichEditor
 				? markdownit.render(content) + '<p/>'
 				: `<pre>${escapeHtml(content)}</pre>`
-			this.$editor.chain()
+			this.$editor
+				.chain()
 				.setContent(html, addToHistory)
 				.command(({ tr }) => {
 					tr.setMeta('addToHistory', addToHistory)
@@ -31,9 +32,7 @@ export default {
 				? markdownit.render(content) + '<p/>'
 				: `<pre>${escapeHtml(content)}</pre>`
 
-			const editor = isRichEditor
-				? createRichEditor()
-				: createPlainEditor()
+			const editor = isRichEditor ? createRichEditor() : createPlainEditor()
 
 			const json = generateJSON(html, editor.options.extensions)
 
@@ -47,7 +46,9 @@ export default {
 				// it to the server immediately, however this would require read only sessions to be able
 				// to still push a state
 				ydoc.clientID = 0
-				const type = /** @type {XmlFragment} */ (ydoc.get('default', XmlFragment))
+				const type = /** @type {XmlFragment} */ (
+					ydoc.get('default', XmlFragment)
+				)
 				if (!type.doc) {
 					// This should not happen but is aligned with the upstream implementation
 					// https://github.com/yjs/y-prosemirror/blob/8db24263770c2baaccb08e08ea9ef92dbcf8a9da/src/lib.js#L209
diff --git a/src/nodes/BulletList.js b/src/nodes/BulletList.js
index 07f7582683e..493932420c7 100644
--- a/src/nodes/BulletList.js
+++ b/src/nodes/BulletList.js
@@ -13,7 +13,9 @@ import { listInputRule } from '../commands/index.js'
  */
 const BulletList = TiptapBulletList.extend({
 	parseHTML() {
-		return this.parent().map(rule => Object.assign(rule, { preserveWhitespace: true }))
+		return this.parent().map((rule) =>
+			Object.assign(rule, { preserveWhitespace: true }),
+		)
 	},
 
 	addAttributes() {
@@ -33,14 +35,8 @@ const BulletList = TiptapBulletList.extend({
 	},
 
 	addInputRules() {
-		return [
-			listInputRule(
-				/^\s*([-+*])\s([^\s[]+)$/,
-				this.type,
-			),
-		]
+		return [listInputRule(/^\s*([-+*])\s([^\s[]+)$/, this.type)]
 	},
-
 })
 
 export default BulletList
diff --git a/src/nodes/Callout.vue b/src/nodes/Callout.vue
index b55579c6de6..7b809c0d176 100644
--- a/src/nodes/Callout.vue
+++ b/src/nodes/Callout.vue
@@ -3,7 +3,8 @@
   - SPDX-License-Identifier: AGPL-3.0-or-later
 -->
 <template>
-	<NodeViewWrapper data-text-el="callout"
+	<NodeViewWrapper
+		data-text-el="callout"
 		class="callout"
 		:class="`callout--${type}`"
 		as="div">
@@ -63,7 +64,7 @@ export default {
 	align-items: center;
 	justify-content: flex-start;
 
-	&+ * {
+	& + * {
 		margin-top: 0.5em;
 	}
 
@@ -77,13 +78,15 @@ export default {
 	}
 
 	.callout__icon {
-		&, :deep(svg) {
+		&,
+		:deep(svg) {
 			color: var(--callout-border);
 		}
 	}
 
 	// Info (default) variables
-	&, &--info {
+	&,
+	&--info {
 		--callout-border: var(--color-info, #006aa3);
 	}
 
diff --git a/src/nodes/Callouts.js b/src/nodes/Callouts.js
index e81bb166438..34f97d4b7f6 100644
--- a/src/nodes/Callouts.js
+++ b/src/nodes/Callouts.js
@@ -10,7 +10,6 @@ import { typesAvailable } from './../markdownit/callouts.js'
 import Callout from './Callout.vue'
 
 export default Node.create({
-
 	name: 'callout',
 
 	content: 'paragraph+',
@@ -33,12 +32,16 @@ export default Node.create({
 			type: {
 				default: 'info',
 				rendered: false,
-				parseHTML: element => {
-					return element.getAttribute('data-callout')
-						|| typesAvailable.find((type) => element.classList.contains(type))
-						|| (element.classList.contains('warning') && 'warn')
+				parseHTML: (element) => {
+					return (
+						element.getAttribute('data-callout') ||
+						typesAvailable.find((type) =>
+							element.classList.contains(type),
+						) ||
+						(element.classList.contains('warning') && 'warn')
+					)
 				},
-				renderHTML: attributes => {
+				renderHTML: (attributes) => {
 					return {
 						'data-callout': attributes.type,
 						class: `callout-${attributes.type}`,
@@ -86,23 +89,29 @@ export default Node.create({
 
 	addCommands() {
 		return {
-			setCallout: attributes => ({ commands }) => {
-				return commands.wrapIn(this.name, attributes)
-			},
-			toggleCallout: attributes => ({ commands, state }) => {
-				if (!isNodeActive(state, this.name)) {
-					return commands.setCallout(attributes)
-				}
+			setCallout:
+				(attributes) =>
+				({ commands }) => {
+					return commands.wrapIn(this.name, attributes)
+				},
+			toggleCallout:
+				(attributes) =>
+				({ commands, state }) => {
+					if (!isNodeActive(state, this.name)) {
+						return commands.setCallout(attributes)
+					}
 
-				if (!isNodeActive(state, this.name, attributes)) {
-					return commands.updateAttributes(this.name, attributes)
-				}
+					if (!isNodeActive(state, this.name, attributes)) {
+						return commands.updateAttributes(this.name, attributes)
+					}
 
-				return commands.unsetCallout()
-			},
-			unsetCallout: () => ({ commands }) => {
-				return commands.lift(this.name)
-			},
+					return commands.unsetCallout()
+				},
+			unsetCallout:
+				() =>
+				({ commands }) => {
+					return commands.lift(this.name)
+				},
 		}
 	},
 })
diff --git a/src/nodes/CodeBlock.js b/src/nodes/CodeBlock.js
index 9df486e47b8..4e3ae12a771 100644
--- a/src/nodes/CodeBlock.js
+++ b/src/nodes/CodeBlock.js
@@ -8,7 +8,6 @@ import { VueNodeViewRenderer } from '@tiptap/vue-2'
 import CodeBlockView from './CodeBlockView.vue'
 
 const CodeBlock = TiptapCodeBlockLowlight.extend({
-
 	parseHTML() {
 		return [
 			{
@@ -17,9 +16,7 @@ const CodeBlock = TiptapCodeBlockLowlight.extend({
 				// Remove trailing newline from code blocks (#2344)
 				getContent: (node, schema) => {
 					const textContent = node.textContent.replace(/\n$/, '')
-					const inner = textContent
-						? [schema.text(textContent)]
-						: []
+					const inner = textContent ? [schema.text(textContent)] : []
 					return schema.nodes.codeBlock.create(null, inner)
 				},
 			},
@@ -36,7 +33,7 @@ const CodeBlock = TiptapCodeBlockLowlight.extend({
 
 		// Make sure the front matter fences are longer than any dash sequence within it
 		const backticks = node.textContent.match(/`{3,}/gm)
-		const fence = backticks ? (backticks.sort().slice(-1)[0] + '`') : '```'
+		const fence = backticks ? backticks.sort().slice(-1)[0] + '`' : '```'
 
 		const language = node.attrs.params !== 'plaintext' ? node.attrs.params : ''
 		state.write(fence + (language || '') + '\n')
@@ -68,7 +65,6 @@ const CodeBlock = TiptapCodeBlockLowlight.extend({
 			},
 		}
 	},
-
 })
 
 export default CodeBlock
diff --git a/src/nodes/CodeBlockView.vue b/src/nodes/CodeBlockView.vue
index a09520cdb0a..369b2010fe3 100644
--- a/src/nodes/CodeBlockView.vue
+++ b/src/nodes/CodeBlockView.vue
@@ -8,7 +8,8 @@
 		<div class="code-block-header">
 			<div class="view-switch">
 				<NcActions :aria-label="t('text', 'Copy code block')">
-					<NcActionButton v-if="hasCode"
+					<NcActionButton
+						v-if="hasCode"
 						data-cy="copy-code"
 						:aria-label="t('text', 'Copy code')"
 						@click="copyCode">
@@ -20,10 +21,12 @@
 					</NcActionButton>
 				</NcActions>
 
-				<NcActions v-if="isEditable"
+				<NcActions
+					v-if="isEditable"
 					data-cy="code-action-group"
 					:aria-label="t('text', 'Code block options')">
-					<NcActionInput :label="t('text', 'Code block language')"
+					<NcActionInput
+						:label="t('text', 'Code block language')"
 						:value="type"
 						:show-trailing-button="false"
 						:placeholder="t('text', 'e.g. php, javascript, json…')"
@@ -35,19 +38,28 @@
 
 					<NcActionSeparator v-if="supportPreview" />
 
-					<NcActionButton v-if="supportPreview" close-after-click @click="viewMode = 'code'">
+					<NcActionButton
+						v-if="supportPreview"
+						close-after-click
+						@click="viewMode = 'code'">
 						<template #icon>
 							<CodeBraces :size="20" />
 						</template>
 						{{ t('text', 'Source code') }}
 					</NcActionButton>
-					<NcActionButton v-if="supportPreview" close-after-click @click="viewMode = 'preview'">
+					<NcActionButton
+						v-if="supportPreview"
+						close-after-click
+						@click="viewMode = 'preview'">
 						<template #icon>
 							<Eye :size="20" />
 						</template>
 						{{ t('text', 'Diagram') }}
 					</NcActionButton>
-					<NcActionButton v-if="supportPreview" close-after-click @click="viewMode = 'side-by-side'">
+					<NcActionButton
+						v-if="supportPreview"
+						close-after-click
+						@click="viewMode = 'side-by-side'">
 						<template #icon>
 							<ViewSplitVertical :size="20" />
 						</template>
@@ -56,7 +68,10 @@
 
 					<NcActionSeparator v-if="supportPreview" />
 
-					<NcActionLink v-if="supportPreview" href="https://mermaid.js.org/intro/" target="_blank">
+					<NcActionLink
+						v-if="supportPreview"
+						href="https://mermaid.js.org/intro/"
+						target="_blank">
 						<template #icon>
 							<Help :size="20" />
 						</template>
@@ -65,11 +80,14 @@
 				</NcActions>
 			</div>
 		</div>
-		<div :class="{'split-view': showCode && showPreview }">
-			<pre v-show="showCode" class="split-view__code"><NodeViewContent spellcheck="false"
+		<div :class="{ 'split-view': showCode && showPreview }">
+			<pre
+				v-show="showCode"
+				class="split-view__code"><NodeViewContent spellcheck="false"
 				as="code"
 				:contenteditable="isEditable" /></pre>
-			<div v-show="showPreview"
+			<div
+				v-show="showPreview"
 				ref="preview"
 				class="split-view__preview"
 				:contenteditable="false" />
@@ -81,7 +99,14 @@
 <script>
 import debounce from 'debounce'
 import { NodeViewWrapper, NodeViewContent } from '@tiptap/vue-2'
-import { NcActions, NcActionButton, NcActionInput, NcActionLink, NcActionSeparator, NcLoadingIcon } from '@nextcloud/vue'
+import {
+	NcActions,
+	NcActionButton,
+	NcActionInput,
+	NcActionLink,
+	NcActionSeparator,
+	NcLoadingIcon,
+} from '@nextcloud/vue'
 import { v4 as uuidv4 } from 'uuid'
 
 import ViewSplitVertical from 'vue-material-design-icons/ViewSplitVertical.vue'
@@ -148,10 +173,17 @@ export default {
 			return ['mermaid'].includes(this.type)
 		},
 		showCode() {
-			return !this.supportPreview || this.viewMode === 'code' || this.viewMode === 'side-by-side'
+			return (
+				!this.supportPreview ||
+				this.viewMode === 'code' ||
+				this.viewMode === 'side-by-side'
+			)
 		},
 		showPreview() {
-			return this.supportPreview && (this.viewMode === 'preview' || this.viewMode === 'side-by-side')
+			return (
+				this.supportPreview &&
+				(this.viewMode === 'preview' || this.viewMode === 'side-by-side')
+			)
 		},
 		defaultMode() {
 			if (this.isEditable) {
diff --git a/src/nodes/Details.js b/src/nodes/Details.js
index aca1ed07ddd..1a70c329785 100644
--- a/src/nodes/Details.js
+++ b/src/nodes/Details.js
@@ -20,9 +20,7 @@ function detailsParentInfo(resolvedPos, schema) {
 		const node = resolvedPos.node(depth)
 		if (node.type === schema.nodes.details) {
 			return {
-				pos: depth > 0
-					? resolvedPos.before(depth)
-					: 0,
+				pos: depth > 0 ? resolvedPos.before(depth) : 0,
 				node,
 			}
 		}
@@ -43,9 +41,7 @@ function childFromNode(node, nodeType) {
 			return false
 		}
 	})
-	return childNodes.length > 0
-		? childNodes[0]
-		: null
+	return childNodes.length > 0 ? childNodes[0] : null
 }
 
 const Details = Node.create({
@@ -57,10 +53,7 @@ const Details = Node.create({
 	allowGapCursor: false,
 
 	addExtensions() {
-		return [
-			DetailsContent,
-			DetailsSummary,
-		]
+		return [DetailsContent, DetailsSummary]
 	},
 
 	addOptions() {
@@ -78,13 +71,19 @@ const Details = Node.create({
 	},
 
 	parseHTML() {
-		return [{
-			tag: 'details',
-		}]
+		return [
+			{
+				tag: 'details',
+			},
+		]
 	},
 
 	renderHTML({ HTMLAttributes }) {
-		return ['details', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0]
+		return [
+			'details',
+			mergeAttributes(this.options.HTMLAttributes, HTMLAttributes),
+			0,
+		]
 	},
 
 	addNodeView() {
@@ -102,65 +101,84 @@ const Details = Node.create({
 
 	addCommands() {
 		return {
-			setDetails: () => ({ commands, state, chain }) => {
-				const { schema, selection } = state
-				const { $from, $to } = selection
-				const blockRange = $from.blockRange($to)
-				if (!blockRange) {
-					return false
-				}
-
-				const slice = state.doc.slice(blockRange.start, blockRange.end)
-				if (!schema.nodes.detailsContent.contentMatch.matchFragment(slice.content)) {
-					return false
-				}
-				const sliceContent = slice.toJSON()?.content || []
-
-				return chain()
-					.insertContentAt({
-						from: blockRange.start,
-						to: blockRange.end,
-					}, {
-						type: this.name,
-						attrs: {
-							openDetails: true,
-						},
-						content: [
-							{ type: 'detailsSummary' },
-							{ type: 'detailsContent', content: sliceContent },
-						],
-					})
-					.setTextSelection(blockRange.start + 2)
-					.run()
-			},
-			unsetDetails: () => ({ state, chain }) => {
-				const { schema, selection } = state
-				const details = detailsParentInfo(selection.$from, schema)
-				if (!details) {
-					return false
-				}
-				const detailsContent = childFromNode(details.node, schema.nodes.detailsContent)
-				if (!detailsContent) {
-					return false
-				}
-
-				const content = detailsContent.content.toJSON()
-				const range = {
-					from: details.pos,
-					to: details.pos + details.node.nodeSize,
-				}
-
-				return chain()
-					.insertContentAt(range, content)
-					.setTextSelection(details.pos + 1)
-					.run()
-			},
-			toggleDetails: () => ({ commands, state }) => {
-				if (!isNodeActive(state, this.name)) {
-					return commands.setDetails()
-				}
-				return commands.unsetDetails()
-			},
+			setDetails:
+				() =>
+				({ commands, state, chain }) => {
+					const { schema, selection } = state
+					const { $from, $to } = selection
+					const blockRange = $from.blockRange($to)
+					if (!blockRange) {
+						return false
+					}
+
+					const slice = state.doc.slice(blockRange.start, blockRange.end)
+					if (
+						!schema.nodes.detailsContent.contentMatch.matchFragment(
+							slice.content,
+						)
+					) {
+						return false
+					}
+					const sliceContent = slice.toJSON()?.content || []
+
+					return chain()
+						.insertContentAt(
+							{
+								from: blockRange.start,
+								to: blockRange.end,
+							},
+							{
+								type: this.name,
+								attrs: {
+									openDetails: true,
+								},
+								content: [
+									{ type: 'detailsSummary' },
+									{
+										type: 'detailsContent',
+										content: sliceContent,
+									},
+								],
+							},
+						)
+						.setTextSelection(blockRange.start + 2)
+						.run()
+				},
+			unsetDetails:
+				() =>
+				({ state, chain }) => {
+					const { schema, selection } = state
+					const details = detailsParentInfo(selection.$from, schema)
+					if (!details) {
+						return false
+					}
+					const detailsContent = childFromNode(
+						details.node,
+						schema.nodes.detailsContent,
+					)
+					if (!detailsContent) {
+						return false
+					}
+
+					const content = detailsContent.content.toJSON()
+					const range = {
+						from: details.pos,
+						to: details.pos + details.node.nodeSize,
+					}
+
+					return chain()
+						.insertContentAt(range, content)
+						.setTextSelection(details.pos + 1)
+						.run()
+				},
+			toggleDetails:
+				() =>
+				({ commands, state }) => {
+					if (!isNodeActive(state, this.name)) {
+						return commands.setDetails()
+					}
+					return commands.unsetDetails()
+				},
 		}
 	},
 
@@ -177,10 +195,15 @@ const Details = Node.create({
 
 				const details = detailsParentInfo($from, schema)
 				if (!details.node.attrs.openDetails) {
-					editor.commands.updateAttributes('details', { openDetails: true })
+					editor.commands.updateAttributes('details', {
+						openDetails: true,
+					})
 				}
 
-				const detailsContent = childFromNode(details.node, schema.nodes.detailsContent)
+				const detailsContent = childFromNode(
+					details.node,
+					schema.nodes.detailsContent,
+				)
 				if (!detailsContent) {
 					return false
 				}
@@ -208,7 +231,6 @@ const Details = Node.create({
 				return editor.commands.unsetDetails()
 			},
 		}
-
 	},
 })
 
diff --git a/src/nodes/DetailsContent.js b/src/nodes/DetailsContent.js
index 34601d24a25..29ec5fa5994 100644
--- a/src/nodes/DetailsContent.js
+++ b/src/nodes/DetailsContent.js
@@ -21,13 +21,21 @@ const DetailsContent = Node.create({
 	},
 
 	parseHTML() {
-		return [{
-			tag: `div[data-type="${this.name}"]`,
-		}]
+		return [
+			{
+				tag: `div[data-type="${this.name}"]`,
+			},
+		]
 	},
 
 	renderHTML({ HTMLAttributes }) {
-		return ['div', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes, { class: 'details-content' }), 0]
+		return [
+			'div',
+			mergeAttributes(this.options.HTMLAttributes, HTMLAttributes, {
+				class: 'details-content',
+			}),
+			0,
+		]
 	},
 
 	addNodeView() {
diff --git a/src/nodes/DetailsSummary.js b/src/nodes/DetailsSummary.js
index 8ffb01dd217..048e1a4deef 100644
--- a/src/nodes/DetailsSummary.js
+++ b/src/nodes/DetailsSummary.js
@@ -19,13 +19,19 @@ const DetailsSummary = Node.create({
 	},
 
 	parseHTML() {
-		return [{
-			tag: 'summary',
-		}]
+		return [
+			{
+				tag: 'summary',
+			},
+		]
 	},
 
 	renderHTML({ HTMLAttributes }) {
-		return ['summary', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0]
+		return [
+			'summary',
+			mergeAttributes(this.options.HTMLAttributes, HTMLAttributes),
+			0,
+		]
 	},
 
 	toMarkdown: (state, node) => {
diff --git a/src/nodes/DetailsView.vue b/src/nodes/DetailsView.vue
index 90eafcadb38..755af79543b 100644
--- a/src/nodes/DetailsView.vue
+++ b/src/nodes/DetailsView.vue
@@ -4,14 +4,13 @@
  -->
 
 <template>
-	<NodeViewWrapper data-text-el="details"
-		class="details"
-		as="div">
+	<NodeViewWrapper data-text-el="details" class="details" as="div">
 		<NcButton type="tertiary" size="small">
 			<template #icon>
-				<TriangleSmallDownIcon :size="20"
+				<TriangleSmallDownIcon
+					:size="20"
 					class="button-open"
-					:class="{ 'open': open }"
+					:class="{ open: open }"
 					@click="toggleOpen" />
 			</template>
 		</NcButton>
diff --git a/src/nodes/EditableTable.js b/src/nodes/EditableTable.js
index e7a7dc3f323..5cec077a940 100644
--- a/src/nodes/EditableTable.js
+++ b/src/nodes/EditableTable.js
@@ -28,7 +28,6 @@ function extendNodeWithView(node, view) {
 }
 
 export default Table.extend({
-
 	addNodeView() {
 		return VueNodeViewRenderer(TableView)
 	},
diff --git a/src/nodes/FrontMatter.js b/src/nodes/FrontMatter.js
index 6b8a3a5d370..fdd0f09c41d 100644
--- a/src/nodes/FrontMatter.js
+++ b/src/nodes/FrontMatter.js
@@ -14,26 +14,31 @@ const FrontMatter = TiptapCodeBlock.extend({
 	renderHTML({ node, HTMLAttributes }) {
 		return this.parent({
 			node,
-			HTMLAttributes:
-			mergeAttributes(HTMLAttributes, { 'data-title': t('text', 'Front matter'), class: 'frontmatter' }),
+			HTMLAttributes: mergeAttributes(HTMLAttributes, {
+				'data-title': t('text', 'Front matter'),
+				class: 'frontmatter',
+			}),
 		})
 	},
 	parseHTML() {
-		return [{
-			tag: 'pre#frontmatter',
-			preserveWhitespace: 'full',
-			priority: 9001,
-			attrs: {
-				language: 'yaml',
+		return [
+			{
+				tag: 'pre#frontmatter',
+				preserveWhitespace: 'full',
+				priority: 9001,
+				attrs: {
+					language: 'yaml',
+				},
 			},
-		}]
+		]
 	},
 	toMarkdown: (state, node) => {
-		if (!state.out.match(/^\s*/)) throw Error('FrontMatter must be the first node of the document!')
+		if (!state.out.match(/^\s*/))
+			throw Error('FrontMatter must be the first node of the document!')
 		const text = node.textContent
 		// Make sure the front matter fences are longer than any dash sequence within it
 		const dashes = text.match(/-{3,}/gm)
-		const separator = dashes ? (dashes.sort().slice(-1)[0] + '-') : '---'
+		const separator = dashes ? dashes.sort().slice(-1)[0] + '-' : '---'
 
 		state.write('')
 		state.out = ''
@@ -51,12 +56,11 @@ const FrontMatter = TiptapCodeBlock.extend({
 				find: /^---$/g,
 				handler: ({ state, range, chain }) => {
 					if (range.from === 1) {
-						if (state.doc.resolve(1).parent.type.name === this.name) return false
-						chain()
-							.deleteRange(range)
-							.insertContentAt(0, {
-								type: this.name,
-							})
+						if (state.doc.resolve(1).parent.type.name === this.name)
+							return false
+						chain().deleteRange(range).insertContentAt(0, {
+							type: this.name,
+						})
 						return true
 					}
 					return false
diff --git a/src/nodes/HardBreak.js b/src/nodes/HardBreak.js
index e8e9ddb8c22..aee34e042b2 100644
--- a/src/nodes/HardBreak.js
+++ b/src/nodes/HardBreak.js
@@ -23,7 +23,8 @@ const HardBreak = TipTapHardBreak.extend({
 			setHardBreak: () => (ctx) => {
 				// Prevent hard breaks within headings
 				for (let d = ctx.state.selection.$from.depth; d >= 0; d--) {
-					if (ctx.state.selection.$from.node(d).type.name === 'heading') return false
+					if (ctx.state.selection.$from.node(d).type.name === 'heading')
+						return false
 				}
 				return this.parent().setHardBreak()(ctx)
 			},
diff --git a/src/nodes/Heading.js b/src/nodes/Heading.js
index 61e7e679126..dfd78799286 100644
--- a/src/nodes/Heading.js
+++ b/src/nodes/Heading.js
@@ -7,18 +7,20 @@ import TipTapHeading from '@tiptap/extension-heading'
 import headingAnchor from '../plugins/headingAnchor.js'
 
 const Heading = TipTapHeading.extend({
-
 	addKeyboardShortcuts() {
-		return this.options.levels.reduce((items, level) => ({
-			...items,
-			[`Mod-Shift-${level}`]: () => this.editor.commands.toggleHeading({ level }),
-		}), {})
+		return this.options.levels.reduce(
+			(items, level) => ({
+				...items,
+				[`Mod-Shift-${level}`]: () =>
+					this.editor.commands.toggleHeading({ level }),
+			}),
+			{},
+		)
 	},
 
 	addProseMirrorPlugins() {
 		return [headingAnchor()]
 	},
-
 })
 
 export default Heading
diff --git a/src/nodes/Image.js b/src/nodes/Image.js
index e3d25176dbf..06f6157ca1e 100644
--- a/src/nodes/Image.js
+++ b/src/nodes/Image.js
@@ -10,7 +10,6 @@ import { VueNodeViewRenderer } from '@tiptap/vue-2'
 import { defaultMarkdownSerializer } from '@tiptap/pm/markdown'
 
 const Image = TiptapImage.extend({
-
 	selectable: false,
 
 	parseHTML() {
@@ -45,8 +44,14 @@ const Image = TiptapImage.extend({
 				props: {
 					handleDrop: (view, event, slice) => {
 						// only catch the drop if it contains files
-						if (event.dataTransfer.files && event.dataTransfer.files.length > 0) {
-							const coordinates = view.posAtCoords({ left: event.clientX, top: event.clientY })
+						if (
+							event.dataTransfer.files &&
+							event.dataTransfer.files.length > 0
+						) {
+							const coordinates = view.posAtCoords({
+								left: event.clientX,
+								top: event.clientY,
+							})
 							const customEvent = new CustomEvent('file-drop', {
 								bubbles: true,
 								detail: {
@@ -60,7 +65,10 @@ const Image = TiptapImage.extend({
 					},
 					handlePaste: (view, event, slice) => {
 						// only catch the paste if it contains files
-						if (event.clipboardData.files && event.clipboardData.files.length > 0) {
+						if (
+							event.clipboardData.files &&
+							event.clipboardData.files.length > 0
+						) {
 							// let the editor wrapper catch this custom event
 							const customEvent = new CustomEvent('image-paste', {
 								bubbles: true,
diff --git a/src/nodes/ImageView.vue b/src/nodes/ImageView.vue
index 467e6dea28f..a9b76a1bc72 100644
--- a/src/nodes/ImageView.vue
+++ b/src/nodes/ImageView.vue
@@ -5,36 +5,40 @@
 
 <template>
 	<NodeViewWrapper :contenteditable="isEditable">
-		<figure class="image image-view"
+		<figure
+			class="image image-view"
 			data-component="image-view"
 			:data-attachment-type="attachmentType"
-			:class="{'icon-loading': !loaded, 'image-view--failed': failed}"
+			:class="{ 'icon-loading': !loaded, 'image-view--failed': failed }"
 			:data-src="src">
-			<div v-if="canDisplayImage"
-				v-click-outside="() => showIcons = false"
+			<div
+				v-if="canDisplayImage"
+				v-click-outside="() => (showIcons = false)"
 				class="image__view"
 				@mouseover="showIcons = true"
 				@mouseleave="showIcons = false">
 				<transition name="fade">
 					<template v-if="!failed">
-						<div v-if="isMediaAttachment"
+						<div
+							v-if="isMediaAttachment"
 							contenteditable="false"
 							class="media"
 							@click="handleAttachmentClick">
 							<div class="media__wrapper">
-								<img v-show="loaded"
+								<img
+									v-show="loaded"
 									:src="imageUrl"
 									:alt="alt"
 									class="image__main"
-									@load="onLoaded">
+									@load="onLoaded" />
 								<div class="metadata">
 									<span class="name">{{ alt }}</span>
 									<span class="size">{{ attachmentSize }}</span>
 								</div>
 							</div>
-							<div v-if="showDeleteIcon"
-								class="buttons">
-								<NcButton :aria-label="t('text', 'Delete this attachment')"
+							<div v-if="showDeleteIcon" class="buttons">
+								<NcButton
+									:aria-label="t('text', 'Delete this attachment')"
 									:title="t('text', 'Delete this attachment')"
 									@click="onDelete">
 									<template #icon>
@@ -44,20 +48,24 @@
 							</div>
 						</div>
 						<div v-else class="media" contenteditable="false">
-							<img v-show="loaded"
+							<img
+								v-show="loaded"
 								:src="imageUrl"
 								:alt="alt"
 								class="image__main"
 								@click="handleImageClick"
-								@load="onLoaded">
+								@load="onLoaded" />
 						</div>
 					</template>
 					<template v-else>
-						<ImageIcon class="image__main image__main--broken-icon" :size="100" />
+						<ImageIcon
+							class="image__main image__main--broken-icon"
+							:size="100" />
 					</template>
 				</transition>
 				<transition name="fade">
-					<div v-if="!isMediaAttachment"
+					<div
+						v-if="!isMediaAttachment"
 						v-show="loaded"
 						class="image__caption"
 						:title="alt">
@@ -65,17 +73,20 @@
 							{{ alt }}
 						</figcaption>
 						<div v-else class="image__caption__wrapper">
-							<input v-show="!isMediaAttachment"
+							<input
+								v-show="!isMediaAttachment"
 								ref="altInput"
 								type="text"
 								class="image__caption__input"
 								:value="alt"
 								@blur="updateAlt"
-								@keyup="updateAlt">
-							<div v-if="showImageDeleteIcon"
+								@keyup="updateAlt" />
+							<div
+								v-if="showImageDeleteIcon"
 								contenteditable="false"
 								class="image__caption__delete">
-								<NcButton :aria-label="t('text', 'Delete this image')"
+								<NcButton
+									:aria-label="t('text', 'Delete this image')"
 									:title="t('text', 'Delete this image')"
 									@click="onDelete">
 									<template #icon>
@@ -87,21 +98,23 @@
 					</div>
 				</transition>
 				<div class="image__modal">
-					<ShowImageModal :images="embeddedImageList"
+					<ShowImageModal
+						:images="embeddedImageList"
 						:start-index="imageIndex"
 						:show="showImageModal"
-						@close="showImageModal=false" />
+						@close="showImageModal = false" />
 				</div>
 			</div>
 			<div v-else class="image-view__cant_display">
 				<transition name="fade">
 					<div v-show="loaded" class="image__caption">
-						<input ref="altInput"
+						<input
+							ref="altInput"
 							type="text"
 							:value="alt"
 							:disabled="!isEditable"
 							@blur="updateAlt"
-							@keyup.enter="updateAlt">
+							@keyup.enter="updateAlt" />
 					</div>
 				</transition>
 			</div>
@@ -123,13 +136,11 @@ import { NodeViewWrapper } from '@tiptap/vue-2'
 import { Image as ImageIcon, Delete as DeleteIcon } from '../components/icons.js'
 
 class LoadImageError extends Error {
-
 	constructor(reason, imageUrl) {
 		super(reason?.message || t('text', 'Failed to load'))
 		this.reason = reason
 		this.imageUrl = imageUrl
 	}
-
 }
 
 export default {
@@ -144,9 +155,7 @@ export default {
 	directives: {
 		ClickOutside,
 	},
-	mixins: [
-		useAttachmentResolver,
-	],
+	mixins: [useAttachmentResolver],
 	props: ['editor', 'node', 'extension', 'updateAttributes', 'deleteNode'], // eslint-disable-line
 	data() {
 		return {
@@ -214,8 +223,7 @@ export default {
 		this.editor.on('update', ({ editor }) => {
 			this.isEditable = editor.isEditable
 		})
-		this.loadPreview()
-			.catch(this.onImageLoadFailure)
+		this.loadPreview().catch(this.onImageLoadFailure)
 	},
 	methods: {
 		async loadPreview() {
@@ -263,12 +271,18 @@ export default {
 		async updateEmbeddedImageList() {
 			this.embeddedImageList = []
 			// Get all images that succeeded to load
-			const imageViews = Array.from(document.querySelectorAll('figure[data-component="image-view"][data-attachment-type="image"]:not(.image-view--failed).image-view'))
+			const imageViews = Array.from(
+				document.querySelectorAll(
+					'figure[data-component="image-view"][data-attachment-type="image"]:not(.image-view--failed).image-view',
+				),
+			)
 			for (const imgv of imageViews) {
 				const src = imgv.getAttribute('data-src')
-				if (!this.embeddedImageList.find(i => i.src === src)) {
+				if (!this.embeddedImageList.find((i) => i.src === src)) {
 					// Don't add duplicates (e.g. when several editors are loaded in HTML document)
-					const attachment = await this.$attachmentResolver.resolve(imgv.getAttribute('data-src'))
+					const attachment = await this.$attachmentResolver.resolve(
+						imgv.getAttribute('data-src'),
+					)
 					this.embeddedImageList.push({
 						src,
 						...attachment,
@@ -278,14 +292,16 @@ export default {
 		},
 		handleAttachmentClick() {
 			// Open in viewer if possible
-			if (OCA.Viewer
+			if (
+				OCA.Viewer &&
 				// Viewer is not in use
-				&& !OCA.Viewer.file
+				!OCA.Viewer.file &&
 				// Viewer supports mimetype
-				&& OCA.Viewer.mimetypes.indexOf(this.attachment.mimetype) !== -1
+				OCA.Viewer.mimetypes.indexOf(this.attachment.mimetype) !== -1 &&
 				// Attachment has davPath, i.e. is native attachment and not in public share
 				//  (in public share we probably don't have DAV access)
-				&& this.attachment.davPath) {
+				this.attachment.davPath
+			) {
 				// Viewer exists, is not in use and supports mimetype
 				OCA.Viewer.open({ path: this.attachment.davPath })
 				return
@@ -296,11 +312,16 @@ export default {
 		},
 		async handleImageClick() {
 			await this.updateEmbeddedImageList()
-			this.imageIndex = this.embeddedImageList.findIndex(i => (i.src === this.src))
+			this.imageIndex = this.embeddedImageList.findIndex(
+				(i) => i.src === this.src,
+			)
 			if (this.imageIndex !== -1) {
 				this.showImageModal = true
 			} else {
-				console.error('Could not find image in attachments list', this.attachment)
+				console.error(
+					'Could not find image in attachments list',
+					this.attachment,
+				)
 				showError(t('text', 'Could not find image in attachments list.'))
 			}
 		},
@@ -317,7 +338,8 @@ export default {
 	margin: 0;
 	padding: 0;
 
-	&, * {
+	&,
+	* {
 		-webkit-user-modify: read-only !important;
 	}
 }
@@ -340,7 +362,8 @@ export default {
 		position: absolute;
 		bottom: -1px;
 		right: -3px;
-		&, svg {
+		&,
+		svg {
 			cursor: pointer;
 		}
 	}
@@ -375,7 +398,8 @@ export default {
 	max-height: calc(100vh - 50px - 50px);
 }
 
-.image__main--broken-icon, .image__error-message {
+.image__main--broken-icon,
+.image__error-message {
 	color: var(--color-text-maxcontrast);
 }
 
@@ -439,7 +463,7 @@ export default {
 }
 
 .fade-enter-active {
-	transition: opacity .3s ease-in-out;
+	transition: opacity 0.3s ease-in-out;
 }
 
 .fade-enter-to {
diff --git a/src/nodes/Paragraph.js b/src/nodes/Paragraph.js
index 9dbd5427433..30a0c435a41 100644
--- a/src/nodes/Paragraph.js
+++ b/src/nodes/Paragraph.js
@@ -8,9 +8,10 @@ import previewOptions from '../plugins/previewOptions.js'
 import currentLineMenu from '../plugins/currentLineMenu.js'
 
 const Paragraph = TiptapParagraph.extend({
-
 	parseHTML() {
-		return this.parent?.()?.map(rule => Object.assign(rule, { preserveWhitespace: 'full' }))
+		return this.parent?.()?.map((rule) =>
+			Object.assign(rule, { preserveWhitespace: 'full' }),
+		)
 	},
 
 	addKeyboardShortcuts() {
@@ -28,8 +29,10 @@ const Paragraph = TiptapParagraph.extend({
 				const parent = selection.$from.node(selection.$from.depth - 1)
 				const previousNode = parent.child(index - 1)
 				// Check this and the previous sibling are paragraphs
-				if (node.type.name === this.name
-					&& previousNode.type.name === this.name) {
+				if (
+					node.type.name === this.name &&
+					previousNode.type.name === this.name
+				) {
 					return this.editor.chain().joinBackward().setHardBreak().run()
 				}
 				return false
diff --git a/src/nodes/PlainTextDocument.js b/src/nodes/PlainTextDocument.js
index deb8d9d3ae9..b85a404ed55 100644
--- a/src/nodes/PlainTextDocument.js
+++ b/src/nodes/PlainTextDocument.js
@@ -13,5 +13,4 @@ export default Node.create({
 			Tab: () => this.editor.commands.insertContent('\t'),
 		}
 	},
-
 })
diff --git a/src/nodes/Preview.js b/src/nodes/Preview.js
index 71c286f50a7..9648cbc63ac 100644
--- a/src/nodes/Preview.js
+++ b/src/nodes/Preview.js
@@ -10,7 +10,6 @@ import { VueNodeViewRenderer } from '@tiptap/vue-2'
 import Preview from './Preview.vue'
 
 export default Node.create({
-
 	name: 'preview',
 
 	group: 'block',
@@ -33,7 +32,7 @@ export default Node.create({
 	addAttributes() {
 		return {
 			href: { parseHTML: parseHref },
-			title: { parseHTML: el => el.getAttribute('title') },
+			title: { parseHTML: (el) => el.getAttribute('title') },
 		}
 	},
 
@@ -47,11 +46,15 @@ export default Node.create({
 	},
 
 	renderHTML({ node }) {
-		return ['a', {
-			...node.attrs,
-			href: domHref(node, this.options.relativePath),
-			rel: 'noopener noreferrer nofollow',
-		}, 0]
+		return [
+			'a',
+			{
+				...node.attrs,
+				href: domHref(node, this.options.relativePath),
+				rel: 'noopener noreferrer nofollow',
+			},
+			0,
+		]
 	},
 
 	addNodeView() {
@@ -67,51 +70,65 @@ export default Node.create({
 
 	addCommands() {
 		return {
-
 			/**
 			 * Turn a paragraph that contains a single link
 			 * into a preview.
 			 *
 			 */
-			setPreview: () => ({ state, chain }) => {
-				return previewPossible(state)
-					&& chain()
-						.setNode(this.name, previewAttributesFromSelection(state))
-						.run()
-			},
+			setPreview:
+				() =>
+				({ state, chain }) => {
+					return (
+						previewPossible(state) &&
+						chain()
+							.setNode(
+								this.name,
+								previewAttributesFromSelection(state),
+							)
+							.run()
+					)
+				},
 
 			/**
 			 * Turn a preview back into a paragraph with a link.
 			 *
 			 */
-			unsetPreview: () => ({ state, chain }) => {
-				return isActive(this.name, this.attributes, state)
-					&& chain()
-						.setNode('paragraph')
-						.run()
-			},
+			unsetPreview:
+				() =>
+				({ state, chain }) => {
+					return (
+						isActive(this.name, this.attributes, state) &&
+						chain().setNode('paragraph').run()
+					)
+				},
 
 			/**
 			 * Insert a preview for given link.
 			 *
 			 * @param {string} link - the link URL
 			 */
-			insertPreview: (link) => ({ state, chain }) => {
-				return chain()
-					.insertContent({
-						type: 'preview',
-						attrs: { href: link, title: 'preview' },
-						content: [{
-							type: 'text',
-							marks: [{
-								type: 'link',
-								attrs: { href: link },
-							}],
-							text: link,
-						}],
-					})
-					.run()
-			},
+			insertPreview:
+				(link) =>
+				({ state, chain }) => {
+					return chain()
+						.insertContent({
+							type: 'preview',
+							attrs: { href: link, title: 'preview' },
+							content: [
+								{
+									type: 'text',
+									marks: [
+										{
+											type: 'link',
+											attrs: { href: link },
+										},
+									],
+									text: link,
+								},
+							],
+						})
+						.run()
+				},
 		}
 	},
 })
@@ -165,8 +182,10 @@ function previewPossible({ selection }) {
  * @return {boolean}
  */
 function hasOtherContent(node) {
-	return node.childCount > 2
-		|| (node.childCount === 2 && node.lastChild.textContent.trim())
+	return (
+		node.childCount > 2 ||
+		(node.childCount === 2 && node.lastChild.textContent.trim())
+	)
 }
 
 /**
@@ -178,6 +197,6 @@ function extractHref(node) {
 	if (!node) {
 		return undefined
 	}
-	const link = node.marks.find(mark => mark.type.name === 'link')
+	const link = node.marks.find((mark) => mark.type.name === 'link')
 	return link?.attrs.href
 }
diff --git a/src/nodes/Preview.vue b/src/nodes/Preview.vue
index 6dc68bfdd89..76aa6e95362 100644
--- a/src/nodes/Preview.vue
+++ b/src/nodes/Preview.vue
@@ -3,12 +3,14 @@
   - SPDX-License-Identifier: AGPL-3.0-or-later
 -->
 <template>
-	<NodeViewWrapper data-text-el="preview"
+	<NodeViewWrapper
+		data-text-el="preview"
 		class="preview"
 		as="div"
 		contenteditable="false">
 		<NodeViewContent />
-		<NcReferenceList :text="node.attrs.href"
+		<NcReferenceList
+			:text="node.attrs.href"
 			:limit="1"
 			:interactive="!extension.options.isEmbedded"
 			:display-fallback="true" />
@@ -49,7 +51,7 @@ export default {
 }
 
 :deep(.widget-default--details) {
-	overflow:hidden;
+	overflow: hidden;
 	p {
 		margin-bottom: 4px !important;
 	}
diff --git a/src/nodes/TaskItem.js b/src/nodes/TaskItem.js
index de927c35842..dabed7c9a18 100644
--- a/src/nodes/TaskItem.js
+++ b/src/nodes/TaskItem.js
@@ -9,7 +9,6 @@ import { Plugin } from '@tiptap/pm/state'
 import { findParentNodeClosestToPos } from './../helpers/prosemirrorUtils.js'
 
 const TaskItem = TipTapTaskItem.extend({
-
 	addOptions() {
 		return {
 			nested: true,
@@ -23,7 +22,7 @@ const TaskItem = TipTapTaskItem.extend({
 
 	addAttributes() {
 		const adjust = { ...this.parent() }
-		adjust.checked.parseHTML = el => {
+		adjust.checked.parseHTML = (el) => {
 			return el.querySelector('input[type=checkbox]')?.checked
 		}
 		return adjust
@@ -33,7 +32,7 @@ const TaskItem = TipTapTaskItem.extend({
 		{
 			priority: 101,
 			tag: 'li',
-			getAttrs: el => {
+			getAttrs: (el) => {
 				const checkbox = el.querySelector('input[type=checkbox]')
 				return checkbox
 			},
@@ -43,7 +42,11 @@ const TaskItem = TipTapTaskItem.extend({
 
 	renderHTML({ node, HTMLAttributes }) {
 		const listAttributes = { class: 'task-list-item checkbox-item' }
-		const checkboxAttributes = { type: 'checkbox', class: '', contenteditable: false }
+		const checkboxAttributes = {
+			type: 'checkbox',
+			class: '',
+			contenteditable: false,
+		}
 		if (node.attrs.checked) {
 			checkboxAttributes.checked = true
 			listAttributes.class += ' checked'
@@ -51,14 +54,8 @@ const TaskItem = TipTapTaskItem.extend({
 		return [
 			'li',
 			mergeAttributes(HTMLAttributes, listAttributes),
-			[
-				'input',
-				checkboxAttributes,
-			],
-			[
-				'label',
-				0,
-			],
+			['input', checkboxAttributes],
+			['label', 0],
 		]
 	},
 
@@ -76,7 +73,7 @@ const TaskItem = TipTapTaskItem.extend({
 			wrappingInputRule({
 				find: /^\s*([-+*])\s(\[(x|X|\s)?\])\s$/,
 				type: this.type,
-				getAttributes: match => ({
+				getAttributes: (match) => ({
 					checked: 'xX'.includes(match[match.length - 1]),
 				}),
 			}),
@@ -91,28 +88,40 @@ const TaskItem = TipTapTaskItem.extend({
 						const state = view.state
 						const schema = state.schema
 
-						const coordinates = view.posAtCoords({ left: event.clientX, top: event.clientY })
-						const position = state.doc.resolve(coordinates.pos)
-						const parentList = findParentNodeClosestToPos(position, function(node) {
-							return node.type === schema.nodes.taskItem
-								|| node.type === schema.nodes.listItem
+						const coordinates = view.posAtCoords({
+							left: event.clientX,
+							top: event.clientY,
 						})
-						const isListClicked = event.target.tagName.toLowerCase() === 'li'
-						if (!isListClicked
-							|| !parentList
-							|| parentList.node.type !== schema.nodes.taskItem
-						    || !view.editable) {
+						const position = state.doc.resolve(coordinates.pos)
+						const parentList = findParentNodeClosestToPos(
+							position,
+							function (node) {
+								return (
+									node.type === schema.nodes.taskItem ||
+									node.type === schema.nodes.listItem
+								)
+							},
+						)
+						const isListClicked =
+							event.target.tagName.toLowerCase() === 'li'
+						if (
+							!isListClicked ||
+							!parentList ||
+							parentList.node.type !== schema.nodes.taskItem ||
+							!view.editable
+						) {
 							return
 						}
 						const tr = state.tr
-						tr.setNodeMarkup(parentList.pos, schema.nodes.taskItem, { checked: !parentList.node.attrs.checked })
+						tr.setNodeMarkup(parentList.pos, schema.nodes.taskItem, {
+							checked: !parentList.node.attrs.checked,
+						})
 						view.dispatch(tr)
 					},
 				},
 			}),
 		]
 	},
-
 })
 
 export default TaskItem
diff --git a/src/nodes/TaskList.js b/src/nodes/TaskList.js
index f47350ba40a..0c4a4021439 100644
--- a/src/nodes/TaskList.js
+++ b/src/nodes/TaskList.js
@@ -7,7 +7,6 @@ import TiptapTaskList from '@tiptap/extension-task-list'
 import { mergeAttributes } from '@tiptap/core'
 
 const TaskList = TiptapTaskList.extend({
-
 	parseHTML: [
 		{
 			priority: 100,
@@ -16,7 +15,13 @@ const TaskList = TiptapTaskList.extend({
 	],
 
 	renderHTML({ HTMLAttributes }) {
-		return ['ul', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes, { class: 'contains-task-list' }), 0]
+		return [
+			'ul',
+			mergeAttributes(this.options.HTMLAttributes, HTMLAttributes, {
+				class: 'contains-task-list',
+			}),
+			0,
+		]
 	},
 
 	addAttributes() {
@@ -38,7 +43,6 @@ const TaskList = TiptapTaskList.extend({
 	toMarkdown: (state, node) => {
 		state.renderList(node, '  ', () => `${node.attrs.bullet} `)
 	},
-
 })
 
 export default TaskList
diff --git a/src/nodes/TrailingNode.js b/src/nodes/TrailingNode.js
index eeb892d5a2f..d5daa5a1f15 100644
--- a/src/nodes/TrailingNode.js
+++ b/src/nodes/TrailingNode.js
@@ -37,7 +37,7 @@ const TrailingNode = Extension.create({
 		const plugin = new PluginKey(this.name)
 		const disabledNodes = Object.entries(this.editor.schema.nodes)
 			.map(([, value]) => value)
-			.filter(node => this.options.notAfter.includes(node.name))
+			.filter((node) => this.options.notAfter.includes(node.name))
 
 		return [
 			new Plugin({
@@ -57,7 +57,10 @@ const TrailingNode = Extension.create({
 				state: {
 					init: (_, state) => {
 						const lastNode = state.tr.doc.lastChild
-						return !nodeEqualsType({ node: lastNode, types: disabledNodes })
+						return !nodeEqualsType({
+							node: lastNode,
+							types: disabledNodes,
+						})
 					},
 					apply: (tr, value) => {
 						if (!tr.docChanged) {
@@ -65,7 +68,10 @@ const TrailingNode = Extension.create({
 						}
 
 						const lastNode = tr.doc.lastChild
-						return !nodeEqualsType({ node: lastNode, types: disabledNodes })
+						return !nodeEqualsType({
+							node: lastNode,
+							types: disabledNodes,
+						})
 					},
 				},
 			}),
diff --git a/src/plugins/LinkBubblePluginView.js b/src/plugins/LinkBubblePluginView.js
index 223de5f771d..2ace9d8fd55 100644
--- a/src/plugins/LinkBubblePluginView.js
+++ b/src/plugins/LinkBubblePluginView.js
@@ -9,7 +9,6 @@ import { domHref } from '../helpers/links.js'
 import LinkBubbleView from '../components/Link/LinkBubbleView.vue'
 
 class LinkBubblePluginView {
-
 	#component = null
 	#editor = null
 
@@ -21,29 +20,19 @@ class LinkBubblePluginView {
 	}
 
 	addEventListeners() {
-		this.view.dom.addEventListener('dragstart',
-			this.closeOnExternalEvents,
-		)
-		document.addEventListener('mousedown',
-			this.closeOnExternalEvents,
-		)
-		document.addEventListener('scroll',
-			this.closeOnExternalEvents,
-			{ capture: true },
-		)
+		this.view.dom.addEventListener('dragstart', this.closeOnExternalEvents)
+		document.addEventListener('mousedown', this.closeOnExternalEvents)
+		document.addEventListener('scroll', this.closeOnExternalEvents, {
+			capture: true,
+		})
 	}
 
 	removeEventListeners() {
-		this.view.dom.removeEventListener('dragstart',
-			this.closeOnExternalEvents,
-		)
-		document.removeEventListener('mousedown',
-			this.closeOnExternalEvents,
-		)
-		document.removeEventListener('scroll',
-			this.closeOnExternalEvents,
-			{ capture: true },
-		)
+		this.view.dom.removeEventListener('dragstart', this.closeOnExternalEvents)
+		document.removeEventListener('mousedown', this.closeOnExternalEvents)
+		document.removeEventListener('scroll', this.closeOnExternalEvents, {
+			capture: true,
+		})
 	}
 
 	closeOnExternalEvents = (event) => {
@@ -132,7 +121,6 @@ class LinkBubblePluginView {
 	destroy() {
 		this.tippy?.destroy()
 	}
-
 }
 
 export default LinkBubblePluginView
diff --git a/src/plugins/currentLineMenu.js b/src/plugins/currentLineMenu.js
index f89daa93b5c..ee8f3b64763 100644
--- a/src/plugins/currentLineMenu.js
+++ b/src/plugins/currentLineMenu.js
@@ -32,7 +32,11 @@ export default function currentLineMenu({ editor }) {
 				const currentParagraph = getCurrentParagraph(state)
 				return {
 					currentParagraph,
-					decorations: currentParagraphDecorations(state.doc, currentParagraph, editor),
+					decorations: currentParagraphDecorations(
+						state.doc,
+						currentParagraph,
+						editor,
+					),
 				}
 			},
 			apply(tr, value, _oldState, newState) {
@@ -43,8 +47,13 @@ export default function currentLineMenu({ editor }) {
 				if (!currentParagraph) {
 					return { decorations: DecorationSet.empty }
 				}
-				const decorations = mapDecorations(value, tr, currentParagraph)
-					|| currentParagraphDecorations(newState.doc, currentParagraph, editor)
+				const decorations =
+					mapDecorations(value, tr, currentParagraph) ||
+					currentParagraphDecorations(
+						newState.doc,
+						currentParagraph,
+						editor,
+					)
 				return { currentParagraph, decorations }
 			},
 		},
@@ -79,9 +88,7 @@ function mapDecorations(value, tr, currentParagraph) {
 			removedDecorations = true
 		},
 	})
-	return removedDecorations
-		? false
-		: decorations
+	return removedDecorations ? false : decorations
 }
 
 /**
@@ -99,11 +106,13 @@ function getCurrentParagraph({ selection }) {
 	const pos = depth === 0 ? 0 : selection.$anchor.before()
 	const isRootDepth = depth === 1
 	const noLinkPickerYet = !parent.textContent.match(/(^| )\/$/)
-	if (isRootDepth
-		&& noLinkPickerYet
-		&& selection.empty
-		&& parent.isTextblock
-		&& !parent.type.spec.code) {
+	if (
+		isRootDepth &&
+		noLinkPickerYet &&
+		selection.empty &&
+		parent.isTextblock &&
+		!parent.type.spec.code
+	) {
 		return { pos }
 	}
 }
diff --git a/src/plugins/extractHeadings.js b/src/plugins/extractHeadings.js
index 65bc3155490..04cd8d86451 100644
--- a/src/plugins/extractHeadings.js
+++ b/src/plugins/extractHeadings.js
@@ -16,7 +16,7 @@ export default function extractHeadings(doc, oldVal = []) {
 	const counter = new Map()
 	const headings = []
 
-	const getId = text => {
+	const getId = (text) => {
 		const id = slugify(text)
 		if (counter.has(id)) {
 			const next = counter.get(id)
diff --git a/src/plugins/extractLinkParagraphs.js b/src/plugins/extractLinkParagraphs.js
index c0071712849..fcbd6375905 100644
--- a/src/plugins/extractLinkParagraphs.js
+++ b/src/plugins/extractLinkParagraphs.js
@@ -16,19 +16,23 @@ export default function extractLinkParagraphs(doc) {
 
 	doc.descendants((node, pos) => {
 		if (previewPossible(node)) {
-			paragraphs.push(Object.freeze({
-				pos,
-				nodeSize: node.nodeSize,
-				type: 'text-only',
-				href: extractHref(node.firstChild),
-			}))
+			paragraphs.push(
+				Object.freeze({
+					pos,
+					nodeSize: node.nodeSize,
+					type: 'text-only',
+					href: extractHref(node.firstChild),
+				}),
+			)
 		} else if (node.type.name === 'preview') {
-			paragraphs.push(Object.freeze({
-				pos,
-				nodeSize: node.nodeSize,
-				type: 'link-preview',
-				href: node.attrs.href,
-			}))
+			paragraphs.push(
+				Object.freeze({
+					pos,
+					nodeSize: node.nodeSize,
+					type: 'link-preview',
+					href: node.attrs.href,
+				}),
+			)
 		}
 	})
 	return paragraphs
@@ -56,8 +60,10 @@ function previewPossible(node) {
  * @return {boolean}
  */
 function hasOtherContent(node) {
-	return node.childCount > 2
-		|| (node.childCount === 2 && node.lastChild.textContent.trim())
+	return (
+		node.childCount > 2 ||
+		(node.childCount === 2 && node.lastChild.textContent.trim())
+	)
 }
 
 /**
@@ -69,6 +75,6 @@ function extractHref(node) {
 	if (!node) {
 		return undefined
 	}
-	const link = node.marks.find(mark => mark.type.name === 'link')
+	const link = node.marks.find((mark) => mark.type.name === 'link')
 	return link?.attrs.href
 }
diff --git a/src/plugins/headingAnchor.js b/src/plugins/headingAnchor.js
index e1925ad3a4d..cb28e270386 100644
--- a/src/plugins/headingAnchor.js
+++ b/src/plugins/headingAnchor.js
@@ -17,7 +17,6 @@ export const headingAnchorPluginKey = new PluginKey('headingAnchor')
  */
 export default function headingAnchor() {
 	return new Plugin({
-
 		key: headingAnchorPluginKey,
 
 		state: {
@@ -33,7 +32,9 @@ export default function headingAnchor() {
 					return value
 				}
 				const headings = extractHeadings(newState.doc)
-				const decorations = mapDecorations(value, tr, headings) || anchorDecorations(newState.doc, headings)
+				const decorations =
+					mapDecorations(value, tr, headings) ||
+					anchorDecorations(newState.doc, headings)
 				return { headings, decorations }
 			},
 		},
@@ -63,10 +64,12 @@ function mapDecorations(value, tr, headings) {
 		return false
 	}
 	let removedDecorations = false
-	const decorations = value.decorations.map(tr.mapping, tr.doc, { onRemove: () => { removedDecorations = true } })
-	return removedDecorations
-		? false
-		: decorations
+	const decorations = value.decorations.map(tr.mapping, tr.doc, {
+		onRemove: () => {
+			removedDecorations = true
+		},
+	})
+	return removedDecorations ? false : decorations
 }
 
 /**
@@ -78,8 +81,7 @@ function mapDecorations(value, tr, headings) {
  * @return {boolean}
  */
 function headingsChanged(current, prev) {
-	return (current.length !== prev.length)
-		|| current.some(isDifferentFrom(prev))
+	return current.length !== prev.length || current.some(isDifferentFrom(prev))
 }
 
 /**
@@ -92,8 +94,7 @@ function headingsChanged(current, prev) {
  * and compares the id and level of the heading to the one in `other` with the same index.
  */
 const isDifferentFrom = (other) => (heading, i) => {
-	return heading.id !== other[i].id
-		|| heading.level !== other[i].level
+	return heading.id !== other[i].id || heading.level !== other[i].level
 }
 
 /**
@@ -113,11 +114,9 @@ function anchorDecorations(doc, headings) {
  * @return {Decoration}
  */
 function decorationForHeading(heading) {
-	return Decoration.widget(
-		heading.offset + 1,
-		anchorForHeading(heading),
-		{ side: -1 },
-	)
+	return Decoration.widget(heading.offset + 1, anchorForHeading(heading), {
+		side: -1,
+	})
 }
 
 /**
diff --git a/src/plugins/linkHelpers.js b/src/plugins/linkHelpers.js
index 564598e5426..375afbd6c28 100644
--- a/src/plugins/linkHelpers.js
+++ b/src/plugins/linkHelpers.js
@@ -15,8 +15,8 @@ import { isLinkToSelfWithHash } from '../helpers/links.js'
 export function activeLinkFromSelection({ selection, doc }) {
 	// support for CellSelections
 	const { ranges } = selection
-	const from = Math.min(...ranges.map(range => range.$from.pos))
-	const to = Math.max(...ranges.map(range => range.$to.pos))
+	const from = Math.min(...ranges.map((range) => range.$from.pos))
+	const to = Math.max(...ranges.map((range) => range.$to.pos))
 
 	const resolved = doc.resolve(from)
 
@@ -58,7 +58,7 @@ function activeLink(node, nodeStart) {
  * @param {object} node - node to check
  */
 function linkMark(node) {
-	const linkMark = node?.marks.find(m => m.type.name === 'link')
+	const linkMark = node?.marks.find((m) => m.type.name === 'link')
 	if (!linkMark) {
 		return undefined
 	}
diff --git a/src/plugins/links.js b/src/plugins/links.js
index 293858bbe94..3fee69af246 100644
--- a/src/plugins/links.js
+++ b/src/plugins/links.js
@@ -15,8 +15,7 @@ import { isLinkToSelfWithHash } from '../helpers/links.js'
  * @params {ResolvedPos} resolved position of the action
  */
 export const setActiveLink = (resolved) => (state, dispatch) => {
-	const mark = resolved.marks()
-		.find(m => m.type.name === 'link')
+	const mark = resolved.marks().find((m) => m.type.name === 'link')
 	if (!mark) {
 		return false
 	}
@@ -62,11 +61,12 @@ export function linkBubble(options) {
 			},
 		},
 
-		view: (view) => new LinkBubblePluginView({
-			view,
-			options,
-			plugin: linkBubblePlugin,
-		}),
+		view: (view) =>
+			new LinkBubblePluginView({
+				view,
+				options,
+				plugin: linkBubblePlugin,
+			}),
 
 		appendTransaction: (transactions, oldState, state) => {
 			// Don't open bubble at editor initialisation
@@ -78,7 +78,9 @@ export function linkBubble(options) {
 			const sameSelection = oldState?.selection.eq(state.selection)
 			const sameDoc = oldState?.doc.eq(state.doc)
 			// Don't open bubble on changes by other session members
-			const noHistory = transactions.every(tr => tr.meta.addToHistory === false)
+			const noHistory = transactions.every(
+				(tr) => tr.meta.addToHistory === false,
+			)
 			if (sameSelection && (noHistory || sameDoc)) {
 				return
 			}
@@ -92,10 +94,12 @@ export function linkBubble(options) {
 			// when clicking a link in read-only mode on Firefox.
 			handleClickOn: (view, pos, _node, _nodePos, event, direct) => {
 				// Only regard left clicks without Ctrl/Meta
-				if (!direct
-					|| event.button !== 0
-					|| event.ctrlKey
-					|| event.metaKey) {
+				if (
+					!direct ||
+					event.button !== 0 ||
+					event.ctrlKey ||
+					event.metaKey
+				) {
 					return false
 				}
 				const { state, dispatch } = view
@@ -112,9 +116,7 @@ export function linkBubble(options) {
 					}
 				},
 			},
-
 		},
-
 	})
 	return linkBubblePlugin
 }
@@ -135,7 +137,13 @@ export function linkClicking() {
 			handleDOMEvents: {
 				// Open link in new tab on middle click
 				auxclick: (view, event) => {
-					if (event.target.closest('a') && event.button === 1 && !event.ctrlKey && !event.metaKey && !event.shiftKey) {
+					if (
+						event.target.closest('a') &&
+						event.button === 1 &&
+						!event.ctrlKey &&
+						!event.metaKey &&
+						!event.shiftKey
+					) {
 						event.preventDefault()
 						event.stopImmediatePropagation()
 
diff --git a/src/plugins/previewOptions.js b/src/plugins/previewOptions.js
index a30bdc07377..6b5459ef579 100644
--- a/src/plugins/previewOptions.js
+++ b/src/plugins/previewOptions.js
@@ -32,7 +32,11 @@ export default function previewOptions({ editor }) {
 				const linkParagraphs = extractLinkParagraphs(doc)
 				return {
 					linkParagraphs,
-					decorations: linkParagraphDecorations(doc, linkParagraphs, editor),
+					decorations: linkParagraphDecorations(
+						doc,
+						linkParagraphs,
+						editor,
+					),
 				}
 			},
 			apply(tr, value, _oldState, newState) {
@@ -43,7 +47,9 @@ export default function previewOptions({ editor }) {
 					return value
 				}
 				const linkParagraphs = extractLinkParagraphs(newState.doc)
-				const decorations = mapDecorations(value, tr, linkParagraphs) || linkParagraphDecorations(newState.doc, linkParagraphs, editor)
+				const decorations =
+					mapDecorations(value, tr, linkParagraphs) ||
+					linkParagraphDecorations(newState.doc, linkParagraphs, editor)
 				return { linkParagraphs, decorations }
 			},
 		},
@@ -73,10 +79,12 @@ function mapDecorations(value, tr, linkParagraphs) {
 		return false
 	}
 	let removedDecorations = false
-	const decorations = value.decorations.map(tr.mapping, tr.doc, { onRemove: () => { removedDecorations = true } })
-	return removedDecorations
-		? false
-		: decorations
+	const decorations = value.decorations.map(tr.mapping, tr.doc, {
+		onRemove: () => {
+			removedDecorations = true
+		},
+	})
+	return removedDecorations ? false : decorations
 }
 
 /**
@@ -88,8 +96,7 @@ function mapDecorations(value, tr, linkParagraphs) {
  * @return {boolean}
  */
 function linkParagraphsChanged(current, prev) {
-	return (current.length !== prev.length)
-		|| current.some(isDifferentFrom(prev))
+	return current.length !== prev.length || current.some(isDifferentFrom(prev))
 }
 
 /**
@@ -101,8 +108,10 @@ function linkParagraphsChanged(current, prev) {
  * The returned function takes a linkParagraph and an index (as provided by iterators)
  */
 const isDifferentFrom = (other) => (linkParagraph, i) => {
-	return linkParagraph.type !== other[i].type
-		|| linkParagraph.nodeSize !== other[i].nodeSize
+	return (
+		linkParagraph.type !== other[i].type ||
+		linkParagraph.nodeSize !== other[i].nodeSize
+	)
 }
 
 /**
@@ -115,7 +124,9 @@ const isDifferentFrom = (other) => (linkParagraph, i) => {
  * @return {DecorationSet}
  */
 function linkParagraphDecorations(doc, linkParagraphs, editor) {
-	const decorations = linkParagraphs.map((linkParagraph) => decorationForLinkParagraph(linkParagraph, editor))
+	const decorations = linkParagraphs.map((linkParagraph) =>
+		decorationForLinkParagraph(linkParagraph, editor),
+	)
 	return DecorationSet.create(doc, decorations)
 }
 
@@ -171,7 +182,10 @@ function previewOptionForLinkParagraph({ type, pos, nodeSize }, editor) {
  * @param {object} editor - tiptap editor
  */
 function setPreview(pos, type, editor) {
-	const chain = editor.chain().focus().setTextSelection(pos + 1)
+	const chain = editor
+		.chain()
+		.focus()
+		.setTextSelection(pos + 1)
 	if (type !== 'text-only') {
 		chain.setPreview().run()
 	} else {
diff --git a/src/plugins/searchDecorations.js b/src/plugins/searchDecorations.js
index 0e5af5d802d..8f4abaa3846 100644
--- a/src/plugins/searchDecorations.js
+++ b/src/plugins/searchDecorations.js
@@ -26,18 +26,27 @@ export default function searchDecorations() {
 				const oldSearch = searchQueryPluginKey.getState(oldState)
 				const newSearch = searchQueryPluginKey.getState(newState)
 
-				const queryChanged = (newSearch.query !== oldSearch.query)
-				const indexChanged = (newSearch.index !== oldSearch.index)
-				const matchAllChanged = (newSearch.matchAll !== oldSearch.matchAll)
-
-				if (tr.docChanged || queryChanged || indexChanged || matchAllChanged) {
-					const { results, total, index } = runSearch(tr.doc, newSearch.query, {
-						matchAll: newSearch.matchAll,
-						index: newSearch.index,
-					})
+				const queryChanged = newSearch.query !== oldSearch.query
+				const indexChanged = newSearch.index !== oldSearch.index
+				const matchAllChanged = newSearch.matchAll !== oldSearch.matchAll
+
+				if (
+					tr.docChanged ||
+					queryChanged ||
+					indexChanged ||
+					matchAllChanged
+				) {
+					const { results, total, index } = runSearch(
+						tr.doc,
+						newSearch.query,
+						{
+							matchAll: newSearch.matchAll,
+							index: newSearch.index,
+						},
+					)
 
 					emit('text:editor:search-results', {
-						totalMatches: (newSearch.query === '' ? null : total),
+						totalMatches: newSearch.query === '' ? null : total,
 						matchIndex: index,
 					})
 
@@ -151,7 +160,7 @@ function normalizeIndex(index, length) {
 	}
 
 	if (index < 0) {
-		return (index % length + length) % length
+		return ((index % length) + length) % length
 	} else {
 		return index % length
 	}
diff --git a/src/plugins/searchQuery.js b/src/plugins/searchQuery.js
index f17c41d00cd..a11873b2874 100644
--- a/src/plugins/searchQuery.js
+++ b/src/plugins/searchQuery.js
@@ -36,7 +36,7 @@ export function searchQuery() {
 
 					if (trMeta?.match) {
 						newState.matchAll = false
-						newState.index = (oldState.index + trMeta.match)
+						newState.index = oldState.index + trMeta.match
 					}
 
 					return newState
@@ -48,14 +48,20 @@ export function searchQuery() {
 	})
 }
 
-export const setSearchQuery = (query, matchAll) => ({ tr }) => {
-	return tr.setMeta('searchQuery', { query, matchAll })
-}
+export const setSearchQuery =
+	(query, matchAll) =>
+	({ tr }) => {
+		return tr.setMeta('searchQuery', { query, matchAll })
+	}
 
-export const nextMatch = () => ({ tr }) => {
-	return tr.setMeta('searchQuery', { match: 1 })
-}
+export const nextMatch =
+	() =>
+	({ tr }) => {
+		return tr.setMeta('searchQuery', { match: 1 })
+	}
 
-export const previousMatch = () => ({ tr }) => {
-	return tr.setMeta('searchQuery', { match: -1 })
-}
+export const previousMatch =
+	() =>
+	({ tr }) => {
+		return tr.setMeta('searchQuery', { match: -1 })
+	}
diff --git a/src/services/AttachmentResolver.js b/src/services/AttachmentResolver.js
index 489572d6146..9a22dd4c6be 100644
--- a/src/services/AttachmentResolver.js
+++ b/src/services/AttachmentResolver.js
@@ -8,7 +8,6 @@ import { generateUrl, generateRemoteUrl } from '@nextcloud/router'
 import pathNormalize from 'path-normalize'
 
 export default class AttachmentResolver {
-
 	#session
 	#user
 	#shareToken
@@ -37,7 +36,7 @@ export default class AttachmentResolver {
 	}
 
 	#findAttachment(fileName) {
-		return this.#attachmentList.find(a => a.name === fileName)
+		return this.#attachmentList.find((a) => a.name === fileName)
 	}
 
 	/*
@@ -51,7 +50,9 @@ export default class AttachmentResolver {
 		// Native attachment
 		const directoryRegexp = /^\.attachments\.\d+\//
 		if (src.match(directoryRegexp)) {
-			const imageFileName = decodeURIComponent(src.replace(directoryRegexp, '').split('?')[0])
+			const imageFileName = decodeURIComponent(
+				src.replace(directoryRegexp, '').split('?')[0],
+			)
 
 			// Wait until attachment list got fetched (initialized by constructor)
 			await this.#initAttachmentListPromise
@@ -66,7 +67,6 @@ export default class AttachmentResolver {
 			if (attachment) {
 				return attachment
 			}
-
 		}
 
 		// Direct URLs
@@ -95,7 +95,10 @@ export default class AttachmentResolver {
 	#davUrl(src) {
 		if (this.#user) {
 			const uid = this.#user.uid
-			const encoded = this.#filePath(src).split('/').map(encodeURIComponent).join('/')
+			const encoded = this.#filePath(src)
+				.split('/')
+				.map(encodeURIComponent)
+				.join('/')
 			return generateRemoteUrl(`dav/files/${uid}${encoded}`)
 		}
 
@@ -120,14 +123,10 @@ export default class AttachmentResolver {
 	}
 
 	#filePath(src) {
-		const f = [
-			this.#currentDirectory,
-			this.#relativePath(src),
-		].join('/')
+		const f = [this.#currentDirectory, this.#relativePath(src)].join('/')
 
 		return pathNormalize(f)
 	}
-
 }
 
 /**
@@ -137,7 +136,9 @@ export default class AttachmentResolver {
  * @param {string} src - the url to check
  */
 function isDirectUrl(src) {
-	return src.startsWith('http://')
-		|| src.startsWith('https://')
-		|| src.startsWith('data:')
+	return (
+		src.startsWith('http://') ||
+		src.startsWith('https://') ||
+		src.startsWith('data:')
+	)
 }
diff --git a/src/services/NotifyService.js b/src/services/NotifyService.js
index 4fbda335d21..8b846a9e555 100644
--- a/src/services/NotifyService.js
+++ b/src/services/NotifyService.js
@@ -11,8 +11,11 @@ if (!window._nc_text_notify) {
 	const isPushEnabled = loadState('text', 'notify_push', false)
 	const useNotifyPush = isPushEnabled
 		? listen('text_steps', (messageType, messageBody) => {
-			window._nc_text_notify?.emit('notify_push', { messageType, messageBody })
-		})
+				window._nc_text_notify?.emit('notify_push', {
+					messageType,
+					messageBody,
+				})
+			})
 		: undefined
 	window._nc_text_notify = useNotifyPush ? mitt() : null
 }
diff --git a/src/services/Outbox.ts b/src/services/Outbox.ts
index aeb2bbbe0d8..325a220aec4 100644
--- a/src/services/Outbox.ts
+++ b/src/services/Outbox.ts
@@ -7,11 +7,11 @@ import { encodeArrayBuffer } from '../helpers/base64.js'
 import { logger } from '../helpers/logger.js'
 
 type Sendable = {
-	steps: string[], awareness: string
+	steps: string[]
+	awareness: string
 }
 
 export default class Outbox {
-
 	#awarenessUpdate = ''
 	#syncUpdate = ''
 	#syncQuery = ''
@@ -35,7 +35,7 @@ export default class Outbox {
 
 	getDataToSend(): Sendable {
 		return {
-			steps: [this.#syncUpdate, this.#syncQuery].filter(s => s),
+			steps: [this.#syncUpdate, this.#syncQuery].filter((s) => s),
 			awareness: this.#awarenessUpdate,
 		}
 	}
@@ -61,5 +61,4 @@ export default class Outbox {
 			this.#awarenessUpdate = ''
 		}
 	}
-
 }
diff --git a/src/services/PollingBackend.js b/src/services/PollingBackend.js
index f7980d03d94..75c3b5b53f3 100644
--- a/src/services/PollingBackend.js
+++ b/src/services/PollingBackend.js
@@ -54,7 +54,6 @@ const MAX_RETRY_FETCH_COUNT = 5
 const COLLABORATOR_DISCONNECT_TIME = FETCH_INTERVAL_INVISIBLE * 1.5
 
 class PollingBackend {
-
 	/** @type {SyncService} */
 	#syncService
 	/** @type {Connection} */
@@ -82,7 +81,10 @@ class PollingBackend {
 		}
 		this.#initialLoadingFinished = false
 		this.fetcher = setInterval(this._fetchSteps.bind(this), 50)
-		document.addEventListener('visibilitychange', this.visibilitychange.bind(this))
+		document.addEventListener(
+			'visibilitychange',
+			this.visibilitychange.bind(this),
+		)
 		this.#notifyPushBus = getNotifyBus()
 	}
 
@@ -96,7 +98,7 @@ class PollingBackend {
 
 		const now = Date.now()
 
-		if (this.#lastPoll > (now - this.#fetchInterval)) {
+		if (this.#lastPoll > now - this.#fetchInterval) {
 			return
 		}
 
@@ -108,9 +110,11 @@ class PollingBackend {
 		this.#pollActive = true
 
 		logger.debug('[PollingBackend] Fetching steps', this.#syncService.version)
-		await this.#connection.sync({
-			version: this.#syncService.version,
-		}).then(this._handleResponse.bind(this), this._handleError.bind(this))
+		await this.#connection
+			.sync({
+				version: this.#syncService.version,
+			})
+			.then(this._handleResponse.bind(this), this._handleError.bind(this))
 		this.#lastPoll = Date.now()
 		this.#pollActive = false
 	}
@@ -157,11 +161,17 @@ class PollingBackend {
 	_handleError(e) {
 		if (!e.response || e.code === 'ECONNABORTED') {
 			if (this.#fetchRetryCounter++ >= MAX_RETRY_FETCH_COUNT) {
-				logger.error('[PollingBackend:fetchSteps] Network error when fetching steps, emitting CONNECTION_FAILED')
-				this.#syncService.emit('error', { type: ERROR_TYPE.CONNECTION_FAILED, data: {} })
-
+				logger.error(
+					'[PollingBackend:fetchSteps] Network error when fetching steps, emitting CONNECTION_FAILED',
+				)
+				this.#syncService.emit('error', {
+					type: ERROR_TYPE.CONNECTION_FAILED,
+					data: {},
+				})
 			} else {
-				logger.error(`[PollingBackend:fetchSteps] Network error when fetching steps, retry ${this.#fetchRetryCounter}`)
+				logger.error(
+					`[PollingBackend:fetchSteps] Network error when fetching steps, retry ${this.#fetchRetryCounter}`,
+				)
 			}
 		} else if (e.response.status === 409) {
 			// Still apply the steps to update our version of the document
@@ -174,27 +184,43 @@ class PollingBackend {
 				},
 			})
 		} else if (e.response.status === 412) {
-			this.#syncService.emit('error', { type: ERROR_TYPE.LOAD_ERROR, data: e.response })
+			this.#syncService.emit('error', {
+				type: ERROR_TYPE.LOAD_ERROR,
+				data: e.response,
+			})
 			this.disconnect()
 		} else if ([403, 404].includes(e.response.status)) {
-			this.#syncService.emit('error', { type: ERROR_TYPE.SOURCE_NOT_FOUND, data: {} })
+			this.#syncService.emit('error', {
+				type: ERROR_TYPE.SOURCE_NOT_FOUND,
+				data: {},
+			})
 			this.disconnect()
 		} else if ([502, 503].includes(e.response.status)) {
 			this.increaseRefetchTimer()
-			this.#syncService.emit('error', { type: ERROR_TYPE.CONNECTION_FAILED, data: {} })
-			logger.error('Failed to fetch steps due to unavailable service', { error: e })
+			this.#syncService.emit('error', {
+				type: ERROR_TYPE.CONNECTION_FAILED,
+				data: {},
+			})
+			logger.error('Failed to fetch steps due to unavailable service', {
+				error: e,
+			})
 		} else {
 			this.disconnect()
-			this.#syncService.emit('error', { type: ERROR_TYPE.CONNECTION_FAILED, data: {} })
+			this.#syncService.emit('error', {
+				type: ERROR_TYPE.CONNECTION_FAILED,
+				data: {},
+			})
 			logger.error('Failed to fetch steps due to other reason', { error: e })
 		}
-
 	}
 
 	disconnect() {
 		clearInterval(this.fetcher)
 		this.fetcher = 0
-		document.removeEventListener('visibilitychange', this.visibilitychange.bind(this))
+		document.removeEventListener(
+			'visibilitychange',
+			this.visibilitychange.bind(this),
+		)
 	}
 
 	resetRefetchTimer() {
@@ -232,7 +258,6 @@ class PollingBackend {
 			this.resetRefetchTimer()
 		}
 	}
-
 }
 
 export default PollingBackend
diff --git a/src/services/SessionApi.js b/src/services/SessionApi.js
index 904274b4fea..95115af8c30 100644
--- a/src/services/SessionApi.js
+++ b/src/services/SessionApi.js
@@ -7,15 +7,15 @@ import { getRequestToken } from '@nextcloud/auth'
 import { generateUrl } from '@nextcloud/router'
 
 export class ConnectionClosedError extends Error {
-
-	constructor(message = 'Close has already been called on the connection', ...rest) {
+	constructor(
+		message = 'Close has already been called on the connection',
+		...rest
+	) {
 		super(message, ...rest)
 	}
-
 }
 
 class SessionApi {
-
 	#options
 
 	constructor(options = {}) {
@@ -23,24 +23,24 @@ class SessionApi {
 	}
 
 	open({ fileId, baseVersionEtag }) {
-		return axios.put(this.#url(`session/${fileId}/create`), {
-			fileId,
-			baseVersionEtag,
-			filePath: this.#options.filePath,
-			token: this.#options.shareToken,
-			guestName: this.#options.guestName,
-		}).then(response => new Connection(response, this.#options))
+		return axios
+			.put(this.#url(`session/${fileId}/create`), {
+				fileId,
+				baseVersionEtag,
+				filePath: this.#options.filePath,
+				token: this.#options.shareToken,
+				guestName: this.#options.guestName,
+			})
+			.then((response) => new Connection(response, this.#options))
 	}
 
 	#url(endpoint) {
 		const isPublic = !!this.#options.shareToken
 		return _endpointUrl(endpoint, isPublic)
 	}
-
 }
 
 export class Connection {
-
 	#content
 	#closed
 	#documentState
@@ -51,7 +51,8 @@ export class Connection {
 	#options
 
 	constructor(response, options) {
-		const { document, session, lock, readOnly, content, documentState } = response.data
+		const { document, session, lock, readOnly, content, documentState } =
+			response.data
 		this.#document = document
 		this.#session = session
 		this.#lock = lock
@@ -128,7 +129,9 @@ export class Connection {
 			requestToken: getRequestToken() ?? '',
 		}
 
-		const blob = new Blob([JSON.stringify(postData)], { type: 'application/json' })
+		const blob = new Blob([JSON.stringify(postData)], {
+			type: 'application/json',
+		})
 		return navigator.sendBeacon(url, blob)
 	}
 
@@ -156,11 +159,16 @@ export class Connection {
 	uploadAttachment(file) {
 		const formData = new FormData()
 		formData.append('file', file)
-		const url = _endpointUrl('attachment/upload')
-			+ '?documentId=' + encodeURIComponent(this.#document.id)
-			+ '&sessionId=' + encodeURIComponent(this.#session.id)
-			+ '&sessionToken=' + encodeURIComponent(this.#session.token)
-			+ '&token=' + encodeURIComponent(this.#options.shareToken || '')
+		const url =
+			_endpointUrl('attachment/upload') +
+			'?documentId=' +
+			encodeURIComponent(this.#document.id) +
+			'&sessionId=' +
+			encodeURIComponent(this.#session.id) +
+			'&sessionToken=' +
+			encodeURIComponent(this.#session.token) +
+			'&token=' +
+			encodeURIComponent(this.#options.shareToken || '')
 		return this.#post(url, formData, {
 			headers: {
 				'Content-Type': 'multipart/form-data',
@@ -202,7 +210,6 @@ export class Connection {
 		const isPublic = !!this.#defaultParams.token
 		return _endpointUrl(endpoint, isPublic)
 	}
-
 }
 
 /**
diff --git a/src/services/SyncService.d.ts b/src/services/SyncService.d.ts
index a4a5d606a5e..29a725849ce 100644
--- a/src/services/SyncService.d.ts
+++ b/src/services/SyncService.d.ts
@@ -4,28 +4,28 @@
  */
 
 export declare type EventTypes = {
-  /* Document state */
-  opened: unknown;
-  loaded: unknown;
+	/* Document state */
+	opened: unknown
+	loaded: unknown
 
-  /* All initial steps fetched */
-  fetched: unknown;
+	/* All initial steps fetched */
+	fetched: unknown
 
-  /* received new steps */
-  sync: unknown;
+	/* received new steps */
+	sync: unknown
 
-  /* state changed (dirty) */
-  stateChange: unknown;
+	/* state changed (dirty) */
+	stateChange: unknown
 
-  /* error */
-  error: unknown;
+	/* error */
+	error: unknown
 
-  /* Events for session and document meta data */
-  change: unknown;
+	/* Events for session and document meta data */
+	change: unknown
 
-  /* Emitted after successful save */
-  save: unknown;
+	/* Emitted after successful save */
+	save: unknown
 
-  /* Emitted once a document becomes idle */
-  idle: unknown;
-};
+	/* Emitted once a document becomes idle */
+	idle: unknown
+}
diff --git a/src/services/SyncService.js b/src/services/SyncService.js
index 8b59eb53013..709cd9d4bdc 100644
--- a/src/services/SyncService.js
+++ b/src/services/SyncService.js
@@ -54,7 +54,6 @@ const ERROR_TYPE = {
 }
 
 class SyncService {
-
 	#sendIntervalId
 	#connection
 	#outbox = new Outbox()
@@ -112,8 +111,9 @@ class SyncService {
 		}
 		const connect = initialSession
 			? Promise.resolve(new Connection({ data: initialSession }, {}))
-			: this._api.open({ fileId, baseVersionEtag: this.baseVersionEtag })
-				.catch(error => this._emitError(error))
+			: this._api
+					.open({ fileId, baseVersionEtag: this.baseVersionEtag })
+					.catch((error) => this._emitError(error))
 		this.#connection = await connect
 		if (!this.#connection) {
 			// Error was already emitted in connect
@@ -148,11 +148,10 @@ class SyncService {
 		if (!this.#connection.isPublic) {
 			return Promise.reject(new Error())
 		}
-		return this.#connection.update(guestName)
-			.catch((error) => {
-				logger.error('Failed to update the session', { error })
-				return Promise.reject(error)
-			})
+		return this.#connection.update(guestName).catch((error) => {
+			logger.error('Failed to update the session', { error })
+			return Promise.reject(error)
+		})
 	}
 
 	sendStep(step) {
@@ -167,7 +166,7 @@ class SyncService {
 		}
 		this.#sendIntervalId = setInterval(() => {
 			if (this.#connection && !this.sending) {
-				this.sendStepsNow().catch(err => logger.error(err))
+				this.sendStepsNow().catch((err) => logger.error(err))
 			}
 		}, 200)
 	}
@@ -183,7 +182,8 @@ class SyncService {
 		if (!this.hasActiveConnection) {
 			return
 		}
-		return this.#connection.push({ ...sendable, version: this.version })
+		return this.#connection
+			.push({ ...sendable, version: this.version })
 			.then((response) => {
 				this.#outbox.clearSentData(sendable)
 				const { steps, documentState } = response.data
@@ -200,29 +200,44 @@ class SyncService {
 				if (steps?.length > 0) {
 					this.receiveSteps({ steps })
 				}
-			}).catch(err => {
+			})
+			.catch((err) => {
 				const { response, code } = err
 				this.sending = false
 				this.pushError++
 				logger.error('Failed to push the steps to the server', err)
 				if (!response || code === 'ECONNABORTED') {
-					this.emit('error', { type: ERROR_TYPE.CONNECTION_FAILED, data: {} })
+					this.emit('error', {
+						type: ERROR_TYPE.CONNECTION_FAILED,
+						data: {},
+					})
 				}
 				if (response?.status === 412) {
-					this.emit('error', { type: ERROR_TYPE.LOAD_ERROR, data: response })
+					this.emit('error', {
+						type: ERROR_TYPE.LOAD_ERROR,
+						data: response,
+					})
 				} else if (response?.status === 403) {
 					// TODO: is this really about sendable?
 					if (!sendable.document) {
 						// either the session is invalid or the document is read only.
 						logger.error('failed to write to document - not allowed')
-						this.emit('error', { type: ERROR_TYPE.PUSH_FORBIDDEN, data: {} })
+						this.emit('error', {
+							type: ERROR_TYPE.PUSH_FORBIDDEN,
+							data: {},
+						})
 					}
 					// TODO: does response.data ever have a document? maybe for errors?
 					// TODO: `currentVersion` is always 0 nowadays. Check if this is still needed.
 					// Only emit conflict event if we have synced until the latest version
 					if (response.data.document?.currentVersion === this.version) {
-						this.emit('error', { type: ERROR_TYPE.PUSH_FAILURE, data: {} })
-						OC.Notification.showTemporary('Changes could not be sent yet')
+						this.emit('error', {
+							type: ERROR_TYPE.PUSH_FAILURE,
+							data: {},
+						})
+						OC.Notification.showTemporary(
+							'Changes could not be sent yet',
+						)
 					}
 				} else {
 					this.emit('error', { type: ERROR_TYPE.PUSH_FAILURE, data: {} })
@@ -233,9 +248,13 @@ class SyncService {
 
 	receiveSteps({ steps, document = null, sessions = [] }) {
 		const awareness = sessions
-			.filter(s => s.lastContact > (Math.floor(Date.now() / 1000) - COLLABORATOR_DISCONNECT_TIME))
-			.filter(s => s.lastAwarenessMessage)
-			.map(s => {
+			.filter(
+				(s) =>
+					s.lastContact >
+					Math.floor(Date.now() / 1000) - COLLABORATOR_DISCONNECT_TIME,
+			)
+			.filter((s) => s.lastAwarenessMessage)
+			.map((s) => {
 				return { step: s.lastAwarenessMessage, clientId: s.clientId }
 			})
 		const newSteps = [...awareness]
@@ -249,7 +268,7 @@ class SyncService {
 				// TODO: recover
 				continue
 			}
-			singleSteps.forEach(step => {
+			singleSteps.forEach((step) => {
 				newSteps.push({
 					step,
 					clientID: steps[i].sessionId,
@@ -267,7 +286,9 @@ class SyncService {
 	checkIdle() {
 		const lastPushMinutesAgo = (Date.now() - this.lastStepPush) / 1000 / 60
 		if (lastPushMinutesAgo > IDLE_TIMEOUT) {
-			logger.debug(`[SyncService] Document is idle for ${this.IDLE_TIMEOUT} minutes, suspending connection`)
+			logger.debug(
+				`[SyncService] Document is idle for ${this.IDLE_TIMEOUT} minutes, suspending connection`,
+			)
 			this.emit('idle')
 			return true
 		}
@@ -326,7 +347,7 @@ class SyncService {
 			return
 		}
 		logger.debug('sending final steps')
-		return this.sendStepsNow().catch(err => logger.error(err))
+		return this.sendStepsNow().catch((err) => logger.error(err))
 	}
 
 	async close() {
@@ -336,11 +357,14 @@ class SyncService {
 		if (!this.hasActiveConnection) {
 			return
 		}
-		return this.#connection.close()
-			// Log and ignore possible network issues.
-			.catch(e => {
-				logger.info('Failed to close connection.', { e })
-			})
+		return (
+			this.#connection
+				.close()
+				// Log and ignore possible network issues.
+				.catch((e) => {
+					logger.info('Failed to close connection.', { e })
+				})
+		)
 	}
 
 	uploadAttachment(file) {
@@ -364,8 +388,13 @@ class SyncService {
 	emit(event, data) {
 		this._bus.emit(event, data)
 	}
-
 }
 
 export default SyncService
-export { SyncService, ERROR_TYPE, IDLE_TIMEOUT, COLLABORATOR_IDLE_TIME, COLLABORATOR_DISCONNECT_TIME }
+export {
+	SyncService,
+	ERROR_TYPE,
+	IDLE_TIMEOUT,
+	COLLABORATOR_IDLE_TIME,
+	COLLABORATOR_DISCONNECT_TIME,
+}
diff --git a/src/services/SyncServiceProvider.js b/src/services/SyncServiceProvider.js
index e62ef4bcfc5..372fad22f81 100644
--- a/src/services/SyncServiceProvider.js
+++ b/src/services/SyncServiceProvider.js
@@ -17,12 +17,24 @@ import { logger } from '../helpers/logger.js'
  * @param {object} options.initialSession - initialSession to start from
  * @param {boolean} options.disableBc - disable broadcast channel synchronization (default: disabled in debug mode, enabled otherwise)
  */
-export default function createSyncServiceProvider({ ydoc, syncService, fileId, initialSession, queue, disableBc }) {
+export default function createSyncServiceProvider({
+	ydoc,
+	syncService,
+	fileId,
+	initialSession,
+	queue,
+	disableBc,
+}) {
 	if (!fileId) {
 		// We need a file id as a unique identifier for y.js as otherwise state might leak between different files
 		throw new Error('fileId is required')
 	}
-	const WebSocketPolyfill = initWebSocketPolyfill(syncService, fileId, initialSession, queue)
+	const WebSocketPolyfill = initWebSocketPolyfill(
+		syncService,
+		fileId,
+		initialSession,
+		queue,
+	)
 	disableBc = disableBc ?? !!window?._oc_debug
 	const websocketProvider = new WebsocketProvider(
 		'ws://localhost:1234',
@@ -30,6 +42,6 @@ export default function createSyncServiceProvider({ ydoc, syncService, fileId, i
 		ydoc,
 		{ WebSocketPolyfill, disableBc },
 	)
-	websocketProvider.on('status', event => logger.debug('status', event))
+	websocketProvider.on('status', (event) => logger.debug('status', event))
 	return websocketProvider
 }
diff --git a/src/services/WebSocketPolyfill.js b/src/services/WebSocketPolyfill.js
index e9a885566dd..afd0965323c 100644
--- a/src/services/WebSocketPolyfill.js
+++ b/src/services/WebSocketPolyfill.js
@@ -15,7 +15,6 @@ import getNotifyBus from './NotifyService.js'
  */
 export default function initWebSocketPolyfill(syncService, fileId, initialSession) {
 	return class WebSocketPolyfill {
-
 		#url
 		binaryType
 		onmessage
@@ -29,11 +28,15 @@ export default function initWebSocketPolyfill(syncService, fileId, initialSessio
 			this.#notifyPushBus = getNotifyBus()
 			this.#notifyPushBus?.on('notify_push', this.#onNotifyPush.bind(this))
 			this.url = url
-			logger.debug('WebSocketPolyfill#constructor', { url, fileId, initialSession })
+			logger.debug('WebSocketPolyfill#constructor', {
+				url,
+				fileId,
+				initialSession,
+			})
 			this.#registerHandlers({
 				sync: ({ steps, version }) => {
 					if (steps) {
-						steps.forEach(s => {
+						steps.forEach((s) => {
 							const data = decodeArrayBuffer(s.step)
 							this.onmessage({ data })
 						})
@@ -51,8 +54,9 @@ export default function initWebSocketPolyfill(syncService, fileId, initialSessio
 
 		#registerHandlers(handlers) {
 			this.#handlers = handlers
-			Object.entries(this.#handlers)
-				.forEach(([key, value]) => syncService.on(key, value))
+			Object.entries(this.#handlers).forEach(([key, value]) =>
+				syncService.on(key, value),
+			)
 		}
 
 		send(step) {
@@ -62,8 +66,9 @@ export default function initWebSocketPolyfill(syncService, fileId, initialSessio
 		}
 
 		async close() {
-			Object.entries(this.#handlers)
-				.forEach(([key, value]) => syncService.off(key, value))
+			Object.entries(this.#handlers).forEach(([key, value]) =>
+				syncService.off(key, value),
+			)
 			this.#handlers = []
 
 			this.#notifyPushBus?.off('notify_push', this.#onNotifyPush.bind(this))
@@ -75,11 +80,10 @@ export default function initWebSocketPolyfill(syncService, fileId, initialSessio
 			if (messageBody.documentId !== fileId) {
 				return
 			}
-			messageBody.steps.forEach(step => {
+			messageBody.steps.forEach((step) => {
 				const data = decodeArrayBuffer(step)
 				this.onmessage({ data })
 			})
 		}
-
 	}
 }
diff --git a/src/services/WebdavClient.ts b/src/services/WebdavClient.ts
index cd33147b03f..e03f1adc064 100644
--- a/src/services/WebdavClient.ts
+++ b/src/services/WebdavClient.ts
@@ -2,7 +2,12 @@
  * SPDX-FileCopyrightText: 2023 Nextcloud GmbH and Nextcloud contributors
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
-import { davGetClient, davGetDefaultPropfind, davResultToNode, davRootPath } from '@nextcloud/files'
+import {
+	davGetClient,
+	davGetDefaultPropfind,
+	davResultToNode,
+	davRootPath,
+} from '@nextcloud/files'
 import type { FileStat, ResponseDataDetailed } from 'webdav'
 import type { Node } from '@nextcloud/files'
 
@@ -10,9 +15,9 @@ export const client = davGetClient()
 
 export const fetchNode = async (node: Node): Promise<Node> => {
 	const propfindPayload = davGetDefaultPropfind()
-	const result = await client.stat(`${davRootPath}${node.path}`, {
+	const result = (await client.stat(`${davRootPath}${node.path}`, {
 		details: true,
 		data: propfindPayload,
-	}) as ResponseDataDetailed<FileStat>
+	})) as ResponseDataDetailed<FileStat>
 	return davResultToNode(result.data)
 }
diff --git a/src/services/y-websocket.js b/src/services/y-websocket.js
index 7fdd7da5493..2a63eaaa230 100644
--- a/src/services/y-websocket.js
+++ b/src/services/y-websocket.js
@@ -56,8 +56,8 @@ messageHandlers[messageSync] = (
 		return
 	}
 	if (
-		syncMessageType === syncProtocol.messageYjsSyncStep2
-	|| syncMessageType === syncProtocol.messageYjsUpdate
+		syncMessageType === syncProtocol.messageYjsSyncStep2 ||
+		syncMessageType === syncProtocol.messageYjsUpdate
 	) {
 		syncProtocol.readSyncMessage(
 			decoderForRemote,
@@ -66,10 +66,7 @@ messageHandlers[messageSync] = (
 			provider,
 		)
 	}
-	if (
-		syncMessageType === syncProtocol.messageYjsSyncStep2
-    && !provider.synced
-	) {
+	if (syncMessageType === syncProtocol.messageYjsSyncStep2 && !provider.synced) {
 		provider.synced = true
 	}
 }
@@ -114,10 +111,8 @@ messageHandlers[messageAuth] = (
 	_emitSynced,
 	_messageType,
 ) => {
-	authProtocol.readAuthMessage(
-		decoder,
-		provider.doc,
-		(_ydoc, reason) => permissionDeniedHandler(provider, reason),
+	authProtocol.readAuthMessage(decoder, provider.doc, (_ydoc, reason) =>
+		permissionDeniedHandler(provider, reason),
 	)
 }
 
@@ -182,14 +177,16 @@ const setupWS = (provider) => {
 				// update awareness (all users except local left)
 				awarenessProtocol.removeAwarenessStates(
 					provider.awareness,
-					Array.from(provider.awareness.getStates().keys()).filter((client) =>
-						client !== provider.doc.clientID,
+					Array.from(provider.awareness.getStates().keys()).filter(
+						(client) => client !== provider.doc.clientID,
 					),
 					provider,
 				)
-				provider.emit('status', [{
-					status: 'disconnected',
-				}])
+				provider.emit('status', [
+					{
+						status: 'disconnected',
+					},
+				])
 			} else {
 				provider.wsUnsuccessfulReconnects++
 			}
@@ -209,9 +206,11 @@ const setupWS = (provider) => {
 			provider.wsconnecting = false
 			provider.wsconnected = true
 			provider.wsUnsuccessfulReconnects = 0
-			provider.emit('status', [{
-				status: 'connected',
-			}])
+			provider.emit('status', [
+				{
+					status: 'connected',
+				},
+			])
 			// always send sync step 1 when connected
 			const encoder = encoding.createEncoder()
 			encoding.writeVarUint(encoder, messageSync)
@@ -230,9 +229,11 @@ const setupWS = (provider) => {
 				websocket.send(encoding.toUint8Array(encoderAwarenessState))
 			}
 		}
-		provider.emit('status', [{
-			status: 'connecting',
-		}])
+		provider.emit('status', [
+			{
+				status: 'connecting',
+			},
+		])
 	}
 }
 
@@ -264,7 +265,6 @@ const broadcastMessage = (provider, buf) => {
  * @augments {Observable<string>}
  */
 export class WebsocketProvider extends Observable {
-
 	/**
 	 * @param {string} serverUrl
 	 * @param {string} roomname
@@ -279,16 +279,21 @@ export class WebsocketProvider extends Observable {
 	 * @param {number} [opts.maxBackoffTime] Maximum amount of time to wait before trying to reconnect (we try to reconnect using exponential backoff)
 	 * @param {boolean} [opts.disableBc] Disable cross-tab BroadcastChannel communication
 	 */
-	constructor(serverUrl, roomname, doc, {
-		connect = true,
-		awareness = new awarenessProtocol.Awareness(doc),
-		params = {},
-		protocols = [],
-		WebSocketPolyfill = WebSocket,
-		resyncInterval = -1,
-		maxBackoffTime = 2500,
-		disableBc = false,
-	} = {}) {
+	constructor(
+		serverUrl,
+		roomname,
+		doc,
+		{
+			connect = true,
+			awareness = new awarenessProtocol.Awareness(doc),
+			params = {},
+			protocols = [],
+			WebSocketPolyfill = WebSocket,
+			resyncInterval = -1,
+			maxBackoffTime = 2500,
+			disableBc = false,
+		} = {},
+	) {
 		super()
 		// ensure that url is always ends with /
 		while (serverUrl[serverUrl.length - 1] === '/') {
@@ -338,15 +343,17 @@ export class WebsocketProvider extends Observable {
 		 */
 		this._resyncInterval = 0
 		if (resyncInterval > 0) {
-			this._resyncInterval = /** @type {any} */ (setInterval(() => {
-				if (this.ws && this.ws.readyState === WebSocket.OPEN) {
-					// resend sync step 1
-					const encoder = encoding.createEncoder()
-					encoding.writeVarUint(encoder, messageSync)
-					syncProtocol.writeSyncStep1(encoder, doc)
-					this.ws.send(encoding.toUint8Array(encoder))
-				}
-			}, resyncInterval))
+			this._resyncInterval = /** @type {any} */ (
+				setInterval(() => {
+					if (this.ws && this.ws.readyState === WebSocket.OPEN) {
+						// resend sync step 1
+						const encoder = encoding.createEncoder()
+						encoding.writeVarUint(encoder, messageSync)
+						syncProtocol.writeSyncStep1(encoder, doc)
+						this.ws.send(encoding.toUint8Array(encoder))
+					}
+				}, resyncInterval)
+			)
 		}
 
 		/**
@@ -409,17 +416,19 @@ export class WebsocketProvider extends Observable {
 			process.on('exit', this._exitHandler)
 		}
 		awareness.on('update', this._awarenessUpdateHandler)
-		this._checkInterval = /** @type {any} */ (setInterval(() => {
-			if (
-				this.wsconnected
-        && messageReconnectTimeout
-          < time.getUnixTime() - this.wsLastMessageReceived
-			) {
-				// no message received in a long time - not even your own awareness
-				// updates (which are updated every 15 seconds)
-				/** @type {WebSocket} */ (this.ws).close()
-			}
-		}, messageReconnectTimeout / 10))
+		this._checkInterval = /** @type {any} */ (
+			setInterval(() => {
+				if (
+					this.wsconnected &&
+					messageReconnectTimeout <
+						time.getUnixTime() - this.wsLastMessageReceived
+				) {
+					// no message received in a long time - not even your own awareness
+					// updates (which are updated every 15 seconds)
+					/** @type {WebSocket} */ this.ws.close()
+				}
+			}, messageReconnectTimeout / 10)
+		)
 		if (connect) {
 			this.connect()
 		}
@@ -427,8 +436,12 @@ export class WebsocketProvider extends Observable {
 
 	get url() {
 		const encodedParams = url.encodeQueryParams(this.params)
-		return this.serverUrl + '/' + this.roomname
-      + (encodedParams.length === 0 ? '' : '?' + encodedParams)
+		return (
+			this.serverUrl +
+			'/' +
+			this.roomname +
+			(encodedParams.length === 0 ? '' : '?' + encodedParams)
+		)
 	}
 
 	/**
@@ -509,9 +522,11 @@ export class WebsocketProvider extends Observable {
 		encoding.writeVarUint(encoder, messageAwareness)
 		encoding.writeVarUint8Array(
 			encoder,
-			awarenessProtocol.encodeAwarenessUpdate(this.awareness, [
-				this.doc.clientID,
-			], new Map()),
+			awarenessProtocol.encodeAwarenessUpdate(
+				this.awareness,
+				[this.doc.clientID],
+				new Map(),
+			),
 		)
 		broadcastMessage(this, encoding.toUint8Array(encoder))
 		if (this.bcconnected) {
@@ -535,5 +550,4 @@ export class WebsocketProvider extends Observable {
 			this.connectBc()
 		}
 	}
-
 }
diff --git a/src/tests/markdown.spec.js b/src/tests/markdown.spec.js
index dcbfe06a5b3..67cf66c5aa4 100644
--- a/src/tests/markdown.spec.js
+++ b/src/tests/markdown.spec.js
@@ -30,7 +30,9 @@ describe('Markdown though editor', () => {
 	test('hard breaks', () => {
 		expect(markdownThroughEditor('hard  \nbreak')).toBe('hard  \nbreak')
 		expect(markdownThroughEditor('hard\\\nbreak')).toBe('hard\\\nbreak')
-		expect(markdownThroughEditor('mixed\\\nhard  \nbreak')).toBe('mixed\\\nhard  \nbreak')
+		expect(markdownThroughEditor('mixed\\\nhard  \nbreak')).toBe(
+			'mixed\\\nhard  \nbreak',
+		)
 		expect(markdownThroughEditor('hard<br>break')).toBe('hard<br />break')
 		expect(markdownThroughEditor('hard<br />break')).toBe('hard<br />break')
 		expect(markdownThroughEditor('soft\nbreak')).toBe('soft\nbreak')
@@ -40,7 +42,9 @@ describe('Markdown though editor', () => {
 		expect(markdownThroughEditor('__Test__')).toBe('__Test__')
 		expect(markdownThroughEditor('_Test_')).toBe('*Test*')
 		expect(markdownThroughEditor('~~Test~~')).toBe('~~Test~~')
-		expect(markdownThroughEditor('Have an `inline code` element')).toBe('Have an `inline code` element')
+		expect(markdownThroughEditor('Have an `inline code` element')).toBe(
+			'Have an `inline code` element',
+		)
 	})
 	test('ul', () => {
 		expect(markdownThroughEditor('+ foo\n+ bar')).toBe('+ foo\n+ bar')
@@ -54,55 +58,76 @@ describe('Markdown though editor', () => {
 	})
 	test('paragraph', () => {
 		// Test whitespace characters are untouched
-		expect(markdownThroughEditor('foo\nbar\n\nfoobar\nfoo\tbar')).toBe('foo\nbar\n\nfoobar\nfoo\tbar')
+		expect(markdownThroughEditor('foo\nbar\n\nfoobar\nfoo\tbar')).toBe(
+			'foo\nbar\n\nfoobar\nfoo\tbar',
+		)
 	})
 	test('links', () => {
 		expect(markdownThroughEditor('[test](foo)')).toBe('[test](foo)')
 		expect(markdownThroughEditor('[test](foo "bar")')).toBe('[test](foo "bar")')
 		// Issue #2703
-		expect(markdownThroughEditor('[bar\\\\]: /uri\n\n[bar\\\\]')).toBe('[bar\\\\](/uri)')
+		expect(markdownThroughEditor('[bar\\\\]: /uri\n\n[bar\\\\]')).toBe(
+			'[bar\\\\](/uri)',
+		)
 	})
 	test('images', () => {
 		// Inline images
-		expect(markdownThroughEditor('text ![test](foo) moretext')).toBe('text ![test](foo) moretext')
+		expect(markdownThroughEditor('text ![test](foo) moretext')).toBe(
+			'text ![test](foo) moretext',
+		)
 		// regression introduced in #3282. See issue #3428.
 		expect(markdownThroughEditor('![test](foo)')).toBe('![test](foo)')
-		expect(markdownThroughEditor('Hello\n\n![test](foo)')).toBe('Hello\n\n![test](foo)')
+		expect(markdownThroughEditor('Hello\n\n![test](foo)')).toBe(
+			'Hello\n\n![test](foo)',
+		)
 	})
 	test('special characters', () => {
 		expect(markdownThroughEditor('"\';&.-#><')).toBe('"\';&.-#><')
 	})
 	test('code block', () => {
-		expect(markdownThroughEditor('```\n<?php echo "Hello World";\n```')).toBe('```\n<?php echo "Hello World";\n```')
+		expect(markdownThroughEditor('```\n<?php echo "Hello World";\n```')).toBe(
+			'```\n<?php echo "Hello World";\n```',
+		)
 		// Issue #3328
-		expect(markdownThroughEditor('```python\nprint("Hello World")\n```')).toBe('```python\nprint("Hello World")\n```')
+		expect(markdownThroughEditor('```python\nprint("Hello World")\n```')).toBe(
+			'```python\nprint("Hello World")\n```',
+		)
 		// Issue #3739
 		expect(markdownThroughEditor('```\n```')).toBe('```\n```')
 	})
 	test('markdown untouched', () => {
 		// Issue #2703
-		expect(markdownThroughEditor('[bar\\\\]: /uri\n\n[bar\\\\]')).toBe('[bar\\\\](/uri)')
+		expect(markdownThroughEditor('[bar\\\\]: /uri\n\n[bar\\\\]')).toBe(
+			'[bar\\\\](/uri)',
+		)
 		expect(markdownThroughEditor('## Test \\')).toBe('## Test \\')
 		expect(markdownThroughEditor('- [ [asd](sdf)')).toBe('- [ [asd](sdf)')
 	})
 
 	test('horizontal rule', () => {
-		expect(markdownThroughEditor('foo\n\n---\n\nfoobar')).toBe('foo\n\n---\n\nfoobar')
+		expect(markdownThroughEditor('foo\n\n---\n\nfoobar')).toBe(
+			'foo\n\n---\n\nfoobar',
+		)
 	})
 
 	test('escaping', () => {
-		const test = '(Asdf [asdf asdf](asdf asdf) asdf asdf asdf asdf asdf asdf asdf asdf asdf)\n'
-			+ '\n'
-			+ '* [asdf asdf asdf/asdf](Asdf Asdf)\n'
-			+ '* asdf asdf asdf [a--f asdf asdf](a--f Asdf Asdf)\n'
-			+ '* [Asdf asdf asdf asdf asdf asdf](Asdf asdf)'
+		const test =
+			'(Asdf [asdf asdf](asdf asdf) asdf asdf asdf asdf asdf asdf asdf asdf asdf)\n' +
+			'\n' +
+			'* [asdf asdf asdf/asdf](Asdf Asdf)\n' +
+			'* asdf asdf asdf [a--f asdf asdf](a--f Asdf Asdf)\n' +
+			'* [Asdf asdf asdf asdf asdf asdf](Asdf asdf)'
 		expect(markdownThroughEditor(test)).toBe(test)
-		expect(markdownThroughEditor('This is a [test] for escaping')).toBe('This is a [test] for escaping')
-		expect(markdownThroughEditor('This is a [test for escaping')).toBe('This is a [test for escaping')
+		expect(markdownThroughEditor('This is a [test] for escaping')).toBe(
+			'This is a [test] for escaping',
+		)
+		expect(markdownThroughEditor('This is a [test for escaping')).toBe(
+			'This is a [test for escaping',
+		)
 	})
 
 	test('callouts', () => {
-		typesAvailable.forEach(type => {
+		typesAvailable.forEach((type) => {
 			const entry = `::: ${type}\n!${type}!\n\njust do it\n\n:::`
 			expect(markdownThroughEditor(entry)).toBe(entry)
 		})
@@ -119,93 +144,174 @@ describe('Markdown though editor', () => {
 	})
 
 	test('front matter', () => {
-		expect(markdownThroughEditor('---\nhello: world\n---')).toBe('---\nhello: world\n---')
+		expect(markdownThroughEditor('---\nhello: world\n---')).toBe(
+			'---\nhello: world\n---',
+		)
 		expect(markdownThroughEditor('---\n---')).toBe('---\n---')
 	})
 
 	test('mentions', () => {
-		expect(markdownThroughEditor('@[username](mention://user/id)')).toBe('@[username](mention://user/id)')
-		expect(markdownThroughEditor('pretext @[username](mention://user/id) posttext')).toBe('pretext @[username](mention://user/id) posttext')
+		expect(markdownThroughEditor('@[username](mention://user/id)')).toBe(
+			'@[username](mention://user/id)',
+		)
+		expect(
+			markdownThroughEditor('pretext @[username](mention://user/id) posttext'),
+		).toBe('pretext @[username](mention://user/id) posttext')
 	})
 
 	test('details', () => {
-		expect(markdownThroughEditor('<details>\n<summary>**summary**</summary>\n* list\n\n</details>\n'))
-			.toBe('<details>\n<summary>**summary**</summary>\n* list\n\n</details>\n')
+		expect(
+			markdownThroughEditor(
+				'<details>\n<summary>**summary**</summary>\n* list\n\n</details>\n',
+			),
+		).toBe('<details>\n<summary>**summary**</summary>\n* list\n\n</details>\n')
 	})
 
 	test('nested details', () => {
-		expect(markdownThroughEditor('<details>\n<summary>summary</summary>\n* list\n\n<details>\n<summary>summary</summary>\ncontent\n\n</details>\n\n</details>\n'))
-			.toBe('<details>\n<summary>summary</summary>\n* list\n\n<details>\n<summary>summary</summary>\ncontent\n\n</details>\n\n</details>\n')
+		expect(
+			markdownThroughEditor(
+				'<details>\n<summary>summary</summary>\n* list\n\n<details>\n<summary>summary</summary>\ncontent\n\n</details>\n\n</details>\n',
+			),
+		).toBe(
+			'<details>\n<summary>summary</summary>\n* list\n\n<details>\n<summary>summary</summary>\ncontent\n\n</details>\n\n</details>\n',
+		)
 	})
 })
 
 describe('Markdown serializer from html', () => {
 	test('ul', () => {
-		expect(markdownThroughEditorHtml('<ul data-bullet="*"><li>1</li><li>2</li></ul>')).toBe('* 1\n* 2')
-		expect(markdownThroughEditorHtml('<ul data-bullet="-"><li>1</li><li>2</li></ul>')).toBe('- 1\n- 2')
+		expect(
+			markdownThroughEditorHtml(
+				'<ul data-bullet="*"><li>1</li><li>2</li></ul>',
+			),
+		).toBe('* 1\n* 2')
+		expect(
+			markdownThroughEditorHtml(
+				'<ul data-bullet="-"><li>1</li><li>2</li></ul>',
+			),
+		).toBe('- 1\n- 2')
 	})
 	test('paragraph', () => {
-		expect(markdownThroughEditorHtml('<p>hello</p><p>world</p>')).toBe('hello\n\nworld')
+		expect(markdownThroughEditorHtml('<p>hello</p><p>world</p>')).toBe(
+			'hello\n\nworld',
+		)
 	})
 	test('hard line breaks', () => {
-		expect(markdownThroughEditorHtml('<p>hard<br />break</p>')).toBe('hard  \nbreak')
-		expect(markdownThroughEditorHtml('<p>hard<br>break</p>')).toBe('hard  \nbreak')
+		expect(markdownThroughEditorHtml('<p>hard<br />break</p>')).toBe(
+			'hard  \nbreak',
+		)
+		expect(markdownThroughEditorHtml('<p>hard<br>break</p>')).toBe(
+			'hard  \nbreak',
+		)
 		expect(markdownThroughEditorHtml('<p>soft\nbreak</p>')).toBe('soft\nbreak')
 	})
 	test('links', () => {
-		expect(markdownThroughEditorHtml('<a href="foo">test</a>')).toBe('[test](foo)')
+		expect(markdownThroughEditorHtml('<a href="foo">test</a>')).toBe(
+			'[test](foo)',
+		)
 	})
 	test('images', () => {
-		expect(markdownThroughEditorHtml('<img src="image" alt="description" />')).toBe('![description](image)')
-		expect(markdownThroughEditorHtml('<p><img src="image" alt="description" /></p>')).toBe('![description](image)')
-		expect(markdownThroughEditorHtml('<p>text<img src="image" alt="description" />moretext</p>')).toBe('text![description](image)moretext')
+		expect(
+			markdownThroughEditorHtml('<img src="image" alt="description" />'),
+		).toBe('![description](image)')
+		expect(
+			markdownThroughEditorHtml(
+				'<p><img src="image" alt="description" /></p>',
+			),
+		).toBe('![description](image)')
+		expect(
+			markdownThroughEditorHtml(
+				'<p>text<img src="image" alt="description" />moretext</p>',
+			),
+		).toBe('text![description](image)moretext')
 	})
 
 	test('callouts', () => {
-		typesAvailable.forEach(type => {
-			expect(markdownThroughEditorHtml(
-				`<div data-callout="${type}" class="callout callout-${type}"><p>!${type}!</p>just do it<p></p></div>`,
-			)).toBe(`::: ${type}\n!${type}!\n\njust do it\n\n:::`)
-			expect(markdownThroughEditorHtml(
-				`<p class="callout ${type}">!${type}!</p>`,
-			)).toBe(`::: ${type}\n!${type}!\n\n:::`)
+		typesAvailable.forEach((type) => {
+			expect(
+				markdownThroughEditorHtml(
+					`<div data-callout="${type}" class="callout callout-${type}"><p>!${type}!</p>just do it<p></p></div>`,
+				),
+			).toBe(`::: ${type}\n!${type}!\n\njust do it\n\n:::`)
+			expect(
+				markdownThroughEditorHtml(
+					`<p class="callout ${type}">!${type}!</p>`,
+				),
+			).toBe(`::: ${type}\n!${type}!\n\n:::`)
 		})
 	})
 	test('callouts with handbook classes', () => {
-		expect(markdownThroughEditorHtml(
-			'<p class="callout warning">!warning!</p>',
-		)).toBe('::: warn\n!warning!\n\n:::')
+		expect(
+			markdownThroughEditorHtml('<p class="callout warning">!warning!</p>'),
+		).toBe('::: warn\n!warning!\n\n:::')
 	})
 
 	test('table', () => {
-		expect(markdownThroughEditorHtml('<table><tbody><tr><th>greetings</th></tr><tr><td>hello</td></tr></tbody></table>')).toBe('| greetings |\n|-----------|\n| hello     |\n')
+		expect(
+			markdownThroughEditorHtml(
+				'<table><tbody><tr><th>greetings</th></tr><tr><td>hello</td></tr></tbody></table>',
+			),
+		).toBe('| greetings |\n|-----------|\n| hello     |\n')
 	})
 
 	test('table cell escaping', () => {
 		// while '|' has no special meaning in commonmark is has to be escaped for GFM tables
-		expect(markdownThroughEditorHtml('<table><tr><th>greetings</th></tr><tr><td>hello | hallo</td></tr></table>')).toBe('| greetings      |\n|----------------|\n| hello \\| hallo |\n')
+		expect(
+			markdownThroughEditorHtml(
+				'<table><tr><th>greetings</th></tr><tr><td>hello | hallo</td></tr></table>',
+			),
+		).toBe('| greetings      |\n|----------------|\n| hello \\| hallo |\n')
 	})
 
 	test('table pastes (#2708)', () => {
 		// while '|' has no special meaning in commonmark is has to be escaped for GFM tables
-		expect(markdownFromPaste('<table><tbody><tr><th>greetings</th></tr><tr><td>hello</td></tr></tbody></table>')).toBe('| greetings |\n|-----------|\n| hello     |\n')
+		expect(
+			markdownFromPaste(
+				'<table><tbody><tr><th>greetings</th></tr><tr><td>hello</td></tr></tbody></table>',
+			),
+		).toBe('| greetings |\n|-----------|\n| hello     |\n')
 	})
 
 	test('front matter', () => {
-		expect(markdownThroughEditorHtml('<pre id="frontmatter"><code>some: value</code></pre><h1>Heading</h1>')).toBe('---\nsome: value\n---\n\n# Heading')
+		expect(
+			markdownThroughEditorHtml(
+				'<pre id="frontmatter"><code>some: value</code></pre><h1>Heading</h1>',
+			),
+		).toBe('---\nsome: value\n---\n\n# Heading')
 		// Test --- within front matter is allowed
-		expect(markdownThroughEditorHtml('<pre id="frontmatter"><code>---</code></pre><h1>Heading</h1>')).toBe('----\n---\n----\n\n# Heading')
+		expect(
+			markdownThroughEditorHtml(
+				'<pre id="frontmatter"><code>---</code></pre><h1>Heading</h1>',
+			),
+		).toBe('----\n---\n----\n\n# Heading')
 	})
 
 	test('mentions', () => {
-		expect(markdownThroughEditorHtml('<span class="mention" data-label="username" data-type="user" data-id="id">username</span>')).toBe('@[username](mention://user/id)')
-		expect(markdownThroughEditorHtml('<span class="mention" data-label="whitespace user" data-type="user" data-id="whitespace user">whitespace user</span>')).toBe('@[whitespace user](mention://user/whitespace%20user)')
-		expect(markdownThroughEditorHtml('pretext <span class="mention" data-label="username" data-type="user" data-id="id">username</span> posttext')).toBe('pretext @[username](mention://user/id) posttext')
+		expect(
+			markdownThroughEditorHtml(
+				'<span class="mention" data-label="username" data-type="user" data-id="id">username</span>',
+			),
+		).toBe('@[username](mention://user/id)')
+		expect(
+			markdownThroughEditorHtml(
+				'<span class="mention" data-label="whitespace user" data-type="user" data-id="whitespace user">whitespace user</span>',
+			),
+		).toBe('@[whitespace user](mention://user/whitespace%20user)')
+		expect(
+			markdownThroughEditorHtml(
+				'pretext <span class="mention" data-label="username" data-type="user" data-id="id">username</span> posttext',
+			),
+		).toBe('pretext @[username](mention://user/id) posttext')
 	})
 
 	test('details', () => {
-		expect(markdownThroughEditorHtml('<details><summary><strong>summary</strong></summary><pre>code</pre></details>'))
-			.toBe('<details>\n<summary>**summary**</summary>\n```\ncode\n```\n\n</details>\n')
+		expect(
+			markdownThroughEditorHtml(
+				'<details><summary><strong>summary</strong></summary><pre>code</pre></details>',
+			),
+		).toBe(
+			'<details>\n<summary>**summary**</summary>\n```\ncode\n```\n\n</details>\n',
+		)
 	})
 })
 
diff --git a/src/tests/plaintext.spec.js b/src/tests/plaintext.spec.js
index 5a9cb9e98f4..b879f64ce1c 100644
--- a/src/tests/plaintext.spec.js
+++ b/src/tests/plaintext.spec.js
@@ -8,12 +8,13 @@ import spec from './fixtures/spec.js'
 import xssFuzzVectors from './fixtures/xssFuzzVectors.js'
 
 const escapeHTML = (s) => {
+	// prettier-ignore
 	return s.toString()
 		.split('&').join('&amp;')
 		.split('<').join('&lt;')
 		.split('>').join('&gt;')
 		.split('"').join('&quot;')
-		.split('\'').join('&#039;')
+		.split("'").join('&#039;')
 }
 
 const plaintextThroughEditor = (markdown) => {
@@ -26,9 +27,7 @@ const plaintextThroughEditor = (markdown) => {
 describe('commonmark as plaintext', () => {
 	// FIXME: Those two tests currently fail as trailing whitespace seems to be stripped,
 	// if it occurs in the first line which is empty otherwise.
-	const skippedMarkdownTests = [
-		97, 117,
-	]
+	const skippedMarkdownTests = [97, 117]
 
 	spec.forEach((entry) => {
 		if (skippedMarkdownTests.indexOf(entry.example) !== -1) {
@@ -62,7 +61,9 @@ describe('markdown as plaintext', () => {
 		expect(plaintextThroughEditor('1. foo\n2. bar')).toBe('1. foo\n2. bar')
 	})
 	test('paragraph', () => {
-		expect(plaintextThroughEditor('foo\nbar\n\nfoobar\n\tfoobar')).toBe('foo\nbar\n\nfoobar\n\tfoobar')
+		expect(plaintextThroughEditor('foo\nbar\n\nfoobar\n\tfoobar')).toBe(
+			'foo\nbar\n\nfoobar\n\tfoobar',
+		)
 	})
 	test('links', () => {
 		expect(plaintextThroughEditor('[test](foo)')).toBe('[test](foo)')
@@ -75,8 +76,9 @@ describe('markdown as plaintext', () => {
 describe('html as plain text', () => {
 	test('link', () => {
 		expect(plaintextThroughEditor('<a>sdf</a>')).toBe('<a>sdf</a>')
-		expect(plaintextThroughEditor('<a href="foobar">sdf</a>')).toBe('<a href="foobar">sdf</a>')
-
+		expect(plaintextThroughEditor('<a href="foobar">sdf</a>')).toBe(
+			'<a href="foobar">sdf</a>',
+		)
 	})
 	test('special characters', () => {
 		expect(plaintextThroughEditor('"\';&.-#><')).toBe('"\';&.-#><')
diff --git a/src/tests/tiptap.spec.js b/src/tests/tiptap.spec.js
index c02f4b37aa0..9614c241696 100644
--- a/src/tests/tiptap.spec.js
+++ b/src/tests/tiptap.spec.js
@@ -21,11 +21,15 @@ describe('TipTap', () => {
 
 	it('render hardbreak', () => {
 		const markdown = 'Hard line break  \nNext Paragraph'
-		expect(renderedHTML(markdown)).toEqual('<p dir="ltr">Hard line break<br>Next Paragraph</p>')
+		expect(renderedHTML(markdown)).toEqual(
+			'<p dir="ltr">Hard line break<br>Next Paragraph</p>',
+		)
 	})
 
 	it('render taskList', () => {
 		const markdown = '* [ ] item 1\n'
-		expect(renderedHTML(markdown)).toEqual('<ul class="contains-task-list"><li data-checked="false" class="task-list-item checkbox-item"><input type="checkbox" class="" contenteditable="false"><label><p dir="ltr">item 1</p></label></li></ul>')
+		expect(renderedHTML(markdown)).toEqual(
+			'<ul class="contains-task-list"><li data-checked="false" class="task-list-item checkbox-item"><input type="checkbox" class="" contenteditable="false"><label><p dir="ltr">item 1</p></label></li></ul>',
+		)
 	})
 })
diff --git a/src/tests/yjs.spec.js b/src/tests/yjs.spec.js
index eb638d4e738..88bcfc9aa74 100644
--- a/src/tests/yjs.spec.js
+++ b/src/tests/yjs.spec.js
@@ -12,19 +12,15 @@ import * as syncProtocol from 'y-protocols/sync'
 
 describe('recorded session', () => {
 	const flattened = recorded.flat()
-	const sync = flattened.filter(step => step.startsWith('AA'))
-	const awareness = flattened.filter(step => /^A[QRSTU]/.test(step))
+	const sync = flattened.filter((step) => step.startsWith('AA'))
+	const awareness = flattened.filter((step) => /^A[QRSTU]/.test(step))
 	const size = (arr) => arr.reduce((total, cur) => total + cur.length, 0)
 	const processStep = (ydoc, step) => {
 		const buf = decodeArrayBuffer(step)
 		const decoder = decoding.createDecoder(buf)
 		const encoder = encoding.createEncoder()
 		decoding.readVarUint(decoder)
-		const inType = syncProtocol.readSyncMessage(
-			decoder,
-			encoder,
-			ydoc,
-		)
+		const inType = syncProtocol.readSyncMessage(decoder, encoder, ydoc)
 		if (!encoding.length(encoder)) {
 			return { inType, length: 0 }
 		}
@@ -71,12 +67,13 @@ describe('recorded session', () => {
 	})
 
 	test('sync messages types', () => {
-		const syncsOfType = type => sync.filter((step) => {
-			const buf = decodeArrayBuffer(step)
-			const decoder = decoding.createDecoder(buf)
-			decoding.readVarUint(decoder)
-			return decoding.peekVarUint(decoder) === type
-		})
+		const syncsOfType = (type) =>
+			sync.filter((step) => {
+				const buf = decodeArrayBuffer(step)
+				const decoder = decoding.createDecoder(buf)
+				decoding.readVarUint(decoder)
+				return decoding.peekVarUint(decoder) === type
+			})
 		const step1s = syncsOfType(syncProtocol.messageYjsSyncStep1)
 		const step2s = syncsOfType(syncProtocol.messageYjsSyncStep2)
 		const updates = syncsOfType(syncProtocol.messageYjsUpdate)
@@ -90,7 +87,7 @@ describe('recorded session', () => {
 
 	test('read messages', () => {
 		const ydoc = new Doc()
-		const responses = sync.map(step => processStep(ydoc, step))
+		const responses = sync.map((step) => processStep(ydoc, step))
 		responses.forEach(({ inType, length }) => {
 			expect([0, 1, 2]).toContain(inType)
 			if (inType !== syncProtocol.messageYjsSyncStep1) {
@@ -103,7 +100,7 @@ describe('recorded session', () => {
 
 	test('analyse responses', () => {
 		const ydoc = new Doc()
-		const responses = sync.map(step => processStep(ydoc, step))
+		const responses = sync.map((step) => processStep(ydoc, step))
 		responses.forEach(({ inType, outType }) => {
 			if (inType === syncProtocol.messageYjsSyncStep1) {
 				expect(outType).toBe(syncProtocol.messageYjsSyncStep2)
@@ -115,7 +112,7 @@ describe('recorded session', () => {
 				expect(outType).toBeUndefined()
 			}
 		})
-		const replies = responses.filter(r => r.length)
+		const replies = responses.filter((r) => r.length)
 		expect(replies.length).toBe(344)
 		expect(size(replies)).toBeGreaterThan(500000)
 		expect(size(replies)).toBeLessThan(600000)
@@ -123,8 +120,8 @@ describe('recorded session', () => {
 
 	test('leaving out queries', () => {
 		const ydoc = new Doc()
-		const withoutQueries = sync.filter(step => step > 'AAE')
-		const responses = withoutQueries.map(step => processStep(ydoc, step))
+		const withoutQueries = sync.filter((step) => step > 'AAE')
+		const responses = withoutQueries.map((step) => processStep(ydoc, step))
 		responses.forEach(({ inType, outType }) => {
 			if (inType === syncProtocol.messageYjsSyncStep1) {
 				expect(outType).toBe(syncProtocol.messageYjsSyncStep2)
@@ -136,11 +133,10 @@ describe('recorded session', () => {
 				expect(outType).toBeUndefined()
 			}
 		})
-		const replies = responses.filter(r => r.length)
+		const replies = responses.filter((r) => r.length)
 		expect(encodeStateAsUpdate(ydoc).length).toBeGreaterThan(30000)
 		expect(encodeStateAsUpdate(ydoc).length).toBeLessThan(40000)
 		expect(replies.length).toBe(0)
 		expect(size(replies)).toBe(0)
 	})
-
 })
diff --git a/src/views/DirectEditing.vue b/src/views/DirectEditing.vue
index 4f7e562e1db..8eb18defa96 100644
--- a/src/views/DirectEditing.vue
+++ b/src/views/DirectEditing.vue
@@ -4,8 +4,9 @@
 -->
 
 <template>
-	<div id="direct-editor" :class="{'icon-loading': saving}">
-		<Editor ref="editor"
+	<div id="direct-editor" :class="{ 'icon-loading': saving }">
+		<Editor
+			ref="editor"
 			:initial-session="initialSession"
 			:file-id="initial.fileId"
 			:active="true"
@@ -48,7 +49,10 @@ const callMobileMessage = (messageName, attributes) => {
 	}
 
 	// Forward to mobile handler
-	if (window.DirectEditingMobileInterface && typeof window.DirectEditingMobileInterface[messageName] === 'function') {
+	if (
+		window.DirectEditingMobileInterface &&
+		typeof window.DirectEditingMobileInterface[messageName] === 'function'
+	) {
 		if (attributesString === null || typeof attributesString === 'undefined') {
 			window.DirectEditingMobileInterface[messageName]()
 		} else {
@@ -57,16 +61,20 @@ const callMobileMessage = (messageName, attributes) => {
 	}
 
 	// iOS webkit fallback
-	if (window.webkit
-		&& window.webkit.messageHandlers
-		&& window.webkit.messageHandlers.DirectEditingMobileInterface) {
-		window.webkit.messageHandlers.DirectEditingMobileInterface.postMessage(message)
+	if (
+		window.webkit &&
+		window.webkit.messageHandlers &&
+		window.webkit.messageHandlers.DirectEditingMobileInterface
+	) {
+		window.webkit.messageHandlers.DirectEditingMobileInterface.postMessage(
+			message,
+		)
 	}
 
 	window.postMessage(message)
 }
 
-window.addEventListener('message', function(message) {
+window.addEventListener('message', function (message) {
 	log.messages.push(message.data)
 	logger.debug('postMessage', { message })
 })
@@ -87,16 +95,24 @@ export default {
 			return JSON.parse(this.initial.session) || null
 		},
 		isMobile() {
-			return (window.DirectEditingMobileInterface || (window.webkit
-				&& window.webkit.messageHandlers
-				&& window.webkit.messageHandlers.DirectEditingMobileInterface))
+			return (
+				window.DirectEditingMobileInterface ||
+				(window.webkit &&
+					window.webkit.messageHandlers &&
+					window.webkit.messageHandlers.DirectEditingMobileInterface)
+			)
 		},
 	},
 	beforeMount() {
 		callMobileMessage('loading')
 	},
 	mounted() {
-		document.querySelector('meta[name="viewport"]').setAttribute('content', 'width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0')
+		document
+			.querySelector('meta[name="viewport"]')
+			.setAttribute(
+				'content',
+				'width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0',
+			)
 
 		this.$refs.editor.$on('push:forbidden', () => {
 			logger.warn('push was forbidden due to invalidated session')
@@ -125,58 +141,60 @@ export default {
 </script>
 
 <style lang="scss">
-	body {
-		position: fixed;
-		background-color: var(--color-main-background);
-	}
+body {
+	position: fixed;
+	background-color: var(--color-main-background);
+}
 
-	#content[class=app-public] {
-		margin: 0;
-		margin-top: 0;
-	}
+#content[class='app-public'] {
+	margin: 0;
+	margin-top: 0;
+}
 </style>
 
 <style scoped lang="scss">
-	#direct-editor {
-		width: 100%;
-		height: 100%;
-		position: fixed;
-		overflow: auto;
+#direct-editor {
+	width: 100%;
+	height: 100%;
+	position: fixed;
+	overflow: auto;
 
-		&:deep(.text-editor) {
-			height: 100%;
-			top: 0;
-		}
-		&:deep(.text-editor__wrapper div.ProseMirror) {
-			margin-top: 0;
-		}
+	&:deep(.text-editor) {
+		height: 100%;
+		top: 0;
 	}
+	&:deep(.text-editor__wrapper div.ProseMirror) {
+		margin-top: 0;
+	}
+}
+
+pre {
+	width: 100%;
+	max-width: 700px;
+	margin: auto;
+	background-color: var(--color-background-dark);
+}
 
-	pre {
-		width: 100%;
-		max-width: 700px;
-		margin: auto;
+button {
+	width: var(--default-clickable-area);
+	height: var(--default-clickable-area);
+	margin: 0;
+	background-size: 16px;
+	border: 0;
+	background-color: transparent;
+	opacity: 0.5;
+	color: var(--color-main-text);
+	background-position: center center;
+	vertical-align: top;
+	&:hover,
+	&:focus,
+	&:active {
 		background-color: var(--color-background-dark);
 	}
-
-	button {
-		width: var(--default-clickable-area);
-		height: var(--default-clickable-area);
-		margin: 0;
-		background-size: 16px;
-		border: 0;
-		background-color: transparent;
-		opacity: .5;
-		color: var(--color-main-text);
-		background-position: center center;
-		vertical-align: top;
-		&:hover, &:focus, &:active {
-			background-color: var(--color-background-dark);
-		}
-		&.is-active,
-		&:hover,
-		&:focus {
-			opacity: 1;
-		}
+	&.is-active,
+	&:hover,
+	&:focus {
+		opacity: 1;
 	}
+}
 </style>
diff --git a/src/views/FilesSettings.vue b/src/views/FilesSettings.vue
index df1b74df443..e1a21821739 100644
--- a/src/views/FilesSettings.vue
+++ b/src/views/FilesSettings.vue
@@ -4,7 +4,9 @@
 -->
 <template>
 	<div id="files-setting-richworkspace">
-		<NcCheckboxRadioSwitch :checked.sync="showWorkspace" @update:checked="toggle">
+		<NcCheckboxRadioSwitch
+			:checked.sync="showWorkspace"
+			@update:checked="toggle">
 			{{ t('text', 'Show folder description') }}
 		</NcCheckboxRadioSwitch>
 	</div>
diff --git a/src/views/RichWorkspace.vue b/src/views/RichWorkspace.vue
index c35df0212dd..c5ef6799887 100644
--- a/src/views/RichWorkspace.vue
+++ b/src/views/RichWorkspace.vue
@@ -4,11 +4,16 @@
 -->
 
 <template>
-	<div v-if="enabled && localHasRichWorkspace"
+	<div
+		v-if="enabled && localHasRichWorkspace"
 		id="rich-workspace"
-		:class="{'focus': focus, 'dark': darkTheme }">
-		<RichTextReader v-if="!loaded || !ready" :content="content" class="rich-workspace--preview" />
-		<Editor v-if="file"
+		:class="{ focus: focus, dark: darkTheme }">
+		<RichTextReader
+			v-if="!loaded || !ready"
+			:content="content"
+			class="rich-workspace--preview" />
+		<Editor
+			v-if="file"
 			v-show="ready"
 			:key="file.path"
 			:file-id="file.id"
@@ -19,7 +24,7 @@
 			:hide-menu="hideMenu"
 			active
 			rich-workspace
-			@ready="ready=true"
+			@ready="ready = true"
 			@focus="onFocus"
 			@error="reset" />
 	</div>
@@ -35,9 +40,18 @@ import RichTextReader from '../components/RichTextReader.vue'
 import { loadState } from '@nextcloud/initial-state'
 
 const IS_PUBLIC = isPublicShare()
-const WORKSPACE_URL = generateOcsUrl('apps/text' + (IS_PUBLIC ? '/public' : '') + '/workspace', 2)
-const descriptionFile = t('text', 'Readme') + '.' + loadState('text', 'default_file_extension')
-const SUPPORTED_STATIC_FILENAMES = [descriptionFile, 'Readme.md', 'README.md', 'readme.md']
+const WORKSPACE_URL = generateOcsUrl(
+	'apps/text' + (IS_PUBLIC ? '/public' : '') + '/workspace',
+	2,
+)
+const descriptionFile =
+	t('text', 'Readme') + '.' + loadState('text', 'default_file_extension')
+const SUPPORTED_STATIC_FILENAMES = [
+	descriptionFile,
+	'Readme.md',
+	'README.md',
+	'readme.md',
+]
 
 export default {
 	name: 'RichWorkspace',
@@ -89,7 +103,9 @@ export default {
 		},
 		focus(newValue) {
 			if (!newValue) {
-				document.querySelector('#rich-workspace .text-editor__main').scrollTo(0, 0)
+				document
+					.querySelector('#rich-workspace .text-editor__main')
+					.scrollTo(0, 0)
 			}
 		},
 		hasRichWorkspace(value) {
@@ -108,7 +124,6 @@ export default {
 		subscribe('files:node:renamed', this.onFileRenamed)
 
 		this.listenKeydownEvents()
-
 	},
 	beforeDestroy() {
 		unsubscribe('Text::showRichWorkspace', this.showRichWorkspace)
@@ -146,7 +161,8 @@ export default {
 			if (IS_PUBLIC) {
 				params.shareToken = this.shareToken
 			}
-			return axios.get(WORKSPACE_URL, { params })
+			return axios
+				.get(WORKSPACE_URL, { params })
 				.then((response) => {
 					const data = response.data.ocs.data
 					this.folder = data.folder || null
@@ -158,7 +174,10 @@ export default {
 					return true
 				})
 				.catch((error) => {
-					if (error.response.data.ocs && error.response.data.ocs.data.folder) {
+					if (
+						error.response.data.ocs &&
+						error.response.data.ocs.data.folder
+					) {
 						this.folder = error.response.data.ocs.data.folder
 					} else {
 						this.folder = null
@@ -202,7 +221,10 @@ export default {
 		onFileRenamed(node) {
 			if (SUPPORTED_STATIC_FILENAMES.includes(node.basename)) {
 				this.localHasRichWorkspace = true
-			} else if (node.fileid === this.file?.id && node.path !== this.file?.path) {
+			} else if (
+				node.fileid === this.file?.id &&
+				node.path !== this.file?.path
+			) {
 				this.localHasRichWorkspace = false
 			}
 		},
@@ -211,124 +233,133 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-	#rich-workspace {
-		padding: 0 50px;
-		/* Slightly reduce vertical space */
-		margin-bottom: -24px;
-		text-align: left;
-		max-height: 0;
-		transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);
-		z-index: 61;
-		position: relative;
-	}
+#rich-workspace {
+	padding: 0 50px;
+	/* Slightly reduce vertical space */
+	margin-bottom: -24px;
+	text-align: left;
+	max-height: 0;
+	transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);
+	z-index: 61;
+	position: relative;
+}
 
-	.rich-workspace--preview {
-		margin-top: var(--default-clickable-area);
+.rich-workspace--preview {
+	margin-top: var(--default-clickable-area);
 
-		&:deep(div[contenteditable='false']) {
-			margin: 0;
-		}
+	&:deep(div[contenteditable='false']) {
+		margin: 0;
 	}
+}
 
-	/* For subfolders, where there are no Recommendations */
-	#rich-workspace:only-child {
-		margin-bottom: 0;
-	}
+/* For subfolders, where there are no Recommendations */
+#rich-workspace:only-child {
+	margin-bottom: 0;
+}
 
-	.empty-workspace {
-		cursor: pointer;
-		display: block;
-		padding-top: 43px;
-		color: var(--color-text-maxcontrast);
-	}
+.empty-workspace {
+	cursor: pointer;
+	display: block;
+	padding-top: 43px;
+	color: var(--color-text-maxcontrast);
+}
 
-	#rich-workspace:deep(div[contenteditable=false]) {
-		width: 100%;
-		padding: 0px;
-		background-color: var(--color-main-background);
-		opacity: 1;
-		border: none;
-	}
+#rich-workspace:deep(div[contenteditable='false']) {
+	width: 100%;
+	padding: 0px;
+	background-color: var(--color-main-background);
+	opacity: 1;
+	border: none;
+}
 
-	#rich-workspace:deep(.text-editor) {
-		height: 100%;
-		position: unset !important;
-		top: auto !important;
-	}
+#rich-workspace:deep(.text-editor) {
+	height: 100%;
+	position: unset !important;
+	top: auto !important;
+}
 
-	#rich-workspace:deep(.text-editor__wrapper) {
-		position: unset !important;
-		overflow: visible;
-	}
+#rich-workspace:deep(.text-editor__wrapper) {
+	position: unset !important;
+	overflow: visible;
+}
 
-	#rich-workspace:deep(.text-editor__main) {
-		overflow: visible !important;
-	}
+#rich-workspace:deep(.text-editor__main) {
+	overflow: visible !important;
+}
 
-	#rich-workspace:deep(.content-wrapper) {
-		overflow: scroll !important;
-		max-height: calc(40vh - 50px);
-		padding-left: 10px;
-		padding-bottom: 10px;
-	}
+#rich-workspace:deep(.content-wrapper) {
+	overflow: scroll !important;
+	max-height: calc(40vh - 50px);
+	padding-left: 10px;
+	padding-bottom: 10px;
+}
 
-	#rich-workspace:deep(.text-editor__wrapper .ProseMirror) {
-		padding: 0px;
-		margin: 0;
-	}
+#rich-workspace:deep(.text-editor__wrapper .ProseMirror) {
+	padding: 0px;
+	margin: 0;
+}
 
-	#rich-workspace:deep(.table-wrapper .content) {
-		tr {
-			th, td {
-				flex-grow: 1;
-			}
+#rich-workspace:deep(.table-wrapper .content) {
+	tr {
+		th,
+		td {
+			flex-grow: 1;
+		}
 
-			th {
-				div {
-					width: 100%;
-				}
+		th {
+			div {
+				width: 100%;
+			}
 
-				.action-item div {
-					display: flex;
-					justify-content: flex-end;
-				}
+			.action-item div {
+				display: flex;
+				justify-content: flex-end;
 			}
 		}
 	}
+}
 
-	#rich-workspace:deep(.editor__content) {
-		margin: 0;
-	}
+#rich-workspace:deep(.editor__content) {
+	margin: 0;
+}
 
-	#rich-workspace.focus {
-		max-height: 50vh;
-	}
+#rich-workspace.focus {
+	max-height: 50vh;
+}
 
-	#rich-workspace:not(.focus) {
-		max-height: 30vh;
-		position: relative;
-		overflow: hidden;
-	}
+#rich-workspace:not(.focus) {
+	max-height: 30vh;
+	position: relative;
+	overflow: hidden;
+}
 
-	#rich-workspace:not(.focus):not(.empty):after {
-		content: '';
-		position: absolute;
-		z-index: 1;
-		bottom: 0;
-		left: 0;
-		pointer-events: none;
-		background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), var(--color-main-background));
-		width: 100%;
-		height: 4em;
-	}
+#rich-workspace:not(.focus):not(.empty):after {
+	content: '';
+	position: absolute;
+	z-index: 1;
+	bottom: 0;
+	left: 0;
+	pointer-events: none;
+	background-image: linear-gradient(
+		to bottom,
+		rgba(255, 255, 255, 0),
+		var(--color-main-background)
+	);
+	width: 100%;
+	height: 4em;
+}
 
-	#rich-workspace.dark:not(.focus):after {
-		background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), var(--color-main-background));
-	}
+#rich-workspace.dark:not(.focus):after {
+	background-image: linear-gradient(
+		to bottom,
+		rgba(0, 0, 0, 0),
+		var(--color-main-background)
+	);
+}
 
-	@media only screen and (max-width: 1024px) {
-		#rich-workspace:not(.focus) {
-			max-height: 30vh;
-		}
+@media only screen and (max-width: 1024px) {
+	#rich-workspace:not(.focus) {
+		max-height: 30vh;
 	}
+}
 </style>