Unable to get composables inside of Pinia to work properly

[dtrinh100]

I have several functions within my Pinia store that uses Nuxt Urql's composable to make an API call to my GraphQL API. When I use the store to make the function call, it fails with the error:
Uncaught (in promise) Error: use* functions may only be called during the setup() or other lifecycle hooks. even though I believe that the code is within the setup lifecycle.

Is there a way that I can restructure my code to make this work?

Code that calls the store:

<script setup lang="ts">
   // Use composables here have no problem, it's only the Use composables within the store that has issues
   const authStore = useAuthStore();
    const data = await useOtherFunc();

   if (data) {
    try {
     await authStore.logout();
   } catch(e) {
     console.log("I get an error here about using use* outside of setup")
   }
  }
</script>

Sample store code:

export const useAuthStore = defineStore("auth", () => {
  const user = ref<User | null>(null);

  async function logout() {
   // Code fails at useMutation composable which is from the Nuxt Urql library
    const logoutMutation = useMutation(
      graphql(/* GraphQL */ `
        mutation logout {
          logout {
            ... on SuccessResult {
              __typename
            }
          }
        }
      `)
    );

    const { data } = await logoutMutation.executeMutation({});

    if (data?.logout?.__typename === "SuccessResult") {
      user.value = null;
    }
  }

  return {
    logout,
  };
});

[angelhdzmultimedia]

Show the useMutation.