@makestory/vue-helper
v0.0.1
Published
## countdown-helper
Downloads
4
Readme
Vue 개발을 도와주는 Helper
countdown-helper
카운트다운 컴포넌트
Example
<template>
<div>
<countdown-helper
:targetTimestamp="targetTimestamp"
v-slot="{ days, hours, minutes, seconds }"
>
Time Remaining:{{ days }} days, {{ hours }} hours, {{ minutes }} minutes,
{{ seconds }} seconds.</countdown-helper
>
</div>
</template>
<script>
import { CountdownHelper } from '@makestory/vue-helper/index';
export default {
name: 'Countdown',
components: {
CountdownHelper,
},
props: {
serverTimestamp: {
type: Number,
default: Date.now(),
},
targetTimestamp: {
type: Number,
default: Date.now(),
},
},
data() {
return {};
},
computed: {},
watch: {
$props: {
deep: true,
immediate: true,
handler() {},
},
},
created() {},
mounted() {},
beforeUnmount() {},
methods: {
transformSlotProps(props) {
const formattedProps = {};
Object.entries(props).forEach(([key, value]) => {
formattedProps[key] = value < 10 ? `0${value}` : String(value);
});
return formattedProps;
},
},
};
</script>
<style lang="scss" scoped></style>