import g from"./BqzLKaBt.js";import{d as f,r as x,e as r,j as y,t as s,C as h,g as l,a0 as k,o as p,h as o,x as v,v as b,aL as z,_ as C}from"./BxiWQxwE.js";import"./Bs5BQJH6.js";import"./B6XihOSw.js";import"./lFSmDJ2C.js";const L=["src","alt"],$=f({__name:"card",props:{recipe:{type:Object,default:null}},setup(t){const a=t,n=x(),i=()=>{var e;return(e=n.value)==null?void 0:e.classList.remove("lazy_img--unloaded")},m=r(()=>{var e;return`/meer/recepten/${z((e=a.recipe)==null?void 0:e.title)}/${a.recipe.id}`}),_=r(()=>{var e,c;return((c=(e=a.recipe.images)==null?void 0:e[0])==null?void 0:c.url)??"https://placehold.co/349x262?text=Afbeelding+niet+beschikbaar"});return y(()=>{n.value.complete&&i()}),(e,c)=>{const d=g,u=k;return p(),s(u,{to:l(m),class:"recipe__card"},{default:h(()=>[o("img",{ref_key:"imgEl",ref:n,class:"image lazy_img lazy_img--unloaded",src:l(_),alt:String(t.recipe.title),loading:"lazy",onLoad:i},null,40,L),o("div",null,[o("span",null,b(t.recipe.title),1),t.recipe?(p(),s(d,{key:0,recipe:t.recipe},null,8,["recipe"])):v("",!0)])]),_:1},8,["to"])}}}),N=C($,[["__scopeId","data-v-174446b7"]]);export{N as default};