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

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
@@ -10,15 +10,15 @@ Explicitly define the dependencies of computed.
## Usage
```ts twoslash include main
import { computedWithControl } from '@vueuse/core'
import { computedWithControl } from '@vueuse/core';
const source = ref('foo')
const counter = ref(0)
const source = ref('foo');
const counter = ref(0);
const computedRef = computedWithControl(
() => source.value, // watch source, same as `watch`
() => counter.value, // computed getter, same as `computed`
)
);
```
With this, the changes of `counter` won't trigger `computedRef` to update but the `source` ref does.
@@ -26,15 +26,15 @@ With this, the changes of `counter` won't trigger `computedRef` to update but th
```ts
// @include: main
// ---cut---
console.log(computedRef.value) // 0
console.log(computedRef.value); // 0
counter.value += 1
counter.value += 1;
console.log(computedRef.value) // 0
console.log(computedRef.value); // 0
source.value = 'bar'
source.value = 'bar';
console.log(computedRef.value) // 1
console.log(computedRef.value); // 1
```
### Manual Triggering
@@ -47,9 +47,9 @@ You can also manually trigger the update of the computed by:
const computedRef = computedWithControl(
() => source.value,
() => counter.value,
)
);
computedRef.trigger()
computedRef.trigger();
```
### Deep Watch
@@ -58,13 +58,9 @@ Unlike `computed`, `computedWithControl` is shallow by default.
You can specify the same options as `watch` to control the behavior:
```ts
const source = ref({ name: 'foo' })
const source = ref({ name: 'foo' });
const computedRef = computedWithControl(
source,
() => counter.value,
{ deep: true },
)
const computedRef = computedWithControl(source, () => counter.value, { deep: true });
```
## Type Declarations
@@ -74,27 +70,24 @@ export interface ComputedWithControlRefExtra {
/**
* Force update the computed value.
*/
trigger: () => void
trigger: () => void;
}
export interface ComputedRefWithControl<T>
extends ComputedRef<T>,
ComputedWithControlRefExtra {}
export interface ComputedRefWithControl<T> extends ComputedRef<T>, ComputedWithControlRefExtra {}
export interface WritableComputedRefWithControl<T>
extends WritableComputedRef<T>,
ComputedWithControlRefExtra {}
extends WritableComputedRef<T>, ComputedWithControlRefExtra {}
export type ComputedWithControlRef<T = any> =
| ComputedRefWithControl<T>
| WritableComputedRefWithControl<T>
| WritableComputedRefWithControl<T>;
export declare function computedWithControl<T>(
source: WatchSource | MultiWatchSources,
fn: ComputedGetter<T>,
options?: WatchOptions,
): ComputedRefWithControl<T>
): ComputedRefWithControl<T>;
export declare function computedWithControl<T>(
source: WatchSource | MultiWatchSources,
fn: WritableComputedOptions<T>,
options?: WatchOptions,
): WritableComputedRefWithControl<T>
): WritableComputedRefWithControl<T>;
/** @deprecated use `computedWithControl` instead */
export declare const controlledComputed: typeof computedWithControl
export declare const controlledComputed: typeof computedWithControl;
```