fix: set resource when rendering public index

phojie · Jan 5, 2023 · d49b3f6 · d49b3f6
1 parent a820e9b
commit d49b3f6
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/app/Http/Controllers/PublicController.php b/app/Http/Controllers/PublicController.php
@@ -2,6 +2,8 @@
 
 namespace App\Http\Controllers;
 
+use App\Http\Resources\CategoryResource;
+use App\Http\Resources\ProductResource;
 use App\Models\Category;
 use App\Models\Product;
 use Inertia\Inertia;
@@ -22,8 +24,8 @@ public function index()
 				->get();
 
 		return Inertia::render('Index', [
-			'categories' => $randomCategories,
-			'products' => $trendingProducts,
+			'categories' => CategoryResource::collection($randomCategories),
+			'products' =>  ProductResource::collection($trendingProducts),
 		]);
 	}
 }
diff --git a/resources/js/pages/Index.vue b/resources/js/pages/Index.vue
@@ -120,13 +120,13 @@ const perks = [
 
         <div class="grid grid-cols-2 mt-6 gap-x-4 gap-y-10 sm:gap-x-6 md:grid-cols-4 md:gap-y-0 lg:gap-x-8">
           <AppProductCard
-            v-for="product in products" :key="product.id"
+            v-for="product in products"
+            :key="product.id"
             :name="product.name"
             :image="product.image as string"
             :description="product.description"
             :variants="product.variants as Array<Variant>"
             :slug="product.slug as string"
-            :product="product"
           />
         </div>