Supabase Nuxt Logout

README.md

README

Things to watch for

• that the JWT token is removed from browser cookies
• set the user to null
• navigate the user to an unprotected page to stop access

Places to check for verification of logout

• browser devtools
  • application tab
    • local storage
      • check for a sb- prefixed access token

instructions.md

Instructions

1. set the client

const supabase = useSupabaseClient();

2. create a function (this one does not need to be async) for logout

function logout() {
  try {
  const { error } = supabase.auth.signOut();
  if (error) {
    throw error;
  }
  } catch (error) {
    console.error(error)
  }
}

3. attach the function to the logout button

<button @click="logout">Log out</button>

---

How to verify logout

1. In the devtools, check Application Tab -> Local Storage -> sb- access token
2. get the user info from the session and print it to the page (it will disappear on a successful log out)

<script setup>
const user = useSupabaseUser();
</script>
<template>
<p>{{ user }}</p>
</template>