@vue/apollo-composable / useFragment / ReactiveVariablesParameter

Type Alias: ReactiveVariablesParameter

ReactiveVariablesParameter = MaybeRefOrGetter<OperationVariables> | Record<string, MaybeRefOrGetter<any>>

Type for the variables option parameter: either a ref/getter of the full variables object, or an object mapping individual variable names to refs/getters.

Example

// Single ref/getter for all variables
const variables = reactive({ id: 1 })
useFragment({ fragment, from, variables })

// Object mapping individual variable names to refs/getters
const id = ref(1)
useFragment({ fragment, from, variables: { id } })

// With props or any reactive values
const { id } = defineProps<{ id: number }>()
useFragment({ fragment, from, variables: () => ({ id }) })