diff --git a/apps/web/src/components/ChallengePanel.svelte b/apps/web/src/components/ChallengePanel.svelte
index f56342335095..9dfefe0d47dd 100644
--- a/apps/web/src/components/ChallengePanel.svelte
+++ b/apps/web/src/components/ChallengePanel.svelte
@@ -21,7 +21,8 @@
   class:typo
   class="panel is-primary"
   out:slide|local="{{ duration: 100 }}"
-  in:slide|local="{{ duration: 300, delay: 50 }}">
+  in:slide|local="{{ duration: 300, delay: 50 }}"
+>
   <div class="panel-block">
     <div class="control">
       <div class="left">
diff --git a/apps/web/src/components/ChallengeScreen.svelte b/apps/web/src/components/ChallengeScreen.svelte
index cde0aa10e1ac..5e99ae415ca3 100644
--- a/apps/web/src/components/ChallengeScreen.svelte
+++ b/apps/web/src/components/ChallengeScreen.svelte
@@ -114,7 +114,8 @@
           <div
             class="challenge"
             in:fade|local="{{ duration: 300, delay: 350 }}"
-            out:fade|local="{{ duration: 300 }}">
+            out:fade|local="{{ duration: 300 }}"
+          >
             {#if challenge.type === "cards"}
               <DeckChallenge
                 skipChallenge="{skipChallenge}"
@@ -122,7 +123,8 @@
                 alternativeChallenges="{alternativeChallenges}"
                 resolveChallenge="{resolveChallenge}"
                 registerResult="{registerResult}"
-                skipAllChallenges="{skipAllChallenges}" />
+                skipAllChallenges="{skipAllChallenges}"
+              />
             {/if}
             {#if challenge.type === "options"}
               <OptionChallenge
@@ -131,7 +133,8 @@
                 alternativeChallenges="{alternativeChallenges}"
                 resolveChallenge="{resolveChallenge}"
                 registerResult="{registerResult}"
-                skipAllChallenges="{skipAllChallenges}" />
+                skipAllChallenges="{skipAllChallenges}"
+              />
             {/if}
             {#if challenge.type === "shortInput"}
               <ShortInputChallenge
@@ -142,7 +145,8 @@
                 registerResult="{registerResult}"
                 resolveChallenge="{resolveChallenge}"
                 challenge="{challenge}"
-                skipAllChallenges="{skipAllChallenges}" />
+                skipAllChallenges="{skipAllChallenges}"
+              />
             {/if}
             {#if challenge.type === "listeningExercise"}
               <ListeningChallenge
@@ -153,7 +157,8 @@
                 resolveChallenge="{resolveChallenge}"
                 challenge="{challenge}"
                 skipAllChallenges="{skipAllChallenges}"
-                skipAllVoice="{skipAllVoice}" />
+                skipAllVoice="{skipAllVoice}"
+              />
             {/if}
             {#if challenge.type === "chips"}
               <ChipsChallenge
@@ -161,7 +166,8 @@
                 resolveChallenge="{resolveChallenge}"
                 challenge="{challenge}"
                 skipChallenge="{skipChallenge}"
-                skipAllChallenges="{skipAllChallenges}" />
+                skipAllChallenges="{skipAllChallenges}"
+              />
             {/if}
           </div>
         {/if}
@@ -176,7 +182,8 @@
       courseURL="{courseURL}"
       rawChallenges="{rawChallenges}"
       skillId="{skillId}"
-      stats="{stats}" />
+      stats="{stats}"
+    />
   </div>
 {/if}
 
diff --git a/apps/web/src/components/GitHubButton.svelte b/apps/web/src/components/GitHubButton.svelte
index 8a59cd7af834..affa09fd8bb8 100644
--- a/apps/web/src/components/GitHubButton.svelte
+++ b/apps/web/src/components/GitHubButton.svelte
@@ -42,7 +42,8 @@
   inverted
   info
   size="{size}"
-  href="https://github.com/kantord/LibreLingo">
+  href="https://github.com/kantord/LibreLingo"
+>
   {#if stars}
     <span class="tag is-white">
       <span class="stars">{stars}</span>
diff --git a/apps/web/src/components/InputFieldWithVirtualKeyboard.svelte b/apps/web/src/components/InputFieldWithVirtualKeyboard.svelte
index 731bd5a8ced5..5f01746ff522 100644
--- a/apps/web/src/components/InputFieldWithVirtualKeyboard.svelte
+++ b/apps/web/src/components/InputFieldWithVirtualKeyboard.svelte
@@ -67,7 +67,8 @@
   lang="{languageCode}"
   use:focusMe
   bind:value
-  bind:this="{inputFieldRef}" />
+  bind:this="{inputFieldRef}"
+/>
 
 <div class="keyboard">
   {#each specialCharacters as specialCharacter}
@@ -77,7 +78,8 @@
       key
       size="small"
       disabled="{disabled}"
-      on:click="{handleVirtualKey(specialCharacter)}">
+      on:click="{handleVirtualKey(specialCharacter)}"
+    >
       {specialCharacter}
     </Button>
   {/each}
diff --git a/apps/web/src/components/LicenseLogo.svelte b/apps/web/src/components/LicenseLogo.svelte
index caf6be0b9d67..403721b5aa7d 100644
--- a/apps/web/src/components/LicenseLogo.svelte
+++ b/apps/web/src/components/LicenseLogo.svelte
@@ -1,6 +1,7 @@
 <img
   src="images/agpl-logo.svg"
-  alt="Licensed under AGPL - Free as in Freedom" />
+  alt="Licensed under AGPL - Free as in Freedom"
+/>
 
 <style type="text/scss">
   img {
diff --git a/apps/web/src/components/ListeningChallenge.svelte b/apps/web/src/components/ListeningChallenge.svelte
index f041e53f5054..18df8de8e300 100644
--- a/apps/web/src/components/ListeningChallenge.svelte
+++ b/apps/web/src/components/ListeningChallenge.svelte
@@ -92,7 +92,8 @@
         specialCharacters="{specialCharacters}"
         languageCode="{languageCode}"
         disabled="{submitted}"
-        bind:value="{answer}" />
+        bind:value="{answer}"
+      />
     </Column>
   </Columns>
 
@@ -103,7 +104,8 @@
       submit
       skipAction="{skipChallenge}"
       skipAllAction="{skipAllChallenges}"
-      skipAllVoice="{skipAllVoice}" />
+      skipAllVoice="{skipAllVoice}"
+    />
   {/if}
 
   {#if answer === "" && !submitted}
@@ -112,7 +114,8 @@
       buttonText="{null}"
       skipAction="{skipChallenge}"
       skipAllAction="{skipAllChallenges}"
-      skipAllVoice="{skipAllVoice}" />
+      skipAllVoice="{skipAllVoice}"
+    />
   {/if}
 
   {#if submitted}
@@ -122,7 +125,8 @@
         messageDetail="{`Correct answer: ${challenge.answer}`}"
         buttonText="Continue"
         incorrect
-        buttonAction="{finishChallenge}" />
+        buttonAction="{finishChallenge}"
+      />
     {/if}
 
     {#if correct}
@@ -132,16 +136,19 @@
           messageDetail="{`Meaning: "${challenge.meaning}"`}"
           buttonText="Continue"
           correct
-          buttonAction="{finishChallenge}" />
+          buttonAction="{finishChallenge}"
+        />
       {/if}
 
       {#if spellingSuggestion}
         <ChallengePanel
           message="You have a typo!"
-          messageDetail="{spellingSuggestion || `Meaning: "${challenge.meaning}"`}"
+          messageDetail="{spellingSuggestion ||
+            `Meaning: "${challenge.meaning}"`}"
           buttonText="Continue"
           typo
-          buttonAction="{finishChallenge}" />
+          buttonAction="{finishChallenge}"
+        />
       {/if}
     {/if}
   {/if}
diff --git a/apps/web/src/components/NavBar.svelte b/apps/web/src/components/NavBar.svelte
index a59a1e3a16a3..16ff23621fe7 100644
--- a/apps/web/src/components/NavBar.svelte
+++ b/apps/web/src/components/NavBar.svelte
@@ -15,7 +15,8 @@
   class:dark
   class:is-hidden-mobile="{is_hidden_mobile}"
   role="navigation"
-  aria-label="main navigation">
+  aria-label="main navigation"
+>
   <div class="navbar-brand">
     <a class="navbar-item" href="/">
       <img src="/images/logo.svg" alt="LibreLingo" />
@@ -40,7 +41,8 @@
               size="small"
               outlined
               inverted
-              info>
+              info
+            >
               Log out
             </Button>
           {:else}
diff --git a/apps/web/src/components/Option.svelte b/apps/web/src/components/Option.svelte
index d968ed6ebfc7..cb2bf711627c 100644
--- a/apps/web/src/components/Option.svelte
+++ b/apps/web/src/components/Option.svelte
@@ -9,7 +9,8 @@
   <div
     class="option"
     data-test="{active ? 'active' : inactive ? 'inactive' : 'neutral'}"
-    data-test-correct="{correct}">
+    data-test-correct="{correct}"
+  >
     <div class="option-content">
       <div class="is-size-5 is-size-6-mobile">{formInTargetLanguage}</div>
     </div>
diff --git a/apps/web/src/components/OptionCard.svelte b/apps/web/src/components/OptionCard.svelte
index e877df9dfd8d..385b996aaffd 100644
--- a/apps/web/src/components/OptionCard.svelte
+++ b/apps/web/src/components/OptionCard.svelte
@@ -11,7 +11,8 @@
   <div
     class="card"
     data-test="{active ? 'active' : inactive ? 'inactive' : 'neutral'}"
-    data-test-correct="{correct}">
+    data-test-correct="{correct}"
+  >
     <div class="card-image">
       <figure class="image is-1by1">
         <img src="{`images/${picture}`}" alt="" />
@@ -22,7 +23,8 @@
         {formInTargetLanguage}
       </div>
       <div
-        class="is-size-6 has-text-centered is-hidden-touch is-hidden-tablet-only">
+        class="is-size-6 has-text-centered is-hidden-touch is-hidden-tablet-only"
+      >
         {number}
       </div>
     </div>
diff --git a/apps/web/src/components/OptionDeck.svelte b/apps/web/src/components/OptionDeck.svelte
index 294f52a3e3f6..90306e0e066e 100644
--- a/apps/web/src/components/OptionDeck.svelte
+++ b/apps/web/src/components/OptionDeck.svelte
@@ -32,14 +32,16 @@
         value="{i}"
         name="{i}"
         id="{i}"
-        disabled="{disabled}" />
+        disabled="{disabled}"
+      />
       <OptionCard
         correct="{correct}"
         active="{selectedOption === i}"
         inactive="{selectedOption !== null && selectedOption !== i}"
         picture="{shuffle(pictures)[0]}"
         number="{i + 1 - (keymap[i] - i) + 1}"
-        formInTargetLanguage="{formInTargetLanguage}" />
+        formInTargetLanguage="{formInTargetLanguage}"
+      />
     </label>
   {/each}
 </ul>
diff --git a/apps/web/src/components/Options.svelte b/apps/web/src/components/Options.svelte
index 37d01a077c66..aad4386733e2 100644
--- a/apps/web/src/components/Options.svelte
+++ b/apps/web/src/components/Options.svelte
@@ -24,12 +24,14 @@
         value="{i}"
         name="{i}"
         id="{i}"
-        disabled="{disabled}" />
+        disabled="{disabled}"
+      />
       <Option
         correct="{correct}"
         active="{selectedOption === i}"
         inactive="{selectedOption !== null && selectedOption !== i}"
-        formInTargetLanguage="{formInTargetLanguage}" />
+        formInTargetLanguage="{formInTargetLanguage}"
+      />
     </label>
   {/each}
 </ul>
diff --git a/apps/web/src/components/ShortInputChallenge.svelte b/apps/web/src/components/ShortInputChallenge.svelte
index e821a9863419..773a6321a299 100644
--- a/apps/web/src/components/ShortInputChallenge.svelte
+++ b/apps/web/src/components/ShortInputChallenge.svelte
@@ -73,7 +73,8 @@
         specialCharacters="{specialCharacters}"
         languageCode="{languageCode}"
         disabled="{submitted}"
-        bind:value="{answer}" />
+        bind:value="{answer}"
+      />
     </Column>
     <Column>
       <div class="card">
@@ -92,7 +93,8 @@
       buttonText="Submit"
       submit
       skipAction="{skipChallenge}"
-      skipAllAction="{skipAllChallenges}" />
+      skipAllAction="{skipAllChallenges}"
+    />
   {/if}
 
   {#if answer === "" && !submitted}
@@ -100,7 +102,8 @@
       message="{null}"
       buttonText="{null}"
       skipAction="{skipChallenge}"
-      skipAllAction="{skipAllChallenges}" />
+      skipAllAction="{skipAllChallenges}"
+    />
   {/if}
 
   {#if submitted}
@@ -110,7 +113,8 @@
         messageDetail="{`Correct answer: ${challenge.formInTargetLanguage[0]}`}"
         buttonText="Continue"
         incorrect
-        buttonAction="{finishChallenge}" />
+        buttonAction="{finishChallenge}"
+      />
     {/if}
     {#if correct}
       {#if !spellingSuggestion}
@@ -119,7 +123,8 @@
           messageDetail=""
           buttonText="Continue"
           correct
-          buttonAction="{finishChallenge}" />
+          buttonAction="{finishChallenge}"
+        />
       {/if}
 
       {#if spellingSuggestion}
@@ -128,7 +133,8 @@
           messageDetail="{spellingSuggestion}"
           buttonText="Continue"
           typo
-          buttonAction="{finishChallenge}" />
+          buttonAction="{finishChallenge}"
+        />
       {/if}
     {/if}
   {/if}
diff --git a/apps/web/src/components/SponsorButton.svelte b/apps/web/src/components/SponsorButton.svelte
index 635076e8de6d..3d4c39f03c69 100644
--- a/apps/web/src/components/SponsorButton.svelte
+++ b/apps/web/src/components/SponsorButton.svelte
@@ -8,7 +8,8 @@
   size="small"
   outlined
   inverted
-  info>
+  info
+>
   <Icon icon="heart" />
   <div>Sponsor</div>
 </Button>
diff --git a/apps/web/src/components/TwitterButton.svelte b/apps/web/src/components/TwitterButton.svelte
index 566fc1dbdb6c..cc142a4b067f 100644
--- a/apps/web/src/components/TwitterButton.svelte
+++ b/apps/web/src/components/TwitterButton.svelte
@@ -7,7 +7,8 @@
   color="#55acee"
   textColor="white"
   target="_blank"
-  href="https://twitter.com/intent/tweet?hashtags=LibreLingo%2Copensource&url=https%3A%2F%2Flibrelingo.app&text=LibreLingo%20-%20an%20experiment%20to%20create%20a%20community-owned%20language%20learning%20tool%0A">
+  href="https://twitter.com/intent/tweet?hashtags=LibreLingo%2Copensource&url=https%3A%2F%2Flibrelingo.app&text=LibreLingo%20-%20an%20experiment%20to%20create%20a%20community-owned%20language%20learning%20tool%0A"
+>
   <Icon icon="twitter" prefix="fab" />
   <div>Tweet about LibreLingo</div>
 </Button>
diff --git a/apps/web/src/routes/_layout.svelte b/apps/web/src/routes/_layout.svelte
index cccaeedf001a..a3eb4d9d88f3 100644
--- a/apps/web/src/routes/_layout.svelte
+++ b/apps/web/src/routes/_layout.svelte
@@ -15,22 +15,26 @@
   <meta
     name="twitter:description"
     content="an experiment to create a community-owned language-learning
-    platform" />
+    platform"
+  />
   <meta name="twitter:title" content="LibreLingo" />
 
   <meta
     name="twitter:image"
-    content="https://librelingo.app/images/social_cover_1.png" />
+    content="https://librelingo.app/images/social_cover_1.png"
+  />
   <meta name="twitter:creator" content="@cacophonism" />
 
   <meta property="og:title" content="LibreLingo" />
   <meta
     property="og:description"
     content="an experiment to create a community-driven language-learning
-    platform" />
+    platform"
+  />
   <meta
     property="og:image"
-    content="https://librelingo.app/images/social_cover_1.png" />
+    content="https://librelingo.app/images/social_cover_1.png"
+  />
 </svelte:head>
 
 {#if process.browser !== true}
diff --git a/apps/web/src/routes/about.svelte b/apps/web/src/routes/about.svelte
index e0b05695c37a..8c5d28344072 100644
--- a/apps/web/src/routes/about.svelte
+++ b/apps/web/src/routes/about.svelte
@@ -18,4 +18,5 @@
 <MarkDownPage
   readmeHTML="{readmeHTML}"
   title="About LibreLingo"
-  description="{$_('about.meta.description')}" />
+  description="{$_('about.meta.description')}"
+/>
diff --git a/apps/web/src/routes/development.svelte b/apps/web/src/routes/development.svelte
index 33b07cae7fd3..d5ad0f5f1ecc 100644
--- a/apps/web/src/routes/development.svelte
+++ b/apps/web/src/routes/development.svelte
@@ -55,12 +55,14 @@
           <div class="buttons">
             <a
               class="button is-primary is-inverted is-outlined"
-              href="course/spanish-from-english">
+              href="course/spanish-from-english"
+            >
               {$_("index.start_spanish_course")}
             </a>
             <a
               class="button is-primary is-inverted is-outlined is-hidden"
-              href="course/german-from-english">
+              href="course/german-from-english"
+            >
               {$_("index.start_german_course")}
             </a>
             <a class="button is-primary is-inverted is-outlined" href="about">
@@ -90,7 +92,8 @@
                 <a
                   href="https://carolinedelesalle.com/"
                   target="_blank"
-                  class="link">
+                  class="link"
+                >
                   Caroline Delesalle
                 </a>
               </h3>
@@ -110,7 +113,8 @@
           <img
             src="images/screenshot-spaced-repetition.png"
             alt=""
-            class="screenshot" />
+            class="screenshot"
+          />
         </Column>
       </Columns>
 
@@ -119,7 +123,8 @@
           <img
             src="images/screenshot-chips-challenge.png"
             alt=""
-            class="screenshot" />
+            class="screenshot"
+          />
         </Column>
 
         <Column>
@@ -140,7 +145,8 @@
           <img
             src="images/screenshot-course-editor.png"
             alt=""
-            class="screenshot" />
+            class="screenshot"
+          />
         </Column>
       </Columns>
 
@@ -149,7 +155,8 @@
           <img
             src="images/screenshot-dictionary.png"
             alt=""
-            class="screenshot" />
+            class="screenshot"
+          />
         </Column>
 
         <Column>
@@ -169,7 +176,8 @@
       <div class="buttons buttons-bottom">
         <a
           class="button is-primary is-inverted is-outlined"
-          href="https://librelingo.readthedocs.io/en/latest/">
+          href="https://librelingo.readthedocs.io/en/latest/"
+        >
           Development documentation
         </a>
         <GitHubButton size="default" />
@@ -197,7 +205,8 @@
                       {#each labels as { name, color }}
                         <div
                           class="tag"
-                          style="{`background-color: #${color}`}">
+                          style="{`background-color: #${color}`}"
+                        >
                           {name}
                         </div>
                       {/each}
diff --git a/apps/web/src/routes/index.svelte b/apps/web/src/routes/index.svelte
index d4d8bee2fa1a..0dd4d804581f 100644
--- a/apps/web/src/routes/index.svelte
+++ b/apps/web/src/routes/index.svelte
@@ -11,7 +11,7 @@
 </script>
 
 <svelte:head>
-  <title>{$_('meta.title')}</title>
+  <title>{$_("meta.title")}</title>
   <meta name="description" content="{$_('index.meta.description')}" />
 </svelte:head>
 
diff --git a/apps/web/src/routes/login.svelte b/apps/web/src/routes/login.svelte
index 31a10a5b65e4..742ca63281eb 100644
--- a/apps/web/src/routes/login.svelte
+++ b/apps/web/src/routes/login.svelte
@@ -34,14 +34,16 @@
         name="Username"
         icon="user"
         id="username"
-        bind:value="{username}" />
+        bind:value="{username}"
+      />
 
       <FormField
         name="Password"
         icon="lock"
         id="password"
         type="password"
-        bind:value="{password}" />
+        bind:value="{password}"
+      />
 
       {#if error !== null}
         <p class="help is-danger">{error}</p>
diff --git a/apps/web/src/routes/sign-up.svelte b/apps/web/src/routes/sign-up.svelte
index a2ccb727454f..a830ba067874 100644
--- a/apps/web/src/routes/sign-up.svelte
+++ b/apps/web/src/routes/sign-up.svelte
@@ -1,194 +1,194 @@
 <script lang="typescript">
-// TODO: deal with this ignore comment
-// eslint-disable-next-line no-unused-vars
-import db from "../db/db.js"
-import settings from "../settings"
-import NavBar from "../components/NavBar.svelte"
-import Button from "lluis/Button"
-import FormField from "lluis/FormField"
-import { _ } from "svelte-i18n"
-
-let loading = false
-
-let username = ""
-let email = ""
-let password = ""
-let password_confirmation = ""
-let license_accepted = false
-let errors = {}
-
-// TODO: deal with this ignore comment
-// eslint-disable-next-line no-useless-escape
-const emailRegexp = /^(([^<>()\[\]\.,;:\s@\"]+(\.[^<>()\[\]\.,;:\s@\"]+)*)|(\".+\"))@(([^<>()[\]\.,;:\s@\"]+\.)+[^<>()[\]\.,;:\s@\"]{2,})$/i
-
-const validateUsername = () => {
-    if (!username) {
-        errors = {
-            ...errors,
-            username: "Please choose a username",
-        }
-
-        return
-    }
-
-    if (username.length < 4) {
-        errors = {
-            ...errors,
-            username: "Please choose a username that has at least 4 characters",
-        }
-
-        return
-    }
-}
-
-const validateEmail = () => {
-    if (!email) {
-        errors = {
-            ...errors,
-            email: "Please tell us your email address",
-        }
-
-        return
-    }
-
-    if (!emailRegexp.test(email)) {
-        errors = {
-            ...errors,
-            email: "This does not look like a valid email address",
-        }
-
-        return
-    }
-}
-
-const validatePassword = () => {
-    if (!password) {
-        errors = {
-            ...errors,
-            password: "Please choose a password",
-        }
-
-        return
-    }
-
-    if (password.length < 6) {
-        errors = {
-            ...errors,
-            password:
+  // TODO: deal with this ignore comment
+  // eslint-disable-next-line no-unused-vars
+  import db from "../db/db.js"
+  import settings from "../settings"
+  import NavBar from "../components/NavBar.svelte"
+  import Button from "lluis/Button"
+  import FormField from "lluis/FormField"
+  import { _ } from "svelte-i18n"
+
+  let loading = false
+
+  let username = ""
+  let email = ""
+  let password = ""
+  let password_confirmation = ""
+  let license_accepted = false
+  let errors = {}
+
+  // TODO: deal with this ignore comment
+  // eslint-disable-next-line no-useless-escape
+  const emailRegexp = /^(([^<>()\[\]\.,;:\s@\"]+(\.[^<>()\[\]\.,;:\s@\"]+)*)|(\".+\"))@(([^<>()[\]\.,;:\s@\"]+\.)+[^<>()[\]\.,;:\s@\"]{2,})$/i
+
+  const validateUsername = () => {
+      if (!username) {
+          errors = {
+              ...errors,
+              username: "Please choose a username",
+          }
+
+          return
+      }
+
+      if (username.length < 4) {
+          errors = {
+              ...errors,
+              username: "Please choose a username that has at least 4 characters",
+          }
+
+          return
+      }
+  }
+
+  const validateEmail = () => {
+      if (!email) {
+          errors = {
+              ...errors,
+              email: "Please tell us your email address",
+          }
+
+          return
+      }
+
+      if (!emailRegexp.test(email)) {
+          errors = {
+              ...errors,
+              email: "This does not look like a valid email address",
+          }
+
+          return
+      }
+  }
+
+  const validatePassword = () => {
+      if (!password) {
+          errors = {
+              ...errors,
+              password: "Please choose a password",
+          }
+
+          return
+      }
+
+      if (password.length < 6) {
+          errors = {
+              ...errors,
+              password:
           "Your password is too short. Please choose a password that's at least 5 characters long.",
-        }
+          }
 
-        return
-    }
+          return
+      }
 
-    if (!password_confirmation) {
-        errors = {
-            ...errors,
-            password_confirmation:
+      if (!password_confirmation) {
+          errors = {
+              ...errors,
+              password_confirmation:
           "Please verify your chosen password by repeating it",
-        }
-
-        return
-    }
-
-    if (password !== password_confirmation) {
-        errors = {
-            ...errors,
-            password_confirmation: "The passwords don't match",
-        }
-
-        return
-    }
-}
-
-const validateLicense = () => {
-    if (!license_accepted) {
-        errors = {
-            ...errors,
-            license: "You have to accept the agreements.",
-        }
-
-        return
-    }
-
-    if (username.length < 4) {
-        errors = {
-            ...errors,
-            username: "Please choose a username that has at least 4 characters",
-        }
-
-        return
-    }
-}
-
-const handleTestingFakes = () => {
-    if (window._test_fake_signup) {
-        if (window._test_user_already_exists) {
-            errors = {
-                ...errors,
-                _form: "User already exists. Please choose another username.",
-            }
-            return
-        }
-    }
-}
-
-let handleSignUp
-$: {
-    handleSignUp = async () => {
-        loading = true
-        errors = {}
-        validateUsername()
-        validateEmail()
-        validatePassword()
-        validateLicense()
-        handleTestingFakes()
-        const isFormValid = Object.keys(errors).length === 0
-
-        if (process.browser === true) {
-            if (window._test_fake_signup) {
-                setTimeout(function () {
-                    if (isFormValid === true) {
-                        loading = false
-                        window.location = "/sign-up-success"
-                    } else {
-                        loading = false
-                    }
-                }, 500)
-            } else {
-                if (isFormValid) {
-                    fetch(settings.database.signUpEndpoint, {
-                        method: "post",
-                        headers: {
-                            "Content-Type": "application/json",
-                        },
-                        body: JSON.stringify({
-                            username,
-                            email,
-                            password,
-                        }),
-                    })
-                        .then((data) => data.json())
-                        .then(({ success, error }) => {
-                            if (success) {
-                                loading = false
-                                window.location = "/sign-up-success"
-                            } else {
-                                loading = false
-                                if (error.code === "invalid-payload") {
-                                    errors = error.details
-                                } else {
-                                    errors = { _form: "Server error" }
-                                }
-                            }
-                        })
-                } else {
-                    loading = false
-                }
-            }
-        }
-    }
-}
+          }
+
+          return
+      }
+
+      if (password !== password_confirmation) {
+          errors = {
+              ...errors,
+              password_confirmation: "The passwords don't match",
+          }
+
+          return
+      }
+  }
+
+  const validateLicense = () => {
+      if (!license_accepted) {
+          errors = {
+              ...errors,
+              license: "You have to accept the agreements.",
+          }
+
+          return
+      }
+
+      if (username.length < 4) {
+          errors = {
+              ...errors,
+              username: "Please choose a username that has at least 4 characters",
+          }
+
+          return
+      }
+  }
+
+  const handleTestingFakes = () => {
+      if (window._test_fake_signup) {
+          if (window._test_user_already_exists) {
+              errors = {
+                  ...errors,
+                  _form: "User already exists. Please choose another username.",
+              }
+              return
+          }
+      }
+  }
+
+  let handleSignUp
+  $: {
+      handleSignUp = async () => {
+          loading = true
+          errors = {}
+          validateUsername()
+          validateEmail()
+          validatePassword()
+          validateLicense()
+          handleTestingFakes()
+          const isFormValid = Object.keys(errors).length === 0
+
+          if (process.browser === true) {
+              if (window._test_fake_signup) {
+                  setTimeout(function () {
+                      if (isFormValid === true) {
+                          loading = false
+                          window.location = "/sign-up-success"
+                      } else {
+                          loading = false
+                      }
+                  }, 500)
+              } else {
+                  if (isFormValid) {
+                      fetch(settings.database.signUpEndpoint, {
+                          method: "post",
+                          headers: {
+                              "Content-Type": "application/json",
+                          },
+                          body: JSON.stringify({
+                              username,
+                              email,
+                              password,
+                          }),
+                      })
+                          .then((data) => data.json())
+                          .then(({ success, error }) => {
+                              if (success) {
+                                  loading = false
+                                  window.location = "/sign-up-success"
+                              } else {
+                                  loading = false
+                                  if (error.code === "invalid-payload") {
+                                      errors = error.details
+                                  } else {
+                                      errors = { _form: "Server error" }
+                                  }
+                              }
+                          })
+                  } else {
+                      loading = false
+                  }
+              }
+          }
+      }
+  }
 </script>
 
 <svelte:head>
@@ -208,27 +208,31 @@ $: {
         icon="user"
         id="username"
         formStatus="{errors}"
-        bind:value="{username}" />
+        bind:value="{username}"
+      />
       <FormField
         name="Email"
         icon="envelope"
         id="email"
         formStatus="{errors}"
-        bind:value="{email}" />
+        bind:value="{email}"
+      />
       <FormField
         name="Password"
         icon="lock"
         id="password"
         type="password"
         formStatus="{errors}"
-        bind:value="{password}" />
+        bind:value="{password}"
+      />
       <FormField
         name="Repeat password"
         icon="lock"
         id="password_confirmation"
         type="password"
         formStatus="{errors}"
-        bind:value="{password_confirmation}" />
+        bind:value="{password_confirmation}"
+      />
 
       <div class="field">
         <div class="control">
@@ -237,7 +241,8 @@ $: {
               type="checkbox"
               name="license"
               id="license"
-              bind:checked="{license_accepted}" />
+              bind:checked="{license_accepted}"
+            />
             I agree to the
             <a href="/tos">Terms and Conditions</a>
             and the
@@ -257,7 +262,8 @@ $: {
         on:click="{handleSignUp}"
         loading="{loading}"
         asHref="/sign-up-success"
-        submit>
+        submit
+      >
         Sign up
       </Button>
     </form>