docs: Add example for handling authentication with useCookie in Nuxt docs

This commit is contained in:
angelo 2024-10-15 04:26:50 +02:00
parent e0638856c1
commit 580cc68024

View File

@ -231,3 +231,36 @@ export default defineEventHandler(event => {
``` ```
:link-example{to="/docs/examples/advanced/use-cookie"} :link-example{to="/docs/examples/advanced/use-cookie"}
## Handling Authentication with Cookies
You can manage authentication tokens using cookies like this:
```ts [plugins/auth.ts]
export default defineNuxtPlugin(() => {
const nuxtApp = useNuxtApp()
const authStore = useAuthStore()
const accessToken = useCookie('accessToken', {
sameSite: 'strict',
})
return {
provide: {
getAccessToken() {
return accessToken.value
},
setAccessToken(accessToken: string) {
accessToken.value = accessToken
},
loginUser(user: User) {
nuxtApp.$setAccessToken(user.accessToken)
authStore.setUser(user)
},
logout() {
nuxtApp.$setAccessToken('')
authStore.logout()
},
},
}
})
```