From 6b577f98cb261c73594d752e170a018d79d48225 Mon Sep 17 00:00:00 2001
From: johnjovero98 <john.jovero@outlook.com>
Date: Fri, 18 Oct 2024 16:50:33 -0600
Subject: [PATCH 1/5] update month view ui

---
 components/app/Calendar.vue | 76 ++++++++++++++++++++++++++++++++++++-
 nuxt.config.ts              |  6 ++-
 2 files changed, 79 insertions(+), 3 deletions(-)

diff --git a/components/app/Calendar.vue b/components/app/Calendar.vue
index 158873f..66e7e48 100644
--- a/components/app/Calendar.vue
+++ b/components/app/Calendar.vue
@@ -18,6 +18,8 @@ const onEventClick = (event: any, e: any) => {
 }
 </script>
 
+
+
 <template>
   <section
     v-if="!pending"
@@ -35,7 +37,7 @@ const onEventClick = (event: any, e: any) => {
       :events-on-month-view="true"
       :twelve-hour="true"
       :events="group.items"
-      :start-week-on-sunday="false"
+      :start-week-on-sunday="true"
       :disable-views="['years', 'year', 'day']"
       :time-from="8 * 60"
       :time-to="22 * 60"
@@ -54,6 +56,7 @@ const onEventClick = (event: any, e: any) => {
           name="i-ph-arrow-right"
         />
       </template>
+
     </vue-cal>
 
     <!-- TODO: Implement the list view
@@ -169,6 +172,77 @@ const onEventClick = (event: any, e: any) => {
     @apply flex flex-col justify-center p-2 bg-primary text-white border border-gray-400/25;
   }
 
+  .vuecal--month-view .vuecal__cell {
+<<<<<<< Updated upstream
+    height: 130px
+=======
+    height: 125px
+>>>>>>> Stashed changes
+    
+  }
+
+  .vuecal--month-view .vuecal__cell-content {
+    justify-content: start;
+    padding: .5rem;
+  }
+
+  .vuecal--month-view .vuecal__event {
+<<<<<<< Updated upstream
+    padding: unset;
+    text-align: left;
+=======
+    gap: 10px;
+    padding: unset;
+    text-align: left !important;
+>>>>>>> Stashed changes
+    border: unset;
+    color: #265dad;
+    background-color: unset ;
+    padding: 0.3rem;
+    border-radius: 0.2rem;
+<<<<<<< Updated upstream
+    gap: 5px;
+    flex-direction: row;
+    align-items: center;
+=======
+>>>>>>> Stashed changes
+  }
+
+  .vuecal--month-view .vuecal__event:hover{
+    background-color: #265dad;
+    color: white;
+  }
+
+  .vuecal--month-view .vuecal__event .vuecal__event-title{
+    font-weight: normal;
+    text-wrap: nowrap;
+    overflow: hidden;
+    font-weight: bold;
+<<<<<<< Updated upstream
+  }
+
+  .vuecal--month-view .vuecal__event .vuecal__event-time {
+    order: -1;
+  }
+
+  .vuecal--month-view .vuecal__event .vuecal__event-time span{
+    display: none;
+  }
+
+  .vuecal__heading .weekday-label {
+    font-weight: bold;
+  }
+  
+=======
+
+  }
+
+  .vuecal--month-view .vuecal__event .vuecal__event-time{
+    display: none;
+  }
+
+
+>>>>>>> Stashed changes
   .vuecal__event-content {
     @apply italic text-xs;
   }
diff --git a/nuxt.config.ts b/nuxt.config.ts
index d7f73ec..c1d5fd1 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -1,5 +1,4 @@
 export default defineNuxtConfig({
-
   modules: [
     '@nuxt/icon',
     '@nuxtjs/seo',
@@ -103,6 +102,7 @@ export default defineNuxtConfig({
       baseURL: 'https://ik.imagekit.io/des',
     },
   },
+
   ogImage: {
     compatibility: {
       prerender: {
@@ -131,4 +131,6 @@ export default defineNuxtConfig({
       ],
     },
   },
-})
+
+  compatibilityDate: '2024-10-18',
+})
\ No newline at end of file

From 276f6e1580ca6faf1591b1f599dc1b055ebea1a2 Mon Sep 17 00:00:00 2001
From: johnjovero98 <john.jovero@outlook.com>
Date: Fri, 18 Oct 2024 16:59:24 -0600
Subject: [PATCH 2/5] Update Calendar.vue

---
 components/app/Calendar.vue | 24 ------------------------
 1 file changed, 24 deletions(-)

diff --git a/components/app/Calendar.vue b/components/app/Calendar.vue
index 66e7e48..42f324a 100644
--- a/components/app/Calendar.vue
+++ b/components/app/Calendar.vue
@@ -173,11 +173,7 @@ const onEventClick = (event: any, e: any) => {
   }
 
   .vuecal--month-view .vuecal__cell {
-<<<<<<< Updated upstream
-    height: 130px
-=======
     height: 125px
->>>>>>> Stashed changes
     
   }
 
@@ -187,25 +183,16 @@ const onEventClick = (event: any, e: any) => {
   }
 
   .vuecal--month-view .vuecal__event {
-<<<<<<< Updated upstream
     padding: unset;
     text-align: left;
-=======
-    gap: 10px;
-    padding: unset;
-    text-align: left !important;
->>>>>>> Stashed changes
     border: unset;
     color: #265dad;
     background-color: unset ;
     padding: 0.3rem;
     border-radius: 0.2rem;
-<<<<<<< Updated upstream
     gap: 5px;
     flex-direction: row;
     align-items: center;
-=======
->>>>>>> Stashed changes
   }
 
   .vuecal--month-view .vuecal__event:hover{
@@ -218,7 +205,6 @@ const onEventClick = (event: any, e: any) => {
     text-wrap: nowrap;
     overflow: hidden;
     font-weight: bold;
-<<<<<<< Updated upstream
   }
 
   .vuecal--month-view .vuecal__event .vuecal__event-time {
@@ -233,16 +219,6 @@ const onEventClick = (event: any, e: any) => {
     font-weight: bold;
   }
   
-=======
-
-  }
-
-  .vuecal--month-view .vuecal__event .vuecal__event-time{
-    display: none;
-  }
-
-
->>>>>>> Stashed changes
   .vuecal__event-content {
     @apply italic text-xs;
   }

From aee704c555b82eb9d67f94e3c40123d612be99b5 Mon Sep 17 00:00:00 2001
From: johnjovero98 <john.jovero@outlook.com>
Date: Fri, 18 Oct 2024 17:15:40 -0600
Subject: [PATCH 3/5] Update Calendar.vue

---
 components/app/Calendar.vue | 7 +------
 1 file changed, 1 insertion(+), 6 deletions(-)

diff --git a/components/app/Calendar.vue b/components/app/Calendar.vue
index 42f324a..5395199 100644
--- a/components/app/Calendar.vue
+++ b/components/app/Calendar.vue
@@ -9,7 +9,6 @@ defineProps<{
 
 const showEventModal = ref(false)
 const selectedEvent = ref<any>({})
-
 const onEventClick = (event: any, e: any) => {
   selectedEvent.value = event
   showEventModal.value = true
@@ -18,8 +17,6 @@ const onEventClick = (event: any, e: any) => {
 }
 </script>
 
-
-
 <template>
   <section
     v-if="!pending"
@@ -56,7 +53,6 @@ const onEventClick = (event: any, e: any) => {
           name="i-ph-arrow-right"
         />
       </template>
-
     </vue-cal>
 
     <!-- TODO: Implement the list view
@@ -174,7 +170,6 @@ const onEventClick = (event: any, e: any) => {
 
   .vuecal--month-view .vuecal__cell {
     height: 125px
-    
   }
 
   .vuecal--month-view .vuecal__cell-content {
@@ -238,4 +233,4 @@ const onEventClick = (event: any, e: any) => {
   #event-modal .content-full a{
     @apply hover:underline text-gray-600 dark:text-gray-400;
   }
-</style>
+</style>
\ No newline at end of file

From c6a283515cdddc5d3fad6705534f9f458037b751 Mon Sep 17 00:00:00 2001
From: johnjovero98 <john.jovero@outlook.com>
Date: Fri, 18 Oct 2024 20:46:34 -0600
Subject: [PATCH 4/5] update formatting by running lint fix

---
 components/app/Calendar.vue | 175 ++++++++++++++++++------------------
 nuxt.config.ts              |   6 +-
 2 files changed, 93 insertions(+), 88 deletions(-)

diff --git a/components/app/Calendar.vue b/components/app/Calendar.vue
index 5395199..8ad6a51 100644
--- a/components/app/Calendar.vue
+++ b/components/app/Calendar.vue
@@ -12,7 +12,6 @@ const selectedEvent = ref<any>({})
 const onEventClick = (event: any, e: any) => {
   selectedEvent.value = event
   showEventModal.value = true
-
   e.stopPropagation()
 }
 </script>
@@ -54,7 +53,6 @@ const onEventClick = (event: any, e: any) => {
         />
       </template>
     </vue-cal>
-
     <!-- TODO: Implement the list view
     <div
       id="calendar-list-toggle"
@@ -94,7 +92,6 @@ const onEventClick = (event: any, e: any) => {
         </label>
       </div>
     </div> -->
-
     <AppModal
       id="event-modal"
       v-model="showEventModal"
@@ -152,85 +149,93 @@ const onEventClick = (event: any, e: any) => {
 </template>
 
 <style>
-  .vuecal__event-title {
-    @apply text-xs sm:text-sm font-semibold;
-  }
-
-  .vuecal__event-time {
-    @apply text-[0.5rem] sm:text-xs;
-  }
-
-  .vuecal__event:hover {
-    @apply cursor-pointer;
-  }
-
-  .vuecal__event {
-    @apply flex flex-col justify-center p-2 bg-primary text-white border border-gray-400/25;
-  }
-
-  .vuecal--month-view .vuecal__cell {
-    height: 125px
-  }
-
-  .vuecal--month-view .vuecal__cell-content {
-    justify-content: start;
-    padding: .5rem;
-  }
-
-  .vuecal--month-view .vuecal__event {
-    padding: unset;
-    text-align: left;
-    border: unset;
-    color: #265dad;
-    background-color: unset ;
-    padding: 0.3rem;
-    border-radius: 0.2rem;
-    gap: 5px;
-    flex-direction: row;
-    align-items: center;
-  }
-
-  .vuecal--month-view .vuecal__event:hover{
-    background-color: #265dad;
-    color: white;
-  }
-
-  .vuecal--month-view .vuecal__event .vuecal__event-title{
-    font-weight: normal;
-    text-wrap: nowrap;
-    overflow: hidden;
-    font-weight: bold;
-  }
-
-  .vuecal--month-view .vuecal__event .vuecal__event-time {
-    order: -1;
-  }
-
-  .vuecal--month-view .vuecal__event .vuecal__event-time span{
-    display: none;
-  }
-
-  .vuecal__heading .weekday-label {
-    font-weight: bold;
-  }
-  
-  .vuecal__event-content {
-    @apply italic text-xs;
-  }
-
-  .vuecal__title-bar {
-    @apply relative;
-  }
-
-  .vuecal__today-btn {
-    @apply bg-gray-400/20 hover:bg-gray-400/25 py-1 px-3 me-4 rounded-lg dark:text-white text-black font-semibold absolute right-[-10px] top-[-39px];
-  }
-
-  div.vuecal__cell:nth-child(7)::before {
-    @apply rounded-ee-lg;
-  }
-
-  #event-modal .content-full a{
-    @apply hover:underline text-gray-600 dark:text-gray-400;
-  }
-</style>
\ No newline at end of file
+.vuecal__event-title {
+  @apply text-xs sm:text-sm font-semibold;
+}
+
+.vuecal__event-time {
+  @apply text-[0.5rem] sm:text-xs;
+}
+
+.vuecal__event:hover {
+  @apply cursor-pointer;
+}
+
+.vuecal__event {
+  @apply flex flex-col justify-center p-2 bg-primary text-white border border-gray-400/25;
+}
+
+.vuecal__event-content {
+  @apply italic text-xs;
+}
+
+.vuecal__title-bar {
+  @apply relative;
+}
+
+.vuecal__today-btn {
+  @apply bg-gray-400/20 hover:bg-gray-400/25 py-1 px-3 me-4 rounded-lg dark:text-white text-black font-semibold absolute right-[-10px] top-[-39px];
+}
+
+.vuecal__heading .weekday-label {
+  font-weight: bold;
+}
+
+.vuecal--month-view .vuecal__cell {
+  height: 125px;
+}
+
+.vuecal--month-view .vuecal__cell-content {
+  justify-content: start;
+  padding: .5rem;
+}
+
+.vuecal--month-view .vuecal__event {
+  padding: unset;
+  text-align: left;
+  border: unset;
+  color: #265dad;
+  background-color: unset;
+  padding: 0.3rem;
+  border-radius: 0.2rem;
+  gap: 5px;
+  flex-direction: row;
+  align-items: center;
+}
+
+.dark .vuecal--month-view .vuecal__event {
+  color: white;
+}
+
+.vuecal--month-view .vuecal__cell--out-of-scope .vuecal__event {
+  color: #bebaba;
+}
+
+.dark .vuecal--month-view .vuecal__cell--out-of-scope .vuecal__event {
+  color: rgb(55, 55, 55);
+}
+
+.vuecal--month-view .vuecal__event:hover {
+  background-color: #265dad;
+  color: white;
+}
+
+.vuecal--month-view .vuecal__event .vuecal__event-title {
+  font-weight: normal;
+  text-wrap: nowrap;
+  overflow: hidden;
+  font-weight: bold;
+}
+
+.vuecal--month-view .vuecal__event .vuecal__event-time {
+  order: -1;
+}
+
+.vuecal--month-view .vuecal__event .vuecal__event-time span {
+  display: none;
+}
+
+#event-modal .content-full a {
+  @apply hover:underline text-gray-600 dark:text-gray-400;
+}
+</style>
diff --git a/nuxt.config.ts b/nuxt.config.ts
index c1d5fd1..08a5c9b 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -81,6 +81,8 @@ export default defineNuxtConfig({
     componentIslands: true,
   },
 
+  compatibilityDate: '2024-10-18',
+
   // server
   nitro: {
     compressPublicAssets: true,
@@ -131,6 +133,4 @@ export default defineNuxtConfig({
       ],
     },
   },
-
-  compatibilityDate: '2024-10-18',
-})
\ No newline at end of file
+})

From 269da88c3abd7e593f43b00cdc420c5b00d48b71 Mon Sep 17 00:00:00 2001
From: johnjovero98 <john.jovero@outlook.com>
Date: Mon, 21 Oct 2024 14:55:13 -0600
Subject: [PATCH 5/5] remove "compatibilityDate" from nuxt.config.ts

---
 nuxt.config.ts | 2 --
 1 file changed, 2 deletions(-)

diff --git a/nuxt.config.ts b/nuxt.config.ts
index 08a5c9b..2e339e9 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -81,8 +81,6 @@ export default defineNuxtConfig({
     componentIslands: true,
   },
 
-  compatibilityDate: '2024-10-18',
-
   // server
   nitro: {
     compressPublicAssets: true,