diff --git a/src/App.vue b/src/App.vue
index b299556..ff953f9 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -8,9 +8,9 @@ import LocaleSaver from '@/components/locale/LocaleSaver.vue';
 @Options({
   name: 'App',
   components: {
-    NavBar,
     DocumentLocaleSetter,
     LocaleSaver,
+    NavBar,
     RouterView,
   },
 })
diff --git a/src/components/NavBar.vue b/src/components/NavBar.vue
index 60f8a17..7b83eaa 100644
--- a/src/components/NavBar.vue
+++ b/src/components/NavBar.vue
@@ -22,36 +22,36 @@ export default class NavBar extends Vue {
 <template>
   <nav class="navbar navbar-expand">
     <div class="container-fluid">
-<!--      <a class="navbar-brand" href="#">Navbar</a>-->
+      <!--      <a class="navbar-brand" href="#">Navbar</a>-->
       <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
               aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
         <span class="navbar-toggler-icon"></span>
       </button>
       <div class="collapse navbar-collapse" id="navbarSupportedContent">
-<!--        <ul class="navbar-nav me-auto mb-2 mb-lg-0">-->
-<!--          <li class="nav-item">-->
-<!--            <a class="nav-link active" aria-current="page" href="#">Home</a>-->
-<!--          </li>-->
-<!--          <li class="nav-item">-->
-<!--            <a class="nav-link" href="#">Link</a>-->
-<!--          </li>-->
-<!--          <li class="nav-item dropdown">-->
-<!--            <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">-->
-<!--              Dropdown-->
-<!--            </a>-->
-<!--            <ul class="dropdown-menu">-->
-<!--              <li><a class="dropdown-item" href="#">Action</a></li>-->
-<!--              <li><a class="dropdown-item" href="#">Another action</a></li>-->
-<!--              <li>-->
-<!--                <hr class="dropdown-divider">-->
-<!--              </li>-->
-<!--              <li><a class="dropdown-item" href="#">Something else here</a></li>-->
-<!--            </ul>-->
-<!--          </li>-->
-<!--          <li class="nav-item">-->
-<!--            <a class="nav-link disabled">Disabled</a>-->
-<!--          </li>-->
-<!--        </ul>-->
+        <!--        <ul class="navbar-nav me-auto mb-2 mb-lg-0">-->
+        <!--          <li class="nav-item">-->
+        <!--            <a class="nav-link active" aria-current="page" href="#">Home</a>-->
+        <!--          </li>-->
+        <!--          <li class="nav-item">-->
+        <!--            <a class="nav-link" href="#">Link</a>-->
+        <!--          </li>-->
+        <!--          <li class="nav-item dropdown">-->
+        <!--            <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">-->
+        <!--              Dropdown-->
+        <!--            </a>-->
+        <!--            <ul class="dropdown-menu">-->
+        <!--              <li><a class="dropdown-item" href="#">Action</a></li>-->
+        <!--              <li><a class="dropdown-item" href="#">Another action</a></li>-->
+        <!--              <li>-->
+        <!--                <hr class="dropdown-divider">-->
+        <!--              </li>-->
+        <!--              <li><a class="dropdown-item" href="#">Something else here</a></li>-->
+        <!--            </ul>-->
+        <!--          </li>-->
+        <!--          <li class="nav-item">-->
+        <!--            <a class="nav-link disabled">Disabled</a>-->
+        <!--          </li>-->
+        <!--        </ul>-->
         <div class="mx-auto">
           <div class="d-flex flex-row">
             <AniListUserSearch class="mx-1"/>
diff --git a/src/locale/locale.ts b/src/locale/locale.ts
index ad70966..5af392a 100644
--- a/src/locale/locale.ts
+++ b/src/locale/locale.ts
@@ -1,17 +1,17 @@
 import type {I18n} from 'vue-i18n';
 import {createI18n as vueCreateI18n} from 'vue-i18n';
-import {messagesEn, datetimeFormatsEn} from '@/locale/en';
-import {messagesDe, datetimeFormatsDe} from '@/locale/de';
+import {datetimeFormatsEn, messagesEn} from '@/locale/en';
+import {datetimeFormatsDe, messagesDe} from '@/locale/de';
 
 const messages = {
   en: messagesEn,
   de: messagesDe,
-}
+};
 
 const datetimeFormats = {
   en: datetimeFormatsEn,
   de: datetimeFormatsDe,
-}
+};
 
 export function createI18n(): I18n {
   return vueCreateI18n({