dto.ts

export interface IUser {
  id?: number;
  email: string;
  first_name: string;
  last_name: string;
  avatar: string;
}

export class UserDTO implements IUser{
  id?: number;
  avatar: string = '';
  email: string = '';
  first_name: string = '';
  last_name: string = '';

}

export default class User extends UserDTO {
  constructor(dto: UserDTO){
    super();
    Object.assign(this, dto);
  }

  get fullName(): string {
    return `${this.first_name} ${this.last_name}`;
  }
}
/// User.ts

static async getAllUsers(): Promise<User[]>{
  let url = 'https://reqres.in/api/users'
  let response = await this.usersAxios.get<RequestInterface>(url);
  return response.data.data.map(userDto => new User(userDto));
}

<v-list-item :key="index" v-for="(user, index) in users">
  {{user.fullName}}
</v-list-item>
/// HomeComponent.vue - html