# Vue 3 Support

Vue 3 is currently in the alpha stage via the next tag. It uses TypeScript and Rollup. It is stable but breaking changes may be mixed in at any time.

Because of breaking changes, it currently lags the Vue 2 version for new features and bug fixes but they do eventually get integrated.

At some point, when Vue 3 becomes more popular, it will become the latest version.

# Install Plugin

npm install v-calendar@next

# Use Plugin

# Method 1: Use Globally

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

// Method 1
import VCalendar from 'v-calendar';
// Create the app
createApp(App)
  // Use the plugin with optional defaults
  .use(VCalendar, {})
  // Mount the app
  .mount('#app');
<template>
  <v-calendar />
  <v-date-picker v-model="date" />
</template>

# Method 2: Use Components Globally

import { createApp } from 'vue';
import { SetupCalendar, Calendar, DatePicker } from 'v-calendar';

// Create the app
createApp(App)
  // Setup the plugin with optional defaults
  .use(SetupCalendar, {})
  // Use the components
  .component('Calendar', Calendar)
  .component('DatePicker', DatePicker)
  // Mount the app
  .mount('#app');
<template>
  <Calendar />
  <DatePicker v-model="date" />
</template>

# Method 3: Use Components As Needed

<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