Fix code formatting

src/functions/i18n.ts

@@ -1,39 +1,39 @@
-import { nextTick } from "vue"
+import { nextTick } from "vue";
-import { createI18n } from "vue-i18n"
+import { createI18n } from "vue-i18n";
 import { KcContextBase } from "~/types/context";
 
-export const SUPPORT_LOCALES = ["en", "de"]
+export const SUPPORT_LOCALES = ["en", "de"];
 
 export function setupI18n(options = {}) {
-    let browserLocale = navigator.language.split("-")[0];
+  const browserLocale = navigator.language.split("-")[0];
-    let defaultLocale = "en";
+  let defaultLocale = "en";
-    if (SUPPORT_LOCALES.includes(browserLocale)) {
+  if (SUPPORT_LOCALES.includes(browserLocale)) {
-        defaultLocale = browserLocale;
+    defaultLocale = browserLocale;
-    }
+  }
 
-    const i18n = createI18n(options)
+  const i18n = createI18n(options);
-    setI18nLanguage(i18n, defaultLocale)
+  setI18nLanguage(i18n, defaultLocale);
-    return i18n
+  return i18n;
+}
+
+export function setI18nLanguage(i18n, locale) {
+  loadLocaleMessages(i18n, locale);
+  if (i18n.mode === "legacy") {
+    i18n.global.locale = locale;
+  } else {
+    i18n.global.locale.value = locale;
   }
-  
+}
-  export function setI18nLanguage(i18n, locale) {
+
-    loadLocaleMessages(i18n, locale);
+export async function loadLocaleMessages(i18n, locale) {
-    if (i18n.mode === 'legacy') {
+  // load locale messages with dynamic import
-      i18n.global.locale = locale
+  const context = (window as any).kcContext as KcContextBase.Common;
-    } else {
+  const messages = await import(
-      i18n.global.locale.value = locale
+    /* webpackIgnore: true */ `${context.url.resourcesPath}/locales/${locale}.js`
-    }
+  );
-  }
+
-  
+  // set locale and locale message
-  export async function loadLocaleMessages(i18n, locale) {
+  i18n.global.setLocaleMessage(locale, messages.content);
-    // load locale messages with dynamic import
+
-    let context = (window as any).kcContext as KcContextBase.Common;
+  return nextTick();
-    const messages = await import(
+}
-      /* webpackIgnore: true */`${context.url.resourcesPath}/locales/${locale}.js`
-    )
-  
-    // set locale and locale message
-    i18n.global.setLocaleMessage(locale, messages.content)
-  
-    return nextTick()
-  }

src/static/login/resources/locales/de.js

@@ -1,37 +1,40 @@
 export const content = {
-    "login": {
+  login: {
-        "title": "Mit Ihrem Konto anmelden",
+    title: "Mit Ihrem Konto anmelden",
-        "noAccount": "Sie haben noch kein Konto?",
+    noAccount: "Sie haben noch kein Konto?",
-        "signupLink": "Jetzt registrieren.",
+    signupLink: "Jetzt registrieren.",
-        "username": "Benutzername",
+    username: "Benutzername",
-        "usernameOrEmail": "Benutzername oder E-Mail-Adresse",
+    usernameOrEmail: "Benutzername oder E-Mail-Adresse",
-        "password": "Passwort",
+    password: "Passwort",
-        "forgotPassword": "Passwort vergessen?",
+    forgotPassword: "Passwort vergessen?",
-        "rememberMe": "Angemeldet bleiben",
+    rememberMe: "Angemeldet bleiben",
-        "login": "Anmelden",
+    login: "Anmelden",
-        "rety": "Erneut versuchen",
+    rety: "Erneut versuchen",
-        "welcome": "Willkommen!"
+    welcome: "Willkommen!",
-    },
+  },
-    "2fa": {
+  "2fa": {
-        "selectFactor": "Bitte wählen Sie einen zweiten Faktor aus:",
+    selectFactor: "Bitte wählen Sie einen zweiten Faktor aus:",
-        "hwSecKey": "Hardware Sicherheits-Schlüssel",
+    hwSecKey: "Hardware Sicherheits-Schlüssel",
-        "hwSecKeyDesc": "Verwenden Sie ein WebAuthn kompatibles Gerät",
+    hwSecKeyDesc: "Verwenden Sie ein WebAuthn kompatibles Gerät",
-        "otp": "Authenticator App",
+    otp: "Authenticator App",
-        "otpDesc": "Verwenden Sie einen Einmalcode aus ihrem Authenticator",
+    otpDesc: "Verwenden Sie einen Einmalcode aus ihrem Authenticator",
-        "recoveryCode": "Wiederherstellungsschlüssel",
+    recoveryCode: "Wiederherstellungsschlüssel",
-        "recoveryCodeDesc": "Verwenden Sie einen ihrer Wiederherstellungsschlüssel",
+    recoveryCodeDesc: "Verwenden Sie einen ihrer Wiederherstellungsschlüssel",
-        "tryAnotherWay": "Eine andere Option nutzen."
+    tryAnotherWay: "Eine andere Option nutzen.",
-    },
+  },
-    "webauthn": {
+  webauthn: {
-        "title": "Bitte verwenden Sie eines ihrer Geräte, um fortzufahren:",
+    title: "Bitte verwenden Sie eines ihrer Geräte, um fortzufahren:",
-        "registered": "Registriert: {date}",
+    registered: "Registriert: {date}",
-        "authenticate": "Fortfahren",
+    authenticate: "Fortfahren",
-        "noDevice": "Kein Gerät zur Hand?",
+    noDevice: "Kein Gerät zur Hand?",
-        "noSupport": "Es scheint, als würde ihr Browser WebAuthn nicht unterstützen. Bitte nutzen Sie einen anderen Browser für die Anmeldung.",
+    noSupport:
-        "noSupportOtherMethod": "Es scheint, als würde ihr Browser WebAuthn nicht unterstützen. Bitte nutzen Sie einen anderen Browser für die Anmeldung, oder wählen Sie eine andere Anmeldeoption.",
+      "Es scheint, als würde ihr Browser WebAuthn nicht unterstützen. Bitte nutzen Sie einen anderen Browser für die Anmeldung.",
-        "error": "Bei der Anmeldung mit ihrem Gerät ist etwas schief gelaufen. Bitte versuchen Sie es erneut, oder wählen Sie eine andere Anmeldeoption."
+    noSupportOtherMethod:
-    },
+      "Es scheint, als würde ihr Browser WebAuthn nicht unterstützen. Bitte nutzen Sie einen anderen Browser für die Anmeldung, oder wählen Sie eine andere Anmeldeoption.",
-    "redirect": {
+    error:
-        "message": "Sie werden weitergeleitet..."
+      "Bei der Anmeldung mit ihrem Gerät ist etwas schief gelaufen. Bitte versuchen Sie es erneut, oder wählen Sie eine andere Anmeldeoption.",
-    }
+  },
-}
+  redirect: {
+    message: "Sie werden weitergeleitet...",
+  },
+};

