Setting up a Vue Calendar

  1. Adding Calendar through the [CDN]
  2. Adding Calendar through Webpack

Setup the Vue CLI:

npm i -g @vue/cli

Get the Vue Loader:

npm install -D vue-loader vue-template-compiler

Create a new webpack project: (Say no to SASS unless it’s setup properly)

vue init webpack-simple vue-calendar

Make sure the project generated correctly:

cd vue-calendar
npm install
npm run dev

Add the [V-Calendar] Vue component:

npm i v-calendar

Relaunch the site:

npm run dev

Open VS Code:

code .

[Issue: Need surrounding weeks]