some db changes, frontend changes

app/Http/Controllers/WishController.php

@@ -0,0 +1,12 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use Illuminate\Http\Request;
+
+class WishController extends Controller
+{
+    public function getOpenWishes(int $page) {
+        
+    }
+}

app/Models/Wish.php

@@ -6,7 +6,7 @@ use Illuminate\Database\Eloquent\Model;
 use Illuminate\Database\Eloquent\Factories\HasFactory;
 use Illuminate\Database\Eloquent\Concerns\HasUuids;
 
-class Wishes extends Model
+class Wish extends Model
 {
     use HasUuids;
     use HasFactory;

database/factories/WishFactory.php

@@ -2,7 +2,7 @@
 
 namespace Database\Factories;
 
-use App\Models\Model;
+use App\Models\Wish;
 use Illuminate\Database\Eloquent\Factories\Factory;
 
 /**
@@ -19,7 +19,7 @@ class WishFactory extends Factory
     {
         return [
             'title' => fake()->sentence(),
-            'decription' => fake()->paragraph(),
+            'description' => fake()->paragraph(),
             'reward' => fake()->word(),
         ];
     }

database/migrations/2026_09_10_071718_create_wishes_table.php

@@ -12,7 +12,7 @@ return new class extends Migration
     public function up(): void
     {
         Schema::create('wishes', function (Blueprint $table) {
-            $table->uuid()->primary();
+            $table->uuid('id')->primary();
             $table->string('title');
             $table->text('description');
             $table->string('reward')->nullable();

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,7 +25,11 @@
             },
             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>