Files
wishboard/resources/js/components/Wish.vue
T

42 lines
815 B
Vue

<script setup lang="ts">
import {ref, onMounted} from 'vue';
</script>
<template>
<div class="wish-main">
<img :src="'/skonk/quest_backdrop_' + type + '.png'">
<div class="wish-sub">
<img :src="'/skonk/quest_rune_' + rune + '.png'">
</div>
</div>
</template>
<script lang="ts">
const types = ref(['/skonk/quest_backdrop_1.png'], )
export default {
props: {
type: {
type: Number,
default: 2,
},
rune: {
type: Number,
default: 3,
}
},
setup(props) {
}
}
</script>
<style scoped>
.wish-main {
position: relative;
display: grid;
place-items: center;
}
.wish-sub {
position: absolute;
}
</style>