From e33acfe27caa21f7bced7b0e8a2adbb832934c0a Mon Sep 17 00:00:00 2001
From: Luka Trovic <luka@nextcloud.com>
Date: Tue, 8 Oct 2024 17:40:30 +0200
Subject: [PATCH] chore: install @nextcloud/prettier-config,
 eslint-config-prettier

Signed-off-by: Luka Trovic <luka@nextcloud.com>
---
 .eslintrc.cjs                             |   9 +
 .prettierignore                           |  15 +
 cypress/e2e/nodes/Links.spec.js           |   5 +
 package-lock.json                         | 395 +++++++++++++++++++++-
 package.json                              |   5 +
 src/commands/index.js                     |   4 +-
 src/commands/listInputRule.js             |   2 +-
 src/components/Assistant.vue              | 181 +++++++---
 src/components/BaseReader.vue             |  13 +-
 src/components/CollisionResolveDialog.vue |  38 ++-
 src/components/Editor.provider.js         |   4 +-
 src/components/Editor.singleton.js        |   2 +-
 src/components/Editor.vue                 | 383 ++++++++++++---------
 src/components/HelpModal.vue              | 147 ++++----
 src/components/PlainTextReader.vue        |   1 -
 src/components/PublicFilesEditor.vue      |   9 +-
 src/components/Reader.vue                 |  28 +-
 src/components/RichTextReader.vue         |   8 +-
 src/components/SkeletonLoading.vue        |  48 ++-
 src/components/ViewerComponent.vue        |  20 +-
 src/css/print.scss                        |  61 ++--
 src/css/prosemirror.scss                  |  63 ++--
 src/css/style.scss                        |   5 +-
 src/css/variables.scss                    |   3 +-
 src/extensions/Autofocus.js               |  18 +-
 src/extensions/CollaborationCursor.js     |  28 +-
 src/extensions/Emoji.js                   |   8 +-
 src/extensions/FocusTrap.js               |   7 +-
 src/extensions/KeepSyntax.js              |   4 +-
 src/extensions/Keymap.js                  |   8 +-
 src/extensions/LinkBubble.js              |   8 +-
 src/extensions/LinkPicker.js              |   1 -
 src/extensions/Markdown.js                |  38 ++-
 src/extensions/Mention.js                 |  17 +-
 src/extensions/Mention.vue                |   5 +-
 src/extensions/PlainText.js               |   6 +-
 src/extensions/RichText.js                |  16 +-
 src/extensions/Search.js                  |   5 +-
 src/extensions/UserColor.js               |  37 +-
 src/extensions/transformPastedHTML.js     |   9 +-
 src/helpers/files.js                      | 148 ++++----
 src/helpers/index.js                      |  12 +-
 src/helpers/links.js                      |  19 +-
 src/helpers/logger.js                     |   9 +-
 src/helpers/mappings.js                   |   4 +-
 src/helpers/mime.js                       |  10 +-
 src/helpers/platform.js                   |   5 +-
 src/helpers/prosemirrorUtils.js           |   2 +-
 src/helpers/yjs.js                        |  37 +-
 src/markdownit/callouts.js                |   4 +-
 src/markdownit/details.ts                 |  15 +-
 src/markdownit/hardbreak.js               |  17 +-
 src/markdownit/index.js                   |   3 +-
 src/markdownit/keepSyntax.js              |  25 +-
 src/markdownit/preview.js                 |  23 +-
 src/markdownit/splitMixedLists.js         |  12 +-
 src/markdownit/underline.js               |   2 +-
 src/marks/Link.js                         |  30 +-
 src/marks/Strike.js                       |   3 +-
 src/marks/Underline.js                    |   4 +-
 src/marks/index.js                        |   8 +-
 src/mixins/CopyToClipboardMixin.js        |   3 +-
 src/mixins/refreshMoment.js               |   2 -
 src/mixins/setContent.js                  |   7 +-
 src/nodes/BulletList.js                   |  12 +-
 src/nodes/Callout.vue                     |  11 +-
 src/nodes/Callouts.js                     |  51 +--
 src/nodes/CodeBlock.js                    |   8 +-
 src/nodes/CodeBlockView.vue               |  58 +++-
 src/nodes/Details.js                      | 174 +++++-----
 src/nodes/DetailsContent.js               |  16 +-
 src/nodes/DetailsSummary.js               |  14 +-
 src/nodes/DetailsView.vue                 |   9 +-
 src/nodes/EditableTable.js                |   1 -
 src/nodes/FrontMatter.js                  |  38 ++-
 src/nodes/HardBreak.js                    |   3 +-
 src/nodes/Heading.js                      |  18 +-
 src/nodes/Image.js                        |  16 +-
 src/nodes/ImageView.vue                   | 109 +++---
 src/nodes/Paragraph.js                    |  11 +-
 src/nodes/PlainTextDocument.js            |   1 -
 src/nodes/Preview.js                      |  97 +++---
 src/nodes/Preview.vue                     |   8 +-
 src/nodes/TaskItem.js                     |  59 ++--
 src/nodes/TaskList.js                     |  10 +-
 src/nodes/TrailingNode.js                 |  12 +-
 src/plugins/LinkBubblePluginView.js       |  32 +-
 src/plugins/extractHeadings.js            |  16 +-
 src/plugins/extractLinkParagraphs.js      |  32 +-
 src/plugins/headingAnchor.js              |  29 +-
 src/plugins/linkHelpers.js                |   6 +-
 src/plugins/links.js                      |  38 ++-
 src/plugins/previewOptions.js             |  33 +-
 src/plugins/searchDecorations.js          |  31 +-
 src/plugins/searchQuery.js                |  26 +-
 src/services/AttachmentResolver.js        |  31 +-
 src/services/NotifyService.js             |   7 +-
 src/services/PollingBackend.js            |  61 +++-
 src/services/SessionApi.js                |  47 +--
 src/services/SyncService.d.ts             |  36 +-
 src/services/SyncService.js               | 101 ++++--
 src/services/SyncServiceProvider.js       |  18 +-
 src/services/WebSocketPolyfill.js         |  76 +++--
 src/store/index.js                        |  20 +-
 src/tests/builders.js                     |  26 +-
 src/tests/helpers.js                      |  13 +-
 src/tests/markdown.spec.js                | 214 +++++++++---
 src/tests/plaintext.spec.js               | 141 ++++----
 src/tests/tiptap.spec.js                  |  30 +-
 src/tests/yjs.spec.js                     |  46 ++-
 src/views/DirectEditing.vue               | 130 ++++---
 src/views/FilesSettings.vue               |   4 +-
 src/views/RichWorkspace.vue               | 239 +++++++------
 113 files changed, 2722 insertions(+), 1565 deletions(-)
 create mode 100644 .prettierignore

diff --git a/.eslintrc.cjs b/.eslintrc.cjs
index bc019d9820d..9820f64845c 100644
--- a/.eslintrc.cjs
+++ b/.eslintrc.cjs
@@ -7,6 +7,15 @@ module.exports = {
 	root: true,
 	extends: [
 		'@nextcloud/eslint-config/typescript',
+		'prettier',
+	],
+	"overrides": [
+		{
+			"files": ["**/*.vue"],
+			"rules": {
+				"vue/first-attribute-linebreak": "off"
+			}
+		}
 	],
 	rules: {
 		'@typescript-eslint/no-unused-vars': ['off'],
diff --git a/.prettierignore b/.prettierignore
new file mode 100644
index 00000000000..d51580bad64
--- /dev/null
+++ b/.prettierignore
@@ -0,0 +1,15 @@
+# version control systems directories
+**/.git
+**/.svn
+**/.hg
+
+# 3rdparty dependencies
+**/node_modules
+**/vendor
+
+# Compiled JS output
+js/
+
+# PHP
+lib/
+**/*.php
diff --git a/cypress/e2e/nodes/Links.spec.js b/cypress/e2e/nodes/Links.spec.js
index 40518b7b937..1e1e9abe86c 100644
--- a/cypress/e2e/nodes/Links.spec.js
+++ b/cypress/e2e/nodes/Links.spec.js
@@ -27,6 +27,11 @@ describe('test link marks', function() {
 
 	describe('link bubble', function() {
 
+		/**
+		 *
+		 * @param link
+		 * @param options
+		 */
 		function clickLink(link, options = {}) {
 			cy.getContent()
 				.find(`a[href*="${link}"]`)
diff --git a/package-lock.json b/package-lock.json
index 3860e6adc56..925370eee9e 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -94,6 +94,7 @@
         "@nextcloud/browserslist-config": "^3.0.1",
         "@nextcloud/cypress": "^1.0.0-beta.8",
         "@nextcloud/eslint-config": "^8.4.1",
+        "@nextcloud/prettier-config": "^1.1.0",
         "@nextcloud/stylelint-config": "^3.0.1",
         "@nextcloud/vite-config": "^1.4.2",
         "@types/markdown-it": "^13.0.9",
@@ -106,6 +107,7 @@
         "cypress-split": "^1.24.0",
         "cypress-visual-regression": "^5.2.2",
         "cypress-vite": "^1.5.0",
+        "eslint-config-prettier": "^9.1.0",
         "eslint-plugin-cypress": "^3.5.0",
         "identity-obj-proxy": "^3.0.0",
         "jest": "^29.7.0",
@@ -4492,6 +4494,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",
@@ -4811,6 +4826,19 @@
         "node": ">= 8"
       }
     },
+    "node_modules/@pkgr/core": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/@pkgr/core/-/core-0.1.1.tgz",
+      "integrity": "sha512-cq8o4cWH0ibXh9VGi5P20Tu9XF/0fFXl9EUinr9QfTM7a7p0oTA4iJRCQWppXR1Pg8dSM0UCItCkPwsk9qWWYA==",
+      "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",
@@ -6653,6 +6681,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-sfc/node_modules/source-map": {
       "version": "0.6.1",
       "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
@@ -6714,6 +6758,23 @@
         "url": "https://opencollective.com/postcss/"
       }
     },
