some ranamings and database changes

resources/css/app.css

@@ -9,7 +9,6 @@
 }
 
 :root {
-    --ui-primary: rgb(255, 0, 0);
     --background-color: rgb(10,10,10);
     --color-primary: rgb(250, 250, 250);
     --color-a-primary: rgb(142, 234, 252);

resources/js/components/Wish.vue

@@ -4,8 +4,8 @@
 
 <template>
     <div class="wish-main">
-        <img :src="'/skonk/quest_backdrop_' + type + '.png'">
-        <div class="wish-sub">
+        <img class="wish-filter" :src="'/skonk/quest_backdrop_' + type + '.png'">
+        <div class="wish-sub" v-if="type <= 2">
             <img :src="'/skonk/quest_rune_' + rune + '.png'">
         </div>
     </div>
@@ -18,7 +18,7 @@
         props: {
             type: {
                 type: Number,
-                default: 2,
+                default: 1,
             },
             rune: {
                 type: Number,
@@ -35,8 +35,12 @@
     position: relative;
     display: grid;
     place-items: center;
+
 }
 .wish-sub {
     position: absolute;
 }
+.wish-filter {
+}
+
 </style>

resources/js/pages/HomeView.vue

@@ -1,10 +1,9 @@
 <script lang="ts" setup>
-import Wish from '../components/Wish.vue';
-
-
+    import Wish from '../components/Wish.vue';
+    import {ref, onMounted} from 'vue';
 </script>
 <script lang="ts">
-
+    const wishes = ref();
 </script>
 
 <template>