1import{_ as s}from"./CompBasicTabmenu-Di4X0Vrc.js";import{_ as n,a}from"./CompTabmenuWrap-C82xRqCH.js";import{D as l,E as p,a as o,c as t,b as e,e as c,w as E,i as r,F,h as y,H as D,g as C,I as i,_ as u,f as A,p as m,j as b}from"./index-Dg0AKBzW.js";/* empty css */const d={class:"prose prose-sm text-left"},B={class:"md-section"},v=e("h1",null,"Tabmenu",-1),g=e("h2",null,[e("em",null,"Tabmenu Component")],-1),f=e("h3",null,[e("em",null,"1-1. Basic Tabmenu (ìë¡ ì ì 2024-08-13)")],-1),q=e("li",null,[e("p",null,"기본 íì¼ ê²½ì° class=âtype-basicâ 를 ë£ì´ì¼ ì¤íì¼ì´ ì ì©ë©ëë¤.")],-1),h=e("li",null,[e("p",null,"class=âbg-gray-25â: ë°°ê²½ ììì´ --gray-25ë¡ ì ì©ë©ëë¤.")],-1),N=e("li",null,[e("p",null,"class=âhas-pdâ: íë©ë´ PC ìë¨: 0px MO íë¨: 56px, í컨í
ì¸ ë°ì¤ PC ìë¨: 60px, MO ìë¨: 24px í¬í¨ ë¨.")],-1),k=e("li",null,[e("p",null,"në¶í íì¼ ê²½ì°ìë :n-split=â{ desktop: Number, mobile: Number, }â ìì±ì ìì±í©ëë¤.")],-1),T=e("li",null,[e("p",null,"nê³ ì íì¼ ê²½ì°ìë :n-Fixed=â{ desktop: Number, mobile: Number, }â ìì±ì ìì±í©ëë¤.")],-1),x=e("p",null,[C("ì ì 컨í
ì¸ ì¼ ê²½ì°ìë "),e("strong",null,"(ê²ì í¸í)ì ìí´ì 컨í
ì¸ ë°ì¤ì v-ifê° ìë v-showë¡ ìì±"),C(" ë°ëëë¤.")],-1),_=e("p",null,[e("br"),e("br")],-1),W=e("p",null,[e("em",null,"ìííì´ì§ ë°ë¡ê°ê¸°"),C(" ( tabmenu-sample-1.vue )")],-1),S=e("br",null,null,-1),M={key:0},j={key:1},w={key:2},I={key:3},O={key:4},P={key:5},H={key:6},U={key:7},L={key:8},G={key:9},R=i('<div class="md-section"><h3>Script</h3><pre class="shiki nord" style="background-color:#2e3440ff;" tabindex="0"><code class="language-bash"><span class="line"><span style="color:#88C0D0;">import</span><span style="color:#D8DEE9FF;"> </span><span style="color:#A3BE8C;">CompBasicTabmenu</span><span style="color:#D8DEE9FF;"> </span><span style="color:#A3BE8C;">from</span><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">'</span><span style="color:#A3BE8C;">~/components/common/CompBasicTabmenu.vue</span><span style="color:#ECEFF4;">'</span><span style="color:#81A1C1;">;</span></span>\n<span class="line"></span>\n<span class="line"><span style="color:#88C0D0;">const</span><span style="color:#D8DEE9FF;"> </span><span style="color:#A3BE8C;">tabmenus</span><span style="color:#D8DEE9FF;"> </span><span style="color:#A3BE8C;">=</span><span style="color:#D8DEE9FF;"> </span><span style="color:#A3BE8C;">reactive</span><span style="color:#ECEFF4;">(</span><span style="color:#D8DEE9FF;">{</span></span>\n<span class="line"><span style="color:#88C0D0;">tabmenu1:</span><span style="color:#D8DEE9FF;"> [</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">{</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">tabName:</span><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">'</span><span style="color:#A3BE8C;">íë©ë´1</span><span style="color:#ECEFF4;">'</span><span style="color:#A3BE8C;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">status:</span><span style="color:#D8DEE9FF;"> </span><span style="color:#81A1C1;">true</span><span style="color:#A3BE8C;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">}</span><span style="color:#D8DEE9FF;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">{</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">tabName:</span><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">'</span><span style="color:#A3BE8C;">íë©ë´2</span><span style="color:#ECEFF4;">'</span><span style="color:#A3BE8C;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">//</span><span style="color:#D8DEE9FF;"> </span><span style="color:#A3BE8C;">linkUrl:</span><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">'</span><span style="color:#A3BE8C;">/publishing</span><span style="color:#ECEFF4;">'</span><span style="color:#A3BE8C;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">status:</span><span style="color:#D8DEE9FF;"> </span><span style="color:#81A1C1;">
1false</span><span style="color:#A3BE8C;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">}</span><span style="color:#D8DEE9FF;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">{</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">tabName:</span><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">'</span><span style="color:#A3BE8C;">íë©ë´3</span><span style="color:#ECEFF4;">'</span><span style="color:#A3BE8C;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">disabled:</span><span style="color:#D8DEE9FF;"> </span><span style="color:#81A1C1;">false</span><span style="color:#A3BE8C;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">status:</span><span style="color:#D8DEE9FF;"> </span><span style="color:#81A1C1;">false</span><span style="color:#A3BE8C;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">}</span><span style="color:#D8DEE9FF;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">{</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">tabName:</span><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">'</span><span style="color:#A3BE8C;">íë©ë´4</span><span style="color:#ECEFF4;">'</span><span style="color:#A3BE8C;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">status:</span><span style="color:#D8DEE9FF;"> </span><span style="color:#81A1C1;">false</span><span style="color:#A3BE8C;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">}</span><span style="color:#D8DEE9FF;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">{</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">tabName:</span><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">'</span><span style="color:#A3BE8C;">íë©ë´5</span><span style="color:#ECEFF4;">'</span><span style="color:#A3BE8C;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">status:</span><span style="color:#D8DEE9FF;"> </span><span style="color:#81A1C1;">false</span><span style="color:#A3BE8C;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">}</span><span style="color:#D8DEE9FF;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">{</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">tabName:</span><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">'</span><span style="color:#A3BE8C;">íë©ë´6</span><span style="color:#ECEFF4;">'</span><span style="color:#A3BE8C;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">status:</span><span style="color:#D8DEE9FF;"> </span><span style="color:#81A1C1;">false</span><span style="color:#A3BE8C;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">}</span><span style="color:#D8DEE9FF;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">{</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">tabName:</span><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">'</span><span style="color:#A3BE8C;">íë©ë´7</span><span style="color:#ECEFF4;">'</span><span style="color:#A3BE8C;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">disabled:</span><span style="color:#D8DEE9FF;"> </span><span style="color:#81A1C1;">
1false</span><span style="color:#A3BE8C;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">status:</span><span style="color:#D8DEE9FF;"> </span><span style="color:#81A1C1;">false</span><span style="color:#A3BE8C;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">}</span><span style="color:#D8DEE9FF;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">{</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">tabName:</span><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">'</span><span style="color:#A3BE8C;">íë©ë´8</span><span style="color:#ECEFF4;">'</span><span style="color:#A3BE8C;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">status:</span><span style="color:#D8DEE9FF;"> </span><span style="color:#81A1C1;">false</span><span style="color:#A3BE8C;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">}</span><span style="color:#D8DEE9FF;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">{</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">tabName:</span><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">'</span><span style="color:#A3BE8C;">íë©ë´9</span><span style="color:#ECEFF4;">'</span><span style="color:#A3BE8C;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">status:</span><span style="color:#D8DEE9FF;"> </span><span style="color:#81A1C1;">false</span><span style="color:#A3BE8C;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">}</span><span style="color:#D8DEE9FF;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">{</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">tabName:</span><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">'</span><span style="color:#A3BE8C;">íë©ë´10</span><span style="color:#ECEFF4;">'</span><span style="color:#A3BE8C;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">status:</span><span style="color:#D8DEE9FF;"> </span><span style="color:#81A1C1;">false</span><span style="color:#A3BE8C;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">}</span><span style="color:#D8DEE9FF;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;">],</span></span>\n<span class="line"><span style="color:#616E88;"># ë°ì´í°íì¼ ê²½ì°ìë§ ìì±</span></span>\n<span class="line"><span style="color:#616E88;"># tabItems_1: [</span></span>\n<span class="line"><span style="color:#616E88;"># 'íë©ë´ ë´ì© (1)',</span></span>\n<span class="line"><span style="color:#616E88;"># 'íë©ë´ ë´ì© (2)',</span></span>\n<span class="line"><span style="color:#616E88;"># 'íë©ë´ ë´ì© (3)',</span></span>\n<span class="line"><span style="color:#616E88;"># 'íë©ë´ ë´ì© (4)',</span></span>\n<span class="line"><span style="color:#616E88;"># 'íë©ë´ ë´ì© (5)',</span></span>\n<span class="line"><span style="color:#616E88;"># 'íë©ë´ ë´ì© (6)',</span></span>\n<span class="line"><span style="color:#616E88;"># 'íë©ë´ ë´ì© (7)',</span></span>\n<span class="line"><span style="color:#616E88;"># 'íë©ë´ ë´ì© (8)',</span></span>\n<span class="line"><span style="color:#616E88;"># 'íë©ë´ ë´ì© (9)',</span></span>\n<span class="line"><span style="color:#616E88;"># 'íë©ë´ ë´ì© (10)',</span></span>\n<span class="line"><span style="color:#616E88;"># ],</span></span>\n<span class="line"><span style="color:#D8DEE9FF;">});
1</span></span>\n<span class="line"></span>\n<span class="line"></span></code></pre></div><div class="md-section"><h3>Template</h3><pre class="shiki nord" style="background-color:#2e3440ff;" tabindex="0"><code class="language-bash"><span class="line"><span style="color:#616E88;">#bg-gray-25: íë©ë´ 리ì¤í¸ íìì¼ë¡ ë³ê²½ ë¨.</span></span>\n<span class="line"><span style="color:#616E88;">#has-pd: íë©ë´ 기본 ì¬ë°± ìì± ë¨(PC ìë¨: 0, MO ìë¨: 24px, PC 컨í
ì¸ ìë¨: 60, MO ìë¨: 36px)</span></span>\n<span class="line"></span>\n<span class="line"><span style="color:#81A1C1;"><!</span><span style="color:#88C0D0;">--</span><span style="color:#D8DEE9FF;"> </span><span style="color:#81A1C1;"><</span><span style="color:#A3BE8C;">CompBasicTabmenu</span></span>\n<span class="line"><span style="color:#D8DEE9;">class</span><span style="color:#81A1C1;">=</span><span style="color:#ECEFF4;">"</span><span style="color:#A3BE8C;">type-basic bg-gray-25 has-pd</span><span style="color:#ECEFF4;">"</span></span>\n<span class="line"><span style="color:#88C0D0;">:items</span><span style="color:#D8DEE9FF;">=</span><span style="color:#88C0D0;">"tabmenus.tabmenu1"</span></span>\n<span class="line"><span style="color:#88C0D0;">:n-fixed</span><span style="color:#D8DEE9FF;">=</span><span style="color:#88C0D0;">"{</span></span>\n<span class="line"><span style="color:#88C0D0;"> desktop: 5.5,</span></span>\n<span class="line"><span style="color:#88C0D0;"> mobile: 3.5,</span></span>\n<span class="line"><span style="color:#88C0D0;">}"</span><span style="color:#88C0D0;">></span><span style="color:#D8DEE9FF;"> </span><span style="color:#A3BE8C;">--</span><span style="color:#81A1C1;">></span></span>\n<span class="line"></span>\n<span class="line"></span>\n<span class="line"></span>\n<span class="line"><span style="color:#81A1C1;"><</span><span style="color:#D8DEE9FF;">CompBasicTabmenu</span></span>\n<span class="line"><span style="color:#D8DEE9;">class</span><span style="color:#81A1C1;">=</span><span style="color:#ECEFF4;">"</span><span style="color:#A3BE8C;">type-basic</span><span style="color:#ECEFF4;">"</span></span>\n<span class="line"><span style="color:#88C0D0;">:items</span><span style="color:#D8DEE9FF;">=</span><span style="color:#88C0D0;">"tabmenus.tabmenu1"</span></span>\n<span class="line"><span style="color:#88C0D0;">:n-split</span><span style="color:#D8DEE9FF;">=</span><span style="color:#88C0D0;">"{</span></span>\n<span class="line"><span style="color:#88C0D0;"> desktop: 10,</span></span>\n<span class="line"><span style="color:#88C0D0;"> mobile: 4,</span></span>\n<span class="line"><span style="color:#88C0D0;">}"</span><span style="color:#88C0D0;">></span></span>\n<span class="line"><span style="color:#81A1C1;"><</span><span style="color:#D8DEE9FF;">div v-if=</span><span style="color:#ECEFF4;">"</span><span style="color:#A3BE8C;">tabmenus.tabmenu1[0].status</span><span style="color:#ECEFF4;">"</span><span style="color:#81A1C1;">></span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">ì½í
ì¸ </span><span style="color:#D8DEE9FF;"> </span><span style="color:#A3BE8C;">ë´ì©</span><span style="color:#ECEFF4;">(</span><span style="color:#88C0D0;">1</span><span style="color:#ECEFF4;">)</span></span>\n<span class="line"><span style="color:#81A1C1;"><</span><span style="color:#D8DEE9FF;">/div</span><span style="color:#81A1C1;">></span></span>\n<span class="line"><span style="color:#81A1C1;"><</span><span style="color:#D8DEE9FF;">div v-if=</span><span style="color:#ECEFF4;">"</span><span style="color:#A3BE8C;">tabmenus.tabmenu1[1].status</span><span style="color:#ECEFF4;">"</span><span style="color:#81A1C1;">></span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">ì½í
ì¸ </span><span style="color:#D8DEE9FF;"> </span><span style="color:#A3BE8C;">ë´ì©</span><span style="color:#ECEFF4;">(</span><span style="color:#88C0D0;">2</span><span style="color:#ECEFF4;">)</span></span>\n<span class="line"><span style="color:#81A1C1;"><</span><span style="color:#D8DEE9FF;">/div</span><span style="color:#81A1C1;">></span></span>\n<span class="line"><span style="color:#81A1C1;"><</span><span style="color:#D8DEE9FF;">div v-if=</span><span style="color:#ECEFF4;">"</span><span style="color:#A3BE8C;">tabmenus.tabmenu1[2].status</span><span style="color:#ECEFF4;">"</span><span style="color:#81A1C1;">></span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">
1ì½í
ì¸ </span><span style="color:#D8DEE9FF;"> </span><span style="color:#A3BE8C;">ë´ì©</span><span style="color:#ECEFF4;">(</span><span style="color:#88C0D0;">3</span><span style="color:#ECEFF4;">)</span></span>\n<span class="line"><span style="color:#81A1C1;"><</span><span style="color:#D8DEE9FF;">/div</span><span style="color:#81A1C1;">></span></span>\n<span class="line"><span style="color:#81A1C1;"><</span><span style="color:#D8DEE9FF;">div v-if=</span><span style="color:#ECEFF4;">"</span><span style="color:#A3BE8C;">tabmenus.tabmenu1[3].status</span><span style="color:#ECEFF4;">"</span><span style="color:#81A1C1;">></span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">ì½í
ì¸ </span><span style="color:#D8DEE9FF;"> </span><span style="color:#A3BE8C;">ë´ì©</span><span style="color:#ECEFF4;">(</span><span style="color:#88C0D0;">4</span><span style="color:#ECEFF4;">)</span></span>\n<span class="line"><span style="color:#81A1C1;"><</span><span style="color:#D8DEE9FF;">/div</span><span style="color:#81A1C1;">></span></span>\n<span class="line"><span style="color:#81A1C1;"><</span><span style="color:#D8DEE9FF;">div v-if=</span><span style="color:#ECEFF4;">"</span><span style="color:#A3BE8C;">tabmenus.tabmenu1[4].status</span><span style="color:#ECEFF4;">"</span><span style="color:#81A1C1;">></span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">ì½í
ì¸ </span><span style="color:#D8DEE9FF;"> </span><span style="color:#A3BE8C;">ë´ì©</span><span style="color:#ECEFF4;">(</span><span style="color:#88C0D0;">5</span><span style="color:#ECEFF4;">)</span></span>\n<span class="line"><span style="color:#81A1C1;"><</span><span style="color:#D8DEE9FF;">/div</span><span style="color:#81A1C1;">></span></span>\n<span class="line"><span style="color:#81A1C1;"><</span><span style="color:#D8DEE9FF;">div v-if=</span><span style="color:#ECEFF4;">"</span><span style="color:#A3BE8C;">tabmenus.tabmenu1[5].status</span><span style="color:#ECEFF4;">"</span><span style="color:#81A1C1;">></span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">ì½í
ì¸ </span><span style="color:#D8DEE9FF;"> </span><span style="color:#A3BE8C;">ë´ì©</span><span style="color:#ECEFF4;">(</span><span style="color:#88C0D0;">6</span><span style="color:#ECEFF4;">)</span></span>\n<span class="line"><span style="color:#81A1C1;"><</span><span style="color:#D8DEE9FF;">/div</span><span style="color:#81A1C1;">></span></span>\n<span class="line"><span style="color:#81A1C1;"><</span><span style="color:#D8DEE9FF;">div v-if=</span><span style="color:#ECEFF4;">"</span><span style="color:#A3BE8C;">tabmenus.tabmenu1[6].status</span><span style="color:#ECEFF4;">"</span><span style="color:#81A1C1;">></span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">ì½í
ì¸ </span><span style="color:#D8DEE9FF;"> </span><span style="color:#A3BE8C;">ë´ì©</span><span style="color:#ECEFF4;">(</span><span style="color:#88C0D0;">7</span><span style="color:#ECEFF4;">)</span></span>\n<span class="line"><span style="color:#81A1C1;"><</span><span style="color:#D8DEE9FF;">/div</span><span style="color:#81A1C1;">></span></span>\n<span class="line"><span style="color:#81A1C1;"><</span><span style="color:#D8DEE9FF;">div v-if=</span><span style="color:#ECEFF4;">"</span><span style="color:#A3BE8C;">tabmenus.tabmenu1[7].status</span><span style="color:#ECEFF4;">"</span><span style="color:#81A1C1;">></span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">ì½í
ì¸ </span><span style="color:#D8DEE9FF;"> </span><span style="color:#A3BE8C;">ë´ì©</span><span style="color:#ECEFF4;">(</span><span style="color:#88C0D0;">8</span><span style="color:#ECEFF4;">)</span></span>\n<span class="line"><span style="color:#81A1C1;"><</span><span style="color:#D8DEE9FF;">/div</span><span style="color:#81A1C1;">></span></span>\n<span class="line"><span style="color:#81A1C1;"><</span><span style="color:#D8DEE9FF;">div v-if=</span><span style="color:#ECEFF4;">"</span><span style="color:#A3BE8C;">tabmenus.tabmenu1[8].status</span><span style="color:#ECEFF4;">"</span><span style="color:#81A1C1;">></span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">
1ì½í
ì¸ </span><span style="color:#D8DEE9FF;"> </span><span style="color:#A3BE8C;">ë´ì©</span><span style="color:#ECEFF4;">(</span><span style="color:#88C0D0;">9</span><span style="color:#ECEFF4;">)</span></span>\n<span class="line"><span style="color:#81A1C1;"><</span><span style="color:#D8DEE9FF;">/div</span><span style="color:#81A1C1;">></span></span>\n<span class="line"><span style="color:#81A1C1;"><</span><span style="color:#D8DEE9FF;">div v-if=</span><span style="color:#ECEFF4;">"</span><span style="color:#A3BE8C;">tabmenus.tabmenu1[9].status</span><span style="color:#ECEFF4;">"</span><span style="color:#81A1C1;">></span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">ì½í
ì¸ </span><span style="color:#D8DEE9FF;"> </span><span style="color:#A3BE8C;">ë´ì©</span><span style="color:#ECEFF4;">(</span><span style="color:#88C0D0;">10</span><span style="color:#ECEFF4;">)</span></span>\n<span class="line"><span style="color:#81A1C1;"><</span><span style="color:#D8DEE9FF;">/div</span><span style="color:#81A1C1;">></span></span>\n<span class="line"><span style="color:#81A1C1;"><</span><span style="color:#D8DEE9FF;">/CompBasicTabmenu</span><span style="color:#81A1C1;">></span></span>\n<span class="line"></span></code></pre></div><br><br><div class="md-section"><h3><em>1-2. Basic Tabmenu Fixed Type (ìë¡ ì ì 2024-08-13)</em></h3><ul><li><p>기본 íì¼ ê²½ì° class=âtype-basicâ 를 ë£ì´ì¼ ì¤íì¼ì´ ì ì©ë©ëë¤.</p></li><li><p>nê³ ì íì¼ ê²½ì°ìë :n-Fixed=â{ desktop: Number, mobile: Number, }â ìì±ì ìì±í©ëë¤.</p></li></ul></div>',5),z={key:0},J={key:1},K={key:2},Q={key:3},V={key:4},X={key:5},Y={key:6},Z={key:7},$={key:8},ss={key:9},ns=i('<br><br><div class="md-section"><h3>Script</h3><pre class="shiki nord" style="background-color:#2e3440ff;" tabindex="0"><code class="language-bash"><span class="line"><span style="color:#88C0D0;">import</span><span style="color:#D8DEE9FF;"> </span><span style="color:#A3BE8C;">CompBasicTabmenu</span><span style="color:#D8DEE9FF;"> </span><span style="color:#A3BE8C;">from</span><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">'</span><span style="color:#A3BE8C;">~/components/common/CompBasicTabmenu.vue</span><span style="color:#ECEFF4;">'</span><span style="color:#81A1C1;">;</span></span>\n<span class="line"></span>\n<span class="line"><span style="color:#88C0D0;">const</span><span style="color:#D8DEE9FF;"> </span><span style="color:#A3BE8C;">tabmenus</span><span style="color:#D8DEE9FF;"> </span><span style="color:#A3BE8C;">=</span><span style="color:#D8DEE9FF;"> </span><span style="color:#A3BE8C;">reactive</span><span style="color:#ECEFF4;">(</span><span style="color:#D8DEE9FF;">{</span></span>\n<span class="line"><span style="color:#88C0D0;">tabmenu2:</span><span style="color:#D8DEE9FF;"> [</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">{</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">tabName:</span><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">'</span><span style="color:#A3BE8C;">íë©ë´1</span><span style="color:#ECEFF4;">'</span><span style="color:#A3BE8C;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">status:</span><span style="color:#D8DEE9FF;"> </span><span style="color:#81A1C1;">true</span><span style="color:#A3BE8C;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">}</span><span style="color:#D8DEE9FF;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">{</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">tabName:</span><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">'</span><span style="color:#A3BE8C;">íë©ë´2</span><span style="color:#ECEFF4;">'</span><span style="color:#A3BE8C;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">//</span><span style="color:#D8DEE9FF;"> </span><span style="color:#A3BE8C;">linkUrl:</span><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">'</span><span style="color:#A3BE8C;">/publishing</span><span style="color:#ECEFF4;">'</span><span style="color:#A3BE8C;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">status:</span><span style="color:#D8DEE9FF;"> </span><span style="color:#81A1C1;">
1false</span><span style="color:#A3BE8C;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">}</span><span style="color:#D8DEE9FF;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">{</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">tabName:</span><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">'</span><span style="color:#A3BE8C;">íë©ë´3</span><span style="color:#ECEFF4;">'</span><span style="color:#A3BE8C;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">disabled:</span><span style="color:#D8DEE9FF;"> </span><span style="color:#81A1C1;">false</span><span style="color:#A3BE8C;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">status:</span><span style="color:#D8DEE9FF;"> </span><span style="color:#81A1C1;">false</span><span style="color:#A3BE8C;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">}</span><span style="color:#D8DEE9FF;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">{</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">tabName:</span><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">'</span><span style="color:#A3BE8C;">íë©ë´4</span><span style="color:#ECEFF4;">'</span><span style="color:#A3BE8C;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">status:</span><span style="color:#D8DEE9FF;"> </span><span style="color:#81A1C1;">false</span><span style="color:#A3BE8C;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">}</span><span style="color:#D8DEE9FF;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">{</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">tabName:</span><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">'</span><span style="color:#A3BE8C;">íë©ë´5</span><span style="color:#ECEFF4;">'</span><span style="color:#A3BE8C;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">status:</span><span style="color:#D8DEE9FF;"> </span><span style="color:#81A1C1;">false</span><span style="color:#A3BE8C;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">}</span><span style="color:#D8DEE9FF;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">{</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">tabName:</span><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">'</span><span style="color:#A3BE8C;">íë©ë´6</span><span style="color:#ECEFF4;">'</span><span style="color:#A3BE8C;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">status:</span><span style="color:#D8DEE9FF;"> </span><span style="color:#81A1C1;">false</span><span style="color:#A3BE8C;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">}</span><span style="color:#D8DEE9FF;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">{</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">tabName:</span><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">'</span><span style="color:#A3BE8C;">íë©ë´7</span><span style="color:#ECEFF4;">'</span><span style="color:#A3BE8C;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">disabled:</span><span style="color:#D8DEE9FF;"> </span><span style="color:#81A1C1;">
1false</span><span style="color:#A3BE8C;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">status:</span><span style="color:#D8DEE9FF;"> </span><span style="color:#81A1C1;">false</span><span style="color:#A3BE8C;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">}</span><span style="color:#D8DEE9FF;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">{</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">tabName:</span><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">'</span><span style="color:#A3BE8C;">íë©ë´8</span><span style="color:#ECEFF4;">'</span><span style="color:#A3BE8C;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">status:</span><span style="color:#D8DEE9FF;"> </span><span style="color:#81A1C1;">false</span><span style="color:#A3BE8C;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">}</span><span style="color:#D8DEE9FF;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">{</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">tabName:</span><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">'</span><span style="color:#A3BE8C;">íë©ë´9</span><span style="color:#ECEFF4;">'</span><span style="color:#A3BE8C;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">status:</span><span style="color:#D8DEE9FF;"> </span><span style="color:#81A1C1;">false</span><span style="color:#A3BE8C;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">}</span><span style="color:#D8DEE9FF;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">{</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">tabName:</span><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">'</span><span style="color:#A3BE8C;">íë©ë´10</span><span style="color:#ECEFF4;">'</span><span style="color:#A3BE8C;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">status:</span><span style="color:#D8DEE9FF;"> </span><span style="color:#81A1C1;">false</span><span style="color:#A3BE8C;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">}</span><span style="color:#D8DEE9FF;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;">],</span></span>\n<span class="line"><span style="color:#D8DEE9FF;">});</span></span>\n<span class="line"></span>\n<span class="line"></span></code></pre></div><div class="md-section"><h3>Template</h3><pre class="shiki nord" style="background-color:#2e3440ff;" tabindex="0"><code class="language-bash"><span class="line"><span style="color:#81A1C1;"><</span><span style="color:#D8DEE9FF;">CompBasicTabmenu</span></span>\n<span class="line"><span style="color:#D8DEE9;">class</span><span style="color:#81A1C1;">=</span><span style="color:#ECEFF4;">"</span><span style="color:#A3BE8C;">type-basic</span><span style="color:#ECEFF4;">"</span></span>\n<span class="line"><span style="color:#88C0D0;">:items</span><span style="color:#D8DEE9FF;">=</span><span style="color:#88C0D0;">"tabmenus.tabmenu2"</span></span>\n<span class="line"><span style="color:#88C0D0;">:n-fixed</span><span style="color:#D8DEE9FF;">=</span><span style="color:#88C0D0;">"{</span></span>\n<span class="line"><span style="color:#88C0D0;"> desktop: 5.5,</span></span>\n<span class="line"><span style="color:#88C0D0;"> mobile: 3.5,</span></span>\n<span class="line"><span style="color:#88C0D0;">}"</span><span style="color:#88C0D0;">></span></span>\n<span class="line"><span style="color:#81A1C1;"><</span><span style="color:#D8DEE9FF;">div v-if=</span><span style="color:#ECEFF4;">"</span><span style="color:#A3BE8C;">tabmenus.tabmenu2[0].status</span><span style="color:#ECEFF4;">"</span><span style="color:#81A1C1;">></span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">
1ì½í
ì¸ </span><span style="color:#D8DEE9FF;"> </span><span style="color:#A3BE8C;">ë´ì©</span><span style="color:#ECEFF4;">(</span><span style="color:#88C0D0;">1</span><span style="color:#ECEFF4;">)</span></span>\n<span class="line"><span style="color:#81A1C1;"><</span><span style="color:#D8DEE9FF;">/div</span><span style="color:#81A1C1;">></span></span>\n<span class="line"><span style="color:#81A1C1;"><</span><span style="color:#D8DEE9FF;">div v-if=</span><span style="color:#ECEFF4;">"</span><span style="color:#A3BE8C;">tabmenus.tabmenu2[1].status</span><span style="color:#ECEFF4;">"</span><span style="color:#81A1C1;">></span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">ì½í
ì¸ </span><span style="color:#D8DEE9FF;"> </span><span style="color:#A3BE8C;">ë´ì©</span><span style="color:#ECEFF4;">(</span><span style="color:#88C0D0;">2</span><span style="color:#ECEFF4;">)</span></span>\n<span class="line"><span style="color:#81A1C1;"><</span><span style="color:#D8DEE9FF;">/div</span><span style="color:#81A1C1;">></span></span>\n<span class="line"><span style="color:#81A1C1;"><</span><span style="color:#D8DEE9FF;">div v-if=</span><span style="color:#ECEFF4;">"</span><span style="color:#A3BE8C;">tabmenus.tabmenu2[2].status</span><span style="color:#ECEFF4;">"</span><span style="color:#81A1C1;">></span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">ì½í
ì¸ </span><span style="color:#D8DEE9FF;"> </span><span style="color:#A3BE8C;">ë´ì©</span><span style="color:#ECEFF4;">(</span><span style="color:#88C0D0;">3</span><span style="color:#ECEFF4;">)</span></span>\n<span class="line"><span style="color:#81A1C1;"><</span><span style="color:#D8DEE9FF;">/div</span><span style="color:#81A1C1;">></span></span>\n<span class="line"><span style="color:#81A1C1;"><</span><span style="color:#D8DEE9FF;">div v-if=</span><span style="color:#ECEFF4;">"</span><span style="color:#A3BE8C;">tabmenus.tabmenu2[3].status</span><span style="color:#ECEFF4;">"</span><span style="color:#81A1C1;">></span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">ì½í
ì¸ </span><span style="color:#D8DEE9FF;"> </span><span style="color:#A3BE8C;">ë´ì©</span><span style="color:#ECEFF4;">(</span><span style="color:#88C0D0;">4</span><span style="color:#ECEFF4;">)</span></span>\n<span class="line"><span style="color:#81A1C1;"><</span><span style="color:#D8DEE9FF;">/div</span><span style="color:#81A1C1;">></span></span>\n<span class="line"><span style="color:#81A1C1;"><</span><span style="color:#D8DEE9FF;">div v-if=</span><span style="color:#ECEFF4;">"</span><span style="color:#A3BE8C;">tabmenus.tabmenu2[4].status</span><span style="color:#ECEFF4;">"</span><span style="color:#81A1C1;">></span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">ì½í
ì¸ </span><span style="color:#D8DEE9FF;"> </span><span style="color:#A3BE8C;">ë´ì©</span><span style="color:#ECEFF4;">(</span><span style="color:#88C0D0;">5</span><span style="color:#ECEFF4;">)</span></span>\n<span class="line"><span style="color:#81A1C1;"><</span><span style="color:#D8DEE9FF;">/div</span><span style="color:#81A1C1;">></span></span>\n<span class="line"><span style="color:#81A1C1;"><</span><span style="color:#D8DEE9FF;">div v-if=</span><span style="color:#ECEFF4;">"</span><span style="color:#A3BE8C;">tabmenus.tabmenu2[5].status</span><span style="color:#ECEFF4;">"</span><span style="color:#81A1C1;">></span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">ì½í
ì¸ </span><span style="color:#D8DEE9FF;"> </span><span style="color:#A3BE8C;">ë´ì©</span><span style="color:#ECEFF4;">(</span><span style="color:#88C0D0;">6</span><span style="color:#ECEFF4;">)</span></span>\n<span class="line"><span style="color:#81A1C1;"><</span><span style="color:#D8DEE9FF;">/div</span><span style="color:#81A1C1;">></span></span>\n<span class="line"><span style="color:#81A1C1;"><</span><span style="color:#D8DEE9FF;">div v-if=</span><span style="color:#ECEFF4;">"</span><span style="color:#A3BE8C;">tabmenus.tabmenu2[6].status</span><span style="color:#ECEFF4;">"</span><span style="color:#81A1C1;">></span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">
1ì½í
ì¸ </span><span style="color:#D8DEE9FF;"> </span><span style="color:#A3BE8C;">ë´ì©</span><span style="color:#ECEFF4;">(</span><span style="color:#88C0D0;">7</span><span style="color:#ECEFF4;">)</span></span>\n<span class="line"><span style="color:#81A1C1;"><</span><span style="color:#D8DEE9FF;">/div</span><span style="color:#81A1C1;">></span></span>\n<span class="line"><span style="color:#81A1C1;"><</span><span style="color:#D8DEE9FF;">div v-if=</span><span style="color:#ECEFF4;">"</span><span style="color:#A3BE8C;">tabmenus.tabmenu2[7].status</span><span style="color:#ECEFF4;">"</span><span style="color:#81A1C1;">></span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">ì½í
ì¸ </span><span style="color:#D8DEE9FF;"> </span><span style="color:#A3BE8C;">ë´ì©</span><span style="color:#ECEFF4;">(</span><span style="color:#88C0D0;">8</span><span style="color:#ECEFF4;">)</span></span>\n<span class="line"><span style="color:#81A1C1;"><</span><span style="color:#D8DEE9FF;">/div</span><span style="color:#81A1C1;">></span></span>\n<span class="line"><span style="color:#81A1C1;"><</span><span style="color:#D8DEE9FF;">div v-if=</span><span style="color:#ECEFF4;">"</span><span style="color:#A3BE8C;">tabmenus.tabmenu2[8].status</span><span style="color:#ECEFF4;">"</span><span style="color:#81A1C1;">></span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">ì½í
ì¸ </span><span style="color:#D8DEE9FF;"> </span><span style="color:#A3BE8C;">ë´ì©</span><span style="color:#ECEFF4;">(</span><span style="color:#88C0D0;">9</span><span style="color:#ECEFF4;">)</span></span>\n<span class="line"><span style="color:#81A1C1;"><</span><span style="color:#D8DEE9FF;">/div</span><span style="color:#81A1C1;">></span></span>\n<span class="line"><span style="color:#81A1C1;"><</span><span style="color:#D8DEE9FF;">div v-if=</span><span style="color:#ECEFF4;">"</span><span style="color:#A3BE8C;">tabmenus.tabmenu2[9].status</span><span style="color:#ECEFF4;">"</span><span style="color:#81A1C1;">></span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">ì½í
ì¸ </span><span style="color:#D8DEE9FF;"> </span><span style="color:#A3BE8C;">ë´ì©</span><span style="color:#ECEFF4;">(</span><span style="color:#88C0D0;">10</span><span style="color:#ECEFF4;">)</span></span>\n<span class="line"><span style="color:#81A1C1;"><</span><span style="color:#D8DEE9FF;">/div</span><span style="color:#81A1C1;">></span></span>\n<span class="line"><span style="color:#81A1C1;"><</span><span style="color:#D8DEE9FF;">/CompBasicTabmenu</span><span style="color:#81A1C1;">></span></span>\n<span class="line"></span></code></pre></div><div class="md-section"><h3><em>1-3. Round Tabmenu</em></h3><ul><li>ì»´í¬ëí¸ì 기본ì ì¼ë¡ <strong>class=âtype-roundâ 를 ì ì©</strong>í´ì¼ í©ëë¤.</li><li>ì ì 컨í
ì¸ ì¼ ê²½ì°ìë <strong>(ê²ì í¸í)ì ìí´ì 컨í
ì¸ ë°ì¤ì v-ifê° ìë v-showë¡ ìì±</strong> ë°ëëë¤.</li></ul></div><br>',6),as={key:0},ls={key:1},ps={key:2},os={key:3},ts={key:4},es={key:5},cs={key:6},Es={key:7},rs={key:8},Fs={key:9},ys=i('<div class="md-section"><h3>Script</h3><pre class="shiki nord" style="background-color:#2e3440ff;" tabindex="0"><code class="language-bash"><span class="line"><span style="color:#88C0D0;">import</span><span style="color:#D8DEE9FF;"> </span><span style="color:#A3BE8C;">CompBasicTabmenu</span><span style="color:#D8DEE9FF;"> </span><span style="color:#A3BE8C;">from</span><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">'</span><span style="color:#A3BE8C;">~/components/common/CompBasicTabmenu.vue</span><span style="color:#ECEFF4;">'</span><span style="color:#81A1C1;">;</span></span>\n<span class="line"></span>\n<span class="line"><span style="color:#88C0D0;">const</span><span style="color:#D8DEE9FF;"> </span><span style="color:#A3BE8C;">tabmenus</span><span style="color:#D8DEE9FF;"> </span><span style="color:#A3BE8C;">=</span><span style="color:#D8DEE9FF;"> </span><span style="color:#A3BE8C;">reactive</span><span style="color:#ECEFF4;">(</span><span style="color:#D8DEE9FF;">
1{</span></span>\n<span class="line"><span style="color:#88C0D0;">tabmenu3:</span><span style="color:#D8DEE9FF;"> [</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">{</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">tabName:</span><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">'</span><span style="color:#A3BE8C;">íë©ë´1</span><span style="color:#ECEFF4;">'</span><span style="color:#A3BE8C;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">status:</span><span style="color:#D8DEE9FF;"> </span><span style="color:#81A1C1;">true</span><span style="color:#A3BE8C;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">}</span><span style="color:#D8DEE9FF;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">{</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">tabName:</span><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">'</span><span style="color:#A3BE8C;">íë©ë´2</span><span style="color:#ECEFF4;">'</span><span style="color:#A3BE8C;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">//</span><span style="color:#D8DEE9FF;"> </span><span style="color:#A3BE8C;">linkUrl:</span><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">'</span><span style="color:#A3BE8C;">/publishing</span><span style="color:#ECEFF4;">'</span><span style="color:#A3BE8C;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">status:</span><span style="color:#D8DEE9FF;"> </span><span style="color:#81A1C1;">false</span><span style="color:#A3BE8C;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">}</span><span style="color:#D8DEE9FF;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">{</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">tabName:</span><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">'</span><span style="color:#A3BE8C;">íë©ë´3</span><span style="color:#ECEFF4;">'</span><span style="color:#A3BE8C;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">disabled:</span><span style="color:#D8DEE9FF;"> </span><span style="color:#81A1C1;">false</span><span style="color:#A3BE8C;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">status:</span><span style="color:#D8DEE9FF;"> </span><span style="color:#81A1C1;">false</span><span style="color:#A3BE8C;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">}</span><span style="color:#D8DEE9FF;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">{</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">tabName:</span><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">'</span><span style="color:#A3BE8C;">íë©ë´4</span><span style="color:#ECEFF4;">'</span><span style="color:#A3BE8C;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">status:</span><span style="color:#D8DEE9FF;"> </span><span style="color:#81A1C1;">false</span><span style="color:#A3BE8C;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">}</span><span style="color:#D8DEE9FF;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">{</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">tabName:</span><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">'</span><span style="color:#A3BE8C;">íë©ë´5</span><span style="color:#ECEFF4;">'</span><span style="color:#A3BE8C;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">status:</span><span style="color:#D8DEE9FF;"> </span><span style="color:#81A1C1;">
1false</span><span style="color:#A3BE8C;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">}</span><span style="color:#D8DEE9FF;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">{</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">tabName:</span><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">'</span><span style="color:#A3BE8C;">íë©ë´6</span><span style="color:#ECEFF4;">'</span><span style="color:#A3BE8C;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">status:</span><span style="color:#D8DEE9FF;"> </span><span style="color:#81A1C1;">false</span><span style="color:#A3BE8C;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">}</span><span style="color:#D8DEE9FF;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">{</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">tabName:</span><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">'</span><span style="color:#A3BE8C;">íë©ë´7</span><span style="color:#ECEFF4;">'</span><span style="color:#A3BE8C;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">disabled:</span><span style="color:#D8DEE9FF;"> </span><span style="color:#81A1C1;">false</span><span style="color:#A3BE8C;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">status:</span><span style="color:#D8DEE9FF;"> </span><span style="color:#81A1C1;">false</span><span style="color:#A3BE8C;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">}</span><span style="color:#D8DEE9FF;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">{</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">tabName:</span><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">'</span><span style="color:#A3BE8C;">íë©ë´8</span><span style="color:#ECEFF4;">'</span><span style="color:#A3BE8C;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">status:</span><span style="color:#D8DEE9FF;"> </span><span style="color:#81A1C1;">false</span><span style="color:#A3BE8C;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">}</span><span style="color:#D8DEE9FF;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">{</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">tabName:</span><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">'</span><span style="color:#A3BE8C;">íë©ë´9</span><span style="color:#ECEFF4;">'</span><span style="color:#A3BE8C;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">status:</span><span style="color:#D8DEE9FF;"> </span><span style="color:#81A1C1;">false</span><span style="color:#A3BE8C;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">}</span><span style="color:#D8DEE9FF;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">{</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">tabName:</span><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">'</span><span style="color:#A3BE8C;">íë©ë´10</span><span style="color:#ECEFF4;">'</span><span style="color:#A3BE8C;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">status:</span><span style="color:#D8DEE9FF;"> </span><span style="color:#81A1C1;">
1false</span><span style="color:#A3BE8C;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">}</span><span style="color:#D8DEE9FF;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;">],</span></span>\n<span class="line"><span style="color:#D8DEE9FF;">});</span></span>\n<span class="line"></span>\n<span class="line"></span></code></pre></div><div class="md-section"> -ì 컨í
ì¸ ì¼ ê²½ì°ìë **(ê²ì í¸í)ì ìí´ì v-ifê° ìë v-showë¡ ìì±** ë°ëëë¤. <h3>Template</h3><pre class="shiki nord" style="background-color:#2e3440ff;" tabindex="0"><code class="language-bash"><span class="line"><span style="color:#81A1C1;"><</span><span style="color:#D8DEE9FF;">CompBasicTabmenu</span></span>\n<span class="line"><span style="color:#D8DEE9;">class</span><span style="color:#81A1C1;">=</span><span style="color:#ECEFF4;">"</span><span style="color:#A3BE8C;">type-round</span><span style="color:#ECEFF4;">"</span></span>\n<span class="line"><span style="color:#88C0D0;">:items</span><span style="color:#D8DEE9FF;">=</span><span style="color:#88C0D0;">"tabmenus.tabmenu3"</span></span>\n<span class="line"><span style="color:#88C0D0;">:n-fixed</span><span style="color:#D8DEE9FF;">=</span><span style="color:#88C0D0;">"{</span></span>\n<span class="line"><span style="color:#88C0D0;"> desktop: 7.5,</span></span>\n<span class="line"><span style="color:#88C0D0;"> mobile: 4,</span></span>\n<span class="line"><span style="color:#88C0D0;">}"</span><span style="color:#88C0D0;">></span></span>\n<span class="line"><span style="color:#81A1C1;"><</span><span style="color:#D8DEE9FF;">div v-if=</span><span style="color:#ECEFF4;">"</span><span style="color:#A3BE8C;">tabmenus.tabmenu3[0].status</span><span style="color:#ECEFF4;">"</span><span style="color:#81A1C1;">></span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">ì½í
ì¸ </span><span style="color:#D8DEE9FF;"> </span><span style="color:#A3BE8C;">ë´ì©</span><span style="color:#ECEFF4;">(</span><span style="color:#88C0D0;">1</span><span style="color:#ECEFF4;">)</span></span>\n<span class="line"><span style="color:#81A1C1;"><</span><span style="color:#D8DEE9FF;">/div</span><span style="color:#81A1C1;">></span></span>\n<span class="line"><span style="color:#81A1C1;"><</span><span style="color:#D8DEE9FF;">div v-if=</span><span style="color:#ECEFF4;">"</span><span style="color:#A3BE8C;">tabmenus.tabmenu3[1].status</span><span style="color:#ECEFF4;">"</span><span style="color:#81A1C1;">></span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">ì½í
ì¸ </span><span style="color:#D8DEE9FF;"> </span><span style="color:#A3BE8C;">ë´ì©</span><span style="color:#ECEFF4;">(</span><span style="color:#88C0D0;">2</span><span style="color:#ECEFF4;">)</span></span>\n<span class="line"><span style="color:#81A1C1;"><</span><span style="color:#D8DEE9FF;">/div</span><span style="color:#81A1C1;">></span></span>\n<span class="line"><span style="color:#81A1C1;"><</span><span style="color:#D8DEE9FF;">div v-if=</span><span style="color:#ECEFF4;">"</span><span style="color:#A3BE8C;">tabmenus.tabmenu3[2].status</span><span style="color:#ECEFF4;">"</span><span style="color:#81A1C1;">></span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">ì½í
ì¸ </span><span style="color:#D8DEE9FF;"> </span><span style="color:#A3BE8C;">ë´ì©</span><span style="color:#ECEFF4;">(</span><span style="color:#88C0D0;">3</span><span style="color:#ECEFF4;">)</span></span>\n<span class="line"><span style="color:#81A1C1;"><</span><span style="color:#D8DEE9FF;">/div</span><span style="color:#81A1C1;">></span></span>\n<span class="line"><span style="color:#81A1C1;"><</span><span style="color:#D8DEE9FF;">div v-if=</span><span style="color:#ECEFF4;">"</span><span style="color:#A3BE8C;">tabmenus.tabmenu3[3].status</span><span style="color:#ECEFF4;">"</span><span style="color:#81A1C1;">></span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">
1ì½í
ì¸ </span><span style="color:#D8DEE9FF;"> </span><span style="color:#A3BE8C;">ë´ì©</span><span style="color:#ECEFF4;">(</span><span style="color:#88C0D0;">4</span><span style="color:#ECEFF4;">)</span></span>\n<span class="line"><span style="color:#81A1C1;"><</span><span style="color:#D8DEE9FF;">/div</span><span style="color:#81A1C1;">></span></span>\n<span class="line"><span style="color:#81A1C1;"><</span><span style="color:#D8DEE9FF;">div v-if=</span><span style="color:#ECEFF4;">"</span><span style="color:#A3BE8C;">tabmenus.tabmenu3[4].status</span><span style="color:#ECEFF4;">"</span><span style="color:#81A1C1;">></span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">ì½í
ì¸ </span><span style="color:#D8DEE9FF;"> </span><span style="color:#A3BE8C;">ë´ì©</span><span style="color:#ECEFF4;">(</span><span style="color:#88C0D0;">5</span><span style="color:#ECEFF4;">)</span></span>\n<span class="line"><span style="color:#81A1C1;"><</span><span style="color:#D8DEE9FF;">/div</span><span style="color:#81A1C1;">></span></span>\n<span class="line"><span style="color:#81A1C1;"><</span><span style="color:#D8DEE9FF;">div v-if=</span><span style="color:#ECEFF4;">"</span><span style="color:#A3BE8C;">tabmenus.tabmenu3[5].status</span><span style="color:#ECEFF4;">"</span><span style="color:#81A1C1;">></span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">ì½í
ì¸ </span><span style="color:#D8DEE9FF;"> </span><span style="color:#A3BE8C;">ë´ì©</span><span style="color:#ECEFF4;">(</span><span style="color:#88C0D0;">6</span><span style="color:#ECEFF4;">)</span></span>\n<span class="line"><span style="color:#81A1C1;"><</span><span style="color:#D8DEE9FF;">/div</span><span style="color:#81A1C1;">></span></span>\n<span class="line"><span style="color:#81A1C1;"><</span><span style="color:#D8DEE9FF;">div v-if=</span><span style="color:#ECEFF4;">"</span><span style="color:#A3BE8C;">tabmenus.tabmenu3[6].status</span><span style="color:#ECEFF4;">"</span><span style="color:#81A1C1;">></span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">ì½í
ì¸ </span><span style="color:#D8DEE9FF;"> </span><span style="color:#A3BE8C;">ë´ì©</span><span style="color:#ECEFF4;">(</span><span style="color:#88C0D0;">7</span><span style="color:#ECEFF4;">)</span></span>\n<span class="line"><span style="color:#81A1C1;"><</span><span style="color:#D8DEE9FF;">/div</span><span style="color:#81A1C1;">></span></span>\n<span class="line"><span style="color:#81A1C1;"><</span><span style="color:#D8DEE9FF;">div v-if=</span><span style="color:#ECEFF4;">"</span><span style="color:#A3BE8C;">tabmenus.tabmenu3[7].status</span><span style="color:#ECEFF4;">"</span><span style="color:#81A1C1;">></span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">ì½í
ì¸ </span><span style="color:#D8DEE9FF;"> </span><span style="color:#A3BE8C;">ë´ì©</span><span style="color:#ECEFF4;">(</span><span style="color:#88C0D0;">8</span><span style="color:#ECEFF4;">)</span></span>\n<span class="line"><span style="color:#81A1C1;"><</span><span style="color:#D8DEE9FF;">/div</span><span style="color:#81A1C1;">></span></span>\n<span class="line"><span style="color:#81A1C1;"><</span><span style="color:#D8DEE9FF;">div v-if=</span><span style="color:#ECEFF4;">"</span><span style="color:#A3BE8C;">tabmenus.tabmenu3[8].status</span><span style="color:#ECEFF4;">"</span><span style="color:#81A1C1;">></span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">ì½í
ì¸ </span><span style="color:#D8DEE9FF;"> </span><span style="color:#A3BE8C;">ë´ì©</span><span style="color:#ECEFF4;">(</span><span style="color:#88C0D0;">9</span><span style="color:#ECEFF4;">)</span></span>\n<span class="line"><span style="color:#81A1C1;"><</span><span style="color:#D8DEE9FF;">/div</span><span style="color:#81A1C1;">></span></span>\n<span class="line"><span style="color:#81A1C1;"><</span><span style="color:#D8DEE9FF;">div v-if=</span><span style="color:#ECEFF4;">"</span><span style="color:#A3BE8C;">tabmenus.tabmenu3[9].status</span><span style="color:#ECEFF4;">"</span><span style="color:#81A1C1;">></span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">
1ì½í
ì¸ </span><span style="color:#D8DEE9FF;"> </span><span style="color:#A3BE8C;">ë´ì©</span><span style="color:#ECEFF4;">(</span><span style="color:#88C0D0;">10</span><span style="color:#ECEFF4;">)</span></span>\n<span class="line"><span style="color:#81A1C1;"><</span><span style="color:#D8DEE9FF;">/div</span><span style="color:#81A1C1;">></span></span>\n<span class="line"><span style="color:#81A1C1;"><</span><span style="color:#D8DEE9FF;">/CompBasicTabmenu</span><span style="color:#81A1C1;">></span></span>\n<span class="line"></span></code></pre></div><p><br><br><br></p><div class="md-section"><p><em>=============================== ìë íë©ë´ ë ì´ì ì¬ì©íì§ ììµëë¤. ====================</em></p></div><br><br><div class="md-section"><h1>Tabmenu</h1><h2><em>Tabmenu Component</em></h2><h3><em>1-1. Basic Tabmenu</em></h3><ul><li><em>noStyle:</em> ì¤íì¼ ì ì¸ ex) < CompTabmenuWrap <strong>noStyle</strong> ></li><li><em>className:</em> íë²í¼ì class ìì±ê° ìì± ex) < CompTabmenu <strong>className=âtab-btn-1â</strong> ></li></ul></div><br>',8),Ds=["innerHTML"],Cs={key:1,class:"no-data"},is=i('<div class="md-section"><h3>Script</h3><pre class="shiki nord" style="background-color:#2e3440ff;" tabindex="0"><code class="language-bash"><span class="line"><span style="color:#88C0D0;">import</span><span style="color:#D8DEE9FF;"> </span><span style="color:#A3BE8C;">CompTabmenu</span><span style="color:#D8DEE9FF;"> </span><span style="color:#A3BE8C;">from</span><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">'</span><span style="color:#A3BE8C;">~/components/common/CompTabmenu.vue</span><span style="color:#ECEFF4;">'</span><span style="color:#81A1C1;">;</span></span>\n<span class="line"><span style="color:#88C0D0;">import</span><span style="color:#D8DEE9FF;"> </span><span style="color:#A3BE8C;">CompTabmenuWrap</span><span style="color:#D8DEE9FF;"> </span><span style="color:#A3BE8C;">from</span><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">'</span><span style="color:#A3BE8C;">~/components/common/CompTabmenuWrap.vue</span><span style="color:#ECEFF4;">'</span><span style="color:#81A1C1;">;</span></span>\n<span class="line"></span>\n<span class="line"><span style="color:#88C0D0;">const</span><span style="color:#D8DEE9FF;"> </span><span style="color:#A3BE8C;">state</span><span style="color:#D8DEE9FF;"> </span><span style="color:#A3BE8C;">=</span><span style="color:#D8DEE9FF;"> </span><span style="color:#A3BE8C;">reactive</span><span style="color:#ECEFF4;">(</span><span style="color:#D8DEE9FF;">{</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">tabmenu01:</span><span style="color:#D8DEE9FF;"> [</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">{</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">idx:</span><span style="color:#D8DEE9FF;"> </span><span style="color:#B48EAD;">1</span><span style="color:#A3BE8C;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">tabTitle:</span><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">'</span><span style="color:#A3BE8C;">íë©ë´ ë²í¼1</span><span style="color:#ECEFF4;">'</span><span style="color:#A3BE8C;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">tabContents:</span><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">'</span><span style="color:#A3BE8C;"><p>íë©ë´ ë´ì© 1</p></span><span style="color:#ECEFF4;">'</span><span style="color:#A3BE8C;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">}</span><span style="color:#D8DEE9FF;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">{</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">idx:</span><span style="color:#D8DEE9FF;"> </span><span style="color:#B48EAD;">2</span><span style="color:#A3BE8C;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">tabTitle:</span><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">'</span><span style="color:#A3BE8C;">íë©ë´ ë²í¼2</span><span style="color:#ECEFF4;">'</span><span style="color:#A3BE8C;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">selected:</span><span style="color:#D8DEE9FF;"> </span><span style="color:#81A1C1;">true</span><span style="color:#A3BE8C;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">tabContents:</span><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">'</span><span style="color:#A3BE8C;"><p>íë©ë´ ë´ì© 2</p></span><span style="color:#ECEFF4;">'</span><span style="color:#A3BE8C;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">}</span><span style="color:#D8DEE9FF;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">{</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">idx:</span><span style="color:#D8DEE9FF;"> </span><span style="color:#B48EAD;">3</span><span style="color:#A3BE8C;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">tabTitle:</span><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">'</span><span style="color:#A3BE8C;">íë©ë´ ë²í¼3</span><span style="color:#ECEFF4;">'</span><span style="color:#A3BE8C;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">disabled:</span><span style="color:#D8DEE9FF;"> </span><span style="color:#81A1C1;">true</span><span style="color:#A3BE8C;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">tabContents:</span><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">'</span><span style="color:#A3BE8C;"><p>íë©ë´ ë´ì© 3</p></span><span style="color:#ECEFF4;">'</span><span style="color:#A3BE8C;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">}</span><span style="color:#D8DEE9FF;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">{</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">idx:</span><span style="color:#D8DEE9FF;"> </span><span style="color:#B48EAD;">4</span><span style="color:#A3BE8C;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">tabTitle:</span><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">'</span><span style="color:#A3BE8C;">íë©ë´ ë²í¼4</span><span style="color:#ECEFF4;">'</span><span style="color:#A3BE8C;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">tabContents:</span><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">'</span><span style="color:#A3BE8C;"><p>íë©ë´ ë´ì© 4</p></span><span style="color:#ECEFF4;">'</span><span style="color:#A3BE8C;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">}</span><span style="color:#D8DEE9FF;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">{</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">idx:</span><span style="color:#D8DEE9FF;"> </span><span style="color:#B48EAD;">5</span><span style="color:#A3BE8C;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">tabTitle:</span><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">'</span><span style="color:#A3BE8C;">íë©ë´ ë²í¼5</span><span style="color:#ECEFF4;">'</span><span style="color:#A3BE8C;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#88C0D0;">tabContents:</span><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">'</span><span style="color:#A3BE8C;"><p>íë©ë´ ë´ì© 5</p></span><span style="color:#ECEFF4;">'</span><span style="color:#A3BE8C;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">}</span><span style="color:#D8DEE9FF;">,</span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> ],</span></span>\n<span class="line"><span style="color:#D8DEE9FF;">});
1</span></span>\n<span class="line"></span>\n<span class="line"></span></code></pre><h3>Template</h3><pre class="shiki nord" style="background-color:#2e3440ff;" tabindex="0"><code class="language-bash"><span class="line"><span style="color:#81A1C1;"><</span><span style="color:#D8DEE9FF;">CompTabmenuWrap</span><span style="color:#81A1C1;">></span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#81A1C1;"><</span><span style="color:#88C0D0;">template</span><span style="color:#D8DEE9FF;"> </span><span style="color:#A3BE8C;">v-for=</span><span style="color:#ECEFF4;">"</span><span style="color:#A3BE8C;">(item, index) in state.tabmenu01</span><span style="color:#ECEFF4;">"</span><span style="color:#D8DEE9FF;"> </span><span style="color:#A3BE8C;">:key=</span><span style="color:#ECEFF4;">"</span><span style="color:#A3BE8C;">index</span><span style="color:#ECEFF4;">"</span><span style="color:#81A1C1;">></span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#81A1C1;"><</span><span style="color:#88C0D0;">CompTabmenu</span><span style="color:#D8DEE9FF;"> </span><span style="color:#A3BE8C;">:selected=</span><span style="color:#ECEFF4;">"</span><span style="color:#A3BE8C;">item.selected</span><span style="color:#ECEFF4;">"</span><span style="color:#D8DEE9FF;"> </span><span style="color:#A3BE8C;">:disabled=</span><span style="color:#ECEFF4;">"</span><span style="color:#A3BE8C;">item.disabled</span><span style="color:#ECEFF4;">"</span><span style="color:#D8DEE9FF;"> </span><span style="color:#A3BE8C;">:tab-btn-title=</span><span style="color:#ECEFF4;">"</span><span style="color:#A3BE8C;">item.tabTitle</span><span style="color:#ECEFF4;">"</span><span style="color:#81A1C1;">></span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#81A1C1;"><</span><span style="color:#88C0D0;">template</span><span style="color:#D8DEE9FF;"> </span><span style="color:#616E88;">#tabmenu-container></span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#81A1C1;"><</span><span style="color:#88C0D0;">div</span><span style="color:#D8DEE9FF;"> </span><span style="color:#A3BE8C;">v-html=</span><span style="color:#ECEFF4;">"</span><span style="color:#A3BE8C;">item.tabContents</span><span style="color:#ECEFF4;">"</span><span style="color:#D8DEE9FF;"> /</span><span style="color:#81A1C1;">></span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#81A1C1;"><</span><span style="color:#88C0D0;">/template></span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#81A1C1;"><</span><span style="color:#88C0D0;">/CompTabmenu></span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#81A1C1;"><</span><span style="color:#88C0D0;">/template></span></span>\n<span class="line"><span style="color:#81A1C1;"><</span><span style="color:#D8DEE9FF;">/CompTabmenuWrap</span><span style="color:#81A1C1;">></span></span>\n<span class="line"></span></code></pre></div><p><br><br></p><div class="md-section"><h3><em>1-2 None Data Type Tabmenu</em></h3></div><br>',4),us=e("div",null,[e("h1",null,"íë©ë´ ì 목1"),e("p",null,"컨í
ì¸ 1")],-1),As=e("div",null,[e("h1",null,"íë©ë´ ì 목2"),e("p",null,"컨í
ì¸ 2")],-1),ms=i('<p><br><br></p><div class="md-section"><h3>Script</h3><pre class="shiki nord" style="background-color:#2e3440ff;" tabindex="0"><code class="language-bash"><span class="line"><span style="color:#88C0D0;">import</span><span style="color:#D8DEE9FF;"> </span><span style="color:#A3BE8C;">CompTabmenu</span><span style="color:#D8DEE9FF;"> </span><span style="color:#A3BE8C;">from</span><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">'</span><span style="color:#A3BE8C;">~/components/common/CompTabmenu.vue</span><span style="color:#ECEFF4;">'</span><span style="color:#81A1C1;">;</span></span>\n<span class="line"><span style="color:#88C0D0;">
1import</span><span style="color:#D8DEE9FF;"> </span><span style="color:#A3BE8C;">CompTabmenuWrap</span><span style="color:#D8DEE9FF;"> </span><span style="color:#A3BE8C;">from</span><span style="color:#D8DEE9FF;"> </span><span style="color:#ECEFF4;">'</span><span style="color:#A3BE8C;">~/components/common/CompTabmenuWrap.vue</span><span style="color:#ECEFF4;">'</span><span style="color:#81A1C1;">;</span></span>\n<span class="line"></span></code></pre><h3>Template</h3><pre class="shiki nord" style="background-color:#2e3440ff;" tabindex="0"><code class="language-bash"><span class="line"><span style="color:#81A1C1;"><</span><span style="color:#D8DEE9FF;">CompTabmenuWrap</span><span style="color:#81A1C1;">></span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#81A1C1;"><</span><span style="color:#88C0D0;">CompTabmenu</span><span style="color:#D8DEE9FF;"> </span><span style="color:#A3BE8C;">tab-btn-title=</span><span style="color:#ECEFF4;">"</span><span style="color:#A3BE8C;">íì´í1</span><span style="color:#ECEFF4;">"</span><span style="color:#81A1C1;">></span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#81A1C1;"><</span><span style="color:#88C0D0;">template</span><span style="color:#D8DEE9FF;"> </span><span style="color:#616E88;">#tabmenu-container></span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#81A1C1;"><</span><span style="color:#88C0D0;">div></span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#81A1C1;"><</span><span style="color:#88C0D0;">h1>íë©ë´</span><span style="color:#D8DEE9FF;"> </span><span style="color:#A3BE8C;">ì 목1</span><span style="color:#81A1C1;"><</span><span style="color:#A3BE8C;">/h</span><span style="color:#81A1C1;">1></span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#81A1C1;"><</span><span style="color:#88C0D0;">p>컨í
ì¸ </span><span style="color:#D8DEE9FF;"> </span><span style="color:#B48EAD;">1</span><span style="color:#81A1C1;"><</span><span style="color:#A3BE8C;">/</span><span style="color:#D8DEE9FF;">p</span><span style="color:#81A1C1;">></span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#81A1C1;"><</span><span style="color:#88C0D0;">/div></span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#81A1C1;"><</span><span style="color:#88C0D0;">/template></span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#81A1C1;"><</span><span style="color:#88C0D0;">/CompTabmenu></span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#81A1C1;"><</span><span style="color:#88C0D0;">CompTabmenu</span><span style="color:#D8DEE9FF;"> </span><span style="color:#A3BE8C;">:selected=</span><span style="color:#ECEFF4;">"</span><span style="color:#A3BE8C;">true</span><span style="color:#ECEFF4;">"</span><span style="color:#D8DEE9FF;"> </span><span style="color:#A3BE8C;">tab-btn-title=</span><span style="color:#ECEFF4;">"</span><span style="color:#A3BE8C;">íì´í2</span><span style="color:#ECEFF4;">"</span><span style="color:#81A1C1;">></span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#81A1C1;"><</span><span style="color:#88C0D0;">template</span><span style="color:#D8DEE9FF;"> </span><span style="color:#616E88;">#tabmenu-container></span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#81A1C1;"><</span><span style="color:#88C0D0;">div></span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#81A1C1;"><</span><span style="color:#88C0D0;">h1>íë©ë´</span><span style="color:#D8DEE9FF;"> </span><span style="color:#A3BE8C;">ì 목2</span><span style="color:#81A1C1;"><</span><span style="color:#A3BE8C;">/h</span><span style="color:#81A1C1;">1></span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#81A1C1;"><</span><span style="color:#88C0D0;">p>
1컨í
ì¸ </span><span style="color:#D8DEE9FF;"> </span><span style="color:#B48EAD;">2</span><span style="color:#81A1C1;"><</span><span style="color:#A3BE8C;">/</span><span style="color:#D8DEE9FF;">p</span><span style="color:#81A1C1;">></span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#81A1C1;"><</span><span style="color:#88C0D0;">/div></span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#81A1C1;"><</span><span style="color:#88C0D0;">/template></span></span>\n<span class="line"><span style="color:#D8DEE9FF;"> </span><span style="color:#81A1C1;"><</span><span style="color:#88C0D0;">/CompTabmenu></span></span>\n<span class="line"><span style="color:#81A1C1;"><</span><span style="color:#D8DEE9FF;">/CompTabmenuWrap</span><span style="color:#81A1C1;">></span></span>\n<span class="line"></span></code></pre></div><p><br><br></p>',3),bs={__name:"md1",setup(C,{expose:i}){i({frontmatter:{}});const u=l({tabmenu1:[{tabName:"íë©ë´1",status:!0},{tabName:"íë©ë´2",status:!1},{tabName:"íë©ë´3",disabled:!1,status:!1},{tabName:"íë©ë´4",status:!1},{tabName:"íë©ë´5",status:!1},{tabName:"íë©ë´6",status:!1},{tabName:"íë©ë´7",disabled:!1,status:!1},{tabName:"íë©ë´8",status:!1},{tabName:"íë©ë´9",status:!1},{tabName:"íë©ë´10",status:!1}],tabItems_1:["íë©ë´ ë´ì© (1)","íë©ë´ ë´ì© (2)","íë©ë´ ë´ì© (3)","íë©ë´ ë´ì© (4)","íë©ë´ ë´ì© (5)","íë©ë´ ë´ì© (6)","íë©ë´ ë´ì© (7)","íë©ë´ ë´ì© (8)","íë©ë´ ë´ì© (9)","íë©ë´ ë´ì© (10)"],tabmenu2:[{tabName:"íë©ë´1",status:!0},{tabName:"íë©ë´2",status:!1},{tabName:"íë©ë´3",disabled:!1,status:!1},{tabName:"íë©ë´4",status:!1},{tabName:"íë©ë´5",status:!1},{tabName:"íë©ë´6",status:!1},{tabName:"íë©ë´7",disabled:!1,status:!1},{tabName:"íë©ë´8",status:!1},{tabName:"íë©ë´9",status:!1},{tabName:"íë©ë´10",status:!1}],tabmenu3:[{tabName:"íë©ë´1",status:!0},{tabName:"íë©ë´2",status:!1},{tabName:"íë©ë´3",disabled:!1,status:!1},{tabName:"íë©ë´4",status:!1},{tabName:"íë©ë´5",status:!1},{tabName:"íë©ë´6",status:!1},{tabName:"íë©ë´7",disabled:!1,status:!1},{tabName:"íë©ë´8",status:!1},{tabName:"íë©ë´9",status:!1},{tabName:"íë©ë´10",status:!1}]}),A=l({tabmenu01:[{idx:1,tabTitle:"íë©ë´ ë²í¼1",tabContents:"<p>íë©ë´ ë´ì© 1</p>"},{idx:2,tabTitle:"íë©ë´ ë²í¼2",selected:!0,tabContents:"<p>íë©ë´ ë´ì© 2</p>"},{idx:3,tabTitle:"íë©ë´ ë²í¼3",disabled:!0,tabContents:"<p>íë©ë´ ë´ì© 3</p>"},{idx:4,tabTitle:"íë©ë´ ë²í¼4",tabContents:"<p>íë©ë´ ë´ì© 4</p>"},{idx:5,tabTitle:"íë©ë´ ë²í¼5",tabContents:"<p>íë©ë´ ë´ì© 5</p>"}]});return(l,C)=>{const i=p("router-link");
1return o(),t("div",d,[e("div",B,[v,g,f,e("ul",null,[q,h,N,k,T,e("li",null,[x,_,c(i,{to:"/publishing/guide/tabmenu-1",target:"_blank"},{default:E((()=>[W])),_:1})])])]),S,c(s,{class:"type-basic",items:u.tabmenu1,"n-split":{desktop:10,mobile:4}},{default:E((()=>[u.tabmenu1[0].status?(o(),t("div",M," ì½í
ì¸ ë´ì©(1) ")):r("",!0),u.tabmenu1[1].status?(o(),t("div",j," ì½í
ì¸ ë´ì©(2) ")):r("",!0),u.tabmenu1[2].status?(o(),t("div",w," ì½í
ì¸ ë´ì©(3) ")):r("",!0),u.tabmenu1[3].status?(o(),t("div",I," ì½í
ì¸ ë´ì©(4) ")):r("",!0),u.tabmenu1[4].status?(o(),t("div",O," ì½í
ì¸ ë´ì©(5) ")):r("",!0),u.tabmenu1[5].status?(o(),t("div",P," ì½í
ì¸ ë´ì©(6) ")):r("",!0),u.tabmenu1[6].status?(o(),t("div",H," ì½í
ì¸ ë´ì©(7) ")):r("",!0),u.tabmenu1[7].status?(o(),t("div",U," ì½í
ì¸ ë´ì©(8) ")):r("",!0),u.tabmenu1[8].status?(o(),t("div",L," ì½í
ì¸ ë´ì©(9) ")):r("",!0),u.tabmenu1[9].status?(o(),t("div",G," ì½í
ì¸ ë´ì©(10) ")):r("",!0)])),_:1},8,["items"]),R,c(s,{class:"type-basic",items:u.tabmenu2,"n-fixed":{desktop:5.5,mobile:3.5}},{default:E((()=>[u.tabmenu2[0].status?(o(),t("div",z," ì½í
ì¸ ë´ì©(1) ")):r("",!0),u.tabmenu2[1].status?(o(),t("div",J," ì½í
ì¸ ë´ì©(2) ")):r("",!0),u.tabmenu2[2].status?(o(),t("div",K," ì½í
ì¸ ë´ì©(3) ")):r("",!0),u.tabmenu2[3].status?(o(),t("div",Q," ì½í
ì¸ ë´ì©(4) ")):r("",!0),u.tabmenu2[4].status?(o(),t("div",V," ì½í
ì¸ ë´ì©(5) ")):r("",!0),u.tabmenu2[5].status?(o(),t("div",X," ì½í
ì¸ ë´ì©(6) ")):r("",!0),u.tabmenu2[6].status?(o(),t("div",Y," ì½í
ì¸ ë´ì©(7) ")):r("",!0),u.tabmenu2[7].status?(o(),t("div",Z," ì½í
ì¸ ë´ì©(8) ")):r("",!0),u.tabmenu2[8].status?(o(),t("div",$," ì½í
ì¸ ë´ì©(9) ")):r("",!0),u.tabmenu2[9].status?(o(),t("div",ss," ì½í
ì¸ ë´ì©(10) ")):r("",!0)])),_:1},8,["items"]),ns,c(s,{class:"type-round",items:u.tabmenu3,"n-fixed":{desktop:7.5,mobile:4}},{default:E((()=>[u.tabmenu3[0].status?(o(),t("div",as," ì½í
ì¸ ë´ì©(1) ")):r("",!0),u.tabmenu3[1].status?(o(),t("div",ls," ì½í
ì¸ ë´ì©(2) ")):r("",!0),u.tabmenu3[2].status?(o(),t("div",ps," ì½í
ì¸ ë´ì©(3) ")):r("",!0),u.tabmenu3[3].status?(o(),t("div",os," ì½í
ì¸ ë´ì©(4) ")):r("",!0),u.tabmenu3[4].status?(o(),t("div",ts," ì½í
ì¸ ë´ì©(5) ")):r("",!0),u.tabmenu3[5].status?(o(),t("div",es," ì½í
ì¸ ë´ì©(6) ")):r("",!0),u.tabmenu3[6].status?(o(),t("div",cs," ì½í
ì¸ ë´ì©(7) ")):r("",!0),u.tabmenu3[7].status?(o(),t("div",Es," ì½í
ì¸ ë´ì©(8) ")):r("",!0),u.tabmenu3[8].status?(o(),t("div",rs," ì½í
ì¸ ë´ì©(9) ")):r("",!0),u.tabmenu3[9].status?(o(),t("div",Fs," ì½í
ì¸ ë´ì©(10) ")):r("",!0)])),_:1},8,["items"]),ys,c(a,null,{default:E((()=>[(o(!0),t(F,null,y(A.tabmenu01,((s,a)=>(o(),D(n,{key:a,selected:s.selected,disabled:s.disabled,"tab-btn-title":s.tabTitle,className:s.className},{"tabmenu-container":E((()=>[s.tabContents?(o(),t("div",{key:0,innerHTML:s.tabContents},null,8,Ds)):(o(),t("div",Cs,"ë±ë¡ë ê¸ì´ ììµëë¤"))])),_:2},1032,["selected","disabled","tab-btn-title","className"])))),128))])),_:1}),is,c(a,null,{default:E((()=>[c(n,{"tab-btn-title":"íì´í1"},{"tabmenu-container":E((()=>[us])),_:1}),c(n,{selected:!0,"tab-btn-title":"íì´í2"},{"tabmenu-container":E((()=>[As])),_:1})])),_:1}),ms])}}},ds=(s=>(m("data-v-8d8710b5"),s=s(),b(),s))((()=>e("h1",{class:"container-title"},"Tabmenu Guide",-1))),Bs=u({__name:"tabmenu",setup:s=>(s,n)=>(o(),t("div",null,[ds,c(A(bs))]))},[["__scopeId","data-v-8d8710b5"]]);export{Bs as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.