Restructured Project Rep

components/InputGroup.vue

@@ -0,0 +1,20 @@
+<script setup>
+const props = defineProps({
+  gap: {
+    type: Number,
+    default: 1
+  }
+})
+
+const {gap} = props
+</script>
+
+<template>
+  <div :class="`flex items-center gap-${gap}`">
+    <slot/>
+  </div>
+</template>
+
+<style scoped>
+
+</style>