https://mybento.net/_nuxt/D-qLUtlE.js

1import I from"./CVJgs6G1.js";import{Z as $,X as v,a as i,c as d,d as e,b as p,w as _,k as l,e as w,t as m,s as f,_ as P,F as S,x as N,A as B,$ as C,u as R,g as F,a0 as M}from"./CfKUlIMf.js";import{_ as V}from"./CqUFd8e_.js";import{g as L}from"./qnNYUwpy.js";import{f as O}from"./D5oeAxDj.js";import{_ as j}from"./BQ2dgVZW.js";import{u as y,q as b}from"./BaKev9df.js";import{u as q,a as z}from"./-fAZXR2P.js";import"./CWgAq2ge.js";import"./lSBzIGKV.js";import"./r-LKfUDW.js";import"./BN_7HF1G.js";import"./CzR0cSRy.js";const U={class:"xl:container px-4 lg:px-6"},E={class:"max-w-3xl mx-auto"},H={class:"max-w-none pb-10 mt-16 prose prose:text-dark-neutral-60 prose-p:text-dark-neutral-60 prose-p:text-[17px] prose-p:mt-0 prose-ul:text-[17px] prose-headings:font-normal prose-h2:text-[22px] prose-h2:font-serif prose-h2:text-dark-neutral-60 prose-h2:font-medium prose-a:font-medium prose-a:text-primary prose-a:no-underline prose-a:underline-offset-2 hover:prose-a:underline prose-strong:font-semibold prose-strong:text-dark-neutral-60 prose-img:rounded-xl prose-table:text-dark-neutral-60 prose-table:mt-0 prose-tr:border-gray-text-on-light-bg prose-ul:text-dark-neutral-60 prose-ol:text-dark-neutral-60 [&_h2_a]:!text-dark-neutral-60 [&_h3_a]:!text-dark-neutral-60 [&_h4_a]:!text-dark-neutral-60 [&_h2_a]:!no-underline [&_h3_a]:!no-underline [&_h4_a]:!no-underline"},W={key:0,class:"pt-8 mb-8 border-t border-gray-200"},X={class:"text-dark-neutral-50 text-[15px]"},Z={class:"font-medium text-dark-neutral-60"},G={class:"mb-4"},J={class:"mt-16 mb-20 mx-2 sm:mx-5"},K={class:"mx-auto mt-14 grid max-w-2xl grid-cols-1 gap-x-8 gap-y-12 lg:mx-0 lg:max-w-none lg:grid-cols-3"},Q={class:"flex flex-col items-start justify-between group"},Y={class:"relative w-full overflow-hidden rounded-xl"},tt={class:"max-w-xl"},et={class:"text-sm font-inter text-primary font-medium mt-2"},at={key:0},ot={key:1,class:"mx-1 text-lg relative top-[1px]"},rt=["datetime"],st={class:"group relative"},lt={class:"font-serif mt-2 text-[22px] leading-tight text-dark-neutral-60 group-hover:underline group-hover:text-dark-neutral-60 duration-200"},nt={class:"mt-3 leading-6 text-dark-neutral group-hover:text-dark-neutral-60"},it={__name:"BlogSingle",async setup(D){let a,n;const u=$(),t=B(()=>C(u.path)),{data:r}=([a,n]=v(()=>y("current-post",()=>b("/blog").only(["_path","relatedPostIDs","author","authorTitle"]).where({_path:u.path}).findOne())),a=await a,n(),a),{data:h}=([a,n]=v(()=>y("related-posts",()=>b("/blog").only(["_path","_id","id","title","subTitle","categoryID","description","publishedAt","draft","image","order","isFeatured","featuredImage","category"]).where({$and:[{draft:{$ne:!0}},{id:{$in:r.value.relatedPostIDs}}]}).sort({order:1}).sort({publishedAt:-1}).sort({isFeatured:-1}).find())),a=await a,n(),a),k=B(()=>h.value?h.value:[]);return(c,s)=>{const T=I,x=P,A=V;return i(),d("div",null,[e("div",U,[e("div",E,[e("article",H,[p(T,{path:l(t)},{"not-found":_(()=>[...s[0]||(s[0]=[e("h1",null,"Not found",-1),e("div",null,"Sorry, the article you're looking for could not be found.",-1)])]),_:1},8,["path"])]),l(r)?.author&&l(r)?.authorTitle?(i(),d("div",W,[e("p",X,[s[1]||(s[1]=w(" Written by ",-1)),e("span",Z,m(l(r).author),1),w(", "+m(l(r).authorTitle)+" of MyBento ",1)])])):f("",!0),e("div",G,[p(x,{to:"/blog",class:"hover:text-dark-neutral-70 duration-200"},{default:_(()=>[...s[2]||(s[2]=[e("span",{class:"w-3 inline-block relative mr-1"},[e("img",{src:j,alt:"<"})],-1),e("span",{class:"text-dark-neutral-60 text-lg font-medium"},"Blog",-1)])]),_:1})])]),e("aside",J,[s[3]||(s[3]=e("h2",{class:"text-center font-serif text-dark-neutral-60 text-2xl xl:text-3xl"},"Related Posts",-1)),e("div",K,[(i(!0),d(S,null,N(l(k),o=>(i(),d("article",{key:o._id},[e("div",Q,[e("div",Y,[p(x,{to:o._path,"aria-label":`Read article: ${o.title}`},{default:_(()=>[p(A,{src:o.image?.src,alt:o.image?.alt,width:"1200",height:"800",sizes:"100vw sm:600px lg:400px","img-attrs":{class:"aspect-[16/10] w-full rounded-xl object-cover sm:aspect-[2/1] lg:aspect-[3/2] hover:scale-105 duration-300",loading:"lazy"}},null,8,["src","alt"])]),_:2},1032,["to","aria-label"])]),e("div",tt,[p(x,{to:o._path},{default:_(()=>[e("div",et,[o?.categoryID?(i(),d("span",at,m(("getCategoryNameById"in c?c.getCategoryNameById:l(L))(o?.categoryID)),1)):f("",!0),o?.categoryID?(i(),d("span",ot," ·")):f("",!0),e("time",{datetime:o?.publishedAt},m(("formatDateToBlogStyle"in c?c.formatDateToBlogStyle:l(O))(o?.publishedAt)),9,rt)]),e("div",st,[e("h3",lt,m(o?.title),

11),e("p",nt,m(o.description),1)])]),_:2},1032,["to"])])])]))),128))])])])])}}},g="https://mybento.net",kt={__name:"[...postSlug]",async setup(D){let a,n;const u=$(),{data:t}=([a,n]=v(()=>y(`seo-${u.path}`,()=>b(u.path).only(["title","description","image","publishedAt","author"]).findOne())),a=await a,n(),a);R({title:()=>t.value?.title?`${t.value.title} | MyBento Blog`:"MyBento Blog",meta:[{name:"description",content:()=>t.value?.description||""}]}),F({ogTitle:()=>t.value?.title,ogDescription:()=>t.value?.description,ogImage:()=>t.value?.image?.src?`${g}${t.value.image.src}`:void 0,ogUrl:()=>`${g}${u.path}`,ogType:"article",articlePublishedTime:()=>t.value?.publishedAt,articleAuthor:()=>t.value?.author,twitterCard:"summary_large_image",twitterTitle:()=>t.value?.title,twitterDescription:()=>t.value?.description,twitterImage:()=>t.value?.image?.src?`${g}${t.value.image.src}`:void 0}),q([z({"@type":"BlogPosting",headline:t.value?.title,description:t.value?.description,image:t.value?.image?.src?`${g}${t.value.image.src}`:void 0,datePublished:t.value?.publishedAt,author:{"@type":"Person",name:t.value?.author}})]);const r=M().currentRoute.value.matched.at(-1);return r&&t.value?.title&&(r.meta.breadcrumbLabel=t.value.title),(h,k)=>{const c=it;return i(),d("div",null,[p(c)])}}};export{kt as default};