https://zagens.com/assets/BlogListView-CVEtz2TP.js

1import{d as $,x as N,c as a,q as b,F as y,r as V,f as x,a as s,b as k,e as _,t as o,i as g,j as D,o as t,h as w,u as c,l as L,w as P,g as v,m as B}from"./index-BvCxBRSS.js";import{u as A}from"./useLocale-DS3J3Yhx.js";import{_ as S}from"./PageSkeleton.vue_vue_type_script_setup_true_lang-BiEEu3ko.js";import{u as z}from"./usePageSeo-BidIi4Rv.js";import{b as F}from"./public-ZfEszBMV.js";import"./useSiteConfig-WG4LTNhf.js";const j={key:0,class:"flex flex-wrap gap-2"},M={class:"mt-5 flex items-center justify-between gap-4 border-t border-card-border pt-4"},T=["datetime"],C=$({__name:"BlogPostCard",props:{post:{},featured:{type:Boolean}},setup(e){const n=e,{locale:l,pathFor:r}=A(),{t:i}=N(),d=g(()=>`${r("/blog")}/${n.post.slug}`),p=g(()=>n.post.publishedAt?new Date(n.post.publishedAt).toLocaleDateString(l.value==="zh-Hans"?"zh-CN":"en-US",{year:"numeric",month:"long",day:"numeric"}):"");return(f,h)=>{const u=D("router-link");return t(),a("article",{class:b(["group flex h-full flex-col rounded-2xl border border-card-border bg-card p-6 shadow-sm transition hover:border-accent/30 hover:shadow-card",e.featured?"border-accent/25 bg-gradient-to-br from-card via-card to-accent-soft/40 p-8 sm:p-10":""])},[e.post.tags.length?(t(),a("div",j,[(t(!0),a(y,null,V(e.post.tags,m=>(t(),a("span",{key:m,class:"rounded-full border border-card-border bg-canvas-alt px-2.5 py-0.5 text-xs font-medium text-subtle"},o(m),1))),128))])):x("",!0),s("h2",{class:b(["font-semibold text-ink",e.featured?"mt-5 text-2xl sm:text-3xl":"mt-4 text-xl"])},[k(u,{to:d.value,class:"transition hover:text-accent"},{default:_(()=>[w(o(e.post.title),1)]),_:1},8,["to"])],2),e.post.summary?(t(),a("p",{key:1,class:b(["mt-3 flex-1 leading-relaxed text-muted",e.featured?"text-base":"text-sm"])},o(e.post.summary),3)):x("",!0),s("div",M,[e.post.publishedAt?(t(),a("time",{key:0,class:"text-xs text-subtle",datetime:e.post.publishedAt},o(p.value),9,T)):x("",!0),k(u,{to:d.value,class:"inline-flex items-center gap-1 text-sm font-medium text-accent transition group-hover:gap-2"},{default:_(()=>[w(o(c(i)("blog.readMore"))+" ",1),h[0]||(h[0]=s("span",{"aria-hidden":"true"},"→",-1))]),_:1},8,["to"])])],2)}}}),q={class:"border-b border-card-border bg-canvas"},E={class:"mx-auto max-w-6xl px-4 py-16 sm:px-6 lg:py-20"},H={class:"mt-3 text-sm font-semibold uppercase tracking-[0.16em] text-subtle"},I={class:"mt-3 font-display text-4xl font-extrabold tracking-brand text-ink sm:text-5xl"},U={class:"mt-5 max-w-2xl text-lg leading-relaxed text-muted"},Z={class:"mx-auto max-w-6xl px-4 py-16 sm:px-6"},G={key:2,class:"rounded-2xl border border-dashed border-card-border bg-canvas-alt px-6 py-16 text-center"},J={class:"text-lg font-medium text-ink"},K={class:"mx-auto mt-2 max-w-md text-sm text-muted"},tt=$({__name:"BlogListView",setup(e){const{locale:n}=A(),{t:l}=N(),r=B([]),i=B(!0),d=g(()=>r.value[0]??null),p=g(()=>r.value.length>1?r.value.slice(1):[]);z(()=>({title:l("blog.title"),description:l("blog.subtitle")}));async function f(){i.value=!0;try{r.value=await F(n.value)}finally{i.value=!1}}return L(()=>void f()),P(n,()=>void f()),(h,u)=>(t(),a("div",null,[s("section",q,[s("div",E,[u[0]||(u[0]=s("p",{class:"font-display text-sm font-semibold uppercase tracking-[0.22em] text-accent"},"Zagens",-1)),s("p",H,o(c(l)("blog.eyebrow")),1),s("h1",I,o(c(l)("blog.title")),1),s("p",U,o(c(l)("blog.subtitle")),1)])]),s("section",Z,[i.value?(t(),v(S,{key:0,narrow:"",blocks:2})):r.value.length?(t(),a(y,{key:1},[d.value?(t(),v(C,{key:0,post:d.value,featured:""},null,8,["post"])):x("",!0),p.value.length?(t(),a("div",{key:1,class:b(["grid gap-6",d.value?"mt-8 md:grid-cols-2":"md:grid-cols-2"])},[(t(!0),a(y,null,V(p.value,m=>(t(),v(C,{key:m.id,post:m},null,8,["post"]))),128))],2)):x("",!0)],64)):(t(),a("div",G,[s("p",J,o(c(l)("blog.emptyTitle")),1),s("p",K,o(c(l)("blog.empty")),1)]))])]))}});export{tt as default};