https://www.imgkits.com/_nuxt/_slug_-5lhTfs0j-28.js

1import{h as B,a as P,c as N,u as $,_ as C,g as L}from"#entry";import{u as M}from"./asyncData-AfXlcxi8-28.js";import{_ as T}from"./_plugin-vue_export-helper-DlAUqK2U-28.js";import{A as w,ab as O,c as i,e as s,a1 as g,a2 as p,z as e,af as b,a5 as n,b as r,a6 as h}from"./core-i18n-CvkTSGFb-28.js";import"./lazy-icons-B1O2ft2Z-28.js";import"./util-lodash-EiWJhHUB-28.js";import"./client-only-p3YJzr1V-28.js";const j={class:"min-h-screen bg-slate-50 text-slate-950"},z={class:"mx-auto max-w-5xl px-4 py-8 sm:px-6 lg:px-8"},D={key:0,class:"mt-10 rounded-lg border border-slate-200 bg-white p-8"},H={key:1,class:"mt-10 rounded-lg border border-red-200 bg-red-50 p-10 text-center"},E={key:2,class:"mt-8"},U={class:"mb-5 flex flex-wrap items-center gap-3 text-sm text-slate-500"},V=["datetime"],S=["datetime"],F={class:"max-w-4xl text-4xl font-bold leading-tight tracking-normal text-slate-950 md:text-6xl"},J={key:0,class:"mt-5 max-w-3xl text-lg leading-8 text-slate-600"},R={key:0,class:"mt-8 overflow-hidden rounded-lg border border-slate-200 bg-slate-100"},q=["src","alt"],Q={class:"mt-8 rounded-lg border border-slate-200 bg-white p-5 shadow-sm sm:p-8 lg:p-10"},W=["innerHTML"],Y={class:"mt-8 rounded-lg border border-slate-200 bg-white p-6"},G={class:"flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between"},K={__name:"[slug]",async setup(X){let d,f;const u=B(),y=P(),k=L(),m=w(()=>y.params.slug),{data:x,pending:A,error:c}=([d,f]=O(()=>M(()=>`wordpress-blog-article-${m.value}`,()=>$fetch(`/wp-blog/${m.value}`),{watch:[m]})),d=await d,f(),d);if(c.value||!x.value?.article){const a=c.value?c.value.statusCode===404?404:503:404;throw N({statusCode:a,statusMessage:a===404?"Article Not Found":"Blog Temporarily Unavailable",fatal:!0})}const t=w(()=>x.value?.article||null),_=a=>a?new Intl.DateTimeFormat("en-US",{year:"numeric",month:"long",day:"numeric"}).format(new Date(a)):"";return $(()=>{const a=t.value?.title||"Imgkits Blog",o=t.value?.description||"AI image editing tutorials and creative workflows from Imgkits.",l=`${k.public.webUrl||"https://www.imgkits.com"}/blog/${m.value}`,v="https://www.imgkits.com/#organization",I=t.value?.author?.type==="Person"?{"@type":"Person",name:t.value.author.name,...t.value.author.url?{url:t.value.author.url}:{}}:{"@type":"Organization","@id":v,name:"Imgkits",url:"https://www.imgkits.com/about-us"};return{title:t.value?`${a} | Imgkits Blog`:"Imgkits Blog",meta:[{name:"description",content:o},{property:"og:title",content:a},{property:"og:description",content:o},{property:"og:type",content:"article"},{property:"og:url",content:l},...t.value?.image?.src?[{property:"og:image",content:t.value.image.src}]:[],...t.value?.publishedAt?[{property:"article:published_time",content:t.value.publishedAt}]:[],...t.value?.modifiedAt?[{property:"article:modified_time",content:t.value.modifiedAt}]:[]],link:[{rel:"canonical",href:l}],script:t.value?[{key:"blog-posting",type:"application/ld+json",innerHTML:JSON.stringify({"@context":"https://schema.org","@type":"BlogPosting","@id":`${l}#blogposting`,url:l,headline:a,description:o,...t.value.image?.src?{image:t.value.image.src}:{},datePublished:t.value.publishedAt,dateModified:t.value.modifiedAt||t.value.publishedAt,author:I,publisher:{"@type":"Organization","@id":v,name:"Imgkits",legalName:"Need You, LLC",url:"https://www.imgkits.com",sameAs:["https://discord.gg/Ae77qJpQdH"],logo:{"@type":"ImageObject",url:"https://public.imgkits.com/imgkits_logo/96.png"}},mainEntityOfPage:{"@type":"WebPage","@id":l},isPartOf:{"@type":"Blog","@id":"https://www.imgkits.com/blog#blog",name:"Imgkits Blog",url:"https://www.imgkits.com/blog"}})}]:[]}}),(a,o)=>{const l=C;return r(),i("main",j,[s("div",z,[g(l,{to:e(u)("/blog"),class:"inline-flex items-center gap-2 text-sm font-semibold text-slate-600 transition hover:text-sky-700"},{default:p(()=>[...o[0]||(o[0]=[s("span",{"aria-hidden":"true",class:"text-lg leading-none"},"←",-1),h(" Back to blog ",-1)])]),_:1},8,["to"]),e(A)?(r(),i("div",D,[...o[1]||(o[1]=[s("div",{class:"h-8 w-2/3 animate-pulse rounded bg-slate-200"},null,-1),s("div",{class:"mt-5 h-80 animate-pulse rounded bg-slate-100"},null,-1)])])):e(c)||!e(t)?(r(),i("div",H,[...o[2]||(o[2]=[s("h1",{class:"mt-4 text-3xl font-bold text-slate-950"},"Article not found",-1),s("p",{class:"mt-3 text-slate-600"},"This article is unavailable or may have moved.",-1)])])):(r(),i("article",E,[s("header",null,[s("div",U,[g(l,{to:e(u)(`/blog?category=${e(t).categorySlug}`),class:"inline-flex items-center gap-2 rounded-lg bg-sky-50 px-3 py-2 font-bold text-sky-700"},{default:p(()=>[o[3]||(o[3]=s("span",{class:"h-2 w-2 rounded-full bg-current"},null,-1)),h(" "+n(e(t).categoryName),1)]),_:1},8,["to"]),s("span",null,"By "+n(e(t).author?.name||"Imgkits"),1),s("time",{datetime:e(t).publishedAt},"Published "+n(_(e(t).publishedAt)),9,V),e(t).modifiedAt&&e(t).modifiedAt!==e(t).publishedAt?(r(),i("time",{key:0,datetime:e(t).modifiedAt}," Updated "+n(_(e(t).modifiedAt)),9,S)):b("",!0),s("span",null,n(e(t).readMinutes)+" min read",1)]),s("h1",F,n(e(t).title),1),e(t).description?(r(),i("p",J,n(e(t).description),1)):b("",!0)]),e(t).image?.src?(r(),i("div",R,[s("img",{src:e(t).image.src,alt:e(t).image.alt||e(t).title,class:"max-h-[520px] w-full object-cover",loading:"eager"},null,8,q)])):b("",!0),s("div",Q,[s("div",{class:"article-content",innerHTML:e(t).content},null,8,W)]),s("footer",Y,[s("div",G,[o[5]||(o[5]=s("div",null,[s("p",{class:"text-sm font-bold text-slate-950"},"Published on Imgkits"),s("p",{class:"mt-1 text-sm text-slate-500"},"Explore more AI editing guides and creative workflows from Imgkits.")],-1)),g(l,{to:e(u)("/blog"),class:"inline-flex items-center justify-center gap-2 rounded-lg bg-slate-950 px-5 py-3 text-sm font-bold text-white"},{default:p(()=>[...o[4]||(o[4]=[h(" More articles ",-1),s("span",{"aria-hidden":"true"},"→",-1)])]),_:1},8,["to"])])])]))])])}}},it=T(K,[["__scopeId","data-v-af6ca0db"]]);export{it as default};