v2.0.0 - Vue 3 release

Vue 3 compatible release with new features, fixes, a lot of internal code refactorings and usability improvements. Following the current state of the Vue 3 ecosystem, the v2 is released under the next tag and will become latest with the next minor release. Until then, this version lives in the v2-dev branch. The release contains several breaking changes, introduces new options to provide more customization possibilities and makes with 150+ new tests the code base more reliable.

npm i vue-ellipse-progress
docs
changelog

⚠️ Breaking Changes and migration

• build with Vue 3, release is not compatible wit Vue 2.6 and down. The initialization process has changed

  You have to import and initialize the component in Vue 3 manner:

  import { createApp } from "vue";
  import veProgress from "vue-ellipse-progress";
  createApp(App).use(veProgress);

  Please note that the default plugin name has changed and you use the component like follows:

  <ve-progress />

  You will find more details in the installation guide

• removed legendValue option, it is legend now

  The option legendValue just has to be renamed in legend. The old usage of legend must be renamed to hideLegend. The following
  code from v1:

  <vue-ellipse-progress :legend="true" :legendValue="123.56" />

  should look like follows:

  <ve-progress :hideLegend="false" :legend="123.56" />

• old legend option renamed to hideLegend

  Just rename legend to hideLegend. Also note that you have to revert the Boolean value

• lineMode default mode normal renamed to center

• slot legend-value renamed to legend

✅ New features

• added options linePosition, emptyLinePosition, loader

• improved simple legend formatting with legend

• improved animated counter properties that can be used in legendFormatter and default slot

• component can be imported directly, no more restricted to the usage as a plugin