Update linter rules and fix them

2020-05-07 17:57:23 +02:00 · 2020-05-07 17:57:23 +02:00 · d6772bb3db
parent 888fb8e7da
commit d6772bb3db
206 changed files with 3279 additions and 2029 deletions
--- a/client/.eslintrc.js
+++ b/client/.eslintrc.js
@ -11,7 +11,8 @@ module.exports = {
  extends: [
    // https://github.com/vuejs/eslint-plugin-vue#priority-a-essential-error-prevention
    // consider switching to `plugin:vue/strongly-recommended` or `plugin:vue/recommended` for stricter rules.
-    'plugin:vue/essential',
+    'plugin:vue/strongly-recommended',
+    // 'plugin:vue/recommended',
    // https://github.com/standard/standard/blob/master/docs/RULES-en.md
    'standard'
  ],
@ -29,5 +30,46 @@ module.exports = {
    'semi': 0,
    'space-before-function-paren': 'off',
    'comma-dangle': 'off',
+
+    // vue rules
+    'vue/require-prop-types': 'off', //todo: should we do this?
+    'vue/require-default-prop': 'off', //todo: should we do this?
+    'vue/attributes-order': ['error', {
+      'order': [
+        'OTHER_ATTR',
+        'DEFINITION',
+        'LIST_RENDERING',
+        'CONDITIONALS',
+        'RENDER_MODIFIERS',
+        'GLOBAL',
+        'UNIQUE',
+        'TWO_WAY_BINDING',
+        'OTHER_DIRECTIVES',
+        'EVENTS',
+        'CONTENT'
+      ]
+    }],
+    'vue/order-in-components': ['error', {
+      'order': [
+        'el',
+        'name',
+        'parent',
+        'functional',
+        ['delimiters', 'comments'],
+        ['props', 'propsData'],
+        'mixins',
+        ['components', 'directives', 'filters'],
+        'data',
+        'extends',
+        'inheritAttrs',
+        'model',
+        'computed',
+        'watch',
+        'LIFECYCLE_HOOKS',
+        'methods',
+        ['template', 'render'],
+        'renderError'
+      ]
+    }]
  }
 };
--- a/client/src/App.vue
+++ b/client/src/App.vue
@ -1,9 +1,16 @@
 <template>
-  <div :class="{'no-scroll': showModal || showMobileNavigation}" class="app" id="app">
-    <component :is="showModalDeprecated" v-if="showModalDeprecated"></component>
-    <component :is="showModal" v-if="showModal"></component>
-    <component :is="layout"></component>
-    <mobile-navigation v-if="showMobileNavigation"></mobile-navigation>
+  <div
+    :class="{'no-scroll': showModal || showMobileNavigation}"
+    class="app"
+    id="app">
+    <component
+      :is="showModalDeprecated"
+      v-if="showModalDeprecated"/>
+    <component
+      :is="showModal"
+      v-if="showModal"/>
+    <component :is="layout"/>
+    <mobile-navigation v-if="showMobileNavigation"/>
  </div>
 </template>

--- a/client/src/components/AddContentButton.vue
+++ b/client/src/components/AddContentButton.vue
@ -1,7 +1,9 @@
 <template>
  <div class="add-content">
-    <a class="add-content__button" v-on:click="addContent">
-      <add-pointer class="add-content__icon"></add-pointer>
+    <a
+      class="add-content__button"
+      @click="addContent">
+      <add-pointer class="add-content__icon"/>
    </a>
  </div>
 </template>
--- a/client/src/components/AddContentElement.vue
+++ b/client/src/components/AddContentElement.vue
@ -1,6 +1,8 @@
 <template>
-  <div class="add-content-element" v-on:click="$emit('add-element', index)">
-    <add-icon class="add-content-element__icon"></add-icon>
+  <div
+    class="add-content-element"
+    @click="$emit('add-element', index)">
+    <add-icon class="add-content-element__icon"/>
  </div>
 </template>

--- a/client/src/components/AddWidget.vue
+++ b/client/src/components/AddWidget.vue
@ -1,7 +1,11 @@
 <template>
-  <component :is="component" v-bind="properties" class="add-widget" @click="$emit('click')"
-             :class="{ 'add-widget--reverse': reverse }">
-    <add-icon class="add-widget__add"></add-icon>
+  <component
+    :is="component"
+    v-bind="properties"
+    :class="{ 'add-widget--reverse': reverse }"
+    class="add-widget"
+    @click="$emit('click')">
+    <add-icon class="add-widget__add"/>
  </component>
 </template>

@ -24,6 +28,10 @@
      }
    },

+    components: {
+      AddIcon
+    },
+
    computed: {
      component() {
        // only use the router link if the route prop is provided, otherwise render a normal anchor tag
@ -36,10 +44,6 @@
        } : {}
      }
    },
-
-    components: {
-      AddIcon
-    }
  }
 </script>

--- a/client/src/components/AssignmentWithSubmissions.vue
+++ b/client/src/components/AssignmentWithSubmissions.vue
@ -1,33 +1,41 @@
 <template>
  <div class="assignment-with-submissions">
-    <p class="assignment-with-submissions__text">{{assignment.assignment}}</p>
+    <p class="assignment-with-submissions__text">{{ assignment.assignment }}</p>

    <div>
-      <a class="button button--primary submissions-page__back" @click="$emit('back')">Aufgabe im Modul anzeigen</a>
+      <a
+        class="button button--primary submissions-page__back"
+        @click="$emit('back')">Aufgabe im Modul anzeigen</a>
    </div>

-    <div class="assignment-with-submissions__solution" v-if="assignment.solution">
+    <div
+      class="assignment-with-submissions__solution"
+      v-if="assignment.solution">
      <h4 class="assignment-with-submissions__heading">Lösung</h4>
-      <p class="assignment-with-submissions__solution-text">{{assignment.solution}}</p>
+      <p class="assignment-with-submissions__solution-text">{{ assignment.solution }}</p>
    </div>
-    <p class="assignment-with-submissions__no-submissions" v-if="!assignment.submissions.length">Zu diesem Auftrag sind noch keine Ergebnisse vorhanden</p>
+    <p
+      class="assignment-with-submissions__no-submissions"
+      v-if="!assignment.submissions.length">Zu diesem Auftrag sind noch keine Ergebnisse vorhanden</p>

-    <div v-if="assignment.submissions.length" class="assignment-with-submissions__submissions submissions">
+    <div
+      class="assignment-with-submissions__submissions submissions"
+      v-if="assignment.submissions.length">
      <div class="submissions__header student-submission-row submission-header">
-          <p class="submission-header__title">Lernende</p>
-          <p class="submission-header__title">Ergebnisse</p>
-          <p class="submission-header__title">Feedback</p>
+        <p class="submission-header__title">Lernende</p>
+        <p class="submission-header__title">Ergebnisse</p>
+        <p class="submission-header__title">Feedback</p>
      </div>
-    <router-link
-      :to="submissionLink(submission)"
-      v-for="submission in submissions"
-      class="assignment-with-submissions__link"
-      :key="submission.id">
-      <student-submission class="assignment-with-submissions__submission"
-                          :submission="submission"
-      >
-      </student-submission>
-    </router-link>
+      <router-link
+        :to="submissionLink(submission)"
+        :key="submission.id"
+        class="assignment-with-submissions__link"
+        v-for="submission in submissions">
+        <student-submission
+          :submission="submission"
+          class="assignment-with-submissions__submission"
+        />
+      </router-link>
    </div>

  </div>
@ -45,15 +53,9 @@
      StudentSubmission
    },

-    methods: {
-      submissionLink(submission) {
-        return `/submission/${submission.id}`
-      },
-      belongsToSchool(submission) {
-        if (this.currentFilter.id === '') {
-          return true;
-        }
-        return submission.student.schoolClasses.edges.some(edge => edge.node.id === this.currentFilter.id)
+    data() {
+      return {
+        me: {}
      }
    },

@ -68,9 +70,15 @@
      },
    },

-    data() {
-      return {
-        me: {}
+    methods: {
+      submissionLink(submission) {
+        return `/submission/${submission.id}`
+      },
+      belongsToSchool(submission) {
+        if (this.currentFilter.id === '') {
+          return true;
+        }
+        return submission.student.schoolClasses.edges.some(edge => edge.node.id === this.currentFilter.id)
      }
    },

--- a/client/src/components/Chapter.vue
+++ b/client/src/components/Chapter.vue
@ -1,25 +1,30 @@
 <template>
-  <div class="chapter" :data-scrollto="chapter.id">
-    <h3 :id="'chapter-' + index">{{chapter.title}}</h3>
+  <div
+    :data-scrollto="chapter.id"
+    class="chapter">
+    <h3 :id="'chapter-' + index">{{ chapter.title }}</h3>

    <bookmark-actions
+      :bookmarked="chapter.bookmark"
+      :note="note"
      class="chapter__bookmark-actions"
      @add-note="addNote"
      @edit-note="editNote"
-      :bookmarked="chapter.bookmark"
      @bookmark="bookmark(!chapter.bookmark)"
-      :note="note"
-    ></bookmark-actions>
+    />
    <p class="chapter__description">
-      {{chapter.description}}
+      {{ chapter.description }}
    </p>

-    <add-content-button :parent="chapter" v-if="editModule"></add-content-button>
+    <add-content-button
+      :parent="chapter"
+      v-if="editModule"/>

-    <content-block :contentBlock="contentBlock"
-                   :parent="chapter.id"
-                   :key="contentBlock.id" v-for="contentBlock in filteredContentBlocks">
-    </content-block>
+    <content-block
+      :content-block="contentBlock"
+      :parent="chapter.id"
+      :key="contentBlock.id"
+      v-for="contentBlock in filteredContentBlocks"/>
  </div>
 </template>

@ -44,6 +49,12 @@
      AddContentButton
    },

+    data() {
+      return {
+        me: {}
+      }
+    },
+
    computed: {
      ...mapGetters(['editModule']),
      filteredContentBlocks() {
@ -66,12 +77,6 @@
      }
    },

-    data() {
-      return {
-        me: {}
-      }
-    },
-
    methods: {
      bookmark(bookmarked) {
        const id = this.chapter.id;
--- a/client/src/components/Checkbox.vue
+++ b/client/src/components/Checkbox.vue
@ -1,10 +1,11 @@
 <template>
-  <base-input :label="label"
-              :checked="checked"
-              :item="item"
-              v-on:input="passOn"
-              :type="'checkbox'"
-  ></base-input>
+  <base-input
+    :label="label"
+    :checked="checked"
+    :item="item"
+    :type="'checkbox'"
+    @input="passOn"
+  />
 </template>

 <script>
--- a/client/src/components/ColorChooser.vue
+++ b/client/src/components/ColorChooser.vue
@ -1,12 +1,17 @@
 <template>
  <div class="color-chooser">
-    <div v-for="(color, index) in colors"
-         :key="index"
-         class="color-chooser__color-wrapper"
-         @click="$emit('input', color.name)"
-         :class="{'color-chooser__color-wrapper--selected': selectedColor === color.name}">
-      <div class="color-chooser__color" :class="'color-chooser__color--' + color.name">
-        <tick class="color-chooser__selected-icon" v-if="selectedColor === color.name"></tick>
+    <div
+      :key="index"
+      :class="{'color-chooser__color-wrapper--selected': selectedColor === color.name}"
+      class="color-chooser__color-wrapper"
+      v-for="(color, index) in colors"
+      @click="$emit('input', color.name)">
+      <div
+        :class="'color-chooser__color--' + color.name"
+        class="color-chooser__color">
+        <tick
+          class="color-chooser__selected-icon"
+          v-if="selectedColor === color.name"/>
      </div>
    </div>
  </div>
@ -18,6 +23,10 @@
  export default {
    props: ['selected-color'],

+    components: {
+      Tick
+    },
+
    data() {
      return {
        colors: [
@ -36,10 +45,6 @@
        ]
      }
    },
-
-    components: {
-      Tick
-    }
  }
 </script>

--- a/client/src/components/ContentBlock.vue
+++ b/client/src/components/ContentBlock.vue
@ -1,9 +1,17 @@
 <template>
-  <div class="content-block__container hideable-element" :class="{'hideable-element--hidden': hidden}">
-    <div class="content-block" :class="specialClass">
-      <div class="block-actions" v-if="canEditContentBlock && editModule">
-        <user-widget :show-menu="false" v-bind="me"
-                     class="block-actions__user-widget content-block__user-widget"></user-widget>
+  <div
+    :class="{'hideable-element--hidden': hidden}"
+    class="content-block__container hideable-element">
+    <div
+      :class="specialClass"
+      class="content-block">
+      <div
+        class="block-actions"
+        v-if="canEditContentBlock && editModule">
+        <user-widget
+          :show-menu="false"
+          v-bind="me"
+          class="block-actions__user-widget content-block__user-widget"/>
        <more-options-widget>
          <li class="popover-links__link"><a @click="deleteContentBlock(contentBlock)">Löschen</a></li>
          <li class="popover-links__link"><a @click="editContentBlock(contentBlock)">Bearbeiten</a></li>
@ -11,26 +19,32 @@
      </div>
      <div class="content-block__visibility">
        <visibility-action
-          v-if="canEditModule"
-          :block="contentBlock"></visibility-action>
+          :block="contentBlock"
+          v-if="canEditModule"/>
      </div>

-      <h3 v-if="instrumentLabel !== ''" class="content-block__instrument-label">{{instrumentLabel}}</h3>
-      <h4 class="content-block__title" v-if="!contentBlock.indent">{{contentBlock.title}}</h4>
+      <h3
+        class="content-block__instrument-label"
+        v-if="instrumentLabel !== ''">{{ instrumentLabel }}</h3>
+      <h4
+        class="content-block__title"
+        v-if="!contentBlock.indent">{{ contentBlock.title }}</h4>

-      <content-component v-for="component in contentBlocksWithContentLists.contents"
-                         :key="component.id"
-                         :component="component"
-                         :root="root"
-                         :parent="contentBlock"
-                         :bookmarks="contentBlock.bookmarks"
-                         :notes="contentBlock.notes"
-      >
-      </content-component>
+      <content-component
+        :key="component.id"
+        :component="component"
+        :root="root"
+        :parent="contentBlock"
+        :bookmarks="contentBlock.bookmarks"
+        :notes="contentBlock.notes"
+        v-for="component in contentBlocksWithContentLists.contents"
+      />

    </div>

-    <add-content-button :after="contentBlock" v-if="canEditModule"></add-content-button>
+    <add-content-button
+      :after="contentBlock"
+      v-if="canEditModule"/>

  </div>

@ -60,8 +74,8 @@
  };

  export default {
+    name: 'ContentBlock',
    props: ['contentBlock', 'parent'],
-    name: 'content-block',

    components: {
      ContentComponent,
@ -71,6 +85,13 @@
      UserWidget
    },

+    data() {
+      return {
+        showVisibility: false,
+        me: {}
+      }
+    },
+
    computed: {
      ...mapGetters(['editModule']),
      canEditModule() {
@ -154,7 +175,6 @@
        return this.contentBlock.root ? this.contentBlock.root : this.contentBlock.id;
      }
    },
-
    methods: {
      editContentBlock(contentBlock) {
        this.$store.dispatch('editContentBlock', contentBlock.id);
@ -216,12 +236,6 @@
        return [...content.slice(0, listIndex), ...content[listIndex].contents[0].value, ...content.slice(listIndex + 1)];
      }
    },
-    data() {
-      return {
-        showVisibility: false,
-        me: {}
-      }
-    },

    apollo: {
      me: meQuery
--- a/client/src/components/FullscreenImage.vue
+++ b/client/src/components/FullscreenImage.vue
@ -1,6 +1,11 @@
 <template>
-  <modal class="fullscreen-image" :hide-header="true" :fullscreen="true">
-    <img class="fullscreen-image__image" :src="imageUrl">
+  <modal
+    :hide-header="true"
+    :fullscreen="true"
+    class="fullscreen-image">
+    <img
+      :src="imageUrl"
+      class="fullscreen-image__image">
  </modal>

 </template>
--- a/client/src/components/FullscreenInfographic.vue
+++ b/client/src/components/FullscreenInfographic.vue
@ -1,6 +1,8 @@
 <template>
  <modal :fullscreen="true">
-    <component :is="type" :value="value"></component>
+    <component
+      :is="type"
+      :value="value"/>
  </modal>
 </template>

--- a/client/src/components/FullscreenVideo.vue
+++ b/client/src/components/FullscreenVideo.vue
@ -1,11 +1,17 @@
 <template>
-  <modal class="fullscreen-video" :hide-header="true" :fullscreen="true">
-    <iframe :src="src"
-            width="2000"
-            height="1000"
-            class="fullscreen-video__embed"
-            frameborder="0" webkitallowfullscreen
-            mozallowfullscreen allowfullscreen></iframe>
+  <modal
+    :hide-header="true"
+    :fullscreen="true"
+    class="fullscreen-video">
+    <iframe
+      :src="src"
+      width="2000"
+      height="1000"
+      class="fullscreen-video__embed"
+      frameborder="0"
+      webkitallowfullscreen
+      mozallowfullscreen
+      allowfullscreen/>
  </modal>

 </template>
--- a/client/src/components/HeaderBar.vue
+++ b/client/src/components/HeaderBar.vue
@ -1,18 +1,24 @@
 <template>
  <header class="header-bar">
-    <content-navigation></content-navigation>
-    <router-link to="/" class="header-bar__logo" data-cy="home-link">
-      <logo class="header-bar__logo-icon"></logo>
+    <content-navigation/>
+    <router-link
+      to="/"
+      class="header-bar__logo"
+      data-cy="home-link">
+      <logo class="header-bar__logo-icon"/>
    </router-link>
    <div class="user-header">
-      <a class="user-header__sidebar-link" @click="openSidebar()">
+      <a
+        class="user-header__sidebar-link"
+        @click="openSidebar()">
        <current-class class="user-header__current-class"/>
      </a>

-      <user-widget data-cy="header-user-widget" v-bind="me"></user-widget>
+      <user-widget
+        v-bind="me"
+        data-cy="header-user-widget"/>
    </div>
-    <book-navigation v-if="showSubnavigation">
-    </book-navigation>
+    <book-navigation v-if="showSubnavigation"/>
  </header>
 </template>

--- a/client/src/components/HelpfulTooltip.vue
+++ b/client/src/components/HelpfulTooltip.vue
@ -1,9 +1,9 @@
 <template>
  <div class="helpful-tooltip">
-    <info-icon class="helpful-tooltip__icon"></info-icon>
+    <info-icon class="helpful-tooltip__icon"/>
    <div class="helpful-tooltip__tooltip">
      <div class="helpful-tooltip__text">
-        {{text}}
+        {{ text }}
      </div>
    </div>
  </div>
--- a/client/src/components/LogoutWidget.vue
+++ b/client/src/components/LogoutWidget.vue
@ -1,6 +1,9 @@
 <template>
  <div class="logout-widget">
-    <a class="logout-widget__logout" data-cy="logout" @click="logout()">Logout</a>
+    <a
+      class="logout-widget__logout"
+      data-cy="logout"
+      @click="logout()">Logout</a>
  </div>
 </template>

--- a/client/src/components/MobileHeader.vue
+++ b/client/src/components/MobileHeader.vue
@ -1,14 +1,16 @@
 <template>
  <div class="mobile-header">
    <a @click="showMobileNavigation">
-      <hamburger class="mobile-header__hamburger"></hamburger>
+      <hamburger class="mobile-header__hamburger"/>
    </a>

-    <router-link to="/" data-cy="mobile-home-link">
-      <logo></logo>
+    <router-link
+      to="/"
+      data-cy="mobile-home-link">
+      <logo/>
    </router-link>

-    <user-widget v-bind="me"></user-widget>
+    <user-widget v-bind="me"/>
  </div>
 </template>

--- a/client/src/components/Modal.vue
+++ b/client/src/components/Modal.vue
@ -1,20 +1,25 @@
 <template>
  <div class="modal__backdrop">
-    <div class="modal"
-         :class="{'modal--hide-header': hideHeader || fullscreen, 'modal--fullscreen': fullscreen, 'modal--small': small}">
+    <div
+      :class="{'modal--hide-header': hideHeader || fullscreen, 'modal--fullscreen': fullscreen, 'modal--small': small}"
+      class="modal">
      <div class="modal__header">
-        <slot name="header"></slot>
+        <slot name="header"/>
      </div>
      <div class="modal__body">
-        <slot></slot>
-        <div class="modal__close-button" @click="hideModal">
-          <cross class="modal__close-icon"></cross>
+        <slot/>
+        <div
+          class="modal__close-button"
+          @click="hideModal">
+          <cross class="modal__close-icon"/>
        </div>
      </div>
      <div class="modal__footer">
        <slot name="footer">
          <!--<a class="button button&#45;&#45;active">Speichern</a>-->
-          <a class="button" v-on:click="hideModal">Abbrechen</a>
+          <a
+            class="button"
+            @click="hideModal">Abbrechen</a>
        </slot>
      </div>
    </div>
--- a/client/src/components/ModalInput.vue
+++ b/client/src/components/ModalInput.vue
@ -1,11 +1,14 @@
 <template>
  <div class="modal-input">
-    <input :placeholder="placeholder"
-           class="modal-input__inputfield skillbox-input"
-           :class="{'skillbox-input--error': error}"
-           :value="value"
-           v-on:input="$emit('input', $event.target.value)">
-    <div class="modal-input__error" v-if="error">
+    <input
+      :placeholder="placeholder"
+      :class="{'skillbox-input--error': error}"
+      :value="value"
+      class="modal-input__inputfield skillbox-input"
+      @input="$emit('input', $event.target.value)">
+    <div
+      class="modal-input__error"
+      v-if="error">
      Für Inhaltsblöcke muss zwingend ein Titel erfasst werden.
    </div>
  </div>
--- a/client/src/components/MoreOptionsWidget.vue
+++ b/client/src/components/MoreOptionsWidget.vue
@ -1,12 +1,15 @@
 <template>
  <div class="more-options">
-    <a @click="showMenu = !showMenu" class="more-options__more-link">
-      <ellipses class="more-options__ellipses"></ellipses>
+    <a
+      class="more-options__more-link"
+      @click="showMenu = !showMenu">
+      <ellipses class="more-options__ellipses"/>
    </a>
-    <widget-popover @hide-me="showMenu = false"
-                    class="more-options__popover"
-                    v-if="showMenu">
-      <slot></slot>
+    <widget-popover
+      class="more-options__popover"
+      v-if="showMenu"
+      @hide-me="showMenu = false">
+      <slot/>
    </widget-popover>
  </div>
 </template>
--- a/client/src/components/NewsTeaser.vue
+++ b/client/src/components/NewsTeaser.vue
@ -1,10 +1,16 @@
 <template>
  <div class="news-teaser">
    <h4 class="small-emph">
-      <a :href="url" target="_blank" class="teaser__title">{{title}}</a>
+      <a
+        :href="url"
+        target="_blank"
+        class="teaser__title">{{ title }}</a>
    </h4>
-    <a :href="url" target="_blank" class="teaser__date">
-      {{date}}
+    <a
+      :href="url"
+      target="_blank"
+      class="teaser__date">
+      {{ date }}
    </a>
  </div>
 </template>
--- a/client/src/components/Radiobutton.vue
+++ b/client/src/components/Radiobutton.vue
@ -1,10 +1,11 @@
 <template>
-  <base-input :label="label"
-              :checked="checked"
-              :item="item"
-              v-on:input="passOn"
-              :type="'radiobutton'"
-  ></base-input>
+  <base-input
+    :label="label"
+    :checked="checked"
+    :item="item"
+    :type="'radiobutton'"
+    @input="passOn"
+  />
 </template>

 <script>
--- a/client/src/components/SectionBlock.vue
+++ b/client/src/components/SectionBlock.vue
@ -1,20 +1,31 @@
 <template>
  <div class="section-block">
-    <div class="section-block__illustration" @click="navigate()" :class="{'section-block--navigatable': route}">
-      <slot></slot>
+    <div
+      :class="{'section-block--navigatable': route}"
+      class="section-block__illustration"
+      @click="navigate()">
+      <slot/>
    </div>

-    <div class="section-block__title block-title" @click="navigate()" :class="{'section-block--navigatable': route}">
-      <h2 class="block-title__title">{{title}}</h2>
-      <h3 class="block-title__subtitle small-emph">{{subtitle}}</h3>
+    <div
+      :class="{'section-block--navigatable': route}"
+      class="section-block__title block-title"
+      @click="navigate()">
+      <h2 class="block-title__title">{{ title }}</h2>
+      <h3 class="block-title__subtitle small-emph">{{ subtitle }}</h3>
    </div>
    <div class="section-block__content section-content">
      <div class="section-content__subsection subsection">
-        <a class="subsection__content button button--primary" v-if="route" @click="navigate()"
-           :class="{'section-block--navigatable': route}">
-          {{linkText}}
+        <a
+          :class="{'section-block--navigatable': route}"
+          class="subsection__content button button--primary"
+          v-if="route"
+          @click="navigate()">
+          {{ linkText }}
        </a>
-        <span class="subsection__content subsection__content--disabled" v-if="!route">Noch nicht verfügbar</span>
+        <span
+          class="subsection__content subsection__content--disabled"
+          v-if="!route">Noch nicht verfügbar</span>
      </div>
    </div>
  </div>
--- a/client/src/components/SimpleFileUpload.vue
+++ b/client/src/components/SimpleFileUpload.vue
@ -1,9 +1,17 @@
 <template>
  <div class="simple-file-upload">
-    <a class="simple-file-upload__link" @click="clickUploadCare" v-if="!value">
-      <document-icon class="simple-file-upload__icon"></document-icon>
+    <a
+      class="simple-file-upload__link"
+      v-if="!value"
+      @click="clickUploadCare">
+      <document-icon class="simple-file-upload__icon"/>
    </a>
-    <input type="hidden" ref="uploadcare-filedialog" role="uploadcare-uploader" name="file-upload" data-system-dialog/>
+    <input
+      type="hidden"
+      role="uploadcare-uploader"
+      name="file-upload"
+      data-system-dialog
+      ref="uploadcare-filedialog">
  </div>
 </template>

@ -19,14 +27,6 @@
      DocumentIcon
    },

-    methods: {
-      clickUploadCare() {
-        // workaround for styling the uploadcare widget
-        let button = this.$el.querySelector('.uploadcare--widget__button');
-        button.click();
-      }
-    },
-
    mounted() {
      let widget = uploadcareWidget.Widget('[role=uploadcare-uploader]');

@ -36,7 +36,15 @@
          this.$emit('link-change-url', urlWithFilename);
        });
      });
