initial: bootstrap from BukidBountyApp base

resources/js/Components/Core/Layouts/Row/Col.vue

@@ -0,0 +1,11 @@
+<template>
+  <div class="col" :class="colClass">
+    <slot />
+  </div>
+</template>
+
+<script setup>
+defineProps({
+  colClass: { type: String, default: '' }
+})
+</script>

resources/js/Components/Core/Layouts/Row/DualColRow.vue

@@ -0,0 +1,21 @@
+<template>
+  <Row :row-class="rowClass" :hidden="hidden" :style="style">
+    <Col>
+      <slot name="left" />
+    </Col>
+    <Col>
+      <slot name="right" />
+    </Col>
+  </Row>
+</template>
+
+<script setup>
+import Row from './Row.vue'
+import Col from './Col.vue'
+
+defineProps({
+  rowClass: { type: String, default: '' },
+  hidden: { type: Boolean, default: false },
+  style: { type: String, default: '' }
+})
+</script>

resources/js/Components/Core/Layouts/Row/Row.vue

@@ -0,0 +1,22 @@
+<template>
+  <div
+    class="row"
+    :class="rowClass"
+    :style="computedStyle"
+    v-show="!hidden"
+  >
+    <slot />
+  </div>
+</template>
+
+<script setup>
+import { computed } from 'vue'
+
+const props = defineProps({
+  rowClass: { type: String, default: '' },
+  hidden: { type: Boolean, default: false },
+  style: { type: String, default: '' }
+})
+
+const computedStyle = computed(() => props.style)
+</script>