src/static/login/resources/locales/en.js

@@ -1,37 +1,40 @@
 export const content = {
-    "login": {
+  login: {
-        "title": "Login to your account",
+    title: "Login to your account",
-        "noAccount": "Don't have an account yet?",
+    noAccount: "Don't have an account yet?",
-        "signupLink": "Sign up.",
+    signupLink: "Sign up.",
-        "username": "Username",
+    username: "Username",
-        "usernameOrEmail": "Email or Username",
+    usernameOrEmail: "Email or Username",
-        "password": "Password",
+    password: "Password",
-        "forgotPassword": "Forgot Password?",
+    forgotPassword: "Forgot Password?",
-        "rememberMe": "Remember me",
+    rememberMe: "Remember me",
-        "login": "Login",
+    login: "Login",
-        "rety": "Retry",
+    rety: "Retry",
-        "welcome": "Welcome!"
+    welcome: "Welcome!",
-    },
+  },
-    "2fa": {
+  "2fa": {
-        "selectFactor": "Please select a second factor you would like to use:",
+    selectFactor: "Please select a second factor you would like to use:",
-        "hwSecKey": "Hardware Security Key",
+    hwSecKey: "Hardware Security Key",
-        "hwSecKeyDesc": "Authenticate using a WebAuthn capable device",
+    hwSecKeyDesc: "Authenticate using a WebAuthn capable device",
-        "otp": "Authenticator App",
+    otp: "Authenticator App",
-        "otpDesc": "Authenticate using a one time code from your authenticator app",
+    otpDesc: "Authenticate using a one time code from your authenticator app",
-        "recoveryCode": "Recovery Code",
+    recoveryCode: "Recovery Code",
-        "recoveryCodeDesc": "Authenticate using one of your recovery codes",
+    recoveryCodeDesc: "Authenticate using one of your recovery codes",
-        "tryAnotherWay": "Try another method."
+    tryAnotherWay: "Try another method.",
-    },
+  },
-    "webauthn": {
+  webauthn: {
-        "title": "Please use one of your registered devices to continue:",
+    title: "Please use one of your registered devices to continue:",
-        "registered": "Registered: {date}",
+    registered: "Registered: {date}",
-        "authenticate": "Continue",
+    authenticate: "Continue",
-        "noDevice": "Don't have your device at hand?",
+    noDevice: "Don't have your device at hand?",
-        "noSupport": "It seems that your browser doesn't support WebAuthn. Please try logging in with a different browser.",
+    noSupport:
-        "noSupportOtherMethod": "It seems that your browser doesn't support WebAuthn. Please try logging in with a different browser, or try a different login method using the button below.",
+      "It seems that your browser doesn't support WebAuthn. Please try logging in with a different browser.",
-        "error": "Something went wrong during authentication using your device. Please try again, or use a different login method."
+    noSupportOtherMethod:
-    },
+      "It seems that your browser doesn't support WebAuthn. Please try logging in with a different browser, or try a different login method using the button below.",
-    "redirect": {
+    error:
-        "message": "Redirecting..."
+      "Something went wrong during authentication using your device. Please try again, or use a different login method.",
-    }
+  },
-}
+  redirect: {
+    message: "Redirecting...",
+  },
+};

