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@next
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 islegend
nowThe option
legendValue
just has to be renamed inlegend
. The old usage oflegend
must be renamed tohideLegend
. 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 tohideLegend
Just rename
legend
tohideLegend
. Also note that you have to revert the Boolean value -
lineMode
default modenormal
renamed tocenter
-
slot
legend-value
renamed tolegend
✅ 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