2025-12-07 21:27:23 +01:00
|
|
|
|
<template>
|
2025-12-07 21:27:23 +01:00
|
|
|
|
<UButton color="neutral" variant="ghost" icon="i-lucide-log-out" size="xl" @click="onLogout"> Log Out </UButton>
|
2025-12-07 21:27:23 +01:00
|
|
|
|
</template>
|
2025-12-07 21:27:23 +01:00
|
|
|
|
|
|
|
|
|
|
<script setup lang="ts">
|
|
|
|
|
|
const { logout } = useAuth();
|
|
|
|
|
|
const toast = useToast();
|
|
|
|
|
|
|
|
|
|
|
|
const onLogout = () => {
|
|
|
|
|
|
logout();
|
|
|
|
|
|
navigateTo('/');
|
|
|
|
|
|
toast.add({
|
|
|
|
|
|
title: 'Successfully logged out!',
|
|
|
|
|
|
description: 'You successfully logged out of your account and have been taken back to the website’s welcome page.',
|
|
|
|
|
|
color: 'success',
|
|
|
|
|
|
});
|
|
|
|
|
|
};
|
|
|
|
|
|
</script>
|