-    }
+    },
+
+    methods: {
+      clickUploadCare() {
+        // workaround for styling the uploadcare widget
+        let button = this.$el.querySelector('.uploadcare--widget__button');
+        button.click();
+      }
+    },
  }
 </script>

--- a/client/src/components/StudentSubmission.vue
+++ b/client/src/components/StudentSubmission.vue
@ -1,16 +1,24 @@
 <template>
  <div class="student-submission student-submission-row">
    <div class="student-submission__student-name">
-      {{name}}
+      {{ name }}
    </div>
    <div class="student-submission__entry entry">
-      <p>{{submission.text | trimToLength(50)}}</p>
-      <p v-if="submission.document && submission.document.length > 0" class="entry__document">
-          <student-submission-document :document="submission.document" class="entry-document"></student-submission-document>
+      <p>{{ submission.text | trimToLength(50) }}</p>
+      <p
+        class="entry__document"
+        v-if="submission.document && submission.document.length > 0">
+        <student-submission-document
+          :document="submission.document"
+          class="entry-document"/>
      </p>
    </div>
-    <div class="student-submission__feedback entry" v-if="submission.submissionFeedback">
-      <p class="entry__text" :class="{'entry__text--final': submission.submissionFeedback.final}">{{submission.submissionFeedback.text | trimToLength(50)}}</p>
+    <div
+      class="student-submission__feedback entry"
+      v-if="submission.submissionFeedback">
+      <p
+        :class="{'entry__text--final': submission.submissionFeedback.final}"
+        class="entry__text">{{ submission.submissionFeedback.text | trimToLength(50) }}</p>
    </div>
  </div>
 </template>
@ -23,13 +31,6 @@
    components: {
      StudentSubmissionDocument
    },
-
-    computed: {
-      name() {
-        return this.submission && this.submission.student
-          ? `${this.submission.student.firstName} ${this.submission.student.lastName}` : '';
-      },
-    },
    filters: {
      trimToLength: function(text, numberOfChars) {
        if (!text) {
@ -44,7 +45,14 @@
        }
        return `${text.substring(0, index)}…`;
      }
-    }
+    },
+
+    computed: {
+      name() {
+        return this.submission && this.submission.student
+          ? `${this.submission.student.firstName} ${this.submission.student.lastName}` : '';
+      },
+    },
  }
 </script>

--- a/client/src/components/StudentSubmissionDocument.vue
+++ b/client/src/components/StudentSubmissionDocument.vue
@ -1,8 +1,10 @@
 <template>
  <div class="submission-document">
-      <p v-if="document && document.length > 0" class="submission-document__content content">
-          <document-icon class="content__icon"></document-icon><span class="content__text">{{filename}}</span>
-      </p>
+    <p
+      class="submission-document__content content"
+      v-if="document && document.length > 0">
+      <document-icon class="content__icon"/><span class="content__text">{{ filename }}</span>
+    </p>
  </div>
 </template>

@ -12,8 +14,8 @@
  import filenameFromUrl from '@/helpers/urls';

  export default {
+    name: 'StudentSubmissionDocument',
    props: ['document'],
-    name: 'student-submission-document',
    components: { DocumentIcon },

    computed: {
--- a/client/src/components/UserMetaWidget.vue
+++ b/client/src/components/UserMetaWidget.vue
@ -1,11 +1,13 @@
 <template>
-    <div class="user-widget">
-      <div class="user-widget__avatar">
-        <avatar :avatar-url="avatarUrl" />
-      </div>
-      <span class="user-widget__name">{{firstName}} {{lastName}}</span>
-      <span class="user-widget__date" v-if="date">{{date}}</span>
+  <div class="user-widget">
+    <div class="user-widget__avatar">
+      <avatar :avatar-url="avatarUrl" />
    </div>
+    <span class="user-widget__name">{{ firstName }} {{ lastName }}</span>
+    <span
+      class="user-widget__date"
+      v-if="date">{{ date }}</span>
+  </div>
 </template>

 <script>
--- a/client/src/components/UserWidget.vue
+++ b/client/src/components/UserWidget.vue
@ -1,7 +1,14 @@
 <template>
-  <div class="user-widget" :class="{'user-widget--is-profile': isProfile}">
-    <div class="user-widget__avatar" data-cy="user-widget-avatar" @click="openSidebar()">
-      <avatar :avatar-url="avatarUrl" :icon-highlighted="isProfile"/>
+  <div
+    :class="{'user-widget--is-profile': isProfile}"
+    class="user-widget">
+    <div
+      class="user-widget__avatar"
+      data-cy="user-widget-avatar"
+      @click="openSidebar()">
+      <avatar
+        :avatar-url="avatarUrl"
+        :icon-highlighted="isProfile"/>
    </div>
  </div>
 </template>
--- a/client/src/components/WidgetFooter.vue
+++ b/client/src/components/WidgetFooter.vue
@ -1,6 +1,6 @@
 <template>
  <div class="widget-footer">
-    <slot></slot>
+    <slot/>
  </div>
 </template>

--- a/client/src/components/WidgetPopover.vue
+++ b/client/src/components/WidgetPopover.vue
@ -1,7 +1,10 @@
 <template>
-  <div class="widget-popover" v-click-outside="hidePopover" :class="{'widget-popover--mobile': mobile}">
+  <div
+    v-click-outside="hidePopover"
+    :class="{'widget-popover--mobile': mobile}"
+    class="widget-popover">
    <ul class="widget-popover__links popover-links">
-        <slot></slot>
+      <slot/>
    </ul>
  </div>
 </template>
--- a/client/src/components/book-navigation/BookNavigation.vue
+++ b/client/src/components/book-navigation/BookNavigation.vue
@ -1,10 +1,13 @@
 <template>
  <aside class="sub-navigation">
    <sub-navigation-item title="Themen">
-      <book-topic-navigation></book-topic-navigation>
+      <book-topic-navigation/>
    </sub-navigation-item>
-    <router-link :to="{name: 'instrument-overview'}" activeClass="sub-navigation-item--active" class="sub-navigation-item">
-      <span  class="sub-navigation-item__title">Instrumente</span>
+    <router-link
+      :to="{name: 'instrument-overview'}"
+      active-class="sub-navigation-item--active"
+      class="sub-navigation-item">
+      <span class="sub-navigation-item__title">Instrumente</span>
    </router-link>

    <!--<sub-navigation-item title="News">-->
--- a/client/src/components/book-navigation/BookTopicNavigation.vue
+++ b/client/src/components/book-navigation/BookTopicNavigation.vue
@ -1,14 +1,15 @@
 <template>
  <nav class="book-topics">
-    <router-link :to="{name: 'topic', params: {topicSlug: topic.slug}}"
-                 @click.native="hideMobileNavigation"
-                 tag="div"
-                 class="book-topics__topic book-subnavigation__item"
-                 :class="{'book-topics__topic--active': topic.active, 'book-subnavigation__item--mobile': mobile}"
-                 v-for="topic in topics"
-                 :key="topic.id">
-      {{topic.order}}.
-      {{topic.title}}
+    <router-link
+      :to="{name: 'topic', params: {topicSlug: topic.slug}}"
+      :class="{'book-topics__topic--active': topic.active, 'book-subnavigation__item--mobile': mobile}"
+      :key="topic.id"
+      tag="div"
+      class="book-topics__topic book-subnavigation__item"
+      v-for="topic in topics"
+      @click.native="hideMobileNavigation">
+      {{ topic.order }}.
+      {{ topic.title }}
    </router-link>
  </nav>
 </template>
--- a/client/src/components/book-navigation/ContentNavigation.vue
+++ b/client/src/components/book-navigation/ContentNavigation.vue
@ -1,25 +1,35 @@
 <template>
-  <nav class="top-navigation" :class="{'top-navigation--mobile': mobile}">
+  <nav
+    :class="{'top-navigation--mobile': mobile}"
+    class="top-navigation">
    <div class="top-navigation__item">
-      <router-link to="/book/topic/berufliche-grundbildung" active-class="top-navigation__link--active"
-                   :class="{'top-navigation__link--active': isActive('book')}"
-                   @click.native="hideMobileNavigation"
-                   class="top-navigation__link">Inhalte
+      <router-link
+        :class="{'top-navigation__link--active': isActive('book')}"
+        to="/book/topic/berufliche-grundbildung"
+        active-class="top-navigation__link--active"
+        class="top-navigation__link"
+        @click.native="hideMobileNavigation">Inhalte
      </router-link>

-      <mobile-subnavigation v-if="mobile"></mobile-subnavigation>
+      <mobile-subnavigation v-if="mobile"/>

    </div>

    <div class="top-navigation__item">
-      <router-link to="/rooms" active-class="top-navigation__link--active" @click.native="hideMobileNavigation"
-                   class="top-navigation__link">Räume
+      <router-link
+        to="/rooms"
+        active-class="top-navigation__link--active"
+        class="top-navigation__link"
+        @click.native="hideMobileNavigation">Räume
      </router-link>
    </div>

    <div class="top-navigation__item">
-      <router-link to="/portfolio" active-class="top-navigation__link--active" @click.native="hideMobileNavigation"
-                   class="top-navigation__link">Portfolio
+      <router-link
+        to="/portfolio"
+        active-class="top-navigation__link--active"
+        class="top-navigation__link"
+        @click.native="hideMobileNavigation">Portfolio
      </router-link>
    </div>

--- a/client/src/components/book-navigation/MobileNavigation.vue
+++ b/client/src/components/book-navigation/MobileNavigation.vue
@ -1,8 +1,12 @@
 <template>
  <div class="mobile-navigation">
-    <content-navigation class="mobile-navigation__main" :mobile="true"></content-navigation>
-    <div class="mobile-navigation__close-button" @click="hideMobileNavigation">
-      <cross class="mobile-navigation__close-icon"></cross>
+    <content-navigation
+      :mobile="true"
+      class="mobile-navigation__main"/>
+    <div
+      class="mobile-navigation__close-button"
+      @click="hideMobileNavigation">
+      <cross class="mobile-navigation__close-icon"/>
    </div>
  </div>
 </template>
@ -19,6 +23,12 @@
      Cross
    },

+    data() {
+      return {
+        me: {}
+      }
+    },
+
    methods: {
      hideMobileNavigation() {
        this.$store.dispatch('showMobileNavigation', false);
@ -28,12 +38,6 @@
    apollo: {
      me: meQuery
    },
-
-    data() {
-      return {
-        me: {}
-      }
-    }
  }
 </script>

--- a/client/src/components/book-navigation/MobileSubnavigation.vue
+++ b/client/src/components/book-navigation/MobileSubnavigation.vue
@ -2,11 +2,13 @@
  <div class="mobile-subnavigation">
    <div class="mobile-subnavigation__section">
      <h3 class="mobile-subnavigation__title">Themen</h3>
-      <book-topic-navigation :mobile="true"></book-topic-navigation>
+      <book-topic-navigation :mobile="true"/>
    </div>

    <div class="mobile-subnavigation__section">
-      <router-link :to="{name: 'instrument-overview'}" class="sub-navigation-item book-subnavigation">
+      <router-link
+        :to="{name: 'instrument-overview'}"
+        class="sub-navigation-item book-subnavigation">
        <span class="sub-navigation-item__title book-subnavigation__item--mobile book-subnavigation__item">
          Instrumente
        </span>
--- a/client/src/components/book-navigation/SubNavigationItem.vue
+++ b/client/src/components/book-navigation/SubNavigationItem.vue
@ -1,12 +1,19 @@
 <template>
-  <div class="sub-navigation-item" :class="{ 'sub-navigation-item--active': show}" v-click-outside="close">
-    <div class="sub-navigation-item__title" @click="show = !show">
-      {{title}}
-      <chevron-down class="sub-navigation-item__icon sub-navigation-item__chevron-down"></chevron-down>
-      <chevron-up class="sub-navigation-item__icon sub-navigation-item__chevron-up"></chevron-up>
+  <div
+    :class="{ 'sub-navigation-item--active': show}"
+    v-click-outside="close"
+    class="sub-navigation-item">
+    <div
+      class="sub-navigation-item__title"
+      @click="show = !show">
+      {{ title }}
+      <chevron-down class="sub-navigation-item__icon sub-navigation-item__chevron-down"/>
+      <chevron-up class="sub-navigation-item__icon sub-navigation-item__chevron-up"/>
    </div>
-    <div class="sub-navigation-item__nav-items book-subnavigation" v-if="show">
-      <slot></slot>
+    <div
+      class="sub-navigation-item__nav-items book-subnavigation"
+      v-if="show">
+      <slot/>
    </div>
  </div>
 </template>
--- a/client/src/components/content-block-form/ContentsForm.vue
+++ b/client/src/components/content-block-form/ContentsForm.vue
@ -1,65 +1,80 @@
 <template>
  <modal>
    <template slot="header">
-      <modal-input v-on:input="updateTitle"
-                   :placeholder="titlePlaceholder"
-                   :value="localContentBlock.title"
-                   :error="error"
-                   data-cy="modal-title-input"
-      ></modal-input>
-      <checkbox v-if="taskSelection"
-                :checked="localContentBlock.isAssignment"
-                :item="localContentBlock"
-                :label="'Auftrag'"
-                @input="setContentBlockType"
-                class="contents-form__task"
-      ></checkbox>
+      <modal-input
+        :placeholder="titlePlaceholder"
+        :value="localContentBlock.title"
+        :error="error"
+        data-cy="modal-title-input"
+        @input="updateTitle"
+      />
+      <checkbox
+        :checked="localContentBlock.isAssignment"
+        :item="localContentBlock"
+        :label="'Auftrag'"
+        class="contents-form__task"
+        v-if="taskSelection"
+        @input="setContentBlockType"
+      />
    </template>

-    <add-content-element class="contents-form__add"
-                         v-on:add-element="addElement"
-                         :index="-1"
-    ></add-content-element>
-    <div v-for="(element, index) in localContentBlock.contents" :key="index" class="contents-form__element">
+    <add-content-element
+      :index="-1"
+      class="contents-form__add"
+      @add-element="addElement"
+    />
+    <div
+      :key="index"
+      class="contents-form__element"
+      v-for="(element, index) in localContentBlock.contents">
      <component
-        class="contents-form__element-component"
        :is="type(element)"
        :class="{'contents-form__chooser': type(element) === 'content-block-element-chooser-widget'}"
-        v-bind="element" :index="index"
-        v-on:change-type="changeType"
+        v-bind="element"
+        :index="index"
+        class="contents-form__element-component"
+        @change-type="changeType"

-        v-on:link-change-url="changeLinkUrl"
-        v-on:link-change-text="changeLinkText"
+        @link-change-url="changeLinkUrl"
+        @link-change-text="changeLinkText"

-        v-on:text-change-value="changeTextValue"
+        @text-change-value="changeTextValue"

-        v-on:document-change-url="changeDocumentUrl"
+        @document-change-url="changeDocumentUrl"

-        v-on:image-change-url="changeImageUrl"
+        @image-change-url="changeImageUrl"

-        v-on:video-change-url="changeVideoUrl"
+        @video-change-url="changeVideoUrl"

        @switch-to-document="switchToDocument"

-        v-on:assignment-change-title="changeAssignmentTitle"
-        v-on:assignment-change-assignment="changeAssignmentAssignment"
-      >
-      </component>
-      <a class="contents-form__remove icon-button" @click="removeElement(index)">
-        <trash-icon v-if="type(element) !== 'content-block-element-chooser-widget'"
-                    class="contents-form__trash-icon icon-button__icon"></trash-icon>
+        @assignment-change-title="changeAssignmentTitle"
+        @assignment-change-assignment="changeAssignmentAssignment"
+      />
+      <a
+        class="contents-form__remove icon-button"
+        @click="removeElement(index)">
+        <trash-icon
+          class="contents-form__trash-icon icon-button__icon"
+          v-if="type(element) !== 'content-block-element-chooser-widget'"/>
      </a>

-      <add-content-element class="contents-form__add"
-                           v-on:add-element="addElement"
-                           :index="index"
-      ></add-content-element>
+      <add-content-element
+        :index="index"
+        class="contents-form__add"
+        @add-element="addElement"
+      />
    </div>

    <div slot="footer">
-      <a class="button button--primary" data-cy="modal-save-button" :class="{'button--disabled': disableSave}"
-         v-on:click="save">Speichern</a>
-      <a class="button" v-on:click="$emit('hide')">Abbrechen</a>
+      <a
+        :class="{'button--disabled': disableSave}"
+        class="button button--primary"
+        data-cy="modal-save-button"
+        @click="save">Speichern</a>
+      <a
+        class="button"
+        @click="$emit('hide')">Abbrechen</a>
    </div>
  </modal>
 </template>
--- a/client/src/components/content-block-form/EditContentBlockWizard.vue
+++ b/client/src/components/content-block-form/EditContentBlockWizard.vue
@ -4,7 +4,7 @@
    :show-task-selection="true"
    @save="saveContentBlock"
    @hide="hideModal"
-  ></contents-form>
+  />
 </template>

 <script>
@ -22,6 +22,16 @@
      ContentsForm
    },

+    data() {
+      return {
+        contentBlock: {}
+      }
+    },
+
+    created() {
+      // debugger;
+    },
+
    methods: {
      hideModal() {
        this.$store.dispatch('resetCurrentNoteBlock');
@ -52,16 +62,6 @@
      }
    },

-    created() {
-      // debugger;
-    },
-
-    data() {
-      return {
-        contentBlock: {}
-      }
-    },
-
    apollo: {
      contentBlock() {
        return {
--- a/client/src/components/content-block-form/NewContentBlockWizard.vue
+++ b/client/src/components/content-block-form/NewContentBlockWizard.vue
@ -2,10 +2,10 @@
  <contents-form
    :content-block="contentBlock"
    :show-task-selection="true"
+    :disable-save="saving"
    @save="saveContentBlock"
    @hide="hideModal"
-    :disable-save="saving"
-  ></contents-form>
+  />
 </template>

 <script>
@ -20,6 +20,18 @@
      ContentsForm
    },

+    data() {
+      return {
+        contentBlock: {
+          title: '',
+          contents: [
+            {}
+          ]
+        },
+        saving: false
+      }
+    },
+
    methods: {
      hideModal() {
        this.$store.dispatch('resetContentBlockPosition');
@ -52,17 +64,5 @@
        });
      }
    },
-
-    data() {
-      return {
-        contentBlock: {
-          title: '',
-          contents: [
-            {}
-          ]
-        },
-        saving: false
-      }
-    }
  }
 </script>
