How to generate return types?

[TheDutchCoder]

I'm going to switch from apollo codegen to graphql-code-generator, but I'm running into a problem: I can't get return types to be generated.

What I mean is, for example a query on an account GetAccount, the generated type is:

export type GetAccountQuery = { __typename?: 'Query', getAccount?: { __typename?: 'Account', id: string, username?: string | null, bio?: string | null, email?: string | null, banner?: any | null, icon?: any | null, type?: AccountTypes | null, verified?: boolean | null, social?: { __typename?: 'SocialLinks', twitter?: string | null, instagram?: string | null, website?: string | null } | null } | null };

Which is not very useful, because that doesn't contain a type to import.

I would have expected something along the lines of:

export type GetAccountQuery = { __typename?: 'Query', getAccount?: GetAccountQueryAccount | null };

export type GetAccountQueryAccount = { __typename?: 'Account', id: string, username?: string | null, bio?: string | null, email?: string | null, banner?: any | null, icon?: any | null, type?: AccountTypes | null, verified?: boolean | null, social?: { __typename?: 'SocialLinks', twitter?: string | null, instagram?: string | null, website?: string | null } | null }

My use-case is that I assign the returned result to a ref (reactive variable in Vue) and I need to tell it what type it'll be, which I can't if the returned result is just an object.

I'm probably doing something wrong on my end, so any help would be appreciated!

Edit: Using fragments I at least can get a specific return type, but it's not being used in the generated query type, so it's kind of useless?