add some assets, start making wish component

This commit is contained in:
2026-09-17 09:25:59 +02:00
parent 16e22104fb
commit ed347133ce
19 changed files with 45 additions and 1 deletions
Binary file not shown.

After

Width:  |  Height:  |  Size: 2.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 783 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 20 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 964 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 909 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.1 KiB

+42
View File
@@ -0,0 +1,42 @@
<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>
+3 -1
View File
@@ -1,4 +1,6 @@
<script lang="ts" setup>
import Wish from '../components/Wish.vue';
</script>
<script lang="ts">
@@ -7,6 +9,6 @@
<template>
<body>
asdf
<Wish/>
</body>
</template>