---
title: "useSupabaseUser"
description: "Auto import and use your Supabase user with the useSupabaseUser composable"
canonical_url: "https://supabase.nuxtjs.org/composables/usesupabaseuser"
---
# useSupabaseUser

> Auto import and use your Supabase user with the useSupabaseUser composable

Once logged in, you can [auto-import](https://nuxt.com/docs/guide/directory-structure/composables) your user everywhere inside your vue files.

```vue
<script setup>
const user = useSupabaseUser()
</script>
```

## Auth middleware

<tip>

By default, the module is implementing a redirect middleware. All pages of your application are automatically redirected to the [login](https://supabase.nuxtjs.org/getting-started/introduction#redirectoptions) page. However, you can allow redirection to "public" pages by setting the [exclude](https://supabase.nuxtjs.org/getting-started/introduction#redirectoptions) redirect option. Alternatively, you can enable the redirect only for certain routes using the [include](https://supabase.nuxtjs.org/getting-started/introduction#redirectoptions) redirect option.

</tip>

If the [redirect](https://supabase.nuxtjs.org/getting-started/introduction#redirect) option is disabled, you can protect your authenticated routes by creating a custom middleware in your project, here is an example:

```ts [middleware/auth.ts]
export default defineNuxtRouteMiddleware((to, _from) => {
  const user = useSupabaseUser()

  if (!user.value) {
    return navigateTo('/login')
  }
})
```

Then you can reference your middleware in your page with:

```ts [pages/dashboard.vue]
definePageMeta({
  middleware: 'auth'
})
```

Learn more about [Nuxt middleware](https://nuxt.com/docs/guide/directory-structure/middleware) and [definePageMeta](https://nuxt.com/docs/guide/directory-structure/pages#page-metadata).


## Sitemap

See the full [sitemap](https://supabase.nuxtjs.org/sitemap.md) for all pages.