# vue-render-container

> a vue component that combines render function and template

Latest version **1.0.0** (published 2023-02-12) · MIT license · 0 weekly downloads

## Install

```sh
npm install vue-render-container
pnpm add vue-render-container
yarn add vue-render-container
bun add vue-render-container
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.0 |
| Published | 2023-02-12 |
| First published | 2023-02-12 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 3.6 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | cuzfinal |
| Maintainers | cuzfinal |
| Keywords | vue-template, template-render |

## Links

- npm: https://www.npmjs.com/package/vue-render-container
- Repository: https://github.com/cuzfinal/vue-template-render
- Homepage: https://github.com/cuzfinal/vue-template-render#readme
- Issues: https://github.com/cuzfinal/vue-template-render/issues
- npm.io page: https://npm.io/package/vue-render-container

## Recent versions

- 1.0.0 (latest) — 2023-02-12

## README

��# vue-render-container
A vue component that combines render functions and templates, compatible with vue 2.x & 3.x  

## install
```bash
npm install vue-render-container
```

## usage
```vue
<template>
  <render-container
    v-for="(item, index) in list"
    :key="item"
    :render="renderItem"
    :params="[item, index]"
  />
</template>

<script setup lang="ts">
import { RenderContainer } from 'vue-render-container'

const list = [
  'learn',
  'work',
  'sleep'
]

const renderItem = (h, data: string, index: number) => h('p', {}, [`${index}. ${data}`])
</script>
```

## props
|name|value|type|required|
|---|---|---|---|
|render|Function |(h, ...params) => VNode |```true```|
|params|Array |any[] | ```false```|

---
_Source: https://npm.io/package/vue-render-container · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._