# speedometer-vue

> A Vue Speedometer for Vue 3

Latest version **0.1.0** (published 2023-02-28) · 0 weekly downloads

## Install

```sh
npm install speedometer-vue
pnpm add speedometer-vue
yarn add speedometer-vue
bun add speedometer-vue
```

## 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.0 |
| Published | 2023-02-28 |
| First published | 2023-01-30 |
| Weekly downloads | 0 |
| TypeScript types | none |
| Module format | ESM + CommonJS |
| Dependencies | 2 |
| Unpacked size | 26.7 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | raphaelbensimon |
| Keywords | vue, speedometer, vuejs |

## Links

- npm: https://www.npmjs.com/package/speedometer-vue
- Repository: https://github.com/RaphBensimon/speedometer-vue
- Homepage: https://github.com/RaphBensimon/speedometer-vue#readme
- Issues: https://github.com/RaphBensimon/speedometer-vue/issues
- npm.io page: https://npm.io/package/speedometer-vue

## Dependencies (2)

- [vue](https://npm.io/package/vue.md) ^3.2.45
- [vite-plugin-css-injected-by-js](https://npm.io/package/vite-plugin-css-injected-by-js.md) ^2.4.0

## Recent versions

- 0.1.0 (latest) — 2023-02-28
- 0.0.9 — 2023-01-30
- 0.0.8 — 2023-01-30
- 0.0.7 — 2023-01-30
- 0.0.6 — 2023-01-30
- 0.0.5 — 2023-01-30
- 0.0.4 — 2023-01-30
- 0.0.3 — 2023-01-30
- 0.0.2 — 2023-01-30
- 0.0.1 — 2023-01-30

## README

# Speedometer [![npm](https://flat.badgen.net/npm/v/speedometer-vue)](https://www.npmjs.com/package/speedometer-vue)
A Vue Speedometer for Vue 3

<img src="https://user-images.githubusercontent.com/28560613/215468282-d0de6c94-f1fa-4a7c-bb1c-a000b7908cf4.PNG">


## Install
```bash
npm install speedometer-vue
```
### Basic Usage
```vue
<template>
   <div>
        <SpeedometerVue v-model="speed" :maxValue="50" color="red" />
    </div>
</template>
<script>
    import { SpeedometerVue } from 'speedometer-vue'
    export default {
        components: { SpeedometerVue },
        data () {
            return {
                speed: 50,
                maxValue: 100
            }
        }
    }
</script>
```
### Loading mode
```vue
<template>
   <div>
        <SpeedometerVue v-model="speed" :maxValue="50" :loading="true" />
    </div>
</template>
<script>
    import { SpeedometerVue } from 'speedometer-vue'
    export default {
        components: { SpeedometerVue },
        data () {
            return {
                speed: null,
                maxValue: 100
            }
        }
    }
</script>
```
### Needle style
```vue
<template>
   <div>
        <SpeedometerVue v-model="speed" :maxValue="50" :needle="true" />
    </div>
</template>
<script>
    import { SpeedometerVue } from 'speedometer-vue'
    export default {
        components: { SpeedometerVue },
        data () {
            return {
                speed: 50,
                maxValue: 100
            }
        }
    }
</script>
```

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