1---
2category: '@Integrations'
3---
4 
5# useJwt
6 
7Wrapper for [`jwt-decode`](https://github.com/auth0/jwt-decode).
8 
9## Install
10 
11```bash
12npm install jwt-decode@^4
13```
14 
15## Usage
16 
17```ts
18import { useJwt } from '@vueuse/integrations/useJwt'
19import { defineComponent } from 'vue'
20 
21const encodedJwt = ref('eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiIxMjM0NTY3ODkwIiwiaWF0IjoxNTE2MjM5MDIyfQ.L8i6g3PfcHlioHCCPURC9pmXT7gdJpx3kOoyAfNUwCc')
22const { header, payload } = useJwt(encodedJwt)
23```
24 
25## Type Declarations
26 
27```ts
28export interface UseJwtOptions<Fallback> {
29  /**
30   * Value returned when encounter error on decoding
31   *
32   * @default null
33   */
34  fallbackValue?: Fallback
35  /**
36   * Error callback for decoding
37   */
38  onError?: (error: unknown) => void
39}
40export interface UseJwtReturn<Payload, Header, Fallback> {
41  header: ComputedRef<Header | Fallback>
42  payload: ComputedRef<Payload | Fallback>
43}
44/**
45 * Reactive decoded jwt token.
46 *
47 * @see https://vueuse.org/useJwt
48 */
49export declare function useJwt<
50  Payload extends object = JwtPayload,
51  Header extends object = JwtHeader,
52  Fallback = null,
53>(
54  encodedJwt: MaybeRefOrGetter<string>,
55  options?: UseJwtOptions<Fallback>,
56): UseJwtReturn<Payload, Header, Fallback>
57```
58