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

frontend/node_modules/vuetify/lib/directives/ripple/VRipple.sass

@@ -0,0 +1,45 @@
+@use '../../styles/tools'
+@use './variables' as *
+
+@include tools.layer('components')
+  .v-ripple
+    &__container
+      color: inherit
+      border-radius: inherit
+      position: absolute
+      width: 100%
+      height: 100%
+      left: 0
+      top: 0
+      overflow: hidden
+      z-index: 0
+      pointer-events: none
+      contain: strict
+
+    &__animation
+      color: inherit
+      position: absolute
+      top: 0
+      left: 0
+      border-radius: 50%
+      background: currentColor
+      opacity: 0
+      pointer-events: none
+      overflow: hidden
+      will-change: transform, opacity
+
+      &--enter
+        transition: none
+        opacity: 0
+
+      &--in
+        transition: $ripple-animation-transition-in
+        opacity: $ripple-animation-visible-opacity
+
+        @media (prefers-reduced-motion: reduce)
+          transition-property: opacity
+          transition-duration: 0.1s
+
+      &--out
+        transition: $ripple-animation-transition-out
+        opacity: 0