https://aviumui.org/assets/entries/src_pages_blog_index.Oi63W3J-.js

1import{_ as j,w as B,I as k,r as N,n as T,f as l,b as t,L as R,G as V,e as x,N as $,z as u,F as M,x as q,d as P,K as g,a as f,h as p,p as I,c as n,B as F,t as o,i as S,l as O,k as G,s as H}from"../chunks/chunk-D6Oav43O.js";import{n as w}from"../chunks/chunk-lzWkO0SH.js";import"../chunks/chunk-D1JYe4Qp.js";import{_ as K}from"../chunks/chunk-BYCGiAEQ.js";/* empty css                      *//* empty css                      *//* empty css                      *//* empty css                      */import"../chunks/chunk-BwNI8fUT.js";/* empty css                      */const Q={class:"blog-page"},W={key:0,class:"blog-error"},J={key:1,class:"blog-empty"},X={key:2,class:"blog-list"},Y={class:"blog-card-header"},Z={key:0,class:"tag-pinned"},ee={class:"blog-card-meta"},te={class:"blog-card-excerpt"},ae={class:"blog-card-actions"},se={class:"pagination"},oe={key:1,class:"m3e-btn disabled"},re={class:"current"},le={class:"total"},ie={key:1,class:"m3e-btn disabled"},ne={__name:"+Page",setup(pe){const c=F()||{},m=n(()=>c?.posts||[]),r=n(()=>c?.pagination||{page:1,pageSize:6,total:0,totalPages:1}),b=n(()=>c?.error||null),d=n(()=>c?.query?.q||""),i=B(d.value);k(d,a=>{i.value=a||""});function z(){const a=new URLSearchParams;i.value&&a.set("q",i.value),a.set("page","1"),a.set("pageSize",String(r.value.pageSize||6)),w(`/blog${a.toString()?`?${a.toString()}`:""}`)}function A(){i.value="",w("/blog")}function _(a){const e=new URLSearchParams;return e.set("page",String(a)),e.set("pageSize",String(r.value.pageSize||6)),d.value&&e.set("q",d.value),`/blog?${e.toString()}`}function U(a){try{return new Date(a).toLocaleString()}catch{return a}}function D(a,e=220){const s=String(a||"").replace(/<[^>]+>/g," ").replace(/\s+/g," ").trim();if(s.length<=e)return s;const v=Math.max(e-3,0);return`${s.slice(0,v)}...`}const E=n(()=>r.value.page>1),C=n(()=>r.value.page<r.value.totalPages);function h(a,e=0,s=100){const v=document.querySelectorAll(a);v.forEach(y=>y.classList.remove("animate")),document.body.offsetWidth,v.forEach((y,L)=>{setTimeout(()=>y.classList.add("animate"),e+(L+1)*s)})}return N(()=>{T(()=>{h(".blog-search",0,0),h(".blog-card",0,100)})}),k(m,async()=>{await T(),setTimeout(()=>h(".blog-card",0,100),50)}),(a,e)=>(o(),l("div",Q,[e[12]||(e[12]=t("header",{class:"blog-header"},[t("h1",null,"AviumUI Blog"),t("p",null,"News, updates and deep dives from the AviumUI team.")],-1)),t("form",{class:"blog-search",onSubmit:$(z,["prevent"])},[e[1]||(e[1]=t("span",{class:"material-icons-round"},"search",-1)),R(t("input",{"onUpdate:modelValue":e[0]||(e[0]=s=>i.value=s),type:"search",placeholder:"Search posts"},null,512),[[V,i.value,void 0,{trim:!0}]]),e[2]||(e[2]=t("button",{type:"submit",class:"md3-btn md3-btn--filled"},"Search",-1)),d.value?(o(),l("button",{key:0,type:"button",class:"md3-btn md3-btn--text clear-btn",onClick:A}," Clear ")):x("v-if",!0)],32),b.value?(o(),l("div",W,u(b.value),1)):m.value.length===0?(o(),l("div",J," No posts found. ")):(o(),l("div",X,[(o(!0),l(M,null,q(m.value,s=>(o(),l("article",{key:s.id,class:"blog-card"},[t("div",Y,[S(f,{href:`/blog/${s.id}`,"custom-class":"blog-card-title"},{default:g(()=>[t("h2",null,u(s.title),1)]),_:2},1032,["href"]),s.pinned?(o(),l("span",Z,"Pinned")):x("v-if",!0)]),t("div",ee,[e[3]||(e[3]=t("span",{class:"material-icons-round"},"schedule",-1)),t("span",null,u(U(s.updatedAt||s.createdAt)),1)]),t("p",te,[S(K,{content:D(s.content)||"",stripMarkdown:!0},null,8,["content"])]),t("div",ae,[S(f,{href:`/blog/${s.id}`,"custom-class":"md3-btn md3-btn--tonal"},{default:g(()=>[...e[4]||(e[4]=[p("Read more",-1)])]),_:1},8,["href"])])]))),128))])),t("div",se,[t("div",null,[E.value?(o(),P(f,{key:0,href:_(r.value.page-1),"custom-class":"m3e-btn"},{default:g(()=>[...e[5]||(e[5]=[t("span",{class:"material-icons-round"},"chevron_left",-1),p(" Prev ",-1)])]),_:1},8,["href"])):(o(),l("span",oe,[...e[6]||(e[6]=[t("span",{class:"material-icons-round"},"chevron_left",-1),p(" Prev ",-1)])]))]),t("div",{class:"page-info",style:I({"--progress-pct":((r.value.page||1)/(r.value.totalPages||1)*100).toFixed(2)}),"aria-label":"Pagination status"},[e[7]||(e[7]=t("svg",{class:"progress-outline",viewBox:"0 0 100 40",preserveAspectRatio:"none","aria-hidden":"true"},[t("rect",{x:"1",y:"1",width:"98",height:"38",rx:"19",fill:"none",stroke:"var(--md-sys-color-surface-3)","stroke-width":"2",pathLength:"100","vector-effect":"non-scaling-stroke"}),t("rect",{x:"1",y:"1",width:"98",height:"38",rx:"19",fill:"none",stroke:"var(--md-sys-color-primary)","stroke-width":"2",pathLength:"100","vector-effect":"non-scaling-stroke","stroke-linecap":"round",style:{"stroke-dasharray":"100","stroke-dashoffset":"calc(100 - var(--progress-pct))"}})],-1)),e[8]||(e[8]=t("span",{class:"label"},"Page",-1)),t("span",re,u(r.value.page),1),e[9]||(e[9]=t("span",{class:"divider","aria-hidden":"true"},null,-1)),t("span",le,u(r.value.totalPages),1)],4),t("div",null,[C.value?(o(),P(f,{key:0,href:_(r.value.page+1),"custom-class":"m3e-btn"},{default:g(()=>[...e[10]||(e[10]=[p(" Next ",-1),t("span",{class:"material-icons-round"},"chevron_right",-1)])]),_:1},8,["href"])):(o(),l("span",ie,[...e[11]||(e[11]=[p(" Next ",-1),t("span",{class:"material-icons-round"},"chevron_right",-1)])]))])])]))}},de=j(ne,[["__scopeId","data-v-0d469c4b"]]),ue=Object.freeze(Object.defineProperty({__proto__:null,default:de},Symbol.toStringTag,{value:"Module"})),ke={hasServerOnlyHook:{type:"computed",definedAtData:null,valueSerialized:{type:"js-serialized",value:!0}},isClientRuntimeLoaded:{type:"computed",definedAtData:null,valueSerialized:{type:"js-serialized",value:!0}},onBeforeRenderEnv:{type:"computed",definedAtData:null,valueSerialized:{type:"js-serialized",value:null}},dataEnv:{type:"computed",definedAtData:null,valueSerialized:{type:"js-serialized",value:{server:!0}}},guardEnv:{type:"computed",definedAtData:null,valueSerialized:{type:"js-serialized",value:null}},onRenderClient:{type:"standard",definedAtData:{filePathToShowToUser:"vike-vue/__internal/integration/onRenderClient",fileExportPathToShowToUser:[]},valueSerialized:{type:"pointer-import",value:H}},Page:{type:"standard",definedAtData:{filePathToShowToUser:"/src/pages/blog/index/+Page.vue",f

1ileExportPathToShowToUser:[]},valueSerialized:{type:"plus-file",exportValues:ue}},hydrationCanBeAborted:{type:"standard",definedAtData:{filePathToShowToUser:"vike-vue/config",fileExportPathToShowToUser:["default","hydrationCanBeAborted"]},valueSerialized:{type:"js-serialized",value:!0}},Layout:{type:"cumulative",definedAtData:[{filePathToShowToUser:"/src/pages/+Layout.vue",fileExportPathToShowToUser:[]}],valueSerialized:[{type:"plus-file",exportValues:G}]},title:{type:"standard",definedAtData:{filePathToShowToUser:"/src/pages/+config.js",fileExportPathToShowToUser:["default","title"]},valueSerialized:{type:"js-serialized",value:"AviumUI"}},onCreateApp:{type:"cumulative",definedAtData:[{filePathToShowToUser:"/src/pages/+onCreateApp.js",fileExportPathToShowToUser:[]}],valueSerialized:[{type:"plus-file",exportValues:O}]}};export{ke as configValuesSerialized};