add some assets, start making wish component

2026-09-17 09:25:59 +02:00
parent 16e22104fb
commit ed347133ce
19 changed files with 45 additions and 1 deletions
@@ -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>
@@ -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>