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

frontend/node_modules/vuetify/lib/components/VDivider/VDivider.sass

@@ -0,0 +1,68 @@
+@use '../../styles/tools'
+@use './variables' as *
+
+@include tools.layer('components')
+  .v-divider
+    color: inherit
+    display: block
+    flex: $divider-flex
+    height: 0
+    max-height: 0
+    margin: 0
+    opacity: $divider-opacity
+    transition: inherit
+
+    @include tools.border($divider-border...)
+
+    &--vertical
+      align-self: stretch
+      border-width: $divider-vertical-border-width
+      display: inline-flex
+      height: auto
+      margin-left: $divider-vertical-margin-left
+      max-height: 100%
+      max-width: 0px
+      vertical-align: text-bottom
+      width: 0px
+
+    &--inset
+      &:not(.v-divider--vertical)
+        max-width: $divider-inset-max-width
+        margin-inline-start: $divider-inset-margin
+
+      &.v-divider--vertical
+        margin-bottom: $divider-vertical-inset-margin-bottom
+        margin-top: $divider-vertical-inset-margin-top
+        max-height: $divider-vertical-inset-max-height
+
+    &--gradient
+      mask-image: $divider-gradient-mask
+
+      &.v-divider--vertical
+        mask-image: $divider-vertical-gradient-mask
+
+  .v-divider__content
+    padding: $divider-content-padding
+    text-wrap: nowrap
+
+    .v-divider__wrapper--vertical &
+      padding: $divider-content-vertical-padding
+
+  .v-divider__wrapper
+    display: flex
+    align-items: center
+    justify-content: center
+
+
+    &--vertical
+      flex-direction: column
+      height: 100%
+
+      .v-divider
+        margin: 0 auto
+
+    &--gradient
+      mask-image: $divider-gradient-mask
+
+      &.v-divider__wrapper--vertical
+        mask-image: $divider-vertical-gradient-mask