vue-c2c

Transforming Vue components to composable functions

(Draw UI with components, Access/Control with composables)

When should I use this?

In certain use cases (e.g. confirm, dialog, toast), composable functions can provide greater flexibility and ease of use than components.

Install

``bash
npm i vue-c2c
`

Usage

$3

#### Options

`ts
interface VueC2COptions {
/**
* Display style of the component.
* @default 'v-if'
*/
display?: 'v-if' | 'v-show'
/**
* Visible of the component.
* @default false
*/
visible?: boolean
/**
* Return a placeholder component that allows specifying the insertion position.
* @default false
*/
withPlaceholder?: T
/**
* Function that returns an HTMLElement where the component should be appended to.
* Only applies if withPlaceholder option is false.
* @default ()=> document.body
*/
appendTo?: () => HTMLElement
}
`

`html

`

#### Example

$3

withPlaceholder option provides two additional features:

- Element placeholder:

> The element placeholder functionality allows us to specify the location of created elements in a more flexible manner.

- Friendly SSR support:

> If you're working on an SSR project (e.g. Nuxt), use withPlaceholder option for better SSR support.

`html



``

#### Example

License

MIT License © 2023