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

frontend/node_modules/vuetify/lib/components/VSparkline/VSparkline.js

@@ -0,0 +1,48 @@
+import { mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
+// Components
+import { makeVBarlineProps, VBarline } from "./VBarline.js";
+import { makeVTrendlineProps, VTrendline } from "./VTrendline.js"; // Composables
+import { useTextColor } from "../../composables/color.js"; // Utilities
+import { computed } from 'vue';
+import { genericComponent, propsFactory, useRender } from "../../util/index.js"; // Types
+// Types
+
+export const makeVSparklineProps = propsFactory({
+  type: {
+    type: String,
+    default: 'trend'
+  },
+  ...makeVBarlineProps(),
+  ...makeVTrendlineProps()
+}, 'VSparkline');
+export const VSparkline = genericComponent()({
+  name: 'VSparkline',
+  props: makeVSparklineProps(),
+  setup(props, {
+    slots
+  }) {
+    const {
+      textColorClasses,
+      textColorStyles
+    } = useTextColor(() => props.color);
+    const hasLabels = computed(() => {
+      return Boolean(props.showLabels || props.labels.length > 0 || !!slots?.label);
+    });
+    const totalHeight = computed(() => {
+      let height = parseInt(props.height, 10);
+      if (hasLabels.value) height += parseInt(props.labelSize, 10) * 1.5;
+      return height;
+    });
+    useRender(() => {
+      const Tag = props.type === 'trend' ? VTrendline : VBarline;
+      const lineProps = props.type === 'trend' ? VTrendline.filterProps(props) : VBarline.filterProps(props);
+      return _createVNode(Tag, _mergeProps({
+        "key": props.type,
+        "class": textColorClasses.value,
+        "style": textColorStyles.value,
+        "viewBox": `0 0 ${props.width} ${parseInt(totalHeight.value, 10)}`
+      }, lineProps), slots);
+    });
+  }
+});
+//# sourceMappingURL=VSparkline.js.map