https://yokimoji.com/_nuxt/CFrmsvu0.js

1import{d as D,c,l as w,o as n,a as e,e as a,_ as N,t as i,F as E,r as $,j,b as t,n as S,w as m,u as C,C as Q,D as O,g as W,E as P,h as X,p as ee,q as te,f as H,m as oe}from"./BOnofyQH.js";import{m as k}from"./D_VVN_2-.js";import{u as Z}from"./DIaFCd0e.js";import{u as se}from"./Dgy4XgJz.js";const le={key:0,class:"mb-12"},ie={class:"flex items-center mb-6"},ne={class:"w-10 h-10 flex-shrink-0 bg-[#FFE2B2] rounded-full flex items-center justify-center mr-3"},ae={class:"text-xl md:text-2xl font-bold text-[#8E735B]"},re={class:"grid gap-5 sm:grid-cols-2 md:gap-6"},ce={class:"p-5 flex flex-col justify-between h-full"},de={class:"text-md font-bold mb-3 flex items-center text-[#8E735B]"},ue={class:"text-md md:text-sm text-center py-2 select-all"},me=D({__name:"UsageScenarios",props:{usageScenarios:{}},setup(F){const s=F;return(p,b)=>{const g=N;return s.usageScenarios&&s.usageScenarios.length>0?(n(),c("div",le,[e("div",ie,[e("div",ne,[a(g,{name:"heroicons:light-bulb",class:"w-5 h-5 text-[#8E735B]"})]),e("h2",ae,i(p.$t("explore.usageScenarios")),1)]),e("div",re,[(n(!0),c(E,null,$(s.usageScenarios,(x,d)=>(n(),j(t(k).div,{key:x.id,initial:{opacity:0,y:10},animate:{opacity:1,y:0},transition:{duration:.3,delay:d*.05},class:S(["bg-white hover:-translate-y-1 transition-all duration-300 rounded-2xl overflow-hidden border-2",d%2===0?"border-[#FFE2B2] hover:border-[#FFB5B5]":"border-[#FFB5B5] hover:border-[#FF9999]"])},{default:m(()=>[e("div",ce,[e("h3",de,[e("span",{class:S(["max-w-7 min-w-7 h-7 inline-flex items-center justify-center rounded-full text-[#8E735B] text-sm mr-2.5",d%2===0?"bg-[#FFE2B2]":"bg-[#FFB5B5]"])},i(d+1),3),e("span",null,i(x.label),1)]),e("div",{class:S(["p-4 rounded-xl border-2 font-mono",d%2===0?"bg-[#FFE2B2]/30 border-[#FFE2B2]":"bg-[#FFB5B5]/30 border-[#FFB5B5]"])},[e("p",ue,i(x.example),1)],2)])]),_:2},1032,["transition","class"]))),128))])])):w("",!0)}}}),pe={key:0,class:"mt-16 mb-8"},xe={class:"max-w-7xl mx-auto"},_e={class:"flex items-center mb-8"},he={class:"text-2xl md:text-3xl font-bold text-[#8E735B]"},ve={class:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8"},fe={key:1,class:"mt-16 mb-8"},ge={class:"max-w-7xl mx-auto"},be={class:"flex items-center mb-8"},Fe={class:"relative"},Be={class:"text-2xl md:text-3xl font-bold text-[#8E735B]"},ye={class:"ml-auto"},we={class:"group-hover:underline"},Ee={class:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8"},$e={class:"h-64 relative bg-white rounded-2xl border-2 border-[#FFE2B2] overflow-hidden group-hover:border-[#FFB5B5] transition-all duration-300 hover:shadow-xl hover:-translate-y-1 shadow-sm"},je={class:"relative h-full flex flex-col p-4 z-10"},ke={class:"flex justify-between items-start"},Se={class:"px-3 py-1.5 bg-gradient-to-r from-[#FFB5B5] to-[#FFC9C9] rounded-full text-[#8E735B] text-xs font-bold shadow-sm transform group-hover:scale-110 transition-all duration-300"},Ce={class:"text-2xl opacity-60 group-hover:opacity-100 group-hover:scale-110 transition-all duration-300"},De={class:"py-3 flex-1"},Ne={class:"text-xl font-bold text-[#8E735B] line-clamp-1 group-hover:text-[#6B5A47] transition-colors mb-3"},Ae={key:0,class:"text-sm text-[#8E735B]/75 leading-relaxed line-clamp-3 group-hover:text-[#8E735B]/90 transition-colors"},Ie={key:1,class:"text-sm text-[#8E735B]/50 italic leading-relaxed"},Te={class:"flex justify-between items-center mt-auto pt-2"},Ye={class:"text-xs text-[#8E735B]/60 font-medium"},Le={class:"inline-flex items-center space-x-1 text-sm font-bold text-[#8E735B] bg-gradient-to-r from-[#FFE2B2]/80 to-[#FFF0D4]/60 px-4 py-2 rounded-full group-hover:from-[#FFE2B2] group-hover:to-[#FFF0D4] group-hover:shadow-md transition-all duration-300"},Me={class:"group-hover:mr-1 transition-all duration-300"},ze=D({__name:"Related",props:{activeId:{}},setup(F){const{t:s}=C(),p=F,b=Q(),{locale:g}=C(),{data:x,status:d}=Z("/api/related-collections",{params:{currentId:p.activeId,limit:9},key:`related-collections-${p.activeId}`,getCachedData(_){return b.payload.data[_]||b.static.data[_]},default:()=>[],transform(_){return _.map(l=>({id:l.id,slug:l.slug,name:g.value==="ja"?l.ja_name:l.en_name,description:g.value==="ja"?l.ja_description:l.en_description}))}},"$oGSI_IWZy1");return(_,l)=>{const v=N,B=W;return t(d)==="pending"?(n(),c("div",pe,[e("div",xe,[e("div",_e,[e("h2",he,i(t(s)("explore.hotCollections")),1)]),e("div",ve,[(n(),c(E,null,$(3,o=>e("div",{key:o,class:"h-64 bg-white rounded-2xl border-2 border-[#FFE2B2] animate-pulse shadow-sm"}

1,l[0]||(l[0]=[O('<div class="p-4 h-full flex flex-col"><div class="flex justify-between items-start mb-4"><div class="w-10 h-7 bg-[#FFE2B2]/60 rounded-full"></div><div class="w-8 h-8 bg-[#FFE2B2]/60 rounded-full"></div></div><div class="flex-1 space-y-3"><div class="w-4/5 h-7 bg-[#FFE2B2]/60 rounded-lg"></div><div class="space-y-2"><div class="w-full h-4 bg-[#FFE2B2]/40 rounded"></div><div class="w-full h-4 bg-[#FFE2B2]/40 rounded"></div><div class="w-3/4 h-4 bg-[#FFE2B2]/40 rounded"></div></div></div><div class="flex justify-between items-center mt-4"><div class="w-16 h-3 bg-[#FFE2B2]/40 rounded"></div><div class="w-20 h-8 bg-[#FFE2B2]/60 rounded-full"></div></div></div>',1)]))),64))])])])):t(d)==="success"&&t(x).length>0?(n(),c("div",fe,[e("div",ge,[e("div",be,[e("div",Fe,[e("h2",Be,i(t(s)("explore.hotCollections")),1)]),e("div",ye,[a(B,{to:"/explore",class:"inline-flex items-center text-[#8E735B] hover:text-[#6B5A47] transition-colors group text-sm md:text-base"},{default:m(()=>[e("span",we,i(t(s)("explore.viewAll")),1),a(v,{name:"heroicons:arrow-right",class:"w-4 h-4 ml-1.5 group-hover:translate-x-1 transition-transform"})]),_:1})])]),e("div",Ee,[(n(!0),c(E,null,$(t(x),(o,r)=>(n(),j(t(k).div,{key:o.id,initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.4,delay:r*.075,ease:[.25,.1,.25,1]},class:"group"},{default:m(()=>[a(B,{to:`/explore/${o.slug}`,class:"block h-full"},{default:m(()=>[e("div",$e,[l[1]||(l[1]=e("div",{class:"absolute inset-0 bg-gradient-to-br from-[#FFE2B2]/30 via-[#FFF0D4]/20 to-[#FFB5B5]/15 z-0 group-hover:from-[#FFE2B2]/40 group-hover:to-[#FFB5B5]/25 transition-all duration-300"},null,-1)),e("div",je,[e("div",ke,[e("div",Se," #"+i(r+1),1),e("div",Ce,i(["✨","🌟","💫","⭐️"][r%4]),1)]),e("div",De,[e("h3",Ne,i(o.name),1),o.description?(n(),c("p",Ae,i(o.description),1)):(n(),c("div",Ie,i(t(s)("explore.emptyState")),1))]),e("div",Te,[e("div",Ye,i(t(s)("explore.clickToCopy")),1),e("div",Le,[e("span",Me,i(t(s)("explore.discover")),1),a(v,{name:"heroicons:arrow-right",class:"w-4 h-4 group-hover:translate-x-1 transition-transform duration-300"})])])])])]),_:2},1032,["to"])]),_:2},1032,["transition"]))),128))])])])):w("",!0)}}}),Ve={class:"relative py-8 md:py-16 bg-gradient-to-b from-[#FFE2B2]/30 to-white min-h-screen overflow-hidden"},Re={class:"container px-6 md:px-8 mx-auto relative z-10"},qe={class:"max-w-7xl mx-auto mb-8 md:mb-12"},Ue={class:"group-hover:underline"},Ge={class:"mx-auto rounded-2xl bg-white border-2 border-[#FFE2B2] p-8 md:p-12"},He={class:"flex flex-col items-center text-center space-y-4 mb-12 md:mb-16"},Qe={class:"inline-block relative mb-2"},We={class:"text-3xl md:text-4xl lg:text-5xl font-black text-[#8E735B] leading-tight tracking-tighter-custom font-instagram font-feature-instagram"},Ze=["datetime"],Je={key:0,class:"flex flex-col items-center justify-center py-24"},Ke={class:"text-[#8E735B] animate-pulse font-medium text-lg"},Oe={key:1,class:"grid sm:grid-cols-4 gap-6 md:gap-8 grid-cols-1"},Pe={class:"absolute top-3 left-3 z-10"},Xe={class:"px-2.5 py-1.5 text-xs font-bold text-[#8E735B] bg-[#FFE2B2] rounded-full font-instagram"},et={class:"p-6 md:p-7 flex flex-col items-center justify-center h-full"},tt={class:"overflow-hidden text-ellipsis whitespace-nowrap font-instagram"},ot={class:"absolute top-2 right-2 opacity-0 group-hover:opacity-100 transition-opacity"},st={key:2,class:"max-w-3xl mx-auto rounded-2xl bg-white border-2 border-[#FFE2B2] p-8 md:p-12 flex flex-col items-center text-center"},lt={class:"text-2xl font-bold mb-3 text-[#8E735B]"},it={class:"text-lg text-[#8E735B]/80 mb-8 max-w-md"},nt={key:3,class:"mt-16 mb-12"},at={class:"flex items-center mb-6"},rt={class:"w-10 h-10 flex-shrink-0 bg-[#FFB5B5] rounded-full flex items-center justify-center mr-3"},ct={class:"text-xl md:text-2xl font-bold text-[#8E735B] font-instagram"},dt={class:"bg-[#FFE2B2]/20 rounded-2xl p-6 md:p-8 border-2 border-[#FFE2B2]"},ut={class:"text-lg md:text-xl text-[#8E735B]/90 leading-relaxed font-instagram"},vt=D({__name:"[id]",setup(F){const{t:s,locale:p}=C(),b=P(),{copy:g}=se({legacy:!0}),{success:x}=oe(),d=X(b.params.id),_=Q(),{data:l,status:v}=Z("/api/moji",{params:{collectionSlug:d.value},key:`moji-${d.value}`,getCachedData(o){return _.payload.data[o]||_.static.data[o]},default:()=>({mojis:[],collection:null,collectionName:"",collectionDescription:null,usageScenarios:[]}),transform(o){const r=p.value==="ja"?o.collection.ja_name:o.collection.en_name,u=p.value==="ja"?o.collection.ja_description:o.collection.en_description,f=(o.usageScenarios||[]).map(h=>p.value==="ja"?{id:h.id,label:h.scenario_ja,example:h.example_ja}:{id:h.id,label:h.scenario_en,example:h.example_en});return{collectionName:r,collectionDescription:u,mojis:o.mojis||[],collection:o.collection,usageScenarios:f||[]}}},"$2yrq4TABsQ");ee(()=>{var o,r,u,f;return{title:((o=l.value)==null?void 0:o.collectionName)||s("explore.title"),meta:[{name:"description",content:((r=l.value)==null?void 0:r.collectionDescription)||s("explore.description")},{property:"og:title",content:((u=l.value)==null?void 0:u.collectionName)||s("explore.title")},{property:"og:description",content:((f=l.value)==null?void 0:f.collectionDescription)||s("explore.description")},{property:"og:type",content:"website"}]}});function B(o){g(o.symbol),x(s("explore.copied"))}return(o,r)=>{const u=N,f=W,h=me,J=ze,K=te;return n(),j(K,null,{default:m(()=>{var A,I,T,Y,L,M,z,V,R,q,U;return[e("section",Ve,[e("div",Re,[e("div",qe,[a(f,{to:"/explore",class:"inline-flex items-center text-[#8E735B] hover:text-[#6B5A47] transition-colors group text-base md:text-lg"},{default:m(()=>[a(u,{name:"heroicons:arrow-left",class:"w-5 h-5 mr-1.5 group-hover:-translate-x-1 transition-transform"}),e("span",Ue,i(t(s)("explore.backToCollections")),1)]),_:1})]),e("div",Ge,[e("div",He,[e("div",Qe,[e("h1",We,i(((A=t(l))==null?void 0:A.collectionName)||t(s)("explore.title")),1)]),e("time",{class:"text-sm text-[#8E735B]/70 bg-[#FFE2B2]/50 px-3 py-1.5 rounded-full inline-flex items-center mt-3",datetime:o.$dayjs((T=(I=t(l))==null?void 0:I.collection)==null?void 0:T.createdAt).format("YYYY-MM-DD")},[a(u,{name:"heroicons:calendar",class:"w-4 h-4 mr-1.5 text-[#8E735B]/60"}),H(" "+i(t(s)("explore.createdAt",{date:o.$dayjs((L=(Y=t(l))==null?void 0:Y.collection)==null?void 0:L.createdAt).format("YYYY-MM-DD")})),1)],8,Ze)]),t(v)==="pending"?(n(),c("div",Je,[r[0]||(r[0]=e("div",{class:"relative w-24 h-24 mb-6"},[e("div",{class:"w-24 h-24 rounded-full border-4 border-[#FFE2B2] border-t-[#FFB5B5] animate-spin"}),e("div",{class:"absolute inset-0 flex items-center justify-center text-4xl"}," ✨ ")],-1)),e("p",Ke,i(t(s)("common.loading")),1)])):t(v)==="success"&&((M=t(l))==null?void 0:M.mojis.length)>0?(n(),c("div",Oe,[(n(!0),c(E,null,$((z=t(l))==null?void 0:z.mojis,(y,G)=>(n(),j(t(k).div,{key:y.id,initial:{opacity:0,y:10}

1,animate:{opacity:1,y:0},transition:{duration:.3,delay:G*.05},class:"group relative bg-white rounded-2xl border-2 border-[#FFE2B2] overflow-hidden transition-all hover:border-[#FFB5B5] hover:-translate-y-1"},{default:m(()=>[e("div",Pe,[e("div",Xe," #"+i(G+1),1)]),e("div",et,[a(t(k).div,{"while-hover":{scale:1.05},class:"text-xs md:text-sm lg:text-md my-8 w-full cursor-pointer select-all font-mono bg-[#FFE2B2]/30 py-5 px-4 rounded-xl border-2 border-[#FFE2B2] group-hover:bg-[#FFB5B5]/20 group-hover:border-[#FFB5B5] transition-all text-center relative",title:t(s)("explore.clickToCopy")+": "+y.symbol,onClick:mt=>B(y)},{default:m(()=>[e("div",tt,i(y.symbol),1),e("div",ot,[a(u,{name:"heroicons:clipboard",class:"w-4 h-4 text-[#8E735B]/60"})])]),_:2},1032,["title","onClick"])])]),_:2},1032,["transition"]))),128))])):t(v)==="success"&&((V=t(l))==null?void 0:V.mojis.length)===0?(n(),c("div",st,[r[1]||(r[1]=e("div",{class:"w-24 h-24 bg-[#FFE2B2]/50 rounded-full flex items-center justify-center mb-6"},[e("div",{class:"text-5xl"},"🔍")],-1)),e("h2",lt,i(t(s)("explore.emptyStateTitle")),1),e("p",it,i(t(s)("explore.emptyState")),1),a(f,{to:"/explore",class:"inline-flex items-center justify-center rounded-xl px-6 py-3 text-[#8E735B] font-medium transition-all bg-[#FFB5B5] hover:bg-[#FF9999]"},{default:m(()=>[a(u,{name:"heroicons:arrow-path",class:"w-4 h-4 mr-2"}),H(" "+i(t(s)("explore.backToCollections")),1)]),_:1})])):w("",!0),t(v)==="success"&&((R=t(l))!=null&&R.collectionDescription)?(n(),c("div",nt,[e("div",at,[e("div",rt,[a(u,{name:"heroicons:document-text",class:"w-5 h-5 text-[#8E735B]"})]),e("h2",ct,i(t(s)("explore.aboutSection.title")),1)]),e("div",dt,[e("p",ut,i((q=t(l))==null?void 0:q.collectionDescription),1)])])):w("",!0),a(h,{"usage-scenarios":(U=t(l))==null?void 0:U.usageScenarios},null,8,["usage-scenarios"])]),a(J,{"active-id":t(d)},null,8,["active-id"])])])]}),_:1})}}});

1export{vt as default};