https://typeheist.co/_nuxt/jU8CPtb_.js

1import{_,c as a,a as e,d as n,b as f,w as g,F as h,r as w,e as y,f as v,m as x,o as r,t as m,l as b}from"./Cvj6YUp_.js";import{_ as k}from"./B3dibFBG.js";import{g as U}from"./FsIr5leV.js";import{u as S}from"./B97GM_Sy.js";import{d as T,u as q}from"./pAIW8bm9.js";import{u as C,a as B}from"./DY-qDXGg.js";const E=T({name:"Showcase",components:{},async setup(){let o,s;const l="https://typeheist.co"+U();C({title:"Typeface Showcase | TYPEHEIST",link:[{rel:"canonical",href:l}]}),B({description:"Explore a showcase of creative designs and projects featuring Typeheist fonts. Get inspired by real-world examples and see our fonts in action.",ogUrl:l,ogType:"website",ogTitle:"Typeface Showcase",ogDescription:"Explore a showcase of creative designs and projects featuring Typeheist fonts.",ogImage:"https://typeheist.co/img/showcase/showcase-flat-white-or-fuck-off.png"});const d=S(),{data:c}=([o,s]=v(()=>q("showcase-page",async()=>{try{const u=await d.query("showcase",{sortBy:["publishDate","desc"]}),i=[...new Set(u.map(t=>t.fontUsed).filter(t=>!!t)??[])],p=await d.queryBySlugs("font",i??[]);return{showcases:u,fontsUsed:p}}catch{throw x({statusCode:404,statusMessage:"Page not found"})}})),o=await o,s(),o);return{showcases:c.value?.showcases??[],fontsUsed:c.value?.fontsUsed??[]}},methods:{getFontUsed(o){return this.fontsUsed.find(s=>s.slug===o)}}},"$y0vi-SBI3Z"),F={class:"showcase"},N={id:"showcaseCards",class:"showcase-list card flex full column"},V={class:"image"},$=["href"],A=["srcset"],D=["srcset"],I=["src","title","alt"],j={class:"info-wrap"},z=["href"],H={class:"info"},L={class:"author"},M={key:0,class:"font"},P={class:"carousel-cell"},W={class:"description rich-text"};function Y(o,s,l,d,c,u){const i=y,p=k;return r(),a("div",null,[e("div",F,[s[4]||(s[4]=e("h1",null,[n("Spotted:"),e("br"),n(" Your designs, Typeheist fonts.")],-1)),e("p",null,[s[1]||(s[1]=n("I love seeing typeheist fonts out and about. So let's showcase some of your prime designs that have been spotted in the wild. Want to ",-1)),f(i,{to:"/showcase-submission/",title:"Submit your work",class:"underline"},{default:g(()=>[...s[0]||(s[0]=[n(" Submit your own",-1)])]),_:1}),s[2]||(s[2]=n("? When you do, you get 20% off at typeheist.co",-1))]),e("section",N,[(r(!0),a(h,null,w(o.showcases,t=>(r(),a("div",{key:t.id,class:"item flex"},[e("div",V,[e("a",{href:t.link,title:"Take a look",target:"_blank"},[e("picture",null,[e("source",{srcset:t.image+"?q=85&w=900&fm=webp 1000w,"+t.image+"?q=85&w=1300&fm=webp 1300w,"+t.image+"?q=85&w=1700&fm=webp 1700w",type:"image/webp",sizes:"(max-width: 980px) 100vw, (max-width: 1280px) 90vw, 60vw"},null,8,A),e("source",{srcset:t.image+"?q=85&w=900&fm=png 1000w,"+t.image+"?q=85&w=1300&fm=png 1300w,"+t.image+"?q=85&w=1700&fm=png 1700w",type:"image/png",sizes:"(max-width: 980px) 100vw, (max-width: 1280px) 90vw, 60vw"},null,8,D),e("img",{src:t.image,title:t.title,alt:t.title,width:"400",height:"300"},null,8,I)])],8,$)]),e("div",j,[e("h3",null,[e("a",{href:t.link,title:"Take a look",target:"_blank"},m(t.title)+" →",9,z)]),e("div",H,[e("div",L,"By: "+m(t.author),1),t.fontUsed?(r(),a("div",M,[e("div",P,[s[3]||(s[3]=n(" Font: ",-1)),f(i,{to:"/font/"+o.getFontUsed(t.fontUsed).slug+"/",title:"View font"},{default:g(()=>[n(m(o.getFontUsed(t.fontUsed).title),1)]),_:2},1032,["to"])])])):b("",!0),e("div",W,[e("p",null,[f(p,{value:t},null,8,["value"])])])])])]))),128))])])])}const Q=_(E,[["render",Y]]);export{Q as default};