@apptegy/nuxt-navigation 0.1.62 → 0.1.65

package/dist/module.json

@@ -4,7 +4,7 @@
     "nuxt": ">=3.0.0"
   },
   "configKey": "@apptegy/nuxt-navigation",
-  "version": "0.1.62",
+  "version": "0.1.65",
   "builder": {
     "@nuxt/module-builder": "1.0.1",
     "unbuild": "unknown"

package/dist/runtime/components/Nav/Header.vue

@@ -15,17 +15,32 @@
         :user-dropdown-options="userDropdownOptions"
         @select-option="(index) => $emit('selected-option', index)"
       />
-      <NuxtLink
-        v-if="impersonatedUser?.show"
-        class="logout-impersonate-user"
-        :to="'/logout'"
-      >
-        <a-icon
-          class="icon"
-          :icon="'16:logout'"
-          font-size="20px"
-        />
-      </NuxtLink>
+      <template v-if="impersonatedUser?.show">
+        <button
+          v-if="useLogoutEmit"
+          class="logout-impersonate-user"
+          :aria-label="$t('accountSettings.signOut')"
+          @click="$emit('user-logout')">
+          <a-icon
+            class="icon"
+            :icon="'16:logout'"
+            font-size="20px"
+            color="#662E80"
+          />
+        </button>
+        <NuxtLink
+          v-else
+          class="logout-impersonate-user"
+          :to="'/logout'"
+        >
+          <a-icon
+            class="icon"
+            :icon="'16:logout'"
+            font-size="20px"
+            color="#662E80"
+          />
+        </NuxtLink>
+      </template>
     </div>
   </header>
 </template>
@@ -35,9 +50,10 @@ defineProps({
   sticky: { type: Boolean, required: false },
   user: { type: Object, required: true },
   impersonatedUser: { type: Object, required: false },
+  useLogoutEmit: { type: Boolean, required: false },
   userDropdownOptions: { type: Array, required: true }
 });
-defineEmits(["selected-option"]);
+defineEmits(["selected-option", "user-logout"]);
 </script>
 
 <style scoped>
@@ -66,6 +82,8 @@ header.header .logout-impersonate-user {
   display: flex;
   align-items: center;
   justify-content: center;
+  border: none;
+  cursor: pointer;
 }
 header.header .logout-impersonate-user:hover {
   background: var(--purple-30);

package/dist/runtime/components/Nav/Header.vue.d.ts

@@ -9,6 +9,7 @@ interface IUserDropdown {
         avatar?: string;
     };
     impersonatedUser?: IUser;
+    useLogoutEmit?: boolean;
     userDropdownOptions: Array<unknown>;
 }
 type __VLS_Props = IHeaderProps & IUserDropdown;
@@ -22,8 +23,10 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "selected-option": (...args: any[]) => void;
+    "user-logout": (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onSelected-option"?: ((...args: any[]) => any) | undefined;
+    "onUser-logout"?: ((...args: any[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@apptegy/nuxt-navigation",
-    "version": "0.1.62",
+    "version": "0.1.65",
     "type": "module",
     "exports": {
         ".": {
@@ -26,7 +26,7 @@
         "test:types": "vue-tsc --noEmit && cd playground && vue-tsc --noEmit"
     },
     "dependencies": {
-        "@apptegy/nuxt-intl": "^2.2.0",
+        "@apptegy/nuxt-intl": "^2.3.0",
         "@nuxt/kit": "^3.17.0",
         "@vueuse/components": "^12.0.0",
         "@vueuse/core": "^12.0.0"
@@ -46,5 +46,5 @@
         "vue": "^3.5.13",
         "vue-tsc": "^3.0.3"
     },
-    "gitHead": "c921c9ad5a3fad0db88eee75364b7e45435e6170"
+    "gitHead": "3449a89003bc4d69f49b8b19ae42f2e5cbb6addd"
 }