2 lines
2.1 KiB
JavaScript
2 lines
2.1 KiB
JavaScript
import{o as b,l as h,c as a,a as e,F as u,r as g,b as p,t as l,n as y,d,e as s}from"./index-BcYnNRd_.js";const k={class:"container"},f={key:0},x={key:0,class:"loading"},w={key:1},C=["onClick"],B={style:{display:"flex","justify-content":"space-between","align-items":"center"}},z={class:"grammar-title"},V={class:"grammar-explanation",style:{"margin-bottom":"0","-webkit-line-clamp":"2",display:"-webkit-box","-webkit-box-orient":"vertical",overflow:"hidden"}},j={key:0,class:"empty"},A={key:1},F={class:"card"},N={style:{display:"flex","justify-content":"space-between","align-items":"center","margin-bottom":"1rem"}},$={style:{"font-size":"1.3rem","font-weight":"700"}},D={class:"grammar-explanation"},E={key:0,style:{"margin-top":"1rem"}},G={class:"en"},L={class:"ko"},q={__name:"GrammarView",setup(M){const r=d([]),n=d(null),c=d(!0),m=i=>({beginner:"badge-green",intermediate:"badge-blue",advanced:"badge-purple"})[i]||"badge-orange";return b(async()=>{const i=await h.getAll();r.value=i.data,c.value=!1}),(i,o)=>{var v;return s(),a("div",k,[o[2]||(o[2]=e("h1",{class:"page-title"},"문법 레슨",-1)),n.value?(s(),a("div",A,[e("button",{class:"btn btn-secondary",style:{"margin-bottom":"1.5rem"},onClick:o[0]||(o[0]=t=>n.value=null)},"← 목록으로"),e("div",F,[e("div",N,[e("h2",$,l(n.value.title),1),e("span",{class:y(["badge",m(n.value.level)])},l(n.value.level),3)]),e("div",D,l(n.value.explanation),1),(v=n.value.examples)!=null&&v.length?(s(),a("div",E,[o[1]||(o[1]=e("div",{style:{"font-weight":"600","margin-bottom":"0.5rem","font-size":"0.9rem",color:"#4a5568"}},"예문",-1)),(s(!0),a(u,null,g(n.value.examples,(t,_)=>(s(),a("div",{key:_,class:"grammar-example"},[e("div",G,l(t.en),1),e("div",L,l(t.ko),1)]))),128))])):p("",!0)])])):(s(),a("div",f,[c.value?(s(),a("div",x,"불러오는 중...")):(s(),a("div",w,[(s(!0),a(u,null,g(r.value,t=>(s(),a("div",{key:t.id,class:"card grammar-card",onClick:_=>n.value=t},[e("div",B,[e("div",z,l(t.order_num)+". "+l(t.title),1),e("span",{class:y(["badge",m(t.level)])},l(t.level),3)]),e("div",V,l(t.explanation),1)],8,C))),128)),r.value.length?p("",!0):(s(),a("div",j,"문법 레슨이 없습니다"))]))]))])}}};export{q as default};
|