Update main.ts

Author: Nathan Reyes

src/main.ts

@@ -2,20 +2,23 @@ import { createApp } from 'vue';
 import App from './App.vue';
 
 const defaults = {
+  componentPrefix: '',
   titlePosition: 'left',
 };
 
-declare const window: any;
-window.__vcalendar__ = defaults;
+// declare const window: any;
+// window.__vcalendar__ = defaults;
 
-const app = createApp(App);
+// Method 1
+// import VCalendar from './index';
+// createApp(App)
+//   .use(VCalendar, defaults)
+//   .mount('#app');
 
-import VCalendar from './index';
-app.use(VCalendar, defaults)
-
-// import { setupCalendar, Calendar, DatePicker } from './index';
-// setupCalendar(app, defaults);
-// app.use(Calendar);
-// app.use(DatePicker);
-
-app.mount('#app');
+// Method 2
+import { SetupCalendar, Calendar, DatePicker } from './index';
+createApp(App)
+  .use(SetupCalendar, defaults)
+  .component('Calendar', Calendar)
+  .component('DatePicker', DatePicker)
+  .mount('#app');