@authing/vue-ui-components 3.1.16 → 3.1.25-rc.0

package/components/Guard/src/index.vue

@@ -15,14 +15,7 @@ import {
 } from "@authing/native-js-ui-components";
 import "@authing/native-js-ui-components/lib/index.min.css";
 
-export {
-  getAuthClient,
-  initAuthClient,
-  GuardMode,
-  GuardScenes,
-  LoginMethods,
-  RegisterMethods,
-};
+export { getAuthClient, initAuthClient, GuardMode, GuardScenes, LoginMethods, RegisterMethods };
 
 const callbackEvent = ["before-login", "before-register"];
 
@@ -117,7 +110,7 @@ export default {
         ...this.config,
         appId: this.appId,
         mode: this.mode ?? this.config?.mode,
-        autoRegister: this.autoRegister ?? this.config?.autoRegister,
+        target: this.config?.target ?? "#authing_guard_container",
         isSSO: this.isSSO ?? this.config?.isSSO,
         clickCloseable: this.clickCloseable ?? this.config?.clickCloseable,
         escCloseable: this.escCloseable ?? this.config?.escCloseable,
@@ -133,9 +126,7 @@ export default {
     });
 
     const evts = Object.values(GuardEventsCamelToKebabMapping);
-    const kebabToCamelMap = Object.entries(
-      GuardEventsCamelToKebabMapping
-    ).reduce((acc, [camel, kebab]) => {
+    const kebabToCamelMap = Object.entries(GuardEventsCamelToKebabMapping).reduce((acc, [camel, kebab]) => {
       return Object.assign({}, acc, {
         [kebab]: camel,
       });
@@ -161,9 +152,7 @@ export default {
       });
     }, {});
 
-    evts.forEach((evtName) =>
-      this.guardInstance.on(evtName, listeners[evtName])
-    );
+    evts.forEach((evtName) => this.guardInstance.on(evtName, listeners[evtName]));
 
     if (this.localVisible) {
       this.guardInstance.show();
@@ -177,5 +166,12 @@ export default {
       this.guardInstance.hide();
     },
   },
+
+  beforeUnmount() {
+    this.guardInstance.unmountComponent();
+  },
+  beforeDestroy() {
+    this.guardInstance.unmountComponent();
+  },
 };
 </script>