--- a/client/src/components/content-blocks/ContentComponent.vue
+++ b/client/src/components/content-blocks/ContentComponent.vue
@ -1,20 +1,20 @@
 <template>
-  <div class="content-component"
-       :class="{'content-component--bookmarked': bookmarked}"
-       :data-scrollto="component.id">
+  <div
+    :class="{'content-component--bookmarked': bookmarked}"
+    :data-scrollto="component.id"
+    class="content-component">
    <bookmark-actions
+      :bookmarked="bookmarked"
+      :note="note"
      v-if="showBookmarkActions"
      @add-note="addNote(component.id)"
      @edit-note="editNote"
-      @bookmark="bookmarkContent(component.id, !bookmarked)"
-      :bookmarked="bookmarked"
-      :note="note"></bookmark-actions>
+      @bookmark="bookmarkContent(component.id, !bookmarked)"/>
    <component
      :is="component.type"
      v-bind="component"
      :parent="parent"
-    >
-    </component>
+    />
  </div>
 </template>

--- a/client/src/components/content-blocks/ContentListBlock.vue
+++ b/client/src/components/content-blocks/ContentListBlock.vue
@ -2,14 +2,15 @@
  <div class="content-list-block__container">
    <div class="content-list-wrapper">
      <ol class="content-list">
-        <li class="content-list__item contentlist-item"
-            :key="contentBlock.id"
-            v-for="(contentBlock, index) in contentBlocks">
-          <p class="content-list__numbering">{{alphaIndex(index)}})</p>
+        <li
+          :key="contentBlock.id"
+          class="content-list__item contentlist-item"
+          v-for="(contentBlock, index) in contentBlocks">
+          <p class="content-list__numbering">{{ alphaIndex(index) }})</p>
          <content-block
-            :contentBlock="contentBlock"
+            :content-block="contentBlock"
            :parent="parent"
-          ></content-block>
+          />
        </li>
      </ol>
    </div>
@ -22,20 +23,14 @@
  const lowerAsciiA = 97;

  export default {
+    name: 'ContentBlockList',
    props: ['contents', 'parent', 'startingIndex'],
-    name: 'content-block-list',

    components: {
      // https://vuejs.org/v2/guide/components-edge-cases.html#Circular-References-Between-Components
      ContentBlock: () => import('@/components/ContentBlock')
    },

-    methods: {
-      alphaIndex(index) {
-        return String.fromCharCode(lowerAsciiA + this.startingIndex + index);
-      }
-    },
-
    computed: {
      contentBlocks() {
        return this.contents.map(contentBlock => {
@ -48,7 +43,13 @@
          })
        });
      }
-    }
+    },
+
+    methods: {
+      alphaIndex(index) {
+        return String.fromCharCode(lowerAsciiA + this.startingIndex + index);
+      }
+    },
 }
 </script>

--- a/client/src/components/content-blocks/DocumentBlock.vue
+++ b/client/src/components/content-blocks/DocumentBlock.vue
@ -1,9 +1,15 @@
 <template>
  <div class="document-block">
-    <document-icon class="document-block__icon"></document-icon>
-    <a :href="value.url" class="document-block__link" target="_blank">{{urlName}}</a>
-    <a v-if="showTrashIcon" class="document-block__remove" v-on:click="$emit('trash')">
-      <trash-icon class="document-block__trash-icon"></trash-icon>
+    <document-icon class="document-block__icon"/>
+    <a
+      :href="value.url"
+      class="document-block__link"
+      target="_blank">{{ urlName }}</a>
+    <a
+      class="document-block__remove"
+      v-if="showTrashIcon"
+      @click="$emit('trash')">
+      <trash-icon class="document-block__trash-icon"/>
    </a>
  </div>
 </template>
--- a/client/src/components/content-blocks/GeniallyBlock.vue
+++ b/client/src/components/content-blocks/GeniallyBlock.vue
@ -1,16 +1,17 @@
 <template>
  <div class="genially-block">
    <div class="genially-block__wrapper">
-      <iframe class="genially-block__iframe"
-              frameborder="0"
-              width="800px"
-              height="600px"
-              :src="src"
-              type="text/html"
-              allowscriptaccess="always"
-              allowfullscreen="true"
-              scrolling="yes"
-              allownetworking="all"></iframe>
+      <iframe
+        :src="src"
+        class="genially-block__iframe"
+        frameborder="0"
+        width="800px"
+        height="600px"
+        type="text/html"
+        allowscriptaccess="always"
+        allowfullscreen="true"
+        scrolling="yes"
+        allownetworking="all"/>
    </div>
  </div>
 </template>
--- a/client/src/components/content-blocks/ImageBlock.vue
+++ b/client/src/components/content-blocks/ImageBlock.vue
@ -1,5 +1,9 @@
 <template>
-  <img :src="value.path" alt="" class="image-block" @click="openFullscreen">
+  <img
+    :src="value.path"
+    alt=""
+    class="image-block"
+    @click="openFullscreen">
 </template>

 <script>
--- a/client/src/components/content-blocks/ImageUrlBlock.vue
+++ b/client/src/components/content-blocks/ImageUrlBlock.vue
@ -1,5 +1,9 @@
 <template>
-  <img :src="value.url" alt="" class="image-block" @click="openFullscreen">
+  <img
+    :src="value.url"
+    alt=""
+    class="image-block"
+    @click="openFullscreen">
 </template>

 <script>
--- a/client/src/components/content-blocks/InfogramBlock.vue
+++ b/client/src/components/content-blocks/InfogramBlock.vue
@ -1,8 +1,13 @@
 <template>
  <div class="infogram-block">
-    <iframe class="infogram-block__iframe" :src="src"
-            :title="title"
-            :height="height" scrolling="no" frameborder="0" style="border:none;"></iframe>
+    <iframe
+      :src="src"
+      :title="title"
+      :height="height"
+      class="infogram-block__iframe"
+      scrolling="no"
+      frameborder="0"
+      style="border:none;"/>
  </div>
 </template>

@ -10,6 +15,27 @@
  export default {
    props: ['value'],

+    data() {
+      return {
+        height: 0
+      }
+    },
+
+    computed: {
+      src() {
+        return `https://e.infogram.com/${this.id}?src=embed`;
+      },
+      href() {
+        return `https://infogram.com/${this.id}`
+      },
+      id() {
+        return this.value.id;
+      },
+      title() {
+        return this.value.title || 'Infografik'
+      }
+    },
+
    mounted() {
      // from https://developers.infogr.am/oembed/
      window.addEventListener('message', event => {
@ -32,27 +58,6 @@
        });
      }
    },
-
-    computed: {
-      src() {
-        return `https://e.infogram.com/${this.id}?src=embed`;
-      },
-      href() {
-        return `https://infogram.com/${this.id}`
-      },
-      id() {
-        return this.value.id;
-      },
-      title() {
-        return this.value.title || 'Infografik'
-      }
-    },
-
-    data() {
-      return {
-        height: 0
-      }
-    }
  }
 </script>

--- a/client/src/components/content-blocks/Instruction.vue
+++ b/client/src/components/content-blocks/Instruction.vue
@ -1,7 +1,11 @@
 <template>
-  <div class="instruction" v-if="me.isTeacher">
-    <bulb-icon class="instruction__icon"></bulb-icon>
-    <a class="instruction__link" :href="value.url">{{text}}</a>
+  <div
+    class="instruction"
+    v-if="me.isTeacher">
+    <bulb-icon class="instruction__icon"/>
+    <a
+      :href="value.url"
+      class="instruction__link">{{ text }}</a>
  </div>
 </template>

--- a/client/src/components/content-blocks/InstrumentWidget.vue
+++ b/client/src/components/content-blocks/InstrumentWidget.vue
@ -1,8 +1,12 @@
 <template>
  <div class="instrument-widget">
-    <div class="instrument-widget__description" v-html="value.description"></div>
-    <router-link class="instrument-widget__button button" tag="button"
-                 :to="{name: 'instrument', params: { slug: value.slug }}">Instrument anzeigen
+    <div
+      class="instrument-widget__description"
+      v-html="value.description"/>
+    <router-link
+      :to="{name: 'instrument', params: { slug: value.slug }}"
+      class="instrument-widget__button button"
+      tag="button">Instrument anzeigen
    </router-link>
  </div>
 </template>
--- a/client/src/components/content-blocks/LinkBlock.vue
+++ b/client/src/components/content-blocks/LinkBlock.vue
@ -1,7 +1,12 @@
 <template>
-  <div class="link-block" :class="{ 'link-block--no-margin': noMargin}">
-    <link-icon class="link-block__icon"></link-icon>
-    <a :href="href" class="link-block__link" target="_blank">{{value.text}}</a>
+  <div
+    :class="{ 'link-block--no-margin': noMargin}"
+    class="link-block">
+    <link-icon class="link-block__icon"/>
+    <a
+      :href="href"
+      class="link-block__link"
+      target="_blank">{{ value.text }}</a>
  </div>
 </template>

--- a/client/src/components/content-blocks/ModuleRoomSlug.vue
+++ b/client/src/components/content-blocks/ModuleRoomSlug.vue
@ -1,6 +1,8 @@
 <template>
  <div class="module-slug">
-    <router-link class="button button--primary" :to="{name: 'moduleRoom', params: { slug: value.slug }}">Raum anzeigen
+    <router-link
+      :to="{name: 'moduleRoom', params: { slug: value.slug }}"
+      class="button button--primary">Raum anzeigen
    </router-link>
  </div>
 </template>
--- a/client/src/components/content-blocks/SectionTitleBlock.vue
+++ b/client/src/components/content-blocks/SectionTitleBlock.vue
@ -1,5 +1,7 @@
 <template>
-  <h4 class="section-title" v-html="value.text"></h4>
+  <h4
+    class="section-title"
+    v-html="value.text"/>
 </template>

 <script>
--- a/client/src/components/content-blocks/Solution.vue
+++ b/client/src/components/content-blocks/Solution.vue
@ -1,12 +1,20 @@
 <template>
-  <div class="solution" data-cy="solution">
-    <a class="solution__toggle" data-cy="show-solution" @click="toggle">Lösung
+  <div
+    class="solution"
+    data-cy="solution">
+    <a
+      class="solution__toggle"
+      data-cy="show-solution"
+      @click="toggle">Lösung
      <template v-if="!visible">anzeigen</template>
      <template v-else>ausblenden</template>
    </a>
    <transition name="fade">
-      <p class="solution__text solution-text fade" data-cy="solution-text" v-if="visible" v-html="value.text">
-      </p>
+      <p
+        class="solution__text solution-text fade"
+        data-cy="solution-text"
+        v-if="visible"
+        v-html="value.text"/>
    </transition>
  </div>
 </template>
@ -15,17 +23,17 @@
  export default {
    props: ['value'],

+    data() {
+      return {
+        visible: false
+      }
+    },
+
    methods: {
      toggle() {
        this.visible = !this.visible;
      }
    },
-
-    data() {
-      return {
-        visible: false
-      }
-    }
  }
 </script>

--- a/client/src/components/content-blocks/SubtitleBlock.vue
+++ b/client/src/components/content-blocks/SubtitleBlock.vue
@ -1,5 +1,7 @@
 <template>
-  <h5 class="subtitle" v-html="value.text"></h5>
+  <h5
+    class="subtitle"
+    v-html="value.text"/>
 </template>

 <script>
--- a/client/src/components/content-blocks/SurveyBlock.vue
+++ b/client/src/components/content-blocks/SurveyBlock.vue
@ -1,7 +1,10 @@
 <template>
-  <div class="survey-block" :data-scrollto="value.id">
-    <router-link class="button button--primary"
-                 :to="{name: 'survey', params: {id:value.id}}">Übung anzeigen
+  <div
+    :data-scrollto="value.id"
+    class="survey-block">
+    <router-link
+      :to="{name: 'survey', params: {id:value.id}}"
+      class="button button--primary">Übung anzeigen
    </router-link>
  </div>
 </template>
--- a/client/src/components/content-blocks/Task.vue
+++ b/client/src/components/content-blocks/Task.vue
@ -1,6 +1,8 @@
 <template>
  <div class="task">
-    <div class="task__text" v-html="value.text"></div>
+    <div
+      class="task__text"
+      v-html="value.text"/>
  </div>
 </template>

--- a/client/src/components/content-blocks/TextBlock.vue
+++ b/client/src/components/content-blocks/TextBlock.vue
@ -1,5 +1,7 @@
 <template>
-  <div class="text-block" v-html="value.text"></div>
+  <div
+    class="text-block"
+    v-html="value.text"/>
 </template>

 <script>
--- a/client/src/components/content-blocks/ThinglinkBlock.vue
+++ b/client/src/components/content-blocks/ThinglinkBlock.vue
@ -1,18 +1,19 @@
 <template>
  <div class="thinglink-block">
    <div class="thinglink-block__wrapper">
-      <iframe class="thinglink-block__iframe"
-              frameborder="0"
-              width="800px"
-              height="600px"
-              :src="src"
-              type="text/html"
-              webkitallowfullscreen
-              mozallowfullscreen
-              scrolling="no"
-              allowscriptaccess="always"
-              allowfullscreen="true"
-              allownetworking="all"></iframe>
+      <iframe
+        :src="src"
+        class="thinglink-block__iframe"
+        frameborder="0"
+        width="800px"
+        height="600px"
+        type="text/html"
+        webkitallowfullscreen
+        mozallowfullscreen
+        scrolling="no"
+        allowscriptaccess="always"
+        allowfullscreen="true"
+        allownetworking="all"/>
    </div>
  </div>
 </template>
--- a/client/src/components/content-blocks/VideoBlock.vue
+++ b/client/src/components/content-blocks/VideoBlock.vue
@ -1,8 +1,14 @@
 <template>
  <div class="video-block">
-    <youtube-embed v-if="isYoutube" :url="value.url"></youtube-embed>
-    <vimeo-embed v-if="isVimeo" :url="value.url"></vimeo-embed>
-    <srf-embed v-if="isSrf" :url="value.url"></srf-embed>
+    <youtube-embed
+      :url="value.url"
+      v-if="isYoutube"/>
+    <vimeo-embed
+      :url="value.url"
+      v-if="isVimeo"/>
+    <srf-embed
+      :url="value.url"
+      v-if="isSrf"/>

  </div>
 </template>
--- a/client/src/components/content-blocks/assignment/Assignment.vue
+++ b/client/src/components/content-blocks/assignment/Assignment.vue
@ -1,36 +1,45 @@
 <template>
-  <div class="assignment" :data-scrollto="value.id">
+  <div
+    :data-scrollto="value.id"
+    class="assignment">
    <p class="assignment__assignment-text">
-      {{assignment.assignment}}
+      {{ assignment.assignment }}
    </p>

-    <solution :value="solution" v-if="assignment.solution"></solution>
+    <solution
+      :value="solution"
+      v-if="assignment.solution"/>

    <template v-if="isStudent">
      <submission-form
+        :user-input="submission"
+        :spellcheck-loading="spellcheckLoading"
+        :saved="!unsaved"
+        :spellcheck="true"
+        placeholder="Ergebnis erfassen"
+        action="Ergebnis mit Lehrperson teilen"
+        shared-msg="Das Ergebnis wurde mit der Lehrperson geteilt."
        v-if="isStudent"
        @turnIn="turnIn"
        @saveInput="saveInput"
        @reopen="reopen"
        @changeDocumentUrl="changeDocumentUrl"
        @spellcheck="spellcheck"
-        :user-input="submission"
-        :spellcheck-loading="spellcheckLoading"
-        placeholder="Ergebnis erfassen"
-        action="Ergebnis mit Lehrperson teilen"
-        shared-msg="Das Ergebnis wurde mit der Lehrperson geteilt."
-        :saved="!unsaved"
-        :spellcheck="true"
-      >
-      </submission-form>
+      />

-      <spell-check :corrections="corrections" :text="submission.text"></spell-check>
+      <spell-check
+        :corrections="corrections"
+        :text="submission.text"/>

-      <p v-if="this.assignment.submission.submissionFeedback" class="assignment__feedback" v-html="feedbackText">
-      </p>
+      <p
+        class="assignment__feedback"
+        v-if="assignment.submission.submissionFeedback"
+        v-html="feedbackText"/>
    </template>
    <template v-if="!isStudent">
-      <router-link class="button button--primary" :to="{name: 'submissions', params: { id: assignment.id }}">Zu den
+      <router-link
+        :to="{name: 'submissions', params: { id: assignment.id }}"
+        class="button button--primary">Zu den
        Ergebnissen
      </router-link>
    </template>
@ -60,6 +69,22 @@
      SpellCheck
    },

+    data() {
+      return {
+        assignment: {
+          submission: this.initialSubmission(),
+        },
+        me: {
+          permissions: []
+        },
+        inputType: 'text',
+        unsaved: false,
+        saving: 0,
+        corrections: '',
+        spellcheckLoading: false
+      }
+    },
+
    computed: {
      ...mapGetters(['scrollToAssignmentId']),
      final() {
@ -220,22 +245,6 @@
      me: {
        query: ME_QUERY
      }
-    },
-
-    data() {
-      return {
-        assignment: {
-          submission: this.initialSubmission(),
-        },
-        me: {
-          permissions: []
-        },
-        inputType: 'text',
-        unsaved: false,
-        saving: 0,
-        corrections: '',
-        spellcheckLoading: false
-      }
    }
  }
 </script>
--- a/client/src/components/content-blocks/assignment/FinalSubmission.vue
+++ b/client/src/components/content-blocks/assignment/FinalSubmission.vue
@ -1,14 +1,16 @@
 <template>
  <div class="final-submission">
    <document-block
-      v-if="userInput.document"
      :value="{url: userInput.document}"
      class="final-submission__document"
-    ></document-block>
+      v-if="userInput.document"
+    />
    <div class="final-submission__explanation">
-      <info-icon class="final-submission__explanation-icon"></info-icon>
-      <span class="final-submission__explanation-text">{{sharedMsg}}</span>
-      <a class="final-submission__reopen" @click="$emit('reopen')">Bearbeiten</a>
+      <info-icon class="final-submission__explanation-icon"/>
+      <span class="final-submission__explanation-text">{{ sharedMsg }}</span>
+      <a
+        class="final-submission__reopen"
+        @click="$emit('reopen')">Bearbeiten</a>
    </div>
  </div>
 </template>
--- a/client/src/components/content-blocks/assignment/SpellCheck.vue
+++ b/client/src/components/content-blocks/assignment/SpellCheck.vue
@ -1,6 +1,8 @@
 <template>
-  <p class="spellcheck" v-if="corrections">
-    <span class="inline-title">Rechtschreibung:</span> <span v-html="highlightedText"></span>
+  <p
+    class="spellcheck"
+    v-if="corrections">
+    <span class="inline-title">Rechtschreibung:</span> <span v-html="highlightedText"/>
  </p>
 </template>

--- a/client/src/components/content-blocks/assignment/SubmissionForm.vue
+++ b/client/src/components/content-blocks/assignment/SubmissionForm.vue
@ -2,48 +2,51 @@
  <div class="feedback__submission submission-form-container">
    <div class="submission-form-container__inputs">
      <submission-input
-        @input="saveInput"
        :input-text="userInput.text"
        :saved="saved"
        :final="final"
        :placeholder="placeholder"
        :reopen="reopenSubmission"
-      ></submission-input>
+        @input="saveInput"
+      />
    </div>

-    <div class="submission-form-container__actions" v-if="!final">
-      <button class="submission-form-container__submit button button--primary button--white-bg"
-              @click="$emit('turnIn')"
-      >{{action}}
+    <div
+      class="submission-form-container__actions"
+      v-if="!final">
+      <button
+        class="submission-form-container__submit button button--primary button--white-bg"
+        @click="$emit('turnIn')"
+      >{{ action }}
      </button>
      <button
        class="submission-form-container__submit submission-form-container__spellcheck button button--primary button--white-bg"
        v-if="spellcheck"
        @click="$emit('spellcheck')"
