rpg-cards-ng/src/components/deck-card-description.vue

22 lines
564 B
Vue

<template>
<p>
<span v-editable:0="editable" class="title">{{ params[0] }}</span>
<span v-editable:1="editable">{{ params[1] }}</span>
</p>
</template>
<script lang="ts">
import { Component, Prop, Vue } from 'vue-property-decorator'
@Component
export default class DeckCardDescription extends Vue {
@Prop() public readonly params!: string[]
@Prop() public readonly editable!: boolean
}
</script>
<style scoped>
p { margin: 0; line-height: 1.2; }
p > .title { font-weight: bold; font-style: italic; }
p > .title::after { content: ' '; }
</style>