Fix default language detection.

Closes #1118
Closes #743

src/App.vue

@@ -46,7 +46,8 @@ export default {
         const App = this;
 
         (async function () {
-            const locale = App.getPreferenceString("hl", App.defaultLangage);
+            const defaultLang = await App.defaultLangage;
+            const locale = App.getPreferenceString("hl", defaultLang);
             if (locale !== App.TimeAgoConfig.locale) {
                 const localeTime = await import(
                     "./../node_modules/javascript-time-ago/locale/" + locale + ".json"

src/components/PreferencesPage.vue

@@ -357,7 +357,7 @@ export default {
             this.showComments = this.getPreferenceBoolean("comments", true);
             this.minimizeDescription = this.getPreferenceBoolean("minimizeDescription", false);
             this.watchHistory = this.getPreferenceBoolean("watchHistory", false);
-            this.selectedLanguage = this.getPreferenceString("hl", this.defaultLangage);
+            this.selectedLanguage = this.getPreferenceString("hl", await this.defaultLangage);
             this.enabledCodecs = this.getPreferenceString("enabledCodecs", "vp9,avc").split(",");
             this.disableLBRY = this.getPreferenceBoolean("disableLBRY", false);
             this.proxyLBRY = this.getPreferenceBoolean("proxyLBRY", false);
@@ -373,14 +373,14 @@ export default {
         }
     },
     methods: {
-        onChange() {
+        async onChange() {
             if (this.testLocalStorage) {
                 var shouldReload = false;
 
                 if (
                     this.getPreferenceString("theme", "dark") !== this.selectedTheme ||
                     this.getPreferenceBoolean("watchHistory", false) != this.watchHistory ||
-                    this.getPreferenceString("hl", this.defaultLangage) !== this.selectedLanguage ||
+                    this.getPreferenceString("hl", await this.defaultLangage) !== this.selectedLanguage ||
                     this.getPreferenceString("enabledCodecs", "av1,vp9,avc") !== this.enabledCodecs.join(",")
                 )
                     shouldReload = true;

src/main.js

@@ -208,11 +208,11 @@ const mixin = {
                 return false;
             }
         },
-        defaultLangage() {
+        async defaultLangage() {
             const languages = window.navigator.languages;
             for (let i = 0; i < languages.length; i++) {
                 try {
-                    require("@/locales/" + languages[i] + ".json");
+                    await import("./locales/" + languages[i] + ".json");
                     return languages[i];
                 } catch {
                     continue;