vue-add-to-calendar

Release Build Status Coverage Status Downloads License vue1 vue2

A Vue.js component that provides "Add to Calendar" functionality

Demo:

  • Add to Google calendar
  • Add to Microsoft live calendar

Installation

# Yarn
yarn add vue-add-to-calendar

# NPM
npm install --save vue-add-to-calendar

# Bower
bower install vue-add-to-calendar

Usage

Loading the library

Browserify / Webpack
var AddToCalendar = require('vue-add-to-calendar');
Vue.use(AddToCalendar);
HTML
<script src="/dist/vue-add-to-calendar.min.js"></script>
</div>

Using the add to calendar component

<add-to-calendar title="VueConf"
                 location="WROCŁAW, POLAND"
                 :start="new Date()"
                 :end="new Date((new Date).setDate((new Date).getDate() + 1))"
                 details="The first Official Vue.js Conference in the world!"
                 inline-template>
  <div>

    <google-calendar id="google-calendar">
      <i class="fa fa-google"></i> Add to Google calendar
    </google-calendar>

    <microsoft-calendar id="microsoft-calendar">
      <i class="fa fa-windows"></i> Add to Microsoft live calendar
    </microsoft-calendar>

  </div>
</add-to-calendar>