How can I used apollo client graphq by @vue/apollo-option

[fxcjahid]

Hello, I want to make a query for the user.
That means getting user data from graphQL

I have tried many ways to solve this by graphQL, but nothing gets a good way.
In the Apollo @vue/apollo-option client has a good way of fetching data from graphQL

this is the demo code that i am looking for like this

const userQuery = gql`
    query user {
        me {
            email
            id
            name
            username
            first_name
            last_name
            bio
            role
            viewType
            ProfilePicture
        }
    }`;

export const useUser = defineStore({
	id: 'user',
	state: () => {
		return { 
			user: [],
		}
	},
	setup() {
		provideApolloClient(apolloProvider.defaultClient);
	},
	apollo: {
		user: {
			query: userQuery
		}
	},
	actions: {
		user() {  
		}
	},
	/**
	 * For store data in localstore
	 * @url https://prazdevs.github.io/pinia-plugin-persistedstate/guide/#usage
	 */
	persist: true,
})