[{"data":1,"prerenderedAt":2746},["ShallowReactive",2],{"navigation_docs_es":3,"-es-getting-started-laravel":389,"-es-getting-started-laravel-surround":2741},[4,60,365],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":6},"Primeros Pasos",false,"\u002Fes\u002Fgetting-started","es\u002F1.getting-started",[10,15,20,25,30,35,40,45,50,55],{"title":11,"path":12,"stem":13,"icon":14},"Introducción","\u002Fes\u002Fgetting-started\u002Fintroduction","es\u002F1.getting-started\u002F1.introduction","i-lucide-house",{"title":16,"path":17,"stem":18,"icon":19},"Instalación","\u002Fes\u002Fgetting-started\u002Finstallation","es\u002F1.getting-started\u002F2.installation","i-lucide-download",{"title":21,"path":22,"stem":23,"icon":24},"Laravel + Inertia","\u002Fes\u002Fgetting-started\u002Flaravel","es\u002F1.getting-started\u002F3.laravel","i-lucide-plug",{"title":26,"path":27,"stem":28,"icon":29},"Skill de IA","\u002Fes\u002Fgetting-started\u002Fai-skill","es\u002F1.getting-started\u002F4.ai-skill","i-lucide-bot",{"title":31,"path":32,"stem":33,"icon":34},"Estructura del proyecto","\u002Fes\u002Fgetting-started\u002Fproject-structure","es\u002F1.getting-started\u002F5.project-structure","i-lucide-folder-tree",{"title":36,"path":37,"stem":38,"icon":39},"Componentes","\u002Fes\u002Fgetting-started\u002Fcomponents","es\u002F1.getting-started\u002F6.components","i-lucide-layout-grid",{"title":41,"path":42,"stem":43,"icon":44},"Configuración i18n","\u002Fes\u002Fgetting-started\u002Fi18n","es\u002F1.getting-started\u002F7.i18n","i-lucide-globe",{"title":46,"path":47,"stem":48,"icon":49},"Migración","\u002Fes\u002Fgetting-started\u002Fmigration","es\u002F1.getting-started\u002F8.migration","i-lucide-replace",{"title":51,"path":52,"stem":53,"icon":54},"Solución de problemas","\u002Fes\u002Fgetting-started\u002Ftroubleshooting","es\u002F1.getting-started\u002F9.troubleshooting","i-lucide-wrench",{"title":56,"path":57,"stem":58,"icon":59},"Roadmap","\u002Fes\u002Fgetting-started\u002Froadmap","es\u002F1.getting-started\u002F99.roadmap","i-lucide-map",{"title":36,"icon":6,"path":61,"stem":62,"children":63,"page":6},"\u002Fes\u002Fcomponents","es\u002F2.components",[64,119,153,218,263,315,345],{"title":65,"icon":6,"path":66,"stem":67,"children":68,"page":6},"Entrada de datos","\u002Fes\u002Fcomponents\u002Fdata-input","es\u002F2.components\u002F1.data-input",[69,74,79,84,89,94,99,104,109,114],{"title":70,"path":71,"stem":72,"icon":73},"Input","\u002Fes\u002Fcomponents\u002Fdata-input\u002Finput","es\u002F2.components\u002F1.data-input\u002F1.input","i-lucide-text-cursor-input",{"title":75,"path":76,"stem":77,"icon":78},"Select","\u002Fes\u002Fcomponents\u002Fdata-input\u002Fselect","es\u002F2.components\u002F1.data-input\u002F10.select","i-lucide-chevrons-up-down",{"title":80,"path":81,"stem":82,"icon":83},"InputAmount","\u002Fes\u002Fcomponents\u002Fdata-input\u002Finput-amount","es\u002F2.components\u002F1.data-input\u002F2.input-amount","i-lucide-dollar-sign",{"title":85,"path":86,"stem":87,"icon":88},"InputDate","\u002Fes\u002Fcomponents\u002Fdata-input\u002Finput-date","es\u002F2.components\u002F1.data-input\u002F3.input-date","i-lucide-calendar",{"title":90,"path":91,"stem":92,"icon":93},"InputIncrement","\u002Fes\u002Fcomponents\u002Fdata-input\u002Finput-increment","es\u002F2.components\u002F1.data-input\u002F4.input-increment","i-mdi-plus-minus",{"title":95,"path":96,"stem":97,"icon":98},"InputMask","\u002Fes\u002Fcomponents\u002Fdata-input\u002Finput-mask","es\u002F2.components\u002F1.data-input\u002F5.input-mask","i-lucide-key-round",{"title":100,"path":101,"stem":102,"icon":103},"InputOtp","\u002Fes\u002Fcomponents\u002Fdata-input\u002Finput-otp","es\u002F2.components\u002F1.data-input\u002F6.input-otp","i-lucide-shield-check",{"title":105,"path":106,"stem":107,"icon":108},"InputPassword","\u002Fes\u002Fcomponents\u002Fdata-input\u002Finput-password","es\u002F2.components\u002F1.data-input\u002F7.input-password","i-lucide-lock",{"title":110,"path":111,"stem":112,"icon":113},"InputTag","\u002Fes\u002Fcomponents\u002Fdata-input\u002Finput-tag","es\u002F2.components\u002F1.data-input\u002F8.input-tag","i-lucide-tag",{"title":115,"path":116,"stem":117,"icon":118},"Textarea","\u002Fes\u002Fcomponents\u002Fdata-input\u002Ftextarea","es\u002F2.components\u002F1.data-input\u002F9.textarea","i-lucide-text-select",{"title":120,"icon":6,"path":121,"stem":122,"children":123,"page":6},"Selectores","\u002Fes\u002Fcomponents\u002Fselectors","es\u002F2.components\u002F2.selectors",[124,129,134,138,143,148],{"title":125,"path":126,"stem":127,"icon":128},"Checkbox","\u002Fes\u002Fcomponents\u002Fselectors\u002Fcheckbox","es\u002F2.components\u002F2.selectors\u002F1.checkbox","i-lucide-check-square",{"title":130,"path":131,"stem":132,"icon":133},"Radio","\u002Fes\u002Fcomponents\u002Fselectors\u002Fradio","es\u002F2.components\u002F2.selectors\u002F2.radio","i-lucide-circle-dot",{"title":135,"path":136,"stem":137,"icon":133},"Radio Group","\u002Fes\u002Fcomponents\u002Fselectors\u002Fradio-group","es\u002F2.components\u002F2.selectors\u002F3.radio-group",{"title":139,"path":140,"stem":141,"icon":142},"Switch","\u002Fes\u002Fcomponents\u002Fselectors\u002Fswitch","es\u002F2.components\u002F2.selectors\u002F4.switch","i-lucide-toggle-right",{"title":144,"path":145,"stem":146,"icon":147},"Selector","\u002Fes\u002Fcomponents\u002Fselectors\u002Fselector","es\u002F2.components\u002F2.selectors\u002F5.selector","i-lucide-pointer",{"title":149,"path":150,"stem":151,"icon":152},"Multi Selector","\u002Fes\u002Fcomponents\u002Fselectors\u002Fmulti-selector","es\u002F2.components\u002F2.selectors\u002F6.multi-selector","i-lucide-list-checks",{"title":154,"icon":6,"path":155,"stem":156,"children":157,"page":6},"Visualización","\u002Fes\u002Fcomponents\u002Fdisplay","es\u002F2.components\u002F3.display",[158,163,168,173,178,183,188,193,198,203,208,213],{"title":159,"path":160,"stem":161,"icon":162},"Alert","\u002Fes\u002Fcomponents\u002Fdisplay\u002Falert","es\u002F2.components\u002F3.display\u002F1.alert","i-lucide-alert-circle",{"title":164,"path":165,"stem":166,"icon":167},"Skeleton","\u002Fes\u002Fcomponents\u002Fdisplay\u002Fskeleton","es\u002F2.components\u002F3.display\u002F10.skeleton","i-lucide-loader-circle",{"title":169,"path":170,"stem":171,"icon":172},"Definition Term","\u002Fes\u002Fcomponents\u002Fdisplay\u002Fdefinition-term","es\u002F2.components\u002F3.display\u002F11.definition-term","i-lucide-book-type",{"title":174,"path":175,"stem":176,"icon":177},"Placetopay Logo","\u002Fes\u002Fcomponents\u002Fdisplay\u002Fplacetopay-logo","es\u002F2.components\u002F3.display\u002F12.placetopay-logo","i-lucide-image",{"title":179,"path":180,"stem":181,"icon":182},"Avatar","\u002Fes\u002Fcomponents\u002Fdisplay\u002Favatar","es\u002F2.components\u002F3.display\u002F2.avatar","i-lucide-user-circle",{"title":184,"path":185,"stem":186,"icon":187},"Badge","\u002Fes\u002Fcomponents\u002Fdisplay\u002Fbadge","es\u002F2.components\u002F3.display\u002F3.badge","i-lucide-badge",{"title":189,"path":190,"stem":191,"icon":192},"Card","\u002Fes\u002Fcomponents\u002Fdisplay\u002Fcard","es\u002F2.components\u002F3.display\u002F4.card","i-lucide-square",{"title":194,"path":195,"stem":196,"icon":197},"Card Brand","\u002Fes\u002Fcomponents\u002Fdisplay\u002Fcard-brand","es\u002F2.components\u002F3.display\u002F5.card-brand","i-lucide-credit-card",{"title":199,"path":200,"stem":201,"icon":202},"Caption","\u002Fes\u002Fcomponents\u002Fdisplay\u002Fcaption","es\u002F2.components\u002F3.display\u002F6.caption","i-lucide-type",{"title":204,"path":205,"stem":206,"icon":207},"Link","\u002Fes\u002Fcomponents\u002Fdisplay\u002Flink","es\u002F2.components\u002F3.display\u002F7.link","i-lucide-link",{"title":209,"path":210,"stem":211,"icon":212},"Toast","\u002Fes\u002Fcomponents\u002Fdisplay\u002Ftoast","es\u002F2.components\u002F3.display\u002F8.toast","i-lucide-bell-ring",{"title":214,"path":215,"stem":216,"icon":217},"Breadcrumbs","\u002Fes\u002Fcomponents\u002Fdisplay\u002Fbreadcrumbs","es\u002F2.components\u002F3.display\u002F9.breadcrumbs","i-lucide-navigation",{"title":219,"icon":6,"path":220,"stem":221,"children":222,"page":6},"Modales y Overlays","\u002Fes\u002Fcomponents\u002Fmodals","es\u002F2.components\u002F4.modals",[223,228,233,238,243,248,253,258],{"title":224,"path":225,"stem":226,"icon":227},"Modal","\u002Fes\u002Fcomponents\u002Fmodals\u002Fmodal","es\u002F2.components\u002F4.modals\u002F1.modal","i-lucide-square-dashed",{"title":229,"path":230,"stem":231,"icon":232},"Modal Card","\u002Fes\u002Fcomponents\u002Fmodals\u002Fmodal-card","es\u002F2.components\u002F4.modals\u002F2.modal-card","i-lucide-panel-top",{"title":234,"path":235,"stem":236,"icon":237},"Modal Confirm","\u002Fes\u002Fcomponents\u002Fmodals\u002Fmodal-confirm","es\u002F2.components\u002F4.modals\u002F3.modal-confirm","i-lucide-check-circle-2",{"title":239,"path":240,"stem":241,"icon":242},"Modal Left","\u002Fes\u002Fcomponents\u002Fmodals\u002Fmodal-left","es\u002F2.components\u002F4.modals\u002F4.modal-left","i-lucide-panel-left",{"title":244,"path":245,"stem":246,"icon":247},"Modal Side","\u002Fes\u002Fcomponents\u002Fmodals\u002Fmodal-side","es\u002F2.components\u002F4.modals\u002F5.modal-side","i-lucide-panel-right",{"title":249,"path":250,"stem":251,"icon":252},"Popover","\u002Fes\u002Fcomponents\u002Fmodals\u002Fpopover","es\u002F2.components\u002F4.modals\u002F6.popover","i-lucide-message-circle",{"title":254,"path":255,"stem":256,"icon":257},"Tooltip","\u002Fes\u002Fcomponents\u002Fmodals\u002Ftooltip","es\u002F2.components\u002F4.modals\u002F7.tooltip","i-lucide-info",{"title":259,"path":260,"stem":261,"icon":262},"Dropdown","\u002Fes\u002Fcomponents\u002Fmodals\u002Fdropdown","es\u002F2.components\u002F4.modals\u002F8.dropdown","i-lucide-chevron-down-circle",{"title":264,"icon":6,"path":265,"stem":266,"children":267,"page":6},"Estructura y Layout","\u002Fes\u002Fcomponents\u002Fstructure","es\u002F2.components\u002F5.structure",[268,272,277,281,286,291,295,300,305,310],{"title":269,"path":270,"stem":271,"icon":78},"Accordion","\u002Fes\u002Fcomponents\u002Fstructure\u002Faccordion","es\u002F2.components\u002F5.structure\u002F1.accordion",{"title":273,"path":274,"stem":275,"icon":276},"ButtonGroup","\u002Fes\u002Fcomponents\u002Fstructure\u002Fbutton-group","es\u002F2.components\u002F5.structure\u002F10.button-group","i-lucide-group",{"title":278,"path":279,"stem":280,"icon":242},"Sidebar","\u002Fes\u002Fcomponents\u002Fstructure\u002Fsidebar","es\u002F2.components\u002F5.structure\u002F2.sidebar",{"title":282,"path":283,"stem":284,"icon":285},"Tab","\u002Fes\u002Fcomponents\u002Fstructure\u002Ftab","es\u002F2.components\u002F5.structure\u002F3.tab","i-lucide-notebook-tabs",{"title":287,"path":288,"stem":289,"icon":290},"Table","\u002Fes\u002Fcomponents\u002Fstructure\u002Ftable","es\u002F2.components\u002F5.structure\u002F4.table","i-lucide-table",{"title":292,"path":293,"stem":294,"icon":290},"DTable","\u002Fes\u002Fcomponents\u002Fstructure\u002Fdtable","es\u002F2.components\u002F5.structure\u002F5.dtable",{"title":296,"path":297,"stem":298,"icon":299},"TemplateHeaderTable","\u002Fes\u002Fcomponents\u002Fstructure\u002Ftemplate-header-table","es\u002F2.components\u002F5.structure\u002F6.template-header-table","i-lucide-table-properties",{"title":301,"path":302,"stem":303,"icon":304},"Steps","\u002Fes\u002Fcomponents\u002Fstructure\u002Fsteps","es\u002F2.components\u002F5.structure\u002F7.steps","i-lucide-footprints",{"title":306,"path":307,"stem":308,"icon":309},"Paginator","\u002Fes\u002Fcomponents\u002Fstructure\u002Fpaginator","es\u002F2.components\u002F5.structure\u002F8.paginator","i-lucide-ellipsis",{"title":311,"path":312,"stem":313,"icon":314},"StackedList","\u002Fes\u002Fcomponents\u002Fstructure\u002Fstacked-list","es\u002F2.components\u002F5.structure\u002F9.stacked-list","i-lucide-list",{"title":316,"icon":6,"path":317,"stem":318,"children":319,"page":6},"Utilidades","\u002Fes\u002Fcomponents\u002Futilities","es\u002F2.components\u002F6.utilities",[320,325,330,335,340],{"title":321,"path":322,"stem":323,"icon":324},"Button","\u002Fes\u002Fcomponents\u002Futilities\u002Fbutton","es\u002F2.components\u002F6.utilities\u002F1.button","i-lucide-mouse-pointer-click",{"title":326,"path":327,"stem":328,"icon":329},"Label","\u002Fes\u002Fcomponents\u002Futilities\u002Flabel","es\u002F2.components\u002F6.utilities\u002F2.label","i-lucide-signpost",{"title":331,"path":332,"stem":333,"icon":334},"Filter","\u002Fes\u002Fcomponents\u002Futilities\u002Ffilter","es\u002F2.components\u002F6.utilities\u002F3.filter","i-lucide-filter",{"title":336,"path":337,"stem":338,"icon":339},"ColorSwitch","\u002Fes\u002Fcomponents\u002Futilities\u002Fcolor-switch","es\u002F2.components\u002F6.utilities\u002F4.color-switch","i-lucide-sun-moon",{"title":341,"path":342,"stem":343,"icon":344},"Copy","\u002Fes\u002Fcomponents\u002Futilities\u002Fcopy","es\u002F2.components\u002F6.utilities\u002F5.copy","i-lucide-copy",{"title":346,"icon":6,"path":347,"stem":348,"children":349,"page":6},"Tipografía","\u002Fes\u002Fcomponents\u002Ftypography","es\u002F2.components\u002F7.typography",[350,355,360],{"title":351,"path":352,"stem":353,"icon":354},"Page Title","\u002Fes\u002Fcomponents\u002Ftypography\u002Fpage-title","es\u002F2.components\u002F7.typography\u002F1.page-title","i-lucide-heading",{"title":356,"path":357,"stem":358,"icon":359},"Section Title","\u002Fes\u002Fcomponents\u002Ftypography\u002Fsection-title","es\u002F2.components\u002F7.typography\u002F2.section-title","i-lucide-heading-1",{"title":361,"path":362,"stem":363,"icon":364},"Section Description","\u002Fes\u002Fcomponents\u002Ftypography\u002Fsection-description","es\u002F2.components\u002F7.typography\u002F3.section-description","i-lucide-heading-2",{"title":366,"icon":6,"path":367,"stem":368,"children":369,"page":6},"Recetas","\u002Fes\u002Frecipes","es\u002F3.recipes",[370,375,379,384],{"title":371,"path":372,"stem":373,"icon":374},"Selector + Input","\u002Fes\u002Frecipes\u002Fdocument-type-input","es\u002F3.recipes\u002F1.document-type-input","i-lucide-id-card",{"title":376,"path":377,"stem":378,"icon":83},"Selector + InputAmount","\u002Fes\u002Frecipes\u002Fcurrency-amount","es\u002F3.recipes\u002F2.currency-amount",{"title":380,"path":381,"stem":382,"icon":383},"Rango de fechas","\u002Fes\u002Frecipes\u002Fdate-range","es\u002F3.recipes\u002F3.date-range","i-lucide-calendar-range",{"title":385,"path":386,"stem":387,"icon":388},"Selectores en cascada","\u002Fes\u002Frecipes\u002Fcascading-location","es\u002F3.recipes\u002F4.cascading-location","i-lucide-list-tree",{"id":390,"title":21,"body":391,"description":2733,"extension":2734,"links":2735,"meta":2736,"navigation":2737,"path":22,"seo":2738,"stem":23,"__hash__":2740},"docs_es\u002Fes\u002F1.getting-started\u002F3.laravel.md",{"type":392,"value":393,"toc":2714},"minimark",[394,411,416,474,482,486,1707,1721,1725,1732,1941,1945,1948,2424,2438,2442,2449,2507,2517,2521,2535,2614,2622,2626,2630,2650,2654,2663,2667,2689,2693,2710],[395,396,397,398,402,403,407,408,410],"p",{},"En un proyecto Laravel con Inertia, Vue vive dentro de ",[399,400,401],"code",{},"resources\u002Fjs"," y Vite compila los assets. Spartan se integra como cualquier dependencia de Vue: la diferencia está en ",[404,405,406],"strong",{},"dónde"," ubicar la hoja de estilos y ",[404,409,406],{}," registrar el plugin de i18n.",[412,413,415],"h2",{"id":414},"requisitos","Requisitos",[417,418,419,434,443,451,463],"ul",{},[420,421,422,425,426,429,430,433],"li",{},[404,423,424],{},"Laravel"," ",[399,427,428],{},"11"," o ",[399,431,432],{},"12"," con Vite",[420,435,436,439,440],{},[404,437,438],{},"Inertia"," con el adaptador ",[399,441,442],{},"@inertiajs\u002Fvue3",[420,444,445,425,448],{},[404,446,447],{},"Vue",[399,449,450],{},"^3.5",[420,452,453,425,456,459,460],{},[404,454,455],{},"TailwindCSS",[399,457,458],{},"^4"," mediante el plugin ",[399,461,462],{},"@tailwindcss\u002Fvite",[420,464,465,425,468,429,471],{},[404,466,467],{},"Node.js",[399,469,470],{},"20.19",[399,472,473],{},"^22.12",[475,476,477,478,481],"prose-tip",{},"Los starter kits oficiales (",[399,479,480],{},"laravel new"," eligiendo Vue) ya incluyen Inertia, Vue 3, TailwindCSS v4 y SSR configurados. Si partes de uno de ellos, solo necesitas los pasos de esta guía.",[412,483,485],{"id":484},"instalación-paso-a-paso","Instalación paso a paso",[487,488,489,494,505,596,607,611,622,689,708,718,732,736,739,1250,1260,1266,1397,1401,1404],"steps",{},[490,491,493],"h3",{"id":492},"instalar-los-paquetes","Instalar los paquetes",[395,495,496,497,500,501,504],{},"Spartan se instala como dependencia de desarrollo. ",[399,498,499],{},"vue-i18n"," es un ",[404,502,503],{},"peer dependency requerido",": los componentes con texto interno lo usan para resolver sus traducciones.",[506,507,508,546,571],"code-group",{},[509,510,516],"pre",{"className":511,"code":512,"filename":513,"language":514,"meta":515,"style":515},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","npm install -D @placetopay\u002Fspartan-vue\nnpm install vue-i18n\n","npm","bash","",[399,517,518,536],{"__ignoreMap":515},[519,520,523,526,530,533],"span",{"class":521,"line":522},"line",1,[519,524,513],{"class":525},"sBMFI",[519,527,529],{"class":528},"sfazB"," install",[519,531,532],{"class":528}," -D",[519,534,535],{"class":528}," @placetopay\u002Fspartan-vue\n",[519,537,539,541,543],{"class":521,"line":538},2,[519,540,513],{"class":525},[519,542,529],{"class":528},[519,544,545],{"class":528}," vue-i18n\n",[509,547,550],{"className":511,"code":548,"filename":549,"language":514,"meta":515,"style":515},"pnpm add -D @placetopay\u002Fspartan-vue\npnpm add vue-i18n\n","pnpm",[399,551,552,563],{"__ignoreMap":515},[519,553,554,556,559,561],{"class":521,"line":522},[519,555,549],{"class":525},[519,557,558],{"class":528}," add",[519,560,532],{"class":528},[519,562,535],{"class":528},[519,564,565,567,569],{"class":521,"line":538},[519,566,549],{"class":525},[519,568,558],{"class":528},[519,570,545],{"class":528},[509,572,575],{"className":511,"code":573,"filename":574,"language":514,"meta":515,"style":515},"yarn add --dev @placetopay\u002Fspartan-vue\nyarn add vue-i18n\n","yarn",[399,576,577,588],{"__ignoreMap":515},[519,578,579,581,583,586],{"class":521,"line":522},[519,580,574],{"class":525},[519,582,558],{"class":528},[519,584,585],{"class":528}," --dev",[519,587,535],{"class":528},[519,589,590,592,594],{"class":521,"line":538},[519,591,574],{"class":525},[519,593,558],{"class":528},[519,595,545],{"class":528},[395,597,598,599,602,603,606],{},"No necesitas instalar ",[399,600,601],{},"@tailwindcss\u002Fforms"," ni ",[399,604,605],{},"vue-sonner",": ambos son dependencias directas de Spartan y se resuelven solos.",[490,608,610],{"id":609},"configurar-los-estilos","Configurar los estilos",[395,612,613,614,617,618,621],{},"Laravel concentra los estilos en ",[399,615,616],{},"resources\u002Fcss\u002Fapp.css",". Agrega el ",[399,619,620],{},"@import"," de Spartan justo después del de TailwindCSS:",[509,623,627],{"className":624,"code":625,"filename":616,"language":626,"meta":515,"style":515},"language-css shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","@import 'tailwindcss';\n@import '@placetopay\u002Fspartan-vue\u002Fstyles.css';\n\n@source '..\u002Fjs\u002F**\u002F*.{vue,js,ts}';\n@source '..\u002Fviews\u002F**\u002F*.blade.php';\n","css",[399,628,629,647,660,667,679],{"__ignoreMap":515},[519,630,631,634,638,641,644],{"class":521,"line":522},[519,632,620],{"class":633},"s7zQu",[519,635,637],{"class":636},"sMK4o"," '",[519,639,640],{"class":528},"tailwindcss",[519,642,643],{"class":636},"'",[519,645,646],{"class":636},";\n",[519,648,649,651,653,656,658],{"class":521,"line":538},[519,650,620],{"class":633},[519,652,637],{"class":636},[519,654,655],{"class":528},"@placetopay\u002Fspartan-vue\u002Fstyles.css",[519,657,643],{"class":636},[519,659,646],{"class":636},[519,661,663],{"class":521,"line":662},3,[519,664,666],{"emptyLinePlaceholder":665},true,"\n",[519,668,670,673,677],{"class":521,"line":669},4,[519,671,672],{"class":633},"@source",[519,674,676],{"class":675},"sTEyZ"," '..\u002Fjs\u002F**\u002F*.{vue,js,ts}'",[519,678,646],{"class":636},[519,680,682,684,687],{"class":521,"line":681},5,[519,683,672],{"class":633},[519,685,686],{"class":675}," '..\u002Fviews\u002F**\u002F*.blade.php'",[519,688,646],{"class":636},[690,691,692,693,695,696,699,700,703,704,707],"prose-warning",{},"Las rutas de ",[399,694,672],{}," son ",[404,697,698],{},"relativas al archivo CSS",", no a la raíz del proyecto. Desde ",[399,701,702],{},"resources\u002Fcss\u002F"," la ruta hacia tus componentes Vue es ",[399,705,706],{},"..\u002Fjs\u002F",".",[475,709,710,711,713,714,717],{},"No hace falta un ",[399,712,672],{}," que apunte a ",[399,715,716],{},"node_modules",". La hoja de estilos de Spartan ya declara internamente el escaneo de sus propios archivos compilados, así que sus clases se generan de forma automática.",[395,719,720,721,724,725,728,729,731],{},"Si tu proyecto viene de un starter kit, es probable que ",[399,722,723],{},"app.css"," ya traiga globs equivalentes (",[399,726,727],{},"@source '..\u002F**\u002F*.vue'","). En ese caso basta con añadir el ",[399,730,620],{}," de Spartan.",[490,733,735],{"id":734},"registrar-vue-i18n-en-el-entry-point","Registrar vue-i18n en el entry point",[395,737,738],{},"El punto de entrada de Inertia es donde se crea la instancia de Vue, así que es ahí donde se registra el plugin de i18n:",[509,740,745],{"className":741,"code":742,"filename":743,"language":744,"meta":515,"style":515},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import '..\u002Fcss\u002Fapp.css';\n\nimport { createInertiaApp } from '@inertiajs\u002Fvue3';\nimport { resolvePageComponent } from 'laravel-vite-plugin\u002Finertia-helpers';\nimport { createApp, h, type DefineComponent } from 'vue';\nimport { createI18n } from 'vue-i18n';\nimport { addSpartanAllMessages } from '@placetopay\u002Fspartan-vue\u002Fi18n';\n\nconst i18n = createI18n({\n    legacy: false,\n    locale: 'es',\n    fallbackLocale: 'en',\n    messages: addSpartanAllMessages({}),\n});\n\ncreateInertiaApp({\n    resolve: (name) =>\n        resolvePageComponent(\n            `.\u002Fpages\u002F${name}.vue`,\n            import.meta.glob\u003CDefineComponent>('.\u002Fpages\u002F**\u002F*.vue'),\n        ),\n    setup({ el, App, props, plugin }) {\n        createApp({ render: () => h(App, props) })\n            .use(plugin)\n            .use(i18n)\n            .mount(el);\n    },\n});\n","resources\u002Fjs\u002Fapp.ts","ts",[399,746,747,761,765,789,811,847,869,892,897,919,936,953,970,990,1000,1005,1015,1035,1044,1068,1106,1114,1147,1188,1204,1218,1235,1241],{"__ignoreMap":515},[519,748,749,752,754,757,759],{"class":521,"line":522},[519,750,751],{"class":633},"import",[519,753,637],{"class":636},[519,755,756],{"class":528},"..\u002Fcss\u002Fapp.css",[519,758,643],{"class":636},[519,760,646],{"class":636},[519,762,763],{"class":521,"line":538},[519,764,666],{"emptyLinePlaceholder":665},[519,766,767,769,772,775,778,781,783,785,787],{"class":521,"line":662},[519,768,751],{"class":633},[519,770,771],{"class":636}," {",[519,773,774],{"class":675}," createInertiaApp",[519,776,777],{"class":636}," }",[519,779,780],{"class":633}," from",[519,782,637],{"class":636},[519,784,442],{"class":528},[519,786,643],{"class":636},[519,788,646],{"class":636},[519,790,791,793,795,798,800,802,804,807,809],{"class":521,"line":669},[519,792,751],{"class":633},[519,794,771],{"class":636},[519,796,797],{"class":675}," resolvePageComponent",[519,799,777],{"class":636},[519,801,780],{"class":633},[519,803,637],{"class":636},[519,805,806],{"class":528},"laravel-vite-plugin\u002Finertia-helpers",[519,808,643],{"class":636},[519,810,646],{"class":636},[519,812,813,815,817,820,823,826,828,831,834,836,838,840,843,845],{"class":521,"line":681},[519,814,751],{"class":633},[519,816,771],{"class":636},[519,818,819],{"class":675}," createApp",[519,821,822],{"class":636},",",[519,824,825],{"class":675}," h",[519,827,822],{"class":636},[519,829,830],{"class":633}," type",[519,832,833],{"class":675}," DefineComponent",[519,835,777],{"class":636},[519,837,780],{"class":633},[519,839,637],{"class":636},[519,841,842],{"class":528},"vue",[519,844,643],{"class":636},[519,846,646],{"class":636},[519,848,850,852,854,857,859,861,863,865,867],{"class":521,"line":849},6,[519,851,751],{"class":633},[519,853,771],{"class":636},[519,855,856],{"class":675}," createI18n",[519,858,777],{"class":636},[519,860,780],{"class":633},[519,862,637],{"class":636},[519,864,499],{"class":528},[519,866,643],{"class":636},[519,868,646],{"class":636},[519,870,872,874,876,879,881,883,885,888,890],{"class":521,"line":871},7,[519,873,751],{"class":633},[519,875,771],{"class":636},[519,877,878],{"class":675}," addSpartanAllMessages",[519,880,777],{"class":636},[519,882,780],{"class":633},[519,884,637],{"class":636},[519,886,887],{"class":528},"@placetopay\u002Fspartan-vue\u002Fi18n",[519,889,643],{"class":636},[519,891,646],{"class":636},[519,893,895],{"class":521,"line":894},8,[519,896,666],{"emptyLinePlaceholder":665},[519,898,900,904,907,910,913,916],{"class":521,"line":899},9,[519,901,903],{"class":902},"spNyl","const",[519,905,906],{"class":675}," i18n ",[519,908,909],{"class":636},"=",[519,911,856],{"class":912},"s2Zo4",[519,914,915],{"class":675},"(",[519,917,918],{"class":636},"{\n",[519,920,922,926,929,933],{"class":521,"line":921},10,[519,923,925],{"class":924},"swJcz","    legacy",[519,927,928],{"class":636},":",[519,930,932],{"class":931},"sfNiH"," false",[519,934,935],{"class":636},",\n",[519,937,939,942,944,946,949,951],{"class":521,"line":938},11,[519,940,941],{"class":924},"    locale",[519,943,928],{"class":636},[519,945,637],{"class":636},[519,947,948],{"class":528},"es",[519,950,643],{"class":636},[519,952,935],{"class":636},[519,954,956,959,961,963,966,968],{"class":521,"line":955},12,[519,957,958],{"class":924},"    fallbackLocale",[519,960,928],{"class":636},[519,962,637],{"class":636},[519,964,965],{"class":528},"en",[519,967,643],{"class":636},[519,969,935],{"class":636},[519,971,973,976,978,980,982,985,988],{"class":521,"line":972},13,[519,974,975],{"class":924},"    messages",[519,977,928],{"class":636},[519,979,878],{"class":912},[519,981,915],{"class":675},[519,983,984],{"class":636},"{}",[519,986,987],{"class":675},")",[519,989,935],{"class":636},[519,991,993,996,998],{"class":521,"line":992},14,[519,994,995],{"class":636},"}",[519,997,987],{"class":675},[519,999,646],{"class":636},[519,1001,1003],{"class":521,"line":1002},15,[519,1004,666],{"emptyLinePlaceholder":665},[519,1006,1008,1011,1013],{"class":521,"line":1007},16,[519,1009,1010],{"class":912},"createInertiaApp",[519,1012,915],{"class":675},[519,1014,918],{"class":636},[519,1016,1018,1021,1023,1026,1030,1032],{"class":521,"line":1017},17,[519,1019,1020],{"class":912},"    resolve",[519,1022,928],{"class":636},[519,1024,1025],{"class":636}," (",[519,1027,1029],{"class":1028},"sHdIc","name",[519,1031,987],{"class":636},[519,1033,1034],{"class":902}," =>\n",[519,1036,1038,1041],{"class":521,"line":1037},18,[519,1039,1040],{"class":912},"        resolvePageComponent",[519,1042,1043],{"class":675},"(\n",[519,1045,1047,1050,1053,1056,1058,1060,1063,1066],{"class":521,"line":1046},19,[519,1048,1049],{"class":636},"            `",[519,1051,1052],{"class":528},".\u002Fpages\u002F",[519,1054,1055],{"class":636},"${",[519,1057,1029],{"class":675},[519,1059,995],{"class":636},[519,1061,1062],{"class":528},".vue",[519,1064,1065],{"class":636},"`",[519,1067,935],{"class":636},[519,1069,1071,1074,1076,1079,1081,1084,1087,1090,1093,1095,1097,1100,1102,1104],{"class":521,"line":1070},20,[519,1072,1073],{"class":633},"            import",[519,1075,707],{"class":636},[519,1077,1078],{"class":675},"meta",[519,1080,707],{"class":636},[519,1082,1083],{"class":912},"glob",[519,1085,1086],{"class":636},"\u003C",[519,1088,1089],{"class":525},"DefineComponent",[519,1091,1092],{"class":636},">",[519,1094,915],{"class":675},[519,1096,643],{"class":636},[519,1098,1099],{"class":528},".\u002Fpages\u002F**\u002F*.vue",[519,1101,643],{"class":636},[519,1103,987],{"class":675},[519,1105,935],{"class":636},[519,1107,1109,1112],{"class":521,"line":1108},21,[519,1110,1111],{"class":675},"        )",[519,1113,935],{"class":636},[519,1115,1117,1120,1123,1126,1128,1131,1133,1136,1138,1141,1144],{"class":521,"line":1116},22,[519,1118,1119],{"class":924},"    setup",[519,1121,1122],{"class":636},"({",[519,1124,1125],{"class":1028}," el",[519,1127,822],{"class":636},[519,1129,1130],{"class":1028}," App",[519,1132,822],{"class":636},[519,1134,1135],{"class":1028}," props",[519,1137,822],{"class":636},[519,1139,1140],{"class":1028}," plugin",[519,1142,1143],{"class":636}," })",[519,1145,1146],{"class":636}," {\n",[519,1148,1150,1153,1155,1158,1161,1163,1166,1169,1171,1173,1176,1178,1180,1183,1185],{"class":521,"line":1149},23,[519,1151,1152],{"class":912},"        createApp",[519,1154,915],{"class":924},[519,1156,1157],{"class":636},"{",[519,1159,1160],{"class":912}," render",[519,1162,928],{"class":636},[519,1164,1165],{"class":636}," ()",[519,1167,1168],{"class":902}," =>",[519,1170,825],{"class":912},[519,1172,915],{"class":924},[519,1174,1175],{"class":675},"App",[519,1177,822],{"class":636},[519,1179,1135],{"class":675},[519,1181,1182],{"class":924},") ",[519,1184,995],{"class":636},[519,1186,1187],{"class":924},")\n",[519,1189,1191,1194,1197,1199,1202],{"class":521,"line":1190},24,[519,1192,1193],{"class":636},"            .",[519,1195,1196],{"class":912},"use",[519,1198,915],{"class":924},[519,1200,1201],{"class":675},"plugin",[519,1203,1187],{"class":924},[519,1205,1207,1209,1211,1213,1216],{"class":521,"line":1206},25,[519,1208,1193],{"class":636},[519,1210,1196],{"class":912},[519,1212,915],{"class":924},[519,1214,1215],{"class":675},"i18n",[519,1217,1187],{"class":924},[519,1219,1221,1223,1226,1228,1231,1233],{"class":521,"line":1220},26,[519,1222,1193],{"class":636},[519,1224,1225],{"class":912},"mount",[519,1227,915],{"class":924},[519,1229,1230],{"class":675},"el",[519,1232,987],{"class":924},[519,1234,646],{"class":636},[519,1236,1238],{"class":521,"line":1237},27,[519,1239,1240],{"class":636},"    },\n",[519,1242,1244,1246,1248],{"class":521,"line":1243},28,[519,1245,995],{"class":636},[519,1247,987],{"class":675},[519,1249,646],{"class":636},[690,1251,1252,1255,1256,1259],{},[399,1253,1254],{},"legacy: false"," es obligatorio. Los componentes de Spartan usan ",[399,1257,1258],{},"useI18n()"," de la Composition API; con el modo legacy activo los textos internos quedan sin traducir.",[395,1261,1262,1265],{},[399,1263,1264],{},"addSpartanAllMessages({})"," devuelve los cinco idiomas de Spartan listos para usar. Para mezclarlos con tus propias traducciones, pásalas como argumento:",[509,1267,1269],{"className":741,"code":1268,"filename":743,"language":744,"meta":515,"style":515},"import es from '.\u002Flang\u002Fes.json';\nimport en from '.\u002Flang\u002Fen.json';\n\nconst i18n = createI18n({\n    legacy: false,\n    locale: 'es',\n    fallbackLocale: 'en',\n    messages: addSpartanAllMessages({ es, en }),\n});\n",[399,1270,1271,1290,1308,1312,1326,1336,1350,1364,1389],{"__ignoreMap":515},[519,1272,1273,1275,1278,1281,1283,1286,1288],{"class":521,"line":522},[519,1274,751],{"class":633},[519,1276,1277],{"class":675}," es ",[519,1279,1280],{"class":633},"from",[519,1282,637],{"class":636},[519,1284,1285],{"class":528},".\u002Flang\u002Fes.json",[519,1287,643],{"class":636},[519,1289,646],{"class":636},[519,1291,1292,1294,1297,1299,1301,1304,1306],{"class":521,"line":538},[519,1293,751],{"class":633},[519,1295,1296],{"class":675}," en ",[519,1298,1280],{"class":633},[519,1300,637],{"class":636},[519,1302,1303],{"class":528},".\u002Flang\u002Fen.json",[519,1305,643],{"class":636},[519,1307,646],{"class":636},[519,1309,1310],{"class":521,"line":662},[519,1311,666],{"emptyLinePlaceholder":665},[519,1313,1314,1316,1318,1320,1322,1324],{"class":521,"line":669},[519,1315,903],{"class":902},[519,1317,906],{"class":675},[519,1319,909],{"class":636},[519,1321,856],{"class":912},[519,1323,915],{"class":675},[519,1325,918],{"class":636},[519,1327,1328,1330,1332,1334],{"class":521,"line":681},[519,1329,925],{"class":924},[519,1331,928],{"class":636},[519,1333,932],{"class":931},[519,1335,935],{"class":636},[519,1337,1338,1340,1342,1344,1346,1348],{"class":521,"line":849},[519,1339,941],{"class":924},[519,1341,928],{"class":636},[519,1343,637],{"class":636},[519,1345,948],{"class":528},[519,1347,643],{"class":636},[519,1349,935],{"class":636},[519,1351,1352,1354,1356,1358,1360,1362],{"class":521,"line":871},[519,1353,958],{"class":924},[519,1355,928],{"class":636},[519,1357,637],{"class":636},[519,1359,965],{"class":528},[519,1361,643],{"class":636},[519,1363,935],{"class":636},[519,1365,1366,1368,1370,1372,1374,1376,1379,1381,1383,1385,1387],{"class":521,"line":894},[519,1367,975],{"class":924},[519,1369,928],{"class":636},[519,1371,878],{"class":912},[519,1373,915],{"class":675},[519,1375,1157],{"class":636},[519,1377,1378],{"class":675}," es",[519,1380,822],{"class":636},[519,1382,1296],{"class":675},[519,1384,995],{"class":636},[519,1386,987],{"class":675},[519,1388,935],{"class":636},[519,1390,1391,1393,1395],{"class":521,"line":899},[519,1392,995],{"class":636},[519,1394,987],{"class":675},[519,1396,646],{"class":636},[490,1398,1400],{"id":1399},"usar-los-componentes","Usar los componentes",[395,1402,1403],{},"Los componentes se importan directamente en tus páginas de Inertia:",[509,1405,1409],{"className":1406,"code":1407,"filename":1408,"language":842,"meta":515,"style":515},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport { ref } from 'vue';\nimport { router } from '@inertiajs\u002Fvue3';\nimport { SButton, SInputBlock } from '@placetopay\u002Fspartan-vue';\n\nconst name = ref('');\n\nconst submit = () => router.post('\u002Fteams', { name: name.value });\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003Cform @submit.prevent=\"submit\">\n    \u003CSInputBlock v-model=\"name\" label=\"Nombre del equipo\" \u002F>\n    \u003CSButton type=\"submit\">Crear\u003C\u002FSButton>\n  \u003C\u002Fform>\n\u003C\u002Ftemplate>\n","resources\u002Fjs\u002Fpages\u002FDashboard.vue",[399,1410,1411,1436,1457,1478,1505,1509,1529,1533,1584,1593,1597,1606,1628,1662,1690,1699],{"__ignoreMap":515},[519,1412,1413,1415,1418,1421,1424,1426,1429,1431,1433],{"class":521,"line":522},[519,1414,1086],{"class":636},[519,1416,1417],{"class":924},"script",[519,1419,1420],{"class":902}," setup",[519,1422,1423],{"class":902}," lang",[519,1425,909],{"class":636},[519,1427,1428],{"class":636},"\"",[519,1430,744],{"class":528},[519,1432,1428],{"class":636},[519,1434,1435],{"class":636},">\n",[519,1437,1438,1440,1442,1445,1447,1449,1451,1453,1455],{"class":521,"line":538},[519,1439,751],{"class":633},[519,1441,771],{"class":636},[519,1443,1444],{"class":675}," ref",[519,1446,777],{"class":636},[519,1448,780],{"class":633},[519,1450,637],{"class":636},[519,1452,842],{"class":528},[519,1454,643],{"class":636},[519,1456,646],{"class":636},[519,1458,1459,1461,1463,1466,1468,1470,1472,1474,1476],{"class":521,"line":662},[519,1460,751],{"class":633},[519,1462,771],{"class":636},[519,1464,1465],{"class":675}," router",[519,1467,777],{"class":636},[519,1469,780],{"class":633},[519,1471,637],{"class":636},[519,1473,442],{"class":528},[519,1475,643],{"class":636},[519,1477,646],{"class":636},[519,1479,1480,1482,1484,1487,1489,1492,1494,1496,1498,1501,1503],{"class":521,"line":669},[519,1481,751],{"class":633},[519,1483,771],{"class":636},[519,1485,1486],{"class":675}," SButton",[519,1488,822],{"class":636},[519,1490,1491],{"class":675}," SInputBlock",[519,1493,777],{"class":636},[519,1495,780],{"class":633},[519,1497,637],{"class":636},[519,1499,1500],{"class":528},"@placetopay\u002Fspartan-vue",[519,1502,643],{"class":636},[519,1504,646],{"class":636},[519,1506,1507],{"class":521,"line":681},[519,1508,666],{"emptyLinePlaceholder":665},[519,1510,1511,1513,1516,1518,1520,1522,1525,1527],{"class":521,"line":849},[519,1512,903],{"class":902},[519,1514,1515],{"class":675}," name ",[519,1517,909],{"class":636},[519,1519,1444],{"class":912},[519,1521,915],{"class":675},[519,1523,1524],{"class":636},"''",[519,1526,987],{"class":675},[519,1528,646],{"class":636},[519,1530,1531],{"class":521,"line":871},[519,1532,666],{"emptyLinePlaceholder":665},[519,1534,1535,1537,1540,1542,1544,1546,1548,1550,1553,1555,1557,1560,1562,1564,1566,1569,1571,1573,1575,1578,1580,1582],{"class":521,"line":894},[519,1536,903],{"class":902},[519,1538,1539],{"class":675}," submit ",[519,1541,909],{"class":636},[519,1543,1165],{"class":636},[519,1545,1168],{"class":902},[519,1547,1465],{"class":675},[519,1549,707],{"class":636},[519,1551,1552],{"class":912},"post",[519,1554,915],{"class":675},[519,1556,643],{"class":636},[519,1558,1559],{"class":528},"\u002Fteams",[519,1561,643],{"class":636},[519,1563,822],{"class":636},[519,1565,771],{"class":636},[519,1567,1568],{"class":924}," name",[519,1570,928],{"class":636},[519,1572,1568],{"class":675},[519,1574,707],{"class":636},[519,1576,1577],{"class":675},"value ",[519,1579,995],{"class":636},[519,1581,987],{"class":675},[519,1583,646],{"class":636},[519,1585,1586,1589,1591],{"class":521,"line":899},[519,1587,1588],{"class":636},"\u003C\u002F",[519,1590,1417],{"class":924},[519,1592,1435],{"class":636},[519,1594,1595],{"class":521,"line":921},[519,1596,666],{"emptyLinePlaceholder":665},[519,1598,1599,1601,1604],{"class":521,"line":938},[519,1600,1086],{"class":636},[519,1602,1603],{"class":924},"template",[519,1605,1435],{"class":636},[519,1607,1608,1611,1614,1617,1619,1621,1624,1626],{"class":521,"line":955},[519,1609,1610],{"class":636},"  \u003C",[519,1612,1613],{"class":924},"form",[519,1615,1616],{"class":902}," @submit.prevent",[519,1618,909],{"class":636},[519,1620,1428],{"class":636},[519,1622,1623],{"class":528},"submit",[519,1625,1428],{"class":636},[519,1627,1435],{"class":636},[519,1629,1630,1633,1636,1639,1641,1643,1645,1647,1650,1652,1654,1657,1659],{"class":521,"line":972},[519,1631,1632],{"class":636},"    \u003C",[519,1634,1635],{"class":924},"SInputBlock",[519,1637,1638],{"class":902}," v-model",[519,1640,909],{"class":636},[519,1642,1428],{"class":636},[519,1644,1029],{"class":528},[519,1646,1428],{"class":636},[519,1648,1649],{"class":902}," label",[519,1651,909],{"class":636},[519,1653,1428],{"class":636},[519,1655,1656],{"class":528},"Nombre del equipo",[519,1658,1428],{"class":636},[519,1660,1661],{"class":636}," \u002F>\n",[519,1663,1664,1666,1669,1671,1673,1675,1677,1679,1681,1684,1686,1688],{"class":521,"line":992},[519,1665,1632],{"class":636},[519,1667,1668],{"class":924},"SButton",[519,1670,830],{"class":902},[519,1672,909],{"class":636},[519,1674,1428],{"class":636},[519,1676,1623],{"class":528},[519,1678,1428],{"class":636},[519,1680,1092],{"class":636},[519,1682,1683],{"class":675},"Crear",[519,1685,1588],{"class":636},[519,1687,1668],{"class":924},[519,1689,1435],{"class":636},[519,1691,1692,1695,1697],{"class":521,"line":1002},[519,1693,1694],{"class":636},"  \u003C\u002F",[519,1696,1613],{"class":924},[519,1698,1435],{"class":636},[519,1700,1701,1703,1705],{"class":521,"line":1007},[519,1702,1588],{"class":636},[519,1704,1603],{"class":924},[519,1706,1435],{"class":636},[475,1708,1709,1710,1713,1714,1717,1718,1720],{},"Si tus páginas viven en ",[399,1711,1712],{},"resources\u002Fjs\u002FPages"," (con mayúscula, convención de Laravel Breeze), ajusta los globs de ",[399,1715,1716],{},"resolvePageComponent"," y de ",[399,1719,672],{}," en consecuencia.",[412,1722,1724],{"id":1723},"configuración-de-vite","Configuración de Vite",[395,1726,1727,1728,1731],{},"Para que todo lo anterior funcione, ",[399,1729,1730],{},"vite.config.ts"," debe cargar los plugins de Laravel, TailwindCSS y Vue, e incluir la hoja de estilos entre los assets compilados:",[509,1733,1735],{"className":741,"code":1734,"filename":1730,"language":744,"meta":515,"style":515},"import tailwindcss from '@tailwindcss\u002Fvite';\nimport vue from '@vitejs\u002Fplugin-vue';\nimport laravel from 'laravel-vite-plugin';\nimport { defineConfig } from 'vite';\n\nexport default defineConfig({\n    plugins: [\n        laravel({\n            input: ['resources\u002Fjs\u002Fapp.ts'],\n            ssr: 'resources\u002Fjs\u002Fssr.ts',\n            refresh: true,\n        }),\n        tailwindcss(),\n        vue(),\n    ],\n});\n",[399,1736,1737,1754,1772,1790,1812,1816,1830,1840,1849,1870,1886,1898,1907,1917,1926,1933],{"__ignoreMap":515},[519,1738,1739,1741,1744,1746,1748,1750,1752],{"class":521,"line":522},[519,1740,751],{"class":633},[519,1742,1743],{"class":675}," tailwindcss ",[519,1745,1280],{"class":633},[519,1747,637],{"class":636},[519,1749,462],{"class":528},[519,1751,643],{"class":636},[519,1753,646],{"class":636},[519,1755,1756,1758,1761,1763,1765,1768,1770],{"class":521,"line":538},[519,1757,751],{"class":633},[519,1759,1760],{"class":675}," vue ",[519,1762,1280],{"class":633},[519,1764,637],{"class":636},[519,1766,1767],{"class":528},"@vitejs\u002Fplugin-vue",[519,1769,643],{"class":636},[519,1771,646],{"class":636},[519,1773,1774,1776,1779,1781,1783,1786,1788],{"class":521,"line":662},[519,1775,751],{"class":633},[519,1777,1778],{"class":675}," laravel ",[519,1780,1280],{"class":633},[519,1782,637],{"class":636},[519,1784,1785],{"class":528},"laravel-vite-plugin",[519,1787,643],{"class":636},[519,1789,646],{"class":636},[519,1791,1792,1794,1796,1799,1801,1803,1805,1808,1810],{"class":521,"line":669},[519,1793,751],{"class":633},[519,1795,771],{"class":636},[519,1797,1798],{"class":675}," defineConfig",[519,1800,777],{"class":636},[519,1802,780],{"class":633},[519,1804,637],{"class":636},[519,1806,1807],{"class":528},"vite",[519,1809,643],{"class":636},[519,1811,646],{"class":636},[519,1813,1814],{"class":521,"line":681},[519,1815,666],{"emptyLinePlaceholder":665},[519,1817,1818,1821,1824,1826,1828],{"class":521,"line":849},[519,1819,1820],{"class":633},"export",[519,1822,1823],{"class":633}," default",[519,1825,1798],{"class":912},[519,1827,915],{"class":675},[519,1829,918],{"class":636},[519,1831,1832,1835,1837],{"class":521,"line":871},[519,1833,1834],{"class":924},"    plugins",[519,1836,928],{"class":636},[519,1838,1839],{"class":675}," [\n",[519,1841,1842,1845,1847],{"class":521,"line":894},[519,1843,1844],{"class":912},"        laravel",[519,1846,915],{"class":675},[519,1848,918],{"class":636},[519,1850,1851,1854,1856,1859,1861,1863,1865,1868],{"class":521,"line":899},[519,1852,1853],{"class":924},"            input",[519,1855,928],{"class":636},[519,1857,1858],{"class":675}," [",[519,1860,643],{"class":636},[519,1862,743],{"class":528},[519,1864,643],{"class":636},[519,1866,1867],{"class":675},"]",[519,1869,935],{"class":636},[519,1871,1872,1875,1877,1879,1882,1884],{"class":521,"line":921},[519,1873,1874],{"class":924},"            ssr",[519,1876,928],{"class":636},[519,1878,637],{"class":636},[519,1880,1881],{"class":528},"resources\u002Fjs\u002Fssr.ts",[519,1883,643],{"class":636},[519,1885,935],{"class":636},[519,1887,1888,1891,1893,1896],{"class":521,"line":938},[519,1889,1890],{"class":924},"            refresh",[519,1892,928],{"class":636},[519,1894,1895],{"class":931}," true",[519,1897,935],{"class":636},[519,1899,1900,1903,1905],{"class":521,"line":955},[519,1901,1902],{"class":636},"        }",[519,1904,987],{"class":675},[519,1906,935],{"class":636},[519,1908,1909,1912,1915],{"class":521,"line":972},[519,1910,1911],{"class":912},"        tailwindcss",[519,1913,1914],{"class":675},"()",[519,1916,935],{"class":636},[519,1918,1919,1922,1924],{"class":521,"line":992},[519,1920,1921],{"class":912},"        vue",[519,1923,1914],{"class":675},[519,1925,935],{"class":636},[519,1927,1928,1931],{"class":521,"line":1002},[519,1929,1930],{"class":675},"    ]",[519,1932,935],{"class":636},[519,1934,1935,1937,1939],{"class":521,"line":1007},[519,1936,995],{"class":636},[519,1938,987],{"class":675},[519,1940,646],{"class":636},[412,1942,1944],{"id":1943},"server-side-rendering","Server-Side Rendering",[395,1946,1947],{},"Si tu aplicación usa SSR, el entry point del servidor crea su propia instancia de Vue, por lo que también debe registrar el plugin de i18n:",[509,1949,1951],{"className":741,"code":1950,"filename":1881,"language":744,"meta":515,"style":515},"import { createInertiaApp } from '@inertiajs\u002Fvue3';\nimport createServer from '@inertiajs\u002Fvue3\u002Fserver';\nimport { resolvePageComponent } from 'laravel-vite-plugin\u002Finertia-helpers';\nimport { renderToString } from '@vue\u002Fserver-renderer';\nimport { createSSRApp, h, type DefineComponent } from 'vue';\nimport { createI18n } from 'vue-i18n';\nimport { addSpartanAllMessages } from '@placetopay\u002Fspartan-vue\u002Fi18n';\n\ncreateServer((page) =>\n    createInertiaApp({\n        page,\n        render: renderToString,\n        resolve: (name) =>\n            resolvePageComponent(\n                `.\u002Fpages\u002F${name}.vue`,\n                import.meta.glob\u003CDefineComponent>('.\u002Fpages\u002F**\u002F*.vue'),\n            ),\n        setup({ App, props, plugin }) {\n            const i18n = createI18n({\n                legacy: false,\n                locale: 'es',\n                fallbackLocale: 'en',\n                messages: addSpartanAllMessages({}),\n            });\n\n            return createSSRApp({ render: () => h(App, props) })\n                .use(plugin)\n                .use(i18n);\n        },\n    }),\n);\n",[399,1952,1953,1973,1991,2011,2033,2064,2084,2104,2108,2124,2133,2140,2151,2166,2173,2192,2223,2230,2251,2268,2279,2294,2309,2326,2335,2339,2374,2387,2401,2407,2417],{"__ignoreMap":515},[519,1954,1955,1957,1959,1961,1963,1965,1967,1969,1971],{"class":521,"line":522},[519,1956,751],{"class":633},[519,1958,771],{"class":636},[519,1960,774],{"class":675},[519,1962,777],{"class":636},[519,1964,780],{"class":633},[519,1966,637],{"class":636},[519,1968,442],{"class":528},[519,1970,643],{"class":636},[519,1972,646],{"class":636},[519,1974,1975,1977,1980,1982,1984,1987,1989],{"class":521,"line":538},[519,1976,751],{"class":633},[519,1978,1979],{"class":675}," createServer ",[519,1981,1280],{"class":633},[519,1983,637],{"class":636},[519,1985,1986],{"class":528},"@inertiajs\u002Fvue3\u002Fserver",[519,1988,643],{"class":636},[519,1990,646],{"class":636},[519,1992,1993,1995,1997,1999,2001,2003,2005,2007,2009],{"class":521,"line":662},[519,1994,751],{"class":633},[519,1996,771],{"class":636},[519,1998,797],{"class":675},[519,2000,777],{"class":636},[519,2002,780],{"class":633},[519,2004,637],{"class":636},[519,2006,806],{"class":528},[519,2008,643],{"class":636},[519,2010,646],{"class":636},[519,2012,2013,2015,2017,2020,2022,2024,2026,2029,2031],{"class":521,"line":669},[519,2014,751],{"class":633},[519,2016,771],{"class":636},[519,2018,2019],{"class":675}," renderToString",[519,2021,777],{"class":636},[519,2023,780],{"class":633},[519,2025,637],{"class":636},[519,2027,2028],{"class":528},"@vue\u002Fserver-renderer",[519,2030,643],{"class":636},[519,2032,646],{"class":636},[519,2034,2035,2037,2039,2042,2044,2046,2048,2050,2052,2054,2056,2058,2060,2062],{"class":521,"line":681},[519,2036,751],{"class":633},[519,2038,771],{"class":636},[519,2040,2041],{"class":675}," createSSRApp",[519,2043,822],{"class":636},[519,2045,825],{"class":675},[519,2047,822],{"class":636},[519,2049,830],{"class":633},[519,2051,833],{"class":675},[519,2053,777],{"class":636},[519,2055,780],{"class":633},[519,2057,637],{"class":636},[519,2059,842],{"class":528},[519,2061,643],{"class":636},[519,2063,646],{"class":636},[519,2065,2066,2068,2070,2072,2074,2076,2078,2080,2082],{"class":521,"line":849},[519,2067,751],{"class":633},[519,2069,771],{"class":636},[519,2071,856],{"class":675},[519,2073,777],{"class":636},[519,2075,780],{"class":633},[519,2077,637],{"class":636},[519,2079,499],{"class":528},[519,2081,643],{"class":636},[519,2083,646],{"class":636},[519,2085,2086,2088,2090,2092,2094,2096,2098,2100,2102],{"class":521,"line":871},[519,2087,751],{"class":633},[519,2089,771],{"class":636},[519,2091,878],{"class":675},[519,2093,777],{"class":636},[519,2095,780],{"class":633},[519,2097,637],{"class":636},[519,2099,887],{"class":528},[519,2101,643],{"class":636},[519,2103,646],{"class":636},[519,2105,2106],{"class":521,"line":894},[519,2107,666],{"emptyLinePlaceholder":665},[519,2109,2110,2113,2115,2117,2120,2122],{"class":521,"line":899},[519,2111,2112],{"class":912},"createServer",[519,2114,915],{"class":675},[519,2116,915],{"class":636},[519,2118,2119],{"class":1028},"page",[519,2121,987],{"class":636},[519,2123,1034],{"class":902},[519,2125,2126,2129,2131],{"class":521,"line":921},[519,2127,2128],{"class":912},"    createInertiaApp",[519,2130,915],{"class":675},[519,2132,918],{"class":636},[519,2134,2135,2138],{"class":521,"line":938},[519,2136,2137],{"class":675},"        page",[519,2139,935],{"class":636},[519,2141,2142,2145,2147,2149],{"class":521,"line":955},[519,2143,2144],{"class":924},"        render",[519,2146,928],{"class":636},[519,2148,2019],{"class":675},[519,2150,935],{"class":636},[519,2152,2153,2156,2158,2160,2162,2164],{"class":521,"line":972},[519,2154,2155],{"class":912},"        resolve",[519,2157,928],{"class":636},[519,2159,1025],{"class":636},[519,2161,1029],{"class":1028},[519,2163,987],{"class":636},[519,2165,1034],{"class":902},[519,2167,2168,2171],{"class":521,"line":992},[519,2169,2170],{"class":912},"            resolvePageComponent",[519,2172,1043],{"class":675},[519,2174,2175,2178,2180,2182,2184,2186,2188,2190],{"class":521,"line":1002},[519,2176,2177],{"class":636},"                `",[519,2179,1052],{"class":528},[519,2181,1055],{"class":636},[519,2183,1029],{"class":675},[519,2185,995],{"class":636},[519,2187,1062],{"class":528},[519,2189,1065],{"class":636},[519,2191,935],{"class":636},[519,2193,2194,2197,2199,2201,2203,2205,2207,2209,2211,2213,2215,2217,2219,2221],{"class":521,"line":1007},[519,2195,2196],{"class":633},"                import",[519,2198,707],{"class":636},[519,2200,1078],{"class":675},[519,2202,707],{"class":636},[519,2204,1083],{"class":912},[519,2206,1086],{"class":636},[519,2208,1089],{"class":525},[519,2210,1092],{"class":636},[519,2212,915],{"class":675},[519,2214,643],{"class":636},[519,2216,1099],{"class":528},[519,2218,643],{"class":636},[519,2220,987],{"class":675},[519,2222,935],{"class":636},[519,2224,2225,2228],{"class":521,"line":1017},[519,2226,2227],{"class":675},"            )",[519,2229,935],{"class":636},[519,2231,2232,2235,2237,2239,2241,2243,2245,2247,2249],{"class":521,"line":1037},[519,2233,2234],{"class":924},"        setup",[519,2236,1122],{"class":636},[519,2238,1130],{"class":1028},[519,2240,822],{"class":636},[519,2242,1135],{"class":1028},[519,2244,822],{"class":636},[519,2246,1140],{"class":1028},[519,2248,1143],{"class":636},[519,2250,1146],{"class":636},[519,2252,2253,2256,2259,2262,2264,2266],{"class":521,"line":1046},[519,2254,2255],{"class":902},"            const",[519,2257,2258],{"class":675}," i18n",[519,2260,2261],{"class":636}," =",[519,2263,856],{"class":912},[519,2265,915],{"class":924},[519,2267,918],{"class":636},[519,2269,2270,2273,2275,2277],{"class":521,"line":1070},[519,2271,2272],{"class":924},"                legacy",[519,2274,928],{"class":636},[519,2276,932],{"class":931},[519,2278,935],{"class":636},[519,2280,2281,2284,2286,2288,2290,2292],{"class":521,"line":1108},[519,2282,2283],{"class":924},"                locale",[519,2285,928],{"class":636},[519,2287,637],{"class":636},[519,2289,948],{"class":528},[519,2291,643],{"class":636},[519,2293,935],{"class":636},[519,2295,2296,2299,2301,2303,2305,2307],{"class":521,"line":1116},[519,2297,2298],{"class":924},"                fallbackLocale",[519,2300,928],{"class":636},[519,2302,637],{"class":636},[519,2304,965],{"class":528},[519,2306,643],{"class":636},[519,2308,935],{"class":636},[519,2310,2311,2314,2316,2318,2320,2322,2324],{"class":521,"line":1149},[519,2312,2313],{"class":924},"                messages",[519,2315,928],{"class":636},[519,2317,878],{"class":912},[519,2319,915],{"class":924},[519,2321,984],{"class":636},[519,2323,987],{"class":924},[519,2325,935],{"class":636},[519,2327,2328,2331,2333],{"class":521,"line":1190},[519,2329,2330],{"class":636},"            }",[519,2332,987],{"class":924},[519,2334,646],{"class":636},[519,2336,2337],{"class":521,"line":1206},[519,2338,666],{"emptyLinePlaceholder":665},[519,2340,2341,2344,2346,2348,2350,2352,2354,2356,2358,2360,2362,2364,2366,2368,2370,2372],{"class":521,"line":1220},[519,2342,2343],{"class":633},"            return",[519,2345,2041],{"class":912},[519,2347,915],{"class":924},[519,2349,1157],{"class":636},[519,2351,1160],{"class":912},[519,2353,928],{"class":636},[519,2355,1165],{"class":636},[519,2357,1168],{"class":902},[519,2359,825],{"class":912},[519,2361,915],{"class":924},[519,2363,1175],{"class":675},[519,2365,822],{"class":636},[519,2367,1135],{"class":675},[519,2369,1182],{"class":924},[519,2371,995],{"class":636},[519,2373,1187],{"class":924},[519,2375,2376,2379,2381,2383,2385],{"class":521,"line":1237},[519,2377,2378],{"class":636},"                .",[519,2380,1196],{"class":912},[519,2382,915],{"class":924},[519,2384,1201],{"class":675},[519,2386,1187],{"class":924},[519,2388,2389,2391,2393,2395,2397,2399],{"class":521,"line":1243},[519,2390,2378],{"class":636},[519,2392,1196],{"class":912},[519,2394,915],{"class":924},[519,2396,1215],{"class":675},[519,2398,987],{"class":924},[519,2400,646],{"class":636},[519,2402,2404],{"class":521,"line":2403},29,[519,2405,2406],{"class":636},"        },\n",[519,2408,2410,2413,2415],{"class":521,"line":2409},30,[519,2411,2412],{"class":636},"    }",[519,2414,987],{"class":675},[519,2416,935],{"class":636},[519,2418,2420,2422],{"class":521,"line":2419},31,[519,2421,987],{"class":675},[519,2423,646],{"class":636},[690,2425,2426,2427,425,2430,2433,2434,2437],{},"Crea la instancia de ",[399,2428,2429],{},"createI18n",[404,2431,2432],{},"dentro"," de ",[399,2435,2436],{},"setup",", no a nivel de módulo. En SSR el proceso atiende varias peticiones y una instancia compartida filtra el idioma de un usuario a otro.",[412,2439,2441],{"id":2440},"modo-oscuro","Modo oscuro",[395,2443,2444,2445,2448],{},"Spartan activa el modo oscuro con la estrategia de clase ",[399,2446,2447],{},".dark",". Añádela al elemento raíz de tu plantilla Blade:",[509,2450,2455],{"className":2451,"code":2452,"filename":2453,"language":2454,"meta":515,"style":515},"language-blade shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003C!DOCTYPE html>\n\u003Chtml lang=\"{{ str_replace('_', '-', app()->getLocale()) }}\" class=\"dark\">\n\u003Chead>\n    @vite(['resources\u002Fjs\u002Fapp.ts', 'resources\u002Fcss\u002Fapp.css'])\n    @inertiaHead\n\u003C\u002Fhead>\n\u003Cbody>\n    @inertia\n\u003C\u002Fbody>\n\u003C\u002Fhtml>\n","resources\u002Fviews\u002Fapp.blade.php","blade",[399,2456,2457,2462,2467,2472,2477,2482,2487,2492,2497,2502],{"__ignoreMap":515},[519,2458,2459],{"class":521,"line":522},[519,2460,2461],{},"\u003C!DOCTYPE html>\n",[519,2463,2464],{"class":521,"line":538},[519,2465,2466],{},"\u003Chtml lang=\"{{ str_replace('_', '-', app()->getLocale()) }}\" class=\"dark\">\n",[519,2468,2469],{"class":521,"line":662},[519,2470,2471],{},"\u003Chead>\n",[519,2473,2474],{"class":521,"line":669},[519,2475,2476],{},"    @vite(['resources\u002Fjs\u002Fapp.ts', 'resources\u002Fcss\u002Fapp.css'])\n",[519,2478,2479],{"class":521,"line":681},[519,2480,2481],{},"    @inertiaHead\n",[519,2483,2484],{"class":521,"line":849},[519,2485,2486],{},"\u003C\u002Fhead>\n",[519,2488,2489],{"class":521,"line":871},[519,2490,2491],{},"\u003Cbody>\n",[519,2493,2494],{"class":521,"line":894},[519,2495,2496],{},"    @inertia\n",[519,2498,2499],{"class":521,"line":899},[519,2500,2501],{},"\u003C\u002Fbody>\n",[519,2503,2504],{"class":521,"line":921},[519,2505,2506],{},"\u003C\u002Fhtml>\n",[395,2508,2509,2510,2513,2514,707],{},"Para alternarlo en tiempo de ejecución, agrega o quita la clase ",[399,2511,2512],{},"dark"," sobre ",[399,2515,2516],{},"document.documentElement",[412,2518,2520],{"id":2519},"personalización-del-tema","Personalización del tema",[395,2522,2523,2524,2527,2528,2531,2532,2534],{},"La paleta primaria se sobrescribe con variables CSS dentro de ",[399,2525,2526],{},"@theme",", siempre ",[404,2529,2530],{},"después"," del ",[399,2533,620],{}," de Spartan:",[509,2536,2538],{"className":624,"code":2537,"filename":616,"language":626,"meta":515,"style":515},"@import 'tailwindcss';\n@import '@placetopay\u002Fspartan-vue\u002Fstyles.css';\n\n@source '..\u002Fjs\u002F**\u002F*.{vue,js,ts}';\n@source '..\u002Fviews\u002F**\u002F*.blade.php';\n\n@theme {\n  --color-spartan-primary-50:  rgb(228 242 253);\n  --color-spartan-primary-500: rgb(33 150 243);\n  --color-spartan-primary-900: rgb(13 42 84);\n}\n",[399,2539,2540,2552,2564,2568,2576,2584,2588,2594,2599,2604,2609],{"__ignoreMap":515},[519,2541,2542,2544,2546,2548,2550],{"class":521,"line":522},[519,2543,620],{"class":633},[519,2545,637],{"class":636},[519,2547,640],{"class":528},[519,2549,643],{"class":636},[519,2551,646],{"class":636},[519,2553,2554,2556,2558,2560,2562],{"class":521,"line":538},[519,2555,620],{"class":633},[519,2557,637],{"class":636},[519,2559,655],{"class":528},[519,2561,643],{"class":636},[519,2563,646],{"class":636},[519,2565,2566],{"class":521,"line":662},[519,2567,666],{"emptyLinePlaceholder":665},[519,2569,2570,2572,2574],{"class":521,"line":669},[519,2571,672],{"class":633},[519,2573,676],{"class":675},[519,2575,646],{"class":636},[519,2577,2578,2580,2582],{"class":521,"line":681},[519,2579,672],{"class":633},[519,2581,686],{"class":675},[519,2583,646],{"class":636},[519,2585,2586],{"class":521,"line":849},[519,2587,666],{"emptyLinePlaceholder":665},[519,2589,2590,2592],{"class":521,"line":871},[519,2591,2526],{"class":633},[519,2593,1146],{"class":636},[519,2595,2596],{"class":521,"line":894},[519,2597,2598],{"class":675},"  --color-spartan-primary-50:  rgb(228 242 253);\n",[519,2600,2601],{"class":521,"line":899},[519,2602,2603],{"class":675},"  --color-spartan-primary-500: rgb(33 150 243);\n",[519,2605,2606],{"class":521,"line":921},[519,2607,2608],{"class":675},"  --color-spartan-primary-900: rgb(13 42 84);\n",[519,2610,2611],{"class":521,"line":938},[519,2612,2613],{"class":636},"}\n",[395,2615,2616,2617,2621],{},"Consulta la ",[2618,2619,2620],"a",{"href":17},"guía de instalación"," para la paleta completa y para excluir la tipografía Inter.",[412,2623,2625],{"id":2624},"problemas-comunes","Problemas comunes",[490,2627,2629],{"id":2628},"los-estilos-no-se-aplican","Los estilos no se aplican",[395,2631,2632,2633,2635,2636,2639,2640,2643,2644,2646,2647,2649],{},"Revisa que ",[399,2634,616],{}," esté declarado en el ",[399,2637,2638],{},"@vite"," de tu plantilla Blade ",[404,2641,2642],{},"y"," que los globs de ",[399,2645,672],{}," cubran ",[399,2648,401],{},". Recuerda que esas rutas son relativas al archivo CSS.",[490,2651,2653],{"id":2652},"las-clases-aparecen-en-desarrollo-pero-no-en-producción","Las clases aparecen en desarrollo pero no en producción",[395,2655,2656,2657,2659,2660,707],{},"Vite purga clases no detectadas al compilar. Si un componente recibe clases construidas dinámicamente en PHP o Blade, añade un ",[399,2658,672],{}," que cubra esos archivos, o declara las clases con ",[399,2661,2662],{},"@source inline(...)",[490,2664,2666],{"id":2665},"los-textos-internos-de-los-componentes-no-se-traducen","Los textos internos de los componentes no se traducen",[395,2668,2669,2670,2673,2674,2677,2678,2681,2682,2685,2686,707],{},"Confirma que el plugin de i18n esté registrado en ",[399,2671,2672],{},"app.ts"," (y en ",[399,2675,2676],{},"ssr.ts"," si usas SSR) y que ",[399,2679,2680],{},"legacy"," esté en ",[399,2683,2684],{},"false",". Más detalle en la ",[2618,2687,2688],{"href":42},"guía de i18n",[490,2690,2692],{"id":2691},"errores-de-resolución-con-pnpm","Errores de resolución con pnpm",[395,2694,2695,2696,2699,2700,2702,2703,2706,2707,707],{},"Desde ",[399,2697,2698],{},"3.0.0-beta.17"," Spartan declara todas sus dependencias, por lo que funciona con el ",[399,2701,716],{}," estricto de pnpm. Si estás fijado a una versión anterior, añade ",[399,2704,2705],{},"shamefully-hoist=true"," a tu ",[399,2708,2709],{},".npmrc",[2711,2712,2713],"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);}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}html pre.shiki code .sHdIc, html code.shiki .sHdIc{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}",{"title":515,"searchDepth":538,"depth":538,"links":2715},[2716,2717,2723,2724,2725,2726,2727],{"id":414,"depth":538,"text":415},{"id":484,"depth":538,"text":485,"children":2718},[2719,2720,2721,2722],{"id":492,"depth":662,"text":493},{"id":609,"depth":662,"text":610},{"id":734,"depth":662,"text":735},{"id":1399,"depth":662,"text":1400},{"id":1723,"depth":538,"text":1724},{"id":1943,"depth":538,"text":1944},{"id":2440,"depth":538,"text":2441},{"id":2519,"depth":538,"text":2520},{"id":2624,"depth":538,"text":2625,"children":2728},[2729,2730,2731,2732],{"id":2628,"depth":662,"text":2629},{"id":2652,"depth":662,"text":2653},{"id":2665,"depth":662,"text":2666},{"id":2691,"depth":662,"text":2692},"Integra Spartan en una aplicación Laravel con Inertia y Vue 3.","md",null,{},{"icon":24},{"title":21,"description":2739},"Guía paso a paso para instalar y configurar Spartan en un proyecto Laravel con Inertia, Vue 3 y TailwindCSS v4.","L2DaNdyhC8XPT9Y3JCrbWAVspQnhu3EW3OdDP8dUyhs",[2742,2744],{"title":16,"path":17,"stem":18,"description":2743,"icon":19,"children":-1},"Instala y configura Spartan en tu proyecto.",{"title":26,"path":27,"stem":28,"description":2745,"icon":29,"children":-1},"Instala la skill de Spartan Vue para que tu asistente de IA conozca los componentes de la librería y te ayude a usarlos.",1791292969185]