routie dev init since i didn't adhere to any proper guidance up until now

frontend/node_modules/vuetify/lib/components/VCalendar/VCalendarWeekly.sass

@@ -0,0 +1,120 @@
+@use '../../styles/tools'
+@use '../../styles/settings'
+@use './variables' as *
+
+@include tools.layer('components')
+  .v-calendar-weekly
+    background-color: $calendar-background
+    color: $calendar-on-background
+    border-top: $calendar-outline-color $calendar-line-width solid
+    border-left: $calendar-outline-color $calendar-line-width solid
+
+    .v-calendar-weekly__head-weekday
+      border-right: $calendar-grid-color $calendar-line-width solid
+
+      &.v-past
+        color: $calendar-past-color
+
+      &.v-outside
+        background-color: $calendar-outside-background
+        color: $calendar-on-outside-background
+
+    .v-calendar-weekly__head-weeknumber
+      background-color: $calendar-weeknumber-background
+      color: $calendar-on-weeknumber-background
+      border-right: $calendar-grid-color $calendar-line-width solid
+
+    .v-calendar-weekly__day
+      border-right: $calendar-grid-color $calendar-line-width solid
+      border-bottom: $calendar-grid-color $calendar-line-width solid
+
+      &.v-outside
+        background-color: $calendar-outside-background
+        color: $calendar-on-outside-background
+
+    .v-calendar-weekly__weeknumber
+        background-color: $calendar-weeknumber-background
+        color: $calendar-on-weeknumber-background
+        border-right: $calendar-grid-color $calendar-line-width solid
+        border-bottom: $calendar-grid-color $calendar-line-width solid
+
+  .v-calendar-weekly
+    width: 100%
+    height: 100%
+    display: flex
+    flex-direction: column
+    // https://github.com/vuetifyjs/vuetify/issues/8319
+    min-height: 0
+
+  .v-calendar-weekly__head
+    display: flex
+    user-select: none
+
+  .v-calendar-weekly__head-weekday
+    flex: 1 0 20px
+    user-select: none
+    padding: $calendar-weekly-weekday-padding
+    font-size: $calendar-weekly-weekday-font-size
+    overflow: hidden
+    text-align: center
+    text-overflow: ellipsis
+    text-transform: uppercase
+    white-space: nowrap
+
+  .v-calendar-weekly__head-weeknumber
+    position: relative
+    flex: 0 0 $calendar-weekly-weeknumber-flex-basis
+
+  .v-calendar-weekly__week
+    display: flex
+    flex: 1
+    height: unset
+    // https://github.com/vuetifyjs/vuetify/issues/8319
+    min-height: 0
+
+  .v-calendar-weekly__weeknumber
+    display: flex
+    flex: 0 0 $calendar-weekly-weeknumber-flex-basis
+    height: unset
+    min-height: 0
+    padding-top: $calendar-weekly-weeknumber-padding-top
+    text-align: center
+
+    > small
+      width: 100%
+
+  .v-calendar-weekly__day
+    flex: 1
+    width: 0
+    overflow: hidden
+    user-select: none
+    position: relative
+    padding: $calendar-weekly-day-padding
+    // https://github.com/vuetifyjs/vuetify/issues/9058
+    // https://bugzilla.mozilla.org/show_bug.cgi?id=1114904
+    min-width: 0
+
+    &.v-present
+      .v-calendar-weekly__day-month
+        color: currentColor
+
+  .v-calendar-weekly__day-label
+    text-decoration: none
+    user-select: none
+    cursor: pointer
+    box-shadow: none
+    text-align: center
+    margin: $calendar-weekly-day-label-margin
+
+    .v-icon-btn
+      font-size: $calendar-weekly-day-label-font-size
+
+  .v-calendar-weekly__day-month
+    position: absolute
+    text-decoration: none
+    user-select: none
+    box-shadow: none
+    top: 0
+    left: $calendar-weekly-day-month-left
+    height: $calendar-weekly-day-label-size
+    line-height: $calendar-weekly-day-label-size