How to pass props to defineMutation?

[amandesai01]

We can pass params to defineQueryOptions. I would like the same thing. I am using define* functions to organise functionality in my code.
Current work around I do (I hate it):
I expose refs and set those from outside. Hate because this will create side effects in a big project with many devs.

[rijenkii]

You can either:

• Define vars in the mutation parameter and pass them each time you call the mutate or mutateAsync method: Playground

  import { defineMutation } from "@pinia/colada";
  
  const useMutateThing = defineMutation({
    mutation: (vars: { id: string; name?: string; status?: "yes" | "no" }) =>
      Promise.resolve(),
  });
  
  const { mutateAsync: mutateThing } = useMutateThing();
  await mutateThing({ id: "one", status: "no" });

• Just don't use defineMutation: Playground

  import { useMutation } from "@pinia/colada";
  
  const useMutateThing = (id: string) => useMutation({
    mutation: (vars: { name?: string; status?: "yes" | "no" }) =>
      Promise.resolve(),
  });
  
  const { mutateAsync: mutateThing } = useMutateThing("one");
  await mutateThing({ status: "no" });

Second solution is endorsed by the creator if you actually need to pass arguments into the "composable": #245 (comment).

[posva]

@amandesai01 don't unmark an answer unless you justify it 🙏

[amandesai01]

Yeah my bad. I was typing out the response while going through docs. Current answer looks good (for now) given the state of project.