load players

components/CardPreview.vue

@@ -1,9 +1,23 @@
 <script setup lang="ts">
 const props = defineProps(['data'])
 const cards = useState<{ [key: string]: any }>('cards')
+
+function cardClick() {
+    console.log(JSON.parse(JSON.stringify(cards.value[props.data].effects)))
+}
 </script>
 
 <template>
-    {{ cards[props.data].name }}
+    <span @click="cardClick">
+        {{ cards[props.data].name }}
+    </span>
+
     |
-</template>
+</template>
+
+<style scoped>
+span {
+    border: 1px solid black;
+    cursor: pointer
+}
+</style>