Loading source
Pulling the file list, source metadata, and syntax-aware rendering for this listing.
Source from repo
Apply VueUse composables in Vue 3/Nuxt projects to replace custom implementations with battle-tested utilities.
Files
Skill
Size
Entrypoint
Format
Open file
Syntax-highlighted preview of this file as included in the skill package.
references/useArrayIncludes.md
1---2category: Array3---45# useArrayIncludes67Reactive `Array.includes`89## Usage1011### Use with reactive array1213```ts14import { useArrayIncludes } from '@vueuse/core'1516const list = ref([0, 2, 4, 6, 8])17const result = useArrayIncludes(list, 10)18// result.value: false19list.value.push(10)20// result.value: true21list.value.pop()22// result.value: false23```2425## Type Declarations2627```ts28export type UseArrayIncludesComparatorFn<T, V> = (29element: T,30value: V,31index: number,32array: MaybeRefOrGetter<T>[],33) => boolean34export interface UseArrayIncludesOptions<T, V> {35fromIndex?: number36comparator?: UseArrayIncludesComparatorFn<T, V> | keyof T37}38export type UseArrayIncludesReturn = ComputedRef<boolean>39/**40* Reactive `Array.includes`41*42* @see https://vueuse.org/useArrayIncludes43*44* @returns true if the `value` is found in the array. Otherwise, false.45*46* @__NO_SIDE_EFFECTS__47*/48export declare function useArrayIncludes<T, V = any>(49list: MaybeRefOrGetter<MaybeRefOrGetter<T>[]>,50value: MaybeRefOrGetter<V>,51comparator?: UseArrayIncludesComparatorFn<T, V>,52): UseArrayIncludesReturn53export declare function useArrayIncludes<T, V = any>(54list: MaybeRefOrGetter<MaybeRefOrGetter<T>[]>,55value: MaybeRefOrGetter<V>,56comparator?: keyof T,57): UseArrayIncludesReturn58export declare function useArrayIncludes<T, V = any>(59list: MaybeRefOrGetter<MaybeRefOrGetter<T>[]>,60value: MaybeRefOrGetter<V>,61options?: UseArrayIncludesOptions<T, V>,62): UseArrayIncludesReturn63```64