-      >{{spellcheckText}}
+      >{{ spellcheckText }}
      </button>
      <div v-if="userInput.document">
        <document-block
          :value="{url: userInput.document}"
          show-trash-icon
-          v-on:trash="changeDocumentUrl('')"
-        ></document-block>
+          @trash="changeDocumentUrl('')"
+        />
      </div>

      <simple-file-upload
-        v-if="allowsDocuments"
-        v-on:link-change-url="changeDocumentUrl"
        :value="userInput.document"
        class="submission-form-container__document"
-      ></simple-file-upload>
-      <slot></slot>
+        v-if="allowsDocuments"
+        @link-change-url="changeDocumentUrl"
+      />
+      <slot/>
    </div>

    <final-submission
-      v-if="final"
      :user-input="userInput"
      :shared-msg="sharedMsg"
-      @reopen="$emit('reopen')"></final-submission>
+      v-if="final"
+      @reopen="$emit('reopen')"/>
  </div>
 </template>

--- a/client/src/components/content-blocks/assignment/SubmissionInput.vue
+++ b/client/src/components/content-blocks/assignment/SubmissionInput.vue
@ -1,19 +1,23 @@
 <template>
  <div class="submission-form__text-answer submission-form">
-      <textarea
-        v-auto-grow
-        rows="1"
-        class="submission-form__textarea"
-        :placeholder="placeholder"
-        :readonly="final"
-        :value="inputText"
-        @input="$emit('input', $event.target.value)"
-      ></textarea>
-    <div class="submission-form__save-status submission-form__save-status--saved" v-if="saved">
-      <tick-circle-icon class="submission-form__save-status-icon"></tick-circle-icon>
+    <textarea
+      v-auto-grow
+      :placeholder="placeholder"
+      :readonly="final"
+      :value="inputText"
+      rows="1"
+      class="submission-form__textarea"
+      @input="$emit('input', $event.target.value)"
+    />
+    <div
+      class="submission-form__save-status submission-form__save-status--saved"
+      v-if="saved">
+      <tick-circle-icon class="submission-form__save-status-icon"/>
    </div>
-    <div class="submission-form__save-status submission-form__save-status--unsaved" v-if="!saved">
-      <loading-icon class="submission-form__save-status-icon submission-form__saving-icon"></loading-icon>
+    <div
+      class="submission-form__save-status submission-form__save-status--unsaved"
+      v-if="!saved">
+      <loading-icon class="submission-form__save-status-icon submission-form__saving-icon"/>
    </div>
  </div>
 </template>
--- a/client/src/components/content-forms/AssignmentForm.vue
+++ b/client/src/components/content-forms/AssignmentForm.vue
@ -1,16 +1,18 @@
 <template>
  <div class="assignment-form">
-    <input class="assignment-form__title skillbox-input"
-           placeholder="Aufgabentitel"
-           :value="value.title"
-           v-on:input="$emit('assignment-change-title', $event.target.value, index)"
+    <input
+      :value="value.title"
+      class="assignment-form__title skillbox-input"
+      placeholder="Aufgabentitel"
+      @input="$emit('assignment-change-title', $event.target.value, index)"
    >
-    <textarea class="assignment-form__exercise-text skillbox-textarea"
-              placeholder="Aufgabe erfassen..."
-              :value="value.assignment"
-              v-on:input="$emit('assignment-change-assignment', $event.target.value, index)"
-    ></textarea>
-    <info-icon class="assignment-form__help-icon help-text__icon"></info-icon>
+    <textarea
+      :value="value.assignment"
+      class="assignment-form__exercise-text skillbox-textarea"
+      placeholder="Aufgabe erfassen..."
+      @input="$emit('assignment-change-assignment', $event.target.value, index)"
+    />
+    <info-icon class="assignment-form__help-icon help-text__icon"/>
    <p class="assignment-form__help-description help-text__description">
      Ein Eingabefeld für die Antwort wird automatisch hinzugefügt.
    </p>
--- a/client/src/components/content-forms/ContentBlockElementChooserWidget.vue
+++ b/client/src/components/content-forms/ContentBlockElementChooserWidget.vue
@ -1,41 +1,48 @@
 <template>
-  <div class="content-block-element-chooser-widget"
-       :class="{'content-block-element-chooser-widget--no-assignment': this.hideAssignment}">
-    <div class="content-block-element-chooser-widget__link content-block-element-chooser-widget__link--link"
-         data-cy="choose-link-widget"
-         v-on:click="$emit('change-type', index, 'link_block')">
-      <link-icon class="content-block-element-chooser-widget__link-icon"></link-icon>
+  <div
+    :class="{'content-block-element-chooser-widget--no-assignment': this.hideAssignment}"
+    class="content-block-element-chooser-widget">
+    <div
+      class="content-block-element-chooser-widget__link content-block-element-chooser-widget__link--link"
+      data-cy="choose-link-widget"
+      @click="$emit('change-type', index, 'link_block')">
+      <link-icon class="content-block-element-chooser-widget__link-icon"/>
      <div class="content-block-element-chooser-widget__link-title">Link</div>
    </div>
-    <div class="content-block-element-chooser-widget__link content-block-element-chooser-widget__link--video"
-         data-cy="choose-video-widget"
-         v-on:click="$emit('change-type', index, 'video_block')">
-      <video-icon class="content-block-element-chooser-widget__link-icon"></video-icon>
+    <div
+      class="content-block-element-chooser-widget__link content-block-element-chooser-widget__link--video"
+      data-cy="choose-video-widget"
+      @click="$emit('change-type', index, 'video_block')">
+      <video-icon class="content-block-element-chooser-widget__link-icon"/>
      <div class="content-block-element-chooser-widget__link-title">Video</div>
    </div>
-    <div class="content-block-element-chooser-widget__link content-block-element-chooser-widget__link--image"
-         data-cy="choose-image-widget"
-         v-on:click="$emit('change-type', index, 'image_url_block')">
-      <image-icon class="content-block-element-chooser-widget__link-icon"></image-icon>
+    <div
+      class="content-block-element-chooser-widget__link content-block-element-chooser-widget__link--image"
+      data-cy="choose-image-widget"
+      @click="$emit('change-type', index, 'image_url_block')">
+      <image-icon class="content-block-element-chooser-widget__link-icon"/>
      <div class="content-block-element-chooser-widget__link-title">Bild</div>
    </div>
-    <div class="content-block-element-chooser-widget__link content-block-element-chooser-widget__link--text"
-         data-cy="choose-text-widget"
-         v-on:click="$emit('change-type', index, 'text_block')">
-      <text-icon class="content-block-element-chooser-widget__link-icon"></text-icon>
+    <div
+      class="content-block-element-chooser-widget__link content-block-element-chooser-widget__link--text"
+      data-cy="choose-text-widget"
+      @click="$emit('change-type', index, 'text_block')">
+      <text-icon class="content-block-element-chooser-widget__link-icon"/>
      <div class="content-block-element-chooser-widget__link-title">Text</div>
    </div>
-    <div class="content-block-element-chooser-widget__link content-block-element-chooser-widget__link--assignment"
-         data-cy="choose-assignment-widget"
-         v-on:click="$emit('change-type', index, 'assignment')"
-         v-if="!hideAssignment">
-      <speech-bubble-icon class="content-block-element-chooser-widget__link-icon"></speech-bubble-icon>
+    <div
+      class="content-block-element-chooser-widget__link content-block-element-chooser-widget__link--assignment"
+      data-cy="choose-assignment-widget"
+      v-if="!hideAssignment"
+      @click="$emit('change-type', index, 'assignment')">
+      <speech-bubble-icon class="content-block-element-chooser-widget__link-icon"/>
      <div class="content-block-element-chooser-widget__link-title">Aufgabe&nbsp;& Ergebnis</div>
    </div>
-    <div class="content-block-element-chooser-widget__link content-block-element-chooser-widget__link--document"
-         data-cy="choose-document-widget"
-         v-on:click="$emit('change-type', index, 'document_block')">
-      <document-icon class="content-block-element-chooser-widget__link-icon"></document-icon>
+    <div
+      class="content-block-element-chooser-widget__link content-block-element-chooser-widget__link--document"
+      data-cy="choose-document-widget"
+      @click="$emit('change-type', index, 'document_block')">
+      <document-icon class="content-block-element-chooser-widget__link-icon"/>
      <div class="content-block-element-chooser-widget__link-title">Dokument</div>
    </div>
  </div>
--- a/client/src/components/content-forms/DocumentForm.vue
+++ b/client/src/components/content-forms/DocumentForm.vue
@ -1,9 +1,18 @@
 <template>
-  <div class="document-form" ref="documentform">
-    <div v-if="!value.url" ref="uploadcare-panel"></div>
-    <div v-if="value.url" class="document-form__uploaded">
-      <document-icon class="document-form__icon"></document-icon>
-      <a :href="previewUrl" class="document-form__link" target="_blank">{{previewLink}}</a>
+  <div
+    class="document-form"
+    ref="documentform">
+    <div
+      v-if="!value.url"
+      ref="uploadcare-panel"/>
+    <div
+      class="document-form__uploaded"
+      v-if="value.url">
+      <document-icon class="document-form__icon"/>
+      <a
+        :href="previewUrl"
+        class="document-form__link"
+        target="_blank">{{ previewLink }}</a>
    </div>
  </div>
 </template>
@ -20,12 +29,6 @@
      DocumentIcon
    },

-    mounted() {
-      uploadcare(this, url => {
-        this.$emit('link-change-url', url, this.index)
-      });
-    },
-
    computed: {
      previewUrl() {
        if (this.value && this.value.url) {
@ -40,7 +43,13 @@
        }
        return '';
      }
-    }
+    },
+
+    mounted() {
+      uploadcare(this, url => {
+        this.$emit('link-change-url', url, this.index)
+      });
+    },
  }
 </script>

--- a/client/src/components/content-forms/ImageForm.vue
+++ b/client/src/components/content-forms/ImageForm.vue
@ -1,13 +1,20 @@
 <template>
  <div class="image-form">
-    <div v-if="hadError" class="image-form__error">
+    <div
+      class="image-form__error"
+      v-if="hadError">
      Ups, das scheint kein Bild zu sein. Bitte versuche es nochmal mit einer anderen Datei, oder lade die Datei als <a
-      class="image-form__link" @click="switchToDocument">Dokument</a> hoch.
+        class="image-form__link"
+        @click="switchToDocument">Dokument</a> hoch.
    </div>

-    <div v-if="!value.url" ref="uploadcare-panel"></div>
+    <div
+      v-if="!value.url"
+      ref="uploadcare-panel"/>
    <div v-if="value.url && !hadError">
-      <img :src="previewUrl" @error="error">
+      <img
+        :src="previewUrl"
+        @error="error">
    </div>
  </div>
 </template>
