Dev

README.md

@@ -46,6 +46,21 @@ Vue.use(VueEllipseProgress);
 // Vue.use(VueEllipseProgress, "vep"); you can define a name and use the plugin like <vep/>
 ```
 
+Usage direct as component:
+```vue
+<template>
+  <vue-ellipse-progress :progress="50" />
+</template>
+<script>
+import { VueEllipseProgress } from "vue-ellipse-progress";
+
+export default {
+  name: "MyComponent",
+  components: { VueEllipseProgress },
+};
+</script>
+```
+
 ### CDN
 Use this option where you have a global Vue.js instance available. You can customize and get the bundled and minified 
 component from [JSDelivr](https://www.jsdelivr.com/package/npm/vue-ellipse-progress).

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-ellipse-progress",
-  "version": "1.3.0",
+  "version": "1.3.1",
   "private": false,
   "description": "A Vue.js component to create beautiful animated circular progress bars",
   "main": "./dist/vue-ellipse-progress.umd.min.js",

src/main.js

@@ -1,8 +1,8 @@
 import Vue from "vue";
-import VueEllipseProgress from "@/plugin";
+import vueEllipseProgress from "@/plugin";
 import App from "./App.vue";
 
-Vue.use(VueEllipseProgress);
+Vue.use(vueEllipseProgress);
 
 Vue.config.productionTip = false;
 

src/plugin.js

@@ -12,6 +12,5 @@ if (globalVue) {
   globalVue.use({ install });
 }
 
-export default {
-  install,
-};
+export { VueEllipseProgress, install };
+export default install;