# mel-dataview

> This is a Vue component library to support code / data driven interfaces

Latest version **0.1.2** (published 2023-08-25) · 0 weekly downloads

## Install

```sh
npm install mel-dataview
pnpm add mel-dataview
yarn add mel-dataview
bun add mel-dataview
```

## Health

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

Positive: esm support; no vulnerabilities.

Warnings: low downloads; no types; low quality score; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.1.2 |
| Published | 2023-08-25 |
| First published | 2023-08-25 |
| Weekly downloads | 0 |
| TypeScript types | none |
| Module format | ESM + CommonJS |
| Dependencies | 2 |
| Unpacked size | 1.6 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | meleneth |

## Links

- npm: https://www.npmjs.com/package/mel-dataview
- npm.io page: https://npm.io/package/mel-dataview

## Dependencies (2)

- [vue](https://npm.io/package/vue.md) ^3.2.13
- [core-js](https://npm.io/package/core-js.md) ^3.8.3

## Recent versions

- 0.1.2 (latest) — 2023-08-25

## README

# mel-dataview

This is a Vue component library to support code / data driven interfaces

```javascript
import { BuilderTag, DataView } from 'mel-dataview'

export default
  name: 'MyComponent'
  components: {
    'data-view': DataView
  }
  data: -> 
    dv = new BuilderTag 'div'
    dv.add_div()
      .add_text("some text")
    return
      data_view: dv.data
```

and then in your HTML

```
<data-view :field="data_view" />
```

## Project setup
```
yarn install
```

### Compiles and hot-reloads for development
```
yarn serve
```

### Compiles and minifies for production
```
yarn build
```

### Run your unit tests
```
yarn test:unit
```

### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).

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