mosaicstack/stack
25
0
Fork 1
Code Issues 344 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/extendRef.md
+19 -19
View File
@@ -11,51 +11,51 @@ Add extra attributes to Ref.
> Please note the extra attribute will not be accessible in Vue's template.
```ts
import { extendRef } from '@vueuse/core'
import { shallowRef } from 'vue'
import { extendRef } from '@vueuse/core';
import { shallowRef } from 'vue';
const myRef = shallowRef('content')
const myRef = shallowRef('content');
const extended = extendRef(myRef, { foo: 'extra data' })
const extended = extendRef(myRef, { foo: 'extra data' });
extended.value === 'content'
extended.foo === 'extra data'
extended.value === 'content';
extended.foo === 'extra data';
```
Refs will be unwrapped and be reactive
```ts
import { extendRef } from '@vueuse/core'
import { extendRef } from '@vueuse/core';
// ---cut---
const myRef = shallowRef('content')
const extraRef = shallowRef('extra')
const myRef = shallowRef('content');
const extraRef = shallowRef('extra');
const extended = extendRef(myRef, { extra: extraRef })
const extended = extendRef(myRef, { extra: extraRef });
extended.value === 'content'
extended.extra === 'extra'
extended.value === 'content';
extended.extra === 'extra';
extended.extra = 'new data' // will trigger update
extraRef.value === 'new data'
extended.extra = 'new data'; // will trigger update
extraRef.value === 'new data';
```
## Type Declarations
```ts
export type ExtendRefReturn<T = any> = Ref<T>
export type ExtendRefReturn<T = any> = Ref<T>;
export interface ExtendRefOptions<Unwrap extends boolean = boolean> {
/**
* Is the extends properties enumerable
*
* @default false
*/
enumerable?: boolean
enumerable?: boolean;
/**
* Unwrap for Ref properties
*
* @default true
*/
unwrap?: Unwrap
unwrap?: Unwrap;
}
/**
* Overload 1: Unwrap set to false
@@ -64,7 +64,7 @@ export declare function extendRef<
R extends Ref<any>,
Extend extends object,
Options extends ExtendRefOptions<false>,
>(ref: R, extend: Extend, options?: Options): ShallowUnwrapRef<Extend> & R
>(ref: R, extend: Extend, options?: Options): ShallowUnwrapRef<Extend> & R;
/**
* Overload 2: Unwrap unset or set to true
*/
@@ -72,5 +72,5 @@ export declare function extendRef<
R extends Ref<any>,
Extend extends object,
Options extends ExtendRefOptions,
>(ref: R, extend: Extend, options?: Options): Extend & R
>(ref: R, extend: Extend, options?: Options): Extend & R;
```