# mv-components

> Flock components for machine vision with vuejs

Latest version **1.0.20** (published 2020-04-06) · MIT license · 0 weekly downloads

## Install

```sh
npm install mv-components
pnpm add mv-components
yarn add mv-components
bun add mv-components
```

## Health

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

Positive: no vulnerabilities.

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

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.20 |
| Published | 2020-04-06 |
| First published | 2020-02-28 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 13 |
| Unpacked size | 10.8 MB |
| Known vulnerabilities | 0 (+6 in 5 direct dependencies) |
| Install scripts | no |
| Author | JJA |
| Maintainers | mvtech |

## Links

- npm: https://www.npmjs.com/package/mv-components
- npm.io page: https://npm.io/package/mv-components

## Dependencies (13)

- [vue](https://npm.io/package/vue.md) ^2.6.11
- [core-js](https://npm.io/package/core-js.md) ^3.6.4
- [echarts](https://npm.io/package/echarts.md) ^4.6.0
- [vuetify](https://npm.io/package/vuetify.md) ^2.2.11
- [webpack](https://npm.io/package/webpack.md) ^4.42.0
- [node-sass](https://npm.io/package/node-sass.md) ^4.13.1
- [highcharts](https://npm.io/package/highcharts.md) ^8.0.4
- [vue-router](https://npm.io/package/vue-router.md) ^3.1.6
- [sass-loader](https://npm.io/package/sass-loader.md) ^8.0.2
- [tailwindcss](https://npm.io/package/tailwindcss.md) ^1.2.0
- [vue-echarts](https://npm.io/package/vue-echarts.md) ^5.0.0-beta.0
- [vue-count-to](https://npm.io/package/vue-count-to.md) ^1.0.13
- [highcharts-vue](https://npm.io/package/highcharts-vue.md) ^1.3.5

## Recent versions

- 1.0.20 (latest) — 2020-04-06
- 1.0.19 — 2020-04-03
- 1.0.18 — 2020-04-03
- 1.0.17 — 2020-04-03
- 1.0.16 — 2020-04-02
- 1.0.15 — 2020-04-01
- 1.0.14 — 2020-03-31
- 1.0.13 — 2020-03-31
- 1.0.12 — 2020-03-30
- 1.0.11 — 2020-03-30
- 1.0.10 — 2020-03-27
- 1.0.9 — 2020-03-26
- 1.0.8 — 2020-03-25
- 1.0.7 — 2020-03-24
- 1.0.6 — 2020-03-23
- … 6 more at https://npm.io/package/mv-components/versions

## README

# MV Components

> A collection of
> [MV Components](https://www.npmjs.com/package/mv-components)
> implemented using [Vue](https://vuejs.org/)

## Getting Started

Run the following command using [npm](https://www.npmjs.com/):

```bash
npm install --save mv-components
```

## Usage

Install MV Components globally in the `main.js` file.

```js
import 'mv-components'
import 'mv-components/dist/mvComponents.css'
```

In your components:
```vue
<template>
    <MTextHorizontal :data="data" :options="options" />
</template>

<script>
  export default {
    data() {
      return {
        data: [
          {
            id: 1,
            value: 50
          }
        ],
        options: {
          label: 'Standar',
          unit: '%',
          value: 'value',
          filter_by: 'id'
        }
      }
    }
  }
</script>
```

You can use `<DynamicWidget />`
```vue
<template>
    <DynamicWidget :data="data" :options="options" type="MTextHorizontal" />
</template>

<script>
  export default {
    data() {
      return {
        data: [
          {
            id: 1,
            value: 50
          }
        ],
        options: {
          label: 'Standar',
          unit: '%',
          value: 'value',
          filter_by: 'id'
        }
      }
    }
  }
</script>
```

Available components:
*  [**Chart**](src/components/widgetItems/charts/highchart)
    *  `<MPieChart />`
*  [**Text**](src/components/widgetItems/text)
    *  `<MTextHorizontal />`
    *  `<MTextVertical />`
*  [**Table**](src/components/widgetItems/table)
    *  `<MFreezeTable />`

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