src/types/context.ts

@@ -4,7 +4,7 @@
  * MIT License
  *
  * Copyright (c) 2020 GitHub user u/garronej
- * 
+ *
  * Permission is hereby granted, free of charge, to any person obtaining a copy
  * of this software and associated documentation files (the "Software"), to deal
  * in the Software without restriction, including without limitation the rights

src/views/login/index.ts

@@ -4,6 +4,6 @@ import { setupI18n } from "~/functions/i18n";
 
 if ((window as any).kcContext) {
   const app = createApp(index);
-  app.use(setupI18n())
+  app.use(setupI18n());
   app.mount("#app");
 }

src/views/login/index.vue

@@ -22,7 +22,9 @@
       method="post">
       <div>
         <label for="username" class="block text-sm text-gray-800">{{
-          context.realm.loginWithEmailAllowed ? $t("login.usernameOrEmail") : $t("login.username")
+          context.realm.loginWithEmailAllowed
+            ? $t("login.usernameOrEmail")
+            : $t("login.username")
         }}</label>
         <input
           name="username"
@@ -37,9 +39,9 @@
       </div>
       <div class="mt-4">
         <div>
-          <label for="password" class="block text-sm text-gray-800"
+          <label for="password" class="block text-sm text-gray-800">{{
-            >{{ $t("login.password") }}</label
+            $t("login.password")
-          >
+          }}</label>
           <input
             type="password"
             name="password"
@@ -60,9 +62,9 @@
           type="checkbox"
           name="rememberMe"
           class="w-4 h-4 text-blue-500 bg-gray-100 border-gray-400 rounded dark:ring-offset-gray-800 dark:bg-gray-700 dark:border-gray-600" />
-        <label for="rememberMe" class="block ml-3 text-sm text-gray-800"
+        <label for="rememberMe" class="block ml-3 text-sm text-gray-800">{{
-          >{{ $t("login.rememberMe") }}</label
+          $t("login.rememberMe")
-        >
+        }}</label>
       </div>
       <input
         type="hidden"

src/views/saml-post-form/index.ts

@@ -4,6 +4,6 @@ import { setupI18n } from "~/functions/i18n";
 
 if ((window as any).kcContext) {
   const app = createApp(index);
-  app.use(setupI18n())
+  app.use(setupI18n());
   app.mount("#app");
 }

src/views/saml-post-form/index.vue

@@ -12,7 +12,9 @@
           stroke-dasharray="164 56" />
       </svg>
     </div>
-    <h1 class="mt-4 text-xl text-center text-gray-700">{{ $t("redirect.message") }}</h1>
+    <h1 class="mt-4 text-xl text-center text-gray-700">
+      {{ $t("redirect.message") }}
+    </h1>
   </layout>
 </template>
 <script lang="ts">

src/views/select-authenticator/index.ts

@@ -4,6 +4,6 @@ import { setupI18n } from "~/functions/i18n";
 
 if ((window as any).kcContext) {
   const app = createApp(index);
-  app.use(setupI18n())
+  app.use(setupI18n());
   app.mount("#app");
 }

src/views/webauthn-authenticate/index.vue

@@ -59,9 +59,7 @@
       </button>
     </div>
     <div v-if="error" class="mt-5 flex flex-col">
-      <ErrorBox
+      <ErrorBox>{{ $t("webauthn.error") }}</ErrorBox>
-        >{{ $t("webauthn.error") }}</ErrorBox
-      >
       <button
         :onclick="retryAuth"
         class="w-full mt-5 px-4 py-2 tracking-wide text-white transition-colors duration-200 transform bg-blue-500 rounded-md hover:bg-blue-400 focus:outline-none focus:bg-blue-400">
@@ -105,7 +103,7 @@ export default defineComponent({
     },
     prepareAuthenticate() {
       if (this.context.isUserIdentified) {
-        const allowedCredentials = new Array<PublicKeyCredentialDescriptor>();
+        const allowedCredentials: PublicKeyCredentialDescriptor[] = [];
         this.context.authenticators.authenticators.forEach(authenticator => {
           allowedCredentials.push({
             id: base64url.parse(authenticator.credentialId, { loose: true }),
@@ -118,7 +116,7 @@ export default defineComponent({
       }
     },
     async authenticate(
-      allowedAuthenticators: Array<PublicKeyCredentialDescriptor>
+      allowedAuthenticators: PublicKeyCredentialDescriptor[]
     ) {
       const publicKey: PublicKeyCredentialRequestOptions = {
         rpId: this.context.rpId,