there's like something on the page...

budgit.client/src/components/Transaction.vue

@@ -0,0 +1,33 @@
+<template>
+  <div class="component flex bg-stone-800 mb-2">
+    <div class="w-32">
+      <p>meow</p>
+    </div>
+    <div class="w-32">
+      <p>meow</p>
+    </div>
+    <div class="w-32">
+      <p>meow</p>
+    </div>
+    <div class="w-32">
+      <p>meow</p>
+    </div>
+    <div class="">
+      <p>{{'meow'}}</p>
+    </div>
+  </div>
+</template>
+
+
+<script>
+export default {
+  setup(){
+    return {}
+  }
+}
+</script>
+
+
+<style lang="scss" scoped>
+
+</style>

budgit.client/src/pages/TransactionsPage.vue

@@ -1,7 +1,9 @@
 <template>
   <div class="component">
-    <h1>transactionspage</h1>
+    <div class="flex mt-6 md:mx-40 flex-col">
-
+      <h1>Transactions Container</h1>
+      <Transaction v-for="t in 10" />
+    </div>
   </div>
 </template>