+    "node_modules/@vue/component-compiler-utils/node_modules/prettier": {
+      "version": "2.8.8",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.8.8.tgz",
+      "integrity": "sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==",
+      "dev": true,
+      "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/component-compiler-utils/node_modules/source-map": {
       "version": "0.6.1",
       "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
@@ -10128,6 +10189,16 @@
         "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": "3.1.0",
       "resolved": "https://registry.npmjs.org/detect-newline/-/detect-newline-3.1.0.tgz",
@@ -10989,6 +11060,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",
@@ -12627,6 +12711,19 @@
         "node": ">=8.0.0"
       }
     },
+    "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",
@@ -12689,6 +12786,16 @@
         "assert-plus": "^1.0.0"
       }
     },
+    "node_modules/git-hooks-list": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/git-hooks-list/-/git-hooks-list-3.1.0.tgz",
+      "integrity": "sha512-LF8VeHeR7v+wAbXqfgRlTSX/1BJR9Q1vEMR8JAz1cEg6GX07+zyj3sAdDvYjj/xnlIfVuGgj4qBei1K3hKH+PA==",
+      "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",
@@ -22247,20 +22354,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.3.3",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.3.3.tgz",
+      "integrity": "sha512-i2tDNA0O5IrMO757lfrdQZCc2jPNDVntV0m/+4whiDfWaTKfMNgR7Qz0NAeGz/nRqF4m5/6CLzbP4/liHt12Ew==",
+      "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.2",
+      "resolved": "https://registry.npmjs.org/prettier-plugin-packagejson/-/prettier-plugin-packagejson-2.5.2.tgz",
+      "integrity": "sha512-w+TmoLv2pIa+siplW1cCj2ujEXQQS6z7wmWLOiLQK/2QVl7Wy6xh/ZUpqQw8tbKMXDodmSW4GONxlA33xpdNOg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "sort-package-json": "2.10.1",
+        "synckit": "0.9.1"
+      },
+      "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",
@@ -25121,6 +25249,92 @@
         "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.10.1",
+      "resolved": "https://registry.npmjs.org/sort-package-json/-/sort-package-json-2.10.1.tgz",
+      "integrity": "sha512-d76wfhgUuGypKqY72Unm5LFnMpACbdxXsLPcL27pOsSrmVqH3PztFp1uq+Z22suk15h7vXmTesuh2aEjdCqb5w==",
+      "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",
+        "globby": "^13.1.2",
+        "is-plain-obj": "^4.1.0",
+        "semver": "^7.6.0",
+        "sort-object-keys": "^1.1.3"
+      },
+      "bin": {
+        "sort-package-json": "cli.js"
+      }
+    },
+    "node_modules/sort-package-json/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/sort-package-json/node_modules/globby": {
+      "version": "13.2.2",
+      "resolved": "https://registry.npmjs.org/globby/-/globby-13.2.2.tgz",
+      "integrity": "sha512-Y1zNGV+pzQdh7H39l9zgB4PJqjRNqydvdYCDG4HFXM4XuvSaQQlEc91IU1yALL8gUTDomgBAfz3XJdmUS+oo0w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "dir-glob": "^3.0.1",
+        "fast-glob": "^3.3.0",
+        "ignore": "^5.2.4",
+        "merge2": "^1.4.1",
+        "slash": "^4.0.0"
+      },
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/sort-package-json/node_modules/semver": {
+      "version": "7.6.3",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz",
+      "integrity": "sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/sort-package-json/node_modules/slash": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/slash/-/slash-4.0.0.tgz",
+      "integrity": "sha512-3dOsAHXXUkQTpOYcoAxLIorMTp4gIQr5IW3iVb7A7lFIp0VHhnynm9izx6TssdrIcVIESAlVjtnO2K8bg+Coew==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/source-map": {
       "version": "0.5.6",
       "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.6.tgz",
@@ -25965,6 +26179,23 @@
       "integrity": "sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==",
       "dev": true
     },
+    "node_modules/synckit": {
+      "version": "0.9.1",
+      "resolved": "https://registry.npmjs.org/synckit/-/synckit-0.9.1.tgz",
+      "integrity": "sha512-7gr8p9TQP6RAHusBOSLs46F4564ZrjV8xFmw5zCmgmhGUcw2hxsShhJ6CEiHQMgPDwAQ1fWHPM0ypc4RMAig4A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@pkgr/core": "^0.1.0",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": "^14.18.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/unts"
+      }
+    },
     "node_modules/tabbable": {
       "version": "6.2.0",
       "resolved": "https://registry.npmjs.org/tabbable/-/tabbable-6.2.0.tgz",
@@ -26612,10 +26843,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.7.0",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.7.0.tgz",
+      "integrity": "sha512-gLXCKdN1/j47AiHiOkJN69hJmcbGTHI0ImLmbYLHykhgeN0jVGola9yVjFgzCUklsZQMW55o+dW7IXv3RCXDzA==",
+      "dev": true,
+      "license": "0BSD"
     },
     "node_modules/tsx": {
       "version": "4.7.1",
@@ -31893,6 +32125,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",
@@ -32134,6 +32375,12 @@
         "fastq": "^1.6.0"
       }
     },
+    "@pkgr/core": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/@pkgr/core/-/core-0.1.1.tgz",
+      "integrity": "sha512-cq8o4cWH0ibXh9VGi5P20Tu9XF/0fFXl9EUinr9QfTM7a7p0oTA4iJRCQWppXR1Pg8dSM0UCItCkPwsk9qWWYA==",
+      "dev": true
+    },
     "@popperjs/core": {
       "version": "2.11.5",
       "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.5.tgz",
@@ -33357,6 +33604,12 @@
         "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
+        },
         "source-map": {
           "version": "0.6.1",
           "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
@@ -33407,6 +33660,13 @@
             "source-map": "^0.6.1"
           }
         },
+        "prettier": {
+          "version": "2.8.8",
+          "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.8.8.tgz",
+          "integrity": "sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==",
+          "dev": true,
+          "optional": true
+        },
         "source-map": {
           "version": "0.6.1",
           "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
@@ -36012,6 +36272,12 @@
         "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": "3.1.0",
       "resolved": "https://registry.npmjs.org/detect-newline/-/detect-newline-3.1.0.tgz",
@@ -36894,6 +37160,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",
@@ -37860,6 +38133,12 @@
       "integrity": "sha512-pjzuKtY64GYfWizNAJ0fr9VqttZkNiK2iS430LtIHzjBEr6bX8Am2zm4sW4Ro5wjWW5cAlRL1qAMTcXbjNAO2Q==",
       "dev": true
     },
+    "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",
@@ -37907,6 +38186,12 @@
         "assert-plus": "^1.0.0"
       }
     },
+    "git-hooks-list": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/git-hooks-list/-/git-hooks-list-3.1.0.tgz",
+      "integrity": "sha512-LF8VeHeR7v+wAbXqfgRlTSX/1BJR9Q1vEMR8JAz1cEg6GX07+zyj3sAdDvYjj/xnlIfVuGgj4qBei1K3hKH+PA==",
+      "dev": true
+    },
     "glob": {
       "version": "7.2.3",
       "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
@@ -44231,10 +44516,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.3.3",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.3.3.tgz",
+      "integrity": "sha512-i2tDNA0O5IrMO757lfrdQZCc2jPNDVntV0m/+4whiDfWaTKfMNgR7Qz0NAeGz/nRqF4m5/6CLzbP4/liHt12Ew==",
+      "dev": true,
+      "peer": true
+    },
+    "prettier-plugin-packagejson": {
+      "version": "2.5.2",
+      "resolved": "https://registry.npmjs.org/prettier-plugin-packagejson/-/prettier-plugin-packagejson-2.5.2.tgz",
+      "integrity": "sha512-w+TmoLv2pIa+siplW1cCj2ujEXQQS6z7wmWLOiLQK/2QVl7Wy6xh/ZUpqQw8tbKMXDodmSW4GONxlA33xpdNOg==",
+      "dev": true,
+      "requires": {
+        "sort-package-json": "2.10.1",
+        "synckit": "0.9.1"
+      }
     },
     "pretty": {
       "version": "2.0.0",
@@ -46198,6 +46494,61 @@
       "resolved": "https://registry.npmjs.org/slug/-/slug-9.1.0.tgz",
       "integrity": "sha512-ioOsCfzQSu+D6NZ8XMCR8IW9FgvF8W7Xzz56hBkB/ALvNaWeBs2MUvvPugq3GCrxfHPFeK6hAxGkY/WLnfX2Lg=="
     },
+    "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.10.1",
+      "resolved": "https://registry.npmjs.org/sort-package-json/-/sort-package-json-2.10.1.tgz",
+      "integrity": "sha512-d76wfhgUuGypKqY72Unm5LFnMpACbdxXsLPcL27pOsSrmVqH3PztFp1uq+Z22suk15h7vXmTesuh2aEjdCqb5w==",
+      "dev": true,
+      "requires": {
+        "detect-indent": "^7.0.1",
+        "detect-newline": "^4.0.0",
+        "get-stdin": "^9.0.0",
+        "git-hooks-list": "^3.0.0",
+        "globby": "^13.1.2",
+        "is-plain-obj": "^4.1.0",
+        "semver": "^7.6.0",
+        "sort-object-keys": "^1.1.3"
+      },
+      "dependencies": {
+        "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
+        },
+        "globby": {
+          "version": "13.2.2",
+          "resolved": "https://registry.npmjs.org/globby/-/globby-13.2.2.tgz",
+          "integrity": "sha512-Y1zNGV+pzQdh7H39l9zgB4PJqjRNqydvdYCDG4HFXM4XuvSaQQlEc91IU1yALL8gUTDomgBAfz3XJdmUS+oo0w==",
+          "dev": true,
+          "requires": {
+            "dir-glob": "^3.0.1",
+            "fast-glob": "^3.3.0",
+            "ignore": "^5.2.4",
+            "merge2": "^1.4.1",
+            "slash": "^4.0.0"
+          }
+        },
+        "semver": {
+          "version": "7.6.3",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz",
+          "integrity": "sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==",
+          "dev": true
+        },
+        "slash": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/slash/-/slash-4.0.0.tgz",
+          "integrity": "sha512-3dOsAHXXUkQTpOYcoAxLIorMTp4gIQr5IW3iVb7A7lFIp0VHhnynm9izx6TssdrIcVIESAlVjtnO2K8bg+Coew==",
+          "dev": true
+        }
+      }
+    },
     "source-map": {
       "version": "0.5.6",
       "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.6.tgz",
@@ -46823,6 +47174,16 @@
       "integrity": "sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==",
       "dev": true
     },
