Fix carousel

assets/js/app.js

@@ -1,42 +1,40 @@
-var messages = {};
+'use strict'
 
-document.addEventListener("DOMContentLoaded", function() {
-  let userLanguage = (navigator.language || navigator.userLanguage).toLowerCase();
-  while (userLanguage && !messages[userLanguage]) {
-    if (userLanguage.indexOf('-') === -1) {
-      userLanguage = 'en';
-      break;
-    } else {
-      userLanguage = userLanguage.substring(0, userLanguage.lastIndexOf('-'));
-    }
+let userLanguage = (navigator.language || navigator.userLanguage).toLowerCase();
+while (userLanguage && !messages[userLanguage]) {
+  if (userLanguage.indexOf('-') === -1) {
+    userLanguage = 'en';
+    break;
+  } else {
+    userLanguage = userLanguage.substring(0, userLanguage.lastIndexOf('-'));
   }
+}
 
-  const i18n = VueI18n.createI18n({
-    locale: userLanguage,
-    fallbackLocale: 'en',
-    messages,
-  });
-
-  const app = Vue.createApp({
-    setup() {
-      const langs = Vue.ref(messages);
-      const showNavbar = Vue.ref(false);
-      const scrolled = Vue.ref(false);
-
-      return {
-        langs,
-        showNavbar,
-        scrolled
-      };
-    },
+const i18n = VueI18n.createI18n({
+  locale: userLanguage,
+  fallbackLocale: 'en',
+  messages,
+});
 
-    mounted() {
-      window.addEventListener('scroll', () => {
-        this.scrolled = window.scrollY > 0;
-      });
-    }
-  });
+const app = Vue.createApp({
+  setup() {
+    const langs = Vue.ref(messages);
+    const showNavbar = Vue.ref(false);
+    const scrolled = Vue.ref(false);
+
+    return {
+      langs,
+      showNavbar,
+      scrolled
+    };
+  },
 
-  app.use(i18n)
-  app.mount('body')
+  mounted() {
+    window.addEventListener('scroll', () => {
+      this.scrolled = window.scrollY > 0;
+    });
+  }
 });
+
+app.use(i18n);
+app.mount('body');

assets/js/lang/de.js

@@ -1,3 +1,4 @@
+if (!messages) var messages = {};
 messages["de"] = {
   "lang.name": "DE",
 

assets/js/lang/en.js

@@ -1,3 +1,4 @@
+if (!messages) var messages = {};
 messages["en"] = {
   "lang.name": "EN",
 

assets/js/lang/zh.js

@@ -1,3 +1,4 @@
+if (!messages) var messages = {};
 messages["zh"] = {
   "lang.name": "繁中",
 

assets/js/lang/zh_cn.js

@@ -1,3 +1,4 @@
+if (!messages) var messages = {};
 messages["zh-cn"] = {
   "lang.name": "简中",
 

index.html

@@ -14,14 +14,13 @@
 
     <script src="https://unpkg.com/vue@3/dist/vue.global.prod.js"></script>
     <script src="https://unpkg.com/vue-i18n@9/dist/vue-i18n.global.prod.js"></script>
-
-    <script src="assets/js/app.js"></script>
-    <script src="assets/js/carousel.js" defer></script>
 
-    <script src="assets/js/lang/en.js"></script>
-    <script src="assets/js/lang/zh.js"></script>
-    <script src="assets/js/lang/zh_cn.js"></script>
-    <script src="assets/js/lang/de.js"></script>
+    <script src="assets/js/lang/en.js" defer></script>
+    <script src="assets/js/lang/zh.js" defer></script>
+    <script src="assets/js/lang/zh_cn.js" defer></script>
+    <script src="assets/js/lang/de.js" defer></script>
+    <script src="assets/js/app.js" defer></script>
+    <script src="assets/js/carousel.js" defer></script>
 
     <title>Minecraft Transit Railway</title>
   </head>