Define this.$auth.user type

I’m using typescript and I need to change this.$auth.user to correct type. It’s default typed as Record<string, unknown> | null from @nuxtjs/auth-next/dist/index.d.ts. How can I overwrite this type definition?

I tried to create an index.d.ts file in my src/types directory with the following content, but it doesn’t work

// Still reading default type
import { Auth } from '@nuxtjs/auth-next/dist'
import { Collaborator } from '~/interfaces/Collaborator'

declare module '@nuxtjs/auth-next' {
  interface Vue {
    $auth: Auth & { user: Collaborator }
  }
}

declare module 'vue/types/vue' {
  interface Vue {
    $auth: Auth & { user: Collaborator }
  }
}

The latter approach gives me this error message:

TS2717: Subsequent property declarations must have the same type.
Property '$auth' must be of type 'Auth', but here has type 'Auth & { user: Collaborator; }'.

[mao-shonen]

I’m a beginner in typescript, I’m not sure if it’s wrong, but it’s working well in my project

// index.d.ts
import { Auth as NuxtAuth } from '@nuxtjs/auth-next'

export interface User {
  id: string
  name: string
}

declare module 'vue/types/vue' {
  interface Auth extends NuxtAuth {
    user: User & typeof NuxtAuth.prototype.user
  }
}

declare module '@nuxt/types' {
  interface Auth extends NuxtAuth {
    user: User & typeof NuxtAuth.prototype.user
  }
}

declare module 'vuex/types/index' {
  interface Auth extends NuxtAuth {
    user: User & typeof NuxtAuth.prototype.user
  }
}

[Myzel394]

The solution above didn’t work for me. Here’s what worked for me:

import { Auth as NuxtAuth } from "@nuxtjs/auth-next"
import User from "~/types/user"

declare module "vue/types/vue" {
    interface Vue {
        // @ts-ignore
        $auth: NuxtAuth & {
            user: User
        }
    }
}