@ -17,9 +24,6 @@

  export default {
    props: ['value', 'index'],
-    mounted() {
-      this.mountUploadcare();
-    },
    data() {
      return {
        hadError: false,
@ -36,6 +40,9 @@
        return null;
      }
    },
+    mounted() {
+      this.mountUploadcare();
+    },
    methods: {
      error(e) {
        this.hadError = true;
--- a/client/src/components/content-forms/LinkForm.vue
+++ b/client/src/components/content-forms/LinkForm.vue
@ -1,8 +1,16 @@
 <template>
  <div class="link-form">
-    <input placeholder="Name erfassen..." class="link-form__text skillbox-input" :value="value.text" v-on:input="$emit('link-change-text', $event.target.value, index)">
+    <input
+      :value="value.text"
+      placeholder="Name erfassen..."
+      class="link-form__text skillbox-input"
+      @input="$emit('link-change-text', $event.target.value, index)">

-    <input placeholder="URL einfügen..." class="link-form__url skillbox-input" :value="value.url" v-on:input="$emit('link-change-url', $event.target.value, index)">
+    <input
+      :value="value.url"
+      placeholder="URL einfügen..."
+      class="link-form__url skillbox-input"
+      @input="$emit('link-change-url', $event.target.value, index)">
  </div>
 </template>

--- a/client/src/components/content-forms/TextForm.vue
+++ b/client/src/components/content-forms/TextForm.vue
@ -1,10 +1,11 @@
 <template>
  <div class="text-form">
-    <textarea class="text-form__input skillbox-textarea"
-              data-cy="text-form-input"
-              placeholder="Text erfassen..."
-              :value="text"
-              v-on:input="$emit('text-change-value', $event.target.value, index)"></textarea>
+    <textarea
+      :value="text"
+      class="text-form__input skillbox-textarea"
+      data-cy="text-form-input"
+      placeholder="Text erfassen..."
+      @input="$emit('text-change-value', $event.target.value, index)"/>
  </div>
 </template>

--- a/client/src/components/content-forms/TextFormWithHelpText.vue
+++ b/client/src/components/content-forms/TextFormWithHelpText.vue
@ -1,9 +1,11 @@
 <template>
  <div class="text-form-with-help-text">
-    <h3 class="text-form-with-help-text__heading"><span class="text-form-with-help-text__title">{{title}}</span>
-      <helpful-tooltip :text="helpText"></helpful-tooltip>
+    <h3 class="text-form-with-help-text__heading"><span class="text-form-with-help-text__title">{{ title }}</span>
+      <helpful-tooltip :text="helpText"/>
    </h3>
-    <text-form @text-change-value="$emit('change', $event)" :value="v"></text-form>
+    <text-form
+      :value="v"
+      @text-change-value="$emit('change', $event)"/>
  </div>
 </template>

--- a/client/src/components/content-forms/VideoForm.vue
+++ b/client/src/components/content-forms/VideoForm.vue
@ -1,27 +1,36 @@
 <template>
  <div>
-    <div v-if="!isVimeo && !isYoutube && !isSrf" class="video-form">
-      <info-icon class="video-form__help-icon help-text__icon"></info-icon>
+    <div
+      class="video-form"
+      v-if="!isVimeo && !isYoutube && !isSrf">
+      <info-icon class="video-form__help-icon help-text__icon"/>
      <p class="video-form__help-description help-text__description">
-        Sie können Videos auf <a class="video-form__platform-link help-text__link" href="https://youtube.com/"
-                                 target="_blank">Youtube</a>
-        oder <a class="video-form__platform-link help-text__link" href="https://vimeo.com/" target="_blank">Vimeo</a>
+        Sie können Videos auf <a
+          class="video-form__platform-link help-text__link"
+          href="https://youtube.com/"
+          target="_blank">Youtube</a>
+        oder <a
+          class="video-form__platform-link help-text__link"
+          href="https://vimeo.com/"
+          target="_blank">Vimeo</a>
        hochladen und anschliessen einen Link hier einfügen.
      </p>

-      <input class="video-form__video-link skillbox-input"
-             placeholder="Bsp: https://www.youtube.com/watch?v=dQw4w9WgXcQ"
-             :value="value.url" v-on:input="$emit('video-change-url', $event.target.value, index)">
+      <input
+        :value="value.url"
+        class="video-form__video-link skillbox-input"
+        placeholder="Bsp: https://www.youtube.com/watch?v=dQw4w9WgXcQ"
+        @input="$emit('video-change-url', $event.target.value, index)">
    </div>

    <div v-if="isYoutube">
-      <youtube-embed :url="value.url"></youtube-embed>
+      <youtube-embed :url="value.url"/>
    </div>
    <div v-if="isVimeo">
-      <vimeo-embed :url="value.url"></vimeo-embed>
+      <vimeo-embed :url="value.url"/>
    </div>
    <div v-if="isSrf">
-      <srf-embed :url="value.url"></srf-embed>
+      <srf-embed :url="value.url"/>
    </div>

  </div>
--- a/client/src/components/icons/AddIcon.vue
+++ b/client/src/components/icons/AddIcon.vue
@ -1,5 +1,8 @@
 <template>
-  <svg id="shape" xmlns="http://www.w3.org/2000/svg" viewBox="6 6 88 88">
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="6 6 88 88"
+    id="shape">
    <path
      d="M50,6.48A43.62,43.62,0,0,0,6.56,47.08S6.5,48.46,6.5,50s.06,2.83.06,2.92A43.52,43.52,0,1,0,50,6.48Zm0,82.15A38.62,38.62,0,1,1,88.6,50,38.67,38.67,0,0,1,50,88.62Z"/>
    <path
--- a/client/src/components/icons/AddNoteIcon.vue
+++ b/client/src/components/icons/AddNoteIcon.vue
@ -1,5 +1,8 @@
 <template>
-  <svg class="add-note-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
+  <svg
+    class="add-note-icon"
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 100 100">
    <path
      d="M81.5,88.39746H18.7627a2.49981,2.49981,0,0,1-2.5-2.5V35.35352L1.72559,20.71191A2.50054,2.50054,0,0,1,3.5,16.4502h78a2.49981,2.49981,0,0,1,2.5,2.5V85.89746A2.49981,2.49981,0,0,1,81.5,88.39746Zm-60.2373-5H79V21.4502H9.50488L20.53711,32.56152a2.5013,2.5013,0,0,1,.72559,1.76172Z"/>
    <path d="M64.9209,55.08447H36.18457a2.5,2.5,0,0,1,0-5H64.9209a2.5,2.5,0,0,1,0,5Z"/>
--- a/client/src/components/icons/AddPointer.vue
+++ b/client/src/components/icons/AddPointer.vue
@ -1,5 +1,8 @@
 <template>
-  <svg id="shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 100 100"
+    id="shape">
    <path
      d="M61.74,13.24a36.43,36.43,0,0,0-22.06,7.35L2.52,48a2.5,2.5,0,0,0,0,4L39.66,79.39A36.76,36.76,0,1,0,61.74,13.24Zm0,68.52a31.5,31.5,0,0,1-19.09-6.38L8.21,50,42.66,24.6A31.76,31.76,0,1,1,61.74,81.76Z"/>
    <path
--- a/client/src/components/icons/BookmarkIcon.vue
+++ b/client/src/components/icons/BookmarkIcon.vue
@ -1,11 +1,16 @@
 <template>
-  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="bookmark-icon">
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 100 100"
+    class="bookmark-icon">
    <g :class="{'bookmark-icon--bookmarked': bookmarked}">
-      <path class="bookmark-icon__background"
-            d="M51,67.32872a5.06849,5.06849,0,0,1,2.98875.97385L84,90V11H18V90L48.01333,68.30149A5.064,5.064,0,0,1,51,67.32872Z"
-            />
-      <path id="bookmark-icon__outline"
-            d="M84.5,93.07715a2.49662,2.49662,0,0,1-1.43359-.45215L51,70.17871,18.93359,92.625A2.49964,2.49964,0,0,1,15,90.57715V11.42285a2.49981,2.49981,0,0,1,2.5-2.5h67a2.49981,2.49981,0,0,1,2.5,2.5v79.1543a2.49947,2.49947,0,0,1-2.5,2.5ZM51,65.15527a4.8673,4.8673,0,0,1,2.80762.88574L82,85.77539V13.92285H20V85.77539L48.19434,66.04A4.863,4.863,0,0,1,51,65.15527Z"/>
+      <path
+        class="bookmark-icon__background"
+        d="M51,67.32872a5.06849,5.06849,0,0,1,2.98875.97385L84,90V11H18V90L48.01333,68.30149A5.064,5.064,0,0,1,51,67.32872Z"
+      />
+      <path
+        d="M84.5,93.07715a2.49662,2.49662,0,0,1-1.43359-.45215L51,70.17871,18.93359,92.625A2.49964,2.49964,0,0,1,15,90.57715V11.42285a2.49981,2.49981,0,0,1,2.5-2.5h67a2.49981,2.49981,0,0,1,2.5,2.5v79.1543a2.49947,2.49947,0,0,1-2.5,2.5ZM51,65.15527a4.8673,4.8673,0,0,1,2.80762.88574L82,85.77539V13.92285H20V85.77539L48.19434,66.04A4.863,4.863,0,0,1,51,65.15527Z"
+        id="bookmark-icon__outline"/>
    </g>
  </svg>
 </template>
--- a/client/src/components/icons/BulbIcon.vue
+++ b/client/src/components/icons/BulbIcon.vue
@ -1,7 +1,15 @@
 <template>
-  <svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100">
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="100"
+    height="100"
+    viewBox="0 0 100 100">
    <g id="shape">
-      <circle cx="50" cy="50" r="50" style="fill:#17a887"/>
+      <circle
+        cx="50"
+        cy="50"
+        r="50"
+        style="fill:#17a887"/>
      <path
        d="M57.96318,62.73515H41.99379A2.48236,2.48236,0,0,1,39.51288,60.34c-.06061-1.72061-.21515-2.61273-3.23576-5.60545a20.69086,20.69086,0,1,1,27.55152-.18485l-.27394.26848c-2.89273,2.86424-3.04424,3.76485-3.11091,5.52848A2.48231,2.48231,0,0,1,57.96318,62.73515ZM44.17652,57.7703H55.77409c.50667-2.1903,1.72788-3.94606,4.29636-6.48909l.317-.3103c.02364-.023.04727-.04545.07212-.06788a15.62483,15.62483,0,1,0-20.85788.14364c.03848.03333.07606.06848.11273.10424C42.38379,53.78848,43.65439,55.58424,44.17652,57.7703Z"
        style="fill:#fff"/>
--- a/client/src/components/icons/Cards.vue
+++ b/client/src/components/icons/Cards.vue
@ -1,6 +1,10 @@
 <template>
-  <svg id="shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><title>cards</title>
-    <path id="Fill-1"
-          d="M30.89,21v9.67H17.44v9.67H4V79H69.11V69.34H82.56V59.67H96V21Zm3.77,3.77H92.23V55.89H82.56V30.65H34.67ZM21.22,34.43H78.78V65.57H69.11V40.33H21.22ZM7.77,44.1H65.34V75.24H7.77Z"/>
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 100 100"
+    id="shape"><title>cards</title>
+    <path
+      d="M30.89,21v9.67H17.44v9.67H4V79H69.11V69.34H82.56V59.67H96V21Zm3.77,3.77H92.23V55.89H82.56V30.65H34.67ZM21.22,34.43H78.78V65.57H69.11V40.33H21.22ZM7.77,44.1H65.34V75.24H7.77Z"
+      id="Fill-1"/>
  </svg>
 </template>
--- a/client/src/components/icons/ChevronDown.vue
+++ b/client/src/components/icons/ChevronDown.vue
@ -1,5 +1,7 @@
 <template>
-  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 100 100">
    <path d="M50,74.07,6.86,30.93A2.93,2.93,0,0,1,11,26.79l39,39,39-39a2.93,2.93,0,1,1,4.15,4.15Z"/>
  </svg>
 </template>
--- a/client/src/components/icons/ChevronRight.vue
+++ b/client/src/components/icons/ChevronRight.vue
@ -1,5 +1,8 @@
 <template>
-  <svg id="shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 100 100"
+    id="shape">
    <path d="M74.07,50,30.93,93.14A2.93,2.93,0,0,1,26.79,89l39-39-39-39a2.93,2.93,0,0,1,4.15-4.15Z"/>
  </svg>
 </template>
--- a/client/src/components/icons/ChevronUp.vue
+++ b/client/src/components/icons/ChevronUp.vue
@ -1,5 +1,7 @@
 <template>
-  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 100 100">
    <path d="M50,18.93,93.14,62.07A2.93,2.93,0,1,1,89,66.21l-39-39-39,39a2.93,2.93,0,1,1-4.15-4.15Z"/>
  </svg>
 </template>
--- a/client/src/components/icons/CircleIcon.vue
+++ b/client/src/components/icons/CircleIcon.vue
@ -1,5 +1,10 @@
 <template>
-  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
-    <circle r="25" cx="50" cy="50"></circle>
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 100 100">
+    <circle
+      r="25"
+      cx="50"
+      cy="50"/>
  </svg>
 </template>
--- a/client/src/components/icons/ClosedEyeIcon.vue
+++ b/client/src/components/icons/ClosedEyeIcon.vue
@ -1,5 +1,8 @@
 <template>
-  <svg id="shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 100 100"
+    id="shape">
    <path
      d="M99.5,48.11a56.91,56.91,0,0,0-21-21.19L91.18,14.26a3.85,3.85,0,1,0-5.44-5.44L71.21,23.36A56.73,56.73,0,0,0,.5,48.11a3.84,3.84,0,0,0,0,3.79,56.92,56.92,0,0,0,21,21.19L8.82,85.74a3.85,3.85,0,1,0,5.44,5.44L28.79,76.64A56.66,56.66,0,0,0,50,80.79,57,57,0,0,0,99.5,51.89,3.84,3.84,0,0,0,99.5,48.11ZM8.32,50a49.09,49.09,0,0,1,56.9-20.66L27.15,67.42A49.25,49.25,0,0,1,8.32,50ZM50,73.09a49,49,0,0,1-15.22-2.43L72.85,32.59A49.25,49.25,0,0,1,91.68,50,49.27,49.27,0,0,1,50,73.09Z"/>
  </svg>
--- a/client/src/components/icons/Cross.vue
+++ b/client/src/components/icons/Cross.vue
@ -1,5 +1,8 @@
 <template>
-  <svg id="shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 100 100"
+    id="shape">
    <path
      d="M53.91,50,87.19,16.73a2.77,2.77,0,1,0-3.91-3.91L50,46.09,16.73,12.81a2.77,2.77,0,1,0-3.91,3.91L46.09,50,12.81,83.27a2.77,2.77,0,1,0,3.91,3.91L50,53.91,83.27,87.19a2.77,2.77,0,0,0,3.91-3.91Z"/>
  </svg>
--- a/client/src/components/icons/DefaultAvatar.vue
+++ b/client/src/components/icons/DefaultAvatar.vue
@ -1,28 +1,50 @@
 <template>
-  <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 400 400">
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    xmlns:xlink="http://www.w3.org/1999/xlink"
+    viewBox="0 0 400 400">
    <defs>
      <clipPath id="avatar-clip-path">
-        <circle class="cls-1" cx="200" cy="200" r="197"/>
+        <circle
+          class="cls-1"
+          cx="200"
+          cy="200"
+          r="197"/>
      </clipPath>
    </defs>
    <g id="bg">
-      <circle class="cls-2" cx="200" cy="200" r="197"/>
+      <circle
+        class="cls-2"
+        cx="200"
+        cy="200"
+        r="197"/>
    </g>
    <g id="objects">
      <g class="cls-3">
-        <path class="cls-4"
-              d="M380.03229,346.82485l-99.89952-29.68554-75.91247-7.58045h-2.40707l-78.31955,7.58045-103.526,30.44984s75.62737,95.55272,183.04906,95.55272S380.03229,346.82485,380.03229,346.82485Z"/>
-        <path class="cls-5"
-              d="M272.15765,65.53589a86.01591,86.01591,0,0,0-20.524-14.33295,103.61294,103.61294,0,0,0-49.8204-11.92284,103.61271,103.61271,0,0,0-49.8198,11.92255A86.01706,86.01706,0,0,0,131.4688,65.53589c-47.89186,45.957-59.684,136.053-53.17653,195.51559,22.30221,28.20465,70.43168,35.98046,103.97675,29.59277-1.699-28.98109-18.28465-55.36789-18.09824-84.40807,16.82179-9.95623,9.42329-59.11938,10.702-81.59916l26.94039-6.97556,26.9404,6.97556c1.27875,22.47978-6.11974,71.64293,10.70211,81.59916.18642,29.04018-16.39928,55.427-18.09824,84.40807,33.545,6.38769,81.67447-1.38812,103.97668-29.59277C331.84167,201.58886,320.04951,111.49293,272.15765,65.53589Z"/>
-        <path class="cls-6"
-              d="M237.057,266.23162H166.56944c0,34.9025-27.34,45.73431-43.07576,50.90769,15.73577,67.03868,142.10688,67.03868,156.63909,0C260.78642,311.96593,241.52987,305.94826,237.057,266.23162Z"/>
-        <ellipse class="cls-7" cx="202.35227" cy="179.47219" rx="79.23803" ry="97.02616"/>
-        <path class="cls-8"
-              d="M117.61519,154.166c10.8764-3.25836,22.30778,5.29762,25.51206,19.09451,3.20424,13.7965-3.02464,27.64251-13.90108,30.90087-10.87644,3.25678-22.30919-5.29877-25.51339-19.09389-3.20425-13.79708,3.026-27.64273,13.90241-30.90149Z"/>
-        <path class="cls-5"
-              d="M158.77973,88.35379c34.35007,53.44875,83.71361,66.59188,126.44529,82.83956C322.20435,145.19484,244.7734,11.96688,158.77973,88.35379Z"/>
-        <path class="cls-5"
-              d="M181.50651,94.88021c-10.83147,33.057-30.31262,48.8307-55.51284,58.59347C109.4863,115.38906,134.25941,72.625,181.50651,94.88021Z"/>
+        <path
+          class="cls-4"
+          d="M380.03229,346.82485l-99.89952-29.68554-75.91247-7.58045h-2.40707l-78.31955,7.58045-103.526,30.44984s75.62737,95.55272,183.04906,95.55272S380.03229,346.82485,380.03229,346.82485Z"/>
+        <path
+          class="cls-5"
+          d="M272.15765,65.53589a86.01591,86.01591,0,0,0-20.524-14.33295,103.61294,103.61294,0,0,0-49.8204-11.92284,103.61271,103.61271,0,0,0-49.8198,11.92255A86.01706,86.01706,0,0,0,131.4688,65.53589c-47.89186,45.957-59.684,136.053-53.17653,195.51559,22.30221,28.20465,70.43168,35.98046,103.97675,29.59277-1.699-28.98109-18.28465-55.36789-18.09824-84.40807,16.82179-9.95623,9.42329-59.11938,10.702-81.59916l26.94039-6.97556,26.9404,6.97556c1.27875,22.47978-6.11974,71.64293,10.70211,81.59916.18642,29.04018-16.39928,55.427-18.09824,84.40807,33.545,6.38769,81.67447-1.38812,103.97668-29.59277C331.84167,201.58886,320.04951,111.49293,272.15765,65.53589Z"/>
+        <path
+          class="cls-6"
+          d="M237.057,266.23162H166.56944c0,34.9025-27.34,45.73431-43.07576,50.90769,15.73577,67.03868,142.10688,67.03868,156.63909,0C260.78642,311.96593,241.52987,305.94826,237.057,266.23162Z"/>
+        <ellipse
+          class="cls-7"
+          cx="202.35227"
+          cy="179.47219"
+          rx="79.23803"
+          ry="97.02616"/>
+        <path
+          class="cls-8"
+          d="M117.61519,154.166c10.8764-3.25836,22.30778,5.29762,25.51206,19.09451,3.20424,13.7965-3.02464,27.64251-13.90108,30.90087-10.87644,3.25678-22.30919-5.29877-25.51339-19.09389-3.20425-13.79708,3.026-27.64273,13.90241-30.90149Z"/>
+        <path
+          class="cls-5"
+          d="M158.77973,88.35379c34.35007,53.44875,83.71361,66.59188,126.44529,82.83956C322.20435,145.19484,244.7734,11.96688,158.77973,88.35379Z"/>
+        <path
+          class="cls-5"
+          d="M181.50651,94.88021c-10.83147,33.057-30.31262,48.8307-55.51284,58.59347C109.4863,115.38906,134.25941,72.625,181.50651,94.88021Z"/>
      </g>
    </g>
  </svg>
--- a/client/src/components/icons/DocumentIcon.vue
+++ b/client/src/components/icons/DocumentIcon.vue
@ -1,10 +1,15 @@
 <template>
-  <svg id="shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 100 100"
+    id="shape">
    <path
      d="M22.64,5.3a8.38,8.38,0,0,0-8.37,8.37V86.33a8.38,8.38,0,0,0,8.37,8.37H77.36a8.38,8.38,0,0,0,8.37-8.37v-57L61.39,5.3ZM79.17,88.08a2.74,2.74,0,0,1-2.11.94H22.34a3,3,0,0,1-3-3V13.37a3,3,0,0,1,3-3H54V28.32a7.78,7.78,0,0,0,7.77,7.77H79.75V85.73A2.85,2.85,0,0,1,79.17,88.08ZM62.11,31a2.34,2.34,0,0,1-2.39-2.39V11.15L79.58,31Z"/>
    <path
      d="M61.81,36.1A7.78,7.78,0,0,1,54,28.32V10.38H22.34a3,3,0,0,0-3,3V86a3,3,0,0,0,3,3H77.06a2.74,2.74,0,0,0,2.11-.94,2.85,2.85,0,0,0,.59-2.35V36.1Z"
      style="fill:#fff"/>
-    <path d="M59.72,28.62A2.34,2.34,0,0,0,62.11,31H79.58L59.72,11.15Z" style="fill:#fff"/>
+    <path
+      d="M59.72,28.62A2.34,2.34,0,0,0,62.11,31H79.58L59.72,11.15Z"
+      style="fill:#fff"/>
  </svg>
 </template>
--- a/client/src/components/icons/EhbLogo.vue
+++ b/client/src/components/icons/EhbLogo.vue
@ -1,34 +1,81 @@
 <template>
-  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 79.6006 25.5117">
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 79.6006 25.5117">
    <g id="bild_wortmarke">
      <path d="M42.6597,6.811h8.1616V9.2915H45.6001v2.6211H50.041v2.46H45.6001v3.0009h5.4214V19.854H42.6597Z"/>
      <path d="M54.9195,6.811h2.9404v5.0215h4.5005V6.811h2.9609V19.854H62.3604V14.4126H57.8599V19.854H54.9195Z"/>
      <path
        d="M69.6983,6.811h4.4609c2.7012,0,4.8018.7403,4.8018,3.2412a2.84374,2.84374,0,0,1-2.1807,2.8204v.08c1.8604.3399,2.8203,1.3204,2.8203,3.0606,0,2.6601-2.2402,3.8408-5.0605,3.8408H69.6983Zm4.3213,5.2618c1.4404,0,2.0605-.6202,2.0605-1.6006s-.6602-1.3809-2.041-1.3809H72.6397v2.9815Zm.2802,5.5009c1.5996,0,2.42-.6006,2.42-1.7802,0-1.1407-.7999-1.6407-2.42-1.6407H72.6397v3.4209Z"/>
-      <polygon class="cls-1" points="7.087 0 0 4.252 7.087 8.504 7.087 0"/>
-      <polygon class="cls-1" points="7.087 8.504 14.173 4.252 7.087 0 7.087 8.504"/>
-      <polygon class="cls-2" points="7.087 17.008 0 21.26 7.087 25.512 7.087 17.008"/>
-      <polygon class="cls-2" points="7.087 25.512 14.173 21.26 7.087 17.008 7.087 25.512"/>
-      <polygon class="cls-1" points="7.087 8.511 7.093 8.507 7.087 8.504 7.087 8.511"/>
-      <polygon class="cls-3" points="0 4.252 0 12.756 7.087 8.504 0 4.252"/>
-      <polygon class="cls-4" points="7.087 8.504 7.087 17.008 14.173 12.756 7.087 8.504"/>
-      <polygon class="cls-5" points="7.087 8.504 7.087 17.008 0 12.756 7.087 8.504"/>
-      <polygon class="cls-5" points="14.173 12.756 14.173 4.252 7.087 8.504 14.173 12.756"/>
-      <polygon class="cls-2" points="0 12.756 0 21.26 7.087 17.008 0 12.756"/>
-      <polygon class="cls-6" points="14.173 21.26 14.173 12.756 7.087 17.008 14.173 21.26"/>
-      <polygon class="cls-7" points="21.26 0 14.173 4.252 21.26 8.504 21.26 0"/>
-      <polygon class="cls-7" points="21.26 8.504 28.347 4.252 21.26 0 21.26 8.504"/>
-      <polygon class="cls-8" points="21.26 17.008 14.173 21.26 21.26 25.512 21.26 17.008"/>
-      <polygon class="cls-8" points="21.26 25.512 28.347 21.26 21.26 17.008 21.26 25.512"/>
-      <polygon class="cls-1" points="21.26 8.511 21.266 8.507 21.26 8.504 21.26 8.511"/>
-      <polygon class="cls-9" points="14.173 4.252 14.173 12.756 21.26 8.504 14.173 4.252"/>
-      <polygon class="cls-10" points="21.26 8.504 21.26 17.008 28.347 12.756 21.26 8.504"/>
-      <polygon class="cls-9" points="21.26 8.504 21.26 17.008 14.173 12.756 21.26 8.504"/>
-      <polygon class="cls-11" points="28.347 12.756 28.347 4.252 21.26 8.504 28.347 12.756"/>
-      <polygon class="cls-6" points="14.173 12.756 14.173 21.26 21.26 17.008 14.173 12.756"/>
-      <polygon class="cls-8" points="28.347 21.26 28.347 12.756 21.26 17.008 28.347 21.26"/>
-      <polyline class="cls-12"
-                points="26.794 11.486 26.794 14.04 23.815 14.04 23.815 17.02 21.26 17.02 21.26 14.04 18.28 14.04 18.28 11.486 21.26 11.486 21.26 8.506 23.814 8.506 23.815 11.486 26.794 11.486"/>
+      <polygon
+        class="cls-1"
+        points="7.087 0 0 4.252 7.087 8.504 7.087 0"/>
+      <polygon
+        class="cls-1"
+        points="7.087 8.504 14.173 4.252 7.087 0 7.087 8.504"/>
+      <polygon
+        class="cls-2"
+        points="7.087 17.008 0 21.26 7.087 25.512 7.087 17.008"/>
+      <polygon
+        class="cls-2"
+        points="7.087 25.512 14.173 21.26 7.087 17.008 7.087 25.512"/>
+      <polygon
+        class="cls-1"
+        points="7.087 8.511 7.093 8.507 7.087 8.504 7.087 8.511"/>
+      <polygon
+        class="cls-3"
+        points="0 4.252 0 12.756 7.087 8.504 0 4.252"/>
+      <polygon
+        class="cls-4"
+        points="7.087 8.504 7.087 17.008 14.173 12.756 7.087 8.504"/>
+      <polygon
+        class="cls-5"
+        points="7.087 8.504 7.087 17.008 0 12.756 7.087 8.504"/>
+      <polygon
+        class="cls-5"
+        points="14.173 12.756 14.173 4.252 7.087 8.504 14.173 12.756"/>
+      <polygon
+        class="cls-2"
+        points="0 12.756 0 21.26 7.087 17.008 0 12.756"/>
+      <polygon
+        class="cls-6"
+        points="14.173 21.26 14.173 12.756 7.087 17.008 14.173 21.26"/>
+      <polygon
+        class="cls-7"
+        points="21.26 0 14.173 4.252 21.26 8.504 21.26 0"/>
+      <polygon
+        class="cls-7"
+        points="21.26 8.504 28.347 4.252 21.26 0 21.26 8.504"/>
+      <polygon
+        class="cls-8"
+        points="21.26 17.008 14.173 21.26 21.26 25.512 21.26 17.008"/>
+      <polygon
+        class="cls-8"
+        points="21.26 25.512 28.347 21.26 21.26 17.008 21.26 25.512"/>
+      <polygon
+        class="cls-1"
+        points="21.26 8.511 21.266 8.507 21.26 8.504 21.26 8.511"/>
+      <polygon
+        class="cls-9"
+        points="14.173 4.252 14.173 12.756 21.26 8.504 14.173 4.252"/>
+      <polygon
+        class="cls-10"
+        points="21.26 8.504 21.26 17.008 28.347 12.756 21.26 8.504"/>
+      <polygon
+        class="cls-9"
+        points="21.26 8.504 21.26 17.008 14.173 12.756 21.26 8.504"/>
+      <polygon
+        class="cls-11"
+        points="28.347 12.756 28.347 4.252 21.26 8.504 28.347 12.756"/>
+      <polygon
+        class="cls-6"
+        points="14.173 12.756 14.173 21.26 21.26 17.008 14.173 12.756"/>
+      <polygon
+        class="cls-8"
+        points="28.347 21.26 28.347 12.756 21.26 17.008 28.347 21.26"/>
+      <polyline
+        class="cls-12"
+        points="26.794 11.486 26.794 14.04 23.815 14.04 23.815 17.02 21.26 17.02 21.26 14.04 18.28 14.04 18.28 11.486 21.26 11.486 21.26 8.506 23.814 8.506 23.815 11.486 26.794 11.486"/>
    </g>
  </svg>
 </template>
--- a/client/src/components/icons/Ellipses.vue
+++ b/client/src/components/icons/Ellipses.vue
@ -1,7 +1,18 @@
 <template>
-  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
-    <circle cx="18.75" cy="50" r="5"/>
-    <circle cx="50" cy="50" r="5"/>
-    <circle cx="81.25" cy="50" r="5"/>
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 100 100">
+    <circle
+      cx="18.75"
+      cy="50"
+      r="5"/>
+    <circle
+      cx="50"
+      cy="50"
+      r="5"/>
+    <circle
+      cx="81.25"
+      cy="50"
+      r="5"/>
  </svg>
 </template>
--- a/client/src/components/icons/EyeIcon.vue
+++ b/client/src/components/icons/EyeIcon.vue
@ -1,5 +1,8 @@
 <template>
-  <svg id="shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 100 100"
+    id="shape">
    <path
      d="M99.5,48.11a56.85,56.85,0,0,0-99,0,3.84,3.84,0,0,0,0,3.79,56.85,56.85,0,0,0,99,0A3.84,3.84,0,0,0,99.5,48.11ZM50,30.75A12.31,12.31,0,1,1,37.69,43.06,12.32,12.32,0,0,1,50,30.75Zm0,42.34A49.28,49.28,0,0,1,8.32,50,49.3,49.3,0,0,1,35.75,29a20,20,0,1,0,28.5,0A49.3,49.3,0,0,1,91.68,50,49.28,49.28,0,0,1,50,73.09Z"/>
  </svg>
--- a/client/src/components/icons/Group.vue
+++ b/client/src/components/icons/Group.vue
@ -1,5 +1,8 @@
 <template>
-  <svg id="shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 100 100"
+    id="shape">
    <title>group</title>
    <path
      d="M84.56,47H71.69a15.5,15.5,0,0,0-7.63,2,15.85,15.85,0,0,0-5,4.46,15.61,15.61,0,0,0-2.62-.22H43.57a15.51,15.51,0,0,0-2.6.22A15.85,15.85,0,0,0,36,49a15.5,15.5,0,0,0-7.63-2H15.49A15.66,15.66,0,0,0-.1,62.55v8.73A1.77,1.77,0,0,0,1.66,73H28v4.49a1.76,1.76,0,0,0,1.76,1.76H70.28A1.76,1.76,0,0,0,72,77.52V73H98.34a1.77,1.77,0,0,0,1.76-1.76V62.55A15.66,15.66,0,0,0,84.56,47ZM72,64.5V64l-.17-.48a15.8,15.8,0,0,0-8.39-8.85A12.31,12.31,0,0,1,65.79,52a12,12,0,0,1,5.88-1.55H84.56A12.13,12.13,0,0,1,96.62,62.55v7H72V64.8ZM31.52,66.22l.26-1a12.12,12.12,0,0,1,11.47-8.33l.36-.18H56.46a12.15,12.15,0,0,1,12,10.51,3,3,0,0,0,.07.77v7.73h-37V66.22Zm5.83-11.68A15.68,15.68,0,0,0,28.12,67.3v2.2H3.43v-7A12.13,12.13,0,0,1,15.49,50.49H28.36A12,12,0,0,1,34.24,52,12.22,12.22,0,0,1,37.35,54.54Z"/>
--- a/client/src/components/icons/Hamburger.vue
+++ b/client/src/components/icons/Hamburger.vue
@ -1,5 +1,10 @@
 <template>
-  <svg id="shape" xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100">
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="100"
+    height="100"
+    viewBox="0 0 100 100"
+    id="shape">
    <path d="M82,21H18a3,3,0,0,1,0-6H82a3,3,0,0,1,0,6Z"/>
    <path d="M82,85H18a3,3,0,0,1,0-6H82a3,3,0,0,1,0,6Z"/>
    <path d="M82,53H18a3,3,0,0,1,0-6H82a3,3,0,0,1,0,6Z"/>
--- a/client/src/components/icons/HepLogo.vue
+++ b/client/src/components/icons/HepLogo.vue
@ -1,42 +1,74 @@
 <template>
-  <svg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 147.39503 34.72434">
-    <circle class="cls-1" cx="17.36217" cy="17.36217" r="17.36217"/>
-    <path class="cls-1"
-          d="M52.4432,8.634a4.55121,4.55121,0,0,0-.89344-1.506,3.95842,3.95842,0,0,0-1.37354-.97187,4.42834,4.42834,0,0,0-1.7625-.34656,4.00352,4.00352,0,0,0-1.80914.40273,3.454,3.454,0,0,0-1.30783,1.14356h-.03922V2.59971H42.62491V17.82914h2.63262V10.86921a3.046,3.046,0,0,1,.17382-1.03228,2.49255,2.49255,0,0,1,.49812-.8468,2.33973,2.33973,0,0,1,.79169-.56277,2.52558,2.52558,0,0,1,1.03016-.20561,2.30456,2.30456,0,0,1,1.72223.68041,2.663,2.663,0,0,1,.66028,1.9236v7.00338h2.63262V10.60425A5.72892,5.72892,0,0,0,52.4432,8.634Z"/>
-    <path class="cls-1"
-          d="M65.73936,9.3865a5.357,5.357,0,0,0-1.081-1.8494A5.22188,5.22188,0,0,0,62.9096,6.278a5.72948,5.72948,0,0,0-2.37084-.46844,6.03155,6.03155,0,0,0-2.26911.41333,4.92935,4.92935,0,0,0-1.7625,1.19125,5.3972,5.3972,0,0,0-1.13508,1.91618,7.81512,7.81512,0,0,0-.40062,2.59977,7.81313,7.81313,0,0,0,.40062,2.59872A5.37548,5.37548,0,0,0,56.50715,16.445a4.91636,4.91636,0,0,0,1.7837,1.19338,6.37091,6.37091,0,0,0,2.33587.41121,6.1752,6.1752,0,0,0,1.95857-.29039,5.0312,5.0312,0,0,0,1.51557-.7917,4.95493,4.95493,0,0,0,1.09162-1.17005,5.74691,5.74691,0,0,0,.69-1.42442l.02013-.06041H63.05586l-.01378.01908a4.05,4.05,0,0,1-.95067.939,2.503,2.503,0,0,1-1.44243.3667,2.73105,2.73105,0,0,1-2.07515-.81289,3.29407,3.29407,0,0,1-.85635-2.07515h8.272l.00636-.03922c.01378-.089.02861-.19183.04345-.31053.01484-.1028.02968-.22151.04451-.354a4.07907,4.07907,0,0,0,.02332-.44725A6.72183,6.72183,0,0,0,65.73936,9.3865Zm-5.2006-1.16475a2.61117,2.61117,0,0,1,1.94373.71538,3.20654,3.20654,0,0,1,.87224,1.73071H57.7249a3.3678,3.3678,0,0,1,.94643-1.77416A2.62777,2.62777,0,0,1,60.53876,8.22175Z"/>
-    <path class="cls-1"
-          d="M79.14786,9.29748A5.456,5.456,0,0,0,78.0912,7.38236a4.5326,4.5326,0,0,0-1.61836-1.17112,5.23851,5.23851,0,0,0-2.072-.40167,4.12277,4.12277,0,0,0-2.06667.50342,4.59474,4.59474,0,0,0-1.37884,1.1531h-.05088l-.32431-1.4-.00741-.036h-2.1822V21.37068h2.63368v-4.8674h.03816a2.65765,2.65765,0,0,0,.45891.5066,3.83135,3.83135,0,0,0,.74824.514,4.59617,4.59617,0,0,0,.97081.38048,4.44481,4.44481,0,0,0,1.16051.1452,5.23834,5.23834,0,0,0,2.072-.40168,4.53245,4.53245,0,0,0,1.61836-1.17111,5.43932,5.43932,0,0,0,1.05666-1.91512,8.40143,8.40143,0,0,0,.37942-2.63157A8.41306,8.41306,0,0,0,79.14786,9.29748ZM73.95891,8.22175a2.87335,2.87335,0,0,1,1.14144.22786,2.62129,2.62129,0,0,1,.93266.68359,3.25549,3.25549,0,0,1,.63166,1.15522,5.2844,5.2844,0,0,1,.22892,1.64168,5.29386,5.29386,0,0,1-.22892,1.64169,3.25948,3.25948,0,0,1-.63166,1.15415,2.59368,2.59368,0,0,1-.93266.6836,2.97289,2.97289,0,0,1-2.28288,0,2.59373,2.59373,0,0,1-.93265-.6836,3.277,3.277,0,0,1-.63166-1.15521,5.28178,5.28178,0,0,1-.22893-1.64063,5.28409,5.28409,0,0,1,.22893-1.64168,3.27711,3.27711,0,0,1,.63166-1.15522,2.62134,2.62134,0,0,1,.93265-.68359A2.87342,2.87342,0,0,1,73.95891,8.22175Z"/>
-    <path class="cls-1"
-          d="M42.61643,23.24323h1.01v5.18046l3.29714-3.29714h1.27816L44.77,28.55829l3.63311,3.56634H47.125l-3.49851-3.43174v3.43174h-1.01Z"/>
-    <path class="cls-1"
-          d="M52.01023,32.25923a3.50763,3.50763,0,0,1-1.30571-.23529,2.72284,2.72284,0,0,1-1.01638-.69949,3.34743,3.34743,0,0,1-.66558-1.1372,5.14225,5.14225,0,0,1,0-3.12227,3.34743,3.34743,0,0,1,.66558-1.1372,2.723,2.723,0,0,1,1.01638-.69949,3.72016,3.72016,0,0,1,2.604,0,2.69623,2.69623,0,0,1,1.02274.69949,3.34936,3.34936,0,0,1,.66663,1.1372,5.16374,5.16374,0,0,1,0,3.12227,3.34936,3.34936,0,0,1-.66663,1.1372,2.69611,2.69611,0,0,1-1.02274.69949A3.52016,3.52016,0,0,1,52.01023,32.25923Zm0-.9422a2.21008,2.21008,0,0,0,.88814-.17487,1.92179,1.92179,0,0,0,.69949-.51826,2.489,2.489,0,0,0,.46421-.84044,4.05861,4.05861,0,0,0,0-2.31468,2.50459,2.50459,0,0,0-.46421-.84151,1.93408,1.93408,0,0,0-.69949-.51826,2.3428,2.3428,0,0,0-1.77628,0,1.94676,1.94676,0,0,0-.70055.51826,2.50476,2.50476,0,0,0-.46421.84151,4.08323,4.08323,0,0,0,0,2.31468,2.48917,2.48917,0,0,0,.46421.84044,1.93431,1.93431,0,0,0,.70055.51826A2.21008,2.21008,0,0,0,52.01023,31.317Z"/>
-    <path class="cls-1"
-          d="M56.86809,25.12655h.80759l.1346.94219h.06677a2.00568,2.00568,0,0,1,.83409-.84045,2.37269,2.37269,0,0,1,1.05029-.23528,2.14389,2.14389,0,0,1,1.18384.336,2.37008,2.37008,0,0,1,.83409.94219h.06783a2.25262,2.25262,0,0,1,.92841-.96869,2.69067,2.69067,0,0,1,1.29194-.30947,2.31173,2.31173,0,0,1,.94219.195,2.25742,2.25742,0,0,1,.77368.55853,2.62232,2.62232,0,0,1,.51826.88814,3.49864,3.49864,0,0,1,.18865,1.18384v4.3061h-1.01v-4.3061a1.9851,1.9851,0,0,0-.45042-1.4,1.52165,1.52165,0,0,0-1.1637-.48435,1.56955,1.56955,0,0,0-.66028.142,1.63624,1.63624,0,0,0-.53839.39638,1.8526,1.8526,0,0,0-.35611.5988,2.11158,2.11158,0,0,0-.12824.74719v4.3061h-1.009v-4.3061a1.98506,1.98506,0,0,0-.45043-1.4,1.52233,1.52233,0,0,0-1.16475-.48435,1.50178,1.50178,0,0,0-.63166.142,1.62552,1.62552,0,0,0-.5384.39638,2.07492,2.07492,0,0,0-.37094.5988,1.962,1.962,0,0,0-.141.74719v4.3061h-1.009Z"/>
-    <path class="cls-1"
-          d="M68.39055,25.12655h.80759l.1346.94219h.06677a2.34585,2.34585,0,0,1,.93583-.79381,3.313,3.313,0,0,1,2.56374-.04664,2.60919,2.60919,0,0,1,.95491.69949,3.36014,3.36014,0,0,1,.63272,1.1372,5.43759,5.43759,0,0,1,0,3.12227,3.36014,3.36014,0,0,1-.63272,1.1372,2.60908,2.60908,0,0,1-.95491.69949,3.06349,3.06349,0,0,1-1.21139.23529,2.92848,2.92848,0,0,1-1.31949-.27556,2.53882,2.53882,0,0,1-.90086-.7334h-.06783v3.02508h-1.009ZM71.55309,31.317a1.96128,1.96128,0,0,0,1.56114-.68571,2.99146,2.99146,0,0,0,.59138-2.0052,2.99149,2.99149,0,0,0-.59138-2.00521,2.11774,2.11774,0,0,0-3.12227,0,2.98588,2.98588,0,0,0-.59245,2.00521,2.98585,2.98585,0,0,0,.59245,2.0052A1.95829,1.95829,0,0,0,71.55309,31.317Z"/>
-    <path class="cls-1"
-          d="M79.36143,32.25923a3.5076,3.5076,0,0,1-1.30571-.23529,2.72284,2.72284,0,0,1-1.01638-.69949,3.34727,3.34727,0,0,1-.66558-1.1372,4.60854,4.60854,0,0,1-.2427-1.56113A4.6949,4.6949,0,0,1,76.3674,27.065a3.25231,3.25231,0,0,1,.65922-1.1372,2.73334,2.73334,0,0,1,1.0026-.69949A3.32709,3.32709,0,0,1,79.2936,24.993a3.047,3.047,0,0,1,1.4.302,3.11509,3.11509,0,0,1,.98882.7811,3.1694,3.1694,0,0,1,.585,1.04923,3.49088,3.49088,0,0,1,.18865,1.09693,2.59583,2.59583,0,0,1-.01271.2692c-.00954.08055-.018.15262-.02756.21515-.00848.07206-.018.13459-.0265.18865H77.14108a2.58155,2.58155,0,0,0,.67935,1.81655,2.13015,2.13015,0,0,0,1.541.60516,1.9818,1.9818,0,0,0,1.81655-1.009h1.07679a2.79418,2.79418,0,0,1-1.11706,1.46045A3.22194,3.22194,0,0,1,79.36143,32.25923Zm2.08575-4.23934a2.3453,2.3453,0,0,0-.69949-1.54735,2.23134,2.23134,0,0,0-2.90712,0,2.33547,2.33547,0,0,0-.69949,1.54735Z"/>
-    <path class="cls-1"
-          d="M84.99393,31.63392a1.70429,1.70429,0,0,1-.49176-1.258V26.06874H83.42538v-.94219h1.07679l.1346-1.88332h.87542v1.88332h1.81655v.94219H85.51219V30.3759a.77962.77962,0,0,0,.80653.80654h1.01v.94219H86.25195A1.70186,1.70186,0,0,1,84.99393,31.63392Z"/>
-    <path class="cls-1"
-          d="M91.58563,32.25923a3.50769,3.50769,0,0,1-1.30572-.23529,2.723,2.723,0,0,1-1.01638-.69949,3.34741,3.34741,0,0,1-.66557-1.1372,4.6083,4.6083,0,0,1-.2427-1.56113A4.6949,4.6949,0,0,1,88.5916,27.065a3.25231,3.25231,0,0,1,.65922-1.1372,2.73334,2.73334,0,0,1,1.0026-.69949A3.32709,3.32709,0,0,1,91.5178,24.993a3.047,3.047,0,0,1,1.4.302,3.11509,3.11509,0,0,1,.98882.7811,3.1694,3.1694,0,0,1,.585,1.04923,3.49088,3.49088,0,0,1,.18865,1.09693,2.59288,2.59288,0,0,1-.01272.2692c-.00953.08055-.018.15262-.02755.21515-.00848.07206-.018.13459-.0265.18865H89.36528a2.58155,2.58155,0,0,0,.67935,1.81655,2.13015,2.13015,0,0,0,1.541.60516,1.9818,1.9818,0,0,0,1.81655-1.009H94.479a2.79418,2.79418,0,0,1-1.11706,1.46045A3.22194,3.22194,0,0,1,91.58563,32.25923Zm2.08575-4.23934a2.3453,2.3453,0,0,0-.69949-1.54735,2.23134,2.23134,0,0,0-2.90712,0,2.33547,2.33547,0,0,0-.69949,1.54735Z"/>
-    <path class="cls-1"
-          d="M96.3745,25.12655h.8076l.13459.94219h.06677a1.9014,1.9014,0,0,1,.90828-.84045,2.84328,2.84328,0,0,1,1.11071-.23528,2.68728,2.68728,0,0,1,1.02909.195,2.43164,2.43164,0,0,1,.83409.55853,2.53811,2.53811,0,0,1,.55854.88814,3.27437,3.27437,0,0,1,.20242,1.18384v4.3061h-1.009v-4.3061a1.88054,1.88054,0,0,0-.49176-1.4,1.71981,1.71981,0,0,0-1.258-.48435,1.8029,1.8029,0,0,0-.74718.15474,2.014,2.014,0,0,0-.59881.41121,1.815,1.815,0,0,0-.39744.59881,1.88894,1.88894,0,0,0-.141.71963v4.3061h-1.009Z"/>
-    <path class="cls-1"
-          d="M104.7764,31.63392a1.7043,1.7043,0,0,1-.49177-1.258V26.06874h-1.07679v-.94219h1.07679l.1346-1.88332h.87542v1.88332h1.81656v.94219h-1.81656V30.3759a.77964.77964,0,0,0,.80654.80654h1.01v.94219h-1.07679A1.70184,1.70184,0,0,1,104.7764,31.63392Z"/>
-    <path class="cls-1"
-          d="M115.14105,32.25923a3.0872,3.0872,0,0,1-1.35234-.28192,2.34409,2.34409,0,0,1-.93478-.79487h-.06783l-.1346.94219h-.80759v-8.8814h1.01V26.002h.06677a2.54267,2.54267,0,0,1,.90192-.7334,2.91289,2.91289,0,0,1,1.31843-.27556,3.05625,3.05625,0,0,1,1.21139.23528,2.61284,2.61284,0,0,1,.956.69949,3.37627,3.37627,0,0,1,.63166,1.1372,5.43736,5.43736,0,0,1,0,3.12227,3.37627,3.37627,0,0,1-.63166,1.1372,2.61273,2.61273,0,0,1-.956.69949A3.05608,3.05608,0,0,1,115.14105,32.25923Zm-.1346-.9422a1.95833,1.95833,0,0,0,1.56114-.68571,2.98585,2.98585,0,0,0,.59245-2.0052,2.98588,2.98588,0,0,0-.59245-2.00521,2.11774,2.11774,0,0,0-3.12227,0,2.99144,2.99144,0,0,0-.59139,2.00521,2.99141,2.99141,0,0,0,.59139,2.0052A1.96127,1.96127,0,0,0,115.00645,31.317Z"/>
-    <path class="cls-1"
-          d="M120.392,24.19429a.69831.69831,0,0,1-.50448-.20136.66738.66738,0,0,1-.20878-.49813.69925.69925,0,0,1,.20242-.50448.68231.68231,0,0,1,.51084-.20878.66738.66738,0,0,1,.49813.20878.69925.69925,0,0,1,.20242.50448.68177.68177,0,0,1-.20242.49071A.66349.66349,0,0,1,120.392,24.19429Zm-.51084.93226h1.009v6.99808h-1.009Z"/>
-    <path class="cls-1" d="M123.03591,23.24323h1.01v8.8814h-1.01Z"/>
-    <path class="cls-1"
-          d="M128.79071,32.25923a3.05086,3.05086,0,0,1-1.21033-.23529,2.604,2.604,0,0,1-.956-.69949,3.36014,3.36014,0,0,1-.63272-1.1372,5.43759,5.43759,0,0,1,0-3.12227,3.36014,3.36014,0,0,1,.63272-1.1372,2.6041,2.6041,0,0,1,.956-.69949,3.051,3.051,0,0,1,1.21033-.23528,2.91444,2.91444,0,0,1,1.31949.27556,2.53874,2.53874,0,0,1,.90086.7334h.06783V23.24323h1.009v8.8814h-.80759l-.1346-.94219h-.06677a2.34,2.34,0,0,1-.93583.79487A3.084,3.084,0,0,1,128.79071,32.25923Zm.1346-.9422a1.95829,1.95829,0,0,0,1.56113-.68571,2.98585,2.98585,0,0,0,.59245-2.0052,2.98588,2.98588,0,0,0-.59245-2.00521,2.11772,2.11772,0,0,0-3.12226,0,2.99144,2.99144,0,0,0-.59139,2.00521,2.99141,2.99141,0,0,0,.59139,2.0052A1.96124,1.96124,0,0,0,128.92531,31.317Z"/>
-    <path class="cls-1"
-          d="M137.11233,32.25923a3.50763,3.50763,0,0,1-1.30571-.23529,2.72284,2.72284,0,0,1-1.01638-.69949,3.34743,3.34743,0,0,1-.66558-1.1372,4.60854,4.60854,0,0,1-.2427-1.56113,4.6949,4.6949,0,0,1,.23634-1.56114,3.25231,3.25231,0,0,1,.65922-1.1372,2.73334,2.73334,0,0,1,1.0026-.69949,3.32709,3.32709,0,0,1,1.26438-.23528,3.047,3.047,0,0,1,1.4.302,3.11524,3.11524,0,0,1,.98883.7811,3.16955,3.16955,0,0,1,.585,1.04923,3.49088,3.49088,0,0,1,.18865,1.09693,2.59583,2.59583,0,0,1-.01271.2692c-.00954.08055-.018.15262-.02756.21515-.00848.07206-.018.13459-.0265.18865H134.892a2.58155,2.58155,0,0,0,.67935,1.81655,2.13015,2.13015,0,0,0,1.541.60516,1.9818,1.9818,0,0,0,1.81655-1.009h1.0768a2.79424,2.79424,0,0,1-1.11707,1.46045A3.22194,3.22194,0,0,1,137.11233,32.25923Zm2.08575-4.23934a2.3453,2.3453,0,0,0-.69949-1.54735,2.23134,2.23134,0,0,0-2.90712,0,2.33547,2.33547,0,0,0-.69949,1.54735Z"/>
-    <path class="cls-1"
-          d="M141.74294,25.12655h.80759l.1346.94219h.06677a1.90132,1.90132,0,0,1,.90828-.84045,2.84327,2.84327,0,0,1,1.1107-.23528,2.68734,2.68734,0,0,1,1.0291.195,2.43174,2.43174,0,0,1,.83409.55853,2.53823,2.53823,0,0,1,.55853.88814,3.27415,3.27415,0,0,1,.20243,1.18384v4.3061h-1.009v-4.3061a1.88054,1.88054,0,0,0-.49177-1.4,1.71979,1.71979,0,0,0-1.258-.48435,1.8029,1.8029,0,0,0-.74718.15474,2.01427,2.01427,0,0,0-.59881.41121,1.81485,1.81485,0,0,0-.39743.59881,1.88875,1.88875,0,0,0-.141.71963v4.3061h-1.009Z"/>
-    <rect class="cls-1" x="42.62491" y="2.59971" width="2.63263" height="15.22942"/>
+  <svg
+    data-name="Ebene 1"
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 147.39503 34.72434"
+    id="Ebene_1">
+    <circle
+      class="cls-1"
+      cx="17.36217"
+      cy="17.36217"
+      r="17.36217"/>
+    <path
+      class="cls-1"
+      d="M52.4432,8.634a4.55121,4.55121,0,0,0-.89344-1.506,3.95842,3.95842,0,0,0-1.37354-.97187,4.42834,4.42834,0,0,0-1.7625-.34656,4.00352,4.00352,0,0,0-1.80914.40273,3.454,3.454,0,0,0-1.30783,1.14356h-.03922V2.59971H42.62491V17.82914h2.63262V10.86921a3.046,3.046,0,0,1,.17382-1.03228,2.49255,2.49255,0,0,1,.49812-.8468,2.33973,2.33973,0,0,1,.79169-.56277,2.52558,2.52558,0,0,1,1.03016-.20561,2.30456,2.30456,0,0,1,1.72223.68041,2.663,2.663,0,0,1,.66028,1.9236v7.00338h2.63262V10.60425A5.72892,5.72892,0,0,0,52.4432,8.634Z"/>
+    <path
+      class="cls-1"
+      d="M65.73936,9.3865a5.357,5.357,0,0,0-1.081-1.8494A5.22188,5.22188,0,0,0,62.9096,6.278a5.72948,5.72948,0,0,0-2.37084-.46844,6.03155,6.03155,0,0,0-2.26911.41333,4.92935,4.92935,0,0,0-1.7625,1.19125,5.3972,5.3972,0,0,0-1.13508,1.91618,7.81512,7.81512,0,0,0-.40062,2.59977,7.81313,7.81313,0,0,0,.40062,2.59872A5.37548,5.37548,0,0,0,56.50715,16.445a4.91636,4.91636,0,0,0,1.7837,1.19338,6.37091,6.37091,0,0,0,2.33587.41121,6.1752,6.1752,0,0,0,1.95857-.29039,5.0312,5.0312,0,0,0,1.51557-.7917,4.95493,4.95493,0,0,0,1.09162-1.17005,5.74691,5.74691,0,0,0,.69-1.42442l.02013-.06041H63.05586l-.01378.01908a4.05,4.05,0,0,1-.95067.939,2.503,2.503,0,0,1-1.44243.3667,2.73105,2.73105,0,0,1-2.07515-.81289,3.29407,3.29407,0,0,1-.85635-2.07515h8.272l.00636-.03922c.01378-.089.02861-.19183.04345-.31053.01484-.1028.02968-.22151.04451-.354a4.07907,4.07907,0,0,0,.02332-.44725A6.72183,6.72183,0,0,0,65.73936,9.3865Zm-5.2006-1.16475a2.61117,2.61117,0,0,1,1.94373.71538,3.20654,3.20654,0,0,1,.87224,1.73071H57.7249a3.3678,3.3678,0,0,1,.94643-1.77416A2.62777,2.62777,0,0,1,60.53876,8.22175Z"/>
+    <path
+      class="cls-1"
+      d="M79.14786,9.29748A5.456,5.456,0,0,0,78.0912,7.38236a4.5326,4.5326,0,0,0-1.61836-1.17112,5.23851,5.23851,0,0,0-2.072-.40167,4.12277,4.12277,0,0,0-2.06667.50342,4.59474,4.59474,0,0,0-1.37884,1.1531h-.05088l-.32431-1.4-.00741-.036h-2.1822V21.37068h2.63368v-4.8674h.03816a2.65765,2.65765,0,0,0,.45891.5066,3.83135,3.83135,0,0,0,.74824.514,4.59617,4.59617,0,0,0,.97081.38048,4.44481,4.44481,0,0,0,1.16051.1452,5.23834,5.23834,0,0,0,2.072-.40168,4.53245,4.53245,0,0,0,1.61836-1.17111,5.43932,5.43932,0,0,0,1.05666-1.91512,8.40143,8.40143,0,0,0,.37942-2.63157A8.41306,8.41306,0,0,0,79.14786,9.29748ZM73.95891,8.22175a2.87335,2.87335,0,0,1,1.14144.22786,2.62129,2.62129,0,0,1,.93266.68359,3.25549,3.25549,0,0,1,.63166,1.15522,5.2844,5.2844,0,0,1,.22892,1.64168,5.29386,5.29386,0,0,1-.22892,1.64169,3.25948,3.25948,0,0,1-.63166,1.15415,2.59368,2.59368,0,0,1-.93266.6836,2.97289,2.97289,0,0,1-2.28288,0,2.59373,2.59373,0,0,1-.93265-.6836,3.277,3.277,0,0,1-.63166-1.15521,5.28178,5.28178,0,0,1-.22893-1.64063,5.28409,5.28409,0,0,1,.22893-1.64168,3.27711,3.27711,0,0,1,.63166-1.15522,2.62134,2.62134,0,0,1,.93265-.68359A2.87342,2.87342,0,0,1,73.95891,8.22175Z"/>
+    <path
+      class="cls-1"
+      d="M42.61643,23.24323h1.01v5.18046l3.29714-3.29714h1.27816L44.77,28.55829l3.63311,3.56634H47.125l-3.49851-3.43174v3.43174h-1.01Z"/>
+    <path
+      class="cls-1"
+      d="M52.01023,32.25923a3.50763,3.50763,0,0,1-1.30571-.23529,2.72284,2.72284,0,0,1-1.01638-.69949,3.34743,3.34743,0,0,1-.66558-1.1372,5.14225,5.14225,0,0,1,0-3.12227,3.34743,3.34743,0,0,1,.66558-1.1372,2.723,2.723,0,0,1,1.01638-.69949,3.72016,3.72016,0,0,1,2.604,0,2.69623,2.69623,0,0,1,1.02274.69949,3.34936,3.34936,0,0,1,.66663,1.1372,5.16374,5.16374,0,0,1,0,3.12227,3.34936,3.34936,0,0,1-.66663,1.1372,2.69611,2.69611,0,0,1-1.02274.69949A3.52016,3.52016,0,0,1,52.01023,32.25923Zm0-.9422a2.21008,2.21008,0,0,0,.88814-.17487,1.92179,1.92179,0,0,0,.69949-.51826,2.489,2.489,0,0,0,.46421-.84044,4.05861,4.05861,0,0,0,0-2.31468,2.50459,2.50459,0,0,0-.46421-.84151,1.93408,1.93408,0,0,0-.69949-.51826,2.3428,2.3428,0,0,0-1.77628,0,1.94676,1.94676,0,0,0-.70055.51826,2.50476,2.50476,0,0,0-.46421.84151,4.08323,4.08323,0,0,0,0,2.31468,2.48917,2.48917,0,0,0,.46421.84044,1.93431,1.93431,0,0,0,.70055.51826A2.21008,2.21008,0,0,0,52.01023,31.317Z"/>
+    <path
+      class="cls-1"
+      d="M56.86809,25.12655h.80759l.1346.94219h.06677a2.00568,2.00568,0,0,1,.83409-.84045,2.37269,2.37269,0,0,1,1.05029-.23528,2.14389,2.14389,0,0,1,1.18384.336,2.37008,2.37008,0,0,1,.83409.94219h.06783a2.25262,2.25262,0,0,1,.92841-.96869,2.69067,2.69067,0,0,1,1.29194-.30947,2.31173,2.31173,0,0,1,.94219.195,2.25742,2.25742,0,0,1,.77368.55853,2.62232,2.62232,0,0,1,.51826.88814,3.49864,3.49864,0,0,1,.18865,1.18384v4.3061h-1.01v-4.3061a1.9851,1.9851,0,0,0-.45042-1.4,1.52165,1.52165,0,0,0-1.1637-.48435,1.56955,1.56955,0,0,0-.66028.142,1.63624,1.63624,0,0,0-.53839.39638,1.8526,1.8526,0,0,0-.35611.5988,2.11158,2.11158,0,0,0-.12824.74719v4.3061h-1.009v-4.3061a1.98506,1.98506,0,0,0-.45043-1.4,1.52233,1.52233,0,0,0-1.16475-.48435,1.50178,1.50178,0,0,0-.63166.142,1.62552,1.62552,0,0,0-.5384.39638,2.07492,2.07492,0,0,0-.37094.5988,1.962,1.962,0,0,0-.141.74719v4.3061h-1.009Z"/>
+    <path
+      class="cls-1"
+      d="M68.39055,25.12655h.80759l.1346.94219h.06677a2.34585,2.34585,0,0,1,.93583-.79381,3.313,3.313,0,0,1,2.56374-.04664,2.60919,2.60919,0,0,1,.95491.69949,3.36014,3.36014,0,0,1,.63272,1.1372,5.43759,5.43759,0,0,1,0,3.12227,3.36014,3.36014,0,0,1-.63272,1.1372,2.60908,2.60908,0,0,1-.95491.69949,3.06349,3.06349,0,0,1-1.21139.23529,2.92848,2.92848,0,0,1-1.31949-.27556,2.53882,2.53882,0,0,1-.90086-.7334h-.06783v3.02508h-1.009ZM71.55309,31.317a1.96128,1.96128,0,0,0,1.56114-.68571,2.99146,2.99146,0,0,0,.59138-2.0052,2.99149,2.99149,0,0,0-.59138-2.00521,2.11774,2.11774,0,0,0-3.12227,0,2.98588,2.98588,0,0,0-.59245,2.00521,2.98585,2.98585,0,0,0,.59245,2.0052A1.95829,1.95829,0,0,0,71.55309,31.317Z"/>
+    <path
+      class="cls-1"
+      d="M79.36143,32.25923a3.5076,3.5076,0,0,1-1.30571-.23529,2.72284,2.72284,0,0,1-1.01638-.69949,3.34727,3.34727,0,0,1-.66558-1.1372,4.60854,4.60854,0,0,1-.2427-1.56113A4.6949,4.6949,0,0,1,76.3674,27.065a3.25231,3.25231,0,0,1,.65922-1.1372,2.73334,2.73334,0,0,1,1.0026-.69949A3.32709,3.32709,0,0,1,79.2936,24.993a3.047,3.047,0,0,1,1.4.302,3.11509,3.11509,0,0,1,.98882.7811,3.1694,3.1694,0,0,1,.585,1.04923,3.49088,3.49088,0,0,1,.18865,1.09693,2.59583,2.59583,0,0,1-.01271.2692c-.00954.08055-.018.15262-.02756.21515-.00848.07206-.018.13459-.0265.18865H77.14108a2.58155,2.58155,0,0,0,.67935,1.81655,2.13015,2.13015,0,0,0,1.541.60516,1.9818,1.9818,0,0,0,1.81655-1.009h1.07679a2.79418,2.79418,0,0,1-1.11706,1.46045A3.22194,3.22194,0,0,1,79.36143,32.25923Zm2.08575-4.23934a2.3453,2.3453,0,0,0-.69949-1.54735,2.23134,2.23134,0,0,0-2.90712,0,2.33547,2.33547,0,0,0-.69949,1.54735Z"/>
+    <path
+      class="cls-1"
+      d="M84.99393,31.63392a1.70429,1.70429,0,0,1-.49176-1.258V26.06874H83.42538v-.94219h1.07679l.1346-1.88332h.87542v1.88332h1.81655v.94219H85.51219V30.3759a.77962.77962,0,0,0,.80653.80654h1.01v.94219H86.25195A1.70186,1.70186,0,0,1,84.99393,31.63392Z"/>
+    <path
+      class="cls-1"
+      d="M91.58563,32.25923a3.50769,3.50769,0,0,1-1.30572-.23529,2.723,2.723,0,0,1-1.01638-.69949,3.34741,3.34741,0,0,1-.66557-1.1372,4.6083,4.6083,0,0,1-.2427-1.56113A4.6949,4.6949,0,0,1,88.5916,27.065a3.25231,3.25231,0,0,1,.65922-1.1372,2.73334,2.73334,0,0,1,1.0026-.69949A3.32709,3.32709,0,0,1,91.5178,24.993a3.047,3.047,0,0,1,1.4.302,3.11509,3.11509,0,0,1,.98882.7811,3.1694,3.1694,0,0,1,.585,1.04923,3.49088,3.49088,0,0,1,.18865,1.09693,2.59288,2.59288,0,0,1-.01272.2692c-.00953.08055-.018.15262-.02755.21515-.00848.07206-.018.13459-.0265.18865H89.36528a2.58155,2.58155,0,0,0,.67935,1.81655,2.13015,2.13015,0,0,0,1.541.60516,1.9818,1.9818,0,0,0,1.81655-1.009H94.479a2.79418,2.79418,0,0,1-1.11706,1.46045A3.22194,3.22194,0,0,1,91.58563,32.25923Zm2.08575-4.23934a2.3453,2.3453,0,0,0-.69949-1.54735,2.23134,2.23134,0,0,0-2.90712,0,2.33547,2.33547,0,0,0-.69949,1.54735Z"/>
+    <path
+      class="cls-1"
+      d="M96.3745,25.12655h.8076l.13459.94219h.06677a1.9014,1.9014,0,0,1,.90828-.84045,2.84328,2.84328,0,0,1,1.11071-.23528,2.68728,2.68728,0,0,1,1.02909.195,2.43164,2.43164,0,0,1,.83409.55853,2.53811,2.53811,0,0,1,.55854.88814,3.27437,3.27437,0,0,1,.20242,1.18384v4.3061h-1.009v-4.3061a1.88054,1.88054,0,0,0-.49176-1.4,1.71981,1.71981,0,0,0-1.258-.48435,1.8029,1.8029,0,0,0-.74718.15474,2.014,2.014,0,0,0-.59881.41121,1.815,1.815,0,0,0-.39744.59881,1.88894,1.88894,0,0,0-.141.71963v4.3061h-1.009Z"/>
+    <path
+      class="cls-1"
+      d="M104.7764,31.63392a1.7043,1.7043,0,0,1-.49177-1.258V26.06874h-1.07679v-.94219h1.07679l.1346-1.88332h.87542v1.88332h1.81656v.94219h-1.81656V30.3759a.77964.77964,0,0,0,.80654.80654h1.01v.94219h-1.07679A1.70184,1.70184,0,0,1,104.7764,31.63392Z"/>
+    <path
+      class="cls-1"
+      d="M115.14105,32.25923a3.0872,3.0872,0,0,1-1.35234-.28192,2.34409,2.34409,0,0,1-.93478-.79487h-.06783l-.1346.94219h-.80759v-8.8814h1.01V26.002h.06677a2.54267,2.54267,0,0,1,.90192-.7334,2.91289,2.91289,0,0,1,1.31843-.27556,3.05625,3.05625,0,0,1,1.21139.23528,2.61284,2.61284,0,0,1,.956.69949,3.37627,3.37627,0,0,1,.63166,1.1372,5.43736,5.43736,0,0,1,0,3.12227,3.37627,3.37627,0,0,1-.63166,1.1372,2.61273,2.61273,0,0,1-.956.69949A3.05608,3.05608,0,0,1,115.14105,32.25923Zm-.1346-.9422a1.95833,1.95833,0,0,0,1.56114-.68571,2.98585,2.98585,0,0,0,.59245-2.0052,2.98588,2.98588,0,0,0-.59245-2.00521,2.11774,2.11774,0,0,0-3.12227,0,2.99144,2.99144,0,0,0-.59139,2.00521,2.99141,2.99141,0,0,0,.59139,2.0052A1.96127,1.96127,0,0,0,115.00645,31.317Z"/>
+    <path
+      class="cls-1"
+      d="M120.392,24.19429a.69831.69831,0,0,1-.50448-.20136.66738.66738,0,0,1-.20878-.49813.69925.69925,0,0,1,.20242-.50448.68231.68231,0,0,1,.51084-.20878.66738.66738,0,0,1,.49813.20878.69925.69925,0,0,1,.20242.50448.68177.68177,0,0,1-.20242.49071A.66349.66349,0,0,1,120.392,24.19429Zm-.51084.93226h1.009v6.99808h-1.009Z"/>
+    <path
+      class="cls-1"
+      d="M123.03591,23.24323h1.01v8.8814h-1.01Z"/>
+    <path
+      class="cls-1"
+      d="M128.79071,32.25923a3.05086,3.05086,0,0,1-1.21033-.23529,2.604,2.604,0,0,1-.956-.69949,3.36014,3.36014,0,0,1-.63272-1.1372,5.43759,5.43759,0,0,1,0-3.12227,3.36014,3.36014,0,0,1,.63272-1.1372,2.6041,2.6041,0,0,1,.956-.69949,3.051,3.051,0,0,1,1.21033-.23528,2.91444,2.91444,0,0,1,1.31949.27556,2.53874,2.53874,0,0,1,.90086.7334h.06783V23.24323h1.009v8.8814h-.80759l-.1346-.94219h-.06677a2.34,2.34,0,0,1-.93583.79487A3.084,3.084,0,0,1,128.79071,32.25923Zm.1346-.9422a1.95829,1.95829,0,0,0,1.56113-.68571,2.98585,2.98585,0,0,0,.59245-2.0052,2.98588,2.98588,0,0,0-.59245-2.00521,2.11772,2.11772,0,0,0-3.12226,0,2.99144,2.99144,0,0,0-.59139,2.00521,2.99141,2.99141,0,0,0,.59139,2.0052A1.96124,1.96124,0,0,0,128.92531,31.317Z"/>
+    <path
+      class="cls-1"
+      d="M137.11233,32.25923a3.50763,3.50763,0,0,1-1.30571-.23529,2.72284,2.72284,0,0,1-1.01638-.69949,3.34743,3.34743,0,0,1-.66558-1.1372,4.60854,4.60854,0,0,1-.2427-1.56113,4.6949,4.6949,0,0,1,.23634-1.56114,3.25231,3.25231,0,0,1,.65922-1.1372,2.73334,2.73334,0,0,1,1.0026-.69949,3.32709,3.32709,0,0,1,1.26438-.23528,3.047,3.047,0,0,1,1.4.302,3.11524,3.11524,0,0,1,.98883.7811,3.16955,3.16955,0,0,1,.585,1.04923,3.49088,3.49088,0,0,1,.18865,1.09693,2.59583,2.59583,0,0,1-.01271.2692c-.00954.08055-.018.15262-.02756.21515-.00848.07206-.018.13459-.0265.18865H134.892a2.58155,2.58155,0,0,0,.67935,1.81655,2.13015,2.13015,0,0,0,1.541.60516,1.9818,1.9818,0,0,0,1.81655-1.009h1.0768a2.79424,2.79424,0,0,1-1.11707,1.46045A3.22194,3.22194,0,0,1,137.11233,32.25923Zm2.08575-4.23934a2.3453,2.3453,0,0,0-.69949-1.54735,2.23134,2.23134,0,0,0-2.90712,0,2.33547,2.33547,0,0,0-.69949,1.54735Z"/>
+    <path
+      class="cls-1"
+      d="M141.74294,25.12655h.80759l.1346.94219h.06677a1.90132,1.90132,0,0,1,.90828-.84045,2.84327,2.84327,0,0,1,1.1107-.23528,2.68734,2.68734,0,0,1,1.0291.195,2.43174,2.43174,0,0,1,.83409.55853,2.53823,2.53823,0,0,1,.55853.88814,3.27415,3.27415,0,0,1,.20243,1.18384v4.3061h-1.009v-4.3061a1.88054,1.88054,0,0,0-.49177-1.4,1.71979,1.71979,0,0,0-1.258-.48435,1.8029,1.8029,0,0,0-.74718.15474,2.01427,2.01427,0,0,0-.59881.41121,1.81485,1.81485,0,0,0-.39743.59881,1.88875,1.88875,0,0,0-.141.71963v4.3061h-1.009Z"/>
+    <rect
+      class="cls-1"
+      x="42.62491"
+      y="2.59971"
+      width="2.63263"
+      height="15.22942"/>
  </svg>
 </template>

--- a/client/src/components/icons/ImageIcon.vue
+++ b/client/src/components/icons/ImageIcon.vue
@ -1,5 +1,8 @@
 <template>
-  <svg id="shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><title>image</title>
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 100 100"
+    id="shape"><title>image</title>
    <path
      d="M93,14.2H7a2,2,0,0,0-2,2v67.5a2,2,0,0,0,2,2H93a2,2,0,0,0,2-2V16.25A2,2,0,0,0,93,14.2ZM42.27,54.37,57.73,69.83a2.09,2.09,0,0,0,2.89,0,2,2,0,0,0,0-2.89l-7-7L67,45.24,90,68.38a2,2,0,0,0,.87.46V81.7H12.18ZM65.36,41,50.7,57l-6.9-6.9A2.05,2.05,0,0,0,41,50L9.09,79V18.3H90.91V63.47L68.26,40.82a2,2,0,0,0-1.47-.53A2.06,2.06,0,0,0,65.36,41Z"/>
    <path
--- a/client/src/components/icons/InfoIcon.vue
+++ b/client/src/components/icons/InfoIcon.vue
@ -1,8 +1,14 @@
 <template>
-  <svg id="shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 100 100"
+    id="shape">
    <path
      d="M50,6.48A43.62,43.62,0,0,0,6.56,47.08S6.5,48.46,6.5,50s.06,2.83.06,2.92A43.52,43.52,0,1,0,50,6.48Zm0,82.15A38.62,38.62,0,1,1,88.6,50,38.67,38.67,0,0,1,50,88.62Z"/>
    <path d="M50,46.17a2.45,2.45,0,0,0-2.45,2.45V72.49a2.45,2.45,0,1,0,4.9,0V48.62A2.45,2.45,0,0,0,50,46.17Z"/>
-    <circle cx="50" cy="30.56" r="3.5"/>
+    <circle
+      cx="50"
+      cy="30.56"
+      r="3.5"/>
  </svg>
 </template>
--- a/client/src/components/icons/LinkIcon.vue
+++ b/client/src/components/icons/LinkIcon.vue
@ -1,5 +1,8 @@
 <template>
-  <svg id="shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><title>link</title>
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 100 100"
+    id="shape"><title>link</title>
    <path
      d="M85.13,14.88a19.12,19.12,0,0,0-27,0l-9.61,9.61a2.68,2.68,0,0,0,3.79,3.8l9.61-9.61A13.73,13.73,0,0,1,81.33,38.08L63.4,56A13.75,13.75,0,0,1,44,56a2.68,2.68,0,0,0-3.79,3.8,19.12,19.12,0,0,0,27,0L85.13,41.88a19.14,19.14,0,0,0,0-27Z"/>
    <path
--- a/client/src/components/icons/LoadingIcon.vue
+++ b/client/src/components/icons/LoadingIcon.vue
@ -1,5 +1,7 @@
 <template>
-  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 100 100">
    <path
      d="M91,47.5A2.5,2.5,0,0,0,88.5,50,38.5,38.5,0,1,1,50,11.5,38.09,38.09,0,0,1,76,21.64H62.13a2.45,2.45,0,0,0,0,4.9H84.31V4.36a2.45,2.45,0,1,0-4.9,0V18A43,43,0,0,0,50,6.5,43.5,43.5,0,1,0,93.5,50,2.5,2.5,0,0,0,91,47.5Z"/>
  </svg>
--- a/client/src/components/icons/Logo.vue
+++ b/client/src/components/icons/Logo.vue
@ -1,24 +1,50 @@
 <template>
-  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 965 159" class="logo">
-    <path class="cls-1"
-          d="M187.19877,158.76991a44.9261,44.9261,0,0,1-14.89082-2.35518,49.72607,49.72607,0,0,1-13.37134-7.29346l-2.20323-1.67142,16.1064-25.831,2.73505,2.43115a16.48614,16.48614,0,0,0,4.55841,3.03894,12.27557,12.27557,0,0,0,4.40646.83572c3.03894,0,4.93828-1.06363,6.15386-3.57076l.83571-1.67141L156.27756,39.94731H194.3403l15.57457,43.53283,13.21939-43.53283h37.07507l-36.08742,93.21951c-3.41881,8.585-8.28111,15.11873-14.435,19.29728h0C203.60906,156.64265,196.0117,158.76991,187.19877,158.76991Zm-22.26024-12.9155a42.27771,42.27771,0,0,0,9.42072,4.78634,41.3796,41.3796,0,0,0,12.9155,2.05128c7.59735,0,13.97912-1.74739,19.06936-5.24217h0c5.09023-3.49479,9.1928-9.04084,12.15576-16.48625l32.7446-84.86243h-23.5518l-17.246,56.98015L190.08578,46.10118H165.62229l32.66862,76.8852-2.20323,4.17854c-2.20323,4.48243-6.22984,6.9136-11.62394,6.9136a18.75655,18.75655,0,0,1-6.76164-1.29155,22.3379,22.3379,0,0,1-3.49479-1.89934Z"/>
-    <path class="cls-1"
-          d="M142.0705,55.218a29.671,29.671,0,0,0-11.472-12.23174h0a35.49322,35.49322,0,0,0-35.09977.83571A30.81285,30.81285,0,0,0,86.23,53.09073a29.93237,29.93237,0,0,0-8.8889-9.11682A32.47292,32.47292,0,0,0,59.03143,38.8077a33.62833,33.62833,0,0,0-16.25834,3.95063,32.37806,32.37806,0,0,0-6.15385,4.40646V40.02328H0v88.20527H36.61924V84.54377c0-4.0266.91168-7.14151,2.887-9.57267a9.08143,9.08143,0,0,1,7.06555-3.41881,7.19568,7.19568,0,0,1,5.92593,2.58309c1.59545,1.82336,2.35519,4.40647,2.35519,7.67333v46.34386H91.47214V84.54377c0-4.0266.91168-7.21749,2.811-9.57267a8.59712,8.59712,0,0,1,6.9136-3.34284,7.1957,7.1957,0,0,1,5.92594,2.5831c1.59545,1.82336,2.35518,4.40647,2.35518,7.67333v46.34386h36.61924V73.14774A40.46686,40.46686,0,0,0,142.0705,55.218Zm-2.20323,66.85671H115.55574v-40.266c0-4.71036-1.29155-8.661-3.79867-11.624a13.29891,13.29891,0,0,0-10.6363-4.71035h0a14.71867,14.71867,0,0,0-11.69992,5.698c-2.73505,3.49479-4.10256,7.97722-4.10256,13.37135v37.53093H61.00676v-40.266c0-4.71036-1.29155-8.661-3.79868-11.62395a13.29886,13.29886,0,0,0-10.63629-4.71036h0a14.874,14.874,0,0,0-11.69993,5.622c-2.811,3.49478-4.25451,7.97722-4.25451,13.37134v37.53092H6.30582V46.0252H30.61735V59.85238H34.568l1.67141-2.65907a26.852,26.852,0,0,1,9.57267-9.11683A27.91925,27.91925,0,0,1,59.10742,44.8856a26.47638,26.47638,0,0,1,14.89082,4.17854A23.86631,23.86631,0,0,1,83.267,60.76407l.37987.91168h4.93828L88.889,60.916A27.95184,27.95184,0,0,1,126.0401,47.54467c.53181.22792.98766.53181,1.51947.75974a22.60065,22.60065,0,0,1,9.04085,9.64863,32.40876,32.40876,0,0,1,3.26686,15.04276Z"/>
-    <path class="cls-1"
-          d="M360.27637,63.88867h-.00049c-8.79639-5.28613-20.01465-7.7207-29.91211-9.86816-12.25732-2.66016-22.84229-4.95606-22.84229-11.85254,0-4.76172,3.2959-10.4375,18.99707-10.4375,10.56348,0,21.68165,3.09668,33.04541,9.20215l.33692.18066,10.70361-25.7959-.2622-.15234c-11.499-6.666-27.40967-10.48926-43.65284-10.48926-16.82812,0-30.69433,3.96973-40.10058,11.48047a34.38057,34.38057,0,0,0-13.31055,27.72363c0,12.0918,4.93555,20.9834,15.08936,27.18262,8.73877,5.333,19.92431,7.832,29.793,10.03711,12.4795,2.78711,23.24659,5.19141,23.24659,12.42187,0,6.24414-6.44922,9.41016-19.168,9.41016a75.23455,75.23455,0,0,1-39.35205-11.75293l-.34033-.22559-11.40967,25.627.23437.16406c11.54395,8.04395,31.44336,13.24219,50.6958,13.24219,16.77,0,30.63672-4.00684,40.10108-11.58789A34.60313,34.60313,0,0,0,375.479,90.95312C375.479,78.88672,370.50635,70.03418,360.27637,63.88867Z"/>
-    <path class="cls-1"
-          d="M452.96851,77.98757l37.01587-38.16839H451.21527L421.62593,68.64681V7.84824H389.22977V128.48585h32.39616V106.62707l7.86292-8.003,23.88936,29.86182H492.7151Z"/>
-    <rect class="cls-1" x="500.00637" y="39.81918" width="32.39617" height="88.66666"/>
-    <rect class="cls-1" x="551.47678" y="7.84824" width="32.39617" height="120.63761"/>
-    <rect class="cls-1" x="602.9472" y="7.84824" width="32.39617" height="120.63761"/>
-    <path class="cls-1"
-          d="M709.94,38.3811c-9.53615,0-17.30258,2.56053-23.12619,7.61709v-38.15H654.41762V128.48585h30.9576v-7.05418c5.79209,5.70967,13.85913,8.49275,24.56476,8.49275a42.82556,42.82556,0,0,0,30.79226-12.38954c8.33566-8.422,12.74155-20.02118,12.74155-33.54237,0-13.44264-4.40686-24.96622-12.74445-33.32515C732.82666,42.74481,721.89218,38.3811,709.94,38.3811Zm-6.39428,65.38143c-10.45545,0-17.211-7.76012-17.211-19.77,0-11.81546,6.7555-19.44953,17.211-19.44953,10.45593,0,17.21191,7.63407,17.21191,19.44953C720.75761,96.00241,714.00163,103.76253,703.5457,103.76253Z"/>
-    <path class="cls-1"
-          d="M847.31484,51.174c-9.04355-8.24935-21.78266-12.79294-35.87065-12.79294-28.92944,0-49.92712,19.18237-49.92712,45.61141,0,26.61474,20.99768,45.93191,49.92712,45.93191,14.08605,0,26.82614-4.58,35.87307-12.89573,9.06342-8.3308,14.055-20.06336,14.055-33.03618C861.37228,71.09873,856.37971,59.44326,847.31484,51.174Zm-35.87065,52.58849c-10.45544,0-17.211-7.76012-17.211-19.77,0-11.81546,6.75551-19.44953,17.211-19.44953,10.45593,0,17.21192,7.63407,17.21192,19.44953C828.65611,96.00241,821.90012,103.76253,811.44419,103.76253Z"/>
-    <polygon class="cls-1"
-             points="931.16 83.038 963.901 39.819 929.221 39.819 913.766 60.992 898.929 39.819 862.189 39.819 894.901 84.143 861.194 128.486 896.678 128.486 912.761 106.526 927.762 128.486 965 128.486 931.16 83.038"/>
-    <path class="cls-1"
-          d="M527.91913,4.4834a15.80713,15.80713,0,0,1,4.4834,11.64237,15.92237,15.92237,0,0,1-4.4834,11.64238c-2.96486,3.03714-6.86973,4.4834-11.64236,4.4834a16.09319,16.09319,0,0,1-11.7147-4.4834,15.5782,15.5782,0,0,1-4.5557-11.64238,15.69049,15.69049,0,0,1,4.5557-11.64237A16.09313,16.09313,0,0,1,516.27677,0C521.1217,0,524.95427,1.44626,527.91913,4.4834Z"/>
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 965 159"
+    class="logo">
+    <path
+      class="cls-1"
+      d="M187.19877,158.76991a44.9261,44.9261,0,0,1-14.89082-2.35518,49.72607,49.72607,0,0,1-13.37134-7.29346l-2.20323-1.67142,16.1064-25.831,2.73505,2.43115a16.48614,16.48614,0,0,0,4.55841,3.03894,12.27557,12.27557,0,0,0,4.40646.83572c3.03894,0,4.93828-1.06363,6.15386-3.57076l.83571-1.67141L156.27756,39.94731H194.3403l15.57457,43.53283,13.21939-43.53283h37.07507l-36.08742,93.21951c-3.41881,8.585-8.28111,15.11873-14.435,19.29728h0C203.60906,156.64265,196.0117,158.76991,187.19877,158.76991Zm-22.26024-12.9155a42.27771,42.27771,0,0,0,9.42072,4.78634,41.3796,41.3796,0,0,0,12.9155,2.05128c7.59735,0,13.97912-1.74739,19.06936-5.24217h0c5.09023-3.49479,9.1928-9.04084,12.15576-16.48625l32.7446-84.86243h-23.5518l-17.246,56.98015L190.08578,46.10118H165.62229l32.66862,76.8852-2.20323,4.17854c-2.20323,4.48243-6.22984,6.9136-11.62394,6.9136a18.75655,18.75655,0,0,1-6.76164-1.29155,22.3379,22.3379,0,0,1-3.49479-1.89934Z"/>
+    <path
+      class="cls-1"
+      d="M142.0705,55.218a29.671,29.671,0,0,0-11.472-12.23174h0a35.49322,35.49322,0,0,0-35.09977.83571A30.81285,30.81285,0,0,0,86.23,53.09073a29.93237,29.93237,0,0,0-8.8889-9.11682A32.47292,32.47292,0,0,0,59.03143,38.8077a33.62833,33.62833,0,0,0-16.25834,3.95063,32.37806,32.37806,0,0,0-6.15385,4.40646V40.02328H0v88.20527H36.61924V84.54377c0-4.0266.91168-7.14151,2.887-9.57267a9.08143,9.08143,0,0,1,7.06555-3.41881,7.19568,7.19568,0,0,1,5.92593,2.58309c1.59545,1.82336,2.35519,4.40647,2.35519,7.67333v46.34386H91.47214V84.54377c0-4.0266.91168-7.21749,2.811-9.57267a8.59712,8.59712,0,0,1,6.9136-3.34284,7.1957,7.1957,0,0,1,5.92594,2.5831c1.59545,1.82336,2.35518,4.40647,2.35518,7.67333v46.34386h36.61924V73.14774A40.46686,40.46686,0,0,0,142.0705,55.218Zm-2.20323,66.85671H115.55574v-40.266c0-4.71036-1.29155-8.661-3.79867-11.624a13.29891,13.29891,0,0,0-10.6363-4.71035h0a14.71867,14.71867,0,0,0-11.69992,5.698c-2.73505,3.49479-4.10256,7.97722-4.10256,13.37135v37.53093H61.00676v-40.266c0-4.71036-1.29155-8.661-3.79868-11.62395a13.29886,13.29886,0,0,0-10.63629-4.71036h0a14.874,14.874,0,0,0-11.69993,5.622c-2.811,3.49478-4.25451,7.97722-4.25451,13.37134v37.53092H6.30582V46.0252H30.61735V59.85238H34.568l1.67141-2.65907a26.852,26.852,0,0,1,9.57267-9.11683A27.91925,27.91925,0,0,1,59.10742,44.8856a26.47638,26.47638,0,0,1,14.89082,4.17854A23.86631,23.86631,0,0,1,83.267,60.76407l.37987.91168h4.93828L88.889,60.916A27.95184,27.95184,0,0,1,126.0401,47.54467c.53181.22792.98766.53181,1.51947.75974a22.60065,22.60065,0,0,1,9.04085,9.64863,32.40876,32.40876,0,0,1,3.26686,15.04276Z"/>
+    <path
+      class="cls-1"
+      d="M360.27637,63.88867h-.00049c-8.79639-5.28613-20.01465-7.7207-29.91211-9.86816-12.25732-2.66016-22.84229-4.95606-22.84229-11.85254,0-4.76172,3.2959-10.4375,18.99707-10.4375,10.56348,0,21.68165,3.09668,33.04541,9.20215l.33692.18066,10.70361-25.7959-.2622-.15234c-11.499-6.666-27.40967-10.48926-43.65284-10.48926-16.82812,0-30.69433,3.96973-40.10058,11.48047a34.38057,34.38057,0,0,0-13.31055,27.72363c0,12.0918,4.93555,20.9834,15.08936,27.18262,8.73877,5.333,19.92431,7.832,29.793,10.03711,12.4795,2.78711,23.24659,5.19141,23.24659,12.42187,0,6.24414-6.44922,9.41016-19.168,9.41016a75.23455,75.23455,0,0,1-39.35205-11.75293l-.34033-.22559-11.40967,25.627.23437.16406c11.54395,8.04395,31.44336,13.24219,50.6958,13.24219,16.77,0,30.63672-4.00684,40.10108-11.58789A34.60313,34.60313,0,0,0,375.479,90.95312C375.479,78.88672,370.50635,70.03418,360.27637,63.88867Z"/>
+    <path
+      class="cls-1"
+      d="M452.96851,77.98757l37.01587-38.16839H451.21527L421.62593,68.64681V7.84824H389.22977V128.48585h32.39616V106.62707l7.86292-8.003,23.88936,29.86182H492.7151Z"/>
+    <rect
+      class="cls-1"
+      x="500.00637"
+      y="39.81918"
+      width="32.39617"
+      height="88.66666"/>
+    <rect
+      class="cls-1"
+      x="551.47678"
+      y="7.84824"
+      width="32.39617"
+      height="120.63761"/>
+    <rect
+      class="cls-1"
+      x="602.9472"
+      y="7.84824"
+      width="32.39617"
+      height="120.63761"/>
+    <path
+      class="cls-1"
+      d="M709.94,38.3811c-9.53615,0-17.30258,2.56053-23.12619,7.61709v-38.15H654.41762V128.48585h30.9576v-7.05418c5.79209,5.70967,13.85913,8.49275,24.56476,8.49275a42.82556,42.82556,0,0,0,30.79226-12.38954c8.33566-8.422,12.74155-20.02118,12.74155-33.54237,0-13.44264-4.40686-24.96622-12.74445-33.32515C732.82666,42.74481,721.89218,38.3811,709.94,38.3811Zm-6.39428,65.38143c-10.45545,0-17.211-7.76012-17.211-19.77,0-11.81546,6.7555-19.44953,17.211-19.44953,10.45593,0,17.21191,7.63407,17.21191,19.44953C720.75761,96.00241,714.00163,103.76253,703.5457,103.76253Z"/>
+    <path
+      class="cls-1"
+      d="M847.31484,51.174c-9.04355-8.24935-21.78266-12.79294-35.87065-12.79294-28.92944,0-49.92712,19.18237-49.92712,45.61141,0,26.61474,20.99768,45.93191,49.92712,45.93191,14.08605,0,26.82614-4.58,35.87307-12.89573,9.06342-8.3308,14.055-20.06336,14.055-33.03618C861.37228,71.09873,856.37971,59.44326,847.31484,51.174Zm-35.87065,52.58849c-10.45544,0-17.211-7.76012-17.211-19.77,0-11.81546,6.75551-19.44953,17.211-19.44953,10.45593,0,17.21192,7.63407,17.21192,19.44953C828.65611,96.00241,821.90012,103.76253,811.44419,103.76253Z"/>
+    <polygon
+      class="cls-1"
+      points="931.16 83.038 963.901 39.819 929.221 39.819 913.766 60.992 898.929 39.819 862.189 39.819 894.901 84.143 861.194 128.486 896.678 128.486 912.761 106.526 927.762 128.486 965 128.486 931.16 83.038"/>
+    <path
+      class="cls-1"
+      d="M527.91913,4.4834a15.80713,15.80713,0,0,1,4.4834,11.64237,15.92237,15.92237,0,0,1-4.4834,11.64238c-2.96486,3.03714-6.86973,4.4834-11.64236,4.4834a16.09319,16.09319,0,0,1-11.7147-4.4834,15.5782,15.5782,0,0,1-4.5557-11.64238,15.69049,15.69049,0,0,1,4.5557-11.64237A16.09313,16.09313,0,0,1,516.27677,0C521.1217,0,524.95427,1.44626,527.91913,4.4834Z"/>
  </svg>
 </template>

--- a/client/src/components/icons/NoteIcon.vue
+++ b/client/src/components/icons/NoteIcon.vue
@ -1,5 +1,8 @@
 <template>
-  <svg class="note-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
+  <svg
+    class="note-icon"
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 100 100">
    <path
      d="M81.5,88.39746H18.7627a2.49981,2.49981,0,0,1-2.5-2.5V35.35352L1.72559,20.71191A2.50054,2.50054,0,0,1,3.5,16.4502h78a2.49981,2.49981,0,0,1,2.5,2.5V85.89746A2.49981,2.49981,0,0,1,81.5,88.39746Zm-60.2373-5H79V21.4502H9.50488L20.53711,32.56152a2.5013,2.5013,0,0,1,.72559,1.76172Z"/>
    <path d="M61.9209,40.92676H39.18457a2.5,2.5,0,0,1,0-5H61.9209a2.5,2.5,0,0,1,0,5Z"/>
--- a/client/src/components/icons/PenIcon.vue
+++ b/client/src/components/icons/PenIcon.vue
@ -1,5 +1,7 @@
 <template>
-  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 100 100">
    <path
      d="M39,85.69l.12.12L86.83,38.12a7.42,7.42,0,0,0,0-10.49L72.38,13.17a7.42,7.42,0,0,0-10.49,0L14.19,60.87l.12.12L11,89ZM65.86,17.15a1.8,1.8,0,0,1,2.54,0L82.85,31.6a1.8,1.8,0,0,1,0,2.54l-3.69,3.69-17-17ZM58.2,24.81l17,17L39.13,77.86l-17-17ZM19.38,66.05,33.95,80.62l-16.53,2Z"/>
  </svg>
--- a/client/src/components/icons/Play.vue
+++ b/client/src/components/icons/Play.vue
@ -1,5 +1,9 @@
 <template>
-  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
-    <path d="M50,0a50,50,0,1,0,50,50A50,50,0,0,0,50,0ZM38,74V26L70,50Z" style="fill:#17a887"/>
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 100 100">
+    <path
+      d="M50,0a50,50,0,1,0,50,50A50,50,0,0,0,50,0ZM38,74V26L70,50Z"
+      style="fill:#17a887"/>
  </svg>
 </template>
--- a/client/src/components/icons/SpeechBubbleIcon.vue
+++ b/client/src/components/icons/SpeechBubbleIcon.vue
@ -1,5 +1,8 @@
 <template>
-  <svg id="shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><title>q-a</title>
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 100 100"
+    id="shape"><title>q-a</title>
    <path
      d="M88.09,10h-38A12,12,0,0,0,38,21.88V33.11H12a12.07,12.07,0,0,0-12,12v22.4A12,12,0,0,0,12,79.39H47l10.87,10a2.5,2.5,0,0,0,1.67.67,2.38,2.38,0,0,0,1-.2A2.44,2.44,0,0,0,62,87.58V56.25H88.09a11.92,11.92,0,0,0,11.91-12V21.88A11.87,11.87,0,0,0,88.09,10ZM57,82l-7.41-6.83a2.49,2.49,0,0,0-1.65-.7H12A7,7,0,0,1,5,67.51V45.11a7.1,7.1,0,0,1,7.09-7H38V64.35a2.54,2.54,0,0,0,4.23,1.83l9.1-8.29L52,57.3c.49-.45,1-.92,1.21-1.05s.71,0,1.16,0H57ZM95,44.28a7,7,0,0,1-6.95,7H54.47c-3-.06-3.55.27-5.83,2.37-.19.17-.45.37-.68.58l-5,4.5V21.88a7.06,7.06,0,0,1,7.13-7h38a6.91,6.91,0,0,1,6.95,7Z"
      style="fill-rule:evenodd"/>
--- a/Show More
+++ b/Show More