From 7bb71490497d1bd432ef6439b672ca2c44bcb926 Mon Sep 17 00:00:00 2001
From: Luna-Klatzer <luna.klatzer@gmail.com>
Date: Sun, 2 Jun 2024 12:58:57 +0200
Subject: [PATCH 1/3] fix (#146): Fixed editor content display bug in Chrome

Fix for version `0.7.0-dev`.
---
 .../frontend/src/scripts/editor/editor.ts     | 51 +++++++++++++++----
 1 file changed, 41 insertions(+), 10 deletions(-)

diff --git a/solardoc/frontend/src/scripts/editor/editor.ts b/solardoc/frontend/src/scripts/editor/editor.ts
index 63142d61..3bc5d788 100644
--- a/solardoc/frontend/src/scripts/editor/editor.ts
+++ b/solardoc/frontend/src/scripts/editor/editor.ts
@@ -21,6 +21,7 @@ import {createOTUpdates} from '@/scripts/editor/ot/create-ot'
 import {getMonacoUpdatesFromOT} from '@/scripts/editor/ot/get-monaco-updates'
 import {sendOTUpdates} from '@/scripts/editor/ot/send-ot'
 import {EditorModelNotFoundError} from "@/errors/editor-model-not-found-error";
+import {Selection, SelectionDirection} from "monaco-editor";
 
 const currentFileStore = useCurrentFileStore()
 const currentUserStore = useCurrentUserStore()
@@ -107,7 +108,7 @@ export class SolardocEditor {
     globalMonacoEditor! = monaco.editor.create(elementToBindTo.value, {
       theme: initialState.darkMode ? 'asciiDocDarkTheme' : 'asciiDocLightTheme',
       language: 'asciiDoc',
-      value: initialState.content,
+      value: undefined,
       fontFamily: 'JetBrains Mono',
       minimap: {
         enabled: false,
@@ -116,6 +117,8 @@ export class SolardocEditor {
       automaticLayout: true,
       scrollBeyondLastLine: false,
     })
+    // We need to set the content after the editor is created due to a weird bug in Monaco (See #146)
+    this._applyInitContent(`${initialState.content}` || '')
     this._locked = false
     this._readonly = false
 
@@ -164,6 +167,10 @@ export class SolardocEditor {
     globalMonacoEditor!.setValue(content)
   }
 
+  private static forceRerender() {
+    globalMonacoEditor!.render()
+  }
+
   /**
    * @since 0.7.0
    */
@@ -186,10 +193,10 @@ export class SolardocEditor {
     } else if (oTrans.init) {
       // The init transformation should not be applied and only the init content should be set
       //await this.runThreadSafe(async () => model.setValue(currentFileStore.content))
-      await this.runThreadSafe(async () => globalMonacoEditor!.setValue(currentFileStore.content))
+      await this._runThreadSafe(async () => globalMonacoEditor!.setValue(currentFileStore.content))
       return
     } else {
-      await this.runThreadSafe(async () => {
+      await this._runThreadSafe(async () => {
         const edits: Array<editor.IIdentifiedSingleEditOperation> = getMonacoUpdatesFromOT(editorModel, oTrans)
         globalMonacoEditor!.executeEdits(this.name, edits)
       })
@@ -218,11 +225,11 @@ export class SolardocEditor {
     })
   }
 
-  private static lock() {
+  private static _lock() {
     this._locked = true
   }
 
-  private static unlock() {
+  private static _unlock() {
     this._locked = false
   }
 
@@ -232,20 +239,20 @@ export class SolardocEditor {
    * @param promise The promise to run
    * @private
    */
-  private static async runThreadSafe(promise: () => Promise<void>): Promise<void> {
+  private static async _runThreadSafe(promise: () => Promise<void>): Promise<void> {
     if (this.isLocked) {
-      await this.waitForUnlock()
+      await this._waitForUnlock()
     }
-    this.lock()
+    this._lock()
     await promise()
-    this.unlock()
+    this._unlock()
   }
 
   /**
    * Returns a promise which resolves when the editor is unlocked.
    * @private
    */
-  private static waitForUnlock(): Promise<void> {
+  private static _waitForUnlock(): Promise<void> {
     return new Promise(resolve => {
       const interval = setInterval(() => {
         if (!this.isLocked) {
@@ -255,4 +262,28 @@ export class SolardocEditor {
       }, 100)
     })
   }
+
+  /**
+   * Applies the initial content to the editor. This is used to set the initial content of the editor when it is
+   * created.
+   *
+   * This is required due to bug #146 in Monaco, where setting the content in the editor creation options does not work.
+   * @param content The content to set.
+   * @private
+   */
+  private static _applyInitContent(content: string) {
+    const model = globalMonacoEditor!.getModel()!.getFullModelRange()
+    globalMonacoEditor!.executeEdits(
+      this.name,
+      [{
+        range: model,
+        text: content,
+      }] satisfies Array<editor.IIdentifiedSingleEditOperation>,
+    )
+
+    document.fonts.ready.then(() => {
+      monaco.editor.remeasureFonts()
+      this.forceRerender()
+    })
+  }
 }

From ff9418b459a6dbb8e0bacf62cffafec9af62bca6 Mon Sep 17 00:00:00 2001
From: Luna-Klatzer <luna.klatzer@gmail.com>
Date: Sun, 2 Jun 2024 13:18:38 +0200
Subject: [PATCH 2/3] fix (#146): Removed unneeded `executeEdits` in
 `SolardocEditor._applyInitContent`

---
 solardoc/frontend/src/scripts/editor/editor.ts | 10 +---------
 1 file changed, 1 insertion(+), 9 deletions(-)

diff --git a/solardoc/frontend/src/scripts/editor/editor.ts b/solardoc/frontend/src/scripts/editor/editor.ts
index 3bc5d788..b889e58b 100644
--- a/solardoc/frontend/src/scripts/editor/editor.ts
+++ b/solardoc/frontend/src/scripts/editor/editor.ts
@@ -272,15 +272,7 @@ export class SolardocEditor {
    * @private
    */
   private static _applyInitContent(content: string) {
-    const model = globalMonacoEditor!.getModel()!.getFullModelRange()
-    globalMonacoEditor!.executeEdits(
-      this.name,
-      [{
-        range: model,
-        text: content,
-      }] satisfies Array<editor.IIdentifiedSingleEditOperation>,
-    )
-
+    globalMonacoEditor!.setValue(content)
     document.fonts.ready.then(() => {
       monaco.editor.remeasureFonts()
       this.forceRerender()

From 9f2d33b2d0dbf9c471bbdf344fc521daecef551e Mon Sep 17 00:00:00 2001
From: Luna-Klatzer <luna.klatzer@gmail.com>
Date: Sun, 2 Jun 2024 13:22:37 +0200
Subject: [PATCH 3/3] other: Prettified code and optimised imports

---
 solardoc/frontend/src/App.vue                 |  6 +--
 .../src/components/Auth-Status-Modal.vue      |  2 +-
 .../src/components/FullScreenPreview.vue      |  8 ++--
 .../src/components/LoadAnywayButton.vue       |  8 ++--
 solardoc/frontend/src/components/Navbar.vue   |  2 +-
 .../src/components/ProgressSpinner.vue        |  2 +-
 .../frontend/src/components/SDRouterLink.vue  |  2 +-
 .../frontend/src/components/editor/Editor.vue | 14 +++----
 .../editor/channel-view/ChannelView.vue       | 14 +++----
 .../editor/channel-view/ChannelViewCreate.vue | 24 ++++++-----
 .../channel-view/ChannelViewCurrent.vue       | 14 +++----
 .../channel-view/ChannelViewElement.vue       |  8 ++--
 .../channel-view/ChannelViewJoinConfirm.vue   | 22 +++++-----
 .../dropdown/EditorSandwichDropdown.vue       | 22 +++++-----
 .../editor/share-url/ShareUrlCreate.vue       | 14 +++----
 .../profile-view/file-view/FileCard.vue       | 16 ++++----
 .../profile-view/file-view/FilesList.vue      | 12 +++---
 .../profile-view/file-view/SearchBar.vue      |  4 +-
 .../profile-view/header/ProfileHeader.vue     |  2 +-
 .../header/ProfileViewHeaderButtons.vue       | 10 ++---
 .../slides-navigator/SlidePreview.vue         |  8 ++--
 .../slides-navigator/SlidesNavigator.vue      | 12 +++---
 .../SlideSubSlidePreview.vue                  |  8 ++--
 .../SlideSubSlidesPreview.vue                 |  4 +-
 .../SubSlidesNavigator.vue                    | 12 +++---
 .../errors/editor-element-not-found-error.ts  |  2 +-
 .../errors/editor-model-not-found-error.ts    |  2 +-
 .../src/errors/handler/error-handler.ts       |  4 +-
 .../frontend/src/errors/not-logged-in-warn.ts |  2 +-
 .../frontend/src/errors/unreachable-error.ts  |  2 +-
 solardoc/frontend/src/main.ts                 |  6 +--
 solardoc/frontend/src/router/index.ts         |  6 +--
 .../frontend/src/scripts/editor/editor.ts     | 40 ++++++++++---------
 .../heading-space-missing-error.ts            |  2 +-
 .../error-checkers/list-inconsistent-error.ts |  2 +-
 .../src/scripts/editor/error-checking.ts      |  6 +--
 .../editor/monaco-config/dark-editor-theme.ts |  2 +-
 .../src/scripts/editor/ot/create-ot.ts        |  6 +--
 .../scripts/editor/ot/get-monaco-updates.ts   |  4 +-
 .../frontend/src/scripts/editor/ot/send-ot.ts |  4 +-
 .../frontend/src/scripts/editor/render.ts     | 10 ++---
 .../frontend/src/scripts/ensure-logged-in.ts  |  6 +--
 .../frontend/src/scripts/handle-render.ts     | 10 ++---
 .../src/scripts/show-dummy-loading.ts         |  2 +-
 solardoc/frontend/src/scripts/show-notif.ts   |  4 +-
 solardoc/frontend/src/scripts/show-welcome.ts |  4 +-
 .../src/services/phoenix/api-service.ts       |  4 +-
 .../frontend/src/services/phoenix/config.ts   |  2 +-
 .../src/services/phoenix/editor-channel.ts    |  5 ++-
 .../frontend/src/services/phoenix/errors.ts   |  4 +-
 .../frontend/src/services/phoenix/ot-trans.ts |  6 +--
 .../src/services/phoenix/ws-client.ts         |  8 ++--
 .../src/services/render/api-service.ts        |  4 +-
 .../frontend/src/services/render/errors.ts    |  2 +-
 solardoc/frontend/src/stores/channel-view.ts  |  6 +--
 solardoc/frontend/src/stores/current-file.ts  |  6 +--
 solardoc/frontend/src/stores/current-user.ts  |  4 +-
 solardoc/frontend/src/stores/dark-mode.ts     |  2 +-
 .../src/stores/editor-update-ws-client.ts     |  4 +-
 solardoc/frontend/src/stores/init-state.ts    |  2 +-
 solardoc/frontend/src/stores/last-modified.ts |  2 +-
 solardoc/frontend/src/stores/loading.ts       |  2 +-
 solardoc/frontend/src/stores/overlay-state.ts |  2 +-
 .../frontend/src/stores/preview-loading.ts    |  2 +-
 .../src/stores/preview-menu-slide-state.ts    |  2 +-
 .../src/stores/preview-selected-slide.ts      |  2 +-
 solardoc/frontend/src/stores/render-data.ts   |  4 +-
 solardoc/frontend/src/stores/welcome.ts       |  2 +-
 solardoc/frontend/src/views/EditorView.vue    | 34 ++++++++--------
 solardoc/frontend/src/views/HomeView.vue      |  4 +-
 solardoc/frontend/src/views/LoginView.vue     | 10 ++---
 solardoc/frontend/src/views/ProfileView.vue   |  4 +-
 solardoc/frontend/src/views/ShareURLView.vue  | 12 +++---
 solardoc/frontend/src/views/SignupView.vue    | 12 +++---
 74 files changed, 269 insertions(+), 260 deletions(-)

diff --git a/solardoc/frontend/src/App.vue b/solardoc/frontend/src/App.vue
index 334b2733..bec083b7 100644
--- a/solardoc/frontend/src/App.vue
+++ b/solardoc/frontend/src/App.vue
@@ -1,7 +1,7 @@
 <script lang="ts" setup>
-import {RouterView} from 'vue-router'
-import {ModalsContainer} from 'vue-final-modal'
-import {useDarkModeStore} from '@/stores/dark-mode'
+import { RouterView } from 'vue-router'
+import { ModalsContainer } from 'vue-final-modal'
+import { useDarkModeStore } from '@/stores/dark-mode'
 import ProgressSpinner from '@/components/ProgressSpinner.vue'
 import Navbar from '@/components/Navbar.vue'
 import Footer from '@/components/Footer.vue'
diff --git a/solardoc/frontend/src/components/Auth-Status-Modal.vue b/solardoc/frontend/src/components/Auth-Status-Modal.vue
index b8fff8ce..18639ee4 100644
--- a/solardoc/frontend/src/components/Auth-Status-Modal.vue
+++ b/solardoc/frontend/src/components/Auth-Status-Modal.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import {VueFinalModal} from 'vue-final-modal'
+import { VueFinalModal } from 'vue-final-modal'
 
 defineProps<{
   title?: string
diff --git a/solardoc/frontend/src/components/FullScreenPreview.vue b/solardoc/frontend/src/components/FullScreenPreview.vue
index cd747477..79d5b5c6 100644
--- a/solardoc/frontend/src/components/FullScreenPreview.vue
+++ b/solardoc/frontend/src/components/FullScreenPreview.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import {ref} from 'vue'
-import {useOverlayStateStore} from '@/stores/overlay-state'
-import {useInitStateStore} from '@/stores/init-state'
-import {useRenderDataStore} from '@/stores/render-data'
+import { ref } from 'vue'
+import { useOverlayStateStore } from '@/stores/overlay-state'
+import { useInitStateStore } from '@/stores/init-state'
+import { useRenderDataStore } from '@/stores/render-data'
 import CloseButtonSVG from '@/components/icons/CloseButtonSVG.vue'
 import LoadAnywayButton from '@/components/LoadAnywayButton.vue'
 import OpenFullscreenSVG from '@/components/icons/OpenFullscreenSVG.vue'
diff --git a/solardoc/frontend/src/components/LoadAnywayButton.vue b/solardoc/frontend/src/components/LoadAnywayButton.vue
index 7e1cde39..61e34dd7 100644
--- a/solardoc/frontend/src/components/LoadAnywayButton.vue
+++ b/solardoc/frontend/src/components/LoadAnywayButton.vue
@@ -1,8 +1,8 @@
 <script lang="ts" setup>
-import {handleRender} from '@/scripts/handle-render'
-import {useRenderDataStore} from '@/stores/render-data'
-import {useCurrentFileStore} from '@/stores/current-file'
-import {interceptErrors} from '@/errors/handler/error-handler'
+import { handleRender } from '@/scripts/handle-render'
+import { useRenderDataStore } from '@/stores/render-data'
+import { useCurrentFileStore } from '@/stores/current-file'
+import { interceptErrors } from '@/errors/handler/error-handler'
 
 const props = defineProps(['colorMode'])
 
diff --git a/solardoc/frontend/src/components/Navbar.vue b/solardoc/frontend/src/components/Navbar.vue
index 67771e82..d8f84160 100644
--- a/solardoc/frontend/src/components/Navbar.vue
+++ b/solardoc/frontend/src/components/Navbar.vue
@@ -9,7 +9,7 @@ import constants from '@/plugins/constants'
 import UserIconDarkModeSVG from '@/components/icons/UserIconDarkModeSVG.vue'
 import UserIconSVG from '@/components/icons/UserIconSVG.vue'
 import SDRouterLink from '@/components/SDRouterLink.vue'
-import {useDarkModeStore} from '@/stores/dark-mode'
+import { useDarkModeStore } from '@/stores/dark-mode'
 
 const darkModeStore = useDarkModeStore()
 </script>
diff --git a/solardoc/frontend/src/components/ProgressSpinner.vue b/solardoc/frontend/src/components/ProgressSpinner.vue
index 78211f1b..9faa16cc 100644
--- a/solardoc/frontend/src/components/ProgressSpinner.vue
+++ b/solardoc/frontend/src/components/ProgressSpinner.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import {useLoadingStore} from '@/stores/loading'
+import { useLoadingStore } from '@/stores/loading'
 
 const loadingStore = useLoadingStore()
 </script>
diff --git a/solardoc/frontend/src/components/SDRouterLink.vue b/solardoc/frontend/src/components/SDRouterLink.vue
index ad218b2c..14fcb625 100644
--- a/solardoc/frontend/src/components/SDRouterLink.vue
+++ b/solardoc/frontend/src/components/SDRouterLink.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import {useLoadingStore} from '@/stores/loading'
+import { useLoadingStore } from '@/stores/loading'
 
 defineProps<{
   to: string
diff --git a/solardoc/frontend/src/components/editor/Editor.vue b/solardoc/frontend/src/components/editor/Editor.vue
index 2b080c0d..c3f33e1e 100644
--- a/solardoc/frontend/src/components/editor/Editor.vue
+++ b/solardoc/frontend/src/components/editor/Editor.vue
@@ -1,11 +1,11 @@
 <script lang="ts" setup>
-import {onMounted, ref, type Ref} from 'vue'
-import {type SubscriptionCallbackMutation} from 'pinia'
-import {useDarkModeStore} from '@/stores/dark-mode'
-import {useCurrentFileStore} from '@/stores/current-file'
-import {SolardocEditor} from '@/scripts/editor/editor'
-import {EditorElementNotFoundError} from '@/errors/editor-element-not-found-error'
-import {interceptErrors} from '@/errors/handler/error-handler'
+import { onMounted, ref, type Ref } from 'vue'
+import { type SubscriptionCallbackMutation } from 'pinia'
+import { useDarkModeStore } from '@/stores/dark-mode'
+import { useCurrentFileStore } from '@/stores/current-file'
+import { SolardocEditor } from '@/scripts/editor/editor'
+import { EditorElementNotFoundError } from '@/errors/editor-element-not-found-error'
+import { interceptErrors } from '@/errors/handler/error-handler'
 
 const darkModeStore = useDarkModeStore()
 const currentFileStore = useCurrentFileStore()
diff --git a/solardoc/frontend/src/components/editor/channel-view/ChannelView.vue b/solardoc/frontend/src/components/editor/channel-view/ChannelView.vue
index 05ca35c7..3fab2087 100644
--- a/solardoc/frontend/src/components/editor/channel-view/ChannelView.vue
+++ b/solardoc/frontend/src/components/editor/channel-view/ChannelView.vue
@@ -1,17 +1,17 @@
 <script lang="ts" setup>
-import {useOverlayStateStore} from '@/stores/overlay-state'
-import {useChannelViewStore} from '@/stores/channel-view'
-import {useCurrentUserStore} from '@/stores/current-user'
+import { useOverlayStateStore } from '@/stores/overlay-state'
+import { useChannelViewStore } from '@/stores/channel-view'
+import { useCurrentUserStore } from '@/stores/current-user'
 import CloseButtonSVG from '@/components/icons/CloseButtonSVG.vue'
 import ChannelViewElement from '@/components/editor/channel-view/ChannelViewElement.vue'
 import ChannelViewJoinConfirm from '@/components/editor/channel-view/ChannelViewJoinConfirm.vue'
 import ChannelViewCurrent from '@/components/editor/channel-view/ChannelViewCurrent.vue'
 import SDRouterLink from '@/components/SDRouterLink.vue'
 import ChannelViewCreate from '@/components/editor/channel-view/ChannelViewCreate.vue'
-import {storeToRefs} from 'pinia'
-import {ref, watch} from 'vue'
-import {useCurrentFileStore} from '@/stores/current-file'
-import {interceptErrors} from '@/errors/handler/error-handler'
+import { storeToRefs } from 'pinia'
+import { ref, watch } from 'vue'
+import { useCurrentFileStore } from '@/stores/current-file'
+import { interceptErrors } from '@/errors/handler/error-handler'
 
 const overlayStateStore = useOverlayStateStore()
 const channelViewStore = useChannelViewStore()
diff --git a/solardoc/frontend/src/components/editor/channel-view/ChannelViewCreate.vue b/solardoc/frontend/src/components/editor/channel-view/ChannelViewCreate.vue
index dd071da9..a2b16c09 100644
--- a/solardoc/frontend/src/components/editor/channel-view/ChannelViewCreate.vue
+++ b/solardoc/frontend/src/components/editor/channel-view/ChannelViewCreate.vue
@@ -1,14 +1,18 @@
 <script lang="ts" setup>
-import type {CreateEditorChannel, EditorChannel, JoinChannelOptions,} from '@/services/phoenix/editor-channel'
-import {useChannelViewStore} from '@/stores/channel-view'
-import {ref} from 'vue'
-import {useEditorUpdateWSClient} from '@/stores/editor-update-ws-client'
-import {useCurrentUserStore} from '@/stores/current-user'
-import type {Vueform} from '@vueform/vueform'
-import {useCurrentFileStore} from '@/stores/current-file'
-import {handleOTUpdates} from '@/services/phoenix/ot-trans'
-import {PhoenixNotAuthorisedError, PhoenixSDSError} from '@/services/phoenix/errors'
-import {interceptErrors} from '@/errors/handler/error-handler'
+import type {
+  CreateEditorChannel,
+  EditorChannel,
+  JoinChannelOptions,
+} from '@/services/phoenix/editor-channel'
+import { useChannelViewStore } from '@/stores/channel-view'
+import { ref } from 'vue'
+import { useEditorUpdateWSClient } from '@/stores/editor-update-ws-client'
+import { useCurrentUserStore } from '@/stores/current-user'
+import type { Vueform } from '@vueform/vueform'
+import { useCurrentFileStore } from '@/stores/current-file'
+import { handleOTUpdates } from '@/services/phoenix/ot-trans'
+import { PhoenixNotAuthorisedError, PhoenixSDSError } from '@/services/phoenix/errors'
+import { interceptErrors } from '@/errors/handler/error-handler'
 
 const currentUserStore = useCurrentUserStore()
 const currentFileStore = useCurrentFileStore()
diff --git a/solardoc/frontend/src/components/editor/channel-view/ChannelViewCurrent.vue b/solardoc/frontend/src/components/editor/channel-view/ChannelViewCurrent.vue
index 88d7de30..1df8a6a3 100644
--- a/solardoc/frontend/src/components/editor/channel-view/ChannelViewCurrent.vue
+++ b/solardoc/frontend/src/components/editor/channel-view/ChannelViewCurrent.vue
@@ -1,11 +1,11 @@
 <script lang="ts" setup>
-import {getHumanReadableTimeInfo} from '@/scripts/format-date'
-import type {EditorChannel} from '@/services/phoenix/editor-channel'
-import {useEditorUpdateWSClient} from '@/stores/editor-update-ws-client'
-import {storeToRefs} from 'pinia'
-import {ref} from 'vue'
-import {useChannelViewStore} from '@/stores/channel-view'
-import {interceptErrors} from '@/errors/handler/error-handler'
+import { getHumanReadableTimeInfo } from '@/scripts/format-date'
+import type { EditorChannel } from '@/services/phoenix/editor-channel'
+import { useEditorUpdateWSClient } from '@/stores/editor-update-ws-client'
+import { storeToRefs } from 'pinia'
+import { ref } from 'vue'
+import { useChannelViewStore } from '@/stores/channel-view'
+import { interceptErrors } from '@/errors/handler/error-handler'
 
 const props = defineProps<{
   channel: EditorChannel
diff --git a/solardoc/frontend/src/components/editor/channel-view/ChannelViewElement.vue b/solardoc/frontend/src/components/editor/channel-view/ChannelViewElement.vue
index 16fd36b1..08010abb 100644
--- a/solardoc/frontend/src/components/editor/channel-view/ChannelViewElement.vue
+++ b/solardoc/frontend/src/components/editor/channel-view/ChannelViewElement.vue
@@ -1,8 +1,8 @@
 <script lang="ts" setup>
-import type {EditorChannel} from '@/services/phoenix/editor-channel'
-import {getHumanReadableTimeInfo} from '@/scripts/format-date'
-import {useChannelViewStore} from '@/stores/channel-view'
-import {ref} from 'vue'
+import type { EditorChannel } from '@/services/phoenix/editor-channel'
+import { getHumanReadableTimeInfo } from '@/scripts/format-date'
+import { useChannelViewStore } from '@/stores/channel-view'
+import { ref } from 'vue'
 
 const props = defineProps<{
   channel: EditorChannel
diff --git a/solardoc/frontend/src/components/editor/channel-view/ChannelViewJoinConfirm.vue b/solardoc/frontend/src/components/editor/channel-view/ChannelViewJoinConfirm.vue
index 32ad7765..358f7b0d 100644
--- a/solardoc/frontend/src/components/editor/channel-view/ChannelViewJoinConfirm.vue
+++ b/solardoc/frontend/src/components/editor/channel-view/ChannelViewJoinConfirm.vue
@@ -1,15 +1,15 @@
 <script lang="ts" setup>
-import {ref} from 'vue'
-import {useChannelViewStore} from '@/stores/channel-view'
-import {useEditorUpdateWSClient} from '@/stores/editor-update-ws-client'
-import {useCurrentFileStore} from '@/stores/current-file'
-import type {EditorChannel, JoinChannelOptions} from '@/services/phoenix/editor-channel'
-import type {Vueform} from '@vueform/vueform'
-import type {OTransRespDto} from '@/services/phoenix/ot-trans'
-import {handleOTUpdates} from '@/services/phoenix/ot-trans'
-import type {File} from '@/services/phoenix/gen/phoenix-rest-service'
-import {useCurrentUserStore} from '@/stores/current-user'
-import {PhoenixSDSError} from '@/services/phoenix/errors'
+import { ref } from 'vue'
+import { useChannelViewStore } from '@/stores/channel-view'
+import { useEditorUpdateWSClient } from '@/stores/editor-update-ws-client'
+import { useCurrentFileStore } from '@/stores/current-file'
+import type { EditorChannel, JoinChannelOptions } from '@/services/phoenix/editor-channel'
+import type { Vueform } from '@vueform/vueform'
+import type { OTransRespDto } from '@/services/phoenix/ot-trans'
+import { handleOTUpdates } from '@/services/phoenix/ot-trans'
+import type { File } from '@/services/phoenix/gen/phoenix-rest-service'
+import { useCurrentUserStore } from '@/stores/current-user'
+import { PhoenixSDSError } from '@/services/phoenix/errors'
 
 const currentUserStore = useCurrentUserStore()
 const currentFileStore = useCurrentFileStore()
diff --git a/solardoc/frontend/src/components/editor/dropdown/EditorSandwichDropdown.vue b/solardoc/frontend/src/components/editor/dropdown/EditorSandwichDropdown.vue
index 0909397c..95c27726 100644
--- a/solardoc/frontend/src/components/editor/dropdown/EditorSandwichDropdown.vue
+++ b/solardoc/frontend/src/components/editor/dropdown/EditorSandwichDropdown.vue
@@ -2,18 +2,18 @@
 import Dropdown from 'v-dropdown'
 import SandwichMenuSVG from '@/components/icons/SandwichMenuSVG.vue'
 import SandwichMenuDarkModeSVG from '@/components/icons/SandwichMenuDarkModeSVG.vue'
-import {useDarkModeStore} from '@/stores/dark-mode'
-import {useOverlayStateStore} from '@/stores/overlay-state'
-import {useCurrentFileStore} from '@/stores/current-file'
-import {useCurrentUserStore} from '@/stores/current-user'
-import {showInfoNotifFromObj} from '@/scripts/show-notif'
-import {ensureLoggedIn} from '@/scripts/ensure-logged-in'
-import {interceptErrors} from '@/errors/handler/error-handler'
-import {showDummyLoading} from '@/scripts/show-dummy-loading'
-import {useLoadingStore} from '@/stores/loading'
+import { useDarkModeStore } from '@/stores/dark-mode'
+import { useOverlayStateStore } from '@/stores/overlay-state'
+import { useCurrentFileStore } from '@/stores/current-file'
+import { useCurrentUserStore } from '@/stores/current-user'
+import { showInfoNotifFromObj } from '@/scripts/show-notif'
+import { ensureLoggedIn } from '@/scripts/ensure-logged-in'
+import { interceptErrors } from '@/errors/handler/error-handler'
+import { showDummyLoading } from '@/scripts/show-dummy-loading'
+import { useLoadingStore } from '@/stores/loading'
 import constants from '@/plugins/constants'
-import {useRouter} from 'vue-router'
-import {ref} from 'vue'
+import { useRouter } from 'vue-router'
+import { ref } from 'vue'
 
 const darkModeStore = useDarkModeStore()
 const currentUserStore = useCurrentUserStore()
diff --git a/solardoc/frontend/src/components/editor/share-url/ShareUrlCreate.vue b/solardoc/frontend/src/components/editor/share-url/ShareUrlCreate.vue
index 2bbe1c15..3bc4946d 100644
--- a/solardoc/frontend/src/components/editor/share-url/ShareUrlCreate.vue
+++ b/solardoc/frontend/src/components/editor/share-url/ShareUrlCreate.vue
@@ -1,14 +1,14 @@
 <script lang="ts" setup>
-import type {Vueform} from '@vueform/vueform'
+import type { Vueform } from '@vueform/vueform'
 import CloseButtonSVG from '@/components/icons/CloseButtonSVG.vue'
 import SDRouterLink from '@/components/SDRouterLink.vue'
-import {handleCopy} from '@/scripts/handle-copy'
-import {useOverlayStateStore} from '@/stores/overlay-state'
-import {useCurrentUserStore} from '@/stores/current-user'
-import {useCurrentFileStore} from '@/stores/current-file'
+import { handleCopy } from '@/scripts/handle-copy'
+import { useOverlayStateStore } from '@/stores/overlay-state'
+import { useCurrentUserStore } from '@/stores/current-user'
+import { useCurrentFileStore } from '@/stores/current-file'
 import * as phoenixRestService from '@/services/phoenix/api-service'
-import {PhoenixInternalError, PhoenixRestError} from '@/services/phoenix/errors'
-import {ref} from 'vue'
+import { PhoenixInternalError, PhoenixRestError } from '@/services/phoenix/errors'
+import { ref } from 'vue'
 
 const overlayStateStore = useOverlayStateStore()
 const currentUserStore = useCurrentUserStore()
diff --git a/solardoc/frontend/src/components/profile-view/file-view/FileCard.vue b/solardoc/frontend/src/components/profile-view/file-view/FileCard.vue
index 4edbc946..9781dc39 100644
--- a/solardoc/frontend/src/components/profile-view/file-view/FileCard.vue
+++ b/solardoc/frontend/src/components/profile-view/file-view/FileCard.vue
@@ -1,6 +1,6 @@
 <script lang="ts" setup>
-import {getHumanReadableTimeInfo} from '@/scripts/format-date'
-import type {File} from '@/services/phoenix/gen/phoenix-rest-service'
+import { getHumanReadableTimeInfo } from '@/scripts/format-date'
+import type { File } from '@/services/phoenix/gen/phoenix-rest-service'
 import * as phoenixRestService from '@/services/phoenix/api-service'
 import {
   type ActualPhxErrorResp,
@@ -8,12 +8,12 @@ import {
   PhoenixInternalError,
   PhoenixInvalidCredentialsError,
 } from '@/services/phoenix/errors'
-import {useCurrentUserStore} from '@/stores/current-user'
-import {useCurrentFileStore} from '@/stores/current-file'
-import {useRouter} from 'vue-router'
-import {ref} from 'vue'
-import {interceptErrors} from '@/errors/handler/error-handler'
-import {useLoadingStore} from '@/stores/loading'
+import { useCurrentUserStore } from '@/stores/current-user'
+import { useCurrentFileStore } from '@/stores/current-file'
+import { useRouter } from 'vue-router'
+import { ref } from 'vue'
+import { interceptErrors } from '@/errors/handler/error-handler'
+import { useLoadingStore } from '@/stores/loading'
 
 const props = defineProps<{ file: File }>()
 const deleted = ref(false)
diff --git a/solardoc/frontend/src/components/profile-view/file-view/FilesList.vue b/solardoc/frontend/src/components/profile-view/file-view/FilesList.vue
index 8ab0dd3b..00f809f1 100644
--- a/solardoc/frontend/src/components/profile-view/file-view/FilesList.vue
+++ b/solardoc/frontend/src/components/profile-view/file-view/FilesList.vue
@@ -1,12 +1,12 @@
 <script lang="ts" setup>
-import type {File} from '@/services/phoenix/api-service'
+import type { File } from '@/services/phoenix/api-service'
 import * as phoenixRestService from '@/services/phoenix/api-service'
-import {useCurrentUserStore} from '@/stores/current-user'
-import {PhoenixInternalError, PhoenixInvalidCredentialsError} from '@/services/phoenix/errors'
+import { useCurrentUserStore } from '@/stores/current-user'
+import { PhoenixInternalError, PhoenixInvalidCredentialsError } from '@/services/phoenix/errors'
 import FileCard from '@/components/profile-view/file-view/FileCard.vue'
-import {handleError} from '@/errors/handler/error-handler'
-import {useRouter} from 'vue-router'
-import {ref} from 'vue'
+import { handleError } from '@/errors/handler/error-handler'
+import { useRouter } from 'vue-router'
+import { ref } from 'vue'
 
 const currentUserStore = useCurrentUserStore()
 const $router = useRouter()
diff --git a/solardoc/frontend/src/components/profile-view/file-view/SearchBar.vue b/solardoc/frontend/src/components/profile-view/file-view/SearchBar.vue
index 83ac4f3d..ebfca81e 100644
--- a/solardoc/frontend/src/components/profile-view/file-view/SearchBar.vue
+++ b/solardoc/frontend/src/components/profile-view/file-view/SearchBar.vue
@@ -1,8 +1,8 @@
 <script lang="ts" setup>
-import {ref} from 'vue'
+import { ref } from 'vue'
 import SandwichMenuDarkModeSVG from '@/components/icons/SandwichMenuDarkModeSVG.vue'
 import SandwichMenuSVG from '@/components/icons/SandwichMenuSVG.vue'
-import {useDarkModeStore} from '@/stores/dark-mode'
+import { useDarkModeStore } from '@/stores/dark-mode'
 
 const darkModeStore = useDarkModeStore()
 const input = ref('')
diff --git a/solardoc/frontend/src/components/profile-view/header/ProfileHeader.vue b/solardoc/frontend/src/components/profile-view/header/ProfileHeader.vue
index 1a2d4a03..2e2ddccd 100644
--- a/solardoc/frontend/src/components/profile-view/header/ProfileHeader.vue
+++ b/solardoc/frontend/src/components/profile-view/header/ProfileHeader.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import {useCurrentUserStore} from '@/stores/current-user'
+import { useCurrentUserStore } from '@/stores/current-user'
 
 const currentUserStore = useCurrentUserStore()
 </script>
diff --git a/solardoc/frontend/src/components/profile-view/header/ProfileViewHeaderButtons.vue b/solardoc/frontend/src/components/profile-view/header/ProfileViewHeaderButtons.vue
index 2ea85a14..6436e7a1 100644
--- a/solardoc/frontend/src/components/profile-view/header/ProfileViewHeaderButtons.vue
+++ b/solardoc/frontend/src/components/profile-view/header/ProfileViewHeaderButtons.vue
@@ -1,10 +1,10 @@
 <script lang="ts" setup>
-import {useCurrentUserStore} from '@/stores/current-user'
-import {useCurrentFileStore} from '@/stores/current-file'
-import {showInfoNotifFromObj} from '@/scripts/show-notif'
-import {handleError} from '@/errors/handler/error-handler'
+import { useCurrentUserStore } from '@/stores/current-user'
+import { useCurrentFileStore } from '@/stores/current-file'
+import { showInfoNotifFromObj } from '@/scripts/show-notif'
+import { handleError } from '@/errors/handler/error-handler'
 import constants from '@/plugins/constants'
-import {useRouter} from 'vue-router'
+import { useRouter } from 'vue-router'
 
 const currentUserStore = useCurrentUserStore()
 const currentFileStore = useCurrentFileStore()
diff --git a/solardoc/frontend/src/components/slides-navigator/SlidePreview.vue b/solardoc/frontend/src/components/slides-navigator/SlidePreview.vue
index 7c866c07..87903752 100644
--- a/solardoc/frontend/src/components/slides-navigator/SlidePreview.vue
+++ b/solardoc/frontend/src/components/slides-navigator/SlidePreview.vue
@@ -1,8 +1,8 @@
 <script lang="ts" setup>
-import {storeToRefs} from 'pinia'
-import {useRenderDataStore} from '@/stores/render-data'
-import {usePreviewLoadingStore} from '@/stores/preview-loading'
-import {usePreviewSelectedSlideStore} from '@/stores/preview-selected-slide'
+import { storeToRefs } from 'pinia'
+import { useRenderDataStore } from '@/stores/render-data'
+import { usePreviewLoadingStore } from '@/stores/preview-loading'
+import { usePreviewSelectedSlideStore } from '@/stores/preview-selected-slide'
 
 defineProps({
   slideIndex: {
diff --git a/solardoc/frontend/src/components/slides-navigator/SlidesNavigator.vue b/solardoc/frontend/src/components/slides-navigator/SlidesNavigator.vue
index 143d511d..e7d27d48 100644
--- a/solardoc/frontend/src/components/slides-navigator/SlidesNavigator.vue
+++ b/solardoc/frontend/src/components/slides-navigator/SlidesNavigator.vue
@@ -1,11 +1,11 @@
 <script lang="ts" setup>
-import {useRenderDataStore} from '@/stores/render-data'
-import {storeToRefs} from 'pinia'
-import {useInitStateStore} from '@/stores/init-state'
+import { useRenderDataStore } from '@/stores/render-data'
+import { storeToRefs } from 'pinia'
+import { useInitStateStore } from '@/stores/init-state'
 import SlidePreview from '@/components/slides-navigator/SlidePreview.vue'
-import {ref, watch} from 'vue'
-import {useScroll} from '@vueuse/core'
-import {usePreviewMenuSlideStateStore} from '@/stores/preview-menu-slide-state'
+import { ref, watch } from 'vue'
+import { useScroll } from '@vueuse/core'
+import { usePreviewMenuSlideStateStore } from '@/stores/preview-menu-slide-state'
 
 const renderDataStore = useRenderDataStore()
 const initStateStore = useInitStateStore()
diff --git a/solardoc/frontend/src/components/sub-slides-navigator/SlideSubSlidePreview.vue b/solardoc/frontend/src/components/sub-slides-navigator/SlideSubSlidePreview.vue
index 4dc316ec..d554a5c5 100644
--- a/solardoc/frontend/src/components/sub-slides-navigator/SlideSubSlidePreview.vue
+++ b/solardoc/frontend/src/components/sub-slides-navigator/SlideSubSlidePreview.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import {useRenderDataStore} from '@/stores/render-data'
-import {usePreviewLoadingStore} from '@/stores/preview-loading'
-import {usePreviewSelectedSlideStore} from '@/stores/preview-selected-slide'
-import {storeToRefs} from 'pinia'
+import { useRenderDataStore } from '@/stores/render-data'
+import { usePreviewLoadingStore } from '@/stores/preview-loading'
+import { usePreviewSelectedSlideStore } from '@/stores/preview-selected-slide'
+import { storeToRefs } from 'pinia'
 
 defineProps({
   slideIndex: {
diff --git a/solardoc/frontend/src/components/sub-slides-navigator/SlideSubSlidesPreview.vue b/solardoc/frontend/src/components/sub-slides-navigator/SlideSubSlidesPreview.vue
index ca3815e4..21a8f376 100644
--- a/solardoc/frontend/src/components/sub-slides-navigator/SlideSubSlidesPreview.vue
+++ b/solardoc/frontend/src/components/sub-slides-navigator/SlideSubSlidesPreview.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import {storeToRefs} from 'pinia'
-import {useRenderDataStore} from '@/stores/render-data'
+import { storeToRefs } from 'pinia'
+import { useRenderDataStore } from '@/stores/render-data'
 import SlideSubSlidePreview from '@/components/sub-slides-navigator/SlideSubSlidePreview.vue'
 
 defineProps({
diff --git a/solardoc/frontend/src/components/sub-slides-navigator/SubSlidesNavigator.vue b/solardoc/frontend/src/components/sub-slides-navigator/SubSlidesNavigator.vue
index e9d9a481..2146ce4a 100644
--- a/solardoc/frontend/src/components/sub-slides-navigator/SubSlidesNavigator.vue
+++ b/solardoc/frontend/src/components/sub-slides-navigator/SubSlidesNavigator.vue
@@ -1,11 +1,11 @@
 <script setup lang="ts">
 import SlideSubSlidesPreview from '@/components/sub-slides-navigator/SlideSubSlidesPreview.vue'
-import {storeToRefs} from 'pinia'
-import {useRenderDataStore} from '@/stores/render-data'
-import {useInitStateStore} from '@/stores/init-state'
-import {useScroll} from '@vueuse/core'
-import {ref, watch} from 'vue'
-import {usePreviewMenuSlideStateStore} from '@/stores/preview-menu-slide-state'
+import { storeToRefs } from 'pinia'
+import { useRenderDataStore } from '@/stores/render-data'
+import { useInitStateStore } from '@/stores/init-state'
+import { useScroll } from '@vueuse/core'
+import { ref, watch } from 'vue'
+import { usePreviewMenuSlideStateStore } from '@/stores/preview-menu-slide-state'
 
 const renderDataStore = useRenderDataStore()
 const initStateStore = useInitStateStore()
diff --git a/solardoc/frontend/src/errors/editor-element-not-found-error.ts b/solardoc/frontend/src/errors/editor-element-not-found-error.ts
index 21becaa1..d55762fe 100644
--- a/solardoc/frontend/src/errors/editor-element-not-found-error.ts
+++ b/solardoc/frontend/src/errors/editor-element-not-found-error.ts
@@ -1,4 +1,4 @@
-import {SolardocError} from '@/errors/solardoc-error'
+import { SolardocError } from '@/errors/solardoc-error'
 
 /**
  * An error that is thrown when the editor element could not be found. This is a critical initialisation error.
diff --git a/solardoc/frontend/src/errors/editor-model-not-found-error.ts b/solardoc/frontend/src/errors/editor-model-not-found-error.ts
index 90c7ac92..973145ab 100644
--- a/solardoc/frontend/src/errors/editor-model-not-found-error.ts
+++ b/solardoc/frontend/src/errors/editor-model-not-found-error.ts
@@ -1,4 +1,4 @@
-import {SolardocError} from "@/errors/solardoc-error";
+import { SolardocError } from '@/errors/solardoc-error'
 
 /**
  * An error that is thrown when the editor model could not be found. This is a critical runtime error.
diff --git a/solardoc/frontend/src/errors/handler/error-handler.ts b/solardoc/frontend/src/errors/handler/error-handler.ts
index 48789f46..c0e0b7b6 100644
--- a/solardoc/frontend/src/errors/handler/error-handler.ts
+++ b/solardoc/frontend/src/errors/handler/error-handler.ts
@@ -1,5 +1,5 @@
-import {SolardocError} from '@/errors/solardoc-error'
-import {showNotifFromErr} from '@/scripts/show-notif'
+import { SolardocError } from '@/errors/solardoc-error'
+import { showNotifFromErr } from '@/scripts/show-notif'
 
 /**
  * An error handler which displays a notification to the user in case the error is a {@link SolardocError}, otherwise
diff --git a/solardoc/frontend/src/errors/not-logged-in-warn.ts b/solardoc/frontend/src/errors/not-logged-in-warn.ts
index 7774d958..a792ad3d 100644
--- a/solardoc/frontend/src/errors/not-logged-in-warn.ts
+++ b/solardoc/frontend/src/errors/not-logged-in-warn.ts
@@ -1,4 +1,4 @@
-import {SolardocError} from '@/errors/solardoc-error'
+import { SolardocError } from '@/errors/solardoc-error'
 
 export class NotLoggedInWarn extends SolardocError {
   constructor() {
diff --git a/solardoc/frontend/src/errors/unreachable-error.ts b/solardoc/frontend/src/errors/unreachable-error.ts
index 3680fb59..be0c7ea2 100644
--- a/solardoc/frontend/src/errors/unreachable-error.ts
+++ b/solardoc/frontend/src/errors/unreachable-error.ts
@@ -1,4 +1,4 @@
-import {SolardocError} from '@/errors/solardoc-error'
+import { SolardocError } from '@/errors/solardoc-error'
 
 /**
  * Error class for when the Solardoc API is unreachable.
diff --git a/solardoc/frontend/src/main.ts b/solardoc/frontend/src/main.ts
index 78b3250b..c0625aba 100644
--- a/solardoc/frontend/src/main.ts
+++ b/solardoc/frontend/src/main.ts
@@ -6,9 +6,9 @@ import 'vue-final-modal/style.css'
 import 'primeicons/primeicons.css'
 import './assets/main.scss'
 
-import {createApp} from 'vue'
-import {createPinia} from 'pinia'
-import {createVfm} from 'vue-final-modal'
+import { createApp } from 'vue'
+import { createPinia } from 'pinia'
+import { createVfm } from 'vue-final-modal'
 import Vueform from '@vueform/vueform'
 import Notifications from '@kyvg/vue3-notification'
 import velocity from 'velocity-animate'
diff --git a/solardoc/frontend/src/router/index.ts b/solardoc/frontend/src/router/index.ts
index 0bc029a5..33129eb9 100644
--- a/solardoc/frontend/src/router/index.ts
+++ b/solardoc/frontend/src/router/index.ts
@@ -1,6 +1,6 @@
-import {createRouter, createWebHistory} from 'vue-router'
-import {useLoadingStore} from '@/stores/loading'
-import {useNotification} from '@kyvg/vue3-notification'
+import { createRouter, createWebHistory } from 'vue-router'
+import { useLoadingStore } from '@/stores/loading'
+import { useNotification } from '@kyvg/vue3-notification'
 import HomeView from '../views/HomeView.vue'
 
 const { notify } = useNotification()
diff --git a/solardoc/frontend/src/scripts/editor/editor.ts b/solardoc/frontend/src/scripts/editor/editor.ts
index b889e58b..9c9167b6 100644
--- a/solardoc/frontend/src/scripts/editor/editor.ts
+++ b/solardoc/frontend/src/scripts/editor/editor.ts
@@ -1,27 +1,26 @@
-import type {Ref} from 'vue'
-import type {editor, languages} from 'monaco-editor/esm/vs/editor/editor.api'
+import type { Ref } from 'vue'
+import type { editor, languages } from 'monaco-editor/esm/vs/editor/editor.api'
 import * as monaco from 'monaco-editor/esm/vs/editor/editor.api'
-import type {OTrans} from '@/services/phoenix/ot-trans'
+import type { OTrans } from '@/services/phoenix/ot-trans'
 import editorWorker from 'monaco-editor/esm/vs/editor/editor.worker?worker'
 import jsonWorker from 'monaco-editor/esm/vs/language/json/json.worker?worker'
 import cssWorker from 'monaco-editor/esm/vs/language/css/css.worker?worker'
 import htmlWorker from 'monaco-editor/esm/vs/language/html/html.worker?worker'
 import tsWorker from 'monaco-editor/esm/vs/language/typescript/ts.worker?worker'
-import {lightEditorTheme} from '@/scripts/editor/monaco-config/light-editor-theme'
-import {darkEditorTheme} from '@/scripts/editor/monaco-config/dark-editor-theme'
-import {usePreviewLoadingStore} from '@/stores/preview-loading'
-import {useInitStateStore} from '@/stores/init-state'
-import {performErrorChecking} from '@/scripts/editor/error-checking'
-import {type Permission, Permissions, useCurrentFileStore} from '@/stores/current-file'
-import {useEditorUpdateWSClient} from '@/stores/editor-update-ws-client'
-import {useCurrentUserStore} from '@/stores/current-user'
+import { lightEditorTheme } from '@/scripts/editor/monaco-config/light-editor-theme'
+import { darkEditorTheme } from '@/scripts/editor/monaco-config/dark-editor-theme'
+import { usePreviewLoadingStore } from '@/stores/preview-loading'
+import { useInitStateStore } from '@/stores/init-state'
+import { performErrorChecking } from '@/scripts/editor/error-checking'
+import { type Permission, Permissions, useCurrentFileStore } from '@/stores/current-file'
+import { useEditorUpdateWSClient } from '@/stores/editor-update-ws-client'
+import { useCurrentUserStore } from '@/stores/current-user'
 import asciiDocLangMonarch from '@/scripts/editor/monaco-config/asciidoc-lang-monarch'
-import {triggerPreviewRerender} from '@/scripts/editor/render'
-import {createOTUpdates} from '@/scripts/editor/ot/create-ot'
-import {getMonacoUpdatesFromOT} from '@/scripts/editor/ot/get-monaco-updates'
-import {sendOTUpdates} from '@/scripts/editor/ot/send-ot'
-import {EditorModelNotFoundError} from "@/errors/editor-model-not-found-error";
-import {Selection, SelectionDirection} from "monaco-editor";
+import { triggerPreviewRerender } from '@/scripts/editor/render'
+import { createOTUpdates } from '@/scripts/editor/ot/create-ot'
+import { getMonacoUpdatesFromOT } from '@/scripts/editor/ot/get-monaco-updates'
+import { sendOTUpdates } from '@/scripts/editor/ot/send-ot'
+import { EditorModelNotFoundError } from '@/errors/editor-model-not-found-error'
 
 const currentFileStore = useCurrentFileStore()
 const currentUserStore = useCurrentUserStore()
@@ -51,7 +50,7 @@ function setUpMonaco() {
         return new tsWorker()
       }
       return new editorWorker()
-    }
+    },
   }
 
   // Register a new language
@@ -197,7 +196,10 @@ export class SolardocEditor {
       return
     } else {
       await this._runThreadSafe(async () => {
-        const edits: Array<editor.IIdentifiedSingleEditOperation> = getMonacoUpdatesFromOT(editorModel, oTrans)
+        const edits: Array<editor.IIdentifiedSingleEditOperation> = getMonacoUpdatesFromOT(
+          editorModel,
+          oTrans,
+        )
         globalMonacoEditor!.executeEdits(this.name, edits)
       })
     }
diff --git a/solardoc/frontend/src/scripts/editor/error-checkers/heading-space-missing-error.ts b/solardoc/frontend/src/scripts/editor/error-checkers/heading-space-missing-error.ts
index 5d73f82e..9daa16de 100644
--- a/solardoc/frontend/src/scripts/editor/error-checkers/heading-space-missing-error.ts
+++ b/solardoc/frontend/src/scripts/editor/error-checkers/heading-space-missing-error.ts
@@ -1,4 +1,4 @@
-import type {IMarkerData} from '@/scripts/editor/error-checking'
+import type { IMarkerData } from '@/scripts/editor/error-checking'
 import constants from '@/plugins/constants'
 import * as monaco from 'monaco-editor'
 
diff --git a/solardoc/frontend/src/scripts/editor/error-checkers/list-inconsistent-error.ts b/solardoc/frontend/src/scripts/editor/error-checkers/list-inconsistent-error.ts
index 7ad7130b..21d32f6b 100644
--- a/solardoc/frontend/src/scripts/editor/error-checkers/list-inconsistent-error.ts
+++ b/solardoc/frontend/src/scripts/editor/error-checkers/list-inconsistent-error.ts
@@ -1,4 +1,4 @@
-import type {IMarkerData} from '@/scripts/editor/error-checking'
+import type { IMarkerData } from '@/scripts/editor/error-checking'
 import constants from '@/plugins/constants'
 import * as monaco from 'monaco-editor'
 
diff --git a/solardoc/frontend/src/scripts/editor/error-checking.ts b/solardoc/frontend/src/scripts/editor/error-checking.ts
index 81eca15c..f18d6b6a 100644
--- a/solardoc/frontend/src/scripts/editor/error-checking.ts
+++ b/solardoc/frontend/src/scripts/editor/error-checking.ts
@@ -1,7 +1,7 @@
 import * as monaco from 'monaco-editor'
-import {editor} from 'monaco-editor'
-import {headingSpaceMissingError} from '@/scripts/editor/error-checkers/heading-space-missing-error'
-import {listInconsistentError} from '@/scripts/editor/error-checkers/list-inconsistent-error'
+import { editor } from 'monaco-editor'
+import { headingSpaceMissingError } from '@/scripts/editor/error-checkers/heading-space-missing-error'
+import { listInconsistentError } from '@/scripts/editor/error-checkers/list-inconsistent-error'
 
 export type IMarkerData = editor.IMarkerData
 
diff --git a/solardoc/frontend/src/scripts/editor/monaco-config/dark-editor-theme.ts b/solardoc/frontend/src/scripts/editor/monaco-config/dark-editor-theme.ts
index 5805b6be..69c1f5d7 100644
--- a/solardoc/frontend/src/scripts/editor/monaco-config/dark-editor-theme.ts
+++ b/solardoc/frontend/src/scripts/editor/monaco-config/dark-editor-theme.ts
@@ -1,4 +1,4 @@
-import type {editor} from 'monaco-editor/esm/vs/editor/editor.api'
+import type { editor } from 'monaco-editor/esm/vs/editor/editor.api'
 
 export const darkEditorTheme: editor.IStandaloneThemeData = {
   base: 'vs',
diff --git a/solardoc/frontend/src/scripts/editor/ot/create-ot.ts b/solardoc/frontend/src/scripts/editor/ot/create-ot.ts
index 8d3ea908..40330379 100644
--- a/solardoc/frontend/src/scripts/editor/ot/create-ot.ts
+++ b/solardoc/frontend/src/scripts/editor/ot/create-ot.ts
@@ -1,6 +1,6 @@
-import type {OTransReqDto} from '@/services/phoenix/ot-trans'
-import {createDeleteOTrans, createInsertOTrans} from '@/services/phoenix/ot-trans'
-import {editor} from 'monaco-editor'
+import type { OTransReqDto } from '@/services/phoenix/ot-trans'
+import { createDeleteOTrans, createInsertOTrans } from '@/services/phoenix/ot-trans'
+import { editor } from 'monaco-editor'
 
 export async function createOTUpdates(
   changes: Array<editor.IModelContentChange>,
diff --git a/solardoc/frontend/src/scripts/editor/ot/get-monaco-updates.ts b/solardoc/frontend/src/scripts/editor/ot/get-monaco-updates.ts
index 1f391318..8ae72982 100644
--- a/solardoc/frontend/src/scripts/editor/ot/get-monaco-updates.ts
+++ b/solardoc/frontend/src/scripts/editor/ot/get-monaco-updates.ts
@@ -1,6 +1,6 @@
-import type {editor} from 'monaco-editor'
+import type { editor } from 'monaco-editor'
 import * as monaco from 'monaco-editor'
-import type {OTrans} from '@/services/phoenix/ot-trans'
+import type { OTrans } from '@/services/phoenix/ot-trans'
 
 export function getMonacoUpdatesFromOT(
   model: monaco.editor.ITextModel,
diff --git a/solardoc/frontend/src/scripts/editor/ot/send-ot.ts b/solardoc/frontend/src/scripts/editor/ot/send-ot.ts
index b5acaca3..db987e11 100644
--- a/solardoc/frontend/src/scripts/editor/ot/send-ot.ts
+++ b/solardoc/frontend/src/scripts/editor/ot/send-ot.ts
@@ -1,5 +1,5 @@
-import type {OTransReqDto} from '@/services/phoenix/ot-trans'
-import {handleOutgoingUpdate} from '@/services/phoenix/ot-trans'
+import type { OTransReqDto } from '@/services/phoenix/ot-trans'
+import { handleOutgoingUpdate } from '@/services/phoenix/ot-trans'
 
 /**
  * Sends the operational transformation updates to the server.
diff --git a/solardoc/frontend/src/scripts/editor/render.ts b/solardoc/frontend/src/scripts/editor/render.ts
index 12b460dd..5c41b283 100644
--- a/solardoc/frontend/src/scripts/editor/render.ts
+++ b/solardoc/frontend/src/scripts/editor/render.ts
@@ -1,8 +1,8 @@
-import {interceptErrors} from '@/errors/handler/error-handler'
-import {handleRender} from '@/scripts/handle-render'
-import {useRenderDataStore} from '@/stores/render-data'
-import {editor} from 'monaco-editor'
-import {useCurrentFileStore} from '@/stores/current-file'
+import { interceptErrors } from '@/errors/handler/error-handler'
+import { handleRender } from '@/scripts/handle-render'
+import { useRenderDataStore } from '@/stores/render-data'
+import { editor } from 'monaco-editor'
+import { useCurrentFileStore } from '@/stores/current-file'
 
 const renderDataStore = useRenderDataStore()
 const currentFileStore = useCurrentFileStore()
diff --git a/solardoc/frontend/src/scripts/ensure-logged-in.ts b/solardoc/frontend/src/scripts/ensure-logged-in.ts
index 25185ef7..1858012f 100644
--- a/solardoc/frontend/src/scripts/ensure-logged-in.ts
+++ b/solardoc/frontend/src/scripts/ensure-logged-in.ts
@@ -1,6 +1,6 @@
-import {type Router} from 'vue-router'
-import {useCurrentUserStore} from '@/stores/current-user'
-import {NotLoggedInWarn} from '@/errors/not-logged-in-warn'
+import { type Router } from 'vue-router'
+import { useCurrentUserStore } from '@/stores/current-user'
+import { NotLoggedInWarn } from '@/errors/not-logged-in-warn'
 
 const currentUserStore = useCurrentUserStore()
 
diff --git a/solardoc/frontend/src/scripts/handle-render.ts b/solardoc/frontend/src/scripts/handle-render.ts
index edde8414..15b5a526 100644
--- a/solardoc/frontend/src/scripts/handle-render.ts
+++ b/solardoc/frontend/src/scripts/handle-render.ts
@@ -1,9 +1,9 @@
-import type {RenderPresentationDtoModel} from '@/services/render/gen/backend-rest-service'
+import type { RenderPresentationDtoModel } from '@/services/render/gen/backend-rest-service'
 import * as backendAPI from '@/services/render/api-service'
-import {usePreviewLoadingStore} from '@/stores/preview-loading'
-import {useInitStateStore} from '@/stores/init-state'
-import {SolardocUnreachableError} from '@/errors/unreachable-error'
-import {RenderBackendRestUnknownError} from '@/services/render/errors'
+import { usePreviewLoadingStore } from '@/stores/preview-loading'
+import { useInitStateStore } from '@/stores/init-state'
+import { SolardocUnreachableError } from '@/errors/unreachable-error'
+import { RenderBackendRestUnknownError } from '@/services/render/errors'
 
 const previewLoadingStore = usePreviewLoadingStore()
 const initStateStore = useInitStateStore()
diff --git a/solardoc/frontend/src/scripts/show-dummy-loading.ts b/solardoc/frontend/src/scripts/show-dummy-loading.ts
index a1b726b2..9eefc10d 100644
--- a/solardoc/frontend/src/scripts/show-dummy-loading.ts
+++ b/solardoc/frontend/src/scripts/show-dummy-loading.ts
@@ -1,4 +1,4 @@
-import {useLoadingStore} from '@/stores/loading'
+import { useLoadingStore } from '@/stores/loading'
 
 const loadingStore = useLoadingStore()
 
diff --git a/solardoc/frontend/src/scripts/show-notif.ts b/solardoc/frontend/src/scripts/show-notif.ts
index c4286bc7..86e5602a 100644
--- a/solardoc/frontend/src/scripts/show-notif.ts
+++ b/solardoc/frontend/src/scripts/show-notif.ts
@@ -1,5 +1,5 @@
-import {type NotificationsOptions, useNotification} from '@kyvg/vue3-notification'
-import type {NotifiableError} from '@/errors/solardoc-error'
+import { type NotificationsOptions, useNotification } from '@kyvg/vue3-notification'
+import type { NotifiableError } from '@/errors/solardoc-error'
 
 export type NotificationType = Exclude<NotificationsOptions['type'], undefined>
 const duration: Record<NotificationType, number> = {
diff --git a/solardoc/frontend/src/scripts/show-welcome.ts b/solardoc/frontend/src/scripts/show-welcome.ts
index cbf0d901..84d9a10c 100644
--- a/solardoc/frontend/src/scripts/show-welcome.ts
+++ b/solardoc/frontend/src/scripts/show-welcome.ts
@@ -1,6 +1,6 @@
-import {useWelcomeStore} from '@/stores/welcome'
+import { useWelcomeStore } from '@/stores/welcome'
 import constants from '@/plugins/constants'
-import {showInfoNotifFromObj} from '@/scripts/show-notif'
+import { showInfoNotifFromObj } from '@/scripts/show-notif'
 
 const welcomeStore = useWelcomeStore()
 
diff --git a/solardoc/frontend/src/services/phoenix/api-service.ts b/solardoc/frontend/src/services/phoenix/api-service.ts
index 56b92af1..afff1d02 100644
--- a/solardoc/frontend/src/services/phoenix/api-service.ts
+++ b/solardoc/frontend/src/services/phoenix/api-service.ts
@@ -1,6 +1,6 @@
 import * as api from './gen/phoenix-rest-service'
-import {PHOENIX_URL, SDSCLIENT_URL} from './config'
-import {SolardocUnreachableError} from '@/errors/unreachable-error'
+import { PHOENIX_URL, SDSCLIENT_URL } from './config'
+import { SolardocUnreachableError } from '@/errors/unreachable-error'
 
 // Overwrite the default configuration depending on the environment
 api.defaults.baseUrl = PHOENIX_URL
diff --git a/solardoc/frontend/src/services/phoenix/config.ts b/solardoc/frontend/src/services/phoenix/config.ts
index 0b877d66..4d176074 100644
--- a/solardoc/frontend/src/services/phoenix/config.ts
+++ b/solardoc/frontend/src/services/phoenix/config.ts
@@ -1,4 +1,4 @@
-import {isDev} from '@/config/env'
+import { isDev } from '@/config/env'
 
 export const PHOENIX_URL = isDev
   ? `${import.meta.env.DEV_PHOENIX_HOST}${
diff --git a/solardoc/frontend/src/services/phoenix/editor-channel.ts b/solardoc/frontend/src/services/phoenix/editor-channel.ts
index e44bf232..e66becd3 100644
--- a/solardoc/frontend/src/services/phoenix/editor-channel.ts
+++ b/solardoc/frontend/src/services/phoenix/editor-channel.ts
@@ -1,4 +1,7 @@
-import type {EditorChannel as APIEditorChannel, UserTrusted,} from '@/services/phoenix/gen/phoenix-rest-service'
+import type {
+  EditorChannel as APIEditorChannel,
+  UserTrusted,
+} from '@/services/phoenix/gen/phoenix-rest-service'
 
 /**
  * A SDS channel, which can be joined to receive updates for a specific document from the server.
diff --git a/solardoc/frontend/src/services/phoenix/errors.ts b/solardoc/frontend/src/services/phoenix/errors.ts
index 7fc77efb..66374532 100644
--- a/solardoc/frontend/src/services/phoenix/errors.ts
+++ b/solardoc/frontend/src/services/phoenix/errors.ts
@@ -1,5 +1,5 @@
-import {SolardocError} from '@/errors/solardoc-error'
-import {titlecase} from '@/scripts/titlecase'
+import { SolardocError } from '@/errors/solardoc-error'
+import { titlecase } from '@/scripts/titlecase'
 
 export type ActualPhxErrorResp = {
   errors: { detail: string } | { [key: string]: Array<string> }
diff --git a/solardoc/frontend/src/services/phoenix/ot-trans.ts b/solardoc/frontend/src/services/phoenix/ot-trans.ts
index 1baef3a4..62603720 100644
--- a/solardoc/frontend/src/services/phoenix/ot-trans.ts
+++ b/solardoc/frontend/src/services/phoenix/ot-trans.ts
@@ -1,6 +1,6 @@
-import {useCurrentFileStore} from '@/stores/current-file'
-import {useEditorUpdateWSClient} from '@/stores/editor-update-ws-client'
-import {v4 as uuidv4} from 'uuid'
+import { useCurrentFileStore } from '@/stores/current-file'
+import { useEditorUpdateWSClient } from '@/stores/editor-update-ws-client'
+import { v4 as uuidv4 } from 'uuid'
 
 /**
  * A raw operational transformation which inserts text.
diff --git a/solardoc/frontend/src/services/phoenix/ws-client.ts b/solardoc/frontend/src/services/phoenix/ws-client.ts
index f84801c0..9825f0df 100644
--- a/solardoc/frontend/src/services/phoenix/ws-client.ts
+++ b/solardoc/frontend/src/services/phoenix/ws-client.ts
@@ -5,10 +5,10 @@ import {
   type PhoenixSocket as SDSClientBare,
   socket,
 } from '@solardoc/phoenix'
-import {PhoenixInternalError, PhoenixInvalidOperationError} from '@/services/phoenix/errors'
-import type {CreateEditorChannel, EditorChannel} from '@/services/phoenix/editor-channel'
-import type {OTransReqDto, OTransRespDto} from '@/services/phoenix/ot-trans'
-import type {File} from '@/services/phoenix/api-service'
+import { PhoenixInternalError, PhoenixInvalidOperationError } from '@/services/phoenix/errors'
+import type { CreateEditorChannel, EditorChannel } from '@/services/phoenix/editor-channel'
+import type { OTransReqDto, OTransRespDto } from '@/services/phoenix/ot-trans'
+import type { File } from '@/services/phoenix/api-service'
 
 /**
  * The SolarDoc Socket client (SDS) is a Phoenix Channels client that connects to the SolarDoc Phoenix server. It is
diff --git a/solardoc/frontend/src/services/render/api-service.ts b/solardoc/frontend/src/services/render/api-service.ts
index b0c0ba0c..9ea318ef 100644
--- a/solardoc/frontend/src/services/render/api-service.ts
+++ b/solardoc/frontend/src/services/render/api-service.ts
@@ -1,6 +1,6 @@
 import * as api from './gen/backend-rest-service'
-import {isDev} from '@/config/env'
-import {SolardocUnreachableError} from '@/errors/unreachable-error'
+import { isDev } from '@/config/env'
+import { SolardocUnreachableError } from '@/errors/unreachable-error'
 
 // Overwrite the default configuration depending on the environment
 api.defaults.baseUrl = isDev
diff --git a/solardoc/frontend/src/services/render/errors.ts b/solardoc/frontend/src/services/render/errors.ts
index 57d800c9..c0dc1e47 100644
--- a/solardoc/frontend/src/services/render/errors.ts
+++ b/solardoc/frontend/src/services/render/errors.ts
@@ -1,4 +1,4 @@
-import {SolardocError} from '@/errors/solardoc-error'
+import { SolardocError } from '@/errors/solardoc-error'
 
 /**
  * An error that is thrown when the backend render service encounters an error.
diff --git a/solardoc/frontend/src/stores/channel-view.ts b/solardoc/frontend/src/stores/channel-view.ts
index 82fbd165..565f10c3 100644
--- a/solardoc/frontend/src/stores/channel-view.ts
+++ b/solardoc/frontend/src/stores/channel-view.ts
@@ -1,8 +1,8 @@
-import type {EditorChannel} from '@/services/phoenix/editor-channel'
+import type { EditorChannel } from '@/services/phoenix/editor-channel'
 import * as phoenixRestService from '@/services/phoenix/api-service'
 import constants from '@/plugins/constants'
-import {defineStore} from 'pinia'
-import {PhoenixInternalError, PhoenixRestError} from '@/services/phoenix/errors'
+import { defineStore } from 'pinia'
+import { PhoenixInternalError, PhoenixRestError } from '@/services/phoenix/errors'
 
 export const useChannelViewStore = defineStore('channels', {
   state: () => {
diff --git a/solardoc/frontend/src/stores/current-file.ts b/solardoc/frontend/src/stores/current-file.ts
index e2d3937e..d910ad12 100644
--- a/solardoc/frontend/src/stores/current-file.ts
+++ b/solardoc/frontend/src/stores/current-file.ts
@@ -1,6 +1,6 @@
-import {defineStore} from 'pinia'
-import type {OTrans, OTransReqDto, OTransRespDto} from '@/services/phoenix/ot-trans'
-import type {File} from '@/services/phoenix/api-service'
+import { defineStore } from 'pinia'
+import type { OTrans, OTransReqDto, OTransRespDto } from '@/services/phoenix/ot-trans'
+import type { File } from '@/services/phoenix/api-service'
 import * as phoenixRestService from '@/services/phoenix/api-service'
 import {
   type ActualPhxErrorResp,
diff --git a/solardoc/frontend/src/stores/current-user.ts b/solardoc/frontend/src/stores/current-user.ts
index 6307e9fb..d957c0ac 100644
--- a/solardoc/frontend/src/stores/current-user.ts
+++ b/solardoc/frontend/src/stores/current-user.ts
@@ -1,4 +1,4 @@
-import type {UserPrivate, UserToken} from '@/services/phoenix/gen/phoenix-rest-service'
+import type { UserPrivate, UserToken } from '@/services/phoenix/gen/phoenix-rest-service'
 import {
   type ActualPhxErrorResp,
   PhoenixBadRequestError,
@@ -8,7 +8,7 @@ import {
 } from '@/services/phoenix/errors'
 import * as phoenixRestService from '@/services/phoenix/api-service'
 import constants from '@/plugins/constants'
-import {defineStore} from 'pinia'
+import { defineStore } from 'pinia'
 
 export type ServerAuthStatus = 'authenticated' | 'expired-or-revoked' | 'unreachable' | 'unknown'
 
diff --git a/solardoc/frontend/src/stores/dark-mode.ts b/solardoc/frontend/src/stores/dark-mode.ts
index c2e5da5e..4c23b8bd 100644
--- a/solardoc/frontend/src/stores/dark-mode.ts
+++ b/solardoc/frontend/src/stores/dark-mode.ts
@@ -1,4 +1,4 @@
-import {defineStore} from 'pinia'
+import { defineStore } from 'pinia'
 import constants from '@/plugins/constants'
 
 export const useDarkModeStore = defineStore('darkMode', {
diff --git a/solardoc/frontend/src/stores/editor-update-ws-client.ts b/solardoc/frontend/src/stores/editor-update-ws-client.ts
index 399e1356..69b2f44a 100644
--- a/solardoc/frontend/src/stores/editor-update-ws-client.ts
+++ b/solardoc/frontend/src/stores/editor-update-ws-client.ts
@@ -1,5 +1,5 @@
-import {defineStore} from 'pinia'
-import {SDSClient} from '@/services/phoenix/ws-client'
+import { defineStore } from 'pinia'
+import { SDSClient } from '@/services/phoenix/ws-client'
 
 export const useEditorUpdateWSClient = defineStore('editorUpdateWSClient', {
   state: () => {
diff --git a/solardoc/frontend/src/stores/init-state.ts b/solardoc/frontend/src/stores/init-state.ts
index a58ad570..c1e6538e 100644
--- a/solardoc/frontend/src/stores/init-state.ts
+++ b/solardoc/frontend/src/stores/init-state.ts
@@ -1,4 +1,4 @@
-import {defineStore} from 'pinia'
+import { defineStore } from 'pinia'
 
 /**
  * The init store is used to indicate that the app has finished loading, but the editor content has not yet been changed.
diff --git a/solardoc/frontend/src/stores/last-modified.ts b/solardoc/frontend/src/stores/last-modified.ts
index 84820afd..0f07a79c 100644
--- a/solardoc/frontend/src/stores/last-modified.ts
+++ b/solardoc/frontend/src/stores/last-modified.ts
@@ -1,4 +1,4 @@
-import {defineStore} from 'pinia'
+import { defineStore } from 'pinia'
 import constants from '@/plugins/constants'
 
 export const useLastModifiedStore = defineStore('lastModified', {
diff --git a/solardoc/frontend/src/stores/loading.ts b/solardoc/frontend/src/stores/loading.ts
index 6c41b230..b0924788 100644
--- a/solardoc/frontend/src/stores/loading.ts
+++ b/solardoc/frontend/src/stores/loading.ts
@@ -1,4 +1,4 @@
-import {defineStore} from 'pinia'
+import { defineStore } from 'pinia'
 
 export const useLoadingStore = defineStore('loading', {
   state: () => {
diff --git a/solardoc/frontend/src/stores/overlay-state.ts b/solardoc/frontend/src/stores/overlay-state.ts
index a88afe7e..bfbe05af 100644
--- a/solardoc/frontend/src/stores/overlay-state.ts
+++ b/solardoc/frontend/src/stores/overlay-state.ts
@@ -1,4 +1,4 @@
-import {defineStore} from 'pinia'
+import { defineStore } from 'pinia'
 
 export const useOverlayStateStore = defineStore('fullScreenPreview', {
   state: () => {
diff --git a/solardoc/frontend/src/stores/preview-loading.ts b/solardoc/frontend/src/stores/preview-loading.ts
index 2a07a22e..bcfb350a 100644
--- a/solardoc/frontend/src/stores/preview-loading.ts
+++ b/solardoc/frontend/src/stores/preview-loading.ts
@@ -1,4 +1,4 @@
-import {defineStore} from 'pinia'
+import { defineStore } from 'pinia'
 
 export const usePreviewLoadingStore = defineStore('previewLoading', {
   state: () => {
diff --git a/solardoc/frontend/src/stores/preview-menu-slide-state.ts b/solardoc/frontend/src/stores/preview-menu-slide-state.ts
index e1200fd4..c41800df 100644
--- a/solardoc/frontend/src/stores/preview-menu-slide-state.ts
+++ b/solardoc/frontend/src/stores/preview-menu-slide-state.ts
@@ -1,4 +1,4 @@
-import {defineStore} from 'pinia'
+import { defineStore } from 'pinia'
 
 export const usePreviewMenuSlideStateStore = defineStore('previewMenuSlideState', {
   state: () => {
diff --git a/solardoc/frontend/src/stores/preview-selected-slide.ts b/solardoc/frontend/src/stores/preview-selected-slide.ts
index 8f5c13e3..c3e891ec 100644
--- a/solardoc/frontend/src/stores/preview-selected-slide.ts
+++ b/solardoc/frontend/src/stores/preview-selected-slide.ts
@@ -1,4 +1,4 @@
-import {defineStore} from 'pinia'
+import { defineStore } from 'pinia'
 
 export const usePreviewSelectedSlideStore = defineStore('previewSelectedSlide', {
   state: () => {
diff --git a/solardoc/frontend/src/stores/render-data.ts b/solardoc/frontend/src/stores/render-data.ts
index 9eba8337..eccba55d 100644
--- a/solardoc/frontend/src/stores/render-data.ts
+++ b/solardoc/frontend/src/stores/render-data.ts
@@ -1,5 +1,5 @@
-import {defineStore} from 'pinia'
-import type {RenderedPresentation} from '@/scripts/handle-render'
+import { defineStore } from 'pinia'
+import type { RenderedPresentation } from '@/scripts/handle-render'
 
 export const useRenderDataStore = defineStore('renderData', {
   state: () => {
diff --git a/solardoc/frontend/src/stores/welcome.ts b/solardoc/frontend/src/stores/welcome.ts
index 59b1920c..97670219 100644
--- a/solardoc/frontend/src/stores/welcome.ts
+++ b/solardoc/frontend/src/stores/welcome.ts
@@ -1,4 +1,4 @@
-import {defineStore} from 'pinia'
+import { defineStore } from 'pinia'
 import constants from '@/plugins/constants'
 
 export const useWelcomeStore = defineStore('welcomeState', {
diff --git a/solardoc/frontend/src/views/EditorView.vue b/solardoc/frontend/src/views/EditorView.vue
index 3d6fc35e..8439a4c6 100644
--- a/solardoc/frontend/src/views/EditorView.vue
+++ b/solardoc/frontend/src/views/EditorView.vue
@@ -1,17 +1,17 @@
 <script lang="ts" setup>
-import {ref} from 'vue'
-import {storeToRefs} from 'pinia'
-import {useDarkModeStore} from '@/stores/dark-mode'
-import {usePreviewLoadingStore} from '@/stores/preview-loading'
-import {usePreviewSelectedSlideStore} from '@/stores/preview-selected-slide'
-import {useInitStateStore} from '@/stores/init-state'
-import {useOverlayStateStore} from '@/stores/overlay-state'
-import {handleCopy} from '@/scripts/handle-copy'
-import {useRenderDataStore} from '@/stores/render-data'
-import {useEditorUpdateWSClient} from '@/stores/editor-update-ws-client'
-import {useCurrentUserStore} from '@/stores/current-user'
-import {Permissions, useCurrentFileStore} from '@/stores/current-file'
-import {getHumanReadableTimeInfo} from '@/scripts/format-date'
+import { ref } from 'vue'
+import { storeToRefs } from 'pinia'
+import { useDarkModeStore } from '@/stores/dark-mode'
+import { usePreviewLoadingStore } from '@/stores/preview-loading'
+import { usePreviewSelectedSlideStore } from '@/stores/preview-selected-slide'
+import { useInitStateStore } from '@/stores/init-state'
+import { useOverlayStateStore } from '@/stores/overlay-state'
+import { handleCopy } from '@/scripts/handle-copy'
+import { useRenderDataStore } from '@/stores/render-data'
+import { useEditorUpdateWSClient } from '@/stores/editor-update-ws-client'
+import { useCurrentUserStore } from '@/stores/current-user'
+import { Permissions, useCurrentFileStore } from '@/stores/current-file'
+import { getHumanReadableTimeInfo } from '@/scripts/format-date'
 import Editor from '@/components/editor/Editor.vue'
 import SlidesNavigator from '@/components/slides-navigator/SlidesNavigator.vue'
 import SubSlidesNavigator from '@/components/sub-slides-navigator/SubSlidesNavigator.vue'
@@ -22,10 +22,10 @@ import ChannelView from '@/components/editor/channel-view/ChannelView.vue'
 import ShareUrlCreate from '@/components/editor/share-url/ShareUrlCreate.vue'
 import * as backendAPI from '@/services/render/api-service'
 import * as phoenixBackend from '@/services/phoenix/api-service'
-import {SDSCLIENT_URL} from '@/services/phoenix/config'
-import {showWelcomeIfNeverShownBefore} from '@/scripts/show-welcome'
-import {interceptErrors} from '@/errors/handler/error-handler'
-import {showWarnNotif} from '@/scripts/show-notif'
+import { SDSCLIENT_URL } from '@/services/phoenix/config'
+import { showWelcomeIfNeverShownBefore } from '@/scripts/show-welcome'
+import { interceptErrors } from '@/errors/handler/error-handler'
+import { showWarnNotif } from '@/scripts/show-notif'
 import constants from '@/plugins/constants'
 
 const darkModeStore = useDarkModeStore()
diff --git a/solardoc/frontend/src/views/HomeView.vue b/solardoc/frontend/src/views/HomeView.vue
index 0692656a..73852ccd 100644
--- a/solardoc/frontend/src/views/HomeView.vue
+++ b/solardoc/frontend/src/views/HomeView.vue
@@ -1,8 +1,8 @@
 <script lang="ts" setup>
 import SolardocStreamSVG from '@/components/icons/SolardocStreamSVG.vue'
 import HomeFeatureCard from '@/components/home/HomeFeatureCard.vue'
-import {useLoadingStore} from "@/stores/loading";
-import {useRouter} from "vue-router";
+import { useLoadingStore } from '@/stores/loading'
+import { useRouter } from 'vue-router'
 
 const $router = useRouter()
 const loadingStore = useLoadingStore()
diff --git a/solardoc/frontend/src/views/LoginView.vue b/solardoc/frontend/src/views/LoginView.vue
index df0040d6..51b64d77 100644
--- a/solardoc/frontend/src/views/LoginView.vue
+++ b/solardoc/frontend/src/views/LoginView.vue
@@ -1,15 +1,15 @@
 <script lang="ts" setup>
 import * as phoenixBackend from '@/services/phoenix/api-service'
-import {useRouter} from 'vue-router'
-import {useCurrentUserStore} from '@/stores/current-user'
-import type {Vueform} from '@vueform/vueform'
+import { useRouter } from 'vue-router'
+import { useCurrentUserStore } from '@/stores/current-user'
+import type { Vueform } from '@vueform/vueform'
 import {
   type ActualPhxErrorResp,
   PhoenixBadRequestError,
   PhoenixInvalidCredentialsError,
 } from '@/services/phoenix/errors'
-import {SolardocUnreachableError} from '@/errors/unreachable-error'
-import {interceptErrors} from '@/errors/handler/error-handler'
+import { SolardocUnreachableError } from '@/errors/unreachable-error'
+import { interceptErrors } from '@/errors/handler/error-handler'
 
 const $router = useRouter()
 const currentUserStore = useCurrentUserStore()
diff --git a/solardoc/frontend/src/views/ProfileView.vue b/solardoc/frontend/src/views/ProfileView.vue
index 1fd34685..d16745b0 100644
--- a/solardoc/frontend/src/views/ProfileView.vue
+++ b/solardoc/frontend/src/views/ProfileView.vue
@@ -1,6 +1,6 @@
 <script lang="ts" setup>
-import {useCurrentUserStore} from '@/stores/current-user'
-import {useRouter} from 'vue-router'
+import { useCurrentUserStore } from '@/stores/current-user'
+import { useRouter } from 'vue-router'
 import ProfileHeader from '@/components/profile-view/header/ProfileHeader.vue'
 import ProfileFileOverview from '@/components/profile-view/file-view/ProfileFileOverview.vue'
 import ProfileViewHeaderButtons from '@/components/profile-view/header/ProfileViewHeaderButtons.vue'
diff --git a/solardoc/frontend/src/views/ShareURLView.vue b/solardoc/frontend/src/views/ShareURLView.vue
index c4b21ae3..e2ac6b2d 100644
--- a/solardoc/frontend/src/views/ShareURLView.vue
+++ b/solardoc/frontend/src/views/ShareURLView.vue
@@ -1,12 +1,12 @@
 <script lang="ts" setup>
 import ProgressSpinner from '@/components/ProgressSpinner.vue'
-import {type Permission, useCurrentFileStore} from '@/stores/current-file'
+import { type Permission, useCurrentFileStore } from '@/stores/current-file'
 import * as phoenixRestService from '@/services/phoenix/api-service'
-import {useCurrentUserStore} from '@/stores/current-user'
-import {PhoenixInternalError, PhoenixRestError} from '@/services/phoenix/errors'
-import {useLoadingStore} from '@/stores/loading'
-import {useRoute, useRouter} from 'vue-router'
-import {onMounted} from 'vue'
+import { useCurrentUserStore } from '@/stores/current-user'
+import { PhoenixInternalError, PhoenixRestError } from '@/services/phoenix/errors'
+import { useLoadingStore } from '@/stores/loading'
+import { useRoute, useRouter } from 'vue-router'
+import { onMounted } from 'vue'
 
 const currentFileStore = useCurrentFileStore()
 const currentUserStore = useCurrentUserStore()
diff --git a/solardoc/frontend/src/views/SignupView.vue b/solardoc/frontend/src/views/SignupView.vue
index 8eb1075b..97b6ed87 100644
--- a/solardoc/frontend/src/views/SignupView.vue
+++ b/solardoc/frontend/src/views/SignupView.vue
@@ -1,11 +1,11 @@
 <script lang="ts" setup>
-import type {Vueform} from '@vueform/vueform'
+import type { Vueform } from '@vueform/vueform'
 import * as phoenixBackend from '@/services/phoenix/api-service'
-import {useCurrentUserStore} from '@/stores/current-user'
-import {useRouter} from 'vue-router'
-import {SolardocUnreachableError} from '@/errors/unreachable-error'
-import {type ActualPhxErrorResp, PhoenixBadRequestError} from '@/services/phoenix/errors'
-import {interceptErrors} from '@/errors/handler/error-handler'
+import { useCurrentUserStore } from '@/stores/current-user'
+import { useRouter } from 'vue-router'
+import { SolardocUnreachableError } from '@/errors/unreachable-error'
+import { type ActualPhxErrorResp, PhoenixBadRequestError } from '@/services/phoenix/errors'
+import { interceptErrors } from '@/errors/handler/error-handler'
 
 const $router = useRouter()
 const currentUserStore = useCurrentUserStore()