1.0.4 • Published 4 years ago

point-calendar v1.0.4

Weekly downloads
-
License
MIT
Repository
-
Last release
4 years ago

calendarに数値を表示できます

Usage

npm

yarn add point-calendar
npm install point-calendar

How to Use

<template lang="pug">
#app
  point-calendar(
    :month="state.date"
    :cells="state.cells"
  )
</template>
<script lang="ts">
import { reactive, defineComponent } from '@vue/composition-api'
import moment from 'moment'
import PointCalendar from '@/components/PointCalendar.vue'
export default defineComponent({
  components: { PointCalendar },
  setup(props) {
    const date = moment(Date.now()).toDate()
    const cells = [
      { day: 1, badges: [{ color: 'blue', value: 12 }] },
      { day: 2, badges: [{ color: 'blue', value: 12 }] }
    ]
    const state = reactive({ date, cells })
    return { state }
  }
})
</script>