vue-speedometer v3 released

[palerdot]

Hi Vue devs,

v3 version of vue-speedometer is released. It is a rewrite with composition api and SFC (single file component).

Ref: https://stackblitz.com/edit/vitejs-vite-zvyaxz?file=package.json

Important Changes

Vue 3 support:

• Composition api and SFC support. Please note while v2 technically supports Vue 3 versions, underneath it used options api. V3 is a rewrite with composition api and SFC. This is the recommended version for Vue 3 composition api users.

Slim Build (Experimental)

There is a Slim build available without bundling d3. This project uses d3 micro bundles. If your project also uses d3 microbundles, you can opt for slim build. Necessary d3 dependencies required for slim build to work are - d3-array, d3-color, d3-ease, d3-format, d3-interpolate, d3-scale, d3-selection, d3-shape, d3-transition.

// sample slim build usage
import VueSpeedometer from "vue-speedometer/slim"
// and use it
<VueSpeedometer />

Other changes

• segmentValueFormatter prop which accepts a function to format values
• switching to d3 micro modules

For more details please visit palerdot/vue-speedometer#72. You can check out the repo here - https://github.com/palerdot/vue-speedometer/

[wrhumph]

Awesome component - easy to use and look great.

Is it possible to use VueSpeedometer with non-integer values? I tried with a range 0.0 - 1.0, but it seems to round values.

Thanks!

[wrhumph]

It turned out that my input data was being rounded. Fixing that and using valueFormat produces exactly what I need.