1import{r as f,O as z,j as s}from"./index-BMy8nRYZ.js";import{F as p,g as j,h as b,i as N,R as y}from"./fanzine-DVRpwvEl.js";const g=(o="")=>String(o).replace(/<em>|<span class="tg">/g,'<span class="fz-marque">').replace(/<\/em>/g,"</span>");function S(o){const r=[];return{html:String(o).replace(/<h2([^>]*)>([\s\S]*?)<\/h2>/g,(t,d,m)=>{const h=m.replace(/<[^>]+>/g,"").trim(),c="sec-"+(r.length+1);return r.push({id:c,label:h}),`<h2${d} id="${c}">${m}</h2>`}),items:r}}function w({path:o}){const r=f.useRef(null),{t:e}=z(),t=o.split("/").filter(Boolean)[2]||"otterly-ou-scrunch",d=e(`blogposts.${t}.body`,""),{html:m,items:h}=f.useMemo(()=>S(g(d)),[d]),c=e(`blogposts.${t}.faq`,{returnObjects:!0,defaultValue:[]}),v=e(`blogposts.${t}.titleHtml`,e(`blogposts.${t}.title`,""));return f.useEffect(()=>{const a=r.current;if(!a)return;const l=new IntersectionObserver(i=>i.forEach(n=>{n.isIntersecting&&(n.target.classList.add("in"),l.unobserve(n.target))}),{threshold:.12});a.querySelectorAll(".fz-rv").forEach(i=>l.observe(i));const u=i=>{const n=i.target.closest('a[href^="#"]');if(!n||!a.contains(n))return;const x=document.getElementById(n.getAttribute("href").slice(1));x&&(i.preventDefault(),x.scrollIntoView({behavior:"smooth",block:"start"}))};return a.addEventListener("click",u),()=>{l.disconnect(),a.removeEventListener("click",u)}},[t]),d?s.jsxs("div",{className:"fz",ref:r,children:[s.jsx(p,{}),s.jsxs("article",{className:"fz-article",children:[s.jsx("div",{className:"fz-decor",style:{left:24,top:220,width:28},children:s.jsx(b,{})}),s.jsx("div",{className:"fz-decor",style:{right:26,top:320,width:36},children:s.jsx(N,{})}),s.jsxs("div",{className:"fz-artwrap",children:[s.jsx("a",{className:"fz-back",href:"/blog",children:e("blog.allArticles")}),s.jsx("div",{style:{marginTop:18},children:s.jsx("span",{className:"fz-eyebrow",children:e(`blogposts.${t}.cat`,"Comparatif")})}),s.jsx("h1",{dangerouslySetInnerHTML:{__html:g(v)}}),s.jsxs("p",{className:"fz-artmeta fz-data",children:[s.jsx("span",{children:e(`blogposts.${t}.date`)}),s.jsx("span",{className:"sep",children:"·"}),s.jsx("span",{children:e(`blogposts.${t}.read`)}),s.jsx("span",{className:"sep",children:"·"}),s.jsxs("span",{children:[h.length," sections"]})]}),h.length>1&&s.jsxs("nav",{className:"fz-toc fz-rv","aria-label":"Sommaire",children:[s.jsx("div",{className:"fz-toc-hd",children:"Sommaire"}),s.jsx("ol",{children:h.map((a,l)=>s.jsx("li",{children:s.jsxs("a",{href:`#${a.id}`,children:[s.jsx("span",{className:"n fz-data",children:String(l+1).padStart(2,"0")}),a.label]})},a.id))})]}),s.jsx("div",{className:"fz-prose",dangerouslySetInnerHTML:{__html:m}}),Array.isArray(c)&&c.length>0&&s.jsxs("section",{className:"fz-artfaq",children:[s.jsx("h2",{children:e("blog.faqTitle","Questions fréquentes")}),s.jsx("div",{className:"fz-faq",children:c.map(({q:a,a:l})=>s.jsxs("details",{className:"fz-faqi",children:[s.jsxs("summary",{children:[a,s.jsx("span",{className:"c"})]}),s.jsx("div",{className:"fz-faqa",children:l})]},a))})]}),s.jsxs("div",{className:"fz-artcta",children:[s.jsxs("div",{children:[s.jsx("h3",{children:e("blog.ctaAudit","Faire un audit de votre site")}),s.jsx("p",{children:"Branche ta Search Console, l'audit tourne dans la foulée."})]}),s.jsx("a",{className:"fz-btn",href:"/app",children:e("nav.tryNow")})]})]})]}),s.jsx(y,{}),s.jsx(j,{})]}):s.jsxs("div",{className:"fz",ref:r,children:[s.jsx(p,{}),s.jsxs("div",{className:"fz-wrap",style:{padding:"180px 0 120px"},children:[s.jsx("h1",{children:"Article introuvable"}),s.jsxs("p",{className:"fz-lead",children:["Aucun contenu pour ",s.jsx("b",{children:t}),"."]})]}),s.jsx(j,{})]})}export{w as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.