fix: imagem padrão para cards sem imagem

Author: jeff-doliveira1

src/assets/img/avatar-default-opportunity.png

@@ -47,7 +47,7 @@ const showDetails = (value) => {
   <div class="">
     <div class="card-header p-0 position-relative mt-n4 mx-3 z-index-2">
       <a :href="action.route" class="d-block blur-shadow-image image-cursor-point" @click="showDetails(id)" >
-        <img :src="image" :alt="title" class="img-fluid border-radius-lg"  style="background-color: #cccccc;"/>
+        <img :src="image" :alt="title" class="img-fluid border-radius-lg"  style="background-color: #cccccc; width: 328px;"/>
       </a>
     </div>
     <div class="card-body text-center">

src/examples/cards/blogCards/CenteredBlogCard.vue

@@ -1,4 +1,5 @@
 <script setup>
+import avatarDefault from '../../assets/img/avatar-default-opportunity.png'
 import { onMounted, onUnmounted, reactive, ref } from "vue";
 import helpers from "../../helpers/helpers";
 //example components
@@ -231,7 +232,7 @@ onUnmounted(() => {
             class="col-md-4 z-index-2 border-radius-xl mx-auto py-3 mt-2">
             <div class="row-card">
               <div class="card animate__animated animate__backInUp" :key="index">
-                <CenteredBlogCard style="max-height: 700px;" :image="item['@files:avatar.avatarBig'].url"
+                <CenteredBlogCard style="max-height: 700px;" :image="item['@files:avatar.avatarBig']?.url ?? avatarDefault"
                   :title="item.name" :description="item.shortDescription" :href="item.singleUrl"
                   @noticeClick="detailsEditImage" :id="item.id" />
                 <div class="card-body text-center">
@@ -246,7 +247,7 @@ onUnmounted(() => {
             class="col-md-4 z-index-2 border-radius-xl mx-auto py-3 mt-2">
             <div class="row-card">
               <div class="card" :key="index">
-                <CenteredBlogCard style="max-height: 700px;" :image="item['@files:avatar.avatarBig'].url"
+                <CenteredBlogCard style="max-height: 700px;" :image="item['@files:avatar.avatarBig']?.url ?? avatarDefault"
                   :title="item.name" :description="item.shortDescription" :href="item.singleUrl"
                   @noticeClick="detailsEditImage" :id="item.id" />
                 <div class="card-body text-center">
@@ -275,7 +276,7 @@ onUnmounted(() => {
             class="col-md-4 z-index-2 border-radius-xl mx-auto py-3 mt-2">
             <div class="row-card">
               <div class="card animate__animated animate__backInUp" :key="index">
-                <CenteredBlogCard style="max-height: 700px;" :image="item['@files:avatar.avatarBig'].url"
+                <CenteredBlogCard style="max-height: 700px;" :image="item['@files:avatar.avatarBig']?.url ?? avatarDefault"
                   :title="item.name" :description="item.shortDescription" :href="item.singleUrl"
                   @noticeClick="detailsEditImage" :id="item.id" />
                 <div class="card-body text-center">
@@ -290,7 +291,7 @@ onUnmounted(() => {
             class="col-md-4 z-index-2 border-radius-xl mx-auto py-3 mt-2">
             <div class="row-card">
               <div class="card animate__animated animate__backInUp" :key="index">
-                <CenteredBlogCard style="max-height: 700px;" :image="item['@files:avatar.avatarBig'].url"
+                <CenteredBlogCard style="max-height: 700px;" :image="item['@files:avatar.avatarBig']?.url ?? avatarDefault"
                   :title="item.name" :description="item.shortDescription" :href="item.singleUrl"
                   @noticeClick="detailsEditImage" :id="item.id" />
                 <div class="card-body text-center">

src/views/Presentation/PresentationView.vue

@@ -1,4 +1,5 @@
 <script setup>
+import avatarDefault from '../../../assets/img/avatar-default-opportunity.png'
 import {ref, onMounted} from "vue"
 import RotatingCard from "../../../examples/cards/rotatingCards/RotatingCard.vue";
 import RotatingCardFront from "../../../examples/cards/rotatingCards/RotatingCardFront.vue";
@@ -28,7 +29,7 @@ fetch(import.meta.env.VITE_API_MAPA_URL + 'api/opportunity/find/?&@order=createT
 .then(function(data) {
     //
     editalData.value = data[0]
-    featureCover.value = editalData.value['@files:avatar.avatarBig'].url;
+    featureCover.value = editalData.value['@files:avatar.avatarBig']?.url ?? avatarDefault;
     editalData.value.registrationFrom = moment(data[0].registrationFrom.date).format('llll');
     editalData.value.registrationTo = moment(data[0].registrationTo.date).format('llll');
     editalData.value.nameOwner = editalData.value.owner.name