mosaicstack/stack
21
0
Fork 1
Code Issues 340 Pull Requests 13 Actions Packages Projects Releases 15 Wiki Activity

format: apply repo prettier (3.8.1) to the folded skills tree

Browse Source 
963 markdown files reformatted with the repository's pinned prettier so
pnpm format:check covers the folded tree like every other repo file.

The formatter's embedded-language pass also normalized code fences
(TS semicolons, closed HTML tags in examples, lowercased CSS hex colors,
one renumbered list that skipped an index). Alphanumeric token deltas vs
the fold commit were audited file-by-file; all are formatter-equivalent
markup normalizations plus the four sanitized skills.
This commit is contained in:
fargo
2026-08-19 14:37:17 -05:00
parent d2eeb64433
commit 1a822493ba
962 changed files with 29594 additions and 27188 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/mosaic/framework/skills/vueuse-functions/references/useArrayDifference.md
+19 -22
View File
@@ -15,25 +15,25 @@ You can pass the `symmetric` option to get the [Symmetric difference](https://en
### Use with reactive array
```ts
import { useArrayDifference } from '@vueuse/core'
import { useArrayDifference } from '@vueuse/core';
const list1 = ref([0, 1, 2, 3, 4, 5])
const list2 = ref([4, 5, 6])
const result = useArrayDifference(list1, list2)
const list1 = ref([0, 1, 2, 3, 4, 5]);
const list2 = ref([4, 5, 6]);
const result = useArrayDifference(list1, list2);
// result.value: [0, 1, 2, 3]
list2.value = [0, 1, 2]
list2.value = [0, 1, 2];
// result.value: [3, 4, 5]
```
### Use with reactive array and use function comparison
```ts
import { useArrayDifference } from '@vueuse/core'
import { useArrayDifference } from '@vueuse/core';
const list1 = ref([{ id: 1 }, { id: 2 }, { id: 3 }, { id: 4 }, { id: 5 }])
const list2 = ref([{ id: 4 }, { id: 5 }, { id: 6 }])
const list1 = ref([{ id: 1 }, { id: 2 }, { id: 3 }, { id: 4 }, { id: 5 }]);
const list2 = ref([{ id: 4 }, { id: 5 }, { id: 6 }]);
const result = useArrayDifference(list1, list2, (value, othVal) => value.id === othVal.id)
const result = useArrayDifference(list1, list2, (value, othVal) => value.id === othVal.id);
// result.value: [{ id: 1 }, { id: 2 }, { id: 3 }]
```
@@ -42,17 +42,14 @@ const result = useArrayDifference(list1, list2, (value, othVal) => value.id ===
This composable also supports [Symmetric difference](https://en.wikipedia.org/wiki/Symmetric_difference) by passing the `symmetric` option.
```ts {10}
import { useArrayDifference } from '@vueuse/core'
import { useArrayDifference } from '@vueuse/core';
const list1 = ref([{ id: 1 }, { id: 2 }, { id: 3 }, { id: 4 }, { id: 5 }])
const list2 = ref([{ id: 4 }, { id: 5 }, { id: 6 }])
const list1 = ref([{ id: 1 }, { id: 2 }, { id: 3 }, { id: 4 }, { id: 5 }]);
const list2 = ref([{ id: 4 }, { id: 5 }, { id: 6 }]);
const result = useArrayDifference(
list1,
list2,
(value, othVal) => value.id === othVal.id,
{ symmetric: true }
)
const result = useArrayDifference(list1, list2, (value, othVal) => value.id === othVal.id, {
symmetric: true,
});
// result.value: [{ id: 1 }, { id: 2 }, { id: 3 }, { id: 6 }]
```
@@ -66,19 +63,19 @@ export interface UseArrayDifferenceOptions {
* @see https://en.wikipedia.org/wiki/Symmetric_difference
* @default false
*/
symmetric?: boolean
symmetric?: boolean;
}
export type UseArrayDifferenceReturn<T = any> = ComputedRef<T[]>
export type UseArrayDifferenceReturn<T = any> = ComputedRef<T[]>;
export declare function useArrayDifference<T>(
list: MaybeRefOrGetter<T[]>,
values: MaybeRefOrGetter<T[]>,
key?: keyof T,
options?: UseArrayDifferenceOptions,
): UseArrayDifferenceReturn<T>
): UseArrayDifferenceReturn<T>;
export declare function useArrayDifference<T>(
list: MaybeRefOrGetter<T[]>,
values: MaybeRefOrGetter<T[]>,
compareFn?: (value: T, othVal: T) => boolean,
options?: UseArrayDifferenceOptions,
): UseArrayDifferenceReturn<T>
): UseArrayDifferenceReturn<T>;
```