delowardev / vue3-circle-progress

Highly customizable & lightweight circular progressbar component for Vue 3, built with SVG and extensively customizable
https://codesandbox.io/s/determined-dawn-3ybev?file=/src/App.vue
MIT License
36 stars 14 forks source link

Nuxt3 implementation #11

Open maxis7567 opened 2 years ago

maxis7567 commented 2 years ago

How to use it in nuxt3?

TorresDavid commented 1 year ago

Inside a folder named "plugins" on the root of the project, create a file named something like circleProgress.js and paste this code:

import CircleProgress from 'vue3-circle-progress'

export default defineNuxtPlugin(({ vueApp }) => {
    vueApp.component('CircleProgress', CircleProgress)
})

And its done. Just use the component normally importing the CSS line on the component that you add the thing =)