[{"data":1,"prerenderedAt":703},["ShallowReactive",2],{"navigation_docs_es":3,"-es-getting-started-ai-skill":360,"-es-getting-started-ai-skill-surround":698},[4,55],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":6},"Primeros Pasos",false,"/es/getting-started","es/1.getting-started",[10,15,20,25,30,35,40,45,50],{"title":11,"path":12,"stem":13,"icon":14},"Introducción","/es/getting-started/introduction","es/1.getting-started/2.introduction","i-lucide-house",{"title":16,"path":17,"stem":18,"icon":19},"Instalación","/es/getting-started/installation","es/1.getting-started/3.installation","i-lucide-download",{"title":21,"path":22,"stem":23,"icon":24},"Skill de IA","/es/getting-started/ai-skill","es/1.getting-started/4.ai-skill","i-lucide-bot",{"title":26,"path":27,"stem":28,"icon":29},"Estructura del proyecto","/es/getting-started/project-structure","es/1.getting-started/5.project-structure","i-lucide-folder-tree",{"title":31,"path":32,"stem":33,"icon":34},"Componentes","/es/getting-started/components","es/1.getting-started/6.components","i-lucide-layout-grid",{"title":36,"path":37,"stem":38,"icon":39},"Configuración i18n","/es/getting-started/i18n","es/1.getting-started/7.i18n","i-lucide-globe",{"title":41,"path":42,"stem":43,"icon":44},"Migración","/es/getting-started/migration","es/1.getting-started/8.migration","i-lucide-replace",{"title":46,"path":47,"stem":48,"icon":49},"Solución de problemas","/es/getting-started/troubleshooting","es/1.getting-started/9.troubleshooting","i-lucide-wrench",{"title":51,"path":52,"stem":53,"icon":54},"Roadmap","/es/getting-started/roadmap","es/1.getting-started/99.roadmap","i-lucide-map",{"title":31,"icon":6,"path":56,"stem":57,"children":58,"page":6},"/es/components","es/2.components",[59,119,153,213,258,310,340],{"title":60,"icon":6,"path":61,"stem":62,"children":63,"page":6},"Entrada de datos","/es/components/data-input","es/2.components/1.data-input",[64,69,74,79,84,89,94,99,104,109,114],{"title":65,"path":66,"stem":67,"icon":68},"Input","/es/components/data-input/input","es/2.components/1.data-input/1.input","i-lucide-text-cursor-input",{"title":70,"path":71,"stem":72,"icon":73},"Combobox","/es/components/data-input/combobox","es/2.components/1.data-input/10.combobox","i-lucide-search",{"title":75,"path":76,"stem":77,"icon":78},"Select","/es/components/data-input/select","es/2.components/1.data-input/11.select","i-lucide-chevrons-up-down",{"title":80,"path":81,"stem":82,"icon":83},"InputAmount","/es/components/data-input/input-amount","es/2.components/1.data-input/2.input-amount","i-lucide-dollar-sign",{"title":85,"path":86,"stem":87,"icon":88},"InputDate","/es/components/data-input/input-date","es/2.components/1.data-input/3.input-date","i-lucide-calendar",{"title":90,"path":91,"stem":92,"icon":93},"InputIncrement","/es/components/data-input/input-increment","es/2.components/1.data-input/4.input-increment","i-mdi-plus-minus",{"title":95,"path":96,"stem":97,"icon":98},"InputMask","/es/components/data-input/input-mask","es/2.components/1.data-input/5.input-mask","i-lucide-key-round",{"title":100,"path":101,"stem":102,"icon":103},"InputOtp","/es/components/data-input/input-otp","es/2.components/1.data-input/6.input-otp","i-lucide-shield-check",{"title":105,"path":106,"stem":107,"icon":108},"InputPassword","/es/components/data-input/input-password","es/2.components/1.data-input/7.input-password","i-lucide-lock",{"title":110,"path":111,"stem":112,"icon":113},"InputTag","/es/components/data-input/input-tag","es/2.components/1.data-input/8.input-tag","i-lucide-tag",{"title":115,"path":116,"stem":117,"icon":118},"Textarea","/es/components/data-input/textarea","es/2.components/1.data-input/9.textarea","i-lucide-text-select",{"title":120,"icon":6,"path":121,"stem":122,"children":123,"page":6},"Selectores","/es/components/selectors","es/2.components/2.selectors",[124,129,134,138,143,148],{"title":125,"path":126,"stem":127,"icon":128},"Checkbox","/es/components/selectors/checkbox","es/2.components/2.selectors/1.checkbox","i-lucide-check-square",{"title":130,"path":131,"stem":132,"icon":133},"Radio","/es/components/selectors/radio","es/2.components/2.selectors/2.radio","i-lucide-circle-dot",{"title":135,"path":136,"stem":137,"icon":133},"Radio Group","/es/components/selectors/radio-group","es/2.components/2.selectors/3.radio-group",{"title":139,"path":140,"stem":141,"icon":142},"Switch","/es/components/selectors/switch","es/2.components/2.selectors/4.switch","i-lucide-toggle-right",{"title":144,"path":145,"stem":146,"icon":147},"Selector","/es/components/selectors/selector","es/2.components/2.selectors/5.selector","i-lucide-pointer",{"title":149,"path":150,"stem":151,"icon":152},"Multi Selector","/es/components/selectors/multi-selector","es/2.components/2.selectors/6.multi-selector","i-lucide-list-checks",{"title":154,"icon":6,"path":155,"stem":156,"children":157,"page":6},"Visualización","/es/components/display","es/2.components/3.display",[158,163,168,173,178,183,188,193,198,203,208],{"title":159,"path":160,"stem":161,"icon":162},"Alert","/es/components/display/alert","es/2.components/3.display/1.alert","i-lucide-alert-circle",{"title":164,"path":165,"stem":166,"icon":167},"Skeleton","/es/components/display/skeleton","es/2.components/3.display/10.skeleton","i-lucide-loader-circle",{"title":169,"path":170,"stem":171,"icon":172},"Placetopay Logo","/es/components/display/placetopay-logo","es/2.components/3.display/12.placetopay-logo","i-lucide-image",{"title":174,"path":175,"stem":176,"icon":177},"Avatar","/es/components/display/avatar","es/2.components/3.display/2.avatar","i-lucide-user-circle",{"title":179,"path":180,"stem":181,"icon":182},"Badge","/es/components/display/badge","es/2.components/3.display/3.badge","i-lucide-badge",{"title":184,"path":185,"stem":186,"icon":187},"Card","/es/components/display/card","es/2.components/3.display/4.card","i-lucide-square",{"title":189,"path":190,"stem":191,"icon":192},"Card Brand","/es/components/display/card-brand","es/2.components/3.display/5.card-brand","i-lucide-credit-card",{"title":194,"path":195,"stem":196,"icon":197},"Caption","/es/components/display/caption","es/2.components/3.display/6.caption","i-lucide-type",{"title":199,"path":200,"stem":201,"icon":202},"Link","/es/components/display/link","es/2.components/3.display/7.link","i-lucide-link",{"title":204,"path":205,"stem":206,"icon":207},"Toast","/es/components/display/toast","es/2.components/3.display/8.toast","i-lucide-bell-ring",{"title":209,"path":210,"stem":211,"icon":212},"Breadcrumbs","/es/components/display/breadcrumbs","es/2.components/3.display/9.breadcrumbs","i-lucide-navigation",{"title":214,"icon":6,"path":215,"stem":216,"children":217,"page":6},"Modales y Overlays","/es/components/modals","es/2.components/4.modals",[218,223,228,233,238,243,248,253],{"title":219,"path":220,"stem":221,"icon":222},"Modal","/es/components/modals/modal","es/2.components/4.modals/1.modal","i-lucide-square-dashed",{"title":224,"path":225,"stem":226,"icon":227},"Modal Card","/es/components/modals/modal-card","es/2.components/4.modals/2.modal-card","i-lucide-panel-top",{"title":229,"path":230,"stem":231,"icon":232},"Modal Confirm","/es/components/modals/modal-confirm","es/2.components/4.modals/3.modal-confirm","i-lucide-check-circle-2",{"title":234,"path":235,"stem":236,"icon":237},"Modal Left","/es/components/modals/modal-left","es/2.components/4.modals/4.modal-left","i-lucide-panel-left",{"title":239,"path":240,"stem":241,"icon":242},"Modal Side","/es/components/modals/modal-side","es/2.components/4.modals/5.modal-side","i-lucide-panel-right",{"title":244,"path":245,"stem":246,"icon":247},"Popover","/es/components/modals/popover","es/2.components/4.modals/6.popover","i-lucide-message-circle",{"title":249,"path":250,"stem":251,"icon":252},"Tooltip","/es/components/modals/tooltip","es/2.components/4.modals/7.tooltip","i-lucide-info",{"title":254,"path":255,"stem":256,"icon":257},"Dropdown","/es/components/modals/dropdown","es/2.components/4.modals/8.dropdown","i-lucide-chevron-down-circle",{"title":259,"icon":6,"path":260,"stem":261,"children":262,"page":6},"Estructura y Layout","/es/components/structure","es/2.components/5.structure",[263,267,272,276,281,286,290,295,300,305],{"title":264,"path":265,"stem":266,"icon":78},"Accordion","/es/components/structure/accordion","es/2.components/5.structure/1.accordion",{"title":268,"path":269,"stem":270,"icon":271},"ButtonGroup","/es/components/structure/button-group","es/2.components/5.structure/10.button-group","i-lucide-group",{"title":273,"path":274,"stem":275,"icon":237},"Sidebar","/es/components/structure/sidebar","es/2.components/5.structure/2.sidebar",{"title":277,"path":278,"stem":279,"icon":280},"Tab","/es/components/structure/tab","es/2.components/5.structure/3.tab","i-lucide-notebook-tabs",{"title":282,"path":283,"stem":284,"icon":285},"Table","/es/components/structure/table","es/2.components/5.structure/4.table","i-lucide-table",{"title":287,"path":288,"stem":289,"icon":285},"DTable","/es/components/structure/dtable","es/2.components/5.structure/5.dtable",{"title":291,"path":292,"stem":293,"icon":294},"TemplateHeaderTable","/es/components/structure/template-header-table","es/2.components/5.structure/6.template-header-table","i-lucide-table-properties",{"title":296,"path":297,"stem":298,"icon":299},"Steps","/es/components/structure/steps","es/2.components/5.structure/7.steps","i-lucide-footprints",{"title":301,"path":302,"stem":303,"icon":304},"Paginator","/es/components/structure/paginator","es/2.components/5.structure/8.paginator","i-lucide-ellipsis",{"title":306,"path":307,"stem":308,"icon":309},"StackedList","/es/components/structure/stacked-list","es/2.components/5.structure/9.stacked-list","i-lucide-list",{"title":311,"icon":6,"path":312,"stem":313,"children":314,"page":6},"Utilidades","/es/components/utilities","es/2.components/6.utilities",[315,320,325,330,335],{"title":316,"path":317,"stem":318,"icon":319},"Button","/es/components/utilities/button","es/2.components/6.utilities/1.button","i-lucide-mouse-pointer-click",{"title":321,"path":322,"stem":323,"icon":324},"Label","/es/components/utilities/label","es/2.components/6.utilities/2.label","i-lucide-signpost",{"title":326,"path":327,"stem":328,"icon":329},"Filter","/es/components/utilities/filter","es/2.components/6.utilities/3.filter","i-lucide-filter",{"title":331,"path":332,"stem":333,"icon":334},"ColorSwitch","/es/components/utilities/color-switch","es/2.components/6.utilities/5.color-switch","i-lucide-sun-moon",{"title":336,"path":337,"stem":338,"icon":339},"Copy","/es/components/utilities/copy","es/2.components/6.utilities/6.copy","i-lucide-copy",{"title":341,"path":342,"stem":343,"children":344,"page":6},"Typography","/es/components/typography","es/2.components/7.typography",[345,350,355],{"title":346,"path":347,"stem":348,"icon":349},"Page Title","/es/components/typography/page-title","es/2.components/7.typography/1.page-title","i-lucide-heading",{"title":351,"path":352,"stem":353,"icon":354},"Section Title","/es/components/typography/section-title","es/2.components/7.typography/2.section-title","i-lucide-heading-1",{"title":356,"path":357,"stem":358,"icon":359},"Section Description","/es/components/typography/section-description","es/2.components/7.typography/3.section-description","i-lucide-heading-2",{"id":361,"title":21,"body":362,"description":689,"extension":690,"links":691,"meta":692,"navigation":693,"path":22,"seo":694,"stem":23,"__hash__":697},"docs_es/es/1.getting-started/4.ai-skill.md",{"type":363,"value":364,"toc":682},"minimark",[365,374,378,381,416,420,458,462,465,543,547,670,678],[366,367,368,369,373],"p",{},"La ",[370,371,372],"strong",{},"skill de Spartan Vue"," le da a tu asistente de IA un conocimiento completo de los 68 componentes de la librería: qué hace cada uno, qué props acepta, qué variantes tiene, cómo personalizarlo y cómo combinarlos para construir interfaces completas.",[375,376,16],"h2",{"id":377},"instalación",[366,379,380],{},"Ejecuta el siguiente comando desde la raíz de tu proyecto:",[382,383,388],"pre",{"className":384,"code":385,"language":386,"meta":387,"style":387},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","npx skills add placetopay-org/spartan-vue --skill spartan-vue\n","bash","",[389,390,391],"code",{"__ignoreMap":387},[392,393,396,400,404,407,410,413],"span",{"class":394,"line":395},"line",1,[392,397,399],{"class":398},"sBMFI","npx",[392,401,403],{"class":402},"sfazB"," skills",[392,405,406],{"class":402}," add",[392,408,409],{"class":402}," placetopay-org/spartan-vue",[392,411,412],{"class":402}," --skill",[392,414,415],{"class":402}," spartan-vue\n",[375,417,419],{"id":418},"qué-puede-hacer-el-asistente-con-la-skill","¿Qué puede hacer el asistente con la skill?",[421,422,423,428,437,450],"card-group",{},[424,425,427],"card",{"icon":34,"title":426},"Conoce los 68 componentes","Catálogo completo con las props, slots, eventos y variantes de cada componente. Puede sugerirte el componente correcto para tu caso de uso.",[424,429,432,433,436],{"icon":430,"title":431},"i-lucide-paintbrush","Personalización con Passthrough","Sabe qué keys de ",[389,434,435],{},"usePassthrough()"," acepta cada componente y cómo usarlos para personalizar elementos internos con las 3 formas de sintaxis.",[424,438,441,442,445,446,449],{"icon":439,"title":440},"i-lucide-palette","Temas y colores","Conoce las variables CSS del tema (",[389,443,444],{},"--color-spartan-primary-*","), cómo overridear la paleta con ",[389,447,448],{},"@theme",", las utilities de focus ring y la exclusión de la fuente Inter.",[424,451,453,454,457],{"icon":39,"title":452},"Internacionalización","Guía completa de configuración de ",[389,455,456],{},"vue-i18n",", helpers de mezcla de traducciones, los 5 idiomas soportados y qué componentes usan textos internos.",[375,459,461],{"id":460},"ejemplos-de-tareas","Ejemplos de tareas",[366,463,464],{},"Con la skill instalada, puedes pedirle al asistente cosas como:",[466,467,468,490,496,513,526,532],"ul",{},[469,470,471,474,475,478,479,478,482,485,486,489],"li",{},[370,472,473],{},"\"Necesito un formulario de login\""," — Combina ",[389,476,477],{},"SInput",", ",[389,480,481],{},"SInputPassword",[389,483,484],{},"SButton"," y ",[389,487,488],{},"SCheckbox"," con las props correctas.",[469,491,492,495],{},[370,493,494],{},"\"Muéstrame todas las variantes de SAlert\""," — Genera código con las 7 paletas de color y 4 estilos (solid, outline, soft, subtle).",[469,497,498,501,502,505,506,485,509,512],{},[370,499,500],{},"\"Quiero una tabla de datos con paginación\""," — Usa ",[389,503,504],{},"SDTable"," con la configuración de ",[389,507,508],{},"@tanstack/vue-table",[389,510,511],{},"SPaginator",".",[469,514,515,518,519,485,522,525],{},[370,516,517],{},"\"Cómo personalizo el header del SCard?\""," — Explica el uso de ",[389,520,521],{},"pt:title",[389,523,524],{},"pt:description"," con la sintaxis de passthrough.",[469,527,528,531],{},[370,529,530],{},"\"Configura vue-i18n para que los componentes se muestren en español\""," — Setup completo con locales y helpers.",[469,533,534,537,538,540,541,512],{},[370,535,536],{},"\"Cambia el color primario de toda la librería a azul\""," — Overridea con ",[389,539,448],{}," las 10 variables de ",[389,542,444],{},[375,544,546],{"id":545},"qué-conoce-la-skill","¿Qué conoce la skill?",[548,549,550,563],"table",{},[551,552,553],"thead",{},[554,555,556,560],"tr",{},[557,558,559],"th",{},"Área",[557,561,562],{},"Detalle",[564,565,566,577,587,604,617,630,647,656],"tbody",{},[554,567,568,574],{},[569,570,571],"td",{},[370,572,573],{},"API de componentes",[569,575,576],{},"Props, emits, slots y sub-componentes de los 68 componentes",[554,578,579,584],{},[569,580,581],{},[370,582,583],{},"Categorías",[569,585,586],{},"Data input, selectors, display, modals, structure, utilities, typography",[554,588,589,594],{},[569,590,591],{},[370,592,593],{},"Block variants",[569,595,596,597,478,600,603],{},"Wrappers como ",[389,598,599],{},"SInputBlock",[389,601,602],{},"SSelectBlock"," que agregan label, ayuda y error",[554,605,606,611],{},[569,607,608],{},[370,609,610],{},"Passthrough",[569,612,613,614,616],{},"Keys de ",[389,615,435],{}," por componente (16 componentes soportados)",[554,618,619,624],{},[569,620,621],{},[370,622,623],{},"Temas",[569,625,626,627,629],{},"Variables CSS ",[389,628,444],{},", utilities de outline/ring, exclusión de Inter",[554,631,632,637],{},[569,633,634],{},[370,635,636],{},"i18n",[569,638,639,640,642,643,646],{},"Setup de ",[389,641,456],{},", helpers de mezcla, 5 idiomas, keys ",[389,644,645],{},"$spartan.*"," por componente",[554,648,649,653],{},[569,650,651],{},[370,652,16],{},[569,654,655],{},"Setup completo: npm install, TailwindCSS v4, imports, troubleshooting",[554,657,658,663],{},[569,659,660],{},[370,661,662],{},"Patrones",[569,664,665,666,669],{},"v-model, prop ",[389,667,668],{},"as"," polimórfico, estados de formulario, dark mode, iconos",[671,672,673,674,677],"prose-tip",{},"La skill funciona mejor dentro de proyectos que usan ",[389,675,676],{},"@placetopay/spartan-vue",". Proporciona contexto automáticamente para que el asistente genere código que sigue las convenciones de la librería.",[679,680,681],"style",{},"html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":387,"searchDepth":683,"depth":683,"links":684},2,[685,686,687,688],{"id":377,"depth":683,"text":16},{"id":418,"depth":683,"text":419},{"id":460,"depth":683,"text":461},{"id":545,"depth":683,"text":546},"Instala la skill de Spartan Vue para que tu asistente de IA conozca los 68 componentes y te ayude a usarlos.","md",null,{},{"icon":24},{"title":695,"description":696},"Skill de IA para Spartan Vue","Instala la skill de Spartan Vue para que tu asistente de IA conozca todos los componentes, sus props, variantes, slots y patrones de uso.","xw-eT7v_4zV4T51UOV_uXMg0hblZISgOhXB_SUWzwRA",[699,701],{"title":16,"path":17,"stem":18,"description":700,"icon":19,"children":-1},"Instala y configura Spartan en tu proyecto.",{"title":26,"path":27,"stem":28,"description":702,"icon":29,"children":-1},"Entiende cómo se integra Spartan en la estructura de tu proyecto.",1775679358670]