2 lines
1.8 KiB
JavaScript
2 lines
1.8 KiB
JavaScript
import{u as f,o as k,w as u,q as h,c as t,a as n,n as v,F as m,r as g,b as _,d as r,e as a,t as o,f as x}from"./index-BcYnNRd_.js";const w={class:"container"},C={style:{display:"flex",gap:"0.5rem","flex-wrap":"wrap","margin-bottom":"1.5rem"}},A=["onClick"],V={key:0,class:"loading"},B={key:1,class:"card-grid"},N={style:{display:"flex","justify-content":"space-between","align-items":"flex-start"}},S={class:"word-en"},q={class:"badge badge-blue"},F={key:0,class:"word-pron"},$={class:"word-ko"},j={key:1,class:"word-example"},z={style:{color:"#a0aec0"}},D={key:0,class:"empty"},P={__name:"WordsView",setup(E){const b=f(),i=r([]),p=r([]),c=r(""),d=r(!1),y=async l=>{c.value=l,d.value=!0;const s=await u.getAll(l||void 0);i.value=s.data,d.value=!1};return k(async()=>{const[l,s]=await Promise.all([u.getAll(),u.getCategories()]);i.value=l.data,p.value=s.data,h.complete({session_id:b.id,type:"word"})}),(l,s)=>(a(),t("div",w,[s[2]||(s[2]=n("h1",{class:"page-title"},"단어장",-1)),n("div",C,[n("button",{class:v(["btn",c.value===""?"btn-primary":"btn-secondary"]),onClick:s[0]||(s[0]=e=>y(""))},"전체",2),(a(!0),t(m,null,g(p.value,e=>(a(),t("button",{key:e.category,class:v(["btn",c.value===e.category?"btn-primary":"btn-secondary"]),onClick:L=>y(e.category)},o(e.category),11,A))),128))]),d.value?(a(),t("div",V,"불러오는 중...")):(a(),t("div",B,[(a(!0),t(m,null,g(i.value,e=>(a(),t("div",{key:e.id,class:"card word-card"},[n("div",N,[n("div",S,o(e.english),1),n("span",q,o(e.difficulty),1)]),e.pronunciation?(a(),t("div",F,"["+o(e.pronunciation)+"]",1)):_("",!0),n("div",$,o(e.korean),1),e.example_en?(a(),t("div",j,[x(o(e.example_en),1),s[1]||(s[1]=n("br",null,null,-1)),n("span",z,o(e.example_ko),1)])):_("",!0)]))),128)),i.value.length?_("",!0):(a(),t("div",D,"단어가 없습니다"))]))]))}};export{P as default};
|