Vue 3 Scheduling Calendar

It's fun to use Vue 3 without NodeJS, CLI, NPM, or Webpack! Simple and Easy!

Let's see what needs to be done to use vue-simple-calendar (https://github.com/richardtallent/vue-simple-calendar)

Add the following reference to index.html: (download from https://unpkg.com/vue-simple-calendar@6.0.0-b3/static/css/) Add the references to your component as shown below: const Home = { components: { "calendar-view": window.CalendarView.CalendarView, "calendar-view-header": window.CalendarView.CalendarViewHeader }, setup() { const showDate = ref(new Date('3/15/2021')); const setShowDate = (d) => { console.log("Called!! ", d) showDate.value = d; } return { name: "Hi Agami", showDate, setShowDate }; }, template: html` {{ name }} Ends Here `, }; export default Home; That's it, Customize the way you wish! References: Vue 3 without Node/CLI/Webpack: https://github.com/SaleCar/Vue3-QuickStart https://github.com/richardtallent/vue-simple-calendar