https://sejlerens.com/_nuxt/BgnyL15e.js

1import{_ as j,r as n,a as z,u as H,c as M,b as p,w as N,o as U,C as O,d as J,e as i,f as c,g as a,t as g,h as B,n as Q,D as f,E as T,G as K,k as L,F as W,j as X,H as Y,l,N as Z,m as ee,p as w,q as te,s as se}from"./B3r-OopB.js";import{B as ae}from"./DYKpligj.js";import{L as $}from"./C_TCLyTq.js";import{d as oe}from"./Dc7u-UF_.js";import{E as le,p as re}from"./B0s5gmk4.js";import{S as ne}from"./Q5q0Gu2j.js";import{A}from"./KzbNHzrI.js";import"./BosuxZz1.js";const ie={key:0,class:"absolute top-[85px] lg:top-[160px] right-2 bg-black bg-opacity-50 text-white text-xs p-1"},ce={class:"blog_sub_part"},ue={class:"bg-white px-6 sm:px-6 pt-4 pt-8 sm:pt-12 pb-2 max-w-[900px]"},de={class:"font-SansProRegular font-bold text-3xl sm:text-4xl text-customlogo uppercase"},pe={class:"bg-customdarkblue py-[1.063rem] px-5 md:w-full lg:w-[39.688rem] blog_body"},ge={class:"flex items-center gap-4 bg-white px-[0.813rem] py-[0.625rem] blog_input_body"},me={for:"blog-search",class:"sr-only"},ve=["placeholder"],fe=["aria-label"],he={class:"px-4 sm:px-6 md:px-6 lg:px-16 xl:px-32 mt-10 sm:mt-20 mb-[5rem]"},be={key:1},ye={class:"grid md:grid-cols-1 lg:grid-cols-2 gap-x-6 gap-y-6 sm:gap-x-8"},_e={key:0,class:"flex justify-center mt-10 sm:mt-12"},xe={key:0,role:"status",class:"py-3"},we={class:"sr-only"},ke={key:2,class:"text-center py-8"},Se={class:"text-gray-500 text-lg"},Pe={__name:"index",setup(Be){const q=n(null),k=z(),D=H(),r=n([]),m=n(!1),u=n(!1),S=n(!1),h=n(!1),F=n(1),b=n(""),s=M("33");s.query.limit=6,s.query.view_status=1,s.query.selectedAppId=2,s.query.type="teaser",s.query.sort=JSON.stringify({prop:"public_from",order:"desc"});const y=p(()=>{var e;return((e=q.value)==null?void 0:e.data)||{}}),I=p(()=>w(y.value,"title")??""),E=p(()=>w(y.value,"subtitle")??""),C=p(()=>w(y.value,"body")??""),_=p(()=>{const e=w(y.value,"bannerbild");if(!e)return{path:"",description:"",copyright:"",aiGenerated:!1};const t=re(e);return{path:te(t.path)||"",description:t.description||"",copyright:t.copyright||"",aiGenerated:t.aiGenerated}}),V=p(()=>({backgroundImage:`url(${_.value.path})`})),G=(e,t)=>{const d=e.meta??{},o=Number(d.total??e.total??t)||0,v=Number(d.current_page??e.query.page??1)||1;F.value=v,h.value=t<o},P=oe(()=>{s.query.keyword=b.value.trim(),x()},300),R=()=>{h.value&&!u.value&&!m.value&&(s.query.page=F.value+1,x(!0))};async function x(e=!1){if(!(e&&u.value||!e&&m.value)){e?u.value=!0:(s.query.page=1,r.value=[],m.value=!0);try{await D.fetchContentsOfType("33",s,"blogPosts",k.getLanguage);const t=Array.isArray(s.data)?s.data:[];if(e){const d=new Set(r.value.map(v=>v.id)),o=t.filter(v=>!d.has(v.id));r.value=[...r.value,...o]}else r.value=t;G(s,r.value.length),S.value=!0}catch(t){console.error("Error fetching blog posts:",t),S.value=!0,h.value=!1}finally{m.value=!1,u.value=!1}}}return N(()=>k.getLanguage,async(e,t)=>{e!==t&&(b.value="",s.query.keyword="",await x())}),N(I,e=>{e&&se({title:`Sejlerens | ${e}`,meta:[{name:"description",content:E.value||e}]})}),U(async()=>{q.value=await D.fetchAndReturnContent("281349",k.getLanguage),await x()}),O(()=>{P.cancel()}),(e,t)=>{const d=J("SafeHtml");return l(),i("div",null,[c(Z),a("div",{class:"blog_hero_body relative",style:Q(V.value)},[_.value.copyright?(l(),i("div",ie," © "+g(_.value.copyright),1)):B("",!0),c(le,{active:_.value.aiGenerated,size:"sm"},null,8,["active"])],4),a("div",ce,[a("div",ue,[a("p",de,g(I.value),1),c(d,{tag:"p",content:C.value,class:"font-SansProRegular text-base font-normal text-customerss mt-0 sm:mt-4"},null,8,["content"]),a("div",pe,[a("div",ge,[c(f(ne),{color:"#686B6F","aria-hidden":"true"}),a("label",me,g(e.$t("blog.searchPlaceholder")),1),T(a("input",{id:"blog-search",type:"search",placeholder:e.$t("blog.searchPlaceholder"),class:"outline-none w-full","onUpdate:modelValue":t[0]||(t[0]=o=>b.value=o),onInput:t[1]||(t[1]=(...o)=>f(P)&&f(P)(...o))},null,40,ve),[[K,b.value]]),c(f(A),{color:"#E20D20",class:"pointer-events-none","aria-hidden":"true"})])])])]),a("section",{class:"blogs","aria-label":e.$t("blog.title")},[a("div",he,[m.value&&!u.value?(l(),L($,{key:0,class:"fixed inset-0 z-50 bg-white bg-opacity-75 flex items-center justify-center"})):r.value.length>0?(l(),i("div",be,[a("div",ye,[(l(!0),i(W,null,X(r.value,o=>(l(),L(ae,{key:o.id,post:o},null,8,["post"]))),128))]),h.value?(l(),i("div",_e,[u.value?(l(),i("div",xe,[c($,{class:"w-8 h-8"}),a("span",we,g(e.$t("blog.loadingMore")),1)])):(l(),i("button",{key:1,type:"button",onClick:R,class:"font-montserrat font-bold text-base bg-customred hover:bg-customhoverred text-white px-8 py-3 inline-flex items-center gap-3 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-customred"},[Y(g(e.$t("blog.loadMore"))+" ",1),c(f(A),{size:18,"aria-hidden":"true"})]))])):B("",!0)])):S.value?(l(),i("div",ke,[a("p",Se,g(e.$t("blog.noResults")),1)])):B("",!0)])],8,fe),c(ee)])}}},Ee=j(Pe,[["__scopeId","data-v-de35aea1"]]);export{Ee as default};