Initial commit

src/App.vue

@@ -0,0 +1,34 @@
+<script setup lang="ts">
+import { ref } from 'vue'
+import Card from '@/components/card.vue'
+
+const cards = ref(
+  new Array(8).fill(0).map((_) => ({
+    title: '',
+    color: 'white',
+    name: '',
+  })),
+)
+</script>
+
+<template>
+  <div class="grid grid-cols-3">
+    <div class="noPrint flex flex-col gap-3">
+      <div v-for="(card, i) in cards" :key="i" class="p-3 bg-gray-300 flex flex-col gap-1">
+        <input v-model="card.title" placeholder="Title" />
+        <input v-model="card.color" placeholder="Color" type="color" />
+        <input v-model="card.name" placeholder="Name" />
+      </div>
+    </div>
+    <div class="col-span-2 grid grid-cols-2 page gap-2">
+      <card v-for="(card, i) in cards" :key="i" v-model="cards[i]" />
+    </div>
+  </div>
+</template>
+
+<style scoped>
+input {
+  @apply border-2;
+  padding: 10px;
+}
+</style>