some db changes, frontend changes

resources/js/components/Wish.vue

@@ -4,7 +4,10 @@
 
 <template>
     <div class="wish-main">
-        <img class="wish-filter" :src="'/skonk/quest_backdrop_' + type + '.png'">
+        <img :src="'/skonk/quest_backdrop_' + type + '.png'">
+        <div class="wish-sub" v-if="type <= 2">
+            <img :src="'/skonk/quest_backdrop_' + type + '_filter.png'" :style="'filter: hue-rotate(' + color + 'deg);'">
+        </div>
         <div class="wish-sub" v-if="type <= 2">
             <img :src="'/skonk/quest_rune_' + rune + '.png'">
         </div>
@@ -22,8 +25,12 @@
             },
             rune: {
                 type: Number,
-                default: 3,
-            } 
+                default: 1,
+            }, 
+            color: {
+                type: Number,
+                default: 0,
+            }
         },
         setup(props) {
         }
@@ -40,7 +47,4 @@
 .wish-sub {
     position: absolute;
 }
-.wish-filter {
-}
-
 </style>

resources/js/pages/HomeView.vue

@@ -8,6 +8,7 @@
 
 <template>
     <body>
-        <Wish/>
+        <Wish rune="1" color="200"/>
+        <Wish type="1" rune="1"/>
     </body>
 </template>