https://datateach.ai/_assets/blogs._blogSlug-DrChpPlP.js

1import{bE as k,j as e,bF as h,_ as n,$ as w,aG as g,ar as y}from"./vendor-3ZgwTMoR.js";import{S as p}from"./SeoHead-D01YpcBl.js";import{c as x}from"./useBlogs-DP2QhfRF.js";import{B as o}from"./Badge-DcluMzXp.js";import{S as s,B as j}from"./index-Dv5h8hUi.js";import"./Helmet-DMkIcIoD.js";import"./index-BbP3371Q.js";const u="_container_1r0wy_2",N="_backLinkWrapper_1r0wy_9",b="_backLink_1r0wy_9",L="_article_1r0wy_28",B="_header_1r0wy_43",I="_categoryBadge_1r0wy_47",T="_title_1r0wy_53",C="_metaRow_1r0wy_69",v="_metaItem_1r0wy_78",f="_metaIcon_1r0wy_84",S="_metaText_1r0wy_88",D="_heroImageWrapper_1r0wy_94",R="_heroImage_1r0wy_94",W="_keywordsRow_1r0wy_110",U="_keywordBadge_1r0wy_117",F="_content_1r0wy_122",M="_notFound_1r0wy_260",P="_errorIcon_1r0wy_270",$="_errorTitle_1r0wy_275",A="_errorText_1r0wy_283",z="_skeletonBackLink_1r0wy_289",O="_skeletonBadge_1r0wy_290",E="_skeletonTitle_1r0wy_291",H="_skeletonSubtitle_1r0wy_292",G="_skeletonMeta_1r0wy_293",K="_skeletonContentLine_1r0wy_294",q="_skeletonContentLine90_1r0wy_295",J="_skeletonContentLine95Break_1r0wy_296",Q="_skeletonContentLine80_1r0wy_297",t={container:u,backLinkWrapper:N,backLink:b,article:L,header:B,categoryBadge:I,title:T,metaRow:C,metaItem:v,metaIcon:f,metaText:S,heroImageWrapper:D,heroImage:R,keywordsRow:W,keywordBadge:U,content:F,notFound:M,errorIcon:P,errorTitle:$,errorText:A,skeletonBackLink:z,skeletonBadge:O,skeletonTitle:E,skeletonSubtitle:H,skeletonMeta:G,skeletonContentLine:K,skeletonContentLine90:q,skeletonContentLine95Break:J,skeletonContentLine80:Q};function se(){const{blogSlug:r}=k(),{data:l,isLoading:i,error:c}=x(r??""),a=l?.blog;if(i)return e.jsxs("div",{className:t.container,children:[e.jsx("div",{className:t.backLinkWrapper,children:e.jsx(s,{className:t.skeletonBackLink})}),e.jsxs("header",{className:t.header,children:[e.jsx(s,{className:t.skeletonBadge}),e.jsx(s,{className:t.skeletonTitle}),e.jsx(s,{className:t.skeletonSubtitle}),e.jsxs("div",{className:t.metaRow,children:[e.jsx(s,{className:t.skeletonMeta}),e.jsx(s,{className:t.skeletonMeta})]})]}),e.jsxs("div",{className:t.content,children:[e.jsx(s,{className:t.skeletonContentLine}),e.jsx(s,{className:t.skeletonContentLine}),e.jsx(s,{className:t.skeletonContentLine90}),e.jsx(s,{className:t.skeletonContentLine95Break}),e.jsx(s,{className:t.skeletonContentLine}),e.jsx(s,{className:t.skeletonContentLine80})]})]});if(c||!a)return e.jsx("div",{className:t.container,children:e.jsxs("div",{className:t.notFound,children:[e.jsx(h,{size:48,className:t.errorIcon}),e.jsx("h1",{className:t.errorTitle,children:"Article Not Found"}),e.jsx("p",{className:t.errorText,children:"The blog post you're looking for doesn't exist or has been removed."}),e.jsx(j,{asChild:!0,variant:"primary",children:e.jsx(n,{to:"/blogs",children:"Return to Blog"})})]})});const m=new Intl.DateTimeFormat("en-US",{month:"long",day:"numeric",year:"numeric"}).format(new Date(a.createdAt));return e.jsxs("div",{className:t.container,children:[e.jsx(p,{title:`${a.title} | DataTeach.ai`,description:a.metaDescription||a.excerpt||`Read "${a.title}" on DataTeach.ai Blog`,keywords:a.metaKeywords||(a.keywords?.length?a.keywords.join(", "):void 0),canonicalUrl:`https://www.datateach.ai/blogs/${a.slug}`,ogImage:a.thumbnailUrl?a.thumbnailUrl.startsWith("http")?a.thumbnailUrl:`https://www.datateach.ai${a.thumbnailUrl}`:void 0,ogType:"article",structuredData:[{"@context":"https://schema.org","@type":"BlogPosting",headline:a.title,de

1scription:a.metaDescription||a.excerpt||"",author:{"@type":"Person",name:a.author},datePublished:new Date(a.createdAt).toISOString(),dateModified:new Date(a.updatedAt).toISOString(),image:a.thumbnailUrl||void 0,publisher:{"@type":"Organization",name:"DataTeach.ai",logo:{"@type":"ImageObject",url:"https://www.datateach.ai/_cdn/static/928c9560-46d3-4494-ac95-c6c5b351850e.png"}},mainEntityOfPage:{"@type":"WebPage","@id":`https://www.datateach.ai/blogs/${a.slug}`}},{"@context":"https://schema.org","@type":"BreadcrumbList",itemListElement:[{"@type":"ListItem",position:1,name:"Blog",item:"https://www.datateach.ai/blogs"},{"@type":"ListItem",position:2,name:a.title,item:`https://www.datateach.ai/blogs/${a.slug}`}]}]}),e.jsx("div",{className:t.backLinkWrapper,children:e.jsxs(n,{to:"/blogs",className:t.backLink,children:[e.jsx(w,{size:16})," Back to Blog"]})}),e.jsxs("article",{className:t.article,children:[e.jsxs("header",{className:t.header,children:[a.category&&e.jsx(o,{variant:"secondary",className:t.categoryBadge,children:a.category}),e.jsx("h1",{className:t.title,children:a.title}),e.jsxs("div",{className:t.metaRow,children:[e.jsxs("div",{className:t.metaItem,children:[e.jsx(g,{size:16,className:t.metaIcon}),e.jsx("span",{className:t.metaText,children:a.author})]}),e.jsxs("div",{className:t.metaItem,children:[e.jsx(y,{size:16,className:t.metaIcon}),e.jsx("span",{className:t.metaText,children:m})]})]}),a.keywords&&a.keywords.length>0&&e.jsx("div",{className:t.keywordsRow,children:a.keywords.map((d,_)=>e.jsx(o,{variant:"outline",className:t.keywordBadge,children:d},_))})]}),a.thumbnailUrl&&e.jsx("div",{className:t.heroImageWrapper,children:e.jsx("img",{src:a.thumbnailUrl,alt:a.title,className:t.heroImage})}),e.jsx("div",{className:t.content,dangerouslySetInnerHTML:{__html:a.content}})]})]})}export{se as default};