perf(RecipeCard): cambio para que cargue correctamente la imagen

src/components/RecipeCard.vue

@@ -3,7 +3,7 @@
         <div class="row g-0 h-100">
         <div class="row g-0 h-100">
             <div class="col-md-5 d-flex align-items-stretch">
             <div class="col-md-5 d-flex align-items-stretch">
                 <img 
                 <img 
-                :src="recipe.picture != null ? recipe.picture : 'src/assets/default-recipe.jpg'"
+                :src="recipe.picture ? recipe.picture : defaultImage"
                 class="img-fluid w-100 h-100 rounded-start"
                 class="img-fluid w-100 h-100 rounded-start"
                 style="object-fit: cover;"
                 style="object-fit: cover;"
                 :alt="recipe.name"
                 :alt="recipe.name"
@@ -33,6 +33,7 @@
 
 
 <script setup>
 <script setup>
 import { useRecipeStore } from '@/stores/recipeStore';
 import { useRecipeStore } from '@/stores/recipeStore';
+import defaultImage from '@/assets/default-recipe.jpg';
 
 
 const props = defineProps({
 const props = defineProps({
     recipe: {
     recipe: {