@vemlavaraloucagamers/vg-countdown

Vg-Countdown

This component is only for Vue.js 3+

This is a component countdown.

Installation

npm install @vemlavaraloucagamers/vg-countdown

# or

yarn add @vemlavaraloucagamers/vg-countdown

Usage

// main.js
import { createApp } from 'vue'
import App from './App.vue'

import VgCountdown from '@vemlavaraloucagamers/vg-countdown'
import "@vemlavaraloucagamers/vg-countdown/dist/style.css";

const app = createApp(App)
app.use(VgCountdown)
app.mount('#app')

// page.vue
<template>
  <VgCountdown />
</template>

<template>
  <vg-countdown />
</template>

<template>
  <vg-countdown></vg-countdown>
</template>

Props

Items with an (*) mean they are required

Events

Example

// page.vue
<template>
  <VgCountdown
    vg-id="vg-countdown"
    :day="14"
    month="oct"
    :year="2024"
    :hour="19"
    :minute="44"
    :second="10"
    border-color="blue"
    text-color="blue"
    border
    separator
    separator-type="/"
    @started="somethingWhenStarting"
    @finished="somethingAtTheEnd"
  />
</template>

<script setup>
  const somethingWhenStarting = () => {
    console.log('VgCountdown Started')
  }
  const somethingAtTheEnd = () => {
    console.log('VgCountdown Finished')
  }

  return {
    somethingWhenStarting,
    somethingAtTheEnd
  }
</script>

# console when starting
VgCountdown Started

# console at the end
VgCountdown Finished

License

MIT