@authing/vue-ui-components 3.1.13-rc.8 → 3.1.15

package/components/Guard/src/index.vue

@@ -1,19 +1,19 @@
 <template>
-  <div id="authing_guard_container" />
+  <div id="authing_guard_container"></div>
 </template>
 
 <script>
 import {
   getAuthClient,
   initAuthClient,
-  GuardEventsCamelToKebabMap,
   GuardMode,
   GuardScenes,
   LoginMethods,
   RegisterMethods,
+  Guard as NativeGuard,
+  GuardEventsCamelToKebabMapping,
 } from "@authing/native-js-ui-components";
 import "@authing/native-js-ui-components/lib/index.min.css";
-import { Guard as NativeGuard } from "@authing/native-js-ui-components/lib/index.min.js";
 
 export {
   getAuthClient,
@@ -125,22 +125,21 @@ export default {
     },
   },
   mounted() {
-    this.guardInstance = new NativeGuard(
-      this.appId,
-      this.mergeConfig,
-      this.tenantId,
-      this.authClient
-    );
+    this.guardInstance = new NativeGuard({
+      appId: this.appId,
+      tenantId: this.tenantId,
+      config: this.mergeConfig,
+      authClient: this.authClient,
+    });
 
-    const evts = Object.values(GuardEventsCamelToKebabMap);
-    const kebabToCamelMap = Object.entries(GuardEventsCamelToKebabMap).reduce(
-      (acc, [camel, kebab]) => {
-        return Object.assign({}, acc, {
-          [kebab]: camel,
-        });
-      },
-      {}
-    );
+    const evts = Object.values(GuardEventsCamelToKebabMapping);
+    const kebabToCamelMap = Object.entries(
+      GuardEventsCamelToKebabMapping
+    ).reduce((acc, [camel, kebab]) => {
+      return Object.assign({}, acc, {
+        [kebab]: camel,
+      });
+    }, {});
 
     const listeners = evts.reduce((acc, evtName) => {
       return Object.assign({}, acc, {