[{"data":1,"prerenderedAt":55},["ShallowReactive",2],{"\u002Fapi\u002Fpage\u002Fes\u002Fskills\u002Fsumi-shopify\u002Fshopify-storefront-js":3,"PageBody_7OX5whcDFwJ9XHkbLMgpDSXwQ2bM0i302OMcErxVqM":47},{"title":4,"description":5,"plugin":6,"kind":7,"references":8,"source":9,"stale":10,"heading":11,"toc":12,"locale":46},"shopify-storefront-js","JavaScript de la tienda para temas de Shopify: JS puro y Web Components, mejora progresiva sobre los formularios de Liquid, Section Rendering API, Cart AJAX API (add, change, update, renderizado agrupado de sections para el cajón del carrito y los contadores), búsqueda predictiva, selección de variantes con sincronización de URL y medios, eventos del editor del tema, debounce y gestión de condiciones de carrera, anuncios con aria-live y carga de scripts sin bloqueo. Úsala al escribir o revisar assets\u002F*.js, src\u002F**\u002F*.{js,ts}, custom elements, cajón del carrito, quick add, selectores de cantidad, facetas\u002Ffiltros, búsqueda predictiva, selectores de variante, o cuando una section deba actualizarse sin recargar la página completa.","sumi-shopify","skill",1,"plugins\u002Fsumi-shopify\u002Fskills\u002Fshopify-storefront-js\u002FSKILL.md",false,"JavaScript de la tienda en Shopify",[13,16,19,22,25,28,31,34,37,40,43],{"id":14,"text":15},"principles","Principios",{"id":17,"text":18},"web-component-pattern","Patrón de Web Component",{"id":20,"text":21},"section-rendering-api","Section Rendering API",{"id":23,"text":24},"cart-ajax-api","Cart AJAX API",{"id":26,"text":27},"variant-selection","Selección de variantes",{"id":29,"text":30},"predictive-search","Búsqueda predictiva",{"id":32,"text":33},"async-correctness","Corrección asíncrona",{"id":35,"text":36},"theme-editor-support","Compatibilidad con el editor del tema",{"id":38,"text":39},"ai-slop-tells","Señales de relleno de IA",{"id":41,"text":42},"done-checklist","Lista de verificación",{"id":44,"text":45},"storefront-ajax-apis-patterns","APIs AJAX de la tienda: patrones","es",["Island",48],{"key":49,"result":50},"PageBody_7OX5whcDFwJ9XHkbLMgpDSXwQ2bM0i302OMcErxVqM",{"head":51},{"style":52},[53],{"innerHTML":54},".prose[data-v-1545ba8e]{max-width:var(--measure-prose)}.prose[data-v-1545ba8e] h2{margin-block:var(--space-8) var(--space-4)}.prose[data-v-1545ba8e] h3{margin-block:var(--space-6) var(--space-3)}.prose[data-v-1545ba8e] h4{margin-block:var(--space-5) var(--space-3);font-family:var(--font-mono);font-variation-settings:\"wdth\" var(--mono-width-label);font-size:var(--text-small);text-transform:uppercase;letter-spacing:var(--text-label-ls);color:var(--color-text-muted)}.prose[data-v-1545ba8e] ol,.prose[data-v-1545ba8e] p,.prose[data-v-1545ba8e] ul{margin-block-end:var(--space-4)}.prose[data-v-1545ba8e] li{margin-block-end:var(--space-2)}.prose[data-v-1545ba8e] ol,.prose[data-v-1545ba8e] ul{padding-inline-start:var(--space-5)}.prose[data-v-1545ba8e] li:has(.task-box){list-style:none}.prose[data-v-1545ba8e] .task-box{width:.8em;height:.8em;border:var(--border-width) solid var(--color-border);vertical-align:baseline;margin-inline-end:var(--space-2);display:inline-block}.prose[data-v-1545ba8e] code{padding:1px var(--space-1);background:var(--color-surface-sunk);border:var(--border-width) solid var(--color-border)}.prose[data-v-1545ba8e] pre{padding:var(--space-4);background:var(--color-surface-sunk);border:var(--border-width) solid var(--color-border);margin-block-end:var(--space-5);overflow-x:auto}.prose[data-v-1545ba8e] pre code{background:0 0;border:0;padding:0}.prose[data-v-1545ba8e] .table-scroll{max-width:none;margin-block-end:var(--space-5);overflow-x:auto}.prose[data-v-1545ba8e] table{border-collapse:collapse;width:100%;min-width:32rem;font-size:var(--text-small);line-height:var(--text-small-lh)}.prose[data-v-1545ba8e] td,.prose[data-v-1545ba8e] th{padding:var(--space-3) var(--space-4);text-align:start;vertical-align:top;border-block-start:var(--divider-width) solid var(--color-divider)}.prose[data-v-1545ba8e] th{font-family:var(--font-mono);font-variation-settings:\"wdth\" var(--mono-width-label);font-size:var(--text-label);letter-spacing:var(--text-label-ls);text-transform:uppercase;color:var(--color-text-muted);border-block-end:var(--border-width) solid var(--color-border)}.prose[data-v-1545ba8e] blockquote{margin:0 0 var(--space-5);border-inline-start:var(--seam-width) solid var(--color-seam);color:var(--color-text-muted);padding-inline-start:var(--space-4)}.prose[data-v-1545ba8e] hr{margin-block:var(--space-7);border:0;border-block-start:var(--divider-width) solid var(--color-divider)}.prose[data-v-1545ba8e] pre,.prose[data-v-1545ba8e] table{max-width:none}",1791464218372]