+    "synckit": {
+      "version": "0.9.1",
+      "resolved": "https://registry.npmjs.org/synckit/-/synckit-0.9.1.tgz",
+      "integrity": "sha512-7gr8p9TQP6RAHusBOSLs46F4564ZrjV8xFmw5zCmgmhGUcw2hxsShhJ6CEiHQMgPDwAQ1fWHPM0ypc4RMAig4A==",
+      "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",
@@ -47290,9 +47651,9 @@
       }
     },
     "tslib": {
-      "version": "2.6.0",
-      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.0.tgz",
-      "integrity": "sha512-7At1WUettjcSRHXCyYtTselblcHl9PJFFVKiCAy/bY97+BPZXSQ2wbq0P9s8tK2G7dFQfNnlJnPAiArVBVBsfA==",
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.7.0.tgz",
+      "integrity": "sha512-gLXCKdN1/j47AiHiOkJN69hJmcbGTHI0ImLmbYLHykhgeN0jVGola9yVjFgzCUklsZQMW55o+dW7IXv3RCXDzA==",
       "dev": true
     },
     "tsx": {
diff --git a/package.json b/package.json
index 5d5ceacd31a..72f72f3f9f7 100644
--- a/package.json
+++ b/package.json
@@ -2,6 +2,7 @@
   "name": "text",
   "description": "Collaborative document editing",
   "version": "5.0.0",
+  "prettier": "@nextcloud/prettier-config",
   "authors": [
     {
       "name": "Julius Härtl",
@@ -24,6 +25,8 @@
     "lint:fix": "tsc && eslint --ext .js,.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 jest",
     "test:cypress": "cd cypress && ./runLocal.sh run",
     "test:cypress:open": "cd cypress && ./runLocal.sh open",
@@ -122,6 +125,7 @@
     "@nextcloud/browserslist-config": "^3.0.1",
     "@nextcloud/cypress": "^1.0.0-beta.8",
     "@nextcloud/eslint-config": "^8.4.1",
+    "@nextcloud/prettier-config": "^1.1.0",
     "@nextcloud/stylelint-config": "^3.0.1",
     "@nextcloud/vite-config": "^1.4.2",
     "@types/markdown-it": "^13.0.9",
@@ -134,6 +138,7 @@
     "cypress-split": "^1.24.0",
     "cypress-visual-regression": "^5.2.2",
     "cypress-vite": "^1.5.0",
+    "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-cypress": "^3.5.0",
     "identity-obj-proxy": "^3.0.0",
     "jest": "^29.7.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 487448fd502..0fdecc25974 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"
 			:editor="$editor"
 			:tippy-options="floatingOptions()"
 			:should-show="floatingShow"
@@ -14,34 +15,45 @@
 				<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 data-cy="open-translate" close-after-click @click="openTranslateDialog">
+				<NcActionButton
+					data-cy="open-translate"
+					close-after-click
+					@click="openTranslateDialog">
 					<template #icon>
 						<TranslateVariant :size="20" />
 					</template>
 					{{ t('text', 'Translate') }}
 				</NcActionButton>
 				<NcActionSeparator />
-				<NcActionButton close-after-click @click="showTaskList=true">
+				<NcActionButton 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" />
@@ -56,7 +68,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"
@@ -66,13 +79,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>
@@ -81,13 +103,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>
@@ -124,7 +152,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,
@@ -191,13 +225,22 @@ export default {
 	},
 	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
 			}
 
@@ -205,7 +248,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
 			}
 
@@ -234,18 +279,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()
@@ -256,27 +312,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()
 			})
 		},
@@ -321,7 +376,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)
 			}
@@ -333,8 +388,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
 					let addTopSpacing = 0
 
