From bf8fdbb076207d69b7884491728f3c0f26fda1ac Mon Sep 17 00:00:00 2001
From: Xander Frangos <33106561+xanderfrangos@users.noreply.github.com>
Date: Sun, 26 May 2024 12:19:19 -0400
Subject: [PATCH] Init i18n before usage

---
 src_assets/common/assets/web/pin.html | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src_assets/common/assets/web/pin.html b/src_assets/common/assets/web/pin.html
index 82b45299e67..0c0bf9729a5 100644
--- a/src_assets/common/assets/web/pin.html
+++ b/src_assets/common/assets/web/pin.html
@@ -25,7 +25,7 @@ <h1 class="my-4 text-center">{{ $t('pin.pin_pairing') }}</h1>
 
 <script type="module">
   import { createApp } from 'vue'
-  import i18n from './locale.js'
+  import i18nLocale from './locale.js'
   import Navbar from './Navbar.vue'
   import {initApp} from "./init";
 
@@ -35,8 +35,9 @@ <h1 class="my-4 text-center">{{ $t('pin.pin_pairing') }}</h1>
     }
   });
 
-  initApp(app, (app => {
+  initApp(app, (async app => {
     // this must be after mounting the app
+    const i18n = await i18nLocale()
     document.querySelector("#form").addEventListener("submit", (e) => {
       e.preventDefault();
       let pin = document.querySelector("#pin-input").value;