Skip to content

⬅️ Back to Table of Contents

📄 index.ts

📊 Analysis Summary

Metric Count
🔧 Functions 2
📦 Imports 4
📊 Variables & Constants 4
🟢 Vue Composition API 3
📐 Interfaces 1
📑 Type Aliases 1

📚 Table of Contents

🛠️ File Location:

📂 packages/shared/useArrayDifference/index.ts

📦 Imports

Name Source
ComputedRef vue
MaybeRefOrGetter vue
computed vue
toValue vue

Variables & Constants

Name Type Kind Value Exported
list MaybeRefOrGetter<T[]> const args[0]
values MaybeRefOrGetter<T[]> const args[1]
compareFn any let/var args[2] ?? defaultComparator
key keyof T const compareFn as keyof T

Vue Composition API

Name Type Reactive Variables Composables
computed computed none none
computed computed none none
computed computed none none

Functions

defaultComparator(value: T, othVal: T): boolean

Code
function defaultComparator<T>(value: T, othVal: T) {
  return value === othVal
}
  • Parameters:
  • value: T
  • othVal: T
  • Return Type: boolean

useArrayDifference(list: MaybeRefOrGetter<T[]>, values: MaybeRefOrGetter<T[]>, key: keyof T, options: UseArrayDifferenceOptions): UseArrayDifferenceReturn<T>

Code
export function useArrayDifference<T>(
  list: MaybeRefOrGetter<T[]>,
  values: MaybeRefOrGetter<T[]>,
  key?: keyof T,
  options?: UseArrayDifferenceOptions
): UseArrayDifferenceReturn<T>
  • Parameters:
  • list: MaybeRefOrGetter<T[]>
  • values: MaybeRefOrGetter<T[]>
  • key: keyof T
  • options: UseArrayDifferenceOptions
  • Return Type: UseArrayDifferenceReturn<T>

Interfaces

UseArrayDifferenceOptions

Interface Code
export interface UseArrayDifferenceOptions {
  /**
   * Returns asymmetric difference
   *
   * @see https://en.wikipedia.org/wiki/Symmetric_difference
   * @default false
   */
  symmetric?: boolean
}

Properties

Name Type Optional Description
symmetric boolean

Type Aliases

UseArrayDifferenceReturn<T = any = any>

type UseArrayDifferenceReturn<T = any = any> = ComputedRef<T[]>;