33 lines
607 B
Vue
33 lines
607 B
Vue
<script setup lang="ts">
|
|
const props = defineProps({
|
|
data: {
|
|
type: String as PropType<string>,
|
|
required: false,
|
|
},
|
|
})
|
|
const cards = useState<{ [key: string]: any }>('cards')
|
|
|
|
function cardClick() {
|
|
if (!props.data) return
|
|
console.log(JSON.parse(JSON.stringify(cards.value[props.data].effects)))
|
|
}
|
|
</script>
|
|
|
|
<template>
|
|
<span v-if="props.data" @click="cardClick">
|
|
{{ cards[props.data].name }}
|
|
</span>
|
|
|
|
<span v-if="!props.data">
|
|
HIDDEN
|
|
</span>
|
|
|
|
|
|
|
</template>
|
|
|
|
<style scoped>
|
|
span {
|
|
border: 1px solid black;
|
|
cursor: pointer
|
|
}
|
|
</style> |