import{M as b,ad as _,N as a,W as r,X as c,V as l,Z as k,Y as u,U as n,P as g,Q as h,e as d,aA as x,O as o,R as N}from"./vendor-CsGITfgk.js";import{h as V,d as A}from"./index-CsCqMgta.js";import{_ as P}from"./product-card.vue_vue_type_script_setup_true_lang-CXwGwsM6.js";const T={class:"mx-auto w-full max-w-screen-xl px-5 md:px-12"},v={class:"mb-8 text-center lg:text-lg"},w=b({__name:"products-block",props:{id:{},background:{},title:{},subtitle:{},count:{default:4},query:{},filter:{},cardType:{default:"full"},columnsAmountDesktop:{default:"4"},columnsAmountTablet:{default:"3"}},setup(m){const t=m,{products:p,fetchProducts:i}=V();return _(async()=>{await i({itemsPerPage:t.count,keyword:t.query,filter:t.filter})}),(e,B)=>{const f=n("VcTypography"),y=n("VcProductsGrid");return o(),a("div",{class:x(["products-block py-10 lg:py-24",e.background])},[r("div",T,[c(f,{tag:"h2",variant:"h1",class:"mb-2 text-center lg:mb-4"},{default:l(()=>[k(u(e.title),1)]),_:1}),r("div",v,u(e.subtitle),1),c(y,{columns:{default:1,xs:2,sm:2,md:Number(e.columnsAmountTablet),lg:Number(e.columnsAmountDesktop),xl:Number(e.columnsAmountDesktop),"2xl":Number(e.columnsAmountDesktop)}},{default:l(()=>[(o(!0),a(g,null,h(d(p),s=>(o(),N(d(P),{key:s.id,"card-type":e.cardType,product:s},null,8,["card-type","product"]))),128))]),_:1},8,["columns"])])],2)}}}),E=A(w,[["__scopeId","data-v-000ea0d2"]]);export{E as default};
//# sourceMappingURL=products-block-XxI7k_kq.js.map