@@ -350,11 +411,25 @@ export default {
 					return {
 						...pos,
 						width: editorRect.width - rightSpacing,
-						height: limitInRange(pos.height, buttonSize, window.innerHeight),
-						top: limitInRange(pos.top, topSpacing, window.innerHeight - bottomSpacing) + addTopSpacing,
+						height: limitInRange(
+							pos.height,
+							buttonSize,
+							window.innerHeight,
+						),
+						top:
+							limitInRange(
+								pos.top,
+								topSpacing,
+								window.innerHeight - bottomSpacing,
+							) + addTopSpacing,
 						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 dc98afed6a7..17112081890 100644
--- a/src/components/CollisionResolveDialog.vue
+++ b/src/components/CollisionResolveDialog.vue
@@ -4,11 +4,20 @@
 -->
 
 <template>
-	<div id="resolve-conflicts" class="collision-resolve-dialog" :class="{'icon-loading': clicked }">
-		<NcButton :disabled="clicked" data-cy="resolveThisVersion" @click="resolveThisVersion">
+	<div
+		id="resolve-conflicts"
+		class="collision-resolve-dialog"
+		:class="{ 'icon-loading': clicked }">
+		<NcButton
+			:disabled="clicked"
+			data-cy="resolveThisVersion"
+			@click="resolveThisVersion">
 			{{ t('text', 'Use current version') }}
 		</NcButton>
-		<NcButton :disabled="clicked" data-cy="resolveServerVersion" @click="resolveServerVersion">
+		<NcButton
+			:disabled="clicked"
+			data-cy="resolveServerVersion"
+			@click="resolveServerVersion">
 			{{ t('text', 'Use the saved version') }}
 		</NcButton>
 	</div>
@@ -27,12 +36,7 @@ export default {
 	components: {
 		NcButton,
 	},
-	mixins: [
-		useEditorMixin,
-		useIsRichEditorMixin,
-		setContent,
-		useSyncServiceMixin,
-	],
+	mixins: [useEditorMixin, useIsRichEditorMixin, setContent, useSyncServiceMixin],
 	props: {
 		syncError: {
 			type: Object,
@@ -62,14 +66,14 @@ export default {
 </script>
 
 <style scoped lang="scss">
-	#resolve-conflicts {
-		display: flex;
-		width: 100%;
-		margin: auto;
-		padding: 20px 0;
+#resolve-conflicts {
+	display: flex;
+	width: 100%;
+	margin: auto;
+	padding: 20px 0;
 
-		button {
-			margin: auto;
-		}
+	button {
+		margin: auto;
 	}
+}
 </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 df97144a5f3..ba93fef2399 100644
--- a/src/components/Editor.vue
+++ b/src/components/Editor.vue
@@ -4,13 +4,15 @@
 -->
 
 <template>
-	<div id="editor-container"
+	<div
+		id="editor-container"
 		ref="el"
 		data-text-el="editor-container"
 		class="text-editor"
 		tabindex="-1"
 		@keydown.stop="onKeyDown">
-		<DocumentStatus v-if="displayedStatus"
+		<DocumentStatus
+			v-if="displayedStatus"
 			:idle="idle"
 			:lock="lock"
 			:is-resolving-conflict="isResolvingConflict"
@@ -19,7 +21,8 @@
 			@reconnect="reconnect" />
 
 		<SkeletonLoading v-if="showLoadingSkeleton" />
-		<Wrapper v-if="displayed"
+		<Wrapper
+			v-if="displayed"
 			:is-resolving-conflict="isResolvingConflict"
 			:has-connection-issue="hasConnectionIssue"
 			:content-loaded="contentLoaded"
@@ -30,7 +33,8 @@
 				<div v-if="readOnly" class="text-editor--readonly-bar">
 					<slot name="readonlyBar">
 						<ReadonlyBar>
-							<Status :document="document"
+							<Status
+								:document="document"
 								:dirty="dirty"
 								:sessions="filteredSessions"
 								:sync-error="syncError"
@@ -40,11 +44,13 @@
 				</div>
 				<!-- Rich Menu -->
 				<template v-else>
-					<MenuBar v-if="renderMenus"
+					<MenuBar
+						v-if="renderMenus"
 						ref="menubar"
 						:is-hidden="hideMenu"
 						:loaded.sync="menubarLoaded">
-						<Status :document="document"
+						<Status
+							:document="document"
 							:dirty="dirty"
 							:sessions="filteredSessions"
 							:sync-error="syncError"
@@ -53,15 +59,16 @@
 					</MenuBar>
 					<div v-else class="menubar-placeholder" />
 				</template>
-				<ContentContainer v-show="contentLoaded"
-					ref="contentWrapper" />
+				<ContentContainer v-show="contentLoaded" ref="contentWrapper" />
 			</MainContainer>
-			<Reader v-if="isResolvingConflict"
+			<Reader
+				v-if="isResolvingConflict"
 				:content="syncError.data.outsideChange"
 				:is-rich-editor="isRichEditor" />
 		</Wrapper>
 		<Assistant v-if="hasEditor" />
-		<Translate :show="translateModal"
+		<Translate
+			:show="translateModal"
 			:content="translateContent"
 			@insert-content="translateInsert"
 			@replace-content="translateReplace"
@@ -93,12 +100,20 @@ import {
 import ReadonlyBar from './Menu/ReadonlyBar.vue'
 
 import { logger } from '../helpers/logger.js'
-import { getDocumentState, applyDocumentState, getUpdateMessage } from '../helpers/yjs.js'
+import {
+	getDocumentState,
+	applyDocumentState,
+	getUpdateMessage,
+} from '../helpers/yjs.js'
 import { SyncService, ERROR_TYPE, IDLE_TIMEOUT } from './../services/SyncService.js'
 import createSyncServiceProvider from './../services/SyncServiceProvider.js'
 import AttachmentResolver from './../services/AttachmentResolver.js'
 import { extensionHighlight } from '../helpers/mappings.js'
-import { createEditor, serializePlainText, loadSyntaxHighlight } from './../EditorFactory.js'
+import {
+	createEditor,
+	serializePlainText,
+	loadSyntaxHighlight,
+} from './../EditorFactory.js'
 import { createMarkdownSerializer } from './../extensions/Markdown.js'
 import markdownit from './../markdownit/index.js'
 
@@ -125,15 +140,12 @@ export default {
 		ReadonlyBar,
 		ContentContainer,
 		MenuBar,
-		Reader: () => import(/* webpackChunkName: "editor" */'./Reader.vue'),
+		Reader: () => import(/* webpackChunkName: "editor" */ './Reader.vue'),
 		Status,
 		Assistant,
 		Translate,
 	},
-	mixins: [
-		isMobile,
-		setContent,
-	],
+	mixins: [isMobile, setContent],
 
 	provide() {
 		const val = {}
@@ -223,7 +235,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`)
 		})
@@ -264,7 +276,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
@@ -273,10 +287,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
@@ -293,14 +312,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('/')
@@ -323,7 +343,7 @@ export default {
 		},
 	},
 	mounted() {
-		if (this.active && (this.hasDocumentParameters)) {
+		if (this.active && this.hasDocumentParameters) {
 			this.initSession()
 		}
 		if (!this.richWorkspace) {
@@ -370,7 +390,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')
+				: ''
 
 			this.$syncService = new SyncService({
 				guestName,
@@ -379,8 +401,12 @@ export default {
 				baseVersionEtag: this.$baseVersionEtag,
 				forceRecreate: this.forceRecreate,
 				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),
 			})
 
@@ -443,14 +469,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])
@@ -460,8 +491,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)
@@ -499,65 +537,72 @@ export default {
 					this.$queue.push(updateMessage)
 				}
 			} else {
-				this.setInitialYjsState(documentSource, { isRichEditor: this.isRichEditor })
+				this.setInitialYjsState(documentSource, {
+					isRichEditor: this.isRichEditor,
+				})
 			}
 
 			this.$baseVersionEtag = document.baseVersionEtag
 			this.hasConnectionIssue = false
-			const language = extensionHighlight[this.fileExtension] || this.fileExtension;
-
-			(this.isRichEditor ? Promise.resolve() : loadSyntaxHighlight(language))
-				.then(() => {
-					const session = this.currentSession
-					if (!this.$editor) {
-						this.$editor = createEditor({
-							language,
-							relativePath: this.relativePath,
-							session,
-							onCreate: ({ editor }) => {
-								this.$syncService.startSync()
-								const proseMirrorMarkdown = this.$syncService.serialize(editor.state.doc)
-								this.emit('create:content', {
-									markdown: proseMirrorMarkdown,
-								})
-							},
-							onUpdate: ({ editor }) => {
-								// this.debugContent(editor)
-								const proseMirrorMarkdown = this.$syncService.serialize(editor.state.doc)
-								this.emit('update:content', {
-									markdown: proseMirrorMarkdown,
-								})
-							},
-							extensions: [
-								Autofocus.configure({
-									fileId: this.fileId,
-								}),
-								Collaboration.configure({
-									document: this.$ydoc,
-								}),
-								CollaborationCursor.configure({
-									provider: this.$providers[0],
-									user: {
-										name: session?.userId
-											? session.displayName
-											: (session?.guestName || t('text', 'Guest')),
-										color: session?.color,
-										clientId: this.$ydoc.clientID,
-									},
-								}),
-							],
-							enableRichEditing: this.isRichEditor,
-							isEmbedded: this.isEmbedded,
-						})
-						this.hasEditor = true
-						this.listenEditorEvents()
-					} else {
-						// $editor already existed. So this is a reconnect.
-						this.$syncService.startSync()
-					}
-
-				})
-
+			const language =
+				extensionHighlight[this.fileExtension] || this.fileExtension
+
+			;(this.isRichEditor
+				? Promise.resolve()
+				: loadSyntaxHighlight(language)
+			).then(() => {
+				const session = this.currentSession
+				if (!this.$editor) {
+					this.$editor = createEditor({
+						language,
+						relativePath: this.relativePath,
+						session,
+						onCreate: ({ editor }) => {
+							this.$syncService.startSync()
+							const proseMirrorMarkdown = this.$syncService.serialize(
+								editor.state.doc,
+							)
+							this.emit('create:content', {
+								markdown: proseMirrorMarkdown,
+							})
+						},
+						onUpdate: ({ editor }) => {
+							// this.debugContent(editor)
+							const proseMirrorMarkdown = this.$syncService.serialize(
+								editor.state.doc,
+							)
+							this.emit('update:content', {
+								markdown: proseMirrorMarkdown,
+							})
+						},
+						extensions: [
+							Autofocus.configure({
+								fileId: this.fileId,
+							}),
+							Collaboration.configure({
+								document: this.$ydoc,
+							}),
+							CollaborationCursor.configure({
+								provider: this.$providers[0],
+								user: {
+									name: session?.userId
+										? session.displayName
+										: session?.guestName || t('text', 'Guest'),
+									color: session?.color,
+									clientId: this.$ydoc.clientID,
+								},
+							}),
+						],
+						enableRichEditing: this.isRichEditor,
+						isEmbedded: this.isEmbedded,
+					})
+					this.hasEditor = true
+					this.listenEditorEvents()
+				} else {
+					// $editor already existed. So this is a reconnect.
+					this.$syncService.startSync()
+				}
+			})
 		},
 
 		onChange({ document, sessions }) {
@@ -572,7 +617,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
 			this.$nextTick(() => {
 				this.emit('sync-service:sync')
 			})
@@ -592,7 +640,11 @@ 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,
@@ -628,8 +680,9 @@ export default {
 			}
 			if (Object.prototype.hasOwnProperty.call(state, 'dirty')) {
 				// ignore initial loading and other automated changes
-				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) {
@@ -680,7 +733,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
@@ -740,7 +793,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)
@@ -758,7 +813,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()
@@ -848,8 +909,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;
 }
 
@@ -867,75 +930,79 @@ export default {
 </style>
 
 <style lang="scss">
-	@import './../css/variables';
-	@import './../css/style';
-	@import './../css/print';
+@import './../css/variables';
+@import './../css/style';
+@import './../css/print';
 
-	.text-editor__wrapper {
-		@import './../css/prosemirror';
+.text-editor__wrapper {
+	@import './../css/prosemirror';
 
-		// relative position for the alignment of the menububble
-		.text-editor__main {
-			&.draggedOver {
-				background-color: var(--color-primary-element-light);
-			}
-			.text-editor__content-wrapper {
-				position: relative;
-			}
+	// relative position for the alignment of the menububble
+	.text-editor__main {
+		&.draggedOver {
+			background-color: var(--color-primary-element-light);
+		}
+		.text-editor__content-wrapper {
+			position: relative;
 		}
 	}
+}
 
-	.text-editor__wrapper.has-conflicts > .editor {
-		width: 50%;
-	}
+.text-editor__wrapper.has-conflicts > .editor {
+	width: 50%;
+}
 
-	.text-editor__wrapper.has-conflicts > .content-wrapper {
-		width: 50%;
-		#read-only-editor {
-			margin: 0px auto;
-			padding-top: 50px;
-			overflow: initial;
-		}
+.text-editor__wrapper.has-conflicts > .content-wrapper {
+	width: 50%;
+	#read-only-editor {
+		margin: 0px auto;
+		padding-top: 50px;
+		overflow: initial;
 	}
+}
 
-	@keyframes spin {
-		0% { transform: rotate(0deg); }
-		100% { transform: rotate(360deg); }
+@keyframes spin {
+	0% {
+		transform: rotate(0deg);
 	}
-
-	/* Give a remote user a caret */
-	.collaboration-cursor__caret {
-		position: relative;
-		margin-left: -1px;
-		margin-right: -1px;
-		border-left: 1px solid #0D0D0D;
-		border-right: 1px solid #0D0D0D;
-		word-break: normal;
-		pointer-events: none;
+	100% {
+		transform: rotate(360deg);
 	}
+}
 
-	/* Render the username above the caret */
-	.collaboration-cursor__label {
-		position: absolute;
-		top: -1.4em;
-		left: -1px;
-		font-size: 12px;
-		font-style: normal;
-		font-weight: 600;
-		line-height: normal;
-		user-select: none;
-		color: #0D0D0D;
-		padding: 0.1rem 0.3rem;
-		border-radius: 3px 3px 3px 0;
-		white-space: nowrap;
-		opacity: 0;
-
-		&.collaboration-cursor__label__active {
-			opacity: 1;
-		}
+/* Give a remote user a caret */
+.collaboration-cursor__caret {
+	position: relative;
+	margin-left: -1px;
+	margin-right: -1px;
+	border-left: 1px solid #0d0d0d;
+	border-right: 1px solid #0d0d0d;
+	word-break: normal;
+	pointer-events: none;
+}
 
-		&:not(.collaboration-cursor__label__active) {
-			transition: opacity 0.2s 5s;
-		}
+/* Render the username above the caret */
+.collaboration-cursor__label {
+	position: absolute;
+	top: -1.4em;
+	left: -1px;
+	font-size: 12px;
+	font-style: normal;
+	font-weight: 600;
+	line-height: normal;
+	user-select: none;
+	color: #0d0d0d;
+	padding: 0.1rem 0.3rem;
+	border-radius: 3px 3px 3px 0;
+	white-space: nowrap;
+	opacity: 0;
+
+	&.collaboration-cursor__label__active {
+		opacity: 1;
+	}
+
+	&:not(.collaboration-cursor__label__active) {
+		transition: opacity 0.2s 5s;
 	}
+}
 </style>
diff --git a/src/components/HelpModal.vue b/src/components/HelpModal.vue
index af31e3f79af..06f5ec425e3 100644
--- a/src/components/HelpModal.vue
+++ b/src/components/HelpModal.vue
@@ -4,7 +4,8 @@
 -->
 
 <template>
-	<NcDialog size="normal"
+	<NcDialog
+		size="normal"
 		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>{{ t('text', 'Ctrl') }}</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>{{ t('text', 'Ctrl') }}</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>{{ t('text', 'Ctrl') }}</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>{{ t('text', 'Ctrl') }}</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">
@@ -293,74 +301,77 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-	table {
-		margin-top: 24px;
-		border-collapse: collapse;
-
-		tbody tr {
-			&:hover, &:focus, &:active {
-				background-color: transparent !important;
-			}
-		}
-
-		thead tr {
-			border: none;
-		}
+table {
+	margin-top: 24px;
+	border-collapse: collapse;
 
-		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/ViewerComponent.vue b/src/components/ViewerComponent.vue
index 6ca4db648f2..704d88f9891 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
 		},
 	},
 
@@ -178,7 +187,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 e35c1aa382c..11d4b912a51 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,45 +75,52 @@
 				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;
 				}
 			}
 		}
 	}
 
-	.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 a6327e2c9eb..efddf5710df 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,7 +290,8 @@ div.ProseMirror {
 		}
 	}
 
-	ul, ol {
+	ul,
+	ol {
 		padding-left: 10px;
 		margin-left: 10px;
 		margin-bottom: 1em;
@@ -326,12 +333,12 @@ div.ProseMirror {
 		table-layout: auto;
 		white-space: normal; // force text to wrapping
 		margin-bottom: 1em;
-		&+ * {
+		& + * {
 			margin-top: 1em;
 		}
 
-
-		td, th {
+		td,
+		th {
 			border: 1px solid var(--table-color-border);
 			border-left: 0;
 			vertical-align: top;
@@ -358,23 +365,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 ed394b9cf43..4d63fe16d2c 100644
--- a/src/css/variables.scss
+++ b/src/css/variables.scss
@@ -4,6 +4,5 @@
  */
 
 :root {
-	--text-editor-max-width: 670px
+	--text-editor-max-width: 670px;
 }
-
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 124ef6b0fcf..538748f8517 100644
--- a/src/extensions/RichText.js
+++ b/src/extensions/RichText.js
@@ -107,22 +107,26 @@ export default Extension.create({
 			LinkPicker,
 			Link.configure({
 				openOnClick: true,
-				validate: href => /^https?:\/\//.test(href),
+				validate: (href) => /^https?:\/\//.test(href),
 				relativePath: this.options.relativePath,
 			}),
 			LinkBubble,
 			this.options.editing
 				? Placeholder.configure({
-					placeholder: t('text', 'Start writing, or try \'/\' to add, \'@\' to mention…'),
-				})
+						placeholder: t(
+							'text',
+							"Start writing, or try '/' to add, '@' to mention…",
+						),
+					})
 				: null,
 			TrailingNode,
 		]
-		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/files.js b/src/helpers/files.js
index b75e04396b0..444209c2e33 100644
--- a/src/helpers/files.js
+++ b/src/helpers/files.js
@@ -7,7 +7,13 @@ import { getCurrentUser } from '@nextcloud/auth'
 import { showSuccess, showError } from '@nextcloud/dialogs'
 import { getSharingToken } from '@nextcloud/sharing/public'
 import { emit } from '@nextcloud/event-bus'
-import { Header, addNewFileMenuEntry, Permission, File, NewMenuEntryCategory } from '@nextcloud/files'
+import {
+	Header,
+	addNewFileMenuEntry,
+	Permission,
+	File,
+	NewMenuEntryCategory,
+} from '@nextcloud/files'
 import { loadState } from '@nextcloud/initial-state'
 import { imagePath } from '@nextcloud/router'
 import { dirname } from 'path'
@@ -34,17 +40,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,
+							)
 						}
 					})
 				},
@@ -61,60 +78,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({
+							// prettier-ignore
+							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: {
+										// prettier-ignore
+										close: function () { // 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'),
@@ -130,11 +156,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,
@@ -181,13 +210,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'
@@ -224,8 +260,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 da202ca2d9c..c9434a5a376 100644
--- a/src/helpers/yjs.js
+++ b/src/helpers/yjs.js
@@ -72,12 +72,7 @@ export function applyUpdateMessage(ydoc, updateMessage, 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)
 }
 
 /**
@@ -86,8 +81,7 @@ export function applyUpdateMessage(ydoc, updateMessage, origin = 'origin') {
  * @param {object[]} queue - queue for the outgoing steps
  */
 export function getSteps(queue) {
-	return queue.map(s => encodeArrayBuffer(s))
-		.filter(s => s < 'AQ')
+	return queue.map((s) => encodeArrayBuffer(s)).filter((s) => s < 'AQ')
 }
 
 /**
@@ -96,8 +90,7 @@ export function getSteps(queue) {
  * @param {object[]} queue - queue for the outgoing steps
  */
 export function getAwareness(queue) {
-	return queue.map(s => encodeArrayBuffer(s))
-		.findLast(s => s > 'AQ') || ''
+	return queue.map((s) => encodeArrayBuffer(s)).findLast((s) => s > 'AQ') || ''
 }
 
 /**
@@ -116,15 +109,15 @@ 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
 	}
 }
 
@@ -134,6 +127,8 @@ export function logStep(step) {
  * @param {Array} other - state vector to compare against
  */
 function sameState(arr, other) {
-	return arr.length === other.length
-		&& arr.every((value, index) => other[index] === value)
+	return (
+		arr.length === other.length &&
+		arr.every((value, index) => other[index] === value)
+	)
 }
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 2b0f1b2350d..78bcea919fb 100644
--- a/src/markdownit/details.ts
+++ b/src/markdownit/details.ts
@@ -11,7 +11,12 @@ const DETAILS_START_REGEX = /^<details>\s*$/
 const DETAILS_END_REGEX = /^<\/details>\s*$/
 const SUMMARY_REGEX = /(?<=^<summary>).*(?=<\/summary>\s*$)/
 
-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]
@@ -76,14 +81,14 @@ function parseDetails(state: StateBlock, startLine: number, endLine: number, sil
 	state.parentType = 'reference'
 
 	// This will prevent lazy continuations from ever going past our end marker
-	state.lineMax = nextLine;
+	state.lineMax = nextLine
 
 	// Push tokens to the state
 
 	let token = state.push('details_open', 'details', 1)
 	token.block = true
 	token.info = detailsSummary
-	token.map = [ startLine, nextLine ]
+	token.map = [startLine, nextLine]
 
 	token = state.push('details_summary', 'summary', 1)
 	token.block = false
@@ -100,7 +105,7 @@ function parseDetails(state: StateBlock, startLine: number, endLine: number, sil
 
 	token = state.push('details_summary', 'summary', -1)
 
-	state.md.block.tokenize(state, startLine + 2, nextLine);
+	state.md.block.tokenize(state, startLine + 2, nextLine)
 
 	token = state.push('details_close', 'details', -1)
 	token.block = true
@@ -117,6 +122,6 @@ function parseDetails(state: StateBlock, startLine: number, endLine: number, sil
  */
 export default function details(md: MarkdownIt) {
 	md.block.ruler.before('fence', 'details', parseDetails, {
-		alt: [ 'paragraph', 'reference', 'blockquote', 'list' ],
+		alt: ['paragraph', 'reference', 'blockquote', 'list'],
 	})
 }
diff --git a/src/markdownit/hardbreak.js b/src/markdownit/hardbreak.js
index c81fda3b83f..986d7f1e39a 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/index.js b/src/markdownit/index.js
index 6071fc361ea..4733bd6e1da 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/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 029fb510446..388592b9fe6 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'),
 			}),
@@ -64,12 +63,16 @@ const Link = TipTapLink.extend({
 		const href = PROTOCOLS_TO_LINK_TO.includes(url.protocol)
 			? domHref(mark, this.options.relativePath)
 			: '#'
-		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() {
@@ -87,15 +90,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 addf6aee02c..d9ccc96c566 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)
@@ -46,7 +47,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 5e5fd7f7059..553a4be96c2 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')"
 						:close-after-click="false"
@@ -21,10 +22,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…')"
@@ -36,19 +39,28 @@
 
 					<NcActionSeparator v-if="supportPreview" />
 
-					<NcActionButton v-if="supportPreview" :close-after-click="true" @click="viewMode = 'code'">
+					<NcActionButton
+						v-if="supportPreview"
+						:close-after-click="true"
+						@click="viewMode = 'code'">
 						<template #icon>
 							<CodeBraces :size="20" />
 						</template>
 						{{ t('text', 'Source code') }}
 					</NcActionButton>
-					<NcActionButton v-if="supportPreview" :close-after-click="true" @click="viewMode = 'preview'">
+					<NcActionButton
+						v-if="supportPreview"
+						:close-after-click="true"
+						@click="viewMode = 'preview'">
 						<template #icon>
 							<Eye :size="20" />
 						</template>
 						{{ t('text', 'Diagram') }}
 					</NcActionButton>
-					<NcActionButton v-if="supportPreview" :close-after-click="true" @click="viewMode = 'side-by-side'">
+					<NcActionButton
+						v-if="supportPreview"
+						:close-after-click="true"
+						@click="viewMode = 'side-by-side'">
 						<template #icon>
 							<ViewSplitVertical :size="20" />
 						</template>
@@ -57,7 +69,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>
@@ -66,11 +81,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" />
@@ -82,7 +100,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'
@@ -149,10 +174,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 7ad309ec145..7d679388c4a 100644
--- a/src/nodes/Heading.js
+++ b/src/nodes/Heading.js
@@ -10,25 +10,27 @@ import store from '../store/index.js'
 const setHeadings = (val) => store.dispatch('text/setHeadings', val)
 
 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 }),
+			}),
+			{},
+		)
 	},
 
 	// sync heading data structure to the vuex store
 	onUpdate({ editor }) {
-		const headings = headingAnchorPluginKey
-			.getState(editor.state)?.headings ?? []
+		const headings =
+			headingAnchorPluginKey.getState(editor.state)?.headings ?? []
 		setHeadings(headings)
 	},
 
 	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 cbc2b8996a1..9dff9838f66 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 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>
@@ -125,13 +138,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 {
@@ -146,10 +157,7 @@ export default {
 	directives: {
 		ClickOutside,
 	},
-	mixins: [
-		store,
-		useAttachmentResolver,
-	],
+	mixins: [store, useAttachmentResolver],
 	props: ['editor', 'node', 'extension', 'updateAttributes', 'deleteNode'], // eslint-disable-line
 	data() {
 		return {
@@ -220,8 +228,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() {
@@ -266,12 +273,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,
@@ -281,14 +294,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
@@ -299,11 +314,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.'))
 			}
 		},
@@ -320,7 +340,8 @@ export default {
 	margin: 0;
 	padding: 0;
 
-	&, * {
+	&,
+	* {
 		-webkit-user-modify: read-only !important;
 	}
 }
@@ -343,7 +364,8 @@ export default {
 		position: absolute;
 		bottom: -1px;
 		right: -3px;
-		&, svg {
+		&,
+		svg {
 			cursor: pointer;
 		}
 	}
@@ -378,7 +400,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);
 }
 
@@ -440,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 52a912d5c52..bc57c924fc9 100644
--- a/src/nodes/Paragraph.js
+++ b/src/nodes/Paragraph.js
@@ -7,9 +7,10 @@ import TiptapParagraph from '@tiptap/extension-paragraph'
 import previewOptions from '../plugins/previewOptions.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() {
@@ -27,8 +28,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 84d148329a6..8d1e0a5070d 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) => {
@@ -130,7 +119,6 @@ class LinkBubblePluginView {
 	destroy() {
 		this.tippy?.destroy()
 	}
-
 }
 
 export default LinkBubblePluginView
diff --git a/src/plugins/extractHeadings.js b/src/plugins/extractHeadings.js
index a59f9277869..e3737de6f3a 100644
--- a/src/plugins/extractHeadings.js
+++ b/src/plugins/extractHeadings.js
@@ -15,7 +15,7 @@ export default function extractHeadings(doc) {
 	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)
@@ -36,12 +36,14 @@ export default function extractHeadings(doc) {
 		// ignore empty headings
 		if (!text) return
 		const id = getId(text)
-		headings.push(Object.freeze({
-			level: node.attrs.level,
-			text,
-			id,
-			offset,
-		}))
+		headings.push(
+			Object.freeze({
+				level: node.attrs.level,
+				text,
+				id,
+				offset,
+			}),
+		)
 	})
 
 	return headings
diff --git a/src/plugins/extractLinkParagraphs.js b/src/plugins/extractLinkParagraphs.js
index 738c8bf4647..29bc817b97b 100644
--- a/src/plugins/extractLinkParagraphs.js
+++ b/src/plugins/extractLinkParagraphs.js
@@ -16,17 +16,21 @@ export default function extractLinkParagraphs(doc) {
 
 	doc.descendants((node, offset) => {
 		if (previewPossible(node)) {
-			paragraphs.push(Object.freeze({
-				offset,
-				nodeSize: node.nodeSize,
-				type: 'text-only',
-			}))
+			paragraphs.push(
+				Object.freeze({
+					offset,
+					nodeSize: node.nodeSize,
+					type: 'text-only',
+				}),
+			)
 		} else if (node.type.name === 'preview') {
-			paragraphs.push(Object.freeze({
-				offset,
-				nodeSize: node.nodeSize,
-				type: 'link-preview',
-			}))
+			paragraphs.push(
+				Object.freeze({
+					offset,
+					nodeSize: node.nodeSize,
+					type: 'link-preview',
+				}),
+			)
 		}
 	})
 
@@ -55,8 +59,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())
+	)
 }
 
 /**
@@ -68,6 +74,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 c7545189ea8..dcb18a8edaa 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 c967ab6fba0..77c9b868188 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)
 }
 
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 b252c96656c..908de95aceb 100644
--- a/src/services/AttachmentResolver.js
+++ b/src/services/AttachmentResolver.js
@@ -12,7 +12,6 @@ const setAttachmentList = (val) => store.dispatch('text/setAttachmentList', val)
 const findAttachment = store.getters['text/findAttachment']
 
 export default class AttachmentResolver {
-
 	#session
 	#user
 	#shareToken
@@ -30,7 +29,11 @@ export default class AttachmentResolver {
 	}
 
 	async #updateAttachmentList() {
-		return setAttachmentList({ documentId: this.#documentId, session: this.#session, shareToken: this.#shareToken })
+		return setAttachmentList({
+			documentId: this.#documentId,
+			session: this.#session,
+			shareToken: this.#shareToken,
+		})
 	}
 
 	/*
@@ -44,7 +47,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
@@ -59,7 +64,6 @@ export default class AttachmentResolver {
 			if (attachment) {
 				return attachment
 			}
-
 		}
 
 		// Direct URLs
@@ -88,7 +92,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}`)
 		}
 
@@ -113,14 +120,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)
 	}
-
 }
 
 /**
@@ -130,7 +133,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/PollingBackend.js b/src/services/PollingBackend.js
index 054bbcc865b..0dc3e45a533 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 45ff771b69b..98f05e7d55d 100644
--- a/src/services/SessionApi.js
+++ b/src/services/SessionApi.js
@@ -6,15 +6,15 @@ import axios from '@nextcloud/axios'
 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 = {}) {
@@ -22,25 +22,25 @@ 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,
-			forceRecreate: this.#options.forceRecreate,
-		}).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,
+				forceRecreate: this.#options.forceRecreate,
+			})
+			.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
@@ -143,11 +144,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',
@@ -189,7 +195,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 92fa361b129..562a4a19579 100644
--- a/src/services/SyncService.js
+++ b/src/services/SyncService.js
@@ -53,7 +53,6 @@ const ERROR_TYPE = {
 }
 
 class SyncService {
-
 	#sendIntervalId
 	#connection
 
@@ -110,8 +109,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
@@ -146,11 +146,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)
+		})
 	}
 
 	sendSteps(getSendable) {
@@ -175,7 +174,8 @@ class SyncService {
 		if (data.steps.length > 0) {
 			this.emit('stateChange', { dirty: true })
 		}
-		return this.#connection.push(data)
+		return this.#connection
+			.push(data)
 			.then((response) => {
 				this.pushError = 0
 				this.sending = false
@@ -184,25 +184,40 @@ class SyncService {
 					document: this.#connection.document,
 					version: this.version,
 				})
-			}).catch(err => {
+			})
+			.catch((err) => {
 				const { response, code } = err
 				this.sending = false
 				this.pushError++
 				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) {
 					if (!data.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: {},
+						})
 					}
 					// 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: {} })
@@ -213,9 +228,13 @@ class SyncService {
 
 	_receiveSteps({ steps, document, 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]
@@ -229,7 +248,7 @@ class SyncService {
 				// TODO: recover
 				continue
 			}
-			singleSteps.forEach(step => {
+			singleSteps.forEach((step) => {
 				newSteps.push({
 					step,
 					clientID: steps[i].sessionId,
@@ -248,7 +267,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
 		}
@@ -303,13 +324,17 @@ class SyncService {
 			outbox = [...queue]
 			logger.debug('sending final steps ', data)
 			return data
-		})?.then(() => {
-			// only keep the steps that were not send yet
-			queue.splice(0,
-				queue.length,
-				...queue.filter(s => !outbox.includes(s)),
-			)
-		}, err => logger.error(err))
+		})?.then(
+			() => {
+				// only keep the steps that were not send yet
+				queue.splice(
+					0,
+					queue.length,
+					...queue.filter((s) => !outbox.includes(s)),
+				)
+			},
+			(err) => logger.error(err),
+		)
 	}
 
 	async close() {
@@ -319,11 +344,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) {
@@ -347,8 +375,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 8572deafda7..1898442326d 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 0fb7b5477e5..cef4e26c71b 100644
--- a/src/services/WebSocketPolyfill.js
+++ b/src/services/WebSocketPolyfill.js
@@ -15,9 +15,13 @@ import getNotifyBus from './NotifyService.js'
  * @param {object} initialSession - initial session to open
  * @param {object[]} queue - queue for the outgoing steps
  */
-export default function initWebSocketPolyfill(syncService, fileId, initialSession, queue) {
+export default function initWebSocketPolyfill(
+	syncService,
+	fileId,
+	initialSession,
+	queue,
+) {
 	return class WebSocketPolyfill {
-
 		#url
 		#session
 		#version
@@ -33,7 +37,11 @@ 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({
 				opened: ({ version, session }) => {
 					logger.debug('opened ', { version, session })
@@ -49,7 +57,7 @@ export default function initWebSocketPolyfill(syncService, fileId, initialSessio
 					logger.debug('synced ', { version, steps })
 					this.#version = version
 					if (steps) {
-						steps.forEach(s => {
+						steps.forEach((s) => {
 							const data = decodeArrayBuffer(s.step)
 							this.onmessage({ data })
 						})
@@ -70,8 +78,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(...data) {
@@ -80,31 +89,41 @@ export default function initWebSocketPolyfill(syncService, fileId, initialSessio
 
 			queue.push(...data)
 			let outbox = []
-			return syncService.sendSteps(() => {
-				const data = {
-					steps: getSteps(queue),
-					awareness: getAwareness(queue),
-					version: this.#version,
-				}
-				outbox = [...queue]
-				logger.debug('sending steps ', data)
-				return data
-			})?.then(ret => {
-				// only keep the steps that were not send yet
-				queue.splice(0,
-					queue.length,
-					...queue.filter(s => !outbox.includes(s)),
+			return syncService
+				.sendSteps(() => {
+					const data = {
+						steps: getSteps(queue),
+						awareness: getAwareness(queue),
+						version: this.#version,
+					}
+					outbox = [...queue]
+					logger.debug('sending steps ', data)
+					return data
+				})
+				?.then(
+					(ret) => {
+						// only keep the steps that were not send yet
+						queue.splice(
+							0,
+							queue.length,
+							...queue.filter((s) => !outbox.includes(s)),
+						)
+						return ret
+					},
+					(err) => {
+						logger.error(
+							`Failed to push the queue with ${queue.length} steps to the server`,
+							err,
+						)
+						this.onerror?.(err)
+					},
 				)
-				return ret
-			}, err => {
-				logger.error(`Failed to push the queue with ${queue.length} steps to the server`, err)
-				this.onerror?.(err)
-			})
 		}
 
 		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))
@@ -116,11 +135,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/store/index.js b/src/store/index.js
index e07b1c40480..4c57f1ff501 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -24,8 +24,9 @@ export const textModule = {
 		attachmentList: [],
 	},
 	getters: {
-		imageAttachments: (state) => state.attachmentList.filter(a => a.isImage),
-		findAttachment: (state) => (fileName) => state.attachmentList.find(a => a.name === fileName),
+		imageAttachments: (state) => state.attachmentList.filter((a) => a.isImage),
+		findAttachment: (state) => (fileName) =>
+			state.attachmentList.find((a) => a.name === fileName),
 	},
 	mutations: {
 		[SET_VIEW_WIDTH](state, value) {
@@ -59,12 +60,15 @@ export const textModule = {
 			commit(SET_HEADINGS, value)
 		},
 		async setAttachmentList({ commit }, { documentId, session, shareToken }) {
-			const response = await axios.post(generateUrl('/apps/text/attachments'), {
-				documentId: session?.documentId ?? documentId,
-				sessionId: session?.id,
-				sessionToken: session?.token,
-				shareToken,
-			})
+			const response = await axios.post(
+				generateUrl('/apps/text/attachments'),
+				{
+					documentId: session?.documentId ?? documentId,
+					sessionId: session?.id,
+					sessionToken: session?.token,
+					shareToken,
+				},
+			)
 
 			commit(SET_ATTACHMENT_LIST, response.data)
 		},
diff --git a/src/tests/builders.js b/src/tests/builders.js
index c0e8da5c4a5..004970b82da 100644
--- a/src/tests/builders.js
+++ b/src/tests/builders.js
@@ -3,16 +3,15 @@
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
 
-import { expect } from '@jest/globals';
+import { expect } from '@jest/globals'
 import { Mark, Node } from '@tiptap/pm/model'
 import { builders } from 'prosemirror-test-builder'
 import createEditor from '../EditorFactory'
 
-
 export function getBuilders() {
 	const editor = createEditor({
 		content: '',
-		enableRichEditing: true
+		enableRichEditing: true,
 	})
 	return builders(editor.schema, {
 		tr: { nodeType: 'tableRow' },
@@ -52,10 +51,16 @@ function createDocumentString(node) {
 			.map((key) => {
 				// null is the TipTap default so we ignore it (e.g. a value of `unknown` must be manually set by the application)
 				if (attrs[key] !== null) {
-					return key + '=' + (typeof attrs[key] === 'string' ? `"${attrs[key]}"` : attrs[key])
+					return (
+						key +
+						'=' +
+						(typeof attrs[key] === 'string'
+							? `"${attrs[key]}"`
+							: attrs[key])
+					)
 				}
 			})
-			.filter(v => !!v)
+			.filter((v) => !!v)
 			.join(',')
 		return attrString ? `<${attrString}>` : ''
 	}
@@ -67,14 +72,17 @@ function createDocumentString(node) {
 	 */
 	const stringifyNode = (node) => {
 		const name = node.type.name
-		if (name === 'text') return '"' + node.text.replace('"', '\\"').replace('\n', '\\n') + '"'
+		if (name === 'text')
+			return '"' + node.text.replace('"', '\\"').replace('\n', '\\n') + '"'
 
 		const children = node.content.content.map(createDocumentString)
 		return name + extractAttributes(node) + '(' + children.join(',') + ')'
 	}
 
 	// First extract marks and place them like nodes in the string
-	const marks = node.marks.map(mark => mark.type.name + extractAttributes(mark) + '(')
+	const marks = node.marks.map(
+		(mark) => mark.type.name + extractAttributes(mark) + '(',
+	)
 	return marks.join('') + stringifyNode(node) + ')'.repeat(marks.length)
 }
 
@@ -94,5 +102,7 @@ function createDocumentString(node) {
 export function expectDocument(subject, expected) {
 	expect(typeof subject).toBe('object')
 	expect(typeof expected).toBe('object')
-	expect(createDocumentString(subject)).toBe(createDocumentString(doc(expected, p())))
+	expect(createDocumentString(subject)).toBe(
+		createDocumentString(doc(expected, p())),
+	)
 }
diff --git a/src/tests/helpers.js b/src/tests/helpers.js
index a1c980439bf..4858ba328d5 100644
--- a/src/tests/helpers.js
+++ b/src/tests/helpers.js
@@ -16,12 +16,7 @@ import markdownit from '../markdownit'
 export function createCustomEditor({ content, extensions }) {
 	return new Editor({
 		content,
-		extensions: [
-			Document,
-			Paragraph,
-			Text,
-			...extensions,
-		]
+		extensions: [Document, Paragraph, Text, ...extensions],
 	})
 }
 
@@ -33,7 +28,7 @@ export function createCustomEditor({ content, extensions }) {
  */
 export function markdownThroughEditor(markdown) {
 	const tiptap = createEditor({
-		enableRichEditing: true
+		enableRichEditing: true,
 	})
 	tiptap.commands.setContent(markdownit.render(markdown))
 	const serializer = createMarkdownSerializer(tiptap.schema)
@@ -48,7 +43,7 @@ export function markdownThroughEditor(markdown) {
  */
 export function markdownThroughEditorHtml(html) {
 	const tiptap = createEditor({
-		enableRichEditing: true
+		enableRichEditing: true,
 	})
 	tiptap.commands.setContent(html)
 	const serializer = createMarkdownSerializer(tiptap.schema)
@@ -63,7 +58,7 @@ export function markdownThroughEditorHtml(html) {
  */
 export function markdownFromPaste(html) {
 	const tiptap = createEditor({
-		enableRichEditing: true
+		enableRichEditing: true,
 	})
 	tiptap.commands.insertContent(html)
 	const serializer = createMarkdownSerializer(tiptap.schema)
diff --git a/src/tests/markdown.spec.js b/src/tests/markdown.spec.js
index 6f1b6258a01..29f9b04b58c 100644
--- a/src/tests/markdown.spec.js
+++ b/src/tests/markdown.spec.js
@@ -8,10 +8,10 @@ import { typesAvailable } from './../markdownit/callouts'
 import {
 	markdownThroughEditor,
 	markdownThroughEditorHtml,
-	markdownFromPaste
+	markdownFromPaste,
 } from './helpers.js'
-import { createMarkdownSerializer } from "../extensions/Markdown";
-import createEditor from "../EditorFactory";
+import { createMarkdownSerializer } from '../extensions/Markdown'
+import createEditor from '../EditorFactory'
 
 /*
  * This file is for various markdown tests, mainly testing if input and output stays the same.
@@ -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' +
+		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,99 +144,180 @@ 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',
+		)
 	})
 })
 
 describe('Trailing nodes', () => {
 	test('No extra transaction is added after loading', () => {
-		const source = "# My heading\n\n* test\n* test2"
+		const source = '# My heading\n\n* test\n* test2'
 		const tiptap = createEditor({
 			enableRichEditing: true,
 		})
diff --git a/src/tests/plaintext.spec.js b/src/tests/plaintext.spec.js
index 20c89bb0438..e91e806f1d7 100644
--- a/src/tests/plaintext.spec.js
+++ b/src/tests/plaintext.spec.js
@@ -3,85 +3,92 @@
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
 
-import { createEditor, serializePlainText } from './../EditorFactory';
-import spec from "./fixtures/spec"
-import xssFuzzVectors from './fixtures/xssFuzzVectors';
+import { createEditor, serializePlainText } from './../EditorFactory'
+import spec from './fixtures/spec'
+import xssFuzzVectors from './fixtures/xssFuzzVectors'
 
 const escapeHTML = (s) => {
-  return s.toString()
-      .split('&').join('&amp;')
-      .split('<').join('&lt;')
-      .split('>').join('&gt;')
-      .split('"').join('&quot;')
-      .split('\'').join('&#039;')
+	return s
+		.toString()
+		.split('&')
+		.join('&amp;')
+		.split('<')
+		.join('&lt;')
+		.split('>')
+		.join('&gt;')
+		.split('"')
+		.join('&quot;')
+		.split("'")
+		.join('&#039;')
 }
 
 const plaintextThroughEditor = (markdown) => {
-  const content = '<pre>' + escapeHTML(markdown) + '</pre>'
-  const tiptap = createEditor({
-    enableRichEditing: false
-  })
-  tiptap.commands.setContent(content)
-  return serializePlainText(tiptap.state.doc) || 'failed'
+	const content = '<pre>' + escapeHTML(markdown) + '</pre>'
+	const tiptap = createEditor({
+		enableRichEditing: false,
+	})
+	tiptap.commands.setContent(content)
+	return serializePlainText(tiptap.state.doc) || 'failed'
 }
 
 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
-  ];
+	// 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]
 
-  spec.forEach((entry) => {
-    if (skippedMarkdownTests.indexOf(entry.example) !== -1) {
-      return
-    }
-    test('commonmark ' + entry.example, () => {
-      expect(plaintextThroughEditor(entry.markdown)).toBe(entry.markdown)
-    })
-  })
+	spec.forEach((entry) => {
+		if (skippedMarkdownTests.indexOf(entry.example) !== -1) {
+			return
+		}
+		test('commonmark ' + entry.example, () => {
+			expect(plaintextThroughEditor(entry.markdown)).toBe(entry.markdown)
+		})
+	})
 })
 describe('markdown as plaintext', () => {
-  test('headlines', () => {
-    expect(plaintextThroughEditor('# Test')).toBe('# Test')
-    expect(plaintextThroughEditor('## Test')).toBe('## Test')
-    expect(plaintextThroughEditor('### Test')).toBe('### Test')
-    expect(plaintextThroughEditor('#### Test')).toBe('#### Test')
-    expect(plaintextThroughEditor('##### Test')).toBe('##### Test')
-  })
-  test('inline format', () => {
-    expect(plaintextThroughEditor('**Test**')).toBe('**Test**')
-    expect(plaintextThroughEditor('__Test__')).toBe('__Test__')
-    expect(plaintextThroughEditor('_Test_')).toBe('_Test_')
-    expect(plaintextThroughEditor('~~Test~~')).toBe('~~Test~~')
-  })
-  test('ul', () => {
-    expect(plaintextThroughEditor('- foo\n- bar')).toBe('- foo\n- bar')
-    expect(plaintextThroughEditor('- foo\n\n- bar')).toBe('- foo\n\n- bar')
-    expect(plaintextThroughEditor('- foo\n\n\n- bar')).toBe('- foo\n\n\n- bar')
-  })
-  test('ol', () => {
-    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')
-  })
-  test('links', () => {
-    expect(plaintextThroughEditor('[test](foo)')).toBe('[test](foo)')
-  })
-  test('images', () => {
-    expect(plaintextThroughEditor('![test](foo)')).toBe('![test](foo)')
-  })
+	test('headlines', () => {
+		expect(plaintextThroughEditor('# Test')).toBe('# Test')
+		expect(plaintextThroughEditor('## Test')).toBe('## Test')
+		expect(plaintextThroughEditor('### Test')).toBe('### Test')
+		expect(plaintextThroughEditor('#### Test')).toBe('#### Test')
+		expect(plaintextThroughEditor('##### Test')).toBe('##### Test')
+	})
+	test('inline format', () => {
+		expect(plaintextThroughEditor('**Test**')).toBe('**Test**')
+		expect(plaintextThroughEditor('__Test__')).toBe('__Test__')
+		expect(plaintextThroughEditor('_Test_')).toBe('_Test_')
+		expect(plaintextThroughEditor('~~Test~~')).toBe('~~Test~~')
+	})
+	test('ul', () => {
+		expect(plaintextThroughEditor('- foo\n- bar')).toBe('- foo\n- bar')
+		expect(plaintextThroughEditor('- foo\n\n- bar')).toBe('- foo\n\n- bar')
+		expect(plaintextThroughEditor('- foo\n\n\n- bar')).toBe('- foo\n\n\n- bar')
+	})
+	test('ol', () => {
+		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',
+		)
+	})
+	test('links', () => {
+		expect(plaintextThroughEditor('[test](foo)')).toBe('[test](foo)')
+	})
+	test('images', () => {
+		expect(plaintextThroughEditor('![test](foo)')).toBe('![test](foo)')
+	})
 })
 
 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>')
-
-  })
-  test('special characters', () => {
-    expect(plaintextThroughEditor('"\';&.-#><')).toBe('"\';&.-#><')
-    expect(plaintextThroughEditor(xssFuzzVectors)).toBe(xssFuzzVectors)
-  })
+	test('link', () => {
+		expect(plaintextThroughEditor('<a>sdf</a>')).toBe('<a>sdf</a>')
+		expect(plaintextThroughEditor('<a href="foobar">sdf</a>')).toBe(
+			'<a href="foobar">sdf</a>',
+		)
+	})
+	test('special characters', () => {
+		expect(plaintextThroughEditor('"\';&.-#><')).toBe('"\';&.-#><')
+		expect(plaintextThroughEditor(xssFuzzVectors)).toBe(xssFuzzVectors)
+	})
 })
diff --git a/src/tests/tiptap.spec.js b/src/tests/tiptap.spec.js
index 4b6f4244496..a55d0fab7c0 100644
--- a/src/tests/tiptap.spec.js
+++ b/src/tests/tiptap.spec.js
@@ -6,28 +6,32 @@
 import createEditor from '../EditorFactory'
 import markdownit from '../markdownit'
 
-const renderedHTML = ( markdown ) => {
-    const editor = createEditor({
-        enableRichEditing: true
-    })
-    editor.commands.setContent(markdownit.render(markdown))
-    // Remove TrailingNode
-    return editor.getHTML().replace(/<p><\/p>$/, '')
+const renderedHTML = (markdown) => {
+	const editor = createEditor({
+		enableRichEditing: true,
+	})
+	editor.commands.setContent(markdownit.render(markdown))
+	// Remove TrailingNode
+	return editor.getHTML().replace(/<p><\/p>$/, '')
 }
 
 describe('TipTap', () => {
 	it('render softbreaks', () => {
-        const markdown = 'This\nis\none\nparagraph'
+		const markdown = 'This\nis\none\nparagraph'
 		expect(renderedHTML(markdown)).toEqual(`<p>${markdown}</p>`)
 	})
 
-    it('render hardbreak', () => {
-        const markdown = 'Hard line break  \nNext Paragraph'
-        expect(renderedHTML(markdown)).toEqual('<p>Hard line break<br>Next Paragraph</p>')
-    })
+	it('render hardbreak', () => {
+		const markdown = 'Hard line break  \nNext Paragraph'
+		expect(renderedHTML(markdown)).toEqual(
+			'<p>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>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>item 1</p></label></li></ul>',
+		)
 	})
 })
diff --git a/src/tests/yjs.spec.js b/src/tests/yjs.spec.js
index 7a770e824f3..70db2b398b7 100644
--- a/src/tests/yjs.spec.js
+++ b/src/tests/yjs.spec.js
@@ -12,8 +12,8 @@ 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))
 	function size(arr) {
 		return arr.reduce((total, cur) => total + cur.length, 0)
 	}
@@ -23,19 +23,15 @@ describe('recorded session', () => {
 		const decoder = decoding.createDecoder(buf)
 		const encoder = encoding.createEncoder()
 		const messageType = 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}
+			return { inType, length: 0 }
 		}
 		const binary = encoding.toUint8Array(encoder)
 		const outBuf = decodeArrayBuffer(binary)
 		const outDecoder = decoding.createDecoder(outBuf)
 		const outType = decoding.peekVarUint(outDecoder)
-		return {inType, outType, length: encoding.length(encoder)}
+		return { inType, outType, length: encoding.length(encoder) }
 	}
 
 	test('original size', () => {
@@ -74,12 +70,13 @@ describe('recorded session', () => {
 	})
 
 	test('sync messages types', () => {
-		const syncsOfType = type => sync.filter((step) => {
-			const buf = decodeArrayBuffer(step)
-			const decoder = decoding.createDecoder(buf)
-			const messageType = decoding.readVarUint(decoder)
-			return decoding.peekVarUint(decoder) === type
-		})
+		const syncsOfType = (type) =>
+			sync.filter((step) => {
+				const buf = decodeArrayBuffer(step)
+				const decoder = decoding.createDecoder(buf)
+				const messageType = decoding.readVarUint(decoder)
+				return decoding.peekVarUint(decoder) === type
+			})
 		const step1s = syncsOfType(syncProtocol.messageYjsSyncStep1)
 		const step2s = syncsOfType(syncProtocol.messageYjsSyncStep2)
 		const updates = syncsOfType(syncProtocol.messageYjsUpdate)
@@ -93,8 +90,8 @@ describe('recorded session', () => {
 
 	test('read messages', () => {
 		const ydoc = new Doc()
-		const responses = sync.map(step => processStep(ydoc, step))
-		responses.forEach(({inType, length}) => {
+		const responses = sync.map((step) => processStep(ydoc, step))
+		responses.forEach(({ inType, length }) => {
 			expect([0, 1, 2]).toContain(inType)
 			if (inType !== syncProtocol.messageYjsSyncStep1) {
 				expect(length).toBe(0)
@@ -106,8 +103,8 @@ describe('recorded session', () => {
 
 	test('analyse responses', () => {
 		const ydoc = new Doc()
-		const responses = sync.map(step => processStep(ydoc, step))
-		responses.forEach(({inType, outType}) => {
+		const responses = sync.map((step) => processStep(ydoc, step))
+		responses.forEach(({ inType, outType }) => {
 			if (inType === syncProtocol.messageYjsSyncStep1) {
 				expect(outType).toBe(syncProtocol.messageYjsSyncStep2)
 			}
@@ -118,7 +115,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)
@@ -126,9 +123,9 @@ 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))
-		responses.forEach(({inType, outType}) => {
+		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)
 			}
@@ -139,11 +136,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 0e77fbf8cfb..e67091a5275 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>
@@ -34,7 +39,10 @@ import getEditorInstance from '../components/Editor.singleton.js'
 import RichTextReader from '../components/RichTextReader.vue'
 
 const IS_PUBLIC = isPublicShare()
-const WORKSPACE_URL = generateOcsUrl('apps/text' + (IS_PUBLIC ? '/public' : '') + '/workspace', 2)
+const WORKSPACE_URL = generateOcsUrl(
+	'apps/text' + (IS_PUBLIC ? '/public' : '') + '/workspace',
+	2,
+)
 const SUPPORTED_STATIC_FILENAMES = ['Readme.md', 'README.md', 'readme.md']
 
 export default {
@@ -87,7 +95,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) {
@@ -106,7 +116,6 @@ export default {
 		subscribe('files:node:renamed', this.onFileRenamed)
 
 		this.listenKeydownEvents()
-
 	},
 	beforeDestroy() {
 		unsubscribe('Text::showRichWorkspace', this.showRichWorkspace)
@@ -144,7 +153,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
@@ -156,7 +166,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
@@ -200,7 +213,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
 			}
 		},
@@ -209,124 +225,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>