JSPM

  • Created
  • Published
  • Downloads 204681
  • Score
    100M100P100Q167883F
  • License MIT

A clean and extendable plugin for building simple attributed calendars in Vue.js.

Package Exports

  • v-calendar

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (v-calendar) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

VCalendar Plugin for Vue 3

A Vue plugin for for attributed calendars date pickers.

**Technologies Used:**
Vuejs 3.0
Typescript
Rollup

Install Plugin

yarn add v-calendar@next

Use Plugin

import { createApp } from 'vue';
import VCalendar from 'v-calendar';

// Create the app
const app = createApp();

// Use the plugin with optional defaults as 2nd parameter
app.use(VCalendar, {});

Use Components

<template>
  <Calendar />
  <DatePicker v-model="date" />
</template>
import { Calendar, DatePicker } from 'v-calendar';

export default {
  components: {
    Calendar,
    DatePicker,
  },
  data() {
    return {
      date: new Date(),
    };
  },
};

Source setup

Please follow below mentioned step to run this project:

Clone the repo

git clone https://github.com/nathanreyes/v-calendar

// Move to directory
cd v-calendar

Install dependencies

yarn

Switch to /next branch

git checkout next

Compiles and hot-reloads for development

yarn serve

Compiles and minifies for production

yarn build

Build Library

// ES
yarn build:es

// ES, CommonJS and IIFE
yarn build:lib

// ES, CommonJS, IIFE and CSS
yarn:build:lib_css

Lints and fixes files

yarn lint