Crystal-Creations-GbR / pulsating-circle

A pulsating circle wrapped in a Vue component based on a codepen by eereeska.

@crystal-creations/pulsating-circle

A pulsating circle wrapped in a Vue component based on a codepen by eereeska.

Usage in nuxt 3

1. Install with

   npm install @crystal-creations/pulsating-circle

2. Add the following to your nuxt.config.ts.

   export default defineNuxtConfig({
     app: {
       // ...
       modules: [
         // ...
         "@crystal-creations/pulsating-circle/nuxt",
       ],
     },
   });

3. Add the component to your Vue component.

   <template>
     <PulsatingCircle></PulsatingCircle>
   </template>

Usage in vue 3

1. Install with

   npm install @crystal-creations/pulsating-circle

2. Add the following to your Vue main.ts.

   import { PulsatingCircle } from "@crystal-creations/pulsating-circle";
   import "@crystal-creations/pulsating-circle/styles";
   
   // ...
   
   const app = createApp(App)
   
   app.component("PulsatingCircle", PulsatingCircle);

3. Add the component to your Vue component.

   <template>
     <PulsatingCircle></PulsatingCircle>
   </template>