[{"data":1,"prerenderedAt":99134},["ShallowReactive",2],{"app-menu-posts":3,"blog-vue-lifecycle-ssr-serverprefetch.es-es":51920,"blog-slug-sidebar-posts":53219},[4,1674,3171,5161,7503,9077,10659,11926,13085,15707,17778,20597,21896,24577,25859,28119,30953,33984,36972,40329,42202,45599,46397,48352,49020,49892,50878,51078,51736],{"id":5,"title":6,"body":7,"cover":1623,"coverAlt":1624,"date":1625,"description":1626,"draft":1627,"extension":1628,"head":1629,"locale":1641,"meta":1642,"navigation":327,"path":1648,"schemaOrg":1649,"seo":1652,"series":1653,"seriesDescription":1654,"seriesOrder":391,"seriesTitle":1655,"slug":1656,"stem":1657,"tags":1658,"__hash__":1673},"blog/blog/vue-lifecycle-ssr-serverprefetch.es.md","Ciclos de vida en Vue: renderizado del lado del servidor (serverPrefetch)",{"type":8,"value":9,"toc":1609},"minimark",[10,20,24,29,34,37,53,58,62,76,79,93,96,123,126,130,135,146,153,157,160,163,181,187,191,196,205,215,219,237,241,244,249,253,259,262,266,968,1581,1587,1593,1597,1602,1605],[11,12,14,15,19],"h1",{"id":13},"ciclos-de-vida-en-vue-renderizado-del-lado-del-servidor-serverprefetch","Ciclos de vida en Vue: renderizado del lado del servidor (",[16,17,18],"code",{},"serverPrefetch",")",[21,22,23],"p",{},"Cuando una aplicación usa SSR (Server-Side Rendering), el primer render ya no ocurre únicamente en el navegador. El servidor genera el HTML antes de enviarlo y, si los datos importantes llegan tarde, el usuario recibe una página incompleta o poco útil hasta que el cliente vuelve a solicitarlos.",[21,25,26,28],{},[16,27,18],{}," existe precisamente para resolver ese momento. Permite esperar datos asíncronos antes de renderizar el componente en el servidor, de modo que el HTML inicial ya incluya contenido real y no dependa de esqueletos o placeholders que cambian durante la hidratación.",[30,31,33],"h2",{"id":32},"por-qué-esto-importa","Por qué esto importa",[21,35,36],{},"En SSR, la primera impresión depende del HTML generado en el servidor. Si un producto, un artículo o un resumen de dashboard se cargan solo después de montar el componente en el cliente, se pierden varias ventajas:",[38,39,40,44,47,50],"ul",{},[41,42,43],"li",{},"El usuario ve menos contenido útil en el primer paint.",[41,45,46],{},"El SEO recibe un documento más pobre.",[41,48,49],{},"La hidratación puede sentirse inconsistente.",[41,51,52],{},"Se duplica trabajo entre servidor y cliente.",[21,54,55,57],{},[16,56,18],{}," ayuda a que los datos críticos estén disponibles a tiempo para el render inicial. No sustituye toda la estrategia de obtención de datos, pero cubre muy bien la fase previa al render del servidor.",[30,59,61],{"id":60},"concepto-clave","Concepto clave",[21,63,64,66,67,70,71,75],{},[16,65,18],{}," (Options API) y ",[16,68,69],{},"onServerPrefetch()"," (Composition API) permiten registrar una función asíncrona que Vue resuelve ",[72,73,74],"strong",{},"antes"," de renderizar el componente en el servidor.",[21,77,78],{},"Flujo simplificado:",[38,80,81,84,87,90],{},[41,82,83],{},"El componente entra en el árbol SSR.",[41,85,86],{},"Vue ejecuta el hook.",[41,88,89],{},"Si el hook devuelve una promesa, el renderer espera.",[41,91,92],{},"Cuando la promesa se resuelve, Vue genera el HTML con los datos disponibles.",[21,94,95],{},"Matices importantes:",[38,97,98,105,108],{},[41,99,100,101,104],{},"Solo se ejecuta durante ",[72,102,103],{},"server-side rendering",".",[41,106,107],{},"No reemplaza la carga en cliente cuando el componente aparece fuera del render inicial.",[41,109,110,111,114,115,118,119,122],{},"En ",[72,112,113],{},"Nuxt",", suele ser preferible usar ",[16,116,117],{},"useAsyncData()"," o ",[16,120,121],{},"useFetch()",", ya que integran serialización, caché e hidratación automáticamente.",[21,124,125],{},"Puedes pensar en este hook como una herramienta de bajo nivel para SSR: útil cuando necesitas control fino dentro de un componente renderizado en servidor.",[30,127,129],{"id":128},"cuándo-usarlo","Cuándo usarlo",[21,131,132,134],{},[16,133,18],{}," es adecuado cuando el contenido del HTML inicial es crítico:",[38,136,137,140,143],{},[41,138,139],{},"Páginas de producto con nombre, precio y disponibilidad.",[41,141,142],{},"Artículos o contenido público que debe ser indexable y visible desde el inicio.",[41,144,145],{},"Componentes que dependen del request actual antes de renderizar.",[21,147,148,149,152],{},"Regla práctica: si el dato debe existir ",[72,150,151],{},"antes del render del servidor",", este hook es una buena opción.",[30,154,156],{"id":155},"cuándo-evitarlo","Cuándo evitarlo",[21,158,159],{},"No es recomendable usarlo como solución genérica para cualquier fetch.",[21,161,162],{},"Evítalo cuando:",[38,164,165,168,171,178],{},[41,166,167],{},"El componente solo se renderiza en cliente.",[41,169,170],{},"La información no es crítica para el HTML inicial.",[41,172,173,174,118,176,104],{},"Ya usas Nuxt y el caso encaja mejor en ",[16,175,117],{},[16,177,121],{},[41,179,180],{},"El fetch depende de API exclusivas del navegador.",[21,182,183,184,186],{},"Además, evita operaciones costosas o innecesarias: todo lo que ejecutes en ",[16,185,18],{}," impacta directamente en el tiempo de respuesta del servidor.",[30,188,190],{"id":189},"errores-comunes","Errores comunes",[192,193,195],"h3",{"id":194},"_1-asumir-que-también-se-ejecuta-en-navegación-cliente","1. Asumir que también se ejecuta en navegación cliente",[21,197,198,200,201,204],{},[16,199,18],{}," no sustituye ",[16,202,203],{},"mounted"," ni una estrategia completa de carga de datos. Si el componente se renderiza solo en cliente, este hook no se ejecuta.",[21,206,207,208,118,211,214],{},"Solución: añadir un fallback en ",[16,209,210],{},"onMounted()",[16,212,213],{},"mounted()"," cuando los datos no estén disponibles.",[192,216,218],{"id":217},"_2-usar-api-del-navegador","2. Usar API del navegador",[21,220,221,222,225,226,229,230,233,234,236],{},"Durante SSR no existen ",[16,223,224],{},"window",", ",[16,227,228],{},"document"," ni ",[16,231,232],{},"localStorage",". El código dentro de ",[16,235,18],{}," debe ser seguro para ejecutarse en servidor.",[192,238,240],{"id":239},"_3-duplicar-el-fetch-innecesariamente","3. Duplicar el fetch innecesariamente",[21,242,243],{},"Si el servidor ya obtuvo los datos, no tiene sentido repetir la petición en cliente.",[21,245,246,247,104],{},"Solución: comprobar si el estado ya existe antes de hacer el fetch en ",[16,248,203],{},[192,250,252],{"id":251},"_4-sobrecargar-componentes-profundos","4. Sobrecargar componentes profundos",[21,254,255,256,258],{},"Multiplicar ",[16,257,18],{}," en muchos componentes puede aumentar el tiempo de respuesta y dificultar el flujo de datos.",[21,260,261],{},"Distribuye responsabilidades: página, layout y componentes deben tener roles claros.",[30,263,265],{"id":264},"ejemplo-práctico","Ejemplo práctico",[267,268,274],"pre",{"className":269,"code":270,"filename":271,"language":272,"meta":273,"style":273},"language-vue shiki shiki-themes github-light github-dark","\u003Cscript setup lang=\"ts\">\nimport { onMounted, onServerPrefetch, ref } from 'vue'\n\ntype Product = {\n id: number\n name: string\n price: number\n stock: number\n}\n\nconst product = ref\u003CProduct | null>(null)\nconst errorMessage = ref('')\n\nasync function fetchProduct() {\n const response = await fetch('https://api.example.com/products/42')\n\n if (!response.ok) {\n throw new Error('No fue posible cargar el producto.')\n }\n\n product.value = (await response.json()) as Product\n}\n\nonServerPrefetch(async () => {\n try {\n await fetchProduct()\n } catch (error) {\n errorMessage.value =\n error instanceof Error ? error.message : 'Error inesperado en SSR.'\n }\n})\n\nonMounted(async () => {\n if (product.value || errorMessage.value) return\n\n try {\n await fetchProduct()\n } catch (error) {\n errorMessage.value =\n error instanceof Error ? error.message : 'Error inesperado en cliente.'\n }\n})\n\u003C/script>\n\n\u003Ctemplate>\n \u003Carticle class=\"product-card\">\n \u003Cp v-if=\"errorMessage\">{{ errorMessage }}\u003C/p>\n\n \u003Ctemplate v-else-if=\"product\">\n \u003Ch1>{{ product.name }}\u003C/h1>\n \u003Cp>Precio: {{ product.price }} USD\u003C/p>\n \u003Cp>Stock: {{ product.stock }}\u003C/p>\n \u003C/template>\n\n \u003Cp v-else>Cargando producto...\u003C/p>\n \u003C/article>\n\u003C/template>\n","Composition API","vue","",[16,275,276,306,322,329,344,358,369,379,389,395,400,434,454,459,474,498,503,518,537,543,548,576,581,586,604,612,623,635,644,666,671,677,682,698,715,720,727,736,745,752,770,775,780,790,795,805,824,847,852,874,889,903,917,927,932,949,959],{"__ignoreMap":273},[277,278,281,285,289,293,296,299,303],"span",{"class":279,"line":280},"line",1,[277,282,284],{"class":283},"sVt8B","\u003C",[277,286,288],{"class":287},"s9eBZ","script",[277,290,292],{"class":291},"sScJk"," setup",[277,294,295],{"class":291}," lang",[277,297,298],{"class":283},"=",[277,300,302],{"class":301},"sZZnC","\"ts\"",[277,304,305],{"class":283},">\n",[277,307,309,313,316,319],{"class":279,"line":308},2,[277,310,312],{"class":311},"szBVR","import",[277,314,315],{"class":283}," { onMounted, onServerPrefetch, ref } ",[277,317,318],{"class":311},"from",[277,320,321],{"class":301}," 'vue'\n",[277,323,325],{"class":279,"line":324},3,[277,326,328],{"emptyLinePlaceholder":327},true,"\n",[277,330,332,335,338,341],{"class":279,"line":331},4,[277,333,334],{"class":311},"type",[277,336,337],{"class":291}," Product",[277,339,340],{"class":311}," =",[277,342,343],{"class":283}," {\n",[277,345,347,351,354],{"class":279,"line":346},5,[277,348,350],{"class":349},"s4XuR"," id",[277,352,353],{"class":311},":",[277,355,357],{"class":356},"sj4cs"," number\n",[277,359,361,364,366],{"class":279,"line":360},6,[277,362,363],{"class":349}," name",[277,365,353],{"class":311},[277,367,368],{"class":356}," string\n",[277,370,372,375,377],{"class":279,"line":371},7,[277,373,374],{"class":349}," price",[277,376,353],{"class":311},[277,378,357],{"class":356},[277,380,382,385,387],{"class":279,"line":381},8,[277,383,384],{"class":349}," stock",[277,386,353],{"class":311},[277,388,357],{"class":356},[277,390,392],{"class":279,"line":391},9,[277,393,394],{"class":283},"}\n",[277,396,398],{"class":279,"line":397},10,[277,399,328],{"emptyLinePlaceholder":327},[277,401,403,406,409,411,414,416,419,422,425,428,431],{"class":279,"line":402},11,[277,404,405],{"class":311},"const",[277,407,408],{"class":356}," product",[277,410,340],{"class":311},[277,412,413],{"class":291}," ref",[277,415,284],{"class":283},[277,417,418],{"class":291},"Product",[277,420,421],{"class":311}," |",[277,423,424],{"class":356}," null",[277,426,427],{"class":283},">(",[277,429,430],{"class":356},"null",[277,432,433],{"class":283},")\n",[277,435,437,439,442,444,446,449,452],{"class":279,"line":436},12,[277,438,405],{"class":311},[277,440,441],{"class":356}," errorMessage",[277,443,340],{"class":311},[277,445,413],{"class":291},[277,447,448],{"class":283},"(",[277,450,451],{"class":301},"''",[277,453,433],{"class":283},[277,455,457],{"class":279,"line":456},13,[277,458,328],{"emptyLinePlaceholder":327},[277,460,462,465,468,471],{"class":279,"line":461},14,[277,463,464],{"class":311},"async",[277,466,467],{"class":311}," function",[277,469,470],{"class":291}," fetchProduct",[277,472,473],{"class":283},"() {\n",[277,475,477,480,483,485,488,491,493,496],{"class":279,"line":476},15,[277,478,479],{"class":311}," const",[277,481,482],{"class":356}," response",[277,484,340],{"class":311},[277,486,487],{"class":311}," await",[277,489,490],{"class":291}," fetch",[277,492,448],{"class":283},[277,494,495],{"class":301},"'https://api.example.com/products/42'",[277,497,433],{"class":283},[277,499,501],{"class":279,"line":500},16,[277,502,328],{"emptyLinePlaceholder":327},[277,504,506,509,512,515],{"class":279,"line":505},17,[277,507,508],{"class":311}," if",[277,510,511],{"class":283}," (",[277,513,514],{"class":311},"!",[277,516,517],{"class":283},"response.ok) {\n",[277,519,521,524,527,530,532,535],{"class":279,"line":520},18,[277,522,523],{"class":311}," throw",[277,525,526],{"class":311}," new",[277,528,529],{"class":291}," Error",[277,531,448],{"class":283},[277,533,534],{"class":301},"'No fue posible cargar el producto.'",[277,536,433],{"class":283},[277,538,540],{"class":279,"line":539},19,[277,541,542],{"class":283}," }\n",[277,544,546],{"class":279,"line":545},20,[277,547,328],{"emptyLinePlaceholder":327},[277,549,551,554,556,558,561,564,567,570,573],{"class":279,"line":550},21,[277,552,553],{"class":283}," product.value ",[277,555,298],{"class":311},[277,557,511],{"class":283},[277,559,560],{"class":311},"await",[277,562,563],{"class":283}," response.",[277,565,566],{"class":291},"json",[277,568,569],{"class":283},"()) ",[277,571,572],{"class":311},"as",[277,574,575],{"class":291}," Product\n",[277,577,579],{"class":279,"line":578},22,[277,580,394],{"class":283},[277,582,584],{"class":279,"line":583},23,[277,585,328],{"emptyLinePlaceholder":327},[277,587,589,592,594,596,599,602],{"class":279,"line":588},24,[277,590,591],{"class":291},"onServerPrefetch",[277,593,448],{"class":283},[277,595,464],{"class":311},[277,597,598],{"class":283}," () ",[277,600,601],{"class":311},"=>",[277,603,343],{"class":283},[277,605,607,610],{"class":279,"line":606},25,[277,608,609],{"class":311}," try",[277,611,343],{"class":283},[277,613,615,618,620],{"class":279,"line":614},26,[277,616,617],{"class":311}," await",[277,619,470],{"class":291},[277,621,622],{"class":283},"()\n",[277,624,626,629,632],{"class":279,"line":625},27,[277,627,628],{"class":283}," } ",[277,630,631],{"class":311},"catch",[277,633,634],{"class":283}," (error) {\n",[277,636,638,641],{"class":279,"line":637},28,[277,639,640],{"class":283}," errorMessage.value ",[277,642,643],{"class":311},"=\n",[277,645,647,650,653,655,658,661,663],{"class":279,"line":646},29,[277,648,649],{"class":283}," error ",[277,651,652],{"class":311},"instanceof",[277,654,529],{"class":291},[277,656,657],{"class":311}," ?",[277,659,660],{"class":283}," error.message ",[277,662,353],{"class":311},[277,664,665],{"class":301}," 'Error inesperado en SSR.'\n",[277,667,669],{"class":279,"line":668},30,[277,670,542],{"class":283},[277,672,674],{"class":279,"line":673},31,[277,675,676],{"class":283},"})\n",[277,678,680],{"class":279,"line":679},32,[277,681,328],{"emptyLinePlaceholder":327},[277,683,685,688,690,692,694,696],{"class":279,"line":684},33,[277,686,687],{"class":291},"onMounted",[277,689,448],{"class":283},[277,691,464],{"class":311},[277,693,598],{"class":283},[277,695,601],{"class":311},[277,697,343],{"class":283},[277,699,701,703,706,709,712],{"class":279,"line":700},34,[277,702,508],{"class":311},[277,704,705],{"class":283}," (product.value ",[277,707,708],{"class":311},"||",[277,710,711],{"class":283}," errorMessage.value) ",[277,713,714],{"class":311},"return\n",[277,716,718],{"class":279,"line":717},35,[277,719,328],{"emptyLinePlaceholder":327},[277,721,723,725],{"class":279,"line":722},36,[277,724,609],{"class":311},[277,726,343],{"class":283},[277,728,730,732,734],{"class":279,"line":729},37,[277,731,617],{"class":311},[277,733,470],{"class":291},[277,735,622],{"class":283},[277,737,739,741,743],{"class":279,"line":738},38,[277,740,628],{"class":283},[277,742,631],{"class":311},[277,744,634],{"class":283},[277,746,748,750],{"class":279,"line":747},39,[277,749,640],{"class":283},[277,751,643],{"class":311},[277,753,755,757,759,761,763,765,767],{"class":279,"line":754},40,[277,756,649],{"class":283},[277,758,652],{"class":311},[277,760,529],{"class":291},[277,762,657],{"class":311},[277,764,660],{"class":283},[277,766,353],{"class":311},[277,768,769],{"class":301}," 'Error inesperado en cliente.'\n",[277,771,773],{"class":279,"line":772},41,[277,774,542],{"class":283},[277,776,778],{"class":279,"line":777},42,[277,779,676],{"class":283},[277,781,783,786,788],{"class":279,"line":782},43,[277,784,785],{"class":283},"\u003C/",[277,787,288],{"class":287},[277,789,305],{"class":283},[277,791,793],{"class":279,"line":792},44,[277,794,328],{"emptyLinePlaceholder":327},[277,796,798,800,803],{"class":279,"line":797},45,[277,799,284],{"class":283},[277,801,802],{"class":287},"template",[277,804,305],{"class":283},[277,806,808,811,814,817,819,822],{"class":279,"line":807},46,[277,809,810],{"class":283}," \u003C",[277,812,813],{"class":287},"article",[277,815,816],{"class":291}," class",[277,818,298],{"class":283},[277,820,821],{"class":301},"\"product-card\"",[277,823,305],{"class":283},[277,825,827,830,832,835,837,840,843,845],{"class":279,"line":826},47,[277,828,829],{"class":283}," \u003C",[277,831,21],{"class":287},[277,833,834],{"class":291}," v-if",[277,836,298],{"class":283},[277,838,839],{"class":301},"\"errorMessage\"",[277,841,842],{"class":283},">{{ errorMessage }}\u003C/",[277,844,21],{"class":287},[277,846,305],{"class":283},[277,848,850],{"class":279,"line":849},48,[277,851,328],{"emptyLinePlaceholder":327},[277,853,855,857,859,862,864,867,870,872],{"class":279,"line":854},49,[277,856,829],{"class":283},[277,858,802],{"class":287},[277,860,861],{"class":311}," v-else-if",[277,863,298],{"class":283},[277,865,866],{"class":301},"\"",[277,868,869],{"class":283},"product",[277,871,866],{"class":301},[277,873,305],{"class":283},[277,875,877,880,882,885,887],{"class":279,"line":876},50,[277,878,879],{"class":283}," \u003C",[277,881,11],{"class":287},[277,883,884],{"class":283},">{{ product.name }}\u003C/",[277,886,11],{"class":287},[277,888,305],{"class":283},[277,890,892,894,896,899,901],{"class":279,"line":891},51,[277,893,879],{"class":283},[277,895,21],{"class":287},[277,897,898],{"class":283},">Precio: {{ product.price }} USD\u003C/",[277,900,21],{"class":287},[277,902,305],{"class":283},[277,904,906,908,910,913,915],{"class":279,"line":905},52,[277,907,879],{"class":283},[277,909,21],{"class":287},[277,911,912],{"class":283},">Stock: {{ product.stock }}\u003C/",[277,914,21],{"class":287},[277,916,305],{"class":283},[277,918,920,923,925],{"class":279,"line":919},53,[277,921,922],{"class":283}," \u003C/",[277,924,802],{"class":287},[277,926,305],{"class":283},[277,928,930],{"class":279,"line":929},54,[277,931,328],{"emptyLinePlaceholder":327},[277,933,935,937,939,942,945,947],{"class":279,"line":934},55,[277,936,829],{"class":283},[277,938,21],{"class":287},[277,940,941],{"class":291}," v-else",[277,943,944],{"class":283},">Cargando producto...\u003C/",[277,946,21],{"class":287},[277,948,305],{"class":283},[277,950,952,955,957],{"class":279,"line":951},56,[277,953,954],{"class":283}," \u003C/",[277,956,813],{"class":287},[277,958,305],{"class":283},[277,960,962,964,966],{"class":279,"line":961},57,[277,963,785],{"class":283},[277,965,802],{"class":287},[277,967,305],{"class":283},[267,969,972],{"className":269,"code":970,"filename":971,"language":272,"meta":273,"style":273},"\u003Cscript lang=\"ts\">\nimport { defineComponent } from 'vue'\n\ntype Product = {\n id: number\n name: string\n price: number\n stock: number\n}\n\nexport default defineComponent({\n name: 'ProductCardSsr',\n\n data() {\n return {\n product: null as Product | null,\n errorMessage: ''\n }\n },\n\n methods: {\n async fetchProduct() {\n const response = await fetch('https://api.example.com/products/42')\n\n if (!response.ok) {\n throw new Error('No fue posible cargar el producto.')\n }\n\n this.product = (await response.json()) as Product\n }\n },\n\n async serverPrefetch() {\n try {\n await this.fetchProduct()\n } catch (error) {\n this.errorMessage =\n error instanceof Error ? error.message : 'Error inesperado en SSR.'\n }\n },\n\n async mounted() {\n if (this.product || this.errorMessage) return\n\n try {\n await this.fetchProduct()\n } catch (error) {\n this.errorMessage =\n error instanceof Error ? error.message : 'Error inesperado en cliente.'\n }\n }\n})\n\u003C/script>\n\n\u003Ctemplate>\n \u003Carticle class=\"product-card\">\n \u003Cp v-if=\"errorMessage\">{{ errorMessage }}\u003C/p>\n\n \u003Ctemplate v-else-if=\"product\">\n \u003Ch1>{{ product.name }}\u003C/h1>\n \u003Cp>Precio: {{ product.price }} USD\u003C/p>\n \u003Cp>Stock: {{ product.stock }}\u003C/p>\n \u003C/template>\n\n \u003Cp v-else>Cargando producto...\u003C/p>\n \u003C/article>\n\u003C/template>\n","Options API",[16,973,974,988,999,1003,1013,1021,1029,1037,1045,1049,1053,1067,1078,1082,1089,1096,1114,1122,1127,1132,1136,1141,1150,1169,1173,1184,1199,1204,1208,1232,1236,1240,1244,1254,1261,1276,1285,1294,1311,1315,1319,1323,1332,1353,1357,1363,1375,1383,1391,1407,1411,1415,1419,1427,1431,1439,1453,1471,1476,1495,1508,1521,1534,1543,1548,1563,1572],{"__ignoreMap":273},[277,975,976,978,980,982,984,986],{"class":279,"line":280},[277,977,284],{"class":283},[277,979,288],{"class":287},[277,981,295],{"class":291},[277,983,298],{"class":283},[277,985,302],{"class":301},[277,987,305],{"class":283},[277,989,990,992,995,997],{"class":279,"line":308},[277,991,312],{"class":311},[277,993,994],{"class":283}," { defineComponent } ",[277,996,318],{"class":311},[277,998,321],{"class":301},[277,1000,1001],{"class":279,"line":324},[277,1002,328],{"emptyLinePlaceholder":327},[277,1004,1005,1007,1009,1011],{"class":279,"line":331},[277,1006,334],{"class":311},[277,1008,337],{"class":291},[277,1010,340],{"class":311},[277,1012,343],{"class":283},[277,1014,1015,1017,1019],{"class":279,"line":346},[277,1016,350],{"class":349},[277,1018,353],{"class":311},[277,1020,357],{"class":356},[277,1022,1023,1025,1027],{"class":279,"line":360},[277,1024,363],{"class":349},[277,1026,353],{"class":311},[277,1028,368],{"class":356},[277,1030,1031,1033,1035],{"class":279,"line":371},[277,1032,374],{"class":349},[277,1034,353],{"class":311},[277,1036,357],{"class":356},[277,1038,1039,1041,1043],{"class":279,"line":381},[277,1040,384],{"class":349},[277,1042,353],{"class":311},[277,1044,357],{"class":356},[277,1046,1047],{"class":279,"line":391},[277,1048,394],{"class":283},[277,1050,1051],{"class":279,"line":397},[277,1052,328],{"emptyLinePlaceholder":327},[277,1054,1055,1058,1061,1064],{"class":279,"line":402},[277,1056,1057],{"class":311},"export",[277,1059,1060],{"class":311}," default",[277,1062,1063],{"class":291}," defineComponent",[277,1065,1066],{"class":283},"({\n",[277,1068,1069,1072,1075],{"class":279,"line":436},[277,1070,1071],{"class":283}," name: ",[277,1073,1074],{"class":301},"'ProductCardSsr'",[277,1076,1077],{"class":283},",\n",[277,1079,1080],{"class":279,"line":456},[277,1081,328],{"emptyLinePlaceholder":327},[277,1083,1084,1087],{"class":279,"line":461},[277,1085,1086],{"class":291}," data",[277,1088,473],{"class":283},[277,1090,1091,1094],{"class":279,"line":476},[277,1092,1093],{"class":311}," return",[277,1095,343],{"class":283},[277,1097,1098,1101,1103,1106,1108,1110,1112],{"class":279,"line":500},[277,1099,1100],{"class":283}," product: ",[277,1102,430],{"class":356},[277,1104,1105],{"class":311}," as",[277,1107,337],{"class":291},[277,1109,421],{"class":311},[277,1111,424],{"class":356},[277,1113,1077],{"class":283},[277,1115,1116,1119],{"class":279,"line":505},[277,1117,1118],{"class":283}," errorMessage: ",[277,1120,1121],{"class":301},"''\n",[277,1123,1124],{"class":279,"line":520},[277,1125,1126],{"class":283}," }\n",[277,1128,1129],{"class":279,"line":539},[277,1130,1131],{"class":283}," },\n",[277,1133,1134],{"class":279,"line":545},[277,1135,328],{"emptyLinePlaceholder":327},[277,1137,1138],{"class":279,"line":550},[277,1139,1140],{"class":283}," methods: {\n",[277,1142,1143,1146,1148],{"class":279,"line":578},[277,1144,1145],{"class":311}," async",[277,1147,470],{"class":291},[277,1149,473],{"class":283},[277,1151,1152,1155,1157,1159,1161,1163,1165,1167],{"class":279,"line":583},[277,1153,1154],{"class":311}," const",[277,1156,482],{"class":356},[277,1158,340],{"class":311},[277,1160,487],{"class":311},[277,1162,490],{"class":291},[277,1164,448],{"class":283},[277,1166,495],{"class":301},[277,1168,433],{"class":283},[277,1170,1171],{"class":279,"line":588},[277,1172,328],{"emptyLinePlaceholder":327},[277,1174,1175,1178,1180,1182],{"class":279,"line":606},[277,1176,1177],{"class":311}," if",[277,1179,511],{"class":283},[277,1181,514],{"class":311},[277,1183,517],{"class":283},[277,1185,1186,1189,1191,1193,1195,1197],{"class":279,"line":614},[277,1187,1188],{"class":311}," throw",[277,1190,526],{"class":311},[277,1192,529],{"class":291},[277,1194,448],{"class":283},[277,1196,534],{"class":301},[277,1198,433],{"class":283},[277,1200,1201],{"class":279,"line":625},[277,1202,1203],{"class":283}," }\n",[277,1205,1206],{"class":279,"line":637},[277,1207,328],{"emptyLinePlaceholder":327},[277,1209,1210,1213,1216,1218,1220,1222,1224,1226,1228,1230],{"class":279,"line":646},[277,1211,1212],{"class":356}," this",[277,1214,1215],{"class":283},".product ",[277,1217,298],{"class":311},[277,1219,511],{"class":283},[277,1221,560],{"class":311},[277,1223,563],{"class":283},[277,1225,566],{"class":291},[277,1227,569],{"class":283},[277,1229,572],{"class":311},[277,1231,575],{"class":291},[277,1233,1234],{"class":279,"line":668},[277,1235,1126],{"class":283},[277,1237,1238],{"class":279,"line":673},[277,1239,1131],{"class":283},[277,1241,1242],{"class":279,"line":679},[277,1243,328],{"emptyLinePlaceholder":327},[277,1245,1246,1249,1252],{"class":279,"line":684},[277,1247,1248],{"class":311}," async",[277,1250,1251],{"class":291}," serverPrefetch",[277,1253,473],{"class":283},[277,1255,1256,1259],{"class":279,"line":700},[277,1257,1258],{"class":311}," try",[277,1260,343],{"class":283},[277,1262,1263,1266,1269,1271,1274],{"class":279,"line":717},[277,1264,1265],{"class":311}," await",[277,1267,1268],{"class":356}," this",[277,1270,104],{"class":283},[277,1272,1273],{"class":291},"fetchProduct",[277,1275,622],{"class":283},[277,1277,1278,1281,1283],{"class":279,"line":722},[277,1279,1280],{"class":283}," } ",[277,1282,631],{"class":311},[277,1284,634],{"class":283},[277,1286,1287,1289,1292],{"class":279,"line":729},[277,1288,1212],{"class":356},[277,1290,1291],{"class":283},".errorMessage ",[277,1293,643],{"class":311},[277,1295,1296,1299,1301,1303,1305,1307,1309],{"class":279,"line":738},[277,1297,1298],{"class":283}," error ",[277,1300,652],{"class":311},[277,1302,529],{"class":291},[277,1304,657],{"class":311},[277,1306,660],{"class":283},[277,1308,353],{"class":311},[277,1310,665],{"class":301},[277,1312,1313],{"class":279,"line":747},[277,1314,1126],{"class":283},[277,1316,1317],{"class":279,"line":754},[277,1318,1131],{"class":283},[277,1320,1321],{"class":279,"line":772},[277,1322,328],{"emptyLinePlaceholder":327},[277,1324,1325,1327,1330],{"class":279,"line":777},[277,1326,1248],{"class":311},[277,1328,1329],{"class":291}," mounted",[277,1331,473],{"class":283},[277,1333,1334,1337,1339,1342,1344,1346,1348,1351],{"class":279,"line":782},[277,1335,1336],{"class":311}," if",[277,1338,511],{"class":283},[277,1340,1341],{"class":356},"this",[277,1343,1215],{"class":283},[277,1345,708],{"class":311},[277,1347,1268],{"class":356},[277,1349,1350],{"class":283},".errorMessage) ",[277,1352,714],{"class":311},[277,1354,1355],{"class":279,"line":792},[277,1356,328],{"emptyLinePlaceholder":327},[277,1358,1359,1361],{"class":279,"line":797},[277,1360,1258],{"class":311},[277,1362,343],{"class":283},[277,1364,1365,1367,1369,1371,1373],{"class":279,"line":807},[277,1366,1265],{"class":311},[277,1368,1268],{"class":356},[277,1370,104],{"class":283},[277,1372,1273],{"class":291},[277,1374,622],{"class":283},[277,1376,1377,1379,1381],{"class":279,"line":826},[277,1378,1280],{"class":283},[277,1380,631],{"class":311},[277,1382,634],{"class":283},[277,1384,1385,1387,1389],{"class":279,"line":849},[277,1386,1212],{"class":356},[277,1388,1291],{"class":283},[277,1390,643],{"class":311},[277,1392,1393,1395,1397,1399,1401,1403,1405],{"class":279,"line":854},[277,1394,1298],{"class":283},[277,1396,652],{"class":311},[277,1398,529],{"class":291},[277,1400,657],{"class":311},[277,1402,660],{"class":283},[277,1404,353],{"class":311},[277,1406,769],{"class":301},[277,1408,1409],{"class":279,"line":876},[277,1410,1126],{"class":283},[277,1412,1413],{"class":279,"line":891},[277,1414,542],{"class":283},[277,1416,1417],{"class":279,"line":905},[277,1418,676],{"class":283},[277,1420,1421,1423,1425],{"class":279,"line":919},[277,1422,785],{"class":283},[277,1424,288],{"class":287},[277,1426,305],{"class":283},[277,1428,1429],{"class":279,"line":929},[277,1430,328],{"emptyLinePlaceholder":327},[277,1432,1433,1435,1437],{"class":279,"line":934},[277,1434,284],{"class":283},[277,1436,802],{"class":287},[277,1438,305],{"class":283},[277,1440,1441,1443,1445,1447,1449,1451],{"class":279,"line":951},[277,1442,810],{"class":283},[277,1444,813],{"class":287},[277,1446,816],{"class":291},[277,1448,298],{"class":283},[277,1450,821],{"class":301},[277,1452,305],{"class":283},[277,1454,1455,1457,1459,1461,1463,1465,1467,1469],{"class":279,"line":961},[277,1456,829],{"class":283},[277,1458,21],{"class":287},[277,1460,834],{"class":291},[277,1462,298],{"class":283},[277,1464,839],{"class":301},[277,1466,842],{"class":283},[277,1468,21],{"class":287},[277,1470,305],{"class":283},[277,1472,1474],{"class":279,"line":1473},58,[277,1475,328],{"emptyLinePlaceholder":327},[277,1477,1479,1481,1483,1485,1487,1489,1491,1493],{"class":279,"line":1478},59,[277,1480,829],{"class":283},[277,1482,802],{"class":287},[277,1484,861],{"class":311},[277,1486,298],{"class":283},[277,1488,866],{"class":301},[277,1490,869],{"class":283},[277,1492,866],{"class":301},[277,1494,305],{"class":283},[277,1496,1498,1500,1502,1504,1506],{"class":279,"line":1497},60,[277,1499,879],{"class":283},[277,1501,11],{"class":287},[277,1503,884],{"class":283},[277,1505,11],{"class":287},[277,1507,305],{"class":283},[277,1509,1511,1513,1515,1517,1519],{"class":279,"line":1510},61,[277,1512,879],{"class":283},[277,1514,21],{"class":287},[277,1516,898],{"class":283},[277,1518,21],{"class":287},[277,1520,305],{"class":283},[277,1522,1524,1526,1528,1530,1532],{"class":279,"line":1523},62,[277,1525,879],{"class":283},[277,1527,21],{"class":287},[277,1529,912],{"class":283},[277,1531,21],{"class":287},[277,1533,305],{"class":283},[277,1535,1537,1539,1541],{"class":279,"line":1536},63,[277,1538,922],{"class":283},[277,1540,802],{"class":287},[277,1542,305],{"class":283},[277,1544,1546],{"class":279,"line":1545},64,[277,1547,328],{"emptyLinePlaceholder":327},[277,1549,1551,1553,1555,1557,1559,1561],{"class":279,"line":1550},65,[277,1552,829],{"class":283},[277,1554,21],{"class":287},[277,1556,941],{"class":291},[277,1558,944],{"class":283},[277,1560,21],{"class":287},[277,1562,305],{"class":283},[277,1564,1566,1568,1570],{"class":279,"line":1565},66,[277,1567,954],{"class":283},[277,1569,813],{"class":287},[277,1571,305],{"class":283},[277,1573,1575,1577,1579],{"class":279,"line":1574},67,[277,1576,785],{"class":283},[277,1578,802],{"class":287},[277,1580,305],{"class":283},[21,1582,1583,1584,1586],{},"Este patrón permite que el servidor entregue el contenido resuelto en la primera carga. Si el componente se renderiza posteriormente en una navegación cliente, ",[16,1585,210],{}," actúa como fallback sin duplicar la petición.",[21,1588,1589,1590,1592],{},"Esta versión mantiene la misma intención: resolver los datos antes del render SSR y usar ",[16,1591,203],{}," como respaldo en escenarios donde no hay estado previo.",[30,1594,1596],{"id":1595},"resumen","Resumen",[21,1598,1599,1601],{},[16,1600,18],{}," permite adelantar datos críticos al render del servidor y generar HTML útil desde la primera respuesta. Su valor está en mejorar el primer render, no en reemplazar toda la estrategia de fetching.",[21,1603,1604],{},"En Vue SSR “manual”, es una herramienta precisa y potente. En Nuxt, suele ser preferible usar utilidades de más alto nivel. En ambos casos, la idea clave es la misma: el contenido importante debe estar listo antes de renderizar la página inicial.",[1606,1607,1608],"style",{},"html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .s9eBZ, html code.shiki .s9eBZ{--shiki-default:#22863A;--shiki-dark:#85E89D}html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}html pre.shiki code .szBVR, html code.shiki .szBVR{--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .s4XuR, html code.shiki .s4XuR{--shiki-default:#E36209;--shiki-dark:#FFAB70}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}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":273,"searchDepth":308,"depth":308,"links":1610},[1611,1612,1613,1614,1615,1621,1622],{"id":32,"depth":308,"text":33},{"id":60,"depth":308,"text":61},{"id":128,"depth":308,"text":129},{"id":155,"depth":308,"text":156},{"id":189,"depth":308,"text":190,"children":1616},[1617,1618,1619,1620],{"id":194,"depth":324,"text":195},{"id":217,"depth":324,"text":218},{"id":239,"depth":324,"text":240},{"id":251,"depth":324,"text":252},{"id":264,"depth":308,"text":265},{"id":1595,"depth":308,"text":1596},"https://res.cloudinary.com/denj4fg7f/image/upload/v1774051488/vue-lifecycle-ssr-serverprefetch_averlr.png","Ilustración de un servidor entregando HTML con datos ya resueltos, mientras un cliente hidrata sin necesidad de fetch adicional.","2026-03-21","Cómo usar serverPrefetch y onServerPrefetch para cargar datos antes del render SSR, evitar HTML incompleto y coordinar el primer render del servidor con la hidratación del cliente.",false,"md",{"script":1630},[1631],{"type":1632,"key":1633,"data-nuxt-schema-org":327,"nodes":1634},"application/ld+json","schema-org-graph",[1635],{"headline":6,"author":1636,"datePublished":1639,"@type":1640},{"name":1637,"@type":1638},"TODOvue","Person","2026-03-20T20:00:00-05:00","BlogPosting","es",{"updatedAt":1639,"readingTime":381,"coverCaption":1643,"author":1637,"keywords":1644},"Con `serverPrefetch`, el servidor puede entregar HTML ya completo, mejorando la experiencia y el SEO desde el primer render.",[1645,18,591,1646,1647],"Vue.js","SSR","hidratación","/blog/vue-lifecycle-ssr-serverprefetch.es",[1650],{"headline":6,"author":1651,"datePublished":1639,"@type":1640},{"name":1637,"@type":1638},{"title":6,"description":1626},"vue-lifecycle-hooks","Serie práctica para dominar cada hook del ciclo de vida de Vue, desde los básicos hasta los avanzados.","Ciclos de vida en Vue",null,"blog/vue-lifecycle-ssr-serverprefetch.es",[1659,1662,1664,1667,1670],{"tag":1660,"color":1661},"Ciclo de Vida","#FF6B6B",{"tag":1646,"color":1663},"#0E9AA7",{"tag":1665,"color":1666},"Arquitectura","#4CAF50",{"tag":1668,"color":1669},"Componentes","#41B883",{"tag":1671,"color":1672},"Avanzado","#F54927","tpgaAKmBLuwPw3oOB-InpdMHcLIbw1mTRb9pTmHPJuI",{"id":1675,"title":1676,"body":1677,"cover":3138,"coverAlt":3139,"date":3140,"description":3141,"draft":1627,"extension":1628,"head":3142,"locale":1641,"meta":3149,"navigation":327,"path":3152,"schemaOrg":3153,"seo":3156,"series":1653,"seriesDescription":1654,"seriesOrder":381,"seriesTitle":1655,"slug":1656,"stem":3157,"tags":3158,"__hash__":3170},"blog/blog/vue-lifecycle-render-debug-rendertracked-rendertriggered.es.md","Ciclos de vida en Vue: depuración del render (renderTracked, renderTriggered)",{"type":8,"value":1678,"toc":3119},[1679,1689,1692,1701,1704,1712,1714,1717,1737,1745,1747,1753,1756,1774,1777,1818,1821,1836,1839,1841,1844,1847,1864,1867,1869,1872,1875,1902,1905,1907,1911,1918,1922,1929,1933,1936,1940,1943,1947,1951,1957,1961,1966,1970,1973,1977,2552,3071,3074,3085,3087,3094,3097,3110,3116],[11,1680,1682,1683,225,1686,19],{"id":1681},"ciclos-de-vida-en-vue-depuración-del-render-rendertracked-rendertriggered","Ciclos de vida en Vue: depuración del render (",[16,1684,1685],{},"renderTracked",[16,1687,1688],{},"renderTriggered",[21,1690,1691],{},"Hay bugs que no están en la lógica de negocio ni en una API externa. Están en otro nivel: un componente que se vuelve a renderizar demasiadas veces, una lista que recalcula de más o una vista que depende de un estado reactivo que ni siquiera sabías que estaba leyendo.",[21,1693,1694,1695,1697,1698,1700],{},"Este tipo de problema suele ser difícil de detectar porque Vue abstrae muy bien el sistema reactivo. Actualiza cuando corresponde y, desde fuera, parece magia. Precisamente por eso existen ",[16,1696,1685],{}," y ",[16,1699,1688],{},": para abrir esa “caja negra” y entender qué está ocurriendo dentro del ciclo de render.",[21,1702,1703],{},"No son hooks para lógica de aplicación. Son herramientas de diagnóstico. Cuando un componente se actualiza “sin razón aparente”, ayudan a responder dos preguntas clave:",[38,1705,1706,1709],{},[41,1707,1708],{},"¿Qué dependencias reactivas se registraron durante el render?",[41,1710,1711],{},"¿Qué cambio concreto disparó el siguiente render?",[30,1713,33],{"id":32},[21,1715,1716],{},"A medida que una interfaz crece, el coste de renderizar “un poco de más” deja de ser invisible. Empiezan a aparecer síntomas claros:",[38,1718,1719,1722,1725,1728],{},[41,1720,1721],{},"Inputs que se sienten lentos.",[41,1723,1724],{},"Tablas que se recalculan o reordenan innecesariamente.",[41,1726,1727],{},"Componentes hijos que se actualizan por cambios irrelevantes.",[41,1729,1730,1697,1733,1736],{},[16,1731,1732],{},"computed",[16,1734,1735],{},"watch"," que parecen correctos, pero participan en renders excesivos.",[21,1738,1739,1740,1697,1742,1744],{},"En estos casos, leer únicamente el template no es suficiente. Necesitas entender la relación entre el render y el sistema reactivo. Aquí es donde ",[16,1741,1685],{},[16,1743,1688],{}," aportan valor: muestran qué dependencias se registraron y qué mutaciones provocaron nuevas actualizaciones.",[30,1746,61],{"id":60},[21,1748,1749,1750,1752],{},"Vue registra dependencias reactivas mientras renderiza un componente. Si durante ese proceso el template, un ",[16,1751,1732],{}," o cualquier expresión reactiva accede a una propiedad, Vue la asocia al efecto de render.",[21,1754,1755],{},"Los hooks de depuración permiten observar este proceso:",[38,1757,1758,1766],{},[41,1759,1760,66,1762,1765],{},[16,1761,1685],{},[16,1763,1764],{},"onRenderTracked()"," (Composition API) se ejecutan cuando una dependencia se registra durante el render.",[41,1767,1768,66,1770,1773],{},[16,1769,1688],{},[16,1771,1772],{},"onRenderTriggered()"," (Composition API) se ejecutan cuando una de esas dependencias cambia y provoca un nuevo render.",[21,1775,1776],{},"Ambos reciben un objeto de depuración con información como:",[38,1778,1779,1785,1791,1809],{},[41,1780,1781,1784],{},[16,1782,1783],{},"target",": el objeto reactivo implicado.",[41,1786,1787,1790],{},[16,1788,1789],{},"key",": la propiedad accedida o modificada.",[41,1792,1793,1795,1796,225,1799,225,1802,225,1805,1808],{},[16,1794,334],{},": el tipo de operación (",[16,1797,1798],{},"get",[16,1800,1801],{},"set",[16,1803,1804],{},"add",[16,1806,1807],{},"delete",", etc.).",[41,1810,1811,1697,1814,1817],{},[16,1812,1813],{},"newValue",[16,1815,1816],{},"oldValue",", cuando aplica.",[21,1819,1820],{},"Dos matices importantes:",[38,1822,1823,1826],{},[41,1824,1825],{},"Son hooks pensados para desarrollo. No deben formar parte de la lógica de negocio.",[41,1827,1828,1829,118,1832,1835],{},"Su uso típico es con ",[16,1830,1831],{},"console.log()",[16,1833,1834],{},"debugger",", no mutando estado reactivo.",[21,1837,1838],{},"Intentar integrarlos en la lógica de la aplicación suele generar más problemas de los que resuelve.",[30,1840,129],{"id":128},[21,1842,1843],{},"Estos hooks tienen sentido cuando necesitas entender por qué un componente renderiza (o re-renderiza).",[21,1845,1846],{},"Casos comunes:",[38,1848,1849,1852,1855,1858],{},[41,1850,1851],{},"Un componente cambia de forma inesperada al modificar un estado aparentemente no relacionado.",[41,1853,1854],{},"Una vista compleja se actualiza demasiadas veces.",[41,1856,1857],{},"Estás optimizando rendimiento y sospechas dependencias innecesarias.",[41,1859,1860,1861,1863],{},"Un ",[16,1862,1732],{}," aparentemente simple provoca renders amplios.",[21,1865,1866],{},"Regla práctica: si la pregunta es “¿por qué este componente se está renderizando?”, estos hooks encajan perfectamente.",[30,1868,156],{"id":155},[21,1870,1871],{},"No son una herramienta permanente ni sustituyen una arquitectura clara.",[21,1873,1874],{},"Evítalos cuando:",[38,1876,1877,1890,1896,1899],{},[41,1878,1879,1880,225,1883,225,1886,118,1888,104],{},"El problema se entiende mejor revisando ",[16,1881,1882],{},"props",[16,1884,1885],{},"emits",[16,1887,1732],{},[16,1889,1735],{},[41,1891,1892,1893,1895],{},"Solo necesitas reaccionar a cambios específicos (usa ",[16,1894,1735],{},").",[41,1897,1898],{},"Pretendes almacenar trazas en estado reactivo del mismo componente.",[41,1900,1901],{},"Quieres usarlos como telemetría en producción.",[21,1903,1904],{},"También evita dejarlos en el código una vez terminado el debugging: generan ruido innecesario.",[30,1906,190],{"id":189},[192,1908,1910],{"id":1909},"_1-usarlos-para-lógica-de-negocio","1. Usarlos para lógica de negocio",[21,1912,1913,1914,118,1916,104],{},"No están diseñados para disparar efectos funcionales. Si necesitas reaccionar a datos, usa ",[16,1915,1735],{},[16,1917,1732],{},[192,1919,1921],{"id":1920},"_2-mutar-estado-dentro-del-hook","2. Mutar estado dentro del hook",[21,1923,1924,1925,1928],{},"Guardar eventos en un ",[16,1926,1927],{},"ref"," puede introducir renders adicionales y contaminar la depuración.",[192,1930,1932],{"id":1931},"_3-culpar-a-vue-en-lugar-del-alcance-reactivo","3. Culpar a Vue en lugar del alcance reactivo",[21,1934,1935],{},"Si el template accede a un objeto grande, Vue hará lo correcto: suscribirse a todo lo que se use.",[192,1937,1939],{"id":1938},"_4-asumir-comportamiento-estable-en-producción","4. Asumir comportamiento estable en producción",[21,1941,1942],{},"Son herramientas de debugging, no API para comportamiento funcional.",[30,1944,1946],{"id":1945},"ejemplos-prácticos","Ejemplos prácticos",[192,1948,1950],{"id":1949},"detectar-dependencias-accidentales","Detectar dependencias accidentales",[21,1952,1953,1954,1956],{},"Una tabla puede estar leyendo más estado del necesario (filtros, flags, metadatos). ",[16,1955,1685],{}," permite verlo claramente.",[192,1958,1960],{"id":1959},"identificar-qué-dispara-un-render","Identificar qué dispara un render",[21,1962,1963,1965],{},[16,1964,1688],{}," muestra la clave exacta que provocó la actualización, eliminando suposiciones.",[192,1967,1969],{"id":1968},"optimizar-componentes-conectados-a-stores","Optimizar componentes conectados a stores",[21,1971,1972],{},"Permite validar si el componente depende solo de lo necesario o si está sobre-suscrito a estado global.",[30,1974,1976],{"id":1975},"ejemplo-completo","Ejemplo completo",[267,1978,1980],{"className":269,"code":1979,"filename":271,"language":272,"meta":273,"style":273},"\u003Cscript setup lang=\"ts\">\nimport { computed, onRenderTracked, onRenderTriggered, reactive, ref } from 'vue'\n\nconst filters = reactive({\n search: '',\n showOnlyOpen: false\n})\n\nconst ui = reactive({\n selectedId: 1,\n panelOpen: true\n})\n\nconst tasks = ref([\n { id: 1, title: 'Revisar PR', done: false, owner: 'Ana' },\n { id: 2, title: 'Actualizar dependencias', done: true, owner: 'Luis' },\n { id: 3, title: 'Documentar composable', done: false, owner: 'Ana' }\n])\n\nconst visibleTasks = computed(() => {\n return tasks.value.filter(task => {\n const matchesSearch = task.title\n .toLowerCase()\n .includes(filters.search.toLowerCase())\n\n const matchesStatus = filters.showOnlyOpen ? !task.done : true\n\n return matchesSearch && matchesStatus\n })\n})\n\nonRenderTracked((event) => {\n console.log('[renderTracked]', {\n type: event.type,\n key: String(event.key),\n target: event.target\n })\n})\n\nonRenderTriggered((event) => {\n console.log('[renderTriggered]', {\n type: event.type,\n key: String(event.key),\n oldValue: event.oldValue,\n newValue: event.newValue\n })\n})\n\nfunction toggleTask(taskId: number) {\n const task = tasks.value.find(item => item.id === taskId)\n\n if (!task) return\n\n task.done = !task.done\n}\n\u003C/script>\n",[16,1981,1982,1998,2009,2013,2027,2036,2044,2048,2052,2065,2075,2083,2087,2091,2105,2133,2157,2180,2185,2189,2208,2229,2242,2252,2267,2271,2297,2301,2314,2319,2323,2327,2345,2361,2366,2377,2382,2386,2390,2394,2409,2422,2426,2434,2439,2444,2448,2452,2456,2477,2507,2511,2524,2528,2540,2544],{"__ignoreMap":273},[277,1983,1984,1986,1988,1990,1992,1994,1996],{"class":279,"line":280},[277,1985,284],{"class":283},[277,1987,288],{"class":287},[277,1989,292],{"class":291},[277,1991,295],{"class":291},[277,1993,298],{"class":283},[277,1995,302],{"class":301},[277,1997,305],{"class":283},[277,1999,2000,2002,2005,2007],{"class":279,"line":308},[277,2001,312],{"class":311},[277,2003,2004],{"class":283}," { computed, onRenderTracked, onRenderTriggered, reactive, ref } ",[277,2006,318],{"class":311},[277,2008,321],{"class":301},[277,2010,2011],{"class":279,"line":324},[277,2012,328],{"emptyLinePlaceholder":327},[277,2014,2015,2017,2020,2022,2025],{"class":279,"line":331},[277,2016,405],{"class":311},[277,2018,2019],{"class":356}," filters",[277,2021,340],{"class":311},[277,2023,2024],{"class":291}," reactive",[277,2026,1066],{"class":283},[277,2028,2029,2032,2034],{"class":279,"line":346},[277,2030,2031],{"class":283}," search: ",[277,2033,451],{"class":301},[277,2035,1077],{"class":283},[277,2037,2038,2041],{"class":279,"line":360},[277,2039,2040],{"class":283}," showOnlyOpen: ",[277,2042,2043],{"class":356},"false\n",[277,2045,2046],{"class":279,"line":371},[277,2047,676],{"class":283},[277,2049,2050],{"class":279,"line":381},[277,2051,328],{"emptyLinePlaceholder":327},[277,2053,2054,2056,2059,2061,2063],{"class":279,"line":391},[277,2055,405],{"class":311},[277,2057,2058],{"class":356}," ui",[277,2060,340],{"class":311},[277,2062,2024],{"class":291},[277,2064,1066],{"class":283},[277,2066,2067,2070,2073],{"class":279,"line":397},[277,2068,2069],{"class":283}," selectedId: ",[277,2071,2072],{"class":356},"1",[277,2074,1077],{"class":283},[277,2076,2077,2080],{"class":279,"line":402},[277,2078,2079],{"class":283}," panelOpen: ",[277,2081,2082],{"class":356},"true\n",[277,2084,2085],{"class":279,"line":436},[277,2086,676],{"class":283},[277,2088,2089],{"class":279,"line":456},[277,2090,328],{"emptyLinePlaceholder":327},[277,2092,2093,2095,2098,2100,2102],{"class":279,"line":461},[277,2094,405],{"class":311},[277,2096,2097],{"class":356}," tasks",[277,2099,340],{"class":311},[277,2101,413],{"class":291},[277,2103,2104],{"class":283},"([\n",[277,2106,2107,2110,2112,2115,2118,2121,2124,2127,2130],{"class":279,"line":476},[277,2108,2109],{"class":283}," { id: ",[277,2111,2072],{"class":356},[277,2113,2114],{"class":283},", title: ",[277,2116,2117],{"class":301},"'Revisar PR'",[277,2119,2120],{"class":283},", done: ",[277,2122,2123],{"class":356},"false",[277,2125,2126],{"class":283},", owner: ",[277,2128,2129],{"class":301},"'Ana'",[277,2131,2132],{"class":283}," },\n",[277,2134,2135,2137,2140,2142,2145,2147,2150,2152,2155],{"class":279,"line":500},[277,2136,2109],{"class":283},[277,2138,2139],{"class":356},"2",[277,2141,2114],{"class":283},[277,2143,2144],{"class":301},"'Actualizar dependencias'",[277,2146,2120],{"class":283},[277,2148,2149],{"class":356},"true",[277,2151,2126],{"class":283},[277,2153,2154],{"class":301},"'Luis'",[277,2156,2132],{"class":283},[277,2158,2159,2161,2164,2166,2169,2171,2173,2175,2177],{"class":279,"line":505},[277,2160,2109],{"class":283},[277,2162,2163],{"class":356},"3",[277,2165,2114],{"class":283},[277,2167,2168],{"class":301},"'Documentar composable'",[277,2170,2120],{"class":283},[277,2172,2123],{"class":356},[277,2174,2126],{"class":283},[277,2176,2129],{"class":301},[277,2178,2179],{"class":283}," }\n",[277,2181,2182],{"class":279,"line":520},[277,2183,2184],{"class":283},"])\n",[277,2186,2187],{"class":279,"line":539},[277,2188,328],{"emptyLinePlaceholder":327},[277,2190,2191,2193,2196,2198,2201,2204,2206],{"class":279,"line":545},[277,2192,405],{"class":311},[277,2194,2195],{"class":356}," visibleTasks",[277,2197,340],{"class":311},[277,2199,2200],{"class":291}," computed",[277,2202,2203],{"class":283},"(() ",[277,2205,601],{"class":311},[277,2207,343],{"class":283},[277,2209,2210,2213,2216,2219,2221,2224,2227],{"class":279,"line":550},[277,2211,2212],{"class":311}," return",[277,2214,2215],{"class":283}," tasks.value.",[277,2217,2218],{"class":291},"filter",[277,2220,448],{"class":283},[277,2222,2223],{"class":349},"task",[277,2225,2226],{"class":311}," =>",[277,2228,343],{"class":283},[277,2230,2231,2234,2237,2239],{"class":279,"line":578},[277,2232,2233],{"class":311}," const",[277,2235,2236],{"class":356}," matchesSearch",[277,2238,340],{"class":311},[277,2240,2241],{"class":283}," task.title\n",[277,2243,2244,2247,2250],{"class":279,"line":583},[277,2245,2246],{"class":283}," .",[277,2248,2249],{"class":291},"toLowerCase",[277,2251,622],{"class":283},[277,2253,2254,2256,2259,2262,2264],{"class":279,"line":588},[277,2255,2246],{"class":283},[277,2257,2258],{"class":291},"includes",[277,2260,2261],{"class":283},"(filters.search.",[277,2263,2249],{"class":291},[277,2265,2266],{"class":283},"())\n",[277,2268,2269],{"class":279,"line":606},[277,2270,328],{"emptyLinePlaceholder":327},[277,2272,2273,2275,2278,2280,2283,2286,2289,2292,2294],{"class":279,"line":614},[277,2274,2233],{"class":311},[277,2276,2277],{"class":356}," matchesStatus",[277,2279,340],{"class":311},[277,2281,2282],{"class":283}," filters.showOnlyOpen ",[277,2284,2285],{"class":311},"?",[277,2287,2288],{"class":311}," !",[277,2290,2291],{"class":283},"task.done ",[277,2293,353],{"class":311},[277,2295,2296],{"class":356}," true\n",[277,2298,2299],{"class":279,"line":625},[277,2300,328],{"emptyLinePlaceholder":327},[277,2302,2303,2305,2308,2311],{"class":279,"line":637},[277,2304,1093],{"class":311},[277,2306,2307],{"class":283}," matchesSearch ",[277,2309,2310],{"class":311},"&&",[277,2312,2313],{"class":283}," matchesStatus\n",[277,2315,2316],{"class":279,"line":646},[277,2317,2318],{"class":283}," })\n",[277,2320,2321],{"class":279,"line":668},[277,2322,676],{"class":283},[277,2324,2325],{"class":279,"line":673},[277,2326,328],{"emptyLinePlaceholder":327},[277,2328,2329,2332,2335,2338,2341,2343],{"class":279,"line":679},[277,2330,2331],{"class":291},"onRenderTracked",[277,2333,2334],{"class":283},"((",[277,2336,2337],{"class":349},"event",[277,2339,2340],{"class":283},") ",[277,2342,601],{"class":311},[277,2344,343],{"class":283},[277,2346,2347,2350,2353,2355,2358],{"class":279,"line":684},[277,2348,2349],{"class":283}," console.",[277,2351,2352],{"class":291},"log",[277,2354,448],{"class":283},[277,2356,2357],{"class":301},"'[renderTracked]'",[277,2359,2360],{"class":283},", {\n",[277,2362,2363],{"class":279,"line":700},[277,2364,2365],{"class":283}," type: event.type,\n",[277,2367,2368,2371,2374],{"class":279,"line":717},[277,2369,2370],{"class":283}," key: ",[277,2372,2373],{"class":291},"String",[277,2375,2376],{"class":283},"(event.key),\n",[277,2378,2379],{"class":279,"line":722},[277,2380,2381],{"class":283}," target: event.target\n",[277,2383,2384],{"class":279,"line":729},[277,2385,2318],{"class":283},[277,2387,2388],{"class":279,"line":738},[277,2389,676],{"class":283},[277,2391,2392],{"class":279,"line":747},[277,2393,328],{"emptyLinePlaceholder":327},[277,2395,2396,2399,2401,2403,2405,2407],{"class":279,"line":754},[277,2397,2398],{"class":291},"onRenderTriggered",[277,2400,2334],{"class":283},[277,2402,2337],{"class":349},[277,2404,2340],{"class":283},[277,2406,601],{"class":311},[277,2408,343],{"class":283},[277,2410,2411,2413,2415,2417,2420],{"class":279,"line":772},[277,2412,2349],{"class":283},[277,2414,2352],{"class":291},[277,2416,448],{"class":283},[277,2418,2419],{"class":301},"'[renderTriggered]'",[277,2421,2360],{"class":283},[277,2423,2424],{"class":279,"line":777},[277,2425,2365],{"class":283},[277,2427,2428,2430,2432],{"class":279,"line":782},[277,2429,2370],{"class":283},[277,2431,2373],{"class":291},[277,2433,2376],{"class":283},[277,2435,2436],{"class":279,"line":792},[277,2437,2438],{"class":283}," oldValue: event.oldValue,\n",[277,2440,2441],{"class":279,"line":797},[277,2442,2443],{"class":283}," newValue: event.newValue\n",[277,2445,2446],{"class":279,"line":807},[277,2447,2318],{"class":283},[277,2449,2450],{"class":279,"line":826},[277,2451,676],{"class":283},[277,2453,2454],{"class":279,"line":849},[277,2455,328],{"emptyLinePlaceholder":327},[277,2457,2458,2461,2464,2466,2469,2471,2474],{"class":279,"line":854},[277,2459,2460],{"class":311},"function",[277,2462,2463],{"class":291}," toggleTask",[277,2465,448],{"class":283},[277,2467,2468],{"class":349},"taskId",[277,2470,353],{"class":311},[277,2472,2473],{"class":356}," number",[277,2475,2476],{"class":283},") {\n",[277,2478,2479,2481,2484,2486,2488,2491,2493,2496,2498,2501,2504],{"class":279,"line":876},[277,2480,479],{"class":311},[277,2482,2483],{"class":356}," task",[277,2485,340],{"class":311},[277,2487,2215],{"class":283},[277,2489,2490],{"class":291},"find",[277,2492,448],{"class":283},[277,2494,2495],{"class":349},"item",[277,2497,2226],{"class":311},[277,2499,2500],{"class":283}," item.id ",[277,2502,2503],{"class":311},"===",[277,2505,2506],{"class":283}," taskId)\n",[277,2508,2509],{"class":279,"line":891},[277,2510,328],{"emptyLinePlaceholder":327},[277,2512,2513,2515,2517,2519,2522],{"class":279,"line":905},[277,2514,508],{"class":311},[277,2516,511],{"class":283},[277,2518,514],{"class":311},[277,2520,2521],{"class":283},"task) ",[277,2523,714],{"class":311},[277,2525,2526],{"class":279,"line":919},[277,2527,328],{"emptyLinePlaceholder":327},[277,2529,2530,2533,2535,2537],{"class":279,"line":929},[277,2531,2532],{"class":283}," task.done ",[277,2534,298],{"class":311},[277,2536,2288],{"class":311},[277,2538,2539],{"class":283},"task.done\n",[277,2541,2542],{"class":279,"line":934},[277,2543,394],{"class":283},[277,2545,2546,2548,2550],{"class":279,"line":951},[277,2547,785],{"class":283},[277,2549,288],{"class":287},[277,2551,305],{"class":283},[267,2553,2555],{"className":269,"code":2554,"filename":971,"language":272,"meta":273,"style":273},"\u003Cscript lang=\"ts\">\nexport default {\n name: 'TaskRenderDebugger',\n\n data() {\n return {\n filters: {\n search: '',\n showOnlyOpen: false\n },\n ui: {\n selectedId: 1,\n panelOpen: true\n },\n tasks: [\n { id: 1, title: 'Revisar PR', done: false, owner: 'Ana' },\n { id: 2, title: 'Actualizar dependencias', done: true, owner: 'Luis' },\n { id: 3, title: 'Documentar composable', done: false, owner: 'Ana' }\n ]\n }\n },\n\n computed: {\n visibleTasks() {\n return this.tasks.filter(task => {\n const matchesSearch = task.title\n .toLowerCase()\n .includes(this.filters.search.toLowerCase())\n\n const matchesStatus = this.filters.showOnlyOpen ? !task.done : true\n\n return matchesSearch && matchesStatus\n })\n }\n },\n\n renderTracked(event) {\n console.log('[renderTracked]', {\n type: event.type,\n key: String(event.key),\n target: event.target\n })\n },\n\n renderTriggered(event) {\n console.log('[renderTriggered]', {\n type: event.type,\n key: String(event.key),\n oldValue: event.oldValue,\n newValue: event.newValue\n })\n },\n\n methods: {\n toggleTask(taskId) {\n const task = this.tasks.find(item => item.id === taskId)\n\n if (!task) return\n\n task.done = !task.done\n }\n }\n}\n\u003C/script>\n",[16,2556,2557,2571,2579,2588,2592,2598,2604,2609,2618,2625,2630,2635,2644,2651,2655,2660,2681,2701,2721,2726,2730,2734,2738,2743,2750,2770,2781,2790,2807,2811,2834,2838,2849,2854,2858,2862,2866,2877,2890,2895,2904,2909,2914,2918,2922,2933,2945,2949,2957,2962,2967,2971,2975,2979,2983,2994,3020,3024,3036,3040,3051,3055,3059,3063],{"__ignoreMap":273},[277,2558,2559,2561,2563,2565,2567,2569],{"class":279,"line":280},[277,2560,284],{"class":283},[277,2562,288],{"class":287},[277,2564,295],{"class":291},[277,2566,298],{"class":283},[277,2568,302],{"class":301},[277,2570,305],{"class":283},[277,2572,2573,2575,2577],{"class":279,"line":308},[277,2574,1057],{"class":311},[277,2576,1060],{"class":311},[277,2578,343],{"class":283},[277,2580,2581,2583,2586],{"class":279,"line":324},[277,2582,1071],{"class":283},[277,2584,2585],{"class":301},"'TaskRenderDebugger'",[277,2587,1077],{"class":283},[277,2589,2590],{"class":279,"line":331},[277,2591,328],{"emptyLinePlaceholder":327},[277,2593,2594,2596],{"class":279,"line":346},[277,2595,1086],{"class":291},[277,2597,473],{"class":283},[277,2599,2600,2602],{"class":279,"line":360},[277,2601,1093],{"class":311},[277,2603,343],{"class":283},[277,2605,2606],{"class":279,"line":371},[277,2607,2608],{"class":283}," filters: {\n",[277,2610,2611,2614,2616],{"class":279,"line":381},[277,2612,2613],{"class":283}," search: ",[277,2615,451],{"class":301},[277,2617,1077],{"class":283},[277,2619,2620,2623],{"class":279,"line":391},[277,2621,2622],{"class":283}," showOnlyOpen: ",[277,2624,2043],{"class":356},[277,2626,2627],{"class":279,"line":397},[277,2628,2629],{"class":283}," },\n",[277,2631,2632],{"class":279,"line":402},[277,2633,2634],{"class":283}," ui: {\n",[277,2636,2637,2640,2642],{"class":279,"line":436},[277,2638,2639],{"class":283}," selectedId: ",[277,2641,2072],{"class":356},[277,2643,1077],{"class":283},[277,2645,2646,2649],{"class":279,"line":456},[277,2647,2648],{"class":283}," panelOpen: ",[277,2650,2082],{"class":356},[277,2652,2653],{"class":279,"line":461},[277,2654,2629],{"class":283},[277,2656,2657],{"class":279,"line":476},[277,2658,2659],{"class":283}," tasks: [\n",[277,2661,2662,2665,2667,2669,2671,2673,2675,2677,2679],{"class":279,"line":500},[277,2663,2664],{"class":283}," { id: ",[277,2666,2072],{"class":356},[277,2668,2114],{"class":283},[277,2670,2117],{"class":301},[277,2672,2120],{"class":283},[277,2674,2123],{"class":356},[277,2676,2126],{"class":283},[277,2678,2129],{"class":301},[277,2680,2132],{"class":283},[277,2682,2683,2685,2687,2689,2691,2693,2695,2697,2699],{"class":279,"line":505},[277,2684,2664],{"class":283},[277,2686,2139],{"class":356},[277,2688,2114],{"class":283},[277,2690,2144],{"class":301},[277,2692,2120],{"class":283},[277,2694,2149],{"class":356},[277,2696,2126],{"class":283},[277,2698,2154],{"class":301},[277,2700,2132],{"class":283},[277,2702,2703,2705,2707,2709,2711,2713,2715,2717,2719],{"class":279,"line":520},[277,2704,2664],{"class":283},[277,2706,2163],{"class":356},[277,2708,2114],{"class":283},[277,2710,2168],{"class":301},[277,2712,2120],{"class":283},[277,2714,2123],{"class":356},[277,2716,2126],{"class":283},[277,2718,2129],{"class":301},[277,2720,2179],{"class":283},[277,2722,2723],{"class":279,"line":539},[277,2724,2725],{"class":283}," ]\n",[277,2727,2728],{"class":279,"line":545},[277,2729,1126],{"class":283},[277,2731,2732],{"class":279,"line":550},[277,2733,1131],{"class":283},[277,2735,2736],{"class":279,"line":578},[277,2737,328],{"emptyLinePlaceholder":327},[277,2739,2740],{"class":279,"line":583},[277,2741,2742],{"class":283}," computed: {\n",[277,2744,2745,2748],{"class":279,"line":588},[277,2746,2747],{"class":291}," visibleTasks",[277,2749,473],{"class":283},[277,2751,2752,2755,2757,2760,2762,2764,2766,2768],{"class":279,"line":606},[277,2753,2754],{"class":311}," return",[277,2756,1268],{"class":356},[277,2758,2759],{"class":283},".tasks.",[277,2761,2218],{"class":291},[277,2763,448],{"class":283},[277,2765,2223],{"class":349},[277,2767,2226],{"class":311},[277,2769,343],{"class":283},[277,2771,2772,2775,2777,2779],{"class":279,"line":614},[277,2773,2774],{"class":311}," const",[277,2776,2236],{"class":356},[277,2778,340],{"class":311},[277,2780,2241],{"class":283},[277,2782,2783,2786,2788],{"class":279,"line":625},[277,2784,2785],{"class":283}," .",[277,2787,2249],{"class":291},[277,2789,622],{"class":283},[277,2791,2792,2794,2796,2798,2800,2803,2805],{"class":279,"line":637},[277,2793,2785],{"class":283},[277,2795,2258],{"class":291},[277,2797,448],{"class":283},[277,2799,1341],{"class":356},[277,2801,2802],{"class":283},".filters.search.",[277,2804,2249],{"class":291},[277,2806,2266],{"class":283},[277,2808,2809],{"class":279,"line":646},[277,2810,328],{"emptyLinePlaceholder":327},[277,2812,2813,2815,2817,2819,2821,2824,2826,2828,2830,2832],{"class":279,"line":668},[277,2814,2774],{"class":311},[277,2816,2277],{"class":356},[277,2818,340],{"class":311},[277,2820,1268],{"class":356},[277,2822,2823],{"class":283},".filters.showOnlyOpen ",[277,2825,2285],{"class":311},[277,2827,2288],{"class":311},[277,2829,2291],{"class":283},[277,2831,353],{"class":311},[277,2833,2296],{"class":356},[277,2835,2836],{"class":279,"line":673},[277,2837,328],{"emptyLinePlaceholder":327},[277,2839,2840,2843,2845,2847],{"class":279,"line":679},[277,2841,2842],{"class":311}," return",[277,2844,2307],{"class":283},[277,2846,2310],{"class":311},[277,2848,2313],{"class":283},[277,2850,2851],{"class":279,"line":684},[277,2852,2853],{"class":283}," })\n",[277,2855,2856],{"class":279,"line":700},[277,2857,1126],{"class":283},[277,2859,2860],{"class":279,"line":717},[277,2861,1131],{"class":283},[277,2863,2864],{"class":279,"line":722},[277,2865,328],{"emptyLinePlaceholder":327},[277,2867,2868,2871,2873,2875],{"class":279,"line":729},[277,2869,2870],{"class":291}," renderTracked",[277,2872,448],{"class":283},[277,2874,2337],{"class":349},[277,2876,2476],{"class":283},[277,2878,2879,2882,2884,2886,2888],{"class":279,"line":738},[277,2880,2881],{"class":283}," console.",[277,2883,2352],{"class":291},[277,2885,448],{"class":283},[277,2887,2357],{"class":301},[277,2889,2360],{"class":283},[277,2891,2892],{"class":279,"line":747},[277,2893,2894],{"class":283}," type: event.type,\n",[277,2896,2897,2900,2902],{"class":279,"line":754},[277,2898,2899],{"class":283}," key: ",[277,2901,2373],{"class":291},[277,2903,2376],{"class":283},[277,2905,2906],{"class":279,"line":772},[277,2907,2908],{"class":283}," target: event.target\n",[277,2910,2911],{"class":279,"line":777},[277,2912,2913],{"class":283}," })\n",[277,2915,2916],{"class":279,"line":782},[277,2917,1131],{"class":283},[277,2919,2920],{"class":279,"line":792},[277,2921,328],{"emptyLinePlaceholder":327},[277,2923,2924,2927,2929,2931],{"class":279,"line":797},[277,2925,2926],{"class":291}," renderTriggered",[277,2928,448],{"class":283},[277,2930,2337],{"class":349},[277,2932,2476],{"class":283},[277,2934,2935,2937,2939,2941,2943],{"class":279,"line":807},[277,2936,2881],{"class":283},[277,2938,2352],{"class":291},[277,2940,448],{"class":283},[277,2942,2419],{"class":301},[277,2944,2360],{"class":283},[277,2946,2947],{"class":279,"line":826},[277,2948,2894],{"class":283},[277,2950,2951,2953,2955],{"class":279,"line":849},[277,2952,2899],{"class":283},[277,2954,2373],{"class":291},[277,2956,2376],{"class":283},[277,2958,2959],{"class":279,"line":854},[277,2960,2961],{"class":283}," oldValue: event.oldValue,\n",[277,2963,2964],{"class":279,"line":876},[277,2965,2966],{"class":283}," newValue: event.newValue\n",[277,2968,2969],{"class":279,"line":891},[277,2970,2913],{"class":283},[277,2972,2973],{"class":279,"line":905},[277,2974,1131],{"class":283},[277,2976,2977],{"class":279,"line":919},[277,2978,328],{"emptyLinePlaceholder":327},[277,2980,2981],{"class":279,"line":929},[277,2982,1140],{"class":283},[277,2984,2985,2988,2990,2992],{"class":279,"line":934},[277,2986,2987],{"class":291}," toggleTask",[277,2989,448],{"class":283},[277,2991,2468],{"class":349},[277,2993,2476],{"class":283},[277,2995,2996,2998,3000,3002,3004,3006,3008,3010,3012,3014,3016,3018],{"class":279,"line":951},[277,2997,1154],{"class":311},[277,2999,2483],{"class":356},[277,3001,340],{"class":311},[277,3003,1268],{"class":356},[277,3005,2759],{"class":283},[277,3007,2490],{"class":291},[277,3009,448],{"class":283},[277,3011,2495],{"class":349},[277,3013,2226],{"class":311},[277,3015,2500],{"class":283},[277,3017,2503],{"class":311},[277,3019,2506],{"class":283},[277,3021,3022],{"class":279,"line":961},[277,3023,328],{"emptyLinePlaceholder":327},[277,3025,3026,3028,3030,3032,3034],{"class":279,"line":1473},[277,3027,1177],{"class":311},[277,3029,511],{"class":283},[277,3031,514],{"class":311},[277,3033,2521],{"class":283},[277,3035,714],{"class":311},[277,3037,3038],{"class":279,"line":1478},[277,3039,328],{"emptyLinePlaceholder":327},[277,3041,3042,3045,3047,3049],{"class":279,"line":1497},[277,3043,3044],{"class":283}," task.done ",[277,3046,298],{"class":311},[277,3048,2288],{"class":311},[277,3050,2539],{"class":283},[277,3052,3053],{"class":279,"line":1510},[277,3054,1126],{"class":283},[277,3056,3057],{"class":279,"line":1523},[277,3058,542],{"class":283},[277,3060,3061],{"class":279,"line":1536},[277,3062,394],{"class":283},[277,3064,3065,3067,3069],{"class":279,"line":1545},[277,3066,785],{"class":283},[277,3068,288],{"class":287},[277,3070,305],{"class":283},[21,3072,3073],{},"Este ejemplo permite observar claramente:",[38,3075,3076,3079,3082],{},[41,3077,3078],{},"Qué dependencias se registran al renderizar.",[41,3080,3081],{},"Qué cambios provocan nuevas actualizaciones.",[41,3083,3084],{},"Cómo el alcance del componente afecta su reactividad.",[30,3086,1596],{"id":1595},[21,3088,3089,1697,3091,3093],{},[16,3090,1685],{},[16,3092,1688],{}," no son herramientas decorativas ni de observabilidad general. Son instrumentos de diagnóstico para entender el render desde dentro.",[21,3095,3096],{},"Bien utilizados, permiten:",[38,3098,3099,3102,3105],{},[41,3100,3101],{},"Detectar dependencias accidentales.",[41,3103,3104],{},"Reducir renders innecesarios.",[41,3106,3107,3108,104],{},"Comprender mejor la relación entre template, estado reactivo y ",[16,3109,1732],{},[3111,3112,3113],"blockquote",{},[21,3114,3115],{},"Antes de optimizar a ciegas, observa qué dependencias se registran y qué cambios están disparando el render.",[1606,3117,3118],{},"html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .s9eBZ, html code.shiki .s9eBZ{--shiki-default:#22863A;--shiki-dark:#85E89D}html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}html pre.shiki code .szBVR, html code.shiki .szBVR{--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}html pre.shiki code .s4XuR, html code.shiki .s4XuR{--shiki-default:#E36209;--shiki-dark:#FFAB70}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":273,"searchDepth":308,"depth":308,"links":3120},[3121,3122,3123,3124,3125,3131,3136,3137],{"id":32,"depth":308,"text":33},{"id":60,"depth":308,"text":61},{"id":128,"depth":308,"text":129},{"id":155,"depth":308,"text":156},{"id":189,"depth":308,"text":190,"children":3126},[3127,3128,3129,3130],{"id":1909,"depth":324,"text":1910},{"id":1920,"depth":324,"text":1921},{"id":1931,"depth":324,"text":1932},{"id":1938,"depth":324,"text":1939},{"id":1945,"depth":308,"text":1946,"children":3132},[3133,3134,3135],{"id":1949,"depth":324,"text":1950},{"id":1959,"depth":324,"text":1960},{"id":1968,"depth":324,"text":1969},{"id":1975,"depth":308,"text":1976},{"id":1595,"depth":308,"text":1596},"https://res.cloudinary.com/denj4fg7f/image/upload/v1773802976/vue-lifecycle-render-debug-rendertracked-rendertriggered_ekkgg1.png","Ilustración de depuración del render en Vue con renderTracked y renderTriggered","2026-03-18","Cómo usar renderTracked, renderTriggered, onRenderTracked y onRenderTriggered para entender qué dependencias entran en un render y qué cambios están forzando nuevas actualizaciones.",{"script":3143},[3144],{"type":1632,"key":1633,"data-nuxt-schema-org":327,"nodes":3145},[3146],{"headline":1676,"author":3147,"datePublished":3148,"@type":1640},{"name":1637,"@type":1638},"2026-03-17T22:00:00-05:00",{"updatedAt":3148,"coverCaption":3150,"author":1637,"keywords":3151},"renderTracked y renderTriggered ayudan a ver qué dependencia entra al render y cuál lo vuelve a disparar.",[1645,1685,1688,2331,2398],"/blog/vue-lifecycle-render-debug-rendertracked-rendertriggered.es",[3154],{"headline":1676,"author":3155,"datePublished":3148,"@type":1640},{"name":1637,"@type":1638},{"title":1676,"description":3141},"blog/vue-lifecycle-render-debug-rendertracked-rendertriggered.es",[3159,3160,3163,3166,3169],{"tag":1660,"color":1661},{"tag":3161,"color":3162},"Depuración","#C44569",{"tag":3164,"color":3165},"Renderizado","#E17055",{"tag":3167,"color":3168},"Reactividad","#1D5BA1",{"tag":1671,"color":1672},"rCB_-d6-qlXT75rsym26zI8eV4iC-ZDlsiiGD7tMvKw",{"id":3172,"title":3173,"body":3174,"cover":5131,"coverAlt":5132,"date":5133,"description":5134,"draft":1627,"extension":1628,"head":5135,"locale":1641,"meta":5142,"navigation":327,"path":5147,"schemaOrg":5148,"seo":5151,"series":1653,"seriesDescription":1654,"seriesOrder":371,"seriesTitle":1655,"slug":1656,"stem":5152,"tags":5153,"__hash__":5160},"blog/blog/vue-lifecycle-error-handling-errorcaptured.es.md","Ciclos de vida en Vue: manejo de errores con errorCaptured",{"type":8,"value":3175,"toc":5111},[3176,3183,3186,3192,3194,3197,3203,3205,3218,3221,3245,3248,3268,3271,3288,3296,3298,3303,3306,3320,3326,3328,3334,3336,3363,3368,3370,3374,3377,3380,3387,3393,3396,3400,3403,3406,3410,3416,3418,3422,3425,3429,3432,3436,3439,3441,4344,5091,5094,5099,5101,5106,5109],[11,3177,3179,3180],{"id":3178},"ciclos-de-vida-en-vue-manejo-de-errores-con-errorcaptured","Ciclos de vida en Vue: manejo de errores con ",[16,3181,3182],{},"errorCaptured",[21,3184,3185],{},"Los errores en la interfaz rara vez avisan. Un widget deja de renderizar, una dependencia de terceros lanza una excepción o una vista hija falla durante una actualización, y de pronto el usuario se queda con un bloque en blanco o una pantalla incompleta.",[21,3187,3188,3189,3191],{},"Ahí es donde ",[16,3190,3182],{}," cobra valor. No evita que ocurran errores, pero te permite contenerlos en el lugar adecuado, registrar contexto útil y ofrecer una salida digna sin comprometer toda la UI.",[30,3193,33],{"id":32},[21,3195,3196],{},"A medida que una aplicación crece, no todos los componentes tienen el mismo nivel de confianza. Hay piezas muy estables y otras más frágiles: integraciones con librerías externas, widgets complejos, paneles que dependen de datos cambiantes o componentes en evolución constante.",[21,3198,3199,3200,3202],{},"Si los fallos se propagan sin control, el impacto suele ser desproporcionado. Un error en una tarjeta secundaria puede terminar afectando toda una pantalla. ",[16,3201,3182],{}," permite establecer límites: este bloque puede fallar, pero el resto de la página debe seguir funcionando.",[30,3204,61],{"id":60},[21,3206,3207,3209,3210,3213,3214,3217],{},[16,3208,3182],{}," es un hook de la Options API, y ",[16,3211,3212],{},"onErrorCaptured()"," es su equivalente en Composition API. Ambos permiten interceptar errores que ocurren en ",[72,3215,3216],{},"componentes descendientes"," del componente actual.",[21,3219,3220],{},"Esto incluye errores originados en partes habituales del flujo de Vue, como:",[38,3222,3223,3225,3228,3231,3236,3239,3242],{},[41,3224,3164],{},[41,3226,3227],{},"Event handlers",[41,3229,3230],{},"Hooks del ciclo de vida",[41,3232,3233],{},[16,3234,3235],{},"setup()",[41,3237,3238],{},"Watchers",[41,3240,3241],{},"Directivas personalizadas",[41,3243,3244],{},"Hooks de transición",[21,3246,3247],{},"El hook recibe tres argumentos:",[38,3249,3250,3256,3262],{},[41,3251,3252,3255],{},[16,3253,3254],{},"err",": el error capturado",[41,3257,3258,3261],{},[16,3259,3260],{},"instance",": la instancia del componente que lanzó el error",[41,3263,3264,3267],{},[16,3265,3266],{},"info",": una pista sobre el origen (por ejemplo, si ocurrió en render o en un evento)",[21,3269,3270],{},"Hay dos aspectos clave a tener en cuenta:",[38,3272,3273,3276],{},[41,3274,3275],{},"Solo captura errores de componentes hijos (y descendientes). No intercepta errores del mismo componente donde se declara.",[41,3277,3278,3279,3281,3282,3284,3285,104],{},"Si devuelve ",[16,3280,2123],{},", detiene la propagación del error hacia otros hooks ",[16,3283,3182],{}," superiores y hacia ",[16,3286,3287],{},"app.config.errorHandler",[21,3289,3290,3291,3295],{},"En la práctica, funciona como un ",[3292,3293,3294],"em",{},"error boundary"," local. Lo habitual es usarlo para tres objetivos simultáneos: registrar el error, mostrar un fallback y evitar que una parte aislada de la interfaz derribe el resto.",[30,3297,129],{"id":128},[21,3299,3300,3302],{},[16,3301,3182],{}," encaja bien cuando necesitas aislar fallos en una zona concreta de la UI.",[21,3304,3305],{},"Casos típicos:",[38,3307,3308,3311,3314,3317],{},[41,3309,3310],{},"Un dashboard con widgets independientes donde una tarjeta puede fallar sin romper toda la vista.",[41,3312,3313],{},"Un editor, gráfico o componente de terceros que conviene encapsular detrás de un fallback.",[41,3315,3316],{},"Un área de administración donde ciertos módulos se cargan de forma condicional y no deberían comprometer la navegación principal.",[41,3318,3319],{},"Un layout con bloques reutilizables donde quieres centralizar logging y mostrar mensajes útiles al usuario.",[21,3321,3322,3323,3325],{},"Regla práctica: si un componente hijo puede fallar y quieres contener el impacto, ",[16,3324,3182],{}," es una buena solución.",[30,3327,156],{"id":155},[21,3329,3330,3331,3333],{},"No conviene usar ",[16,3332,3182],{}," como solución universal.",[21,3335,162],{},[38,3337,3338,3350,3357,3360],{},[41,3339,3340,3341,225,3344,225,3347,1895],{},"El problema es un error esperado de negocio; en ese caso es mejor modelarlo como estado (",[16,3342,3343],{},"loading",[16,3345,3346],{},"empty",[16,3348,3349],{},"error",[41,3351,3352,3353,3356],{},"Solo necesitas manejar errores de una operación concreta; un ",[16,3354,3355],{},"try/catch"," suele ser más claro.",[41,3358,3359],{},"Se utiliza para ocultar errores sin registrarlos ni corregir su causa.",[41,3361,3362],{},"La recuperación depende de reiniciar toda la vista; probablemente el boundary está mal ubicado.",[21,3364,3365,3367],{},[16,3366,3182],{}," no reemplaza una estrategia de manejo de errores: la complementa.",[30,3369,190],{"id":189},[192,3371,3373],{"id":3372},"_1-esperar-que-capture-errores-del-mismo-componente","1. Esperar que capture errores del mismo componente",[21,3375,3376],{},"Este hook está diseñado para descendientes. Si el error ocurre en el mismo componente donde se declara, no será interceptado.",[21,3378,3379],{},"La solución es mover el boundary un nivel superior o encapsular la parte frágil en un componente hijo.",[192,3381,3383,3384,3386],{"id":3382},"_2-devolver-false-siempre","2. Devolver ",[16,3385,2123],{}," siempre",[21,3388,3389,3390,3392],{},"Devolver ",[16,3391,2123],{}," detiene la propagación. Puede ser útil si el error ya fue manejado, pero hacerlo sin criterio puede impedir el monitoreo global.",[21,3394,3395],{},"Devuélvelo solo cuando realmente hayas absorbido el error y registrado lo necesario.",[192,3397,3399],{"id":3398},"_3-mostrar-fallback-sin-ofrecer-salida","3. Mostrar fallback sin ofrecer salida",[21,3401,3402],{},"Un mensaje como “algo salió mal” no es suficiente si el usuario no puede actuar.",[21,3404,3405],{},"Siempre que tenga sentido, añade opciones como reintentar, recargar o volver a un estado válido.",[192,3407,3409],{"id":3408},"_4-usarlo-para-ocultar-código-frágil","4. Usarlo para ocultar código frágil",[21,3411,3412,3413,3415],{},"Si un componente falla con frecuencia, ",[16,3414,3182],{}," no debería convertirse en una solución permanente. Sirve para mitigar impacto, no para normalizar problemas estructurales.",[30,3417,1946],{"id":1945},[192,3419,3421],{"id":3420},"dashboard-con-tarjetas-independientes","Dashboard con tarjetas independientes",[21,3423,3424],{},"Si una tarjeta falla, puedes reemplazar solo ese bloque y mantener funcional el resto del tablero.",[192,3426,3428],{"id":3427},"componentes-de-terceros","Componentes de terceros",[21,3430,3431],{},"Algunas librerías no fallan de forma controlada. Encapsularlas en un boundary permite evitar que rompan toda la vista.",[192,3433,3435],{"id":3434},"módulos-opcionales","Módulos opcionales",[21,3437,3438],{},"En paneles complejos, ciertos módulos no son críticos. Es preferible degradar esa sección sin afectar la navegación principal.",[30,3440,1976],{"id":1975},[267,3442,3444],{"className":269,"code":3443,"filename":271,"language":272,"meta":273,"style":273},"\u003Cscript setup lang=\"ts\">\nimport { computed, defineComponent, h, onErrorCaptured, ref } from 'vue'\n\nconst hasError = ref(false)\nconst errorMessage = ref('')\nconst errorSource = ref('')\nconst retryKey = ref(0)\n\nconst RiskyStatsPanel = defineComponent({\n name: 'RiskyStatsPanel',\n setup() {\n const shouldFail = ref(false)\n\n const stats = computed(() => {\n if (shouldFail.value) {\n throw new Error('No fue posible calcular las métricas del tablero.')\n }\n\n return [\n { label: 'Pendientes', value: 14 },\n { label: 'Completadas', value: 29 },\n { label: 'Bloqueadas', value: 3 }\n ]\n })\n\n return () =>\n h('section', { class: 'stats-panel' }, [\n h('h3', 'Resumen de tareas'),\n h(\n 'button',\n {\n type: 'button',\n onClick: () => {\n shouldFail.value = true\n }\n },\n 'Simular fallo del widget'\n ),\n h(\n 'ul',\n stats.value.map(stat =>\n h('li', { key: stat.label }, `${stat.label}: ${stat.value}`)\n )\n )\n ])\n }\n})\n\nonErrorCaptured((error, instance, info) => {\n hasError.value = true\n errorMessage.value =\n error instanceof Error ? error.message : 'Ocurrió un error inesperado.'\n errorSource.value = info\n\n console.error('Widget capturado por el boundary del dashboard', {\n error,\n component: instance?.type,\n info\n })\n\n return false\n})\n\nfunction retry() {\n hasError.value = false\n errorMessage.value = ''\n errorSource.value = ''\n retryKey.value += 1\n}\n\u003C/script>\n\n\u003Ctemplate>\n \u003Csection class=\"dashboard-card\">\n \u003Cheader>\n \u003Ch2>Estado del dashboard\u003C/h2>\n \u003Cp>\n Si un widget falla, el resto de la pantalla puede seguir funcionando.\n \u003C/p>\n \u003C/header>\n\n \u003Cdiv v-if=\"hasError\" class=\"error-box\">\n \u003Cstrong>Este bloque no pudo renderizarse.\u003C/strong>\n \u003Cp>{{ errorMessage }}\u003C/p>\n \u003Csmall>Origen: {{ errorSource }}\u003C/small>\n \u003Cbutton type=\"button\" @click=\"retry\">Reintentar\u003C/button>\n \u003C/div>\n\n \u003CRiskyStatsPanel v-else :key=\"retryKey\" />\n \u003C/section>\n\u003C/template>\n",[16,3445,3446,3462,3473,3477,3494,3510,3527,3545,3549,3562,3571,3578,3595,3599,3616,3623,3638,3642,3646,3653,3669,3683,3696,3700,3704,3708,3717,3736,3754,3761,3768,3773,3783,3795,3804,3809,3814,3819,3824,3830,3837,3853,3891,3896,3901,3906,3910,3914,3918,3941,3950,3957,3975,3985,3989,4002,4007,4012,4017,4021,4025,4032,4036,4040,4049,4057,4066,4074,4086,4091,4100,4105,4114,4131,4141,4155,4164,4170,4180,4189,4194,4218,4232,4245,4260,4291,4300,4305,4326,4335],{"__ignoreMap":273},[277,3447,3448,3450,3452,3454,3456,3458,3460],{"class":279,"line":280},[277,3449,284],{"class":283},[277,3451,288],{"class":287},[277,3453,292],{"class":291},[277,3455,295],{"class":291},[277,3457,298],{"class":283},[277,3459,302],{"class":301},[277,3461,305],{"class":283},[277,3463,3464,3466,3469,3471],{"class":279,"line":308},[277,3465,312],{"class":311},[277,3467,3468],{"class":283}," { computed, defineComponent, h, onErrorCaptured, ref } ",[277,3470,318],{"class":311},[277,3472,321],{"class":301},[277,3474,3475],{"class":279,"line":324},[277,3476,328],{"emptyLinePlaceholder":327},[277,3478,3479,3481,3484,3486,3488,3490,3492],{"class":279,"line":331},[277,3480,405],{"class":311},[277,3482,3483],{"class":356}," hasError",[277,3485,340],{"class":311},[277,3487,413],{"class":291},[277,3489,448],{"class":283},[277,3491,2123],{"class":356},[277,3493,433],{"class":283},[277,3495,3496,3498,3500,3502,3504,3506,3508],{"class":279,"line":346},[277,3497,405],{"class":311},[277,3499,441],{"class":356},[277,3501,340],{"class":311},[277,3503,413],{"class":291},[277,3505,448],{"class":283},[277,3507,451],{"class":301},[277,3509,433],{"class":283},[277,3511,3512,3514,3517,3519,3521,3523,3525],{"class":279,"line":360},[277,3513,405],{"class":311},[277,3515,3516],{"class":356}," errorSource",[277,3518,340],{"class":311},[277,3520,413],{"class":291},[277,3522,448],{"class":283},[277,3524,451],{"class":301},[277,3526,433],{"class":283},[277,3528,3529,3531,3534,3536,3538,3540,3543],{"class":279,"line":371},[277,3530,405],{"class":311},[277,3532,3533],{"class":356}," retryKey",[277,3535,340],{"class":311},[277,3537,413],{"class":291},[277,3539,448],{"class":283},[277,3541,3542],{"class":356},"0",[277,3544,433],{"class":283},[277,3546,3547],{"class":279,"line":381},[277,3548,328],{"emptyLinePlaceholder":327},[277,3550,3551,3553,3556,3558,3560],{"class":279,"line":391},[277,3552,405],{"class":311},[277,3554,3555],{"class":356}," RiskyStatsPanel",[277,3557,340],{"class":311},[277,3559,1063],{"class":291},[277,3561,1066],{"class":283},[277,3563,3564,3566,3569],{"class":279,"line":397},[277,3565,1071],{"class":283},[277,3567,3568],{"class":301},"'RiskyStatsPanel'",[277,3570,1077],{"class":283},[277,3572,3573,3576],{"class":279,"line":402},[277,3574,3575],{"class":291}," setup",[277,3577,473],{"class":283},[277,3579,3580,3582,3585,3587,3589,3591,3593],{"class":279,"line":436},[277,3581,2233],{"class":311},[277,3583,3584],{"class":356}," shouldFail",[277,3586,340],{"class":311},[277,3588,413],{"class":291},[277,3590,448],{"class":283},[277,3592,2123],{"class":356},[277,3594,433],{"class":283},[277,3596,3597],{"class":279,"line":456},[277,3598,328],{"emptyLinePlaceholder":327},[277,3600,3601,3603,3606,3608,3610,3612,3614],{"class":279,"line":461},[277,3602,2233],{"class":311},[277,3604,3605],{"class":356}," stats",[277,3607,340],{"class":311},[277,3609,2200],{"class":291},[277,3611,2203],{"class":283},[277,3613,601],{"class":311},[277,3615,343],{"class":283},[277,3617,3618,3620],{"class":279,"line":476},[277,3619,1177],{"class":311},[277,3621,3622],{"class":283}," (shouldFail.value) {\n",[277,3624,3625,3627,3629,3631,3633,3636],{"class":279,"line":500},[277,3626,1188],{"class":311},[277,3628,526],{"class":311},[277,3630,529],{"class":291},[277,3632,448],{"class":283},[277,3634,3635],{"class":301},"'No fue posible calcular las métricas del tablero.'",[277,3637,433],{"class":283},[277,3639,3640],{"class":279,"line":505},[277,3641,1203],{"class":283},[277,3643,3644],{"class":279,"line":520},[277,3645,328],{"emptyLinePlaceholder":327},[277,3647,3648,3650],{"class":279,"line":539},[277,3649,2754],{"class":311},[277,3651,3652],{"class":283}," [\n",[277,3654,3655,3658,3661,3664,3667],{"class":279,"line":545},[277,3656,3657],{"class":283}," { label: ",[277,3659,3660],{"class":301},"'Pendientes'",[277,3662,3663],{"class":283},", value: ",[277,3665,3666],{"class":356},"14",[277,3668,2132],{"class":283},[277,3670,3671,3673,3676,3678,3681],{"class":279,"line":550},[277,3672,3657],{"class":283},[277,3674,3675],{"class":301},"'Completadas'",[277,3677,3663],{"class":283},[277,3679,3680],{"class":356},"29",[277,3682,2132],{"class":283},[277,3684,3685,3687,3690,3692,3694],{"class":279,"line":578},[277,3686,3657],{"class":283},[277,3688,3689],{"class":301},"'Bloqueadas'",[277,3691,3663],{"class":283},[277,3693,2163],{"class":356},[277,3695,2179],{"class":283},[277,3697,3698],{"class":279,"line":583},[277,3699,2725],{"class":283},[277,3701,3702],{"class":279,"line":588},[277,3703,2913],{"class":283},[277,3705,3706],{"class":279,"line":606},[277,3707,328],{"emptyLinePlaceholder":327},[277,3709,3710,3712,3714],{"class":279,"line":614},[277,3711,1093],{"class":311},[277,3713,598],{"class":283},[277,3715,3716],{"class":311},"=>\n",[277,3718,3719,3722,3724,3727,3730,3733],{"class":279,"line":625},[277,3720,3721],{"class":291}," h",[277,3723,448],{"class":283},[277,3725,3726],{"class":301},"'section'",[277,3728,3729],{"class":283},", { class: ",[277,3731,3732],{"class":301},"'stats-panel'",[277,3734,3735],{"class":283}," }, [\n",[277,3737,3738,3741,3743,3746,3748,3751],{"class":279,"line":637},[277,3739,3740],{"class":291}," h",[277,3742,448],{"class":283},[277,3744,3745],{"class":301},"'h3'",[277,3747,225],{"class":283},[277,3749,3750],{"class":301},"'Resumen de tareas'",[277,3752,3753],{"class":283},"),\n",[277,3755,3756,3758],{"class":279,"line":646},[277,3757,3740],{"class":291},[277,3759,3760],{"class":283},"(\n",[277,3762,3763,3766],{"class":279,"line":668},[277,3764,3765],{"class":301}," 'button'",[277,3767,1077],{"class":283},[277,3769,3770],{"class":279,"line":673},[277,3771,3772],{"class":283}," {\n",[277,3774,3775,3778,3781],{"class":279,"line":679},[277,3776,3777],{"class":283}," type: ",[277,3779,3780],{"class":301},"'button'",[277,3782,1077],{"class":283},[277,3784,3785,3788,3791,3793],{"class":279,"line":684},[277,3786,3787],{"class":291}," onClick",[277,3789,3790],{"class":283},": () ",[277,3792,601],{"class":311},[277,3794,343],{"class":283},[277,3796,3797,3800,3802],{"class":279,"line":700},[277,3798,3799],{"class":283}," shouldFail.value ",[277,3801,298],{"class":311},[277,3803,2296],{"class":356},[277,3805,3806],{"class":279,"line":717},[277,3807,3808],{"class":283}," }\n",[277,3810,3811],{"class":279,"line":722},[277,3812,3813],{"class":283}," },\n",[277,3815,3816],{"class":279,"line":729},[277,3817,3818],{"class":301}," 'Simular fallo del widget'\n",[277,3820,3821],{"class":279,"line":738},[277,3822,3823],{"class":283}," ),\n",[277,3825,3826,3828],{"class":279,"line":747},[277,3827,3740],{"class":291},[277,3829,3760],{"class":283},[277,3831,3832,3835],{"class":279,"line":754},[277,3833,3834],{"class":301}," 'ul'",[277,3836,1077],{"class":283},[277,3838,3839,3842,3845,3847,3850],{"class":279,"line":772},[277,3840,3841],{"class":283}," stats.value.",[277,3843,3844],{"class":291},"map",[277,3846,448],{"class":283},[277,3848,3849],{"class":349},"stat",[277,3851,3852],{"class":311}," =>\n",[277,3854,3855,3858,3860,3863,3866,3869,3871,3873,3876,3879,3881,3883,3886,3889],{"class":279,"line":777},[277,3856,3857],{"class":291}," h",[277,3859,448],{"class":283},[277,3861,3862],{"class":301},"'li'",[277,3864,3865],{"class":283},", { key: stat.label }, ",[277,3867,3868],{"class":301},"`${",[277,3870,3849],{"class":283},[277,3872,104],{"class":301},[277,3874,3875],{"class":283},"label",[277,3877,3878],{"class":301},"}: ${",[277,3880,3849],{"class":283},[277,3882,104],{"class":301},[277,3884,3885],{"class":283},"value",[277,3887,3888],{"class":301},"}`",[277,3890,433],{"class":283},[277,3892,3893],{"class":279,"line":782},[277,3894,3895],{"class":283}," )\n",[277,3897,3898],{"class":279,"line":792},[277,3899,3900],{"class":283}," )\n",[277,3902,3903],{"class":279,"line":797},[277,3904,3905],{"class":283}," ])\n",[277,3907,3908],{"class":279,"line":807},[277,3909,542],{"class":283},[277,3911,3912],{"class":279,"line":826},[277,3913,676],{"class":283},[277,3915,3916],{"class":279,"line":849},[277,3917,328],{"emptyLinePlaceholder":327},[277,3919,3920,3923,3925,3927,3929,3931,3933,3935,3937,3939],{"class":279,"line":854},[277,3921,3922],{"class":291},"onErrorCaptured",[277,3924,2334],{"class":283},[277,3926,3349],{"class":349},[277,3928,225],{"class":283},[277,3930,3260],{"class":349},[277,3932,225],{"class":283},[277,3934,3266],{"class":349},[277,3936,2340],{"class":283},[277,3938,601],{"class":311},[277,3940,343],{"class":283},[277,3942,3943,3946,3948],{"class":279,"line":876},[277,3944,3945],{"class":283}," hasError.value ",[277,3947,298],{"class":311},[277,3949,2296],{"class":356},[277,3951,3952,3955],{"class":279,"line":891},[277,3953,3954],{"class":283}," errorMessage.value ",[277,3956,643],{"class":311},[277,3958,3959,3962,3964,3966,3968,3970,3972],{"class":279,"line":905},[277,3960,3961],{"class":283}," error ",[277,3963,652],{"class":311},[277,3965,529],{"class":291},[277,3967,657],{"class":311},[277,3969,660],{"class":283},[277,3971,353],{"class":311},[277,3973,3974],{"class":301}," 'Ocurrió un error inesperado.'\n",[277,3976,3977,3980,3982],{"class":279,"line":919},[277,3978,3979],{"class":283}," errorSource.value ",[277,3981,298],{"class":311},[277,3983,3984],{"class":283}," info\n",[277,3986,3987],{"class":279,"line":929},[277,3988,328],{"emptyLinePlaceholder":327},[277,3990,3991,3993,3995,3997,4000],{"class":279,"line":934},[277,3992,2349],{"class":283},[277,3994,3349],{"class":291},[277,3996,448],{"class":283},[277,3998,3999],{"class":301},"'Widget capturado por el boundary del dashboard'",[277,4001,2360],{"class":283},[277,4003,4004],{"class":279,"line":951},[277,4005,4006],{"class":283}," error,\n",[277,4008,4009],{"class":279,"line":961},[277,4010,4011],{"class":283}," component: instance?.type,\n",[277,4013,4014],{"class":279,"line":1473},[277,4015,4016],{"class":283}," info\n",[277,4018,4019],{"class":279,"line":1478},[277,4020,2318],{"class":283},[277,4022,4023],{"class":279,"line":1497},[277,4024,328],{"emptyLinePlaceholder":327},[277,4026,4027,4029],{"class":279,"line":1510},[277,4028,2212],{"class":311},[277,4030,4031],{"class":356}," false\n",[277,4033,4034],{"class":279,"line":1523},[277,4035,676],{"class":283},[277,4037,4038],{"class":279,"line":1536},[277,4039,328],{"emptyLinePlaceholder":327},[277,4041,4042,4044,4047],{"class":279,"line":1545},[277,4043,2460],{"class":311},[277,4045,4046],{"class":291}," retry",[277,4048,473],{"class":283},[277,4050,4051,4053,4055],{"class":279,"line":1550},[277,4052,3945],{"class":283},[277,4054,298],{"class":311},[277,4056,4031],{"class":356},[277,4058,4059,4061,4063],{"class":279,"line":1565},[277,4060,3954],{"class":283},[277,4062,298],{"class":311},[277,4064,4065],{"class":301}," ''\n",[277,4067,4068,4070,4072],{"class":279,"line":1574},[277,4069,3979],{"class":283},[277,4071,298],{"class":311},[277,4073,4065],{"class":301},[277,4075,4077,4080,4083],{"class":279,"line":4076},68,[277,4078,4079],{"class":283}," retryKey.value ",[277,4081,4082],{"class":311},"+=",[277,4084,4085],{"class":356}," 1\n",[277,4087,4089],{"class":279,"line":4088},69,[277,4090,394],{"class":283},[277,4092,4094,4096,4098],{"class":279,"line":4093},70,[277,4095,785],{"class":283},[277,4097,288],{"class":287},[277,4099,305],{"class":283},[277,4101,4103],{"class":279,"line":4102},71,[277,4104,328],{"emptyLinePlaceholder":327},[277,4106,4108,4110,4112],{"class":279,"line":4107},72,[277,4109,284],{"class":283},[277,4111,802],{"class":287},[277,4113,305],{"class":283},[277,4115,4117,4119,4122,4124,4126,4129],{"class":279,"line":4116},73,[277,4118,810],{"class":283},[277,4120,4121],{"class":287},"section",[277,4123,816],{"class":291},[277,4125,298],{"class":283},[277,4127,4128],{"class":301},"\"dashboard-card\"",[277,4130,305],{"class":283},[277,4132,4134,4136,4139],{"class":279,"line":4133},74,[277,4135,829],{"class":283},[277,4137,4138],{"class":287},"header",[277,4140,305],{"class":283},[277,4142,4144,4146,4148,4151,4153],{"class":279,"line":4143},75,[277,4145,879],{"class":283},[277,4147,30],{"class":287},[277,4149,4150],{"class":283},">Estado del dashboard\u003C/",[277,4152,30],{"class":287},[277,4154,305],{"class":283},[277,4156,4158,4160,4162],{"class":279,"line":4157},76,[277,4159,879],{"class":283},[277,4161,21],{"class":287},[277,4163,305],{"class":283},[277,4165,4167],{"class":279,"line":4166},77,[277,4168,4169],{"class":283}," Si un widget falla, el resto de la pantalla puede seguir funcionando.\n",[277,4171,4173,4176,4178],{"class":279,"line":4172},78,[277,4174,4175],{"class":283}," \u003C/",[277,4177,21],{"class":287},[277,4179,305],{"class":283},[277,4181,4183,4185,4187],{"class":279,"line":4182},79,[277,4184,922],{"class":283},[277,4186,4138],{"class":287},[277,4188,305],{"class":283},[277,4190,4192],{"class":279,"line":4191},80,[277,4193,328],{"emptyLinePlaceholder":327},[277,4195,4197,4199,4202,4204,4206,4209,4211,4213,4216],{"class":279,"line":4196},81,[277,4198,829],{"class":283},[277,4200,4201],{"class":287},"div",[277,4203,834],{"class":291},[277,4205,298],{"class":283},[277,4207,4208],{"class":301},"\"hasError\"",[277,4210,816],{"class":291},[277,4212,298],{"class":283},[277,4214,4215],{"class":301},"\"error-box\"",[277,4217,305],{"class":283},[277,4219,4221,4223,4225,4228,4230],{"class":279,"line":4220},82,[277,4222,879],{"class":283},[277,4224,72],{"class":287},[277,4226,4227],{"class":283},">Este bloque no pudo renderizarse.\u003C/",[277,4229,72],{"class":287},[277,4231,305],{"class":283},[277,4233,4235,4237,4239,4241,4243],{"class":279,"line":4234},83,[277,4236,879],{"class":283},[277,4238,21],{"class":287},[277,4240,842],{"class":283},[277,4242,21],{"class":287},[277,4244,305],{"class":283},[277,4246,4248,4250,4253,4256,4258],{"class":279,"line":4247},84,[277,4249,879],{"class":283},[277,4251,4252],{"class":287},"small",[277,4254,4255],{"class":283},">Origen: {{ errorSource }}\u003C/",[277,4257,4252],{"class":287},[277,4259,305],{"class":283},[277,4261,4263,4265,4268,4271,4273,4276,4279,4281,4284,4287,4289],{"class":279,"line":4262},85,[277,4264,879],{"class":283},[277,4266,4267],{"class":287},"button",[277,4269,4270],{"class":291}," type",[277,4272,298],{"class":283},[277,4274,4275],{"class":301},"\"button\"",[277,4277,4278],{"class":291}," @click",[277,4280,298],{"class":283},[277,4282,4283],{"class":301},"\"retry\"",[277,4285,4286],{"class":283},">Reintentar\u003C/",[277,4288,4267],{"class":287},[277,4290,305],{"class":283},[277,4292,4294,4296,4298],{"class":279,"line":4293},86,[277,4295,922],{"class":283},[277,4297,4201],{"class":287},[277,4299,305],{"class":283},[277,4301,4303],{"class":279,"line":4302},87,[277,4304,328],{"emptyLinePlaceholder":327},[277,4306,4308,4310,4313,4315,4318,4320,4323],{"class":279,"line":4307},88,[277,4309,829],{"class":283},[277,4311,4312],{"class":287},"RiskyStatsPanel",[277,4314,941],{"class":291},[277,4316,4317],{"class":291}," :key",[277,4319,298],{"class":283},[277,4321,4322],{"class":301},"\"retryKey\"",[277,4324,4325],{"class":283}," />\n",[277,4327,4329,4331,4333],{"class":279,"line":4328},89,[277,4330,954],{"class":283},[277,4332,4121],{"class":287},[277,4334,305],{"class":283},[277,4336,4338,4340,4342],{"class":279,"line":4337},90,[277,4339,785],{"class":283},[277,4341,802],{"class":287},[277,4343,305],{"class":283},[267,4345,4347],{"className":269,"code":4346,"filename":971,"language":272,"meta":273,"style":273},"\u003Cscript lang=\"ts\">\nconst RiskyStatsPanel = {\n name: 'RiskyStatsPanel',\n data() {\n return {\n shouldFail: false\n }\n },\n computed: {\n stats() {\n if (this.shouldFail) {\n throw new Error('No fue posible calcular las métricas del tablero.')\n }\n\n return [\n { label: 'Pendientes', value: 14 },\n { label: 'Completadas', value: 29 },\n { label: 'Bloqueadas', value: 3 }\n ]\n }\n },\n template: `\n \u003Csection class=\"stats-panel\">\n \u003Ch3>Resumen de tareas\u003C/h3>\n \u003Cbutton\n type=\"button\"\n @click=\"shouldFail = true\"\n >\n Simular fallo del widget\n \u003C/button>\n\n \u003Cul>\n \u003Cli\n v-for=\"stat in stats\"\n :key=\"stat.label\"\n >\n {{ stat.label }}: {{ stat.value }}\n \u003C/li>\n \u003C/ul>\n \u003C/section>\n `\n}\n\nexport default {\n name: 'DashboardErrorBoundary',\n components: {\n RiskyStatsPanel\n },\n data() {\n return {\n hasError: false,\n errorMessage: '',\n errorSource: '',\n retryKey: 0\n }\n },\n errorCaptured(error, instance, info) {\n this.hasError = true\n this.errorMessage =\n error instanceof Error ? error.message : 'Ocurrió un error inesperado.'\n this.errorSource = info\n\n console.error('Widget capturado por el boundary del dashboard', {\n error,\n component: instance?.type,\n info\n })\n\n return false\n },\n methods: {\n retry() {\n this.hasError = false\n this.errorMessage = ''\n this.errorSource = ''\n this.retryKey += 1\n }\n }\n}\n\u003C/script>\n\n\u003Ctemplate>\n \u003Csection class=\"dashboard-card\">\n \u003Cheader>\n \u003Ch2>Estado del dashboard\u003C/h2>\n \u003Cp>Si un widget falla, el resto de la pantalla puede seguir funcionando.\u003C/p>\n \u003C/header>\n\n \u003Cdiv v-if=\"hasError\" class=\"error-box\">\n \u003Cstrong>Este bloque no pudo renderizarse.\u003C/strong>\n \u003Cp>{{ errorMessage }}\u003C/p>\n \u003Csmall>Origen: {{ errorSource }}\u003C/small>\n \u003Cbutton type=\"button\" @click=\"retry\">Reintentar\u003C/button>\n \u003C/div>\n\n \u003CRiskyStatsPanel v-else :key=\"retryKey\" />\n \u003C/section>\n\u003C/template>\n",[16,4348,4349,4363,4373,4381,4387,4393,4400,4404,4408,4412,4419,4430,4444,4448,4452,4458,4470,4482,4494,4498,4502,4506,4514,4519,4524,4529,4534,4539,4544,4549,4554,4558,4563,4568,4573,4578,4583,4588,4593,4598,4603,4608,4612,4616,4624,4633,4638,4643,4647,4653,4659,4668,4676,4685,4693,4697,4701,4720,4732,4740,4756,4767,4771,4783,4788,4793,4798,4802,4806,4812,4816,4820,4827,4837,4847,4857,4868,4872,4876,4880,4888,4892,4900,4914,4922,4934,4947,4955,4959,4979,4991,5004,5017,5042,5051,5056,5073,5082],{"__ignoreMap":273},[277,4350,4351,4353,4355,4357,4359,4361],{"class":279,"line":280},[277,4352,284],{"class":283},[277,4354,288],{"class":287},[277,4356,295],{"class":291},[277,4358,298],{"class":283},[277,4360,302],{"class":301},[277,4362,305],{"class":283},[277,4364,4365,4367,4369,4371],{"class":279,"line":308},[277,4366,405],{"class":311},[277,4368,3555],{"class":356},[277,4370,340],{"class":311},[277,4372,343],{"class":283},[277,4374,4375,4377,4379],{"class":279,"line":324},[277,4376,1071],{"class":283},[277,4378,3568],{"class":301},[277,4380,1077],{"class":283},[277,4382,4383,4385],{"class":279,"line":331},[277,4384,1086],{"class":291},[277,4386,473],{"class":283},[277,4388,4389,4391],{"class":279,"line":346},[277,4390,1093],{"class":311},[277,4392,343],{"class":283},[277,4394,4395,4398],{"class":279,"line":360},[277,4396,4397],{"class":283}," shouldFail: ",[277,4399,2043],{"class":356},[277,4401,4402],{"class":279,"line":371},[277,4403,1126],{"class":283},[277,4405,4406],{"class":279,"line":381},[277,4407,1131],{"class":283},[277,4409,4410],{"class":279,"line":391},[277,4411,2742],{"class":283},[277,4413,4414,4417],{"class":279,"line":397},[277,4415,4416],{"class":291}," stats",[277,4418,473],{"class":283},[277,4420,4421,4423,4425,4427],{"class":279,"line":402},[277,4422,1177],{"class":311},[277,4424,511],{"class":283},[277,4426,1341],{"class":356},[277,4428,4429],{"class":283},".shouldFail) {\n",[277,4431,4432,4434,4436,4438,4440,4442],{"class":279,"line":436},[277,4433,1188],{"class":311},[277,4435,526],{"class":311},[277,4437,529],{"class":291},[277,4439,448],{"class":283},[277,4441,3635],{"class":301},[277,4443,433],{"class":283},[277,4445,4446],{"class":279,"line":456},[277,4447,1203],{"class":283},[277,4449,4450],{"class":279,"line":461},[277,4451,328],{"emptyLinePlaceholder":327},[277,4453,4454,4456],{"class":279,"line":476},[277,4455,2754],{"class":311},[277,4457,3652],{"class":283},[277,4459,4460,4462,4464,4466,4468],{"class":279,"line":500},[277,4461,3657],{"class":283},[277,4463,3660],{"class":301},[277,4465,3663],{"class":283},[277,4467,3666],{"class":356},[277,4469,2132],{"class":283},[277,4471,4472,4474,4476,4478,4480],{"class":279,"line":505},[277,4473,3657],{"class":283},[277,4475,3675],{"class":301},[277,4477,3663],{"class":283},[277,4479,3680],{"class":356},[277,4481,2132],{"class":283},[277,4483,4484,4486,4488,4490,4492],{"class":279,"line":520},[277,4485,3657],{"class":283},[277,4487,3689],{"class":301},[277,4489,3663],{"class":283},[277,4491,2163],{"class":356},[277,4493,2179],{"class":283},[277,4495,4496],{"class":279,"line":539},[277,4497,2725],{"class":283},[277,4499,4500],{"class":279,"line":545},[277,4501,1126],{"class":283},[277,4503,4504],{"class":279,"line":550},[277,4505,1131],{"class":283},[277,4507,4508,4511],{"class":279,"line":578},[277,4509,4510],{"class":283}," template: ",[277,4512,4513],{"class":301},"`\n",[277,4515,4516],{"class":279,"line":583},[277,4517,4518],{"class":301}," \u003Csection class=\"stats-panel\">\n",[277,4520,4521],{"class":279,"line":588},[277,4522,4523],{"class":301}," \u003Ch3>Resumen de tareas\u003C/h3>\n",[277,4525,4526],{"class":279,"line":606},[277,4527,4528],{"class":301}," \u003Cbutton\n",[277,4530,4531],{"class":279,"line":614},[277,4532,4533],{"class":301}," type=\"button\"\n",[277,4535,4536],{"class":279,"line":625},[277,4537,4538],{"class":301}," @click=\"shouldFail = true\"\n",[277,4540,4541],{"class":279,"line":637},[277,4542,4543],{"class":301}," >\n",[277,4545,4546],{"class":279,"line":646},[277,4547,4548],{"class":301}," Simular fallo del widget\n",[277,4550,4551],{"class":279,"line":668},[277,4552,4553],{"class":301}," \u003C/button>\n",[277,4555,4556],{"class":279,"line":673},[277,4557,328],{"emptyLinePlaceholder":327},[277,4559,4560],{"class":279,"line":679},[277,4561,4562],{"class":301}," \u003Cul>\n",[277,4564,4565],{"class":279,"line":684},[277,4566,4567],{"class":301}," \u003Cli\n",[277,4569,4570],{"class":279,"line":700},[277,4571,4572],{"class":301}," v-for=\"stat in stats\"\n",[277,4574,4575],{"class":279,"line":717},[277,4576,4577],{"class":301}," :key=\"stat.label\"\n",[277,4579,4580],{"class":279,"line":722},[277,4581,4582],{"class":301}," >\n",[277,4584,4585],{"class":279,"line":729},[277,4586,4587],{"class":301}," {{ stat.label }}: {{ stat.value }}\n",[277,4589,4590],{"class":279,"line":738},[277,4591,4592],{"class":301}," \u003C/li>\n",[277,4594,4595],{"class":279,"line":747},[277,4596,4597],{"class":301}," \u003C/ul>\n",[277,4599,4600],{"class":279,"line":754},[277,4601,4602],{"class":301}," \u003C/section>\n",[277,4604,4605],{"class":279,"line":772},[277,4606,4607],{"class":301}," `\n",[277,4609,4610],{"class":279,"line":777},[277,4611,394],{"class":283},[277,4613,4614],{"class":279,"line":782},[277,4615,328],{"emptyLinePlaceholder":327},[277,4617,4618,4620,4622],{"class":279,"line":792},[277,4619,1057],{"class":311},[277,4621,1060],{"class":311},[277,4623,343],{"class":283},[277,4625,4626,4628,4631],{"class":279,"line":797},[277,4627,1071],{"class":283},[277,4629,4630],{"class":301},"'DashboardErrorBoundary'",[277,4632,1077],{"class":283},[277,4634,4635],{"class":279,"line":807},[277,4636,4637],{"class":283}," components: {\n",[277,4639,4640],{"class":279,"line":826},[277,4641,4642],{"class":283}," RiskyStatsPanel\n",[277,4644,4645],{"class":279,"line":849},[277,4646,1131],{"class":283},[277,4648,4649,4651],{"class":279,"line":854},[277,4650,1086],{"class":291},[277,4652,473],{"class":283},[277,4654,4655,4657],{"class":279,"line":876},[277,4656,1093],{"class":311},[277,4658,343],{"class":283},[277,4660,4661,4664,4666],{"class":279,"line":891},[277,4662,4663],{"class":283}," hasError: ",[277,4665,2123],{"class":356},[277,4667,1077],{"class":283},[277,4669,4670,4672,4674],{"class":279,"line":905},[277,4671,1118],{"class":283},[277,4673,451],{"class":301},[277,4675,1077],{"class":283},[277,4677,4678,4681,4683],{"class":279,"line":919},[277,4679,4680],{"class":283}," errorSource: ",[277,4682,451],{"class":301},[277,4684,1077],{"class":283},[277,4686,4687,4690],{"class":279,"line":929},[277,4688,4689],{"class":283}," retryKey: ",[277,4691,4692],{"class":356},"0\n",[277,4694,4695],{"class":279,"line":934},[277,4696,1126],{"class":283},[277,4698,4699],{"class":279,"line":951},[277,4700,1131],{"class":283},[277,4702,4703,4706,4708,4710,4712,4714,4716,4718],{"class":279,"line":961},[277,4704,4705],{"class":291}," errorCaptured",[277,4707,448],{"class":283},[277,4709,3349],{"class":349},[277,4711,225],{"class":283},[277,4713,3260],{"class":349},[277,4715,225],{"class":283},[277,4717,3266],{"class":349},[277,4719,2476],{"class":283},[277,4721,4722,4725,4728,4730],{"class":279,"line":1473},[277,4723,4724],{"class":356}," this",[277,4726,4727],{"class":283},".hasError ",[277,4729,298],{"class":311},[277,4731,2296],{"class":356},[277,4733,4734,4736,4738],{"class":279,"line":1478},[277,4735,4724],{"class":356},[277,4737,1291],{"class":283},[277,4739,643],{"class":311},[277,4741,4742,4744,4746,4748,4750,4752,4754],{"class":279,"line":1497},[277,4743,649],{"class":283},[277,4745,652],{"class":311},[277,4747,529],{"class":291},[277,4749,657],{"class":311},[277,4751,660],{"class":283},[277,4753,353],{"class":311},[277,4755,3974],{"class":301},[277,4757,4758,4760,4763,4765],{"class":279,"line":1510},[277,4759,4724],{"class":356},[277,4761,4762],{"class":283},".errorSource ",[277,4764,298],{"class":311},[277,4766,3984],{"class":283},[277,4768,4769],{"class":279,"line":1523},[277,4770,328],{"emptyLinePlaceholder":327},[277,4772,4773,4775,4777,4779,4781],{"class":279,"line":1536},[277,4774,2881],{"class":283},[277,4776,3349],{"class":291},[277,4778,448],{"class":283},[277,4780,3999],{"class":301},[277,4782,2360],{"class":283},[277,4784,4785],{"class":279,"line":1545},[277,4786,4787],{"class":283}," error,\n",[277,4789,4790],{"class":279,"line":1550},[277,4791,4792],{"class":283}," component: instance?.type,\n",[277,4794,4795],{"class":279,"line":1565},[277,4796,4797],{"class":283}," info\n",[277,4799,4800],{"class":279,"line":1574},[277,4801,2913],{"class":283},[277,4803,4804],{"class":279,"line":4076},[277,4805,328],{"emptyLinePlaceholder":327},[277,4807,4808,4810],{"class":279,"line":4088},[277,4809,1093],{"class":311},[277,4811,4031],{"class":356},[277,4813,4814],{"class":279,"line":4093},[277,4815,1131],{"class":283},[277,4817,4818],{"class":279,"line":4102},[277,4819,1140],{"class":283},[277,4821,4822,4825],{"class":279,"line":4107},[277,4823,4824],{"class":291}," retry",[277,4826,473],{"class":283},[277,4828,4829,4831,4833,4835],{"class":279,"line":4116},[277,4830,1212],{"class":356},[277,4832,4727],{"class":283},[277,4834,298],{"class":311},[277,4836,4031],{"class":356},[277,4838,4839,4841,4843,4845],{"class":279,"line":4133},[277,4840,1212],{"class":356},[277,4842,1291],{"class":283},[277,4844,298],{"class":311},[277,4846,4065],{"class":301},[277,4848,4849,4851,4853,4855],{"class":279,"line":4143},[277,4850,1212],{"class":356},[277,4852,4762],{"class":283},[277,4854,298],{"class":311},[277,4856,4065],{"class":301},[277,4858,4859,4861,4864,4866],{"class":279,"line":4157},[277,4860,1212],{"class":356},[277,4862,4863],{"class":283},".retryKey ",[277,4865,4082],{"class":311},[277,4867,4085],{"class":356},[277,4869,4870],{"class":279,"line":4166},[277,4871,1126],{"class":283},[277,4873,4874],{"class":279,"line":4172},[277,4875,542],{"class":283},[277,4877,4878],{"class":279,"line":4182},[277,4879,394],{"class":283},[277,4881,4882,4884,4886],{"class":279,"line":4191},[277,4883,785],{"class":283},[277,4885,288],{"class":287},[277,4887,305],{"class":283},[277,4889,4890],{"class":279,"line":4196},[277,4891,328],{"emptyLinePlaceholder":327},[277,4893,4894,4896,4898],{"class":279,"line":4220},[277,4895,284],{"class":283},[277,4897,802],{"class":287},[277,4899,305],{"class":283},[277,4901,4902,4904,4906,4908,4910,4912],{"class":279,"line":4234},[277,4903,810],{"class":283},[277,4905,4121],{"class":287},[277,4907,816],{"class":291},[277,4909,298],{"class":283},[277,4911,4128],{"class":301},[277,4913,305],{"class":283},[277,4915,4916,4918,4920],{"class":279,"line":4247},[277,4917,829],{"class":283},[277,4919,4138],{"class":287},[277,4921,305],{"class":283},[277,4923,4924,4926,4928,4930,4932],{"class":279,"line":4262},[277,4925,879],{"class":283},[277,4927,30],{"class":287},[277,4929,4150],{"class":283},[277,4931,30],{"class":287},[277,4933,305],{"class":283},[277,4935,4936,4938,4940,4943,4945],{"class":279,"line":4293},[277,4937,879],{"class":283},[277,4939,21],{"class":287},[277,4941,4942],{"class":283},">Si un widget falla, el resto de la pantalla puede seguir funcionando.\u003C/",[277,4944,21],{"class":287},[277,4946,305],{"class":283},[277,4948,4949,4951,4953],{"class":279,"line":4302},[277,4950,922],{"class":283},[277,4952,4138],{"class":287},[277,4954,305],{"class":283},[277,4956,4957],{"class":279,"line":4307},[277,4958,328],{"emptyLinePlaceholder":327},[277,4960,4961,4963,4965,4967,4969,4971,4973,4975,4977],{"class":279,"line":4328},[277,4962,829],{"class":283},[277,4964,4201],{"class":287},[277,4966,834],{"class":291},[277,4968,298],{"class":283},[277,4970,4208],{"class":301},[277,4972,816],{"class":291},[277,4974,298],{"class":283},[277,4976,4215],{"class":301},[277,4978,305],{"class":283},[277,4980,4981,4983,4985,4987,4989],{"class":279,"line":4337},[277,4982,879],{"class":283},[277,4984,72],{"class":287},[277,4986,4227],{"class":283},[277,4988,72],{"class":287},[277,4990,305],{"class":283},[277,4992,4994,4996,4998,5000,5002],{"class":279,"line":4993},91,[277,4995,879],{"class":283},[277,4997,21],{"class":287},[277,4999,842],{"class":283},[277,5001,21],{"class":287},[277,5003,305],{"class":283},[277,5005,5007,5009,5011,5013,5015],{"class":279,"line":5006},92,[277,5008,879],{"class":283},[277,5010,4252],{"class":287},[277,5012,4255],{"class":283},[277,5014,4252],{"class":287},[277,5016,305],{"class":283},[277,5018,5020,5022,5024,5026,5028,5030,5032,5034,5036,5038,5040],{"class":279,"line":5019},93,[277,5021,879],{"class":283},[277,5023,4267],{"class":287},[277,5025,4270],{"class":291},[277,5027,298],{"class":283},[277,5029,4275],{"class":301},[277,5031,4278],{"class":291},[277,5033,298],{"class":283},[277,5035,4283],{"class":301},[277,5037,4286],{"class":283},[277,5039,4267],{"class":287},[277,5041,305],{"class":283},[277,5043,5045,5047,5049],{"class":279,"line":5044},94,[277,5046,922],{"class":283},[277,5048,4201],{"class":287},[277,5050,305],{"class":283},[277,5052,5054],{"class":279,"line":5053},95,[277,5055,328],{"emptyLinePlaceholder":327},[277,5057,5059,5061,5063,5065,5067,5069,5071],{"class":279,"line":5058},96,[277,5060,829],{"class":283},[277,5062,4312],{"class":287},[277,5064,941],{"class":291},[277,5066,4317],{"class":291},[277,5068,298],{"class":283},[277,5070,4322],{"class":301},[277,5072,4325],{"class":283},[277,5074,5076,5078,5080],{"class":279,"line":5075},97,[277,5077,954],{"class":283},[277,5079,4121],{"class":287},[277,5081,305],{"class":283},[277,5083,5085,5087,5089],{"class":279,"line":5084},98,[277,5086,785],{"class":283},[277,5088,802],{"class":287},[277,5090,305],{"class":283},[21,5092,5093],{},"El patrón clave es claro: el error ocurre en el hijo, el padre lo captura, registra contexto y cambia a un estado de respaldo sin afectar el resto del árbol.",[3111,5095,5096],{},[21,5097,5098],{},"En ambos enfoques, la responsabilidad es la misma: el componente padre delimita la zona de riesgo y decide cómo degradar la experiencia si algo falla en su árbol descendiente.",[30,5100,1596],{"id":1595},[21,5102,5103,5105],{},[16,5104,3182],{}," no existe para ocultar excepciones, sino para gestionar mejor su impacto. Bien utilizado, permite construir interfaces más resilientes: una parte puede fallar sin comprometer todo el flujo.",[21,5107,5108],{},"La idea clave: captura localmente, registra con contexto y ofrece una salida clara al usuario.",[1606,5110,3118],{},{"title":273,"searchDepth":308,"depth":308,"links":5112},[5113,5114,5115,5116,5117,5124,5129,5130],{"id":32,"depth":308,"text":33},{"id":60,"depth":308,"text":61},{"id":128,"depth":308,"text":129},{"id":155,"depth":308,"text":156},{"id":189,"depth":308,"text":190,"children":5118},[5119,5120,5122,5123],{"id":3372,"depth":324,"text":3373},{"id":3382,"depth":324,"text":5121},"2. Devolver false siempre",{"id":3398,"depth":324,"text":3399},{"id":3408,"depth":324,"text":3409},{"id":1945,"depth":308,"text":1946,"children":5125},[5126,5127,5128],{"id":3420,"depth":324,"text":3421},{"id":3427,"depth":324,"text":3428},{"id":3434,"depth":324,"text":3435},{"id":1975,"depth":308,"text":1976},{"id":1595,"depth":308,"text":1596},"https://res.cloudinary.com/denj4fg7f/image/upload/v1773714502/vue-lifecycle-error-handling-errorcaptured_mn62y7.png","Ilustración de un componente de Vue con un escudo de protección, simbolizando el manejo de errores con errorCaptured.","2026-03-17","Cómo usar errorCaptured y onErrorCaptured para aislar fallos en componentes hijos, mostrar estados de respaldo y registrar errores sin romper toda la interfaz.",{"script":5136},[5137],{"type":1632,"key":1633,"data-nuxt-schema-org":327,"nodes":5138},[5139],{"headline":3173,"author":5140,"datePublished":5141,"@type":1640},{"name":1637,"@type":1638},"2026-03-16T22:00:00-05:00",{"updatedAt":5141,"coverCaption":5143,"author":1637,"keywords":5144},"Con errorCaptured, puedes proteger partes específicas de tu UI sin comprometer toda la experiencia.",[1645,3182,3922,5145,5146],"manejo de errores","error boundaries","/blog/vue-lifecycle-error-handling-errorcaptured.es",[5149],{"headline":3173,"author":5150,"datePublished":5141,"@type":1640},{"name":1637,"@type":1638},{"title":3173,"description":5134},"blog/vue-lifecycle-error-handling-errorcaptured.es",[5154,5155,5158,5159],{"tag":1660,"color":1661},{"tag":5156,"color":5157},"Manejo de Errores","#E55039",{"tag":1668,"color":1669},{"tag":1671,"color":1672},"BCWq1lHHFKBU99kU2vFPdOHI4b6qargKJRuj-Ntfuw4",{"id":5162,"title":5163,"body":5164,"cover":7474,"coverAlt":7475,"date":7476,"description":7477,"draft":1627,"extension":1628,"head":7478,"locale":1641,"meta":7485,"navigation":327,"path":7490,"schemaOrg":7491,"seo":7494,"series":1653,"seriesDescription":1654,"seriesOrder":360,"seriesTitle":1655,"slug":1656,"stem":7495,"tags":7496,"__hash__":7502},"blog/blog/vue-lifecycle-keepalive-activated-deactivated.es.md","Ciclos de vida en Vue: componentes cacheados con \u003CKeepAlive> (activated, deactivated)",{"type":8,"value":5165,"toc":7453},[5166,5170,5183,5189,5192,5200,5202,5207,5210,5221,5224,5235,5238,5255,5258,5270,5273,5296,5298,5305,5307,5321,5324,5336,5338,5344,5347,5361,5364,5387,5391,5477,5480,5482,5488,5494,5499,5503,5510,5519,5526,5532,5538,5542,5547,5550,5552,5556,5565,5569,5575,5579,5588,6568,7406,7426,7428,7451],[30,5167,5169],{"id":5168},"texto-refinado-completo","Texto refinado completo",[11,5171,5173,5174,511,5177,225,5180,19],{"id":5172},"ciclos-de-vida-en-vue-componentes-cacheados-con-keepalive-activated-deactivated","Ciclos de vida en Vue: componentes cacheados con ",[16,5175,5176],{},"\u003CKeepAlive>",[16,5178,5179],{},"activated",[16,5181,5182],{},"deactivated",[21,5184,5185,5186,5188],{},"No todos los componentes desaparecen realmente cuando dejan de verse. En Vue, un componente envuelto en ",[16,5187,5176],{}," puede salir del DOM activo y, aun así, seguir vivo en memoria. Ese detalle cambia por completo la forma de entender su ciclo de vida.",[21,5190,5191],{},"Si tratas un componente cacheado como si siempre se montara desde cero, es fácil terminar recargando datos sin necesidad, dejando timers o polling corriendo cuando la vista ya no está visible, o mostrando información obsoleta al volver a una pestaña.",[21,5193,5194,5195,1697,5197,5199],{},"Los hooks ",[16,5196,5179],{},[16,5198,5182],{}," existen precisamente para ese escenario: componentes que entran y salen de pantalla sin destruirse en cada cambio.",[30,5201,61],{"id":60},[21,5203,5204,5206],{},[16,5205,5176],{}," cachea instancias de componentes dinámicos para preservar su estado entre cambios. En lugar de desmontar el componente cuando deja de mostrarse, Vue lo mueve a un estado desactivado.",[21,5208,5209],{},"Eso significa que el flujo ya no es solo:",[38,5211,5212,5215,5218],{},[41,5213,5214],{},"Montar",[41,5216,5217],{},"Actualizar",[41,5219,5220],{},"Desmontar",[21,5222,5223],{},"Ahora también aparece un estado intermedio muy importante:",[38,5225,5226,5229,5232],{},[41,5227,5228],{},"Activar",[41,5230,5231],{},"Desactivar",[41,5233,5234],{},"Volver a activar",[21,5236,5237],{},"Los hooks implicados son:",[38,5239,5240,5248],{},[41,5241,5242,5245,5246],{},[16,5243,5244],{},"onActivated()"," / ",[16,5247,5179],{},[41,5249,5250,5245,5253],{},[16,5251,5252],{},"onDeactivated()",[16,5254,5182],{},[21,5256,5257],{},"Hay dos matices clave que conviene tener claros:",[38,5259,5260,5265],{},[41,5261,5262,5264],{},[16,5263,5179],{}," también se ejecuta en el montaje inicial del componente cacheado.",[41,5266,5267,5269],{},[16,5268,5182],{}," se ejecuta cuando el componente sale del DOM activo hacia la caché y también cuando finalmente se desmonta.",[21,5271,5272],{},"En términos prácticos:",[38,5274,5275,5280,5285,5290],{},[41,5276,5277,5279],{},[16,5278,203],{}," sirve para inicialización única.",[41,5281,5282,5284],{},[16,5283,5179],{}," sirve para cada momento en que la vista vuelve a estar activa.",[41,5286,5287,5289],{},[16,5288,5182],{}," sirve para pausar, guardar o limpiar trabajo mientras la instancia queda en segundo plano.",[41,5291,5292,5295],{},[16,5293,5294],{},"unmounted"," solo entra en juego cuando la instancia realmente deja de existir.",[30,5297,129],{"id":128},[21,5299,5300,1697,5302,5304],{},[16,5301,5179],{},[16,5303,5182],{}," encajan bien cuando el componente debe comportarse de forma distinta según esté visible o solo cacheado.",[21,5306,3305],{},[38,5308,5309,5312,5315,5318],{},[41,5310,5311],{},"Revalidar datos al volver a una pestaña sin perder el estado local de formularios o filtros.",[41,5313,5314],{},"Pausar polling, listeners u observadores cuando la vista deja de estar activa.",[41,5316,5317],{},"Retomar scroll, foco o sincronización con librerías externas cuando el componente reaparece.",[41,5319,5320],{},"Mantener una navegación fluida entre tabs, dashboards o vistas dinámicas sin reinstanciar todo desde cero.",[21,5322,5323],{},"La regla práctica es simple:",[38,5325,5326,5331],{},[41,5327,5328,5329,104],{},"Si necesitas reaccionar al regreso del componente, piensa en ",[16,5330,5179],{},[41,5332,5333,5334,104],{},"Si necesitas detener trabajo mientras la instancia queda cacheada, piensa en ",[16,5335,5182],{},[30,5337,156],{"id":155},[21,5339,5340,5341,5343],{},"No todo componente necesita ",[16,5342,5176],{}," ni estos hooks.",[21,5345,5346],{},"Conviene evitarlos cuando:",[38,5348,5349,5352,5355,5358],{},[41,5350,5351],{},"El componente debería reiniciarse limpio en cada visita y no conservar estado.",[41,5353,5354],{},"La lógica encaja mejor en estado global o en datos derivados, sin cachear la vista completa.",[41,5356,5357],{},"El problema real es un flujo de navegación confuso, no la pérdida de estado.",[41,5359,5360],{},"Quieres forzar un refresco completo en cada visita; en ese caso, la caché puede jugar en contra.",[21,5362,5363],{},"También conviene no meter aquí lógica que pertenece a otro sitio:",[38,5365,5366,5373,5381],{},[41,5367,5368,5369,5372],{},"Si dependes de un dato concreto, un ",[16,5370,5371],{},"watch()"," suele expresar mejor la intención.",[41,5374,5375,5376,118,5378,5380],{},"Si solo necesitas inicializar una vez, ",[16,5377,203],{},[16,5379,3235],{}," suelen ser suficientes.",[41,5382,5383,5384,5386],{},"Si el componente no está dentro de ",[16,5385,5176],{},", estos hooks no se dispararán.",[30,5388,5390],{"id":5389},"comparación-rápida","Comparación rápida",[5392,5393,5394,5413],"table",{},[5395,5396,5397],"thead",{},[5398,5399,5400,5404,5407,5410],"tr",{},[5401,5402,5403],"th",{},"Hook",[5401,5405,5406],{},"Cuándo se dispara",[5401,5408,5409],{},"Para qué encaja mejor",[5401,5411,5412],{},"Error habitual",[5414,5415,5416,5432,5447,5462],"tbody",{},[5398,5417,5418,5423,5426,5429],{},[5419,5420,5421],"td",{},[16,5422,203],{},[5419,5424,5425],{},"Cuando la instancia se monta por primera vez",[5419,5427,5428],{},"Inicialización única",[5419,5430,5431],{},"Poner aquí lógica que debería ejecutarse cada vez que la vista regresa",[5398,5433,5434,5438,5441,5444],{},[5419,5435,5436],{},[16,5437,5179],{},[5419,5439,5440],{},"En el montaje inicial y en cada reactivación desde caché",[5419,5442,5443],{},"Refrescar, resincronizar o retomar trabajo visible",[5419,5445,5446],{},"Asumir que el componente vuelve desde estado limpio",[5398,5448,5449,5453,5456,5459],{},[5419,5450,5451],{},[16,5452,5182],{},[5419,5454,5455],{},"Cuando sale del DOM activo hacia caché y también al desmontarse",[5419,5457,5458],{},"Pausar polling, timers, observers o persistir estado temporal",[5419,5460,5461],{},"Tratarlo como si equivaliera a destrucción completa",[5398,5463,5464,5468,5471,5474],{},[5419,5465,5466],{},[16,5467,5294],{},[5419,5469,5470],{},"Cuando la instancia realmente se destruye",[5419,5472,5473],{},"Limpieza final",[5419,5475,5476],{},"Esperar que ocurra en cada cambio entre vistas cacheadas",[21,5478,5479],{},"La diferencia decisiva es esta: un componente cacheado no muere cuando deja de verse. Simplemente queda en pausa.",[30,5481,190],{"id":189},[192,5483,5485,5486],{"id":5484},"_1-cargar-datos-solo-en-mounted","1. Cargar datos solo en ",[16,5487,203],{},[21,5489,5490,5491,5493],{},"Funciona la primera vez, pero suele fallar cuando el usuario sale y vuelve a la vista. Como el componente sigue cacheado, ",[16,5492,203],{}," no vuelve a ejecutarse y puedes terminar mostrando datos obsoletos.",[21,5495,5496,5497,104],{},"La corrección habitual es mover la revalidación ligera a ",[16,5498,5179],{},[192,5500,5502],{"id":5501},"_2-dejar-polling-o-timers-activos-mientras-la-vista-está-oculta","2. Dejar polling o timers activos mientras la vista está oculta",[21,5504,5505,5506,5509],{},"Un componente desactivado sigue existiendo en memoria. Si no detienes ",[16,5507,5508],{},"setInterval",", sockets o listeners, el trabajo continúa aunque la pantalla ya no esté visible.",[21,5511,5512,5513,5515,5516,5518],{},"La solución es pausar en ",[16,5514,5182],{}," y reanudar en ",[16,5517,5179],{}," cuando corresponda.",[192,5520,5522,5523,5525],{"id":5521},"_3-esperar-unmounted-al-cambiar-entre-tabs-cacheadas","3. Esperar ",[16,5524,5294],{}," al cambiar entre tabs cacheadas",[21,5527,5528,5529,5531],{},"Cuando cambias entre componentes dentro de ",[16,5530,5176],{},", muchas veces no hay desmontaje inmediato. Lo que ocurre es una desactivación.",[21,5533,5534,5535,5537],{},"Si toda tu limpieza depende de ",[16,5536,5294],{},", llegará tarde o no ocurrirá cuando esperabas.",[192,5539,5541],{"id":5540},"_4-confundir-conservar-estado-con-conservar-frescura","4. Confundir conservar estado con conservar frescura",[21,5543,5544,5546],{},[16,5545,5176],{}," conserva estado local, pero no garantiza que los datos sigan actualizados. Puedes volver a un formulario con sus valores intactos y, al mismo tiempo, a una lista basada en datos viejos.",[21,5548,5549],{},"Cachear la instancia no reemplaza una estrategia de refresco.",[30,5551,1946],{"id":1945},[192,5553,5555],{"id":5554},"volver-a-una-pestaña-sin-perder-filtros","Volver a una pestaña sin perder filtros",[21,5557,5558,5559,5561,5562,5564],{},"Imagina una vista de reportes con filtros, orden y scroll interno. Sin ",[16,5560,5176],{},", cada cambio de tab puede destruir la instancia y obligar al usuario a empezar otra vez. Con caché, mantienes la experiencia. Con ",[16,5563,5179],{},", además, puedes refrescar solo el resumen o la fecha de última sincronización.",[192,5566,5568],{"id":5567},"pausar-trabajo-en-segundo-plano","Pausar trabajo en segundo plano",[21,5570,5571,5572,5574],{},"Si una vista consulta métrica cada 30 segundos, no conviene que siga haciéndolo cuando el usuario ya se movió a otra sección, pero la instancia quedó cacheada. ",[16,5573,5182],{}," es el lugar natural para detener ese trabajo.",[192,5576,5578],{"id":5577},"retomar-sincronización-visual","Retomar sincronización visual",[21,5580,5581,5582,5584,5585,5587],{},"Algunas vistas necesitan recalcular tamaños, gráficos o paneles cuando reaparecen. Como el componente no se recrea, ",[16,5583,203],{}," ya quedó atrás. Ahí ",[16,5586,5179],{}," es el punto correcto para resincronizar la UI.",[267,5589,5591],{"className":269,"code":5590,"filename":271,"language":272,"meta":273,"style":273},"\u003Cscript setup lang=\"ts\">\nimport { computed, onActivated, onDeactivated, onMounted, ref } from 'vue'\n\ntype Task = {\n id: number\n title: string\n done: boolean\n}\n\nconst tasks = ref\u003CTask[]>([])\nconst filter = ref\u003C'all' | 'pending' | 'done'>('all')\nconst status = ref('Esperando carga...')\nconst lastSync = ref\u003Cstring | null>(null)\nconst poller = ref\u003CReturnType\u003Ctypeof setInterval> | null>(null)\nconst initialized = ref(false)\n\nconst visibleTasks = computed(() => {\n if (filter.value === 'pending') {\n return tasks.value.filter(task => !task.done)\n }\n\n if (filter.value === 'done') {\n return tasks.value.filter(task => task.done)\n }\n\n return tasks.value\n})\n\nasync function fetchTasks() {\n status.value = 'Sincronizando...'\n\n const response = await fetch('/api/tasks')\n const data = (await response.json()) as { tasks: Task[] }\n\n tasks.value = data.tasks\n lastSync.value = new Date().toLocaleTimeString('es-CO')\n status.value = 'Datos actualizados'\n}\n\nfunction startPolling() {\n if (poller.value !== null) return\n\n poller.value = setInterval(() => {\n void fetchTasks()\n }, 30000)\n}\n\nfunction stopPolling() {\n if (poller.value === null) return\n\n clearInterval(poller.value)\n poller.value = null\n}\n\nonMounted(() => {\n initialized.value = true\n})\n\nonActivated(async () => {\n status.value = initialized.value ? 'Vista reactivada' : 'Cargando vista...'\n await fetchTasks()\n startPolling()\n})\n\nonDeactivated(() => {\n status.value = 'Vista en pausa'\n stopPolling()\n})\n\u003C/script>\n\n\u003Ctemplate>\n \u003Csection class=\"task-report\">\n \u003Cheader>\n \u003Ch2>Reporte de tareas\u003C/h2>\n \u003Cp>{{ status }}\u003C/p>\n \u003Cp v-if=\"lastSync\">Última sincronización: {{ lastSync }}\u003C/p>\n \u003C/header>\n\n \u003Cnav class=\"filters\">\n \u003Cbutton @click=\"filter = 'all'\">Todas\u003C/button>\n \u003Cbutton @click=\"filter = 'pending'\">Pendientes\u003C/button>\n \u003Cbutton @click=\"filter = 'done'\">Completadas\u003C/button>\n \u003C/nav>\n\n \u003Cul>\n \u003Cli\n v-for=\"task in visibleTasks\"\n :key=\"task.id\"\n >\n {{ task.title }}\n \u003C/li>\n \u003C/ul>\n \u003C/section>\n\u003C/template>\n",[16,5592,5593,5609,5620,5624,5635,5643,5652,5662,5666,5670,5688,5720,5738,5764,5799,5816,5820,5836,5849,5868,5872,5876,5888,5905,5909,5913,5920,5924,5928,5939,5949,5953,5972,6006,6010,6020,6045,6054,6058,6062,6071,6087,6091,6107,6116,6126,6130,6134,6143,6157,6161,6169,6178,6182,6186,6196,6205,6209,6213,6228,6248,6257,6264,6268,6272,6283,6292,6299,6303,6311,6315,6323,6338,6346,6359,6372,6392,6400,6404,6420,6440,6460,6480,6488,6492,6500,6507,6517,6527,6531,6536,6544,6552,6560],{"__ignoreMap":273},[277,5594,5595,5597,5599,5601,5603,5605,5607],{"class":279,"line":280},[277,5596,284],{"class":283},[277,5598,288],{"class":287},[277,5600,292],{"class":291},[277,5602,295],{"class":291},[277,5604,298],{"class":283},[277,5606,302],{"class":301},[277,5608,305],{"class":283},[277,5610,5611,5613,5616,5618],{"class":279,"line":308},[277,5612,312],{"class":311},[277,5614,5615],{"class":283}," { computed, onActivated, onDeactivated, onMounted, ref } ",[277,5617,318],{"class":311},[277,5619,321],{"class":301},[277,5621,5622],{"class":279,"line":324},[277,5623,328],{"emptyLinePlaceholder":327},[277,5625,5626,5628,5631,5633],{"class":279,"line":331},[277,5627,334],{"class":311},[277,5629,5630],{"class":291}," Task",[277,5632,340],{"class":311},[277,5634,343],{"class":283},[277,5636,5637,5639,5641],{"class":279,"line":346},[277,5638,350],{"class":349},[277,5640,353],{"class":311},[277,5642,357],{"class":356},[277,5644,5645,5648,5650],{"class":279,"line":360},[277,5646,5647],{"class":349}," title",[277,5649,353],{"class":311},[277,5651,368],{"class":356},[277,5653,5654,5657,5659],{"class":279,"line":371},[277,5655,5656],{"class":349}," done",[277,5658,353],{"class":311},[277,5660,5661],{"class":356}," boolean\n",[277,5663,5664],{"class":279,"line":381},[277,5665,394],{"class":283},[277,5667,5668],{"class":279,"line":391},[277,5669,328],{"emptyLinePlaceholder":327},[277,5671,5672,5674,5676,5678,5680,5682,5685],{"class":279,"line":397},[277,5673,405],{"class":311},[277,5675,2097],{"class":356},[277,5677,340],{"class":311},[277,5679,413],{"class":291},[277,5681,284],{"class":283},[277,5683,5684],{"class":291},"Task",[277,5686,5687],{"class":283},"[]>([])\n",[277,5689,5690,5692,5695,5697,5699,5701,5704,5706,5709,5711,5714,5716,5718],{"class":279,"line":402},[277,5691,405],{"class":311},[277,5693,5694],{"class":356}," filter",[277,5696,340],{"class":311},[277,5698,413],{"class":291},[277,5700,284],{"class":283},[277,5702,5703],{"class":301},"'all'",[277,5705,421],{"class":311},[277,5707,5708],{"class":301}," 'pending'",[277,5710,421],{"class":311},[277,5712,5713],{"class":301}," 'done'",[277,5715,427],{"class":283},[277,5717,5703],{"class":301},[277,5719,433],{"class":283},[277,5721,5722,5724,5727,5729,5731,5733,5736],{"class":279,"line":436},[277,5723,405],{"class":311},[277,5725,5726],{"class":356}," status",[277,5728,340],{"class":311},[277,5730,413],{"class":291},[277,5732,448],{"class":283},[277,5734,5735],{"class":301},"'Esperando carga...'",[277,5737,433],{"class":283},[277,5739,5740,5742,5745,5747,5749,5751,5754,5756,5758,5760,5762],{"class":279,"line":456},[277,5741,405],{"class":311},[277,5743,5744],{"class":356}," lastSync",[277,5746,340],{"class":311},[277,5748,413],{"class":291},[277,5750,284],{"class":283},[277,5752,5753],{"class":356},"string",[277,5755,421],{"class":311},[277,5757,424],{"class":356},[277,5759,427],{"class":283},[277,5761,430],{"class":356},[277,5763,433],{"class":283},[277,5765,5766,5768,5771,5773,5775,5777,5780,5782,5785,5788,5791,5793,5795,5797],{"class":279,"line":461},[277,5767,405],{"class":311},[277,5769,5770],{"class":356}," poller",[277,5772,340],{"class":311},[277,5774,413],{"class":291},[277,5776,284],{"class":283},[277,5778,5779],{"class":291},"ReturnType",[277,5781,284],{"class":283},[277,5783,5784],{"class":311},"typeof",[277,5786,5787],{"class":283}," setInterval> ",[277,5789,5790],{"class":311},"|",[277,5792,424],{"class":356},[277,5794,427],{"class":283},[277,5796,430],{"class":356},[277,5798,433],{"class":283},[277,5800,5801,5803,5806,5808,5810,5812,5814],{"class":279,"line":476},[277,5802,405],{"class":311},[277,5804,5805],{"class":356}," initialized",[277,5807,340],{"class":311},[277,5809,413],{"class":291},[277,5811,448],{"class":283},[277,5813,2123],{"class":356},[277,5815,433],{"class":283},[277,5817,5818],{"class":279,"line":500},[277,5819,328],{"emptyLinePlaceholder":327},[277,5821,5822,5824,5826,5828,5830,5832,5834],{"class":279,"line":505},[277,5823,405],{"class":311},[277,5825,2195],{"class":356},[277,5827,340],{"class":311},[277,5829,2200],{"class":291},[277,5831,2203],{"class":283},[277,5833,601],{"class":311},[277,5835,343],{"class":283},[277,5837,5838,5840,5843,5845,5847],{"class":279,"line":520},[277,5839,508],{"class":311},[277,5841,5842],{"class":283}," (filter.value ",[277,5844,2503],{"class":311},[277,5846,5708],{"class":301},[277,5848,2476],{"class":283},[277,5850,5851,5853,5855,5857,5859,5861,5863,5865],{"class":279,"line":539},[277,5852,1093],{"class":311},[277,5854,2215],{"class":283},[277,5856,2218],{"class":291},[277,5858,448],{"class":283},[277,5860,2223],{"class":349},[277,5862,2226],{"class":311},[277,5864,2288],{"class":311},[277,5866,5867],{"class":283},"task.done)\n",[277,5869,5870],{"class":279,"line":545},[277,5871,542],{"class":283},[277,5873,5874],{"class":279,"line":550},[277,5875,328],{"emptyLinePlaceholder":327},[277,5877,5878,5880,5882,5884,5886],{"class":279,"line":578},[277,5879,508],{"class":311},[277,5881,5842],{"class":283},[277,5883,2503],{"class":311},[277,5885,5713],{"class":301},[277,5887,2476],{"class":283},[277,5889,5890,5892,5894,5896,5898,5900,5902],{"class":279,"line":583},[277,5891,1093],{"class":311},[277,5893,2215],{"class":283},[277,5895,2218],{"class":291},[277,5897,448],{"class":283},[277,5899,2223],{"class":349},[277,5901,2226],{"class":311},[277,5903,5904],{"class":283}," task.done)\n",[277,5906,5907],{"class":279,"line":588},[277,5908,542],{"class":283},[277,5910,5911],{"class":279,"line":606},[277,5912,328],{"emptyLinePlaceholder":327},[277,5914,5915,5917],{"class":279,"line":614},[277,5916,2212],{"class":311},[277,5918,5919],{"class":283}," tasks.value\n",[277,5921,5922],{"class":279,"line":625},[277,5923,676],{"class":283},[277,5925,5926],{"class":279,"line":637},[277,5927,328],{"emptyLinePlaceholder":327},[277,5929,5930,5932,5934,5937],{"class":279,"line":646},[277,5931,464],{"class":311},[277,5933,467],{"class":311},[277,5935,5936],{"class":291}," fetchTasks",[277,5938,473],{"class":283},[277,5940,5941,5944,5946],{"class":279,"line":668},[277,5942,5943],{"class":283}," status.value ",[277,5945,298],{"class":311},[277,5947,5948],{"class":301}," 'Sincronizando...'\n",[277,5950,5951],{"class":279,"line":673},[277,5952,328],{"emptyLinePlaceholder":327},[277,5954,5955,5957,5959,5961,5963,5965,5967,5970],{"class":279,"line":679},[277,5956,479],{"class":311},[277,5958,482],{"class":356},[277,5960,340],{"class":311},[277,5962,487],{"class":311},[277,5964,490],{"class":291},[277,5966,448],{"class":283},[277,5968,5969],{"class":301},"'/api/tasks'",[277,5971,433],{"class":283},[277,5973,5974,5976,5979,5981,5983,5985,5987,5989,5991,5993,5996,5999,6001,6003],{"class":279,"line":684},[277,5975,479],{"class":311},[277,5977,5978],{"class":356}," data",[277,5980,340],{"class":311},[277,5982,511],{"class":283},[277,5984,560],{"class":311},[277,5986,563],{"class":283},[277,5988,566],{"class":291},[277,5990,569],{"class":283},[277,5992,572],{"class":311},[277,5994,5995],{"class":283}," { ",[277,5997,5998],{"class":349},"tasks",[277,6000,353],{"class":311},[277,6002,5630],{"class":291},[277,6004,6005],{"class":283},"[] }\n",[277,6007,6008],{"class":279,"line":700},[277,6009,328],{"emptyLinePlaceholder":327},[277,6011,6012,6015,6017],{"class":279,"line":717},[277,6013,6014],{"class":283}," tasks.value ",[277,6016,298],{"class":311},[277,6018,6019],{"class":283}," data.tasks\n",[277,6021,6022,6025,6027,6029,6032,6035,6038,6040,6043],{"class":279,"line":722},[277,6023,6024],{"class":283}," lastSync.value ",[277,6026,298],{"class":311},[277,6028,526],{"class":311},[277,6030,6031],{"class":291}," Date",[277,6033,6034],{"class":283},"().",[277,6036,6037],{"class":291},"toLocaleTimeString",[277,6039,448],{"class":283},[277,6041,6042],{"class":301},"'es-CO'",[277,6044,433],{"class":283},[277,6046,6047,6049,6051],{"class":279,"line":729},[277,6048,5943],{"class":283},[277,6050,298],{"class":311},[277,6052,6053],{"class":301}," 'Datos actualizados'\n",[277,6055,6056],{"class":279,"line":738},[277,6057,394],{"class":283},[277,6059,6060],{"class":279,"line":747},[277,6061,328],{"emptyLinePlaceholder":327},[277,6063,6064,6066,6069],{"class":279,"line":754},[277,6065,2460],{"class":311},[277,6067,6068],{"class":291}," startPolling",[277,6070,473],{"class":283},[277,6072,6073,6075,6078,6081,6083,6085],{"class":279,"line":772},[277,6074,508],{"class":311},[277,6076,6077],{"class":283}," (poller.value ",[277,6079,6080],{"class":311},"!==",[277,6082,424],{"class":356},[277,6084,2340],{"class":283},[277,6086,714],{"class":311},[277,6088,6089],{"class":279,"line":777},[277,6090,328],{"emptyLinePlaceholder":327},[277,6092,6093,6096,6098,6101,6103,6105],{"class":279,"line":782},[277,6094,6095],{"class":283}," poller.value ",[277,6097,298],{"class":311},[277,6099,6100],{"class":291}," setInterval",[277,6102,2203],{"class":283},[277,6104,601],{"class":311},[277,6106,343],{"class":283},[277,6108,6109,6112,6114],{"class":279,"line":792},[277,6110,6111],{"class":311}," void",[277,6113,5936],{"class":291},[277,6115,622],{"class":283},[277,6117,6118,6121,6124],{"class":279,"line":797},[277,6119,6120],{"class":283}," }, ",[277,6122,6123],{"class":356},"30000",[277,6125,433],{"class":283},[277,6127,6128],{"class":279,"line":807},[277,6129,394],{"class":283},[277,6131,6132],{"class":279,"line":826},[277,6133,328],{"emptyLinePlaceholder":327},[277,6135,6136,6138,6141],{"class":279,"line":849},[277,6137,2460],{"class":311},[277,6139,6140],{"class":291}," stopPolling",[277,6142,473],{"class":283},[277,6144,6145,6147,6149,6151,6153,6155],{"class":279,"line":854},[277,6146,508],{"class":311},[277,6148,6077],{"class":283},[277,6150,2503],{"class":311},[277,6152,424],{"class":356},[277,6154,2340],{"class":283},[277,6156,714],{"class":311},[277,6158,6159],{"class":279,"line":876},[277,6160,328],{"emptyLinePlaceholder":327},[277,6162,6163,6166],{"class":279,"line":891},[277,6164,6165],{"class":291}," clearInterval",[277,6167,6168],{"class":283},"(poller.value)\n",[277,6170,6171,6173,6175],{"class":279,"line":905},[277,6172,6095],{"class":283},[277,6174,298],{"class":311},[277,6176,6177],{"class":356}," null\n",[277,6179,6180],{"class":279,"line":919},[277,6181,394],{"class":283},[277,6183,6184],{"class":279,"line":929},[277,6185,328],{"emptyLinePlaceholder":327},[277,6187,6188,6190,6192,6194],{"class":279,"line":934},[277,6189,687],{"class":291},[277,6191,2203],{"class":283},[277,6193,601],{"class":311},[277,6195,343],{"class":283},[277,6197,6198,6201,6203],{"class":279,"line":951},[277,6199,6200],{"class":283}," initialized.value ",[277,6202,298],{"class":311},[277,6204,2296],{"class":356},[277,6206,6207],{"class":279,"line":961},[277,6208,676],{"class":283},[277,6210,6211],{"class":279,"line":1473},[277,6212,328],{"emptyLinePlaceholder":327},[277,6214,6215,6218,6220,6222,6224,6226],{"class":279,"line":1478},[277,6216,6217],{"class":291},"onActivated",[277,6219,448],{"class":283},[277,6221,464],{"class":311},[277,6223,598],{"class":283},[277,6225,601],{"class":311},[277,6227,343],{"class":283},[277,6229,6230,6232,6234,6237,6239,6242,6245],{"class":279,"line":1497},[277,6231,5943],{"class":283},[277,6233,298],{"class":311},[277,6235,6236],{"class":283}," initialized.value ",[277,6238,2285],{"class":311},[277,6240,6241],{"class":301}," 'Vista reactivada'",[277,6243,6244],{"class":311}," :",[277,6246,6247],{"class":301}," 'Cargando vista...'\n",[277,6249,6250,6253,6255],{"class":279,"line":1510},[277,6251,6252],{"class":311}," await",[277,6254,5936],{"class":291},[277,6256,622],{"class":283},[277,6258,6259,6262],{"class":279,"line":1523},[277,6260,6261],{"class":291}," startPolling",[277,6263,622],{"class":283},[277,6265,6266],{"class":279,"line":1536},[277,6267,676],{"class":283},[277,6269,6270],{"class":279,"line":1545},[277,6271,328],{"emptyLinePlaceholder":327},[277,6273,6274,6277,6279,6281],{"class":279,"line":1550},[277,6275,6276],{"class":291},"onDeactivated",[277,6278,2203],{"class":283},[277,6280,601],{"class":311},[277,6282,343],{"class":283},[277,6284,6285,6287,6289],{"class":279,"line":1565},[277,6286,5943],{"class":283},[277,6288,298],{"class":311},[277,6290,6291],{"class":301}," 'Vista en pausa'\n",[277,6293,6294,6297],{"class":279,"line":1574},[277,6295,6296],{"class":291}," stopPolling",[277,6298,622],{"class":283},[277,6300,6301],{"class":279,"line":4076},[277,6302,676],{"class":283},[277,6304,6305,6307,6309],{"class":279,"line":4088},[277,6306,785],{"class":283},[277,6308,288],{"class":287},[277,6310,305],{"class":283},[277,6312,6313],{"class":279,"line":4093},[277,6314,328],{"emptyLinePlaceholder":327},[277,6316,6317,6319,6321],{"class":279,"line":4102},[277,6318,284],{"class":283},[277,6320,802],{"class":287},[277,6322,305],{"class":283},[277,6324,6325,6327,6329,6331,6333,6336],{"class":279,"line":4107},[277,6326,810],{"class":283},[277,6328,4121],{"class":287},[277,6330,816],{"class":291},[277,6332,298],{"class":283},[277,6334,6335],{"class":301},"\"task-report\"",[277,6337,305],{"class":283},[277,6339,6340,6342,6344],{"class":279,"line":4116},[277,6341,829],{"class":283},[277,6343,4138],{"class":287},[277,6345,305],{"class":283},[277,6347,6348,6350,6352,6355,6357],{"class":279,"line":4133},[277,6349,879],{"class":283},[277,6351,30],{"class":287},[277,6353,6354],{"class":283},">Reporte de tareas\u003C/",[277,6356,30],{"class":287},[277,6358,305],{"class":283},[277,6360,6361,6363,6365,6368,6370],{"class":279,"line":4143},[277,6362,879],{"class":283},[277,6364,21],{"class":287},[277,6366,6367],{"class":283},">{{ status }}\u003C/",[277,6369,21],{"class":287},[277,6371,305],{"class":283},[277,6373,6374,6376,6378,6380,6382,6385,6388,6390],{"class":279,"line":4157},[277,6375,879],{"class":283},[277,6377,21],{"class":287},[277,6379,834],{"class":291},[277,6381,298],{"class":283},[277,6383,6384],{"class":301},"\"lastSync\"",[277,6386,6387],{"class":283},">Última sincronización: {{ lastSync }}\u003C/",[277,6389,21],{"class":287},[277,6391,305],{"class":283},[277,6393,6394,6396,6398],{"class":279,"line":4166},[277,6395,922],{"class":283},[277,6397,4138],{"class":287},[277,6399,305],{"class":283},[277,6401,6402],{"class":279,"line":4172},[277,6403,328],{"emptyLinePlaceholder":327},[277,6405,6406,6408,6411,6413,6415,6418],{"class":279,"line":4182},[277,6407,829],{"class":283},[277,6409,6410],{"class":287},"nav",[277,6412,816],{"class":291},[277,6414,298],{"class":283},[277,6416,6417],{"class":301},"\"filters\"",[277,6419,305],{"class":283},[277,6421,6422,6424,6426,6428,6430,6433,6436,6438],{"class":279,"line":4191},[277,6423,879],{"class":283},[277,6425,4267],{"class":287},[277,6427,4278],{"class":291},[277,6429,298],{"class":283},[277,6431,6432],{"class":301},"\"filter = 'all'\"",[277,6434,6435],{"class":283},">Todas\u003C/",[277,6437,4267],{"class":287},[277,6439,305],{"class":283},[277,6441,6442,6444,6446,6448,6450,6453,6456,6458],{"class":279,"line":4196},[277,6443,879],{"class":283},[277,6445,4267],{"class":287},[277,6447,4278],{"class":291},[277,6449,298],{"class":283},[277,6451,6452],{"class":301},"\"filter = 'pending'\"",[277,6454,6455],{"class":283},">Pendientes\u003C/",[277,6457,4267],{"class":287},[277,6459,305],{"class":283},[277,6461,6462,6464,6466,6468,6470,6473,6476,6478],{"class":279,"line":4220},[277,6463,879],{"class":283},[277,6465,4267],{"class":287},[277,6467,4278],{"class":291},[277,6469,298],{"class":283},[277,6471,6472],{"class":301},"\"filter = 'done'\"",[277,6474,6475],{"class":283},">Completadas\u003C/",[277,6477,4267],{"class":287},[277,6479,305],{"class":283},[277,6481,6482,6484,6486],{"class":279,"line":4234},[277,6483,922],{"class":283},[277,6485,6410],{"class":287},[277,6487,305],{"class":283},[277,6489,6490],{"class":279,"line":4247},[277,6491,328],{"emptyLinePlaceholder":327},[277,6493,6494,6496,6498],{"class":279,"line":4262},[277,6495,829],{"class":283},[277,6497,38],{"class":287},[277,6499,305],{"class":283},[277,6501,6502,6504],{"class":279,"line":4293},[277,6503,879],{"class":283},[277,6505,6506],{"class":287},"li\n",[277,6508,6509,6512,6514],{"class":279,"line":4302},[277,6510,6511],{"class":291}," v-for",[277,6513,298],{"class":283},[277,6515,6516],{"class":301},"\"task in visibleTasks\"\n",[277,6518,6519,6522,6524],{"class":279,"line":4307},[277,6520,6521],{"class":291}," :key",[277,6523,298],{"class":283},[277,6525,6526],{"class":301},"\"task.id\"\n",[277,6528,6529],{"class":279,"line":4328},[277,6530,4543],{"class":283},[277,6532,6533],{"class":279,"line":4337},[277,6534,6535],{"class":283}," {{ task.title }}\n",[277,6537,6538,6540,6542],{"class":279,"line":4993},[277,6539,4175],{"class":283},[277,6541,41],{"class":287},[277,6543,305],{"class":283},[277,6545,6546,6548,6550],{"class":279,"line":5006},[277,6547,922],{"class":283},[277,6549,38],{"class":287},[277,6551,305],{"class":283},[277,6553,6554,6556,6558],{"class":279,"line":5019},[277,6555,954],{"class":283},[277,6557,4121],{"class":287},[277,6559,305],{"class":283},[277,6561,6562,6564,6566],{"class":279,"line":5044},[277,6563,785],{"class":283},[277,6565,802],{"class":287},[277,6567,305],{"class":283},[267,6569,6572],{"className":269,"code":6570,"filename":6571,"language":272,"meta":273,"style":273},"\u003Cscript>\nexport default {\n data() {\n return {\n tasks: [],\n filter: 'all',\n status: 'Esperando carga...',\n lastSync: null,\n poller: null,\n initialized: false\n }\n },\n\n computed: {\n visibleTasks() {\n if (this.filter === 'pending') {\n return this.tasks.filter(task => !task.done)\n }\n\n if (this.filter === 'done') {\n return this.tasks.filter(task => task.done)\n }\n\n return this.tasks\n }\n },\n\n mounted() {\n this.initialized = true\n },\n\n async activated() {\n this.status = this.initialized ? 'Vista reactivada' : 'Cargando vista...'\n await this.fetchTasks()\n this.startPolling()\n },\n\n deactivated() {\n this.status = 'Vista en pausa'\n this.stopPolling()\n },\n\n methods: {\n async fetchTasks() {\n this.status = 'Sincronizando...'\n\n const response = await fetch('/api/tasks')\n const data = await response.json()\n\n this.tasks = data.tasks\n this.lastSync = new Date().toLocaleTimeString('es-CO')\n this.status = 'Datos actualizados'\n },\n\n startPolling() {\n if (this.poller !== null) return\n\n this.poller = setInterval(() => {\n void this.fetchTasks()\n }, 30000)\n },\n\n stopPolling() {\n if (this.poller === null) return\n\n clearInterval(this.poller)\n this.poller = null\n }\n }\n}\n\u003C/script>\n\n\u003Ctemplate>\n \u003Csection class=\"task-report\">\n \u003Cheader>\n \u003Ch2>Reporte de tareas\u003C/h2>\n \u003Cp>{{ status }}\u003C/p>\n \u003Cp v-if=\"lastSync\">Última sincronización: {{ lastSync }}\u003C/p>\n \u003C/header>\n\n \u003Cnav class=\"filters\">\n \u003Cbutton @click=\"filter = 'all'\">Todas\u003C/button>\n \u003Cbutton @click=\"filter = 'pending'\">Pendientes\u003C/button>\n \u003Cbutton @click=\"filter = 'done'\">Completadas\u003C/button>\n \u003C/nav>\n\n \u003Cul>\n \u003Cli\n v-for=\"task in visibleTasks\"\n :key=\"task.id\"\n >\n {{ task.title }}\n \u003C/li>\n \u003C/ul>\n \u003C/section>\n\u003C/template>\n","Options Api",[16,6573,6574,6582,6590,6596,6602,6607,6616,6625,6634,6643,6650,6654,6658,6662,6666,6672,6689,6709,6713,6717,6733,6751,6755,6759,6768,6772,6776,6780,6787,6798,6802,6806,6815,6836,6849,6860,6864,6868,6875,6885,6896,6900,6904,6908,6916,6926,6930,6948,6964,6968,6979,7002,7012,7017,7021,7028,7047,7051,7067,7080,7089,7093,7097,7104,7122,7126,7138,7148,7152,7156,7160,7168,7172,7180,7194,7202,7214,7226,7244,7252,7256,7270,7288,7306,7324,7332,7336,7344,7350,7358,7366,7370,7374,7382,7390,7398],{"__ignoreMap":273},[277,6575,6576,6578,6580],{"class":279,"line":280},[277,6577,284],{"class":283},[277,6579,288],{"class":287},[277,6581,305],{"class":283},[277,6583,6584,6586,6588],{"class":279,"line":308},[277,6585,1057],{"class":311},[277,6587,1060],{"class":311},[277,6589,343],{"class":283},[277,6591,6592,6594],{"class":279,"line":324},[277,6593,1086],{"class":291},[277,6595,473],{"class":283},[277,6597,6598,6600],{"class":279,"line":331},[277,6599,1093],{"class":311},[277,6601,343],{"class":283},[277,6603,6604],{"class":279,"line":346},[277,6605,6606],{"class":283}," tasks: [],\n",[277,6608,6609,6612,6614],{"class":279,"line":360},[277,6610,6611],{"class":283}," filter: ",[277,6613,5703],{"class":301},[277,6615,1077],{"class":283},[277,6617,6618,6621,6623],{"class":279,"line":371},[277,6619,6620],{"class":283}," status: ",[277,6622,5735],{"class":301},[277,6624,1077],{"class":283},[277,6626,6627,6630,6632],{"class":279,"line":381},[277,6628,6629],{"class":283}," lastSync: ",[277,6631,430],{"class":356},[277,6633,1077],{"class":283},[277,6635,6636,6639,6641],{"class":279,"line":391},[277,6637,6638],{"class":283}," poller: ",[277,6640,430],{"class":356},[277,6642,1077],{"class":283},[277,6644,6645,6648],{"class":279,"line":397},[277,6646,6647],{"class":283}," initialized: ",[277,6649,2043],{"class":356},[277,6651,6652],{"class":279,"line":402},[277,6653,1126],{"class":283},[277,6655,6656],{"class":279,"line":436},[277,6657,1131],{"class":283},[277,6659,6660],{"class":279,"line":456},[277,6661,328],{"emptyLinePlaceholder":327},[277,6663,6664],{"class":279,"line":461},[277,6665,2742],{"class":283},[277,6667,6668,6670],{"class":279,"line":476},[277,6669,2747],{"class":291},[277,6671,473],{"class":283},[277,6673,6674,6676,6678,6680,6683,6685,6687],{"class":279,"line":500},[277,6675,1177],{"class":311},[277,6677,511],{"class":283},[277,6679,1341],{"class":356},[277,6681,6682],{"class":283},".filter ",[277,6684,2503],{"class":311},[277,6686,5708],{"class":301},[277,6688,2476],{"class":283},[277,6690,6691,6693,6695,6697,6699,6701,6703,6705,6707],{"class":279,"line":505},[277,6692,2842],{"class":311},[277,6694,1268],{"class":356},[277,6696,2759],{"class":283},[277,6698,2218],{"class":291},[277,6700,448],{"class":283},[277,6702,2223],{"class":349},[277,6704,2226],{"class":311},[277,6706,2288],{"class":311},[277,6708,5867],{"class":283},[277,6710,6711],{"class":279,"line":520},[277,6712,1203],{"class":283},[277,6714,6715],{"class":279,"line":539},[277,6716,328],{"emptyLinePlaceholder":327},[277,6718,6719,6721,6723,6725,6727,6729,6731],{"class":279,"line":545},[277,6720,1177],{"class":311},[277,6722,511],{"class":283},[277,6724,1341],{"class":356},[277,6726,6682],{"class":283},[277,6728,2503],{"class":311},[277,6730,5713],{"class":301},[277,6732,2476],{"class":283},[277,6734,6735,6737,6739,6741,6743,6745,6747,6749],{"class":279,"line":550},[277,6736,2842],{"class":311},[277,6738,1268],{"class":356},[277,6740,2759],{"class":283},[277,6742,2218],{"class":291},[277,6744,448],{"class":283},[277,6746,2223],{"class":349},[277,6748,2226],{"class":311},[277,6750,5904],{"class":283},[277,6752,6753],{"class":279,"line":578},[277,6754,1203],{"class":283},[277,6756,6757],{"class":279,"line":583},[277,6758,328],{"emptyLinePlaceholder":327},[277,6760,6761,6763,6765],{"class":279,"line":588},[277,6762,2754],{"class":311},[277,6764,1268],{"class":356},[277,6766,6767],{"class":283},".tasks\n",[277,6769,6770],{"class":279,"line":606},[277,6771,1126],{"class":283},[277,6773,6774],{"class":279,"line":614},[277,6775,1131],{"class":283},[277,6777,6778],{"class":279,"line":625},[277,6779,328],{"emptyLinePlaceholder":327},[277,6781,6782,6785],{"class":279,"line":637},[277,6783,6784],{"class":291}," mounted",[277,6786,473],{"class":283},[277,6788,6789,6791,6794,6796],{"class":279,"line":646},[277,6790,4724],{"class":356},[277,6792,6793],{"class":283},".initialized ",[277,6795,298],{"class":311},[277,6797,2296],{"class":356},[277,6799,6800],{"class":279,"line":668},[277,6801,1131],{"class":283},[277,6803,6804],{"class":279,"line":673},[277,6805,328],{"emptyLinePlaceholder":327},[277,6807,6808,6810,6813],{"class":279,"line":679},[277,6809,1248],{"class":311},[277,6811,6812],{"class":291}," activated",[277,6814,473],{"class":283},[277,6816,6817,6819,6822,6824,6826,6828,6830,6832,6834],{"class":279,"line":684},[277,6818,4724],{"class":356},[277,6820,6821],{"class":283},".status ",[277,6823,298],{"class":311},[277,6825,1268],{"class":356},[277,6827,6793],{"class":283},[277,6829,2285],{"class":311},[277,6831,6241],{"class":301},[277,6833,6244],{"class":311},[277,6835,6247],{"class":301},[277,6837,6838,6840,6842,6844,6847],{"class":279,"line":700},[277,6839,617],{"class":311},[277,6841,1268],{"class":356},[277,6843,104],{"class":283},[277,6845,6846],{"class":291},"fetchTasks",[277,6848,622],{"class":283},[277,6850,6851,6853,6855,6858],{"class":279,"line":717},[277,6852,4724],{"class":356},[277,6854,104],{"class":283},[277,6856,6857],{"class":291},"startPolling",[277,6859,622],{"class":283},[277,6861,6862],{"class":279,"line":722},[277,6863,1131],{"class":283},[277,6865,6866],{"class":279,"line":729},[277,6867,328],{"emptyLinePlaceholder":327},[277,6869,6870,6873],{"class":279,"line":738},[277,6871,6872],{"class":291}," deactivated",[277,6874,473],{"class":283},[277,6876,6877,6879,6881,6883],{"class":279,"line":747},[277,6878,4724],{"class":356},[277,6880,6821],{"class":283},[277,6882,298],{"class":311},[277,6884,6291],{"class":301},[277,6886,6887,6889,6891,6894],{"class":279,"line":754},[277,6888,4724],{"class":356},[277,6890,104],{"class":283},[277,6892,6893],{"class":291},"stopPolling",[277,6895,622],{"class":283},[277,6897,6898],{"class":279,"line":772},[277,6899,1131],{"class":283},[277,6901,6902],{"class":279,"line":777},[277,6903,328],{"emptyLinePlaceholder":327},[277,6905,6906],{"class":279,"line":782},[277,6907,1140],{"class":283},[277,6909,6910,6912,6914],{"class":279,"line":792},[277,6911,1145],{"class":311},[277,6913,5936],{"class":291},[277,6915,473],{"class":283},[277,6917,6918,6920,6922,6924],{"class":279,"line":797},[277,6919,1212],{"class":356},[277,6921,6821],{"class":283},[277,6923,298],{"class":311},[277,6925,5948],{"class":301},[277,6927,6928],{"class":279,"line":807},[277,6929,328],{"emptyLinePlaceholder":327},[277,6931,6932,6934,6936,6938,6940,6942,6944,6946],{"class":279,"line":826},[277,6933,1154],{"class":311},[277,6935,482],{"class":356},[277,6937,340],{"class":311},[277,6939,487],{"class":311},[277,6941,490],{"class":291},[277,6943,448],{"class":283},[277,6945,5969],{"class":301},[277,6947,433],{"class":283},[277,6949,6950,6952,6954,6956,6958,6960,6962],{"class":279,"line":849},[277,6951,1154],{"class":311},[277,6953,5978],{"class":356},[277,6955,340],{"class":311},[277,6957,487],{"class":311},[277,6959,563],{"class":283},[277,6961,566],{"class":291},[277,6963,622],{"class":283},[277,6965,6966],{"class":279,"line":854},[277,6967,328],{"emptyLinePlaceholder":327},[277,6969,6970,6972,6975,6977],{"class":279,"line":876},[277,6971,1212],{"class":356},[277,6973,6974],{"class":283},".tasks ",[277,6976,298],{"class":311},[277,6978,6019],{"class":283},[277,6980,6981,6983,6986,6988,6990,6992,6994,6996,6998,7000],{"class":279,"line":891},[277,6982,1212],{"class":356},[277,6984,6985],{"class":283},".lastSync ",[277,6987,298],{"class":311},[277,6989,526],{"class":311},[277,6991,6031],{"class":291},[277,6993,6034],{"class":283},[277,6995,6037],{"class":291},[277,6997,448],{"class":283},[277,6999,6042],{"class":301},[277,7001,433],{"class":283},[277,7003,7004,7006,7008,7010],{"class":279,"line":905},[277,7005,1212],{"class":356},[277,7007,6821],{"class":283},[277,7009,298],{"class":311},[277,7011,6053],{"class":301},[277,7013,7014],{"class":279,"line":919},[277,7015,7016],{"class":283}," },\n",[277,7018,7019],{"class":279,"line":929},[277,7020,328],{"emptyLinePlaceholder":327},[277,7022,7023,7026],{"class":279,"line":934},[277,7024,7025],{"class":291}," startPolling",[277,7027,473],{"class":283},[277,7029,7030,7032,7034,7036,7039,7041,7043,7045],{"class":279,"line":951},[277,7031,1177],{"class":311},[277,7033,511],{"class":283},[277,7035,1341],{"class":356},[277,7037,7038],{"class":283},".poller ",[277,7040,6080],{"class":311},[277,7042,424],{"class":356},[277,7044,2340],{"class":283},[277,7046,714],{"class":311},[277,7048,7049],{"class":279,"line":961},[277,7050,328],{"emptyLinePlaceholder":327},[277,7052,7053,7055,7057,7059,7061,7063,7065],{"class":279,"line":1473},[277,7054,1212],{"class":356},[277,7056,7038],{"class":283},[277,7058,298],{"class":311},[277,7060,6100],{"class":291},[277,7062,2203],{"class":283},[277,7064,601],{"class":311},[277,7066,343],{"class":283},[277,7068,7069,7072,7074,7076,7078],{"class":279,"line":1478},[277,7070,7071],{"class":311}," void",[277,7073,1268],{"class":356},[277,7075,104],{"class":283},[277,7077,6846],{"class":291},[277,7079,622],{"class":283},[277,7081,7082,7085,7087],{"class":279,"line":1497},[277,7083,7084],{"class":283}," }, ",[277,7086,6123],{"class":356},[277,7088,433],{"class":283},[277,7090,7091],{"class":279,"line":1510},[277,7092,7016],{"class":283},[277,7094,7095],{"class":279,"line":1523},[277,7096,328],{"emptyLinePlaceholder":327},[277,7098,7099,7102],{"class":279,"line":1536},[277,7100,7101],{"class":291}," stopPolling",[277,7103,473],{"class":283},[277,7105,7106,7108,7110,7112,7114,7116,7118,7120],{"class":279,"line":1545},[277,7107,1177],{"class":311},[277,7109,511],{"class":283},[277,7111,1341],{"class":356},[277,7113,7038],{"class":283},[277,7115,2503],{"class":311},[277,7117,424],{"class":356},[277,7119,2340],{"class":283},[277,7121,714],{"class":311},[277,7123,7124],{"class":279,"line":1550},[277,7125,328],{"emptyLinePlaceholder":327},[277,7127,7128,7131,7133,7135],{"class":279,"line":1565},[277,7129,7130],{"class":291}," clearInterval",[277,7132,448],{"class":283},[277,7134,1341],{"class":356},[277,7136,7137],{"class":283},".poller)\n",[277,7139,7140,7142,7144,7146],{"class":279,"line":1574},[277,7141,1212],{"class":356},[277,7143,7038],{"class":283},[277,7145,298],{"class":311},[277,7147,6177],{"class":356},[277,7149,7150],{"class":279,"line":4076},[277,7151,1126],{"class":283},[277,7153,7154],{"class":279,"line":4088},[277,7155,542],{"class":283},[277,7157,7158],{"class":279,"line":4093},[277,7159,394],{"class":283},[277,7161,7162,7164,7166],{"class":279,"line":4102},[277,7163,785],{"class":283},[277,7165,288],{"class":287},[277,7167,305],{"class":283},[277,7169,7170],{"class":279,"line":4107},[277,7171,328],{"emptyLinePlaceholder":327},[277,7173,7174,7176,7178],{"class":279,"line":4116},[277,7175,284],{"class":283},[277,7177,802],{"class":287},[277,7179,305],{"class":283},[277,7181,7182,7184,7186,7188,7190,7192],{"class":279,"line":4133},[277,7183,810],{"class":283},[277,7185,4121],{"class":287},[277,7187,816],{"class":291},[277,7189,298],{"class":283},[277,7191,6335],{"class":301},[277,7193,305],{"class":283},[277,7195,7196,7198,7200],{"class":279,"line":4143},[277,7197,829],{"class":283},[277,7199,4138],{"class":287},[277,7201,305],{"class":283},[277,7203,7204,7206,7208,7210,7212],{"class":279,"line":4157},[277,7205,879],{"class":283},[277,7207,30],{"class":287},[277,7209,6354],{"class":283},[277,7211,30],{"class":287},[277,7213,305],{"class":283},[277,7215,7216,7218,7220,7222,7224],{"class":279,"line":4166},[277,7217,879],{"class":283},[277,7219,21],{"class":287},[277,7221,6367],{"class":283},[277,7223,21],{"class":287},[277,7225,305],{"class":283},[277,7227,7228,7230,7232,7234,7236,7238,7240,7242],{"class":279,"line":4172},[277,7229,879],{"class":283},[277,7231,21],{"class":287},[277,7233,834],{"class":291},[277,7235,298],{"class":283},[277,7237,6384],{"class":301},[277,7239,6387],{"class":283},[277,7241,21],{"class":287},[277,7243,305],{"class":283},[277,7245,7246,7248,7250],{"class":279,"line":4182},[277,7247,922],{"class":283},[277,7249,4138],{"class":287},[277,7251,305],{"class":283},[277,7253,7254],{"class":279,"line":4191},[277,7255,328],{"emptyLinePlaceholder":327},[277,7257,7258,7260,7262,7264,7266,7268],{"class":279,"line":4196},[277,7259,829],{"class":283},[277,7261,6410],{"class":287},[277,7263,816],{"class":291},[277,7265,298],{"class":283},[277,7267,6417],{"class":301},[277,7269,305],{"class":283},[277,7271,7272,7274,7276,7278,7280,7282,7284,7286],{"class":279,"line":4220},[277,7273,879],{"class":283},[277,7275,4267],{"class":287},[277,7277,4278],{"class":291},[277,7279,298],{"class":283},[277,7281,6432],{"class":301},[277,7283,6435],{"class":283},[277,7285,4267],{"class":287},[277,7287,305],{"class":283},[277,7289,7290,7292,7294,7296,7298,7300,7302,7304],{"class":279,"line":4234},[277,7291,879],{"class":283},[277,7293,4267],{"class":287},[277,7295,4278],{"class":291},[277,7297,298],{"class":283},[277,7299,6452],{"class":301},[277,7301,6455],{"class":283},[277,7303,4267],{"class":287},[277,7305,305],{"class":283},[277,7307,7308,7310,7312,7314,7316,7318,7320,7322],{"class":279,"line":4247},[277,7309,879],{"class":283},[277,7311,4267],{"class":287},[277,7313,4278],{"class":291},[277,7315,298],{"class":283},[277,7317,6472],{"class":301},[277,7319,6475],{"class":283},[277,7321,4267],{"class":287},[277,7323,305],{"class":283},[277,7325,7326,7328,7330],{"class":279,"line":4262},[277,7327,922],{"class":283},[277,7329,6410],{"class":287},[277,7331,305],{"class":283},[277,7333,7334],{"class":279,"line":4293},[277,7335,328],{"emptyLinePlaceholder":327},[277,7337,7338,7340,7342],{"class":279,"line":4302},[277,7339,829],{"class":283},[277,7341,38],{"class":287},[277,7343,305],{"class":283},[277,7345,7346,7348],{"class":279,"line":4307},[277,7347,879],{"class":283},[277,7349,6506],{"class":287},[277,7351,7352,7354,7356],{"class":279,"line":4328},[277,7353,6511],{"class":291},[277,7355,298],{"class":283},[277,7357,6516],{"class":301},[277,7359,7360,7362,7364],{"class":279,"line":4337},[277,7361,6521],{"class":291},[277,7363,298],{"class":283},[277,7365,6526],{"class":301},[277,7367,7368],{"class":279,"line":4993},[277,7369,4543],{"class":283},[277,7371,7372],{"class":279,"line":5006},[277,7373,6535],{"class":283},[277,7375,7376,7378,7380],{"class":279,"line":5019},[277,7377,4175],{"class":283},[277,7379,41],{"class":287},[277,7381,305],{"class":283},[277,7383,7384,7386,7388],{"class":279,"line":5044},[277,7385,922],{"class":283},[277,7387,38],{"class":287},[277,7389,305],{"class":283},[277,7391,7392,7394,7396],{"class":279,"line":5053},[277,7393,954],{"class":283},[277,7395,4121],{"class":287},[277,7397,305],{"class":283},[277,7399,7400,7402,7404],{"class":279,"line":5058},[277,7401,785],{"class":283},[277,7403,802],{"class":287},[277,7405,305],{"class":283},[38,7407,7408,7413,7418,7421],{},[41,7409,7410,7412],{},[16,7411,5244],{}," cubre tanto la primera activación como cada regreso desde caché.",[41,7414,7415,7417],{},[16,7416,5252],{}," pausa el polling para no seguir consumiendo recursos fuera de pantalla.",[41,7419,7420],{},"El filtro local se conserva porque la instancia no se destruye.",[41,7422,7423,7425],{},[16,7424,210],{}," queda reservado para trabajo realmente inicial; aquí solo marca que la instancia ya pasó por su montaje inicial.",[30,7427,1596],{"id":1595},[38,7429,7430,7435,7440,7445,7448],{},[41,7431,7432,7434],{},[16,7433,5176],{}," conserva la instancia y su estado local entre cambios de vista.",[41,7436,7437,7439],{},[16,7438,5179],{}," no significa “montar otra vez”, sino “volver a estar activo”.",[41,7441,7442,7444],{},[16,7443,5182],{}," es el hook adecuado para pausar trabajo cuando la instancia queda cacheada.",[41,7446,7447],{},"Conservar estado no evita que tengas que revalidar datos cuando la vista regresa.",[41,7449,7450],{},"Si el componente debe reiniciarse siempre desde cero, probablemente no deberías cachearlo.",[1606,7452,1608],{},{"title":273,"searchDepth":308,"depth":308,"links":7454},[7455,7456,7457,7458,7459,7460,7468,7473],{"id":5168,"depth":308,"text":5169},{"id":60,"depth":308,"text":61},{"id":128,"depth":308,"text":129},{"id":155,"depth":308,"text":156},{"id":5389,"depth":308,"text":5390},{"id":189,"depth":308,"text":190,"children":7461},[7462,7464,7465,7467],{"id":5484,"depth":324,"text":7463},"1. Cargar datos solo en mounted",{"id":5501,"depth":324,"text":5502},{"id":5521,"depth":324,"text":7466},"3. Esperar unmounted al cambiar entre tabs cacheadas",{"id":5540,"depth":324,"text":5541},{"id":1945,"depth":308,"text":1946,"children":7469},[7470,7471,7472],{"id":5554,"depth":324,"text":5555},{"id":5567,"depth":324,"text":5568},{"id":5577,"depth":324,"text":5578},{"id":1595,"depth":308,"text":1596},"https://res.cloudinary.com/denj4fg7f/image/upload/v1773371011/vue-lifecycle-keepalive-activated-deactivated_abjmwe.png","Ilustración de componentes cacheados con KeepAlive en Vue usando activated y deactivated","2026-03-13","Cómo funcionan activated y deactivated en componentes cacheados con \u003CKeepAlive>, cuándo usarlos y cómo evitar datos obsoletos, timers activos y lógica mal ubicada.",{"script":7479},[7480],{"type":1632,"key":1633,"data-nuxt-schema-org":327,"nodes":7481},[7482],{"headline":5163,"author":7483,"datePublished":7484,"@type":1640},{"name":1637,"@type":1638},"2026-03-12T23:00:00-05:00",{"updatedAt":7484,"coverCaption":7486,"author":1637,"keywords":7487},"KeepAlive permite desactivar y reactivar componentes sin destruir su estado local",[1645,7488,5179,5182,7489],"KeepAlive","cache de componentes","/blog/vue-lifecycle-keepalive-activated-deactivated.es",[7492],{"headline":5163,"author":7493,"datePublished":7484,"@type":1640},{"name":1637,"@type":1638},{"title":5163,"description":7477},"blog/vue-lifecycle-keepalive-activated-deactivated.es",[7497,7498,7500,7501],{"tag":1660,"color":1661},{"tag":7488,"color":7499},"#27AE60",{"tag":1668,"color":1669},{"tag":1671,"color":1672},"cC6EGrWzdGX1S3I2vyv_xoYWKc_TvnTepGzaJn-MNeg",{"id":7504,"title":7505,"body":7506,"cover":9049,"coverAlt":9050,"date":9051,"description":9052,"draft":1627,"extension":1628,"head":9053,"locale":1641,"meta":9060,"navigation":327,"path":9064,"schemaOrg":9065,"seo":9068,"series":1653,"seriesDescription":1654,"seriesOrder":346,"seriesTitle":1655,"slug":1656,"stem":9069,"tags":9070,"__hash__":9076},"blog/blog/vue-lifecycle-unmounting-phase-beforeunmount-unmounted.es.md","Ciclos de vida en Vue: fase de desmontaje (beforeUnmount, unmounted)",{"type":8,"value":7507,"toc":9029},[7508,7517,7523,7531,7533,7543,7546,7563,7566,7578,7581,7593,7598,7600,7603,7605,7635,7638,7657,7659,7662,7670,7687,7690,7709,7712,7716,7765,7772,7774,7781,7784,7787,7811,7814,7820,7828,7834,7838,7847,7855,7858,7862,7868,7871,7873,7877,7880,7884,7890,7894,7903,8464,8990,9007,9009,9027],[11,7509,7511,7512,225,7515,19],{"id":7510},"ciclos-de-vida-en-vue-fase-de-desmontaje-beforeunmount-unmounted","Ciclos de vida en Vue: fase de desmontaje (",[16,7513,7514],{},"beforeUnmount",[16,7516,5294],{},[21,7518,7519,7520,7522],{},"Muchos bugs no nacen cuando un componente aparece, sino cuando desaparece. Un listener global que quedó activo, un ",[16,7521,5508],{}," que nunca se limpió o una petición que sigue en curso cuando el usuario ya cambió de vista suelen empezar ahí.",[21,7524,7525,7526,1697,7528,7530],{},"La fase de desmontaje sirve para cerrar correctamente esa historia. No se trata solo de “borrar cosas”, sino de dejar el componente en orden cuando Vue lo retira del árbol. Si entiendes bien la diferencia entre ",[16,7527,7514],{},[16,7529,5294],{},", puedes evitar fugas de memoria, efectos duplicados y componentes que siguen haciendo trabajo cuando ya no existen en pantalla.",[30,7532,61],{"id":60},[21,7534,7535,7536,7539,7540,7542],{},"El desmontaje ocurre cuando Vue decide retirar un componente del árbol activo. Esto puede pasar, por ejemplo, si un ",[16,7537,7538],{},"v-if"," cambia a ",[16,7541,2123],{},", si cambias de ruta o si un componente dinámico deja de renderizarse.",[21,7544,7545],{},"En esa fase aparecen dos hooks:",[38,7547,7548,7556],{},[41,7549,7550,7552,7553,104],{},[16,7551,7514],{},": se ejecuta ",[72,7554,7555],{},"justo antes de que Vue desmonte el componente",[41,7557,7558,7552,7560,104],{},[16,7559,5294],{},[72,7561,7562],{},"cuando el componente ya fue desmontado",[21,7564,7565],{},"En Composition API, los equivalentes son:",[38,7567,7568,7573],{},[41,7569,7570],{},[16,7571,7572],{},"onBeforeUnmount()",[41,7574,7575],{},[16,7576,7577],{},"onUnmounted()",[21,7579,7580],{},"La diferencia importante es esta:",[38,7582,7583,7588],{},[41,7584,110,7585,7587],{},[16,7586,7514],{}," la instancia todavía existe y puedes acceder a su estado, refs y recursos activos para limpiarlos.",[41,7589,110,7590,7592],{},[16,7591,5294],{}," Vue ya terminó el desmontaje y ya detuvo los efectos reactivos del componente. Ese punto sirve más para confirmaciones finales, trazas o integraciones muy concretas.",[21,7594,7595,7596,104],{},"En la práctica, casi toda la limpieza útil ocurre en ",[16,7597,7514],{},[30,7599,129],{"id":128},[21,7601,7602],{},"La fase de desmontaje tiene sentido cuando el componente abrió recursos que no deben seguir vivos después.",[21,7604,3305],{},[38,7606,7607,7615,7629,7632],{},[41,7608,7609,7610,225,7612,7614],{},"Quitar listeners registrados sobre ",[16,7611,224],{},[16,7613,228],{}," o cualquier objeto externo.",[41,7616,7617,7618,225,7620,225,7623,118,7626,104],{},"Limpiar ",[16,7619,5508],{},[16,7621,7622],{},"setTimeout",[16,7624,7625],{},"requestAnimationFrame",[16,7627,7628],{},"ResizeObserver",[41,7630,7631],{},"Cerrar sockets, desconectar observers o abortar peticiones pendientes.",[41,7633,7634],{},"Guardar una última traza de depuración o telemetría cuando el componente ya terminó de salir.",[21,7636,7637],{},"Una regla sencilla:",[38,7639,7640,7649],{},[41,7641,7642,7643,7646,7647,104],{},"Si necesitas ",[72,7644,7645],{},"desconectar o cancelar algo",", piensa primero en ",[16,7648,7514],{},[41,7650,7642,7651,7654,7655,104],{},[72,7652,7653],{},"saber que el componente ya terminó de salir",", piensa en ",[16,7656,5294],{},[30,7658,156],{"id":155},[21,7660,7661],{},"No todo debe ir en estos hooks.",[21,7663,7664,7665,1697,7667,7669],{},"Evita ",[16,7666,7514],{},[16,7668,5294],{}," cuando:",[38,7671,7672,7678,7681,7684],{},[41,7673,7674,7675,104],{},"La lógica puede quedar encapsulada en un composable usando ",[16,7676,7677],{},"onScopeDispose",[41,7679,7680],{},"El recurso ya se limpia automáticamente y no requiere intervención manual.",[41,7682,7683],{},"Estás usando el hook para corregir un problema que en realidad viene de una mala estructura del componente.",[41,7685,7686],{},"El componente no se desmonta realmente, sino que solo se oculta.",[21,7688,7689],{},"Ese último punto importa mucho:",[38,7691,7692,7697,7703],{},[41,7693,7694,7696],{},[16,7695,7538],{}," puede desmontar un componente.",[41,7698,7699,7702],{},[16,7700,7701],{},"v-show"," solo lo oculta.",[41,7704,7705,7706,7708],{},"Un componente cacheado con ",[16,7707,5176],{}," puede desactivarse sin desmontarse.",[21,7710,7711],{},"Si confundes esos casos, esperarás un hook que nunca se ejecutará.",[30,7713,7715],{"id":7714},"comparación","Comparación",[5392,7717,7718,7733],{},[5395,7719,7720],{},[5398,7721,7722,7724,7727,7730],{},[5401,7723,5403],{},[5401,7725,7726],{},"Qué sigue disponible",[5401,7728,7729],{},"Uso natural",[5401,7731,7732],{},"Riesgo habitual",[5414,7734,7735,7750],{},[5398,7736,7737,7741,7744,7747],{},[5419,7738,7739],{},[16,7740,7514],{},[5419,7742,7743],{},"Instancia, refs, estado y recursos activos",[5419,7745,7746],{},"Limpiar listeners, timers, observers o abortar peticiones",[5419,7748,7749],{},"Dejar demasiado trabajo para después",[5398,7751,7752,7756,7759,7762],{},[5419,7753,7754],{},[16,7755,5294],{},[5419,7757,7758],{},"El componente ya salió del árbol y sus efectos fueron detenidos",[5419,7760,7761],{},"Trazas finales o integraciones puntuales",[5419,7763,7764],{},"Intentar hacer limpieza que dependía de la instancia viva",[21,7766,7767,7769,7770,104],{},[16,7768,5294],{}," existe, pero eso no significa que deba cargar con toda la responsabilidad del cierre. Si necesitas tocar algo que el componente abrió, normalmente llegaste tarde si esperas a ",[16,7771,5294],{},[30,7773,190],{"id":189},[192,7775,7777,7778,7780],{"id":7776},"_1-registrar-recursos-en-mounted-y-olvidarse-del-cierre","1. Registrar recursos en ",[16,7779,203],{}," y olvidarse del cierre",[21,7782,7783],{},"Es el error más común. El componente se monta correctamente, funciona durante un tiempo y luego empieza a comportarse de forma extraña porque un listener antiguo sigue respondiendo aunque la vista ya cambió.",[21,7785,7786],{},"Esto suele pasar con:",[38,7788,7789,7794,7799,7804,7808],{},[41,7790,7791],{},[16,7792,7793],{},"window.addEventListener()",[41,7795,7796],{},[16,7797,7798],{},"setInterval()",[41,7800,7801],{},[16,7802,7803],{},"IntersectionObserver",[41,7805,7806],{},[16,7807,7628],{},[41,7809,7810],{},"websockets o suscripciones externas",[21,7812,7813],{},"Si lo abriste manualmente, debes asumir que también te corresponde cerrarlo.",[192,7815,7817,7818],{"id":7816},"_2-dejar-toda-la-limpieza-en-unmounted","2. Dejar toda la limpieza en ",[16,7819,5294],{},[21,7821,7822,7824,7825,7827],{},[16,7823,5294],{}," no es el lugar ideal para todo. Si necesitas abortar una petición, desconectar un observer o retirar listeners mientras la instancia todavía es accesible, ",[16,7826,7514],{}," es más claro y más seguro.",[21,7829,7830,7831,7833],{},"Piensa en ",[16,7832,7514],{}," como el momento de desmontar la mesa antes de sacarla del salón.",[192,7835,7837],{"id":7836},"_3-confundir-ocultar-con-desmontar","3. Confundir ocultar con desmontar",[21,7839,7840,7841,7843,7844,7846],{},"Muchos desarrolladores esperan que ",[16,7842,7514],{}," se ejecute cuando un panel deja de verse. Pero si ese panel usa ",[16,7845,7701],{},", el componente sigue vivo.",[21,7848,7849,7850,7852,7853,104],{},"También ocurre con ",[16,7851,5176],{},": al cambiar de vista, el componente puede quedar desactivado y luego reactivarse sin pasar por ",[16,7854,5294],{},[21,7856,7857],{},"Si el problema es de activación o desactivación, los hooks correctos pueden ser otros.",[192,7859,7861],{"id":7860},"_4-lanzar-trabajo-nuevo-cuando-el-componente-ya-se-está-yendo","4. Lanzar trabajo nuevo cuando el componente ya se está yendo",[21,7863,7864,7865,7867],{},"No conviene iniciar nuevas tareas pesadas durante el desmontaje. Si en ",[16,7866,7514],{}," abres otra petición o empiezas otra suscripción, estás complicando justo el momento en que Vue intenta cerrar el componente.",[21,7869,7870],{},"La fase de desmontaje debería reducir trabajo, no crear más.",[30,7872,1946],{"id":1945},[192,7874,7876],{"id":7875},"limpiar-listeners-globales-al-salir-de-una-vista","Limpiar listeners globales al salir de una vista",[21,7878,7879],{},"Si una vista escucha eventos del navegador, esos listeners deben desaparecer cuando la ruta cambia. De lo contrario, terminarás reaccionando dos veces al mismo evento cuando el usuario vuelva.",[192,7881,7883],{"id":7882},"abortar-una-petición-pendiente","Abortar una petición pendiente",[21,7885,7886,7887,7889],{},"En componentes con navegación rápida, es normal que una solicitud siga en curso mientras el usuario ya abandonó la página. Cancelarla en ",[16,7888,7514],{}," evita trabajo innecesario y estados inconsistentes.",[192,7891,7893],{"id":7892},"dejar-una-traza-final-de-depuración","Dejar una traza final de depuración",[21,7895,7896,7898,7899,7902],{},[16,7897,5294],{}," puede ser útil para confirmar que el componente sí salió cuando estás investigando ",[3292,7900,7901],{},"remounts"," inesperados, cacheo o renders condicionales.",[267,7904,7906],{"className":269,"code":7905,"filename":271,"language":272,"meta":273,"style":273},"\u003Cscript setup lang=\"ts\">\nimport { onBeforeUnmount, onMounted, onUnmounted, ref } from 'vue'\n\nconst status = ref('Cargando estado...')\nconst totalTasks = ref\u003Cnumber | null>(null)\n\nlet controller: AbortController | null = null\n\nfunction syncOnlineStatus() {\n status.value = navigator.onLine ? 'En línea' : 'Sin conexión'\n}\n\nasync function loadSummary() {\n controller = new AbortController()\n\n try {\n const response = await fetch('/api/tasks/summary', {\n signal: controller.signal\n })\n\n const data = await response.json() as { total: number }\n totalTasks.value = data.total\n }\n catch (error) {\n if (error instanceof DOMException && error.name === 'AbortError') {\n return\n }\n\n console.error('No se pudo cargar el resumen', error)\n }\n}\n\nonMounted(() => {\n syncOnlineStatus()\n window.addEventListener('online', syncOnlineStatus)\n window.addEventListener('offline', syncOnlineStatus)\n void loadSummary()\n})\n\nonBeforeUnmount(() => {\n window.removeEventListener('online', syncOnlineStatus)\n window.removeEventListener('offline', syncOnlineStatus)\n controller?.abort()\n})\n\nonUnmounted(() => {\n console.info('TaskSummary ya salió del árbol')\n})\n\u003C/script>\n\n\u003Ctemplate>\n \u003Csection class=\"task-summary\">\n \u003Cp>{{ status }}\u003C/p>\n \u003Cp v-if=\"totalTasks !== null\">\n Tareas registradas: {{ totalTasks }}\n \u003C/p>\n \u003C/section>\n\u003C/template>\n",[16,7907,7908,7924,7935,7939,7956,7982,7986,8007,8011,8020,8039,8043,8047,8058,8071,8075,8081,8100,8105,8109,8113,8143,8153,8157,8164,8189,8194,8198,8202,8216,8220,8224,8228,8238,8245,8261,8274,8283,8287,8291,8302,8315,8327,8337,8341,8345,8356,8369,8373,8381,8385,8393,8408,8420,8435,8440,8448,8456],{"__ignoreMap":273},[277,7909,7910,7912,7914,7916,7918,7920,7922],{"class":279,"line":280},[277,7911,284],{"class":283},[277,7913,288],{"class":287},[277,7915,292],{"class":291},[277,7917,295],{"class":291},[277,7919,298],{"class":283},[277,7921,302],{"class":301},[277,7923,305],{"class":283},[277,7925,7926,7928,7931,7933],{"class":279,"line":308},[277,7927,312],{"class":311},[277,7929,7930],{"class":283}," { onBeforeUnmount, onMounted, onUnmounted, ref } ",[277,7932,318],{"class":311},[277,7934,321],{"class":301},[277,7936,7937],{"class":279,"line":324},[277,7938,328],{"emptyLinePlaceholder":327},[277,7940,7941,7943,7945,7947,7949,7951,7954],{"class":279,"line":331},[277,7942,405],{"class":311},[277,7944,5726],{"class":356},[277,7946,340],{"class":311},[277,7948,413],{"class":291},[277,7950,448],{"class":283},[277,7952,7953],{"class":301},"'Cargando estado...'",[277,7955,433],{"class":283},[277,7957,7958,7960,7963,7965,7967,7969,7972,7974,7976,7978,7980],{"class":279,"line":346},[277,7959,405],{"class":311},[277,7961,7962],{"class":356}," totalTasks",[277,7964,340],{"class":311},[277,7966,413],{"class":291},[277,7968,284],{"class":283},[277,7970,7971],{"class":356},"number",[277,7973,421],{"class":311},[277,7975,424],{"class":356},[277,7977,427],{"class":283},[277,7979,430],{"class":356},[277,7981,433],{"class":283},[277,7983,7984],{"class":279,"line":360},[277,7985,328],{"emptyLinePlaceholder":327},[277,7987,7988,7991,7994,7996,7999,8001,8003,8005],{"class":279,"line":371},[277,7989,7990],{"class":311},"let",[277,7992,7993],{"class":283}," controller",[277,7995,353],{"class":311},[277,7997,7998],{"class":291}," AbortController",[277,8000,421],{"class":311},[277,8002,424],{"class":356},[277,8004,340],{"class":311},[277,8006,6177],{"class":356},[277,8008,8009],{"class":279,"line":381},[277,8010,328],{"emptyLinePlaceholder":327},[277,8012,8013,8015,8018],{"class":279,"line":391},[277,8014,2460],{"class":311},[277,8016,8017],{"class":291}," syncOnlineStatus",[277,8019,473],{"class":283},[277,8021,8022,8024,8026,8029,8031,8034,8036],{"class":279,"line":397},[277,8023,5943],{"class":283},[277,8025,298],{"class":311},[277,8027,8028],{"class":283}," navigator.onLine ",[277,8030,2285],{"class":311},[277,8032,8033],{"class":301}," 'En línea'",[277,8035,6244],{"class":311},[277,8037,8038],{"class":301}," 'Sin conexión'\n",[277,8040,8041],{"class":279,"line":402},[277,8042,394],{"class":283},[277,8044,8045],{"class":279,"line":436},[277,8046,328],{"emptyLinePlaceholder":327},[277,8048,8049,8051,8053,8056],{"class":279,"line":456},[277,8050,464],{"class":311},[277,8052,467],{"class":311},[277,8054,8055],{"class":291}," loadSummary",[277,8057,473],{"class":283},[277,8059,8060,8063,8065,8067,8069],{"class":279,"line":461},[277,8061,8062],{"class":283}," controller ",[277,8064,298],{"class":311},[277,8066,526],{"class":311},[277,8068,7998],{"class":291},[277,8070,622],{"class":283},[277,8072,8073],{"class":279,"line":476},[277,8074,328],{"emptyLinePlaceholder":327},[277,8076,8077,8079],{"class":279,"line":500},[277,8078,609],{"class":311},[277,8080,343],{"class":283},[277,8082,8083,8085,8087,8089,8091,8093,8095,8098],{"class":279,"line":505},[277,8084,2233],{"class":311},[277,8086,482],{"class":356},[277,8088,340],{"class":311},[277,8090,487],{"class":311},[277,8092,490],{"class":291},[277,8094,448],{"class":283},[277,8096,8097],{"class":301},"'/api/tasks/summary'",[277,8099,2360],{"class":283},[277,8101,8102],{"class":279,"line":520},[277,8103,8104],{"class":283}," signal: controller.signal\n",[277,8106,8107],{"class":279,"line":539},[277,8108,2913],{"class":283},[277,8110,8111],{"class":279,"line":545},[277,8112,328],{"emptyLinePlaceholder":327},[277,8114,8115,8117,8119,8121,8123,8125,8127,8130,8132,8134,8137,8139,8141],{"class":279,"line":550},[277,8116,2233],{"class":311},[277,8118,5978],{"class":356},[277,8120,340],{"class":311},[277,8122,487],{"class":311},[277,8124,563],{"class":283},[277,8126,566],{"class":291},[277,8128,8129],{"class":283},"() ",[277,8131,572],{"class":311},[277,8133,5995],{"class":283},[277,8135,8136],{"class":349},"total",[277,8138,353],{"class":311},[277,8140,2473],{"class":356},[277,8142,2179],{"class":283},[277,8144,8145,8148,8150],{"class":279,"line":578},[277,8146,8147],{"class":283}," totalTasks.value ",[277,8149,298],{"class":311},[277,8151,8152],{"class":283}," data.total\n",[277,8154,8155],{"class":279,"line":583},[277,8156,542],{"class":283},[277,8158,8159,8162],{"class":279,"line":588},[277,8160,8161],{"class":311}," catch",[277,8163,634],{"class":283},[277,8165,8166,8168,8171,8173,8176,8179,8182,8184,8187],{"class":279,"line":606},[277,8167,1336],{"class":311},[277,8169,8170],{"class":283}," (error ",[277,8172,652],{"class":311},[277,8174,8175],{"class":291}," DOMException",[277,8177,8178],{"class":311}," &&",[277,8180,8181],{"class":283}," error.name ",[277,8183,2503],{"class":311},[277,8185,8186],{"class":301}," 'AbortError'",[277,8188,2476],{"class":283},[277,8190,8191],{"class":279,"line":614},[277,8192,8193],{"class":311}," return\n",[277,8195,8196],{"class":279,"line":625},[277,8197,1126],{"class":283},[277,8199,8200],{"class":279,"line":637},[277,8201,328],{"emptyLinePlaceholder":327},[277,8203,8204,8206,8208,8210,8213],{"class":279,"line":646},[277,8205,2881],{"class":283},[277,8207,3349],{"class":291},[277,8209,448],{"class":283},[277,8211,8212],{"class":301},"'No se pudo cargar el resumen'",[277,8214,8215],{"class":283},", error)\n",[277,8217,8218],{"class":279,"line":668},[277,8219,542],{"class":283},[277,8221,8222],{"class":279,"line":673},[277,8223,394],{"class":283},[277,8225,8226],{"class":279,"line":679},[277,8227,328],{"emptyLinePlaceholder":327},[277,8229,8230,8232,8234,8236],{"class":279,"line":684},[277,8231,687],{"class":291},[277,8233,2203],{"class":283},[277,8235,601],{"class":311},[277,8237,343],{"class":283},[277,8239,8240,8243],{"class":279,"line":700},[277,8241,8242],{"class":291}," syncOnlineStatus",[277,8244,622],{"class":283},[277,8246,8247,8250,8253,8255,8258],{"class":279,"line":717},[277,8248,8249],{"class":283}," window.",[277,8251,8252],{"class":291},"addEventListener",[277,8254,448],{"class":283},[277,8256,8257],{"class":301},"'online'",[277,8259,8260],{"class":283},", syncOnlineStatus)\n",[277,8262,8263,8265,8267,8269,8272],{"class":279,"line":722},[277,8264,8249],{"class":283},[277,8266,8252],{"class":291},[277,8268,448],{"class":283},[277,8270,8271],{"class":301},"'offline'",[277,8273,8260],{"class":283},[277,8275,8276,8279,8281],{"class":279,"line":729},[277,8277,8278],{"class":311}," void",[277,8280,8055],{"class":291},[277,8282,622],{"class":283},[277,8284,8285],{"class":279,"line":738},[277,8286,676],{"class":283},[277,8288,8289],{"class":279,"line":747},[277,8290,328],{"emptyLinePlaceholder":327},[277,8292,8293,8296,8298,8300],{"class":279,"line":754},[277,8294,8295],{"class":291},"onBeforeUnmount",[277,8297,2203],{"class":283},[277,8299,601],{"class":311},[277,8301,343],{"class":283},[277,8303,8304,8306,8309,8311,8313],{"class":279,"line":772},[277,8305,8249],{"class":283},[277,8307,8308],{"class":291},"removeEventListener",[277,8310,448],{"class":283},[277,8312,8257],{"class":301},[277,8314,8260],{"class":283},[277,8316,8317,8319,8321,8323,8325],{"class":279,"line":777},[277,8318,8249],{"class":283},[277,8320,8308],{"class":291},[277,8322,448],{"class":283},[277,8324,8271],{"class":301},[277,8326,8260],{"class":283},[277,8328,8329,8332,8335],{"class":279,"line":782},[277,8330,8331],{"class":283}," controller?.",[277,8333,8334],{"class":291},"abort",[277,8336,622],{"class":283},[277,8338,8339],{"class":279,"line":792},[277,8340,676],{"class":283},[277,8342,8343],{"class":279,"line":797},[277,8344,328],{"emptyLinePlaceholder":327},[277,8346,8347,8350,8352,8354],{"class":279,"line":807},[277,8348,8349],{"class":291},"onUnmounted",[277,8351,2203],{"class":283},[277,8353,601],{"class":311},[277,8355,343],{"class":283},[277,8357,8358,8360,8362,8364,8367],{"class":279,"line":826},[277,8359,2349],{"class":283},[277,8361,3266],{"class":291},[277,8363,448],{"class":283},[277,8365,8366],{"class":301},"'TaskSummary ya salió del árbol'",[277,8368,433],{"class":283},[277,8370,8371],{"class":279,"line":849},[277,8372,676],{"class":283},[277,8374,8375,8377,8379],{"class":279,"line":854},[277,8376,785],{"class":283},[277,8378,288],{"class":287},[277,8380,305],{"class":283},[277,8382,8383],{"class":279,"line":876},[277,8384,328],{"emptyLinePlaceholder":327},[277,8386,8387,8389,8391],{"class":279,"line":891},[277,8388,284],{"class":283},[277,8390,802],{"class":287},[277,8392,305],{"class":283},[277,8394,8395,8397,8399,8401,8403,8406],{"class":279,"line":905},[277,8396,810],{"class":283},[277,8398,4121],{"class":287},[277,8400,816],{"class":291},[277,8402,298],{"class":283},[277,8404,8405],{"class":301},"\"task-summary\"",[277,8407,305],{"class":283},[277,8409,8410,8412,8414,8416,8418],{"class":279,"line":919},[277,8411,829],{"class":283},[277,8413,21],{"class":287},[277,8415,6367],{"class":283},[277,8417,21],{"class":287},[277,8419,305],{"class":283},[277,8421,8422,8424,8426,8428,8430,8433],{"class":279,"line":929},[277,8423,829],{"class":283},[277,8425,21],{"class":287},[277,8427,834],{"class":291},[277,8429,298],{"class":283},[277,8431,8432],{"class":301},"\"totalTasks !== null\"",[277,8434,305],{"class":283},[277,8436,8437],{"class":279,"line":934},[277,8438,8439],{"class":283}," Tareas registradas: {{ totalTasks }}\n",[277,8441,8442,8444,8446],{"class":279,"line":951},[277,8443,922],{"class":283},[277,8445,21],{"class":287},[277,8447,305],{"class":283},[277,8449,8450,8452,8454],{"class":279,"line":961},[277,8451,954],{"class":283},[277,8453,4121],{"class":287},[277,8455,305],{"class":283},[277,8457,8458,8460,8462],{"class":279,"line":1473},[277,8459,785],{"class":283},[277,8461,802],{"class":287},[277,8463,305],{"class":283},[267,8465,8467],{"className":269,"code":8466,"filename":971,"language":272,"meta":273,"style":273},"\u003Cscript>\nexport default {\n data() {\n return {\n status: 'Cargando estado...',\n totalTasks: null,\n controller: null\n }\n },\n\n mounted() {\n this.syncOnlineStatus()\n window.addEventListener('online', this.syncOnlineStatus)\n window.addEventListener('offline', this.syncOnlineStatus)\n void this.loadSummary()\n },\n\n beforeUnmount() {\n window.removeEventListener('online', this.syncOnlineStatus)\n window.removeEventListener('offline', this.syncOnlineStatus)\n this.controller?.abort()\n },\n\n unmounted() {\n console.info('TaskSummary ya salió del árbol')\n },\n\n methods: {\n syncOnlineStatus() {\n this.status = navigator.onLine ? 'En línea' : 'Sin conexión'\n },\n\n async loadSummary() {\n this.controller = new AbortController()\n\n try {\n const response = await fetch('/api/tasks/summary', {\n signal: this.controller.signal\n })\n\n const data = await response.json()\n this.totalTasks = data.total\n }\n catch (error) {\n if (error instanceof DOMException && error.name === 'AbortError') {\n return\n }\n\n console.error('No se pudo cargar el resumen', error)\n }\n }\n }\n}\n\u003C/script>\n\n\u003Ctemplate>\n \u003Csection class=\"task-summary\">\n \u003Cp>{{ status }}\u003C/p>\n \u003Cp v-if=\"totalTasks !== null\">\n Tareas registradas: {{ totalTasks }}\n \u003C/p>\n \u003C/section>\n\u003C/template>\n",[16,8468,8469,8477,8485,8491,8497,8505,8514,8522,8526,8530,8534,8540,8551,8569,8585,8598,8602,8606,8613,8629,8645,8656,8660,8664,8671,8683,8687,8691,8695,8702,8720,8724,8728,8736,8751,8755,8762,8780,8790,8795,8799,8815,8827,8831,8838,8859,8864,8869,8873,8886,8890,8894,8898,8902,8910,8914,8922,8936,8948,8962,8966,8974,8982],{"__ignoreMap":273},[277,8470,8471,8473,8475],{"class":279,"line":280},[277,8472,284],{"class":283},[277,8474,288],{"class":287},[277,8476,305],{"class":283},[277,8478,8479,8481,8483],{"class":279,"line":308},[277,8480,1057],{"class":311},[277,8482,1060],{"class":311},[277,8484,343],{"class":283},[277,8486,8487,8489],{"class":279,"line":324},[277,8488,1086],{"class":291},[277,8490,473],{"class":283},[277,8492,8493,8495],{"class":279,"line":331},[277,8494,1093],{"class":311},[277,8496,343],{"class":283},[277,8498,8499,8501,8503],{"class":279,"line":346},[277,8500,6620],{"class":283},[277,8502,7953],{"class":301},[277,8504,1077],{"class":283},[277,8506,8507,8510,8512],{"class":279,"line":360},[277,8508,8509],{"class":283}," totalTasks: ",[277,8511,430],{"class":356},[277,8513,1077],{"class":283},[277,8515,8516,8519],{"class":279,"line":371},[277,8517,8518],{"class":283}," controller: ",[277,8520,8521],{"class":356},"null\n",[277,8523,8524],{"class":279,"line":381},[277,8525,1126],{"class":283},[277,8527,8528],{"class":279,"line":391},[277,8529,1131],{"class":283},[277,8531,8532],{"class":279,"line":397},[277,8533,328],{"emptyLinePlaceholder":327},[277,8535,8536,8538],{"class":279,"line":402},[277,8537,6784],{"class":291},[277,8539,473],{"class":283},[277,8541,8542,8544,8546,8549],{"class":279,"line":436},[277,8543,4724],{"class":356},[277,8545,104],{"class":283},[277,8547,8548],{"class":291},"syncOnlineStatus",[277,8550,622],{"class":283},[277,8552,8553,8556,8558,8560,8562,8564,8566],{"class":279,"line":456},[277,8554,8555],{"class":283}," window.",[277,8557,8252],{"class":291},[277,8559,448],{"class":283},[277,8561,8257],{"class":301},[277,8563,225],{"class":283},[277,8565,1341],{"class":356},[277,8567,8568],{"class":283},".syncOnlineStatus)\n",[277,8570,8571,8573,8575,8577,8579,8581,8583],{"class":279,"line":461},[277,8572,8555],{"class":283},[277,8574,8252],{"class":291},[277,8576,448],{"class":283},[277,8578,8271],{"class":301},[277,8580,225],{"class":283},[277,8582,1341],{"class":356},[277,8584,8568],{"class":283},[277,8586,8587,8589,8591,8593,8596],{"class":279,"line":476},[277,8588,6111],{"class":311},[277,8590,1268],{"class":356},[277,8592,104],{"class":283},[277,8594,8595],{"class":291},"loadSummary",[277,8597,622],{"class":283},[277,8599,8600],{"class":279,"line":500},[277,8601,1131],{"class":283},[277,8603,8604],{"class":279,"line":505},[277,8605,328],{"emptyLinePlaceholder":327},[277,8607,8608,8611],{"class":279,"line":520},[277,8609,8610],{"class":291}," beforeUnmount",[277,8612,473],{"class":283},[277,8614,8615,8617,8619,8621,8623,8625,8627],{"class":279,"line":539},[277,8616,8555],{"class":283},[277,8618,8308],{"class":291},[277,8620,448],{"class":283},[277,8622,8257],{"class":301},[277,8624,225],{"class":283},[277,8626,1341],{"class":356},[277,8628,8568],{"class":283},[277,8630,8631,8633,8635,8637,8639,8641,8643],{"class":279,"line":545},[277,8632,8555],{"class":283},[277,8634,8308],{"class":291},[277,8636,448],{"class":283},[277,8638,8271],{"class":301},[277,8640,225],{"class":283},[277,8642,1341],{"class":356},[277,8644,8568],{"class":283},[277,8646,8647,8649,8652,8654],{"class":279,"line":550},[277,8648,4724],{"class":356},[277,8650,8651],{"class":283},".controller?.",[277,8653,8334],{"class":291},[277,8655,622],{"class":283},[277,8657,8658],{"class":279,"line":578},[277,8659,1131],{"class":283},[277,8661,8662],{"class":279,"line":583},[277,8663,328],{"emptyLinePlaceholder":327},[277,8665,8666,8669],{"class":279,"line":588},[277,8667,8668],{"class":291}," unmounted",[277,8670,473],{"class":283},[277,8672,8673,8675,8677,8679,8681],{"class":279,"line":606},[277,8674,2881],{"class":283},[277,8676,3266],{"class":291},[277,8678,448],{"class":283},[277,8680,8366],{"class":301},[277,8682,433],{"class":283},[277,8684,8685],{"class":279,"line":614},[277,8686,1131],{"class":283},[277,8688,8689],{"class":279,"line":625},[277,8690,328],{"emptyLinePlaceholder":327},[277,8692,8693],{"class":279,"line":637},[277,8694,1140],{"class":283},[277,8696,8697,8700],{"class":279,"line":646},[277,8698,8699],{"class":291}," syncOnlineStatus",[277,8701,473],{"class":283},[277,8703,8704,8706,8708,8710,8712,8714,8716,8718],{"class":279,"line":668},[277,8705,1212],{"class":356},[277,8707,6821],{"class":283},[277,8709,298],{"class":311},[277,8711,8028],{"class":283},[277,8713,2285],{"class":311},[277,8715,8033],{"class":301},[277,8717,6244],{"class":311},[277,8719,8038],{"class":301},[277,8721,8722],{"class":279,"line":673},[277,8723,7016],{"class":283},[277,8725,8726],{"class":279,"line":679},[277,8727,328],{"emptyLinePlaceholder":327},[277,8729,8730,8732,8734],{"class":279,"line":684},[277,8731,1145],{"class":311},[277,8733,8055],{"class":291},[277,8735,473],{"class":283},[277,8737,8738,8740,8743,8745,8747,8749],{"class":279,"line":700},[277,8739,1212],{"class":356},[277,8741,8742],{"class":283},".controller ",[277,8744,298],{"class":311},[277,8746,526],{"class":311},[277,8748,7998],{"class":291},[277,8750,622],{"class":283},[277,8752,8753],{"class":279,"line":717},[277,8754,328],{"emptyLinePlaceholder":327},[277,8756,8757,8760],{"class":279,"line":722},[277,8758,8759],{"class":311}," try",[277,8761,343],{"class":283},[277,8763,8764,8766,8768,8770,8772,8774,8776,8778],{"class":279,"line":729},[277,8765,2774],{"class":311},[277,8767,482],{"class":356},[277,8769,340],{"class":311},[277,8771,487],{"class":311},[277,8773,490],{"class":291},[277,8775,448],{"class":283},[277,8777,8097],{"class":301},[277,8779,2360],{"class":283},[277,8781,8782,8785,8787],{"class":279,"line":738},[277,8783,8784],{"class":283}," signal: ",[277,8786,1341],{"class":356},[277,8788,8789],{"class":283},".controller.signal\n",[277,8791,8792],{"class":279,"line":747},[277,8793,8794],{"class":283}," })\n",[277,8796,8797],{"class":279,"line":754},[277,8798,328],{"emptyLinePlaceholder":327},[277,8800,8801,8803,8805,8807,8809,8811,8813],{"class":279,"line":772},[277,8802,2774],{"class":311},[277,8804,5978],{"class":356},[277,8806,340],{"class":311},[277,8808,487],{"class":311},[277,8810,563],{"class":283},[277,8812,566],{"class":291},[277,8814,622],{"class":283},[277,8816,8817,8820,8823,8825],{"class":279,"line":777},[277,8818,8819],{"class":356}," this",[277,8821,8822],{"class":283},".totalTasks ",[277,8824,298],{"class":311},[277,8826,8152],{"class":283},[277,8828,8829],{"class":279,"line":782},[277,8830,1203],{"class":283},[277,8832,8833,8836],{"class":279,"line":792},[277,8834,8835],{"class":311}," catch",[277,8837,634],{"class":283},[277,8839,8840,8843,8845,8847,8849,8851,8853,8855,8857],{"class":279,"line":797},[277,8841,8842],{"class":311}," if",[277,8844,8170],{"class":283},[277,8846,652],{"class":311},[277,8848,8175],{"class":291},[277,8850,8178],{"class":311},[277,8852,8181],{"class":283},[277,8854,2503],{"class":311},[277,8856,8186],{"class":301},[277,8858,2476],{"class":283},[277,8860,8861],{"class":279,"line":807},[277,8862,8863],{"class":311}," return\n",[277,8865,8866],{"class":279,"line":826},[277,8867,8868],{"class":283}," }\n",[277,8870,8871],{"class":279,"line":849},[277,8872,328],{"emptyLinePlaceholder":327},[277,8874,8875,8878,8880,8882,8884],{"class":279,"line":854},[277,8876,8877],{"class":283}," console.",[277,8879,3349],{"class":291},[277,8881,448],{"class":283},[277,8883,8212],{"class":301},[277,8885,8215],{"class":283},[277,8887,8888],{"class":279,"line":876},[277,8889,1203],{"class":283},[277,8891,8892],{"class":279,"line":891},[277,8893,1126],{"class":283},[277,8895,8896],{"class":279,"line":905},[277,8897,542],{"class":283},[277,8899,8900],{"class":279,"line":919},[277,8901,394],{"class":283},[277,8903,8904,8906,8908],{"class":279,"line":929},[277,8905,785],{"class":283},[277,8907,288],{"class":287},[277,8909,305],{"class":283},[277,8911,8912],{"class":279,"line":934},[277,8913,328],{"emptyLinePlaceholder":327},[277,8915,8916,8918,8920],{"class":279,"line":951},[277,8917,284],{"class":283},[277,8919,802],{"class":287},[277,8921,305],{"class":283},[277,8923,8924,8926,8928,8930,8932,8934],{"class":279,"line":961},[277,8925,810],{"class":283},[277,8927,4121],{"class":287},[277,8929,816],{"class":291},[277,8931,298],{"class":283},[277,8933,8405],{"class":301},[277,8935,305],{"class":283},[277,8937,8938,8940,8942,8944,8946],{"class":279,"line":1473},[277,8939,829],{"class":283},[277,8941,21],{"class":287},[277,8943,6367],{"class":283},[277,8945,21],{"class":287},[277,8947,305],{"class":283},[277,8949,8950,8952,8954,8956,8958,8960],{"class":279,"line":1478},[277,8951,829],{"class":283},[277,8953,21],{"class":287},[277,8955,834],{"class":291},[277,8957,298],{"class":283},[277,8959,8432],{"class":301},[277,8961,305],{"class":283},[277,8963,8964],{"class":279,"line":1497},[277,8965,8439],{"class":283},[277,8967,8968,8970,8972],{"class":279,"line":1510},[277,8969,922],{"class":283},[277,8971,21],{"class":287},[277,8973,305],{"class":283},[277,8975,8976,8978,8980],{"class":279,"line":1523},[277,8977,954],{"class":283},[277,8979,4121],{"class":287},[277,8981,305],{"class":283},[277,8983,8984,8986,8988],{"class":279,"line":1536},[277,8985,785],{"class":283},[277,8987,802],{"class":287},[277,8989,305],{"class":283},[38,8991,8992,8997,9002],{},[41,8993,8994,8996],{},[16,8995,210],{}," abre recursos externos.",[41,8998,8999,9001],{},[16,9000,7572],{}," realiza la limpieza real.",[41,9003,9004,9006],{},[16,9005,7577],{}," deja una confirmación final de que el componente ya terminó de salir.",[30,9008,1596],{"id":1595},[38,9010,9011,9016,9021,9024],{},[41,9012,9013,9015],{},[16,9014,7514],{}," es el hook principal para limpiar lo que el componente abrió.",[41,9017,9018,9020],{},[16,9019,5294],{}," confirma que el desmontaje ya terminó.",[41,9022,9023],{},"Si el componente solo se oculta o queda cacheado, estos hooks pueden no ejecutarse.",[41,9025,9026],{},"El criterio más útil es simple: si registraste listeners, timers, observers o peticiones manuales, define también su cierre.",[1606,9028,3118],{},{"title":273,"searchDepth":308,"depth":308,"links":9030},[9031,9032,9033,9034,9035,9043,9048],{"id":60,"depth":308,"text":61},{"id":128,"depth":308,"text":129},{"id":155,"depth":308,"text":156},{"id":7714,"depth":308,"text":7715},{"id":189,"depth":308,"text":190,"children":9036},[9037,9039,9041,9042],{"id":7776,"depth":324,"text":9038},"1. Registrar recursos en mounted y olvidarse del cierre",{"id":7816,"depth":324,"text":9040},"2. Dejar toda la limpieza en unmounted",{"id":7836,"depth":324,"text":7837},{"id":7860,"depth":324,"text":7861},{"id":1945,"depth":308,"text":1946,"children":9044},[9045,9046,9047],{"id":7875,"depth":324,"text":7876},{"id":7882,"depth":324,"text":7883},{"id":7892,"depth":324,"text":7893},{"id":1595,"depth":308,"text":1596},"https://res.cloudinary.com/denj4fg7f/image/upload/v1773284773/vue-lifecycle-unmounting-phase-beforeunmount-unmounted_f9gqy0.png","Ilustración de la fase de desmontaje del ciclo de vida de Vue con beforeUnmount y unmounted","2026-03-12","Qué ocurre cuando un componente sale de pantalla y cómo usar beforeUnmount y unmounted para limpiar listeners, timers y efectos sin dejar fugas ni comportamientos extraños.",{"script":9054},[9055],{"type":1632,"key":1633,"data-nuxt-schema-org":327,"nodes":9056},[9057],{"headline":7505,"author":9058,"datePublished":9059,"@type":1640},{"name":1637,"@type":1638},"2026-03-11T22:00:00-05:00",{"updatedAt":9059,"coverCaption":9061,"author":1637,"keywords":9062},"La fase de desmontaje ocurre cuando Vue retira un componente del árbol activo",[1645,7514,5294,8295,9063],"cleanup","/blog/vue-lifecycle-unmounting-phase-beforeunmount-unmounted.es",[9066],{"headline":7505,"author":9067,"datePublished":9059,"@type":1640},{"name":1637,"@type":1638},{"title":7505,"description":9052},"blog/vue-lifecycle-unmounting-phase-beforeunmount-unmounted.es",[9071,9072,9073],{"tag":1660,"color":1661},{"tag":1668,"color":1669},{"tag":9074,"color":9075},"Básico","#B173BF","u3uA2hwr6vij4bD_x4aML_Z12BWGhGUVDPdFltud6TU",{"id":9078,"title":9079,"body":9080,"cover":10631,"coverAlt":10632,"date":10633,"description":10634,"draft":1627,"extension":1628,"head":10635,"locale":1641,"meta":10642,"navigation":327,"path":10646,"schemaOrg":10647,"seo":10650,"series":1653,"seriesDescription":1654,"seriesOrder":331,"seriesTitle":1655,"slug":1656,"stem":10651,"tags":10652,"__hash__":10658},"blog/blog/vue-lifecycle-update-phase-beforeupdate-updated.es.md","Ciclos de vida en Vue: fase de actualización (beforeUpdate, updated)",{"type":8,"value":9081,"toc":10619},[9082,9092,9098,9105,9108,9110,9113,9116,9132,9137,9149,9152,9182,9193,9198,9203,9205,9211,9213,9230,9238,9247,9249,9252,9258,9277,9287,9289,9298,9301,9310,9326,9333,9336,9428,9431,9438,9451,9457,9465,9468,9473,9477,9483,9486,9497,9500,9509,9511,9515,9518,9521,9524,9528,9535,9540,9544,9547,9630,9633,10108,10559,10571,10573,10616],[11,9083,9085,9086,225,9089,19],{"id":9084},"ciclos-de-vida-en-vue-fase-de-actualización-beforeupdate-updated","Ciclos de vida en Vue: fase de actualización (",[16,9087,9088],{},"beforeUpdate",[16,9090,9091],{},"updated",[21,9093,9094,9095,9097],{},"Muchos componentes no fallan al crearse ni al montarse. Fallan después, cuando el estado cambia y la interfaz empieza a re-renderizarse varias veces. Ahí aparecen mediciones incorrectas, efectos duplicados o hooks usados como si fueran un ",[16,9096,1735],{}," global.",[21,9099,9100,9101,9104],{},"La fase de actualización existe precisamente para entender ese momento: ",[72,9102,9103],{},"cuándo Vue todavía no ha reflejado el cambio en el DOM y cuándo ya terminó de hacerlo",". Si manejas bien esa diferencia, evitas código reactivo confuso y componentes que se vuelven difíciles de mantener.",[21,9106,9107],{},"En aplicaciones reales, muchos problemas de UI —scroll roto, mediciones incorrectas o integraciones con librerías externas que se desincronizan— aparecen justo en este punto del ciclo de vida.",[11,9109,61],{"id":60},[21,9111,9112],{},"Cada vez que una dependencia reactiva usada por el componente cambia, Vue programa una nueva renderización.",[21,9114,9115],{},"Durante ese proceso aparecen dos hooks:",[38,9117,9118,9125],{},[41,9119,9120,7552,9122,104],{},[16,9121,9088],{},[72,9123,9124],{},"después de que el estado cambió, pero antes de que Vue actualice el DOM",[41,9126,9127,7552,9129,104],{},[16,9128,9091],{},[72,9130,9131],{},"después de que Vue ya aplicó los cambios al DOM",[21,9133,110,9134,9136],{},[72,9135,271],{},", los equivalentes son:",[38,9138,9139,9144],{},[41,9140,9141],{},[16,9142,9143],{},"onBeforeUpdate()",[41,9145,9146],{},[16,9147,9148],{},"onUpdated()",[21,9150,9151],{},"La idea práctica es bastante simple:",[38,9153,9154,9162,9169],{},[41,9155,7642,9156,225,9159,9161],{},[72,9157,9158],{},"ver el estado anterior del DOM antes de que cambie",[16,9160,9088],{}," es el momento.",[41,9163,7642,9164,225,9167,9161],{},[72,9165,9166],{},"leer o manipular el DOM ya actualizado",[16,9168,9091],{},[41,9170,9171,9172,9175,9176,9178,9179,9181],{},"Si lo que quieres es ",[72,9173,9174],{},"reaccionar a un dato concreto",", normalmente un ",[16,9177,1735],{}," o un ",[16,9180,1732],{}," será más claro que cualquiera de estos hooks.",[21,9183,9184,9185,9188,9189,9192],{},"También conviene recordar algo importante: ",[72,9186,9187],{},"Vue agrupa cambios reactivos y actualizaciones del DOM",". Esto significa que estos hooks no expresan ",[3292,9190,9191],{},"\"cambió esta variable\"",", sino algo más amplio:",[3111,9194,9195],{},[21,9196,9197],{},"\"El componente está entrando o saliendo de un ciclo completo de actualización.\"",[21,9199,9200,9201,104],{},"Por eso no son buenos sustitutos de ",[16,9202,1735],{},[11,9204,129],{"id":128},[21,9206,9207,9208,104],{},"La fase de actualización encaja bien cuando tu lógica depende del ",[72,9209,9210],{},"paso entre un render y el siguiente",[21,9212,3305],{},[38,9214,9215,9218,9221,9224,9227],{},[41,9216,9217],{},"Comparar el DOM visible antes y después de una actualización.",[41,9219,9220],{},"Ajustar scroll o foco después de que cambió una lista renderizada.",[41,9222,9223],{},"Recalcular una integración con una librería externa cuando el marcado ya está actualizado.",[41,9225,9226],{},"Sincronizar layouts dinámicos.",[41,9228,9229],{},"Depurar renderizados excesivos o entender por qué una vista se está refrescando.",[21,9231,9232,9234,9235,104],{},[16,9233,9088],{}," suele ser útil cuando quieres ",[72,9236,9237],{},"leer o limpiar algo del DOM anterior antes de que Vue lo reemplace",[21,9239,9240,9242,9243,9246],{},[16,9241,9091],{}," tiene sentido cuando necesitas ",[72,9244,9245],{},"confirmar que el HTML ya refleja el nuevo estado"," y solo entonces medir, desplazar o sincronizar una librería.",[11,9248,156],{"id":155},[21,9250,9251],{},"No todo cambio reactivo necesita estos hooks.",[21,9253,7664,9254,1697,9256,7669],{},[16,9255,9088],{},[16,9257,9091],{},[38,9259,9260,9263,9268,9271],{},[41,9261,9262],{},"Solo quieres reaccionar a una propiedad concreta.",[41,9264,9265,9266,104],{},"Puedes resolver el problema con ",[16,9267,1732],{},[41,9269,9270],{},"La lógica no depende del DOM.",[41,9272,9273,9274,9276],{},"Estás pensando en ",[16,9275,9091],{}," para disparar más cambios de estado sin una condición clara.",[21,9278,9279,9280,9282,9283,9286],{},"En especial, ",[16,9281,9091],{}," puede volverse peligroso si dentro cambias el mismo estado que provocó el render. Ahí es donde nacen los ",[72,9284,9285],{},"bucles de actualización"," o los renders innecesarios.",[11,9288,190],{"id":189},[30,9290,9292,9293,9295,9296],{"id":9291},"usar-updated-como-reemplazo-de-watch","Usar ",[16,9294,9091],{}," como reemplazo de ",[16,9297,1735],{},[21,9299,9300],{},"Es un error muy frecuente.",[21,9302,9303,9305,9306,9309],{},[16,9304,9091],{}," se ejecuta ",[72,9307,9308],{},"cuando el componente ya se volvió a renderizar",", no cuando una variable específica cambió con intención semántica.",[21,9311,9312,9313,225,9316,225,9319,9322,9323,9325],{},"Si necesitas reaccionar a ",[16,9314,9315],{},"search",[16,9317,9318],{},"page",[16,9320,9321],{},"filters"," o cualquier dato concreto, un ",[16,9324,1735],{}," comunica mejor el objetivo y reduce trabajo innecesario.",[30,9327,9329,9330,9332],{"id":9328},"modificar-estado-dentro-de-updated-sin-control","Modificar estado dentro de ",[16,9331,9091],{}," sin control",[21,9334,9335],{},"Este es el camino clásico hacia un bucle:",[267,9337,9341],{"className":269,"code":9338,"filename":9339,"highlights":9340,"language":272,"meta":273,"style":273},"\u003Cscript setup lang=\"ts\">\nimport { onUpdated, ref } from 'vue'\n\nconst count = ref(0)\n\nonUpdated(() => {\n count.value++\n})\n\u003C/script>\n","App.vue",[360],[16,9342,9343,9359,9370,9374,9391,9395,9408,9416,9420],{"__ignoreMap":273},[277,9344,9345,9347,9349,9351,9353,9355,9357],{"class":279,"line":280},[277,9346,284],{"class":283},[277,9348,288],{"class":287},[277,9350,292],{"class":291},[277,9352,295],{"class":291},[277,9354,298],{"class":283},[277,9356,302],{"class":301},[277,9358,305],{"class":283},[277,9360,9361,9363,9366,9368],{"class":279,"line":308},[277,9362,312],{"class":311},[277,9364,9365],{"class":283}," { onUpdated, ref } ",[277,9367,318],{"class":311},[277,9369,321],{"class":301},[277,9371,9372],{"class":279,"line":324},[277,9373,328],{"emptyLinePlaceholder":327},[277,9375,9376,9378,9381,9383,9385,9387,9389],{"class":279,"line":331},[277,9377,405],{"class":311},[277,9379,9380],{"class":356}," count",[277,9382,340],{"class":311},[277,9384,413],{"class":291},[277,9386,448],{"class":283},[277,9388,3542],{"class":356},[277,9390,433],{"class":283},[277,9392,9393],{"class":279,"line":346},[277,9394,328],{"emptyLinePlaceholder":327},[277,9396,9399,9402,9404,9406],{"class":9397,"line":360},[279,9398],"highlight",[277,9400,9401],{"class":291},"onUpdated",[277,9403,2203],{"class":283},[277,9405,601],{"class":311},[277,9407,343],{"class":283},[277,9409,9410,9413],{"class":279,"line":371},[277,9411,9412],{"class":283}," count.value",[277,9414,9415],{"class":311},"++\n",[277,9417,9418],{"class":279,"line":381},[277,9419,676],{"class":283},[277,9421,9422,9424,9426],{"class":279,"line":391},[277,9423,785],{"class":283},[277,9425,288],{"class":287},[277,9427,305],{"class":283},[21,9429,9430],{},"Cada actualización provoca otra actualización.",[21,9432,9433,9434,9437],{},"Si necesitas corregir estado, hazlo con una ",[72,9435,9436],{},"condición muy clara"," o mueve esa lógica a:",[38,9439,9440,9444,9448],{},[41,9441,9442],{},[16,9443,1735],{},[41,9445,9446],{},[16,9447,1732],{},[41,9449,9450],{},"la acción que origina el cambio",[30,9452,9454,9455],{"id":9453},"leer-el-dom-nuevo-en-beforeupdate","Leer el DOM nuevo en ",[16,9456,9088],{},[21,9458,110,9459,9461,9462,104],{},[16,9460,9088],{}," el DOM visible todavía representa el ",[72,9463,9464],{},"render anterior",[21,9466,9467],{},"Si mides ahí esperando el nuevo tamaño, el dato será viejo.",[21,9469,9470,9471,104],{},"Para leer el resultado final del render, usa ",[16,9472,9091],{},[30,9474,9476],{"id":9475},"meter-lógica-pesada-en-cada-actualización","Meter lógica pesada en cada actualización",[21,9478,9479,9480,104],{},"Estos hooks pueden dispararse ",[72,9481,9482],{},"muchas veces",[21,9484,9485],{},"Si dentro colocas:",[38,9487,9488,9491,9494],{},[41,9489,9490],{},"Cálculos costosos",[41,9492,9493],{},"Integraciones pesadas",[41,9495,9496],{},"Consultas repetidas al DOM",[21,9498,9499],{},"El componente se degradará rápido.",[3111,9501,9502],{},[21,9503,9504,9505,9508],{},"Si una tarea no necesita ejecutarse en ",[72,9506,9507],{},"cada render",", probablemente no debería vivir aquí.",[11,9510,1946],{"id":1945},[30,9512,9514],{"id":9513},"mantener-el-scroll-pegado-al-final-en-un-chat","Mantener el scroll pegado al final en un chat",[21,9516,9517],{},"Cuando llega un mensaje nuevo, el array cambia primero y el DOM se actualiza después.",[21,9519,9520],{},"Si haces scroll demasiado pronto, todavía no existe la nueva altura del contenedor.",[21,9522,9523],{},"La solución es esperar al momento en que el DOM ya fue actualizado.",[30,9525,9527],{"id":9526},"recalcular-una-librería-visual-después-de-actualizar-una-lista","Recalcular una librería visual después de actualizar una lista",[21,9529,9530,9531,9534],{},"Algunas librerías (diagramas, grids, tooltips o librerías de layout) necesitan que ",[72,9532,9533],{},"el markup ya esté en pantalla"," antes de recalcular posiciones o tamaños.",[21,9536,9537,9539],{},[16,9538,9091],{}," permite ejecutar esa sincronización justo después del render.",[30,9541,9543],{"id":9542},"detectar-renderizados-repetidos-durante-depuración","Detectar renderizados repetidos durante depuración",[21,9545,9546],{},"Estos hooks también sirven para entender si un componente se actualiza más de lo esperado.",[267,9548,9551],{"className":269,"code":9549,"filename":9339,"highlights":9550,"language":272,"meta":273,"style":273},"\u003Cscript>\nonBeforeUpdate(() => {\n console.log('El componente está a punto de actualizarse')\n})\n\nonUpdated(() => {\n console.log('El componente terminó de actualizarse')\n})\n\u003C/script>\n",[308,360],[16,9552,9553,9561,9573,9586,9590,9594,9605,9618,9622],{"__ignoreMap":273},[277,9554,9555,9557,9559],{"class":279,"line":280},[277,9556,284],{"class":283},[277,9558,288],{"class":287},[277,9560,305],{"class":283},[277,9562,9564,9567,9569,9571],{"class":9563,"line":308},[279,9398],[277,9565,9566],{"class":291},"onBeforeUpdate",[277,9568,2203],{"class":283},[277,9570,601],{"class":311},[277,9572,343],{"class":283},[277,9574,9575,9577,9579,9581,9584],{"class":279,"line":324},[277,9576,2349],{"class":283},[277,9578,2352],{"class":291},[277,9580,448],{"class":283},[277,9582,9583],{"class":301},"'El componente está a punto de actualizarse'",[277,9585,433],{"class":283},[277,9587,9588],{"class":279,"line":331},[277,9589,676],{"class":283},[277,9591,9592],{"class":279,"line":346},[277,9593,328],{"emptyLinePlaceholder":327},[277,9595,9597,9599,9601,9603],{"class":9596,"line":360},[279,9398],[277,9598,9401],{"class":291},[277,9600,2203],{"class":283},[277,9602,601],{"class":311},[277,9604,343],{"class":283},[277,9606,9607,9609,9611,9613,9616],{"class":279,"line":371},[277,9608,2349],{"class":283},[277,9610,2352],{"class":291},[277,9612,448],{"class":283},[277,9614,9615],{"class":301},"'El componente terminó de actualizarse'",[277,9617,433],{"class":283},[277,9619,9620],{"class":279,"line":381},[277,9621,676],{"class":283},[277,9623,9624,9626,9628],{"class":279,"line":391},[277,9625,785],{"class":283},[277,9627,288],{"class":287},[277,9629,305],{"class":283},[21,9631,9632],{},"Esto ayuda a detectar dependencias reactivas que provocan renders innecesarios.",[267,9634,9636],{"className":269,"code":9635,"filename":271,"language":272,"meta":273,"style":273},"\u003Cscript setup lang=\"ts\">\nimport { onBeforeUpdate, onUpdated, ref } from 'vue'\n\nconst messages = ref([\n { id: 1, text: 'Primer mensaje' },\n { id: 2, text: 'Segundo mensaje' }\n])\n\nconst listRef = ref\u003CHTMLOListElement | null>(null)\nconst previousHeight = ref(0)\n\nfunction addMessage() {\n messages.value.push({\n id: Date.now(),\n text: `Mensaje ${messages.value.length + 1}`\n })\n}\n\nonBeforeUpdate(() => {\n previousHeight.value = listRef.value?.scrollHeight ?? 0\n})\n\nonUpdated(() => {\n if (!listRef.value) return\n\n const nextHeight = listRef.value.scrollHeight\n\n if (nextHeight > previousHeight.value) {\n listRef.value.scrollTop = nextHeight\n }\n})\n\u003C/script>\n\n\u003Ctemplate>\n \u003Csection class=\"chat-panel\">\n \u003Cbutton @click=\"addMessage\">\n Agregar mensaje\n \u003C/button>\n\n \u003Col\n ref=\"listRef\"\n class=\"messages\"\n >\n \u003Cli\n v-for=\"message in messages\"\n :key=\"message.id\"\n >\n {{ message.text }}\n \u003C/li>\n \u003C/ol>\n \u003C/section>\n\u003C/template>\n",[16,9637,9638,9654,9665,9669,9682,9696,9709,9713,9717,9743,9760,9764,9773,9783,9794,9823,9827,9831,9835,9845,9861,9865,9869,9879,9892,9896,9908,9912,9925,9935,9939,9943,9951,9955,9963,9978,9993,9998,10006,10010,10017,10027,10037,10042,10048,10057,10066,10070,10075,10083,10092,10100],{"__ignoreMap":273},[277,9639,9640,9642,9644,9646,9648,9650,9652],{"class":279,"line":280},[277,9641,284],{"class":283},[277,9643,288],{"class":287},[277,9645,292],{"class":291},[277,9647,295],{"class":291},[277,9649,298],{"class":283},[277,9651,302],{"class":301},[277,9653,305],{"class":283},[277,9655,9656,9658,9661,9663],{"class":279,"line":308},[277,9657,312],{"class":311},[277,9659,9660],{"class":283}," { onBeforeUpdate, onUpdated, ref } ",[277,9662,318],{"class":311},[277,9664,321],{"class":301},[277,9666,9667],{"class":279,"line":324},[277,9668,328],{"emptyLinePlaceholder":327},[277,9670,9671,9673,9676,9678,9680],{"class":279,"line":331},[277,9672,405],{"class":311},[277,9674,9675],{"class":356}," messages",[277,9677,340],{"class":311},[277,9679,413],{"class":291},[277,9681,2104],{"class":283},[277,9683,9684,9686,9688,9691,9694],{"class":279,"line":346},[277,9685,2109],{"class":283},[277,9687,2072],{"class":356},[277,9689,9690],{"class":283},", text: ",[277,9692,9693],{"class":301},"'Primer mensaje'",[277,9695,2132],{"class":283},[277,9697,9698,9700,9702,9704,9707],{"class":279,"line":360},[277,9699,2109],{"class":283},[277,9701,2139],{"class":356},[277,9703,9690],{"class":283},[277,9705,9706],{"class":301},"'Segundo mensaje'",[277,9708,2179],{"class":283},[277,9710,9711],{"class":279,"line":371},[277,9712,2184],{"class":283},[277,9714,9715],{"class":279,"line":381},[277,9716,328],{"emptyLinePlaceholder":327},[277,9718,9719,9721,9724,9726,9728,9730,9733,9735,9737,9739,9741],{"class":279,"line":391},[277,9720,405],{"class":311},[277,9722,9723],{"class":356}," listRef",[277,9725,340],{"class":311},[277,9727,413],{"class":291},[277,9729,284],{"class":283},[277,9731,9732],{"class":291},"HTMLOListElement",[277,9734,421],{"class":311},[277,9736,424],{"class":356},[277,9738,427],{"class":283},[277,9740,430],{"class":356},[277,9742,433],{"class":283},[277,9744,9745,9747,9750,9752,9754,9756,9758],{"class":279,"line":397},[277,9746,405],{"class":311},[277,9748,9749],{"class":356}," previousHeight",[277,9751,340],{"class":311},[277,9753,413],{"class":291},[277,9755,448],{"class":283},[277,9757,3542],{"class":356},[277,9759,433],{"class":283},[277,9761,9762],{"class":279,"line":402},[277,9763,328],{"emptyLinePlaceholder":327},[277,9765,9766,9768,9771],{"class":279,"line":436},[277,9767,2460],{"class":311},[277,9769,9770],{"class":291}," addMessage",[277,9772,473],{"class":283},[277,9774,9775,9778,9781],{"class":279,"line":456},[277,9776,9777],{"class":283}," messages.value.",[277,9779,9780],{"class":291},"push",[277,9782,1066],{"class":283},[277,9784,9785,9788,9791],{"class":279,"line":461},[277,9786,9787],{"class":283}," id: Date.",[277,9789,9790],{"class":291},"now",[277,9792,9793],{"class":283},"(),\n",[277,9795,9796,9799,9802,9805,9807,9809,9811,9814,9817,9820],{"class":279,"line":476},[277,9797,9798],{"class":283}," text: ",[277,9800,9801],{"class":301},"`Mensaje ${",[277,9803,9804],{"class":283},"messages",[277,9806,104],{"class":301},[277,9808,3885],{"class":283},[277,9810,104],{"class":301},[277,9812,9813],{"class":356},"length",[277,9815,9816],{"class":311}," +",[277,9818,9819],{"class":356}," 1",[277,9821,9822],{"class":301},"}`\n",[277,9824,9825],{"class":279,"line":500},[277,9826,2318],{"class":283},[277,9828,9829],{"class":279,"line":505},[277,9830,394],{"class":283},[277,9832,9833],{"class":279,"line":520},[277,9834,328],{"emptyLinePlaceholder":327},[277,9836,9837,9839,9841,9843],{"class":279,"line":539},[277,9838,9566],{"class":291},[277,9840,2203],{"class":283},[277,9842,601],{"class":311},[277,9844,343],{"class":283},[277,9846,9847,9850,9852,9855,9858],{"class":279,"line":545},[277,9848,9849],{"class":283}," previousHeight.value ",[277,9851,298],{"class":311},[277,9853,9854],{"class":283}," listRef.value?.scrollHeight ",[277,9856,9857],{"class":311},"??",[277,9859,9860],{"class":356}," 0\n",[277,9862,9863],{"class":279,"line":550},[277,9864,676],{"class":283},[277,9866,9867],{"class":279,"line":578},[277,9868,328],{"emptyLinePlaceholder":327},[277,9870,9871,9873,9875,9877],{"class":279,"line":583},[277,9872,9401],{"class":291},[277,9874,2203],{"class":283},[277,9876,601],{"class":311},[277,9878,343],{"class":283},[277,9880,9881,9883,9885,9887,9890],{"class":279,"line":588},[277,9882,508],{"class":311},[277,9884,511],{"class":283},[277,9886,514],{"class":311},[277,9888,9889],{"class":283},"listRef.value) ",[277,9891,714],{"class":311},[277,9893,9894],{"class":279,"line":606},[277,9895,328],{"emptyLinePlaceholder":327},[277,9897,9898,9900,9903,9905],{"class":279,"line":614},[277,9899,479],{"class":311},[277,9901,9902],{"class":356}," nextHeight",[277,9904,340],{"class":311},[277,9906,9907],{"class":283}," listRef.value.scrollHeight\n",[277,9909,9910],{"class":279,"line":625},[277,9911,328],{"emptyLinePlaceholder":327},[277,9913,9914,9916,9919,9922],{"class":279,"line":637},[277,9915,508],{"class":311},[277,9917,9918],{"class":283}," (nextHeight ",[277,9920,9921],{"class":311},">",[277,9923,9924],{"class":283}," previousHeight.value) {\n",[277,9926,9927,9930,9932],{"class":279,"line":646},[277,9928,9929],{"class":283}," listRef.value.scrollTop ",[277,9931,298],{"class":311},[277,9933,9934],{"class":283}," nextHeight\n",[277,9936,9937],{"class":279,"line":668},[277,9938,542],{"class":283},[277,9940,9941],{"class":279,"line":673},[277,9942,676],{"class":283},[277,9944,9945,9947,9949],{"class":279,"line":679},[277,9946,785],{"class":283},[277,9948,288],{"class":287},[277,9950,305],{"class":283},[277,9952,9953],{"class":279,"line":684},[277,9954,328],{"emptyLinePlaceholder":327},[277,9956,9957,9959,9961],{"class":279,"line":700},[277,9958,284],{"class":283},[277,9960,802],{"class":287},[277,9962,305],{"class":283},[277,9964,9965,9967,9969,9971,9973,9976],{"class":279,"line":717},[277,9966,810],{"class":283},[277,9968,4121],{"class":287},[277,9970,816],{"class":291},[277,9972,298],{"class":283},[277,9974,9975],{"class":301},"\"chat-panel\"",[277,9977,305],{"class":283},[277,9979,9980,9982,9984,9986,9988,9991],{"class":279,"line":722},[277,9981,829],{"class":283},[277,9983,4267],{"class":287},[277,9985,4278],{"class":291},[277,9987,298],{"class":283},[277,9989,9990],{"class":301},"\"addMessage\"",[277,9992,305],{"class":283},[277,9994,9995],{"class":279,"line":729},[277,9996,9997],{"class":283}," Agregar mensaje\n",[277,9999,10000,10002,10004],{"class":279,"line":738},[277,10001,922],{"class":283},[277,10003,4267],{"class":287},[277,10005,305],{"class":283},[277,10007,10008],{"class":279,"line":747},[277,10009,328],{"emptyLinePlaceholder":327},[277,10011,10012,10014],{"class":279,"line":754},[277,10013,829],{"class":283},[277,10015,10016],{"class":287},"ol\n",[277,10018,10019,10022,10024],{"class":279,"line":772},[277,10020,10021],{"class":291}," ref",[277,10023,298],{"class":283},[277,10025,10026],{"class":301},"\"listRef\"\n",[277,10028,10029,10032,10034],{"class":279,"line":777},[277,10030,10031],{"class":291}," class",[277,10033,298],{"class":283},[277,10035,10036],{"class":301},"\"messages\"\n",[277,10038,10039],{"class":279,"line":782},[277,10040,10041],{"class":283}," >\n",[277,10043,10044,10046],{"class":279,"line":792},[277,10045,879],{"class":283},[277,10047,6506],{"class":287},[277,10049,10050,10052,10054],{"class":279,"line":797},[277,10051,6511],{"class":291},[277,10053,298],{"class":283},[277,10055,10056],{"class":301},"\"message in messages\"\n",[277,10058,10059,10061,10063],{"class":279,"line":807},[277,10060,6521],{"class":291},[277,10062,298],{"class":283},[277,10064,10065],{"class":301},"\"message.id\"\n",[277,10067,10068],{"class":279,"line":826},[277,10069,4543],{"class":283},[277,10071,10072],{"class":279,"line":849},[277,10073,10074],{"class":283}," {{ message.text }}\n",[277,10076,10077,10079,10081],{"class":279,"line":854},[277,10078,4175],{"class":283},[277,10080,41],{"class":287},[277,10082,305],{"class":283},[277,10084,10085,10087,10090],{"class":279,"line":876},[277,10086,922],{"class":283},[277,10088,10089],{"class":287},"ol",[277,10091,305],{"class":283},[277,10093,10094,10096,10098],{"class":279,"line":891},[277,10095,954],{"class":283},[277,10097,4121],{"class":287},[277,10099,305],{"class":283},[277,10101,10102,10104,10106],{"class":279,"line":905},[277,10103,785],{"class":283},[277,10105,802],{"class":287},[277,10107,305],{"class":283},[267,10109,10111],{"className":269,"code":10110,"filename":6571,"language":272,"meta":273,"style":273},"\u003Cscript>\nexport default {\n data() {\n return {\n messages: [\n { id: 1, text: 'Primer mensaje' },\n { id: 2, text: 'Segundo mensaje' }\n ],\n previousHeight: 0\n }\n },\n\n methods: {\n addMessage() {\n this.messages.push({\n id: Date.now(),\n text: `Mensaje ${this.messages.length + 1}`\n })\n }\n },\n\n beforeUpdate() {\n if (this.$refs.listRef instanceof HTMLOListElement) {\n this.previousHeight = this.$refs.listRef.scrollHeight\n }\n },\n\n updated() {\n if (!(this.$refs.listRef instanceof HTMLOListElement)) {\n return\n }\n\n const nextHeight = this.$refs.listRef.scrollHeight\n\n if (nextHeight > this.previousHeight) {\n this.$refs.listRef.scrollTop = nextHeight\n }\n }\n}\n\u003C/script>\n\n\u003Ctemplate>\n \u003Csection class=\"chat-panel\">\n \u003Cbutton @click=\"addMessage\">\n Agregar mensaje\n \u003C/button>\n\n \u003Col\n ref=\"listRef\"\n class=\"messages\"\n >\n \u003Cli\n v-for=\"message in messages\"\n :key=\"message.id\"\n >\n {{ message.text }}\n \u003C/li>\n \u003C/ol>\n \u003C/section>\n\u003C/template>\n",[16,10112,10113,10121,10129,10135,10141,10146,10158,10170,10175,10182,10186,10190,10194,10198,10205,10216,10225,10248,10252,10256,10260,10264,10271,10289,10303,10307,10311,10315,10322,10343,10347,10351,10355,10367,10371,10384,10395,10399,10403,10407,10415,10419,10427,10441,10455,10459,10467,10471,10477,10485,10493,10497,10503,10511,10519,10523,10527,10535,10543,10551],{"__ignoreMap":273},[277,10114,10115,10117,10119],{"class":279,"line":280},[277,10116,284],{"class":283},[277,10118,288],{"class":287},[277,10120,305],{"class":283},[277,10122,10123,10125,10127],{"class":279,"line":308},[277,10124,1057],{"class":311},[277,10126,1060],{"class":311},[277,10128,343],{"class":283},[277,10130,10131,10133],{"class":279,"line":324},[277,10132,1086],{"class":291},[277,10134,473],{"class":283},[277,10136,10137,10139],{"class":279,"line":331},[277,10138,1093],{"class":311},[277,10140,343],{"class":283},[277,10142,10143],{"class":279,"line":346},[277,10144,10145],{"class":283}," messages: [\n",[277,10147,10148,10150,10152,10154,10156],{"class":279,"line":360},[277,10149,2664],{"class":283},[277,10151,2072],{"class":356},[277,10153,9690],{"class":283},[277,10155,9693],{"class":301},[277,10157,2132],{"class":283},[277,10159,10160,10162,10164,10166,10168],{"class":279,"line":371},[277,10161,2664],{"class":283},[277,10163,2139],{"class":356},[277,10165,9690],{"class":283},[277,10167,9706],{"class":301},[277,10169,2179],{"class":283},[277,10171,10172],{"class":279,"line":381},[277,10173,10174],{"class":283}," ],\n",[277,10176,10177,10180],{"class":279,"line":391},[277,10178,10179],{"class":283}," previousHeight: ",[277,10181,4692],{"class":356},[277,10183,10184],{"class":279,"line":397},[277,10185,1126],{"class":283},[277,10187,10188],{"class":279,"line":402},[277,10189,1131],{"class":283},[277,10191,10192],{"class":279,"line":436},[277,10193,328],{"emptyLinePlaceholder":327},[277,10195,10196],{"class":279,"line":456},[277,10197,1140],{"class":283},[277,10199,10200,10203],{"class":279,"line":461},[277,10201,10202],{"class":291}," addMessage",[277,10204,473],{"class":283},[277,10206,10207,10209,10212,10214],{"class":279,"line":476},[277,10208,1212],{"class":356},[277,10210,10211],{"class":283},".messages.",[277,10213,9780],{"class":291},[277,10215,1066],{"class":283},[277,10217,10218,10221,10223],{"class":279,"line":500},[277,10219,10220],{"class":283}," id: Date.",[277,10222,9790],{"class":291},[277,10224,9793],{"class":283},[277,10226,10227,10230,10232,10234,10236,10238,10240,10242,10244,10246],{"class":279,"line":505},[277,10228,10229],{"class":283}," text: ",[277,10231,9801],{"class":301},[277,10233,1341],{"class":356},[277,10235,104],{"class":301},[277,10237,9804],{"class":283},[277,10239,104],{"class":301},[277,10241,9813],{"class":356},[277,10243,9816],{"class":311},[277,10245,9819],{"class":356},[277,10247,9822],{"class":301},[277,10249,10250],{"class":279,"line":520},[277,10251,2853],{"class":283},[277,10253,10254],{"class":279,"line":539},[277,10255,1126],{"class":283},[277,10257,10258],{"class":279,"line":545},[277,10259,1131],{"class":283},[277,10261,10262],{"class":279,"line":550},[277,10263,328],{"emptyLinePlaceholder":327},[277,10265,10266,10269],{"class":279,"line":578},[277,10267,10268],{"class":291}," beforeUpdate",[277,10270,473],{"class":283},[277,10272,10273,10275,10277,10279,10282,10284,10287],{"class":279,"line":583},[277,10274,1336],{"class":311},[277,10276,511],{"class":283},[277,10278,1341],{"class":356},[277,10280,10281],{"class":283},".$refs.listRef ",[277,10283,652],{"class":311},[277,10285,10286],{"class":291}," HTMLOListElement",[277,10288,2476],{"class":283},[277,10290,10291,10293,10296,10298,10300],{"class":279,"line":588},[277,10292,1212],{"class":356},[277,10294,10295],{"class":283},".previousHeight ",[277,10297,298],{"class":311},[277,10299,1268],{"class":356},[277,10301,10302],{"class":283},".$refs.listRef.scrollHeight\n",[277,10304,10305],{"class":279,"line":606},[277,10306,1126],{"class":283},[277,10308,10309],{"class":279,"line":614},[277,10310,1131],{"class":283},[277,10312,10313],{"class":279,"line":625},[277,10314,328],{"emptyLinePlaceholder":327},[277,10316,10317,10320],{"class":279,"line":637},[277,10318,10319],{"class":291}," updated",[277,10321,473],{"class":283},[277,10323,10324,10326,10328,10330,10332,10334,10336,10338,10340],{"class":279,"line":646},[277,10325,1336],{"class":311},[277,10327,511],{"class":283},[277,10329,514],{"class":311},[277,10331,448],{"class":283},[277,10333,1341],{"class":356},[277,10335,10281],{"class":283},[277,10337,652],{"class":311},[277,10339,10286],{"class":291},[277,10341,10342],{"class":283},")) {\n",[277,10344,10345],{"class":279,"line":668},[277,10346,8193],{"class":311},[277,10348,10349],{"class":279,"line":673},[277,10350,1126],{"class":283},[277,10352,10353],{"class":279,"line":679},[277,10354,328],{"emptyLinePlaceholder":327},[277,10356,10357,10359,10361,10363,10365],{"class":279,"line":684},[277,10358,2233],{"class":311},[277,10360,9902],{"class":356},[277,10362,340],{"class":311},[277,10364,1268],{"class":356},[277,10366,10302],{"class":283},[277,10368,10369],{"class":279,"line":700},[277,10370,328],{"emptyLinePlaceholder":327},[277,10372,10373,10375,10377,10379,10381],{"class":279,"line":717},[277,10374,1336],{"class":311},[277,10376,9918],{"class":283},[277,10378,9921],{"class":311},[277,10380,1268],{"class":356},[277,10382,10383],{"class":283},".previousHeight) {\n",[277,10385,10386,10388,10391,10393],{"class":279,"line":722},[277,10387,1212],{"class":356},[277,10389,10390],{"class":283},".$refs.listRef.scrollTop ",[277,10392,298],{"class":311},[277,10394,9934],{"class":283},[277,10396,10397],{"class":279,"line":729},[277,10398,1126],{"class":283},[277,10400,10401],{"class":279,"line":738},[277,10402,542],{"class":283},[277,10404,10405],{"class":279,"line":747},[277,10406,394],{"class":283},[277,10408,10409,10411,10413],{"class":279,"line":754},[277,10410,785],{"class":283},[277,10412,288],{"class":287},[277,10414,305],{"class":283},[277,10416,10417],{"class":279,"line":772},[277,10418,328],{"emptyLinePlaceholder":327},[277,10420,10421,10423,10425],{"class":279,"line":777},[277,10422,284],{"class":283},[277,10424,802],{"class":287},[277,10426,305],{"class":283},[277,10428,10429,10431,10433,10435,10437,10439],{"class":279,"line":782},[277,10430,810],{"class":283},[277,10432,4121],{"class":287},[277,10434,816],{"class":291},[277,10436,298],{"class":283},[277,10438,9975],{"class":301},[277,10440,305],{"class":283},[277,10442,10443,10445,10447,10449,10451,10453],{"class":279,"line":792},[277,10444,829],{"class":283},[277,10446,4267],{"class":287},[277,10448,4278],{"class":291},[277,10450,298],{"class":283},[277,10452,9990],{"class":301},[277,10454,305],{"class":283},[277,10456,10457],{"class":279,"line":797},[277,10458,9997],{"class":283},[277,10460,10461,10463,10465],{"class":279,"line":807},[277,10462,922],{"class":283},[277,10464,4267],{"class":287},[277,10466,305],{"class":283},[277,10468,10469],{"class":279,"line":826},[277,10470,328],{"emptyLinePlaceholder":327},[277,10472,10473,10475],{"class":279,"line":849},[277,10474,829],{"class":283},[277,10476,10016],{"class":287},[277,10478,10479,10481,10483],{"class":279,"line":854},[277,10480,10021],{"class":291},[277,10482,298],{"class":283},[277,10484,10026],{"class":301},[277,10486,10487,10489,10491],{"class":279,"line":876},[277,10488,10031],{"class":291},[277,10490,298],{"class":283},[277,10492,10036],{"class":301},[277,10494,10495],{"class":279,"line":891},[277,10496,10041],{"class":283},[277,10498,10499,10501],{"class":279,"line":905},[277,10500,879],{"class":283},[277,10502,6506],{"class":287},[277,10504,10505,10507,10509],{"class":279,"line":919},[277,10506,6511],{"class":291},[277,10508,298],{"class":283},[277,10510,10056],{"class":301},[277,10512,10513,10515,10517],{"class":279,"line":929},[277,10514,6521],{"class":291},[277,10516,298],{"class":283},[277,10518,10065],{"class":301},[277,10520,10521],{"class":279,"line":934},[277,10522,4543],{"class":283},[277,10524,10525],{"class":279,"line":951},[277,10526,10074],{"class":283},[277,10528,10529,10531,10533],{"class":279,"line":961},[277,10530,4175],{"class":283},[277,10532,41],{"class":287},[277,10534,305],{"class":283},[277,10536,10537,10539,10541],{"class":279,"line":1473},[277,10538,922],{"class":283},[277,10540,10089],{"class":287},[277,10542,305],{"class":283},[277,10544,10545,10547,10549],{"class":279,"line":1478},[277,10546,954],{"class":283},[277,10548,4121],{"class":287},[277,10550,305],{"class":283},[277,10552,10553,10555,10557],{"class":279,"line":1497},[277,10554,785],{"class":283},[277,10556,802],{"class":287},[277,10558,305],{"class":283},[38,10560,10561,10566],{},[41,10562,10563,10565],{},[16,10564,9143],{}," guarda la altura del render anterior.",[41,10567,10568,10570],{},[16,10569,9148],{}," decide si debe ajustar el scroll una vez que el nuevo mensaje ya existe en el DOM.",[11,10572,1596],{"id":1595},[38,10574,10575,10583,10592,10600,10607],{},[41,10576,10577,10579,10580,104],{},[16,10578,9088],{}," te permite observar ",[72,10581,10582],{},"el punto justo antes del parche del DOM",[41,10584,10585,10587,10588,10591],{},[16,10586,9091],{}," sirve cuando ",[72,10589,10590],{},"la interfaz ya refleja el nuevo estado"," y necesitas actuar sobre ese resultado.",[41,10593,10594,10595,104],{},"Si el problema gira alrededor de un dato específico, ",[72,10596,10597,10599],{},[16,10598,1735],{}," suele ser más expresivo",[41,10601,10602,10603,10606],{},"Estos hooks describen ",[72,10604,10605],{},"el ciclo de actualización del componente",", no el cambio de una variable concreta.",[41,10608,10609,10610],{},"La regla más importante es esta: ",[72,10611,10612,10613,10615],{},"no conviertas ",[16,10614,9091],{}," en una máquina de mutar estado después de cada render.",[1606,10617,10618],{},"html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .s9eBZ, html code.shiki .s9eBZ{--shiki-default:#22863A;--shiki-dark:#85E89D}html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}html pre.shiki code .szBVR, html code.shiki .szBVR{--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}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":273,"searchDepth":308,"depth":308,"links":10620},[10621,10623,10625,10627,10628,10629,10630],{"id":9291,"depth":308,"text":10622},"Usar updated como reemplazo de watch",{"id":9328,"depth":308,"text":10624},"Modificar estado dentro de updated sin control",{"id":9453,"depth":308,"text":10626},"Leer el DOM nuevo en beforeUpdate",{"id":9475,"depth":308,"text":9476},{"id":9513,"depth":308,"text":9514},{"id":9526,"depth":308,"text":9527},{"id":9542,"depth":308,"text":9543},"https://res.cloudinary.com/denj4fg7f/image/upload/v1773284616/vue-lifecycle-update-phase-beforeupdate-updated_qql7os.png","Ilustración de la fase de actualización del ciclo de vida de Vue con beforeUpdate y updated","2026-03-11","Qué ocurre cuando Vue vuelve a renderizar un componente y cómo usar beforeUpdate y updated sin convertirlos en sustitutos de watch o computed.",{"script":10636},[10637],{"type":1632,"key":1633,"data-nuxt-schema-org":327,"nodes":10638},[10639],{"headline":9079,"author":10640,"datePublished":10641,"@type":1640},{"name":1637,"@type":1638},"2026-03-10T22:00:00-05:00",{"updatedAt":10641,"coverCaption":10643,"author":1637,"keywords":10644},"La fase de actualización ocurre cuando un cambio reactivo obliga a Vue a volver a renderizar el componente.",[1645,9088,9091,9401,10645],"renderizado","/blog/vue-lifecycle-update-phase-beforeupdate-updated.es",[10648],{"headline":9079,"author":10649,"datePublished":10641,"@type":1640},{"name":1637,"@type":1638},{"title":9079,"description":10634},"blog/vue-lifecycle-update-phase-beforeupdate-updated.es",[10653,10654,10655,10656,10657],{"tag":1660,"color":1661},{"tag":1668,"color":1669},{"tag":3164,"color":3165},{"tag":3167,"color":3168},{"tag":9074,"color":9075},"BvSqXgOtDk7Jc9IM_x1t20CsQnfFvA3bvtSIuI7nRx4",{"id":10660,"title":10661,"body":10662,"cover":11899,"coverAlt":11900,"date":11901,"description":11902,"draft":1627,"extension":1628,"head":11903,"locale":1641,"meta":11910,"navigation":327,"path":11914,"schemaOrg":11915,"seo":11918,"series":1653,"seriesDescription":1654,"seriesOrder":324,"seriesTitle":1655,"slug":1656,"stem":11919,"tags":11920,"__hash__":11925},"blog/blog/vue-lifecycle-mounting-phase-beforemount-mounted.es.md","Ciclos de vida en Vue: fase de montaje (beforeMount, mounted)",{"type":8,"value":10663,"toc":11878},[10664,10673,10679,10682,10684,10690,10693,10705,10708,10719,10722,10750,10762,10764,10767,10769,10783,10788,10799,10801,10804,10810,10842,10845,10847,10896,10911,10913,10919,10925,10928,10943,10948,10955,10965,10974,10979,11103,11110,11117,11120,11123,11140,11150,11288,11296,11300,11306,11315,11321,11323,11327,11332,11336,11341,11345,11348,11599,11838,11852,11854,11876],[11,10665,10667,10668,225,10671,19],{"id":10666},"ciclos-de-vida-en-vue-fase-de-montaje-beforemount-mounted","Ciclos de vida en Vue: fase de montaje (",[16,10669,10670],{},"beforeMount",[16,10672,203],{},[21,10674,10675,10676,10678],{},"Muchos problemas cotidianos en Vue tienen el mismo origen: intentar interactuar con el DOM demasiado pronto o concentrar en ",[16,10677,203],{}," lógica que en realidad podría ejecutarse antes.",[21,10680,10681],{},"La fase de montaje marca justamente esa frontera. Es el momento en el que Vue deja de preparar el componente “por dentro” y finalmente lo inserta en la página. Entender bien esa transición te ayuda a decidir cuándo enfocar un input, cuándo inicializar una librería externa y cuándo, simplemente, no necesitas ningún hook.",[30,10683,61],{"id":60},[21,10685,10686,10687,104],{},"Durante la fase de montaje, Vue ya tiene lista la reactividad del componente: props, estado, watchers y el árbol de renderizado ya están preparados. Lo que cambia en esta etapa es que ",[72,10688,10689],{},"el DOM real pasa a existir",[21,10691,10692],{},"Aquí aparecen dos hooks clásicos del ciclo de vida:",[38,10694,10695,10700],{},[41,10696,10697,10699],{},[16,10698,10670],{},": se ejecuta cuando Vue está a punto de montar el componente, pero el DOM real todavía no ha sido insertado.",[41,10701,10702,10704],{},[16,10703,203],{},": se ejecuta cuando el componente ya fue montado y puedes interactuar con nodos reales del DOM.",[21,10706,10707],{},"Si trabajas con Composition API, los equivalentes son:",[38,10709,10710,10715],{},[41,10711,10712],{},[16,10713,10714],{},"onBeforeMount()",[41,10716,10717],{},[16,10718,210],{},[21,10720,10721],{},"Una forma práctica de orientarse:",[38,10723,10724,10734,10742],{},[41,10725,10726,10727,10730,10731,104],{},"Si necesitas preparar ",[72,10728,10729],{},"estado o lógica que no depende del DOM",", normalmente eso pertenece a ",[16,10732,10733],{},"setup",[41,10735,7642,10736,10739,10740,104],{},[72,10737,10738],{},"interactuar con elementos reales de la interfaz",", el punto natural suele ser ",[16,10741,203],{},[41,10743,10744,10745,10747,10748,104],{},"Si estás considerando ",[16,10746,10670],{},", conviene revisar primero si ese código no encaja mejor antes, por ejemplo dentro de ",[16,10749,10733],{},[21,10751,10752,10753,10761],{},"Además, en aplicaciones con SSR, ",[72,10754,10755,10756,229,10758,10760],{},"ni ",[16,10757,10670],{},[16,10759,203],{}," se ejecutan en el servidor",". Son hooks que solo existen en el cliente.",[30,10763,129],{"id":128},[21,10765,10766],{},"La fase de montaje tiene sentido cuando el componente necesita cruzar la frontera entre el estado reactivo y el navegador real.",[21,10768,3305],{},[38,10770,10771,10774,10777,10780],{},[41,10772,10773],{},"Enfocar un campo de búsqueda cuando aparece la vista.",[41,10775,10776],{},"Inicializar una librería externa que necesita un contenedor del DOM (por ejemplo, un gráfico o un editor).",[41,10778,10779],{},"Medir tamaños, posiciones o scroll después del primer render.",[41,10781,10782],{},"Registrar integraciones con API del navegador que dependen de nodos reales.",[21,10784,10785,10787],{},[16,10786,10670],{}," tiene menos uso en la práctica, pero puede servir para:",[38,10789,10790,10793,10796],{},[41,10791,10792],{},"Dejar trazas o marcas de depuración antes del montaje.",[41,10794,10795],{},"Ajustar algún estado justo antes de que ocurra el primer render en el navegador.",[41,10797,10798],{},"Preparar integraciones que necesitan saber que el montaje es inminente, aunque todavía no interactúen con el DOM.",[30,10800,156],{"id":155},[21,10802,10803],{},"No todo debe resolverse en esta fase.",[21,10805,7664,10806,1697,10808,7669],{},[16,10807,10670],{},[16,10809,203],{},[38,10811,10812,10818,10830,10836],{},[41,10813,10814,10815,104],{},"Solo estás cargando datos que ",[72,10816,10817],{},"no dependen del DOM",[41,10819,10820,10821,10823,10824,10826,10827,104],{},"La lógica pertenece a un ",[16,10822,1735],{},", un ",[16,10825,1732],{}," o a un ",[72,10828,10829],{},"composable",[41,10831,10832,10833,10835],{},"Estás usando ",[16,10834,203],{}," como un cajón de sastre para “todo lo que faltó”.",[41,10837,10838,10839,104],{},"Necesitas lógica compatible con ",[72,10840,10841],{},"SSR desde el primer render",[21,10843,10844],{},"En especial, si el trabajo puede hacerse antes del montaje, suele ser mejor hacerlo antes. Así el componente llega más limpio a la pantalla y el primer render no carga con tareas innecesarias.",[30,10846,7715],{"id":7714},[5392,10848,10849,10864],{},[5395,10850,10851],{},[5398,10852,10853,10855,10858,10861],{},[5401,10854,5403],{},[5401,10856,10857],{},"Qué ya existe",[5401,10859,10860],{},"Qué todavía no deberías asumir",[5401,10862,10863],{},"Uso típico",[5414,10865,10866,10881],{},[5398,10867,10868,10872,10875,10878],{},[5419,10869,10870],{},[16,10871,10670],{},[5419,10873,10874],{},"Estado reactivo, props, métodos y render preparado",[5419,10876,10877],{},"DOM real disponible",[5419,10879,10880],{},"Lógica puntual previa al montaje",[5398,10882,10883,10887,10890,10893],{},[5419,10884,10885],{},[16,10886,203],{},[5419,10888,10889],{},"Componente insertado en el DOM",[5419,10891,10892],{},"Que librerías externas o procesos asíncronos ya hayan terminado",[5419,10894,10895],{},"Enfocar, medir, integrar APIs del navegador",[21,10897,10898,10899,10901,10902,10904,10905,10907,10908,104],{},"En la mayoría de proyectos modernos, ",[16,10900,203],{}," aparece con frecuencia y ",[16,10903,10670],{}," muy poco. Eso no significa que ",[16,10906,10670],{}," esté mal, sino que ",[72,10909,10910],{},"casi siempre existe un lugar mejor para esa lógica",[30,10912,190],{"id":189},[192,10914,10916,10917],{"id":10915},"_1-intentar-leer-o-modificar-el-dom-en-beforemount","1. Intentar leer o modificar el DOM en ",[16,10918,10670],{},[21,10920,10921,10922,10924],{},"Es un error clásico. En ",[16,10923,10670],{}," Vue está a punto de montar el componente, pero los nodos reales todavía no existen.",[21,10926,10927],{},"Si necesitas hacer algo como:",[38,10929,10930,10935,10940],{},[41,10931,10932],{},[16,10933,10934],{},"focus()",[41,10936,10937],{},[16,10938,10939],{},"getBoundingClientRect()",[41,10941,10942],{},"inicializar una librería sobre un contenedor",[21,10944,10945,10946,104],{},"Entonces debes esperar a ",[16,10947,203],{},[192,10949,10951,10952,10954],{"id":10950},"_2-mandar-a-mounted-cualquier-carga-inicial-por-costumbre","2. Mandar a ",[16,10953,203],{}," cualquier carga inicial por costumbre",[21,10956,10957,10958,10961,10962,10964],{},"No todo ",[16,10959,10960],{},"fetch"," debería vivir en ",[16,10963,203],{},". Si la petición no depende del DOM, puedes iniciarla antes y evitar retrasar la experiencia visual por una convención innecesaria.",[21,10966,10967,10969,10970,10973],{},[16,10968,203],{}," ",[72,10971,10972],{},"no es el hook principal",". Es simplemente el hook correcto cuando el navegador real entra en la conversación.",[21,10975,10976,10977,353],{},"Por ejemplo, este tipo de lógica no necesita ",[16,10978,203],{},[267,10980,10982],{"className":269,"code":10981,"filename":9339,"language":272,"meta":273,"style":273},"\u003Cscript setup lang=\"ts\">\nimport { ref } from 'vue'\n\nconst users = ref([])\n\nasync function loadUsers() {\n const res = await fetch('/api/users')\n users.value = await res.json()\n}\n\nloadUsers()\n\u003C/script>\n",[16,10983,10984,11000,11011,11015,11029,11033,11044,11064,11080,11084,11088,11095],{"__ignoreMap":273},[277,10985,10986,10988,10990,10992,10994,10996,10998],{"class":279,"line":280},[277,10987,284],{"class":283},[277,10989,288],{"class":287},[277,10991,292],{"class":291},[277,10993,295],{"class":291},[277,10995,298],{"class":283},[277,10997,302],{"class":301},[277,10999,305],{"class":283},[277,11001,11002,11004,11007,11009],{"class":279,"line":308},[277,11003,312],{"class":311},[277,11005,11006],{"class":283}," { ref } ",[277,11008,318],{"class":311},[277,11010,321],{"class":301},[277,11012,11013],{"class":279,"line":324},[277,11014,328],{"emptyLinePlaceholder":327},[277,11016,11017,11019,11022,11024,11026],{"class":279,"line":331},[277,11018,405],{"class":311},[277,11020,11021],{"class":356}," users",[277,11023,340],{"class":311},[277,11025,413],{"class":291},[277,11027,11028],{"class":283},"([])\n",[277,11030,11031],{"class":279,"line":346},[277,11032,328],{"emptyLinePlaceholder":327},[277,11034,11035,11037,11039,11042],{"class":279,"line":360},[277,11036,464],{"class":311},[277,11038,467],{"class":311},[277,11040,11041],{"class":291}," loadUsers",[277,11043,473],{"class":283},[277,11045,11046,11048,11051,11053,11055,11057,11059,11062],{"class":279,"line":371},[277,11047,479],{"class":311},[277,11049,11050],{"class":356}," res",[277,11052,340],{"class":311},[277,11054,487],{"class":311},[277,11056,490],{"class":291},[277,11058,448],{"class":283},[277,11060,11061],{"class":301},"'/api/users'",[277,11063,433],{"class":283},[277,11065,11066,11069,11071,11073,11076,11078],{"class":279,"line":381},[277,11067,11068],{"class":283}," users.value ",[277,11070,298],{"class":311},[277,11072,487],{"class":311},[277,11074,11075],{"class":283}," res.",[277,11077,566],{"class":291},[277,11079,622],{"class":283},[277,11081,11082],{"class":279,"line":391},[277,11083,394],{"class":283},[277,11085,11086],{"class":279,"line":397},[277,11087,328],{"emptyLinePlaceholder":327},[277,11089,11090,11093],{"class":279,"line":402},[277,11091,11092],{"class":291},"loadUsers",[277,11094,622],{"class":283},[277,11096,11097,11099,11101],{"class":279,"line":436},[277,11098,785],{"class":283},[277,11100,288],{"class":287},[277,11102,305],{"class":283},[3111,11104,11105],{},[21,11106,11107,11108,104],{},"Aquí la carga puede empezar directamente en ",[16,11109,10733],{},[192,11111,11113,11114,11116],{"id":11112},"_3-crear-listeners-o-timers-en-mounted-y-olvidarse-de-limpiarlos","3. Crear listeners o timers en ",[16,11115,203],{}," y olvidarse de limpiarlos",[21,11118,11119],{},"Este error no se nota en el montaje, pero aparece después.",[21,11121,11122],{},"Si registras:",[38,11124,11125,11128,11132,11136],{},[41,11126,11127],{},"eventos globales",[41,11129,11130],{},[16,11131,5508],{},[41,11133,11134],{},[16,11135,7628],{},[41,11137,11138],{},[16,11139,7803],{},[21,11141,11142,11143,11145,11146,118,11148,104],{},"en ",[16,11144,203],{},", deberías limpiarlos en ",[16,11147,7514],{},[16,11149,8295],{},[267,11151,11153],{"className":269,"code":11152,"filename":9339,"language":272,"meta":273,"style":273},"\u003Cscript setup lang=\"ts\">\nimport { onMounted, onBeforeUnmount } from 'vue'\n\nlet interval: number\n\nonMounted(() => {\n interval = window.setInterval(() => {\n console.log('tick')\n }, 1000)\n})\n\nonBeforeUnmount(() => {\n clearInterval(interval)\n})\n\u003C/script>\n",[16,11154,11155,11171,11182,11186,11197,11201,11211,11229,11242,11251,11255,11259,11269,11276,11280],{"__ignoreMap":273},[277,11156,11157,11159,11161,11163,11165,11167,11169],{"class":279,"line":280},[277,11158,284],{"class":283},[277,11160,288],{"class":287},[277,11162,292],{"class":291},[277,11164,295],{"class":291},[277,11166,298],{"class":283},[277,11168,302],{"class":301},[277,11170,305],{"class":283},[277,11172,11173,11175,11178,11180],{"class":279,"line":308},[277,11174,312],{"class":311},[277,11176,11177],{"class":283}," { onMounted, onBeforeUnmount } ",[277,11179,318],{"class":311},[277,11181,321],{"class":301},[277,11183,11184],{"class":279,"line":324},[277,11185,328],{"emptyLinePlaceholder":327},[277,11187,11188,11190,11193,11195],{"class":279,"line":331},[277,11189,7990],{"class":311},[277,11191,11192],{"class":283}," interval",[277,11194,353],{"class":311},[277,11196,357],{"class":356},[277,11198,11199],{"class":279,"line":346},[277,11200,328],{"emptyLinePlaceholder":327},[277,11202,11203,11205,11207,11209],{"class":279,"line":360},[277,11204,687],{"class":291},[277,11206,2203],{"class":283},[277,11208,601],{"class":311},[277,11210,343],{"class":283},[277,11212,11213,11216,11218,11221,11223,11225,11227],{"class":279,"line":371},[277,11214,11215],{"class":283}," interval ",[277,11217,298],{"class":311},[277,11219,11220],{"class":283}," window.",[277,11222,5508],{"class":291},[277,11224,2203],{"class":283},[277,11226,601],{"class":311},[277,11228,343],{"class":283},[277,11230,11231,11233,11235,11237,11240],{"class":279,"line":381},[277,11232,2881],{"class":283},[277,11234,2352],{"class":291},[277,11236,448],{"class":283},[277,11238,11239],{"class":301},"'tick'",[277,11241,433],{"class":283},[277,11243,11244,11246,11249],{"class":279,"line":391},[277,11245,6120],{"class":283},[277,11247,11248],{"class":356},"1000",[277,11250,433],{"class":283},[277,11252,11253],{"class":279,"line":397},[277,11254,676],{"class":283},[277,11256,11257],{"class":279,"line":402},[277,11258,328],{"emptyLinePlaceholder":327},[277,11260,11261,11263,11265,11267],{"class":279,"line":436},[277,11262,8295],{"class":291},[277,11264,2203],{"class":283},[277,11266,601],{"class":311},[277,11268,343],{"class":283},[277,11270,11271,11273],{"class":279,"line":456},[277,11272,6165],{"class":291},[277,11274,11275],{"class":283},"(interval)\n",[277,11277,11278],{"class":279,"line":461},[277,11279,676],{"class":283},[277,11281,11282,11284,11286],{"class":279,"line":476},[277,11283,785],{"class":283},[277,11285,288],{"class":287},[277,11287,305],{"class":283},[3111,11289,11290],{},[21,11291,11292,11293,104],{},"Montar bien también implica ",[72,11294,11295],{},"dejar preparado el desmontaje",[192,11297,11299],{"id":11298},"_4-asumir-que-estos-hooks-también-corren-en-ssr","4. Asumir que estos hooks también corren en SSR",[21,11301,11302,11303,104],{},"En Nuxt o en cualquier flujo con renderizado del lado del servidor, estos hooks ",[72,11304,11305],{},"solo se ejecutan en el cliente",[21,11307,11308,11309,11311,11312,104],{},"Si colocas lógica crítica del HTML inicial dentro de ",[16,11310,203],{},", esa lógica ",[72,11313,11314],{},"no formará parte del primer render del servidor",[21,11316,11317,11318,104],{},"En Nuxt, por ejemplo, las cargas de datos iniciales suelen vivir en composables o utilidades como ",[16,11319,11320],{},"useAsyncData",[30,11322,1946],{"id":1945},[192,11324,11326],{"id":11325},"enfocar-un-input-al-entrar-en-la-vista","Enfocar un input al entrar en la vista",[21,11328,11329,11330,104],{},"Es uno de los ejemplos más simples y útiles: necesitas que el elemento exista antes de llamar a ",[16,11331,10934],{},[192,11333,11335],{"id":11334},"inicializar-una-librería-de-terceros","Inicializar una librería de terceros",[21,11337,11338,11339,104],{},"Si usas un gráfico, un calendario o un editor enriquecido, la librería normalmente requiere un contenedor del DOM. Ese momento natural es ",[16,11340,203],{},[192,11342,11344],{"id":11343},"medir-un-bloque-después-del-primer-render","Medir un bloque después del primer render",[21,11346,11347],{},"Algunos componentes necesitan conocer su alto o ancho para decidir animaciones, layout o comportamiento de scroll. Esa medición también pertenece a la fase de montaje.",[267,11349,11351],{"className":269,"code":11350,"filename":271,"language":272,"meta":273,"style":273},"\u003Cscript setup lang=\"ts\">\nimport { onBeforeMount, onMounted, ref } from 'vue'\n\nconst searchInput = ref\u003CHTMLInputElement | null>(null)\nconst status = ref('Preparando componente...')\n\nonBeforeMount(() => {\n status.value = 'Vue ya preparó la instancia, pero el input todavía no existe en el DOM.'\n})\n\nonMounted(() => {\n searchInput.value?.focus()\n status.value = 'Componente montado. El input ya puede recibir foco.'\n})\n\u003C/script>\n\n\u003Ctemplate>\n \u003Csection class=\"search-panel\">\n \u003Cp>{{ status }}\u003C/p>\n\n \u003Cinput\n ref=\"searchInput\"\n type=\"search\"\n placeholder=\"Buscar tareas\"\n >\n \u003C/section>\n\u003C/template>\n",[16,11352,11353,11369,11380,11384,11410,11427,11431,11442,11451,11455,11459,11469,11479,11488,11492,11500,11504,11512,11527,11539,11543,11550,11559,11569,11579,11583,11591],{"__ignoreMap":273},[277,11354,11355,11357,11359,11361,11363,11365,11367],{"class":279,"line":280},[277,11356,284],{"class":283},[277,11358,288],{"class":287},[277,11360,292],{"class":291},[277,11362,295],{"class":291},[277,11364,298],{"class":283},[277,11366,302],{"class":301},[277,11368,305],{"class":283},[277,11370,11371,11373,11376,11378],{"class":279,"line":308},[277,11372,312],{"class":311},[277,11374,11375],{"class":283}," { onBeforeMount, onMounted, ref } ",[277,11377,318],{"class":311},[277,11379,321],{"class":301},[277,11381,11382],{"class":279,"line":324},[277,11383,328],{"emptyLinePlaceholder":327},[277,11385,11386,11388,11391,11393,11395,11397,11400,11402,11404,11406,11408],{"class":279,"line":331},[277,11387,405],{"class":311},[277,11389,11390],{"class":356}," searchInput",[277,11392,340],{"class":311},[277,11394,413],{"class":291},[277,11396,284],{"class":283},[277,11398,11399],{"class":291},"HTMLInputElement",[277,11401,421],{"class":311},[277,11403,424],{"class":356},[277,11405,427],{"class":283},[277,11407,430],{"class":356},[277,11409,433],{"class":283},[277,11411,11412,11414,11416,11418,11420,11422,11425],{"class":279,"line":346},[277,11413,405],{"class":311},[277,11415,5726],{"class":356},[277,11417,340],{"class":311},[277,11419,413],{"class":291},[277,11421,448],{"class":283},[277,11423,11424],{"class":301},"'Preparando componente...'",[277,11426,433],{"class":283},[277,11428,11429],{"class":279,"line":360},[277,11430,328],{"emptyLinePlaceholder":327},[277,11432,11433,11436,11438,11440],{"class":279,"line":371},[277,11434,11435],{"class":291},"onBeforeMount",[277,11437,2203],{"class":283},[277,11439,601],{"class":311},[277,11441,343],{"class":283},[277,11443,11444,11446,11448],{"class":279,"line":381},[277,11445,5943],{"class":283},[277,11447,298],{"class":311},[277,11449,11450],{"class":301}," 'Vue ya preparó la instancia, pero el input todavía no existe en el DOM.'\n",[277,11452,11453],{"class":279,"line":391},[277,11454,676],{"class":283},[277,11456,11457],{"class":279,"line":397},[277,11458,328],{"emptyLinePlaceholder":327},[277,11460,11461,11463,11465,11467],{"class":279,"line":402},[277,11462,687],{"class":291},[277,11464,2203],{"class":283},[277,11466,601],{"class":311},[277,11468,343],{"class":283},[277,11470,11471,11474,11477],{"class":279,"line":436},[277,11472,11473],{"class":283}," searchInput.value?.",[277,11475,11476],{"class":291},"focus",[277,11478,622],{"class":283},[277,11480,11481,11483,11485],{"class":279,"line":456},[277,11482,5943],{"class":283},[277,11484,298],{"class":311},[277,11486,11487],{"class":301}," 'Componente montado. El input ya puede recibir foco.'\n",[277,11489,11490],{"class":279,"line":461},[277,11491,676],{"class":283},[277,11493,11494,11496,11498],{"class":279,"line":476},[277,11495,785],{"class":283},[277,11497,288],{"class":287},[277,11499,305],{"class":283},[277,11501,11502],{"class":279,"line":500},[277,11503,328],{"emptyLinePlaceholder":327},[277,11505,11506,11508,11510],{"class":279,"line":505},[277,11507,284],{"class":283},[277,11509,802],{"class":287},[277,11511,305],{"class":283},[277,11513,11514,11516,11518,11520,11522,11525],{"class":279,"line":520},[277,11515,810],{"class":283},[277,11517,4121],{"class":287},[277,11519,816],{"class":291},[277,11521,298],{"class":283},[277,11523,11524],{"class":301},"\"search-panel\"",[277,11526,305],{"class":283},[277,11528,11529,11531,11533,11535,11537],{"class":279,"line":539},[277,11530,829],{"class":283},[277,11532,21],{"class":287},[277,11534,6367],{"class":283},[277,11536,21],{"class":287},[277,11538,305],{"class":283},[277,11540,11541],{"class":279,"line":545},[277,11542,328],{"emptyLinePlaceholder":327},[277,11544,11545,11547],{"class":279,"line":550},[277,11546,829],{"class":283},[277,11548,11549],{"class":287},"input\n",[277,11551,11552,11554,11556],{"class":279,"line":578},[277,11553,10021],{"class":291},[277,11555,298],{"class":283},[277,11557,11558],{"class":301},"\"searchInput\"\n",[277,11560,11561,11564,11566],{"class":279,"line":583},[277,11562,11563],{"class":291}," type",[277,11565,298],{"class":283},[277,11567,11568],{"class":301},"\"search\"\n",[277,11570,11571,11574,11576],{"class":279,"line":588},[277,11572,11573],{"class":291}," placeholder",[277,11575,298],{"class":283},[277,11577,11578],{"class":301},"\"Buscar tareas\"\n",[277,11580,11581],{"class":279,"line":606},[277,11582,10041],{"class":283},[277,11584,11585,11587,11589],{"class":279,"line":614},[277,11586,954],{"class":283},[277,11588,4121],{"class":287},[277,11590,305],{"class":283},[277,11592,11593,11595,11597],{"class":279,"line":625},[277,11594,785],{"class":283},[277,11596,802],{"class":287},[277,11598,305],{"class":283},[267,11600,11602],{"className":269,"code":11601,"filename":971,"language":272,"meta":273,"style":273},"\u003Cscript>\nexport default {\n data() {\n return {\n status: 'Preparando componente...'\n }\n },\n\n beforeMount() {\n this.status = 'Vue está a punto de insertar el DOM del componente.'\n },\n\n mounted() {\n this.status = 'Componente montado. El input ya puede recibir foco.'\n\n if (this.$refs.searchInput instanceof HTMLInputElement) {\n this.$refs.searchInput.focus()\n }\n }\n}\n\u003C/script>\n\n\u003Ctemplate>\n \u003Csection class=\"search-panel\">\n \u003Cp>{{ status }}\u003C/p>\n\n \u003Cinput\n ref=\"searchInput\"\n type=\"search\"\n placeholder=\"Buscar tareas\"\n >\n \u003C/section>\n\u003C/template>\n",[16,11603,11604,11612,11620,11626,11632,11639,11643,11647,11651,11658,11669,11673,11677,11683,11693,11697,11715,11726,11730,11734,11738,11746,11750,11758,11772,11784,11788,11794,11802,11810,11818,11822,11830],{"__ignoreMap":273},[277,11605,11606,11608,11610],{"class":279,"line":280},[277,11607,284],{"class":283},[277,11609,288],{"class":287},[277,11611,305],{"class":283},[277,11613,11614,11616,11618],{"class":279,"line":308},[277,11615,1057],{"class":311},[277,11617,1060],{"class":311},[277,11619,343],{"class":283},[277,11621,11622,11624],{"class":279,"line":324},[277,11623,1086],{"class":291},[277,11625,473],{"class":283},[277,11627,11628,11630],{"class":279,"line":331},[277,11629,1093],{"class":311},[277,11631,343],{"class":283},[277,11633,11634,11636],{"class":279,"line":346},[277,11635,6620],{"class":283},[277,11637,11638],{"class":301},"'Preparando componente...'\n",[277,11640,11641],{"class":279,"line":360},[277,11642,1126],{"class":283},[277,11644,11645],{"class":279,"line":371},[277,11646,1131],{"class":283},[277,11648,11649],{"class":279,"line":381},[277,11650,328],{"emptyLinePlaceholder":327},[277,11652,11653,11656],{"class":279,"line":391},[277,11654,11655],{"class":291}," beforeMount",[277,11657,473],{"class":283},[277,11659,11660,11662,11664,11666],{"class":279,"line":397},[277,11661,4724],{"class":356},[277,11663,6821],{"class":283},[277,11665,298],{"class":311},[277,11667,11668],{"class":301}," 'Vue está a punto de insertar el DOM del componente.'\n",[277,11670,11671],{"class":279,"line":402},[277,11672,1131],{"class":283},[277,11674,11675],{"class":279,"line":436},[277,11676,328],{"emptyLinePlaceholder":327},[277,11678,11679,11681],{"class":279,"line":456},[277,11680,6784],{"class":291},[277,11682,473],{"class":283},[277,11684,11685,11687,11689,11691],{"class":279,"line":461},[277,11686,4724],{"class":356},[277,11688,6821],{"class":283},[277,11690,298],{"class":311},[277,11692,11487],{"class":301},[277,11694,11695],{"class":279,"line":476},[277,11696,328],{"emptyLinePlaceholder":327},[277,11698,11699,11701,11703,11705,11708,11710,11713],{"class":279,"line":500},[277,11700,1336],{"class":311},[277,11702,511],{"class":283},[277,11704,1341],{"class":356},[277,11706,11707],{"class":283},".$refs.searchInput ",[277,11709,652],{"class":311},[277,11711,11712],{"class":291}," HTMLInputElement",[277,11714,2476],{"class":283},[277,11716,11717,11719,11722,11724],{"class":279,"line":505},[277,11718,1212],{"class":356},[277,11720,11721],{"class":283},".$refs.searchInput.",[277,11723,11476],{"class":291},[277,11725,622],{"class":283},[277,11727,11728],{"class":279,"line":520},[277,11729,1126],{"class":283},[277,11731,11732],{"class":279,"line":539},[277,11733,542],{"class":283},[277,11735,11736],{"class":279,"line":545},[277,11737,394],{"class":283},[277,11739,11740,11742,11744],{"class":279,"line":550},[277,11741,785],{"class":283},[277,11743,288],{"class":287},[277,11745,305],{"class":283},[277,11747,11748],{"class":279,"line":578},[277,11749,328],{"emptyLinePlaceholder":327},[277,11751,11752,11754,11756],{"class":279,"line":583},[277,11753,284],{"class":283},[277,11755,802],{"class":287},[277,11757,305],{"class":283},[277,11759,11760,11762,11764,11766,11768,11770],{"class":279,"line":588},[277,11761,810],{"class":283},[277,11763,4121],{"class":287},[277,11765,816],{"class":291},[277,11767,298],{"class":283},[277,11769,11524],{"class":301},[277,11771,305],{"class":283},[277,11773,11774,11776,11778,11780,11782],{"class":279,"line":606},[277,11775,829],{"class":283},[277,11777,21],{"class":287},[277,11779,6367],{"class":283},[277,11781,21],{"class":287},[277,11783,305],{"class":283},[277,11785,11786],{"class":279,"line":614},[277,11787,328],{"emptyLinePlaceholder":327},[277,11789,11790,11792],{"class":279,"line":625},[277,11791,829],{"class":283},[277,11793,11549],{"class":287},[277,11795,11796,11798,11800],{"class":279,"line":637},[277,11797,10021],{"class":291},[277,11799,298],{"class":283},[277,11801,11558],{"class":301},[277,11803,11804,11806,11808],{"class":279,"line":646},[277,11805,11563],{"class":291},[277,11807,298],{"class":283},[277,11809,11568],{"class":301},[277,11811,11812,11814,11816],{"class":279,"line":668},[277,11813,11573],{"class":291},[277,11815,298],{"class":283},[277,11817,11578],{"class":301},[277,11819,11820],{"class":279,"line":673},[277,11821,10041],{"class":283},[277,11823,11824,11826,11828],{"class":279,"line":679},[277,11825,954],{"class":283},[277,11827,4121],{"class":287},[277,11829,305],{"class":283},[277,11831,11832,11834,11836],{"class":279,"line":684},[277,11833,785],{"class":283},[277,11835,802],{"class":287},[277,11837,305],{"class":283},[3111,11839,11840],{},[21,11841,11842,11843,11845,11846,11848,11849,11851],{},"Aquí ",[16,11844,10714],{}," solo actualiza un estado informativo. En cambio, ",[16,11847,10934],{}," queda en ",[16,11850,210],{}," porque necesita un nodo real del DOM.",[30,11853,1596],{"id":1595},[38,11855,11856,11861,11870],{},[41,11857,11858,11860],{},[16,11859,10670],{}," existe, pero en la mayoría de componentes no será tu herramienta principal. Si no necesitas el DOM, casi siempre conviene resolver la lógica antes.",[41,11862,11863,11865,11866,11869],{},[16,11864,203],{},", en cambio, tiene un papel muy claro: ",[72,11867,11868],{},"es el hook donde el componente se encuentra con el navegador real",". Inputs, mediciones, gráficos, observers y librerías de terceros suelen empezar ahí.",[41,11871,11872,11873,104],{},"La mejor forma de usar esta fase no es meter más cosas en ella, sino ",[72,11874,11875],{},"reservarla únicamente para lo que realmente depende del DOM",[1606,11877,10618],{},{"title":273,"searchDepth":308,"depth":308,"links":11879},[11880,11881,11882,11883,11884,11893,11898],{"id":60,"depth":308,"text":61},{"id":128,"depth":308,"text":129},{"id":155,"depth":308,"text":156},{"id":7714,"depth":308,"text":7715},{"id":189,"depth":308,"text":190,"children":11885},[11886,11888,11890,11892],{"id":10915,"depth":324,"text":11887},"1. Intentar leer o modificar el DOM en beforeMount",{"id":10950,"depth":324,"text":11889},"2. Mandar a mounted cualquier carga inicial por costumbre",{"id":11112,"depth":324,"text":11891},"3. Crear listeners o timers en mounted y olvidarse de limpiarlos",{"id":11298,"depth":324,"text":11299},{"id":1945,"depth":308,"text":1946,"children":11894},[11895,11896,11897],{"id":11325,"depth":324,"text":11326},{"id":11334,"depth":324,"text":11335},{"id":11343,"depth":324,"text":11344},{"id":1595,"depth":308,"text":1596},"https://res.cloudinary.com/denj4fg7f/image/upload/v1773284431/vue-lifecycle-mounting-phase-beforemount-mounted_wkrzal.png","Ilustración del ciclo de vida de un componente Vue enfocada en la fase de montaje del DOM","2026-03-10","Qué ocurre justo antes y justo después de que Vue inserte un componente en el DOM, y cómo usar beforeMount y mounted sin meter lógica donde no corresponde.",{"script":11904},[11905],{"type":1632,"key":1633,"data-nuxt-schema-org":327,"nodes":11906},[11907],{"headline":10661,"author":11908,"datePublished":11909,"@type":1640},{"name":1637,"@type":1638},"2026-03-09T22:00:00-05:00",{"updatedAt":11909,"coverCaption":11911,"author":1637,"keywords":11912},"La fase de montaje es el momento en el que Vue crea e inserta el DOM del componente en la página.",[1645,10670,203,687,11913],"DOM","/blog/vue-lifecycle-mounting-phase-beforemount-mounted.es",[11916],{"headline":10661,"author":11917,"datePublished":11909,"@type":1640},{"name":1637,"@type":1638},{"title":10661,"description":11902},"blog/vue-lifecycle-mounting-phase-beforemount-mounted.es",[11921,11922,11923,11924],{"tag":1660,"color":1661},{"tag":1668,"color":1669},{"tag":3164,"color":3165},{"tag":9074,"color":9075},"bwpNhnjdtWOZH2a_xkHZPvHQFsRsg-ty6bmYqDJ-NuU",{"id":11927,"title":11928,"body":11929,"cover":13059,"coverAlt":13060,"date":13061,"description":13062,"draft":1627,"extension":1628,"head":13063,"locale":1641,"meta":13070,"navigation":327,"path":13073,"schemaOrg":13074,"seo":13077,"series":1653,"seriesDescription":1654,"seriesOrder":308,"seriesTitle":1655,"slug":1656,"stem":13078,"tags":13079,"__hash__":13084},"blog/blog/vue-lifecycle-creation-phase-beforecreate-created-setup.es.md","Ciclos de vida en Vue: fase de creación (beforeCreate, created, setup)",{"type":8,"value":11930,"toc":13039},[11931,11943,11949,11957,11967,11971,11977,11994,12011,12014,12037,12043,12050,12053,12069,12076,12082,12143,12149,12162,12165,12176,12289,12295,12303,12309,12331,12340,12488,12499,12563,12567,12576,12585,12588,12600,12607,12620,12624,12631,12635,12642,12829,13000,13004,13036],[11,11932,11934,11935,225,11938,225,11941,19],{"id":11933},"ciclos-de-vida-en-vue-fase-de-creación-beforecreate-created-setup","Ciclos de vida en Vue: fase de creación (",[16,11936,11937],{},"beforeCreate",[16,11939,11940],{},"created",[16,11942,10733],{},[21,11944,11945,11946],{},"Cuando empiezas a escribir un componente en Vue, una de las preguntas más comunes es: ",[72,11947,11948],{},"¿dónde debería colocar la lógica inicial?",[21,11950,11951,11952,11954,11955,104],{},"La respuesta depende principalmente de si estás trabajando con ",[72,11953,971],{}," o con ",[72,11956,271],{},[21,11958,11959,11960,11963,11964,104],{},"La ",[72,11961,11962],{},"fase de creación"," es el momento en el que Vue construye la instancia del componente, inicializa su sistema de reactividad y prepara su estado interno. En esta etapa, el componente todavía ",[72,11965,11966],{},"no ha sido montado en el DOM",[30,11968,11970],{"id":11969},"qué-ocurre-en-esta-fase","Qué ocurre en esta fase",[21,11972,11973,11974,11976],{},"En términos prácticos, el orden clásico del ciclo de vida con ",[72,11975,971],{}," es:",[10089,11978,11979,11983,11987],{},[41,11980,11981],{},[16,11982,11937],{},[41,11984,11985],{},[16,11986,11940],{},[41,11988,11989,11990,5245,11992,19],{},"montaje (",[16,11991,10670],{},[16,11993,203],{},[21,11995,11996,11997,11999,12000,12002,12003,12006,12007,1697,12009,104],{},"Con ",[72,11998,271],{},", el punto de entrada es ",[16,12001,3235],{},", que se ejecuta ",[72,12004,12005],{},"antes de los hooks de ciclo de vida de Options API",", incluidos ",[16,12008,11937],{},[16,12010,11940],{},[21,12012,12013],{},"Si quieres quedarte con una idea simple:",[38,12015,12016,12023,12030],{},[41,12017,12018,12022],{},[72,12019,12020],{},[16,12021,11937],{}," → punto extremadamente temprano; rara vez necesario hoy.",[41,12024,12025,12029],{},[72,12026,12027],{},[16,12028,11940],{}," → estado reactivo disponible en Options API.",[41,12031,12032,12036],{},[72,12033,12034],{},[16,12035,10733],{}," → punto de arranque principal en Composition API.",[30,12038,12040,12042],{"id":12039},"beforecreate-cuándo-aparece-y-por-qué-casi-no-se-usa",[16,12041,11937],{},": cuándo aparece y por qué casi no se usa",[21,12044,12045,9305,12047,104],{},[16,12046,11937],{},[72,12048,12049],{},"antes de que Vue termine de inicializar el estado reactivo y las opciones de la instancia",[21,12051,12052],{},"En este punto:",[38,12054,12055,12060,12064],{},[41,12056,12057],{},[16,12058,12059],{},"data",[41,12061,12062],{},[16,12063,1732],{},[41,12065,12066],{},[16,12067,12068],{},"methods",[21,12070,12071,12072,12075],{},"Todavía ",[72,12073,12074],{},"no están inicializados",", por lo que el acceso a la instancia es muy limitado.",[21,12077,12078,12079,104],{},"Por esta razón, en proyectos modernos con Vue 3 este hook rara vez se utiliza. En la mayoría de casos aparece únicamente en ",[72,12080,12081],{},"código legado o escenarios muy específicos relacionados con plugins o extensiones del framework",[267,12083,12086],{"className":269,"code":12084,"filename":9339,"highlights":12085,"language":272,"meta":273,"style":273},"\u003Cscript>\nexport default {\n beforeCreate() {\n console.log('El componente está arrancando')\n }\n}\n\u003C/script>\n",[324,331,346],[16,12087,12088,12096,12104,12112,12126,12131,12135],{"__ignoreMap":273},[277,12089,12090,12092,12094],{"class":279,"line":280},[277,12091,284],{"class":283},[277,12093,288],{"class":287},[277,12095,305],{"class":283},[277,12097,12098,12100,12102],{"class":279,"line":308},[277,12099,1057],{"class":311},[277,12101,1060],{"class":311},[277,12103,343],{"class":283},[277,12105,12107,12110],{"class":12106,"line":324},[279,9398],[277,12108,12109],{"class":291}," beforeCreate",[277,12111,473],{"class":283},[277,12113,12115,12117,12119,12121,12124],{"class":12114,"line":331},[279,9398],[277,12116,2881],{"class":283},[277,12118,2352],{"class":291},[277,12120,448],{"class":283},[277,12122,12123],{"class":301},"'El componente está arrancando'",[277,12125,433],{"class":283},[277,12127,12129],{"class":12128,"line":346},[279,9398],[277,12130,542],{"class":283},[277,12132,12133],{"class":279,"line":360},[277,12134,394],{"class":283},[277,12136,12137,12139,12141],{"class":279,"line":371},[277,12138,785],{"class":283},[277,12140,288],{"class":287},[277,12142,305],{"class":283},[30,12144,12146,12148],{"id":12145},"created-el-punto-útil-en-options-api",[16,12147,11940],{},": el punto útil en Options API",[21,12150,12151,12152,12154,12155,12158,12159,104],{},"En el hook ",[16,12153,11940],{},", la instancia del componente ya está completamente inicializada en términos de ",[72,12156,12157],{},"estado reactivo y métodos",", aunque el ",[72,12160,12161],{},"DOM todavía no ha sido renderizado",[21,12163,12164],{},"Esto lo convierte en un buen lugar para:",[38,12166,12167,12170,12173],{},[41,12168,12169],{},"Inicializar estado derivado de configuración.",[41,12171,12172],{},"Cargar datos de forma temprana.",[41,12174,12175],{},"Preparar timers o listeners que no dependan del DOM.",[267,12177,12180],{"className":269,"code":12178,"filename":9339,"highlights":12179,"language":272,"meta":273,"style":273},"\u003Cscript>\nexport default {\n data() {\n return {\n users: []\n }\n },\n async created() {\n this.users = await fetch('/api/users').then((r) => r.json())\n }\n}\n\u003C/script>\n",[381,391,397],[16,12181,12182,12190,12198,12204,12210,12215,12219,12223,12233,12272,12277,12281],{"__ignoreMap":273},[277,12183,12184,12186,12188],{"class":279,"line":280},[277,12185,284],{"class":283},[277,12187,288],{"class":287},[277,12189,305],{"class":283},[277,12191,12192,12194,12196],{"class":279,"line":308},[277,12193,1057],{"class":311},[277,12195,1060],{"class":311},[277,12197,343],{"class":283},[277,12199,12200,12202],{"class":279,"line":324},[277,12201,1086],{"class":291},[277,12203,473],{"class":283},[277,12205,12206,12208],{"class":279,"line":331},[277,12207,1093],{"class":311},[277,12209,343],{"class":283},[277,12211,12212],{"class":279,"line":346},[277,12213,12214],{"class":283}," users: []\n",[277,12216,12217],{"class":279,"line":360},[277,12218,1126],{"class":283},[277,12220,12221],{"class":279,"line":371},[277,12222,1131],{"class":283},[277,12224,12226,12228,12231],{"class":12225,"line":381},[279,9398],[277,12227,1248],{"class":311},[277,12229,12230],{"class":291}," created",[277,12232,473],{"class":283},[277,12234,12236,12238,12241,12243,12245,12247,12249,12251,12253,12256,12258,12261,12263,12265,12268,12270],{"class":12235,"line":391},[279,9398],[277,12237,4724],{"class":356},[277,12239,12240],{"class":283},".users ",[277,12242,298],{"class":311},[277,12244,487],{"class":311},[277,12246,490],{"class":291},[277,12248,448],{"class":283},[277,12250,11061],{"class":301},[277,12252,1895],{"class":283},[277,12254,12255],{"class":291},"then",[277,12257,2334],{"class":283},[277,12259,12260],{"class":349},"r",[277,12262,2340],{"class":283},[277,12264,601],{"class":311},[277,12266,12267],{"class":283}," r.",[277,12269,566],{"class":291},[277,12271,2266],{"class":283},[277,12273,12275],{"class":12274,"line":397},[279,9398],[277,12276,542],{"class":283},[277,12278,12279],{"class":279,"line":402},[277,12280,394],{"class":283},[277,12282,12283,12285,12287],{"class":279,"line":436},[277,12284,785],{"class":283},[277,12286,288],{"class":287},[277,12288,305],{"class":283},[30,12290,12292,12294],{"id":12291},"setup-el-arranque-natural-en-vue-3",[16,12293,10733],{},": el arranque natural en Vue 3",[21,12296,12297,12298,225,12300,12302],{},"Cuando trabajas con ",[72,12299,271],{},[16,12301,3235],{}," es el verdadero punto de entrada del componente.",[21,12304,12305,12306,12308],{},"Dentro de ",[16,12307,10733],{}," defines:",[38,12310,12311,12315,12320,12324,12328],{},[41,12312,12313],{},[16,12314,1927],{},[41,12316,12317],{},[16,12318,12319],{},"reactive",[41,12321,12322],{},[16,12323,1732],{},[41,12325,12326],{},[16,12327,1735],{},[41,12329,12330],{},"composables",[21,12332,12333,12334,9305,12336,12339],{},"Además, ",[16,12335,10733],{},[72,12337,12338],{},"antes de que el componente sea montado",", por lo que permite preparar todo el estado que la vista necesitará en su primer render.",[267,12341,12344],{"className":269,"code":12342,"filename":9339,"highlights":12343,"language":272,"meta":273,"style":273},"\u003Cscript setup>\nimport { ref, computed } from 'vue'\n\nconst count = ref(0)\nconst double = computed(() => count.value * 2)\n\nconsole.log('setup ejecutado')\n\u003C/script>\n\n\u003Ctemplate>\n \u003Cbutton @click=\"count++\">\n count: {{ count }} / double: {{ double }}\n \u003C/button>\n\u003C/template>\n",[371],[16,12345,12346,12356,12367,12371,12387,12413,12417,12432,12440,12444,12452,12467,12472,12480],{"__ignoreMap":273},[277,12347,12348,12350,12352,12354],{"class":279,"line":280},[277,12349,284],{"class":283},[277,12351,288],{"class":287},[277,12353,292],{"class":291},[277,12355,305],{"class":283},[277,12357,12358,12360,12363,12365],{"class":279,"line":308},[277,12359,312],{"class":311},[277,12361,12362],{"class":283}," { ref, computed } ",[277,12364,318],{"class":311},[277,12366,321],{"class":301},[277,12368,12369],{"class":279,"line":324},[277,12370,328],{"emptyLinePlaceholder":327},[277,12372,12373,12375,12377,12379,12381,12383,12385],{"class":279,"line":331},[277,12374,405],{"class":311},[277,12376,9380],{"class":356},[277,12378,340],{"class":311},[277,12380,413],{"class":291},[277,12382,448],{"class":283},[277,12384,3542],{"class":356},[277,12386,433],{"class":283},[277,12388,12389,12391,12394,12396,12398,12400,12402,12405,12408,12411],{"class":279,"line":346},[277,12390,405],{"class":311},[277,12392,12393],{"class":356}," double",[277,12395,340],{"class":311},[277,12397,2200],{"class":291},[277,12399,2203],{"class":283},[277,12401,601],{"class":311},[277,12403,12404],{"class":283}," count.value ",[277,12406,12407],{"class":311},"*",[277,12409,12410],{"class":356}," 2",[277,12412,433],{"class":283},[277,12414,12415],{"class":279,"line":360},[277,12416,328],{"emptyLinePlaceholder":327},[277,12418,12420,12423,12425,12427,12430],{"class":12419,"line":371},[279,9398],[277,12421,12422],{"class":283},"console.",[277,12424,2352],{"class":291},[277,12426,448],{"class":283},[277,12428,12429],{"class":301},"'setup ejecutado'",[277,12431,433],{"class":283},[277,12433,12434,12436,12438],{"class":279,"line":381},[277,12435,785],{"class":283},[277,12437,288],{"class":287},[277,12439,305],{"class":283},[277,12441,12442],{"class":279,"line":391},[277,12443,328],{"emptyLinePlaceholder":327},[277,12445,12446,12448,12450],{"class":279,"line":397},[277,12447,284],{"class":283},[277,12449,802],{"class":287},[277,12451,305],{"class":283},[277,12453,12454,12456,12458,12460,12462,12465],{"class":279,"line":402},[277,12455,810],{"class":283},[277,12457,4267],{"class":287},[277,12459,4278],{"class":291},[277,12461,298],{"class":283},[277,12463,12464],{"class":301},"\"count++\"",[277,12466,305],{"class":283},[277,12468,12469],{"class":279,"line":436},[277,12470,12471],{"class":283}," count: {{ count }} / double: {{ double }}\n",[277,12473,12474,12476,12478],{"class":279,"line":456},[277,12475,954],{"class":283},[277,12477,4267],{"class":287},[277,12479,305],{"class":283},[277,12481,12482,12484,12486],{"class":279,"line":461},[277,12483,785],{"class":283},[277,12485,802],{"class":287},[277,12487,305],{"class":283},[30,12489,12491,12492,12494,12495,12494,12497],{"id":12490},"comparación-rápida-beforecreate-vs-created-vs-setup","Comparación rápida: ",[16,12493,11937],{}," vs ",[16,12496,11940],{},[16,12498,10733],{},[5392,12500,12501,12517],{},[5395,12502,12503],{},[5398,12504,12505,12508,12511,12514],{},[5401,12506,12507],{},"Punto",[5401,12509,12510],{},"API",[5401,12512,12513],{},"Qué ya tienes disponible",[5401,12515,12516],{},"Cuándo elegirlo",[5414,12518,12519,12534,12548],{},[5398,12520,12521,12525,12528,12531],{},[5419,12522,12523],{},[16,12524,11937],{},[5419,12526,12527],{},"Options",[5419,12529,12530],{},"Instancia en arranque temprano",[5419,12532,12533],{},"Casos muy puntuales o código legado",[5398,12535,12536,12540,12542,12545],{},[5419,12537,12538],{},[16,12539,11940],{},[5419,12541,12527],{},[5419,12543,12544],{},"Estado y métodos disponibles, sin DOM",[5419,12546,12547],{},"Inicialización de datos o lógica sin DOM",[5398,12549,12550,12554,12557,12560],{},[5419,12551,12552],{},[16,12553,10733],{},[5419,12555,12556],{},"Composition",[5419,12558,12559],{},"Reactividad y composables desde el inicio",[5419,12561,12562],{},"Opción principal en Vue 3 moderno",[30,12564,12566],{"id":12565},"errores-que-se-repiten-con-frecuencia","Errores que se repiten con frecuencia",[192,12568,12570,12571,12573,12574],{"id":12569},"_1-intentar-manipular-el-dom-en-created-o-al-inicio-de-setup","1) Intentar manipular el DOM en ",[16,12572,11940],{}," o al inicio de ",[16,12575,10733],{},[21,12577,12578,12579,12581,12582,12584],{},"Ni ",[16,12580,11940],{}," ni el inicio de ",[16,12583,10733],{}," garantizan que el DOM exista.",[21,12586,12587],{},"Si necesitas interactuar con elementos reales del DOM, debes usar:",[38,12589,12590,12595],{},[41,12591,12592,12594],{},[16,12593,203],{}," (Options API)",[41,12596,12597,12599],{},[16,12598,687],{}," (Composition API)",[192,12601,12603,12604,12606],{"id":12602},"_2-usar-beforecreate-por-costumbre","2) Usar ",[16,12605,11937],{}," por costumbre",[21,12608,12609,12610,12613,12614,12616,12617,12619],{},"Muchos ejemplos antiguos de Vue lo utilizan, pero en Vue 3 ",[72,12611,12612],{},"rara vez aporta ventajas reales"," frente a ",[16,12615,10733],{}," (Composition API) o ",[16,12618,11940],{}," (Options API).",[192,12621,12623],{"id":12622},"_3-mezclar-mentalmente-options-api-y-composition-api","3) Mezclar mentalmente Options API y Composition API",[21,12625,12626,12627,12630],{},"Vue permite combinar ambas API en un proyecto, pero dentro de un componente conviene ",[72,12628,12629],{},"tener claro cuál es el punto de entrada principal",". Mezclar ambas sin un criterio claro puede terminar duplicando lógica de inicialización.",[30,12632,12634],{"id":12633},"un-ejemplo-equivalente-en-ambos-estilos","Un ejemplo equivalente en ambos estilos",[21,12636,12637,12638,12641],{},"Supongamos que queremos ",[72,12639,12640],{},"cargar usuarios cuando se crea el componente",", sin depender del DOM.",[267,12643,12645],{"className":269,"code":12644,"filename":271,"language":272,"meta":273,"style":273},"\u003Cscript setup>\nimport { ref } from 'vue'\n\nconst users = ref([])\n\nasync function loadUsers() {\n users.value = await fetch('/api/users').then((r) => r.json())\n}\n\n// Se ejecuta durante setup (fase de creación)\nloadUsers()\n\u003C/script>\n\n\u003Ctemplate>\n \u003Cul>\n \u003Cli v-for=\"user in users\" :key=\"user.id\">\n {{ user.name }}\n \u003C/li>\n \u003C/ul>\n\u003C/template>\n",[16,12646,12647,12657,12667,12671,12683,12687,12697,12729,12733,12737,12743,12749,12757,12761,12769,12777,12800,12805,12813,12821],{"__ignoreMap":273},[277,12648,12649,12651,12653,12655],{"class":279,"line":280},[277,12650,284],{"class":283},[277,12652,288],{"class":287},[277,12654,292],{"class":291},[277,12656,305],{"class":283},[277,12658,12659,12661,12663,12665],{"class":279,"line":308},[277,12660,312],{"class":311},[277,12662,11006],{"class":283},[277,12664,318],{"class":311},[277,12666,321],{"class":301},[277,12668,12669],{"class":279,"line":324},[277,12670,328],{"emptyLinePlaceholder":327},[277,12672,12673,12675,12677,12679,12681],{"class":279,"line":331},[277,12674,405],{"class":311},[277,12676,11021],{"class":356},[277,12678,340],{"class":311},[277,12680,413],{"class":291},[277,12682,11028],{"class":283},[277,12684,12685],{"class":279,"line":346},[277,12686,328],{"emptyLinePlaceholder":327},[277,12688,12689,12691,12693,12695],{"class":279,"line":360},[277,12690,464],{"class":311},[277,12692,467],{"class":311},[277,12694,11041],{"class":291},[277,12696,473],{"class":283},[277,12698,12699,12701,12703,12705,12707,12709,12711,12713,12715,12717,12719,12721,12723,12725,12727],{"class":279,"line":371},[277,12700,11068],{"class":283},[277,12702,298],{"class":311},[277,12704,487],{"class":311},[277,12706,490],{"class":291},[277,12708,448],{"class":283},[277,12710,11061],{"class":301},[277,12712,1895],{"class":283},[277,12714,12255],{"class":291},[277,12716,2334],{"class":283},[277,12718,12260],{"class":349},[277,12720,2340],{"class":283},[277,12722,601],{"class":311},[277,12724,12267],{"class":283},[277,12726,566],{"class":291},[277,12728,2266],{"class":283},[277,12730,12731],{"class":279,"line":381},[277,12732,394],{"class":283},[277,12734,12735],{"class":279,"line":391},[277,12736,328],{"emptyLinePlaceholder":327},[277,12738,12739],{"class":279,"line":397},[277,12740,12742],{"class":12741},"sJ8bj","// Se ejecuta durante setup (fase de creación)\n",[277,12744,12745,12747],{"class":279,"line":402},[277,12746,11092],{"class":291},[277,12748,622],{"class":283},[277,12750,12751,12753,12755],{"class":279,"line":436},[277,12752,785],{"class":283},[277,12754,288],{"class":287},[277,12756,305],{"class":283},[277,12758,12759],{"class":279,"line":456},[277,12760,328],{"emptyLinePlaceholder":327},[277,12762,12763,12765,12767],{"class":279,"line":461},[277,12764,284],{"class":283},[277,12766,802],{"class":287},[277,12768,305],{"class":283},[277,12770,12771,12773,12775],{"class":279,"line":476},[277,12772,810],{"class":283},[277,12774,38],{"class":287},[277,12776,305],{"class":283},[277,12778,12779,12781,12783,12786,12788,12791,12793,12795,12798],{"class":279,"line":500},[277,12780,829],{"class":283},[277,12782,41],{"class":287},[277,12784,12785],{"class":291}," v-for",[277,12787,298],{"class":283},[277,12789,12790],{"class":301},"\"user in users\"",[277,12792,4317],{"class":291},[277,12794,298],{"class":283},[277,12796,12797],{"class":301},"\"user.id\"",[277,12799,305],{"class":283},[277,12801,12802],{"class":279,"line":505},[277,12803,12804],{"class":283}," {{ user.name }}\n",[277,12806,12807,12809,12811],{"class":279,"line":520},[277,12808,922],{"class":283},[277,12810,41],{"class":287},[277,12812,305],{"class":283},[277,12814,12815,12817,12819],{"class":279,"line":539},[277,12816,954],{"class":283},[277,12818,38],{"class":287},[277,12820,305],{"class":283},[277,12822,12823,12825,12827],{"class":279,"line":545},[277,12824,785],{"class":283},[277,12826,802],{"class":287},[277,12828,305],{"class":283},[267,12830,12832],{"className":269,"code":12831,"filename":971,"language":272,"meta":273,"style":273},"\u003Cscript>\nexport default {\n data() {\n return {\n users: []\n }\n },\n async created() {\n this.users = await fetch('/api/users').then((r) => r.json())\n }\n}\n\u003C/script>\n\n\u003Ctemplate>\n \u003Cul>\n \u003Cli v-for=\"user in users\" :key=\"user.id\">\n {{ user.name }}\n \u003C/li>\n \u003C/ul>\n\u003C/template>\n",[16,12833,12834,12842,12850,12856,12862,12866,12870,12874,12882,12916,12920,12924,12932,12936,12944,12952,12972,12976,12984,12992],{"__ignoreMap":273},[277,12835,12836,12838,12840],{"class":279,"line":280},[277,12837,284],{"class":283},[277,12839,288],{"class":287},[277,12841,305],{"class":283},[277,12843,12844,12846,12848],{"class":279,"line":308},[277,12845,1057],{"class":311},[277,12847,1060],{"class":311},[277,12849,343],{"class":283},[277,12851,12852,12854],{"class":279,"line":324},[277,12853,1086],{"class":291},[277,12855,473],{"class":283},[277,12857,12858,12860],{"class":279,"line":331},[277,12859,1093],{"class":311},[277,12861,343],{"class":283},[277,12863,12864],{"class":279,"line":346},[277,12865,12214],{"class":283},[277,12867,12868],{"class":279,"line":360},[277,12869,1126],{"class":283},[277,12871,12872],{"class":279,"line":371},[277,12873,1131],{"class":283},[277,12875,12876,12878,12880],{"class":279,"line":381},[277,12877,1248],{"class":311},[277,12879,12230],{"class":291},[277,12881,473],{"class":283},[277,12883,12884,12886,12888,12890,12892,12894,12896,12898,12900,12902,12904,12906,12908,12910,12912,12914],{"class":279,"line":391},[277,12885,4724],{"class":356},[277,12887,12240],{"class":283},[277,12889,298],{"class":311},[277,12891,487],{"class":311},[277,12893,490],{"class":291},[277,12895,448],{"class":283},[277,12897,11061],{"class":301},[277,12899,1895],{"class":283},[277,12901,12255],{"class":291},[277,12903,2334],{"class":283},[277,12905,12260],{"class":349},[277,12907,2340],{"class":283},[277,12909,601],{"class":311},[277,12911,12267],{"class":283},[277,12913,566],{"class":291},[277,12915,2266],{"class":283},[277,12917,12918],{"class":279,"line":397},[277,12919,542],{"class":283},[277,12921,12922],{"class":279,"line":402},[277,12923,394],{"class":283},[277,12925,12926,12928,12930],{"class":279,"line":436},[277,12927,785],{"class":283},[277,12929,288],{"class":287},[277,12931,305],{"class":283},[277,12933,12934],{"class":279,"line":456},[277,12935,328],{"emptyLinePlaceholder":327},[277,12937,12938,12940,12942],{"class":279,"line":461},[277,12939,284],{"class":283},[277,12941,802],{"class":287},[277,12943,305],{"class":283},[277,12945,12946,12948,12950],{"class":279,"line":476},[277,12947,810],{"class":283},[277,12949,38],{"class":287},[277,12951,305],{"class":283},[277,12953,12954,12956,12958,12960,12962,12964,12966,12968,12970],{"class":279,"line":500},[277,12955,829],{"class":283},[277,12957,41],{"class":287},[277,12959,12785],{"class":291},[277,12961,298],{"class":283},[277,12963,12790],{"class":301},[277,12965,4317],{"class":291},[277,12967,298],{"class":283},[277,12969,12797],{"class":301},[277,12971,305],{"class":283},[277,12973,12974],{"class":279,"line":505},[277,12975,12804],{"class":283},[277,12977,12978,12980,12982],{"class":279,"line":520},[277,12979,922],{"class":283},[277,12981,41],{"class":287},[277,12983,305],{"class":283},[277,12985,12986,12988,12990],{"class":279,"line":539},[277,12987,954],{"class":283},[277,12989,38],{"class":287},[277,12991,305],{"class":283},[277,12993,12994,12996,12998],{"class":279,"line":545},[277,12995,785],{"class":283},[277,12997,802],{"class":287},[277,12999,305],{"class":283},[30,13001,13003],{"id":13002},"cierre","Cierre",[38,13005,13006,13015,13027],{},[41,13007,13008,13009,13014],{},"En componentes modernos basados en Vue 3, ",[72,13010,13011,13013],{},[16,13012,10733],{}," suele ser el punto de entrada más claro y consistente"," para inicializar estado y lógica.",[41,13016,13017,13018,13020,13021,13026],{},"Si trabajas en componentes escritos con ",[72,13019,971],{},", el hook ",[72,13022,13023,13025],{},[16,13024,11940],{}," sigue siendo completamente válido"," para inicialización que no depende del DOM.",[41,13028,13029,13030,13035],{},"En cambio, ",[72,13031,13032,13034],{},[16,13033,11937],{}," ha quedado como una pieza más histórica que práctica"," en la mayoría de proyectos actuales.",[1606,13037,13038],{},"html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .s9eBZ, html code.shiki .s9eBZ{--shiki-default:#22863A;--shiki-dark:#85E89D}html pre.shiki code .szBVR, html code.shiki .szBVR{--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}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 .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}html pre.shiki code .s4XuR, html code.shiki .s4XuR{--shiki-default:#E36209;--shiki-dark:#FFAB70}html pre.shiki code .sJ8bj, html code.shiki .sJ8bj{--shiki-default:#6A737D;--shiki-dark:#6A737D}",{"title":273,"searchDepth":308,"depth":308,"links":13040},[13041,13042,13044,13046,13048,13050,13057,13058],{"id":11969,"depth":308,"text":11970},{"id":12039,"depth":308,"text":13043},"beforeCreate: cuándo aparece y por qué casi no se usa",{"id":12145,"depth":308,"text":13045},"created: el punto útil en Options API",{"id":12291,"depth":308,"text":13047},"setup: el arranque natural en Vue 3",{"id":12490,"depth":308,"text":13049},"Comparación rápida: beforeCreate vs created vs setup",{"id":12565,"depth":308,"text":12566,"children":13051},[13052,13054,13056],{"id":12569,"depth":324,"text":13053},"1) Intentar manipular el DOM en created o al inicio de setup",{"id":12602,"depth":324,"text":13055},"2) Usar beforeCreate por costumbre",{"id":12622,"depth":324,"text":12623},{"id":12633,"depth":308,"text":12634},{"id":13002,"depth":308,"text":13003},"https://res.cloudinary.com/denj4fg7f/image/upload/v1773284254/vue-lifecycle-creation-phase-beforecreate-created-setup_fkkyiw.png","Ilustración de un ciclo de vida de un componente Vue, destacando la fase de creación con beforeCreate, created y setup","2026-03-07","Qué pasa realmente en la fase de creación de un componente Vue y cómo decidir entre beforeCreate, created y setup.",{"script":13064},[13065],{"type":1632,"key":1633,"data-nuxt-schema-org":327,"nodes":13066},[13067],{"headline":11928,"author":13068,"datePublished":13069,"@type":1640},{"name":1637,"@type":1638},"2026-03-06T20:00:00-05:00",{"updatedAt":13069,"coverCaption":13071,"author":1637,"keywords":13072},"En esta imagen se muestra el ciclo de vida de un componente Vue, con énfasis en la fase de creación donde se ejecutan los hooks beforeCreate, created y setup.",[1645,11937,11940,10733,271],"/blog/vue-lifecycle-creation-phase-beforecreate-created-setup.es",[13075],{"headline":11928,"author":13076,"datePublished":13069,"@type":1640},{"name":1637,"@type":1638},{"title":11928,"description":13062},"blog/vue-lifecycle-creation-phase-beforecreate-created-setup.es",[13080,13081,13082,13083],{"tag":1660,"color":1661},{"tag":1668,"color":1669},{"tag":3167,"color":3168},{"tag":9074,"color":9075},"ZdX1djV5w8iKoO8nPR8TFAm9qctWBqZcMnsng5v4Qa0",{"id":13086,"title":13087,"body":13088,"cover":15680,"coverAlt":13087,"date":15681,"description":15682,"draft":1627,"extension":1628,"head":15683,"locale":1641,"meta":15690,"navigation":327,"path":15695,"schemaOrg":15696,"seo":15699,"series":1653,"seriesDescription":1654,"seriesOrder":280,"seriesTitle":1655,"slug":1656,"stem":15700,"tags":15701,"__hash__":15706},"blog/blog/vue-lifecycle-hooks-overview.es.md","Ciclos de vida en Vue: Una visión general",{"type":8,"value":13089,"toc":15649},[13090,13094,13096,13107,13109,13116,13138,13141,13159,13166,13170,13173,13217,13221,13231,13234,13239,13245,13303,13314,13318,13324,13327,13338,13441,13449,13453,13459,13462,13475,13547,13554,13558,13563,13566,13577,13584,13589,13592,13659,13717,13724,13729,13735,13738,13752,13819,13877,13881,13887,13890,13897,13902,13905,13972,14030,14037,14042,14045,14052,14119,14177,14181,14184,14190,14197,14202,14269,14327,14334,14339,14342,14353,14479,14586,14592,14601,14608,14614,14681,14739,14746,14751,14818,14875,14878,14885,14891,14968,15035,15039,15045,15048,15053,15059,15132,15193,15198,15204,15275,15336,15340,15347,15353,15356,15427,15486,15490,15494,15525,15528,15550,15557,15559,15565,15638,15646],[11,13091,13093],{"id":13092},"ciclos-de-vida-en-vue-guía-práctica-y-cuándo-usar-cada-hook","Ciclos de vida en Vue: guía práctica y cuándo usar cada hook",[30,13095,33],{"id":32},[21,13097,13098,13099,13102,13103,13106],{},"Entender el ",[72,13100,13101],{},"ciclo de vida de un componente"," te permite saber exactamente ",[72,13104,13105],{},"cuándo ejecutar cada tipo de lógica",": inicialización, acceso al DOM, sincronización con API, limpieza de efectos secundarios o depuración.",[11,13108,61],{"id":60},[21,13110,13111,13112,13115],{},"Un componente en ",[72,13113,13114],{},"Vue 3"," atraviesa varias fases:",[10089,13117,13118,13123,13128,13133],{},[41,13119,13120],{},[72,13121,13122],{},"Creación",[41,13124,13125],{},[72,13126,13127],{},"Montaje",[41,13129,13130],{},[72,13131,13132],{},"Actualización",[41,13134,13135],{},[72,13136,13137],{},"Desmontaje",[21,13139,13140],{},"Además, existen hooks especiales para:",[38,13142,13143,13148,13151,13154],{},[41,13144,13145,13146],{},"Componentes cacheados con ",[16,13147,5176],{},[41,13149,13150],{},"Manejo de errores",[41,13152,13153],{},"Depuración del sistema reactivo",[41,13155,13156],{},[72,13157,13158],{},"SSR (Server-Side Rendering)",[21,13160,13161,13162,13165],{},"En las siguientes secciones veremos ",[72,13163,13164],{},"cuándo se ejecuta cada hook y para qué sirve",", con ejemplos.",[30,13167,13169],{"id":13168},"mapa-de-la-serie","Mapa de la serie",[21,13171,13172],{},"Si quieres profundizar en cada grupo de hooks, aquí tienes la ruta completa de esta serie:",[38,13174,13175,13181,13186,13191,13196,13202,13207,13212],{},[41,13176,13177],{},[13178,13179,11928],"a",{"href":13180},"/blog/vue-lifecycle-creation-phase-beforecreate-created-setup.es/",[41,13182,13183],{},[13178,13184,10661],{"href":13185},"/blog/vue-lifecycle-mounting-phase-beforemount-mounted.es/",[41,13187,13188],{},[13178,13189,9079],{"href":13190},"/blog/vue-lifecycle-update-phase-beforeupdate-updated.es/",[41,13192,13193],{},[13178,13194,7505],{"href":13195},"/blog/vue-lifecycle-unmounting-phase-beforeunmount-unmounted.es/",[41,13197,13198],{},[13178,13199,13201],{"href":13200},"/blog/vue-lifecycle-keepalive-activated-deactivated.es/","Ciclos de vida en Vue: componentes cacheados con KeepAlive (activated, deactivated)",[41,13203,13204],{},[13178,13205,3173],{"href":13206},"/blog/vue-lifecycle-error-handling-errorcaptured.es/",[41,13208,13209],{},[13178,13210,1676],{"href":13211},"/blog/vue-lifecycle-render-debug-rendertracked-rendertriggered.es/",[41,13213,13214],{},[13178,13215,6],{"href":13216},"/blog/vue-lifecycle-ssr-serverprefetch.es/",[11,13218,13220],{"id":13219},"creación-del-componente","Creación del componente",[21,13222,13223,13224,13227,13228,104],{},"En esta fase Vue ",[72,13225,13226],{},"crea la instancia del componente y configura la reactividad",", pero ",[72,13229,13230],{},"todavía no existe el DOM",[21,13232,13233],{},"Aquí normalmente se inicializa estado, configuración o llamadas iniciales.",[30,13235,13237],{"id":13236},"beforecreate",[16,13238,11937],{},[21,13240,13241,13242,104],{},"Se ejecuta ",[72,13243,13244],{},"antes de que Vue configure la reactividad",[267,13246,13249],{"className":269,"code":13247,"filename":9339,"highlights":13248,"language":272,"meta":273,"style":273},"\u003Cscript>\nexport default {\n beforeCreate() {\n console.log('El componente está iniciando')\n }\n}\n\u003C/script>\n",[324],[16,13250,13251,13259,13267,13274,13287,13291,13295],{"__ignoreMap":273},[277,13252,13253,13255,13257],{"class":279,"line":280},[277,13254,284],{"class":283},[277,13256,288],{"class":287},[277,13258,305],{"class":283},[277,13260,13261,13263,13265],{"class":279,"line":308},[277,13262,1057],{"class":311},[277,13264,1060],{"class":311},[277,13266,343],{"class":283},[277,13268,13270,13272],{"class":13269,"line":324},[279,9398],[277,13271,12109],{"class":291},[277,13273,473],{"class":283},[277,13275,13276,13278,13280,13282,13285],{"class":279,"line":331},[277,13277,2881],{"class":283},[277,13279,2352],{"class":291},[277,13281,448],{"class":283},[277,13283,13284],{"class":301},"'El componente está iniciando'",[277,13286,433],{"class":283},[277,13288,13289],{"class":279,"line":346},[277,13290,542],{"class":283},[277,13292,13293],{"class":279,"line":360},[277,13294,394],{"class":283},[277,13296,13297,13299,13301],{"class":279,"line":371},[277,13298,785],{"class":283},[277,13300,288],{"class":287},[277,13302,305],{"class":283},[3111,13304,13305],{},[21,13306,13307,13308,13310,13311,13313],{},"No es posible usar ",[16,13309,11937],{}," en Composition API, ya que ",[16,13312,3235],{}," se ejecuta antes de cualquier otro hook.",[30,13315,13316],{"id":11940},[16,13317,11940],{},[21,13319,13320,13321,104],{},"El estado reactivo ya está disponible, pero ",[72,13322,13323],{},"el DOM aún no existe",[21,13325,13326],{},"Se suele usar para:",[38,13328,13329,13332,13335],{},[41,13330,13331],{},"Llamadas HTTP",[41,13333,13334],{},"Inicializar estado",[41,13336,13337],{},"Preparar lógica de negocio",[267,13339,13342],{"className":269,"code":13340,"filename":9339,"highlights":13341,"language":272,"meta":273,"style":273},"\u003Cscript>\nexport default {\n data() {\n return {\n users: []\n }\n },\n async created() {\n this.users = await fetch('/api/users').then(r => r.json())\n }\n}\n\u003C/script>\n",[381],[16,13343,13344,13352,13360,13366,13372,13376,13380,13384,13393,13425,13429,13433],{"__ignoreMap":273},[277,13345,13346,13348,13350],{"class":279,"line":280},[277,13347,284],{"class":283},[277,13349,288],{"class":287},[277,13351,305],{"class":283},[277,13353,13354,13356,13358],{"class":279,"line":308},[277,13355,1057],{"class":311},[277,13357,1060],{"class":311},[277,13359,343],{"class":283},[277,13361,13362,13364],{"class":279,"line":324},[277,13363,1086],{"class":291},[277,13365,473],{"class":283},[277,13367,13368,13370],{"class":279,"line":331},[277,13369,1093],{"class":311},[277,13371,343],{"class":283},[277,13373,13374],{"class":279,"line":346},[277,13375,12214],{"class":283},[277,13377,13378],{"class":279,"line":360},[277,13379,1126],{"class":283},[277,13381,13382],{"class":279,"line":371},[277,13383,1131],{"class":283},[277,13385,13387,13389,13391],{"class":13386,"line":381},[279,9398],[277,13388,1248],{"class":311},[277,13390,12230],{"class":291},[277,13392,473],{"class":283},[277,13394,13395,13397,13399,13401,13403,13405,13407,13409,13411,13413,13415,13417,13419,13421,13423],{"class":279,"line":391},[277,13396,4724],{"class":356},[277,13398,12240],{"class":283},[277,13400,298],{"class":311},[277,13402,487],{"class":311},[277,13404,490],{"class":291},[277,13406,448],{"class":283},[277,13408,11061],{"class":301},[277,13410,1895],{"class":283},[277,13412,12255],{"class":291},[277,13414,448],{"class":283},[277,13416,12260],{"class":349},[277,13418,2226],{"class":311},[277,13420,12267],{"class":283},[277,13422,566],{"class":291},[277,13424,2266],{"class":283},[277,13426,13427],{"class":279,"line":397},[277,13428,542],{"class":283},[277,13430,13431],{"class":279,"line":402},[277,13432,394],{"class":283},[277,13434,13435,13437,13439],{"class":279,"line":436},[277,13436,785],{"class":283},[277,13438,288],{"class":287},[277,13440,305],{"class":283},[3111,13442,13443],{},[21,13444,13307,13445,13310,13447,13313],{},[16,13446,11940],{},[16,13448,3235],{},[30,13450,13451],{"id":10733},[16,13452,3235],{},[21,13454,13455,13456,104],{},"Es el ",[72,13457,13458],{},"punto de entrada principal en Composition API",[21,13460,13461],{},"Aquí se define:",[38,13463,13464,13467,13470,13472],{},[41,13465,13466],{},"Estado reactivo",[41,13468,13469],{},"Composables",[41,13471,3238],{},[41,13473,13474],{},"Lógica inicial del componente",[267,13476,13479],{"className":269,"code":13477,"filename":9339,"highlights":13478,"language":272,"meta":273,"style":273},"\u003Cscript setup>\nimport { ref } from 'vue'\n\nconst count = ref(0)\n\nconsole.log('Setup ejecutado')\n\u003C/script>\n",[280],[16,13480,13481,13492,13502,13506,13522,13526,13539],{"__ignoreMap":273},[277,13482,13484,13486,13488,13490],{"class":13483,"line":280},[279,9398],[277,13485,284],{"class":283},[277,13487,288],{"class":287},[277,13489,292],{"class":291},[277,13491,305],{"class":283},[277,13493,13494,13496,13498,13500],{"class":279,"line":308},[277,13495,312],{"class":311},[277,13497,11006],{"class":283},[277,13499,318],{"class":311},[277,13501,321],{"class":301},[277,13503,13504],{"class":279,"line":324},[277,13505,328],{"emptyLinePlaceholder":327},[277,13507,13508,13510,13512,13514,13516,13518,13520],{"class":279,"line":331},[277,13509,405],{"class":311},[277,13511,9380],{"class":356},[277,13513,340],{"class":311},[277,13515,413],{"class":291},[277,13517,448],{"class":283},[277,13519,3542],{"class":356},[277,13521,433],{"class":283},[277,13523,13524],{"class":279,"line":346},[277,13525,328],{"emptyLinePlaceholder":327},[277,13527,13528,13530,13532,13534,13537],{"class":279,"line":360},[277,13529,12422],{"class":283},[277,13531,2352],{"class":291},[277,13533,448],{"class":283},[277,13535,13536],{"class":301},"'Setup ejecutado'",[277,13538,433],{"class":283},[277,13540,13541,13543,13545],{"class":279,"line":371},[277,13542,785],{"class":283},[277,13544,288],{"class":287},[277,13546,305],{"class":283},[3111,13548,13549],{},[21,13550,13307,13551,13553],{},[16,13552,3235],{}," en Options API, ya que es exclusivo de Composition API.",[11,13555,13557],{"id":13556},"montaje-del-componente","Montaje del componente",[21,13559,13223,13560,104],{},[72,13561,13562],{},"crea e inserta el DOM del componente",[21,13564,13565],{},"Aquí ya es seguro usar:",[38,13567,13568,13571,13574],{},[41,13569,13570],{},"API del navegador",[41,13572,13573],{},"Librerías externas",[41,13575,13576],{},"Manipulación del DOM",[30,13578,13580,5245,13582],{"id":13579},"onbeforemount-beforemount",[16,13581,11435],{},[16,13583,10670],{},[21,13585,13241,13586,104],{},[72,13587,13588],{},"justo antes de insertar el DOM en la página",[21,13590,13591],{},"No es muy común usarlo, pero puede servir para lógica previa al render final.",[267,13593,13596],{"className":269,"code":13594,"filename":271,"highlights":13595,"language":272,"meta":273,"style":273},"\u003Cscript setup>\nimport { onBeforeMount } from 'vue'\n\nonBeforeMount(() => {\n console.log('El componente está por montarse')\n})\n\u003C/script>\n",[331],[16,13597,13598,13608,13619,13623,13634,13647,13651],{"__ignoreMap":273},[277,13599,13600,13602,13604,13606],{"class":279,"line":280},[277,13601,284],{"class":283},[277,13603,288],{"class":287},[277,13605,292],{"class":291},[277,13607,305],{"class":283},[277,13609,13610,13612,13615,13617],{"class":279,"line":308},[277,13611,312],{"class":311},[277,13613,13614],{"class":283}," { onBeforeMount } ",[277,13616,318],{"class":311},[277,13618,321],{"class":301},[277,13620,13621],{"class":279,"line":324},[277,13622,328],{"emptyLinePlaceholder":327},[277,13624,13626,13628,13630,13632],{"class":13625,"line":331},[279,9398],[277,13627,11435],{"class":291},[277,13629,2203],{"class":283},[277,13631,601],{"class":311},[277,13633,343],{"class":283},[277,13635,13636,13638,13640,13642,13645],{"class":279,"line":346},[277,13637,2349],{"class":283},[277,13639,2352],{"class":291},[277,13641,448],{"class":283},[277,13643,13644],{"class":301},"'El componente está por montarse'",[277,13646,433],{"class":283},[277,13648,13649],{"class":279,"line":360},[277,13650,676],{"class":283},[277,13652,13653,13655,13657],{"class":279,"line":371},[277,13654,785],{"class":283},[277,13656,288],{"class":287},[277,13658,305],{"class":283},[267,13660,13663],{"className":269,"code":13661,"filename":971,"highlights":13662,"language":272,"meta":273,"style":273},"\u003Cscript>\nexport default {\n beforeMount() {\n console.log('Antes de montar el componente')\n }\n}\n\u003C/script>\n",[324],[16,13664,13665,13673,13681,13688,13701,13705,13709],{"__ignoreMap":273},[277,13666,13667,13669,13671],{"class":279,"line":280},[277,13668,284],{"class":283},[277,13670,288],{"class":287},[277,13672,305],{"class":283},[277,13674,13675,13677,13679],{"class":279,"line":308},[277,13676,1057],{"class":311},[277,13678,1060],{"class":311},[277,13680,343],{"class":283},[277,13682,13684,13686],{"class":13683,"line":324},[279,9398],[277,13685,11655],{"class":291},[277,13687,473],{"class":283},[277,13689,13690,13692,13694,13696,13699],{"class":279,"line":331},[277,13691,2881],{"class":283},[277,13693,2352],{"class":291},[277,13695,448],{"class":283},[277,13697,13698],{"class":301},"'Antes de montar el componente'",[277,13700,433],{"class":283},[277,13702,13703],{"class":279,"line":346},[277,13704,542],{"class":283},[277,13706,13707],{"class":279,"line":360},[277,13708,394],{"class":283},[277,13710,13711,13713,13715],{"class":279,"line":371},[277,13712,785],{"class":283},[277,13714,288],{"class":287},[277,13716,305],{"class":283},[30,13718,13720,5245,13722],{"id":13719},"onmounted-mounted",[16,13721,687],{},[16,13723,203],{},[21,13725,13241,13726,104],{},[72,13727,13728],{},"después de que el componente fue insertado en el DOM",[21,13730,13731,13732,104],{},"Este es uno de los hooks ",[72,13733,13734],{},"más usados",[21,13736,13737],{},"Usos típicos:",[38,13739,13740,13743,13746,13749],{},[41,13741,13742],{},"Inicializar charts",[41,13744,13745],{},"Registrar listeners",[41,13747,13748],{},"Enfocar inputs",[41,13750,13751],{},"Integrar librerías externas",[267,13753,13756],{"className":269,"code":13754,"filename":271,"highlights":13755,"language":272,"meta":273,"style":273},"\u003Cscript setup>\nimport { onMounted } from 'vue'\n\nonMounted(() => {\n console.log('Componente montado en el DOM')\n})\n\u003C/script>\n",[331],[16,13757,13758,13768,13779,13783,13794,13807,13811],{"__ignoreMap":273},[277,13759,13760,13762,13764,13766],{"class":279,"line":280},[277,13761,284],{"class":283},[277,13763,288],{"class":287},[277,13765,292],{"class":291},[277,13767,305],{"class":283},[277,13769,13770,13772,13775,13777],{"class":279,"line":308},[277,13771,312],{"class":311},[277,13773,13774],{"class":283}," { onMounted } ",[277,13776,318],{"class":311},[277,13778,321],{"class":301},[277,13780,13781],{"class":279,"line":324},[277,13782,328],{"emptyLinePlaceholder":327},[277,13784,13786,13788,13790,13792],{"class":13785,"line":331},[279,9398],[277,13787,687],{"class":291},[277,13789,2203],{"class":283},[277,13791,601],{"class":311},[277,13793,343],{"class":283},[277,13795,13796,13798,13800,13802,13805],{"class":279,"line":346},[277,13797,2349],{"class":283},[277,13799,2352],{"class":291},[277,13801,448],{"class":283},[277,13803,13804],{"class":301},"'Componente montado en el DOM'",[277,13806,433],{"class":283},[277,13808,13809],{"class":279,"line":360},[277,13810,676],{"class":283},[277,13812,13813,13815,13817],{"class":279,"line":371},[277,13814,785],{"class":283},[277,13816,288],{"class":287},[277,13818,305],{"class":283},[267,13820,13823],{"className":269,"code":13821,"filename":971,"highlights":13822,"language":272,"meta":273,"style":273},"\u003Cscript>\nexport default {\n mounted() {\n console.log('Componente montado')\n }\n}\n\u003C/script>\n",[324],[16,13824,13825,13833,13841,13848,13861,13865,13869],{"__ignoreMap":273},[277,13826,13827,13829,13831],{"class":279,"line":280},[277,13828,284],{"class":283},[277,13830,288],{"class":287},[277,13832,305],{"class":283},[277,13834,13835,13837,13839],{"class":279,"line":308},[277,13836,1057],{"class":311},[277,13838,1060],{"class":311},[277,13840,343],{"class":283},[277,13842,13844,13846],{"class":13843,"line":324},[279,9398],[277,13845,6784],{"class":291},[277,13847,473],{"class":283},[277,13849,13850,13852,13854,13856,13859],{"class":279,"line":331},[277,13851,2881],{"class":283},[277,13853,2352],{"class":291},[277,13855,448],{"class":283},[277,13857,13858],{"class":301},"'Componente montado'",[277,13860,433],{"class":283},[277,13862,13863],{"class":279,"line":346},[277,13864,542],{"class":283},[277,13866,13867],{"class":279,"line":360},[277,13868,394],{"class":283},[277,13870,13871,13873,13875],{"class":279,"line":371},[277,13872,785],{"class":283},[277,13874,288],{"class":287},[277,13876,305],{"class":283},[11,13878,13880],{"id":13879},"actualización-del-componente","Actualización del componente",[21,13882,13883,13884,104],{},"Cuando cambia el estado reactivo, Vue ",[72,13885,13886],{},"vuelve a renderizar el componente",[21,13888,13889],{},"Estos hooks permiten reaccionar antes o después de que el DOM cambie.",[30,13891,13893,5245,13895],{"id":13892},"onbeforeupdate-beforeupdate",[16,13894,9566],{},[16,13896,9088],{},[21,13898,13241,13899,104],{},[72,13900,13901],{},"antes de que Vue actualice el DOM",[21,13903,13904],{},"Puede usarse para inspeccionar el estado previo.",[267,13906,13909],{"className":269,"code":13907,"filename":271,"highlights":13908,"language":272,"meta":273,"style":273},"\u003Cscript setup>\nimport { onBeforeUpdate } from 'vue'\n\nonBeforeUpdate(() => {\n console.log('Antes de actualizar el DOM')\n})\n\u003C/script>\n",[331],[16,13910,13911,13921,13932,13936,13947,13960,13964],{"__ignoreMap":273},[277,13912,13913,13915,13917,13919],{"class":279,"line":280},[277,13914,284],{"class":283},[277,13916,288],{"class":287},[277,13918,292],{"class":291},[277,13920,305],{"class":283},[277,13922,13923,13925,13928,13930],{"class":279,"line":308},[277,13924,312],{"class":311},[277,13926,13927],{"class":283}," { onBeforeUpdate } ",[277,13929,318],{"class":311},[277,13931,321],{"class":301},[277,13933,13934],{"class":279,"line":324},[277,13935,328],{"emptyLinePlaceholder":327},[277,13937,13939,13941,13943,13945],{"class":13938,"line":331},[279,9398],[277,13940,9566],{"class":291},[277,13942,2203],{"class":283},[277,13944,601],{"class":311},[277,13946,343],{"class":283},[277,13948,13949,13951,13953,13955,13958],{"class":279,"line":346},[277,13950,2349],{"class":283},[277,13952,2352],{"class":291},[277,13954,448],{"class":283},[277,13956,13957],{"class":301},"'Antes de actualizar el DOM'",[277,13959,433],{"class":283},[277,13961,13962],{"class":279,"line":360},[277,13963,676],{"class":283},[277,13965,13966,13968,13970],{"class":279,"line":371},[277,13967,785],{"class":283},[277,13969,288],{"class":287},[277,13971,305],{"class":283},[267,13973,13976],{"className":269,"code":13974,"filename":971,"highlights":13975,"language":272,"meta":273,"style":273},"\u003Cscript>\nexport default {\n beforeUpdate() {\n console.log('Antes del update')\n }\n}\n\u003C/script>\n",[324],[16,13977,13978,13986,13994,14001,14014,14018,14022],{"__ignoreMap":273},[277,13979,13980,13982,13984],{"class":279,"line":280},[277,13981,284],{"class":283},[277,13983,288],{"class":287},[277,13985,305],{"class":283},[277,13987,13988,13990,13992],{"class":279,"line":308},[277,13989,1057],{"class":311},[277,13991,1060],{"class":311},[277,13993,343],{"class":283},[277,13995,13997,13999],{"class":13996,"line":324},[279,9398],[277,13998,10268],{"class":291},[277,14000,473],{"class":283},[277,14002,14003,14005,14007,14009,14012],{"class":279,"line":331},[277,14004,2881],{"class":283},[277,14006,2352],{"class":291},[277,14008,448],{"class":283},[277,14010,14011],{"class":301},"'Antes del update'",[277,14013,433],{"class":283},[277,14015,14016],{"class":279,"line":346},[277,14017,542],{"class":283},[277,14019,14020],{"class":279,"line":360},[277,14021,394],{"class":283},[277,14023,14024,14026,14028],{"class":279,"line":371},[277,14025,785],{"class":283},[277,14027,288],{"class":287},[277,14029,305],{"class":283},[30,14031,14033,5245,14035],{"id":14032},"onupdated-updated",[16,14034,9401],{},[16,14036,9091],{},[21,14038,13241,14039,104],{},[72,14040,14041],{},"después de que Vue actualiza el DOM",[21,14043,14044],{},"Útil cuando necesitas medir o interactuar con el DOM actualizado.",[3111,14046,14047],{},[21,14048,14049,14050,104],{},"⚠️ No debe usarse como reemplazo de ",[16,14051,1735],{},[267,14053,14056],{"className":269,"code":14054,"filename":271,"highlights":14055,"language":272,"meta":273,"style":273},"\u003Cscript setup>\nimport { onUpdated } from 'vue'\n\nonUpdated(() => {\n console.log('El DOM ya fue actualizado')\n})\n\u003C/script>\n",[331],[16,14057,14058,14068,14079,14083,14094,14107,14111],{"__ignoreMap":273},[277,14059,14060,14062,14064,14066],{"class":279,"line":280},[277,14061,284],{"class":283},[277,14063,288],{"class":287},[277,14065,292],{"class":291},[277,14067,305],{"class":283},[277,14069,14070,14072,14075,14077],{"class":279,"line":308},[277,14071,312],{"class":311},[277,14073,14074],{"class":283}," { onUpdated } ",[277,14076,318],{"class":311},[277,14078,321],{"class":301},[277,14080,14081],{"class":279,"line":324},[277,14082,328],{"emptyLinePlaceholder":327},[277,14084,14086,14088,14090,14092],{"class":14085,"line":331},[279,9398],[277,14087,9401],{"class":291},[277,14089,2203],{"class":283},[277,14091,601],{"class":311},[277,14093,343],{"class":283},[277,14095,14096,14098,14100,14102,14105],{"class":279,"line":346},[277,14097,2349],{"class":283},[277,14099,2352],{"class":291},[277,14101,448],{"class":283},[277,14103,14104],{"class":301},"'El DOM ya fue actualizado'",[277,14106,433],{"class":283},[277,14108,14109],{"class":279,"line":360},[277,14110,676],{"class":283},[277,14112,14113,14115,14117],{"class":279,"line":371},[277,14114,785],{"class":283},[277,14116,288],{"class":287},[277,14118,305],{"class":283},[267,14120,14123],{"className":269,"code":14121,"filename":971,"highlights":14122,"language":272,"meta":273,"style":273},"\u003Cscript>\nexport default {\n updated() {\n console.log('DOM actualizado')\n }\n}\n\u003C/script>\n",[324],[16,14124,14125,14133,14141,14148,14161,14165,14169],{"__ignoreMap":273},[277,14126,14127,14129,14131],{"class":279,"line":280},[277,14128,284],{"class":283},[277,14130,288],{"class":287},[277,14132,305],{"class":283},[277,14134,14135,14137,14139],{"class":279,"line":308},[277,14136,1057],{"class":311},[277,14138,1060],{"class":311},[277,14140,343],{"class":283},[277,14142,14144,14146],{"class":14143,"line":324},[279,9398],[277,14145,10319],{"class":291},[277,14147,473],{"class":283},[277,14149,14150,14152,14154,14156,14159],{"class":279,"line":331},[277,14151,2881],{"class":283},[277,14153,2352],{"class":291},[277,14155,448],{"class":283},[277,14157,14158],{"class":301},"'DOM actualizado'",[277,14160,433],{"class":283},[277,14162,14163],{"class":279,"line":346},[277,14164,542],{"class":283},[277,14166,14167],{"class":279,"line":360},[277,14168,394],{"class":283},[277,14170,14171,14173,14175],{"class":279,"line":371},[277,14172,785],{"class":283},[277,14174,288],{"class":287},[277,14176,305],{"class":283},[11,14178,14180],{"id":14179},"desmontaje-del-componente","Desmontaje del componente",[21,14182,14183],{},"Cuando un componente deja de existir, Vue ejecuta hooks de limpieza.",[21,14185,14186,14187,104],{},"Esto es ",[72,14188,14189],{},"clave para evitar fugas de memoria",[30,14191,14193,5245,14195],{"id":14192},"onbeforeunmount-beforeunmount",[16,14194,8295],{},[16,14196,7514],{},[21,14198,13241,14199,104],{},[72,14200,14201],{},"justo antes de destruir el componente",[267,14203,14206],{"className":269,"code":14204,"filename":271,"highlights":14205,"language":272,"meta":273,"style":273},"\u003Cscript setup>\nimport { onBeforeUnmount } from 'vue'\n\nonBeforeUnmount(() => {\n console.log('El componente será destruido')\n})\n\u003C/script>\n",[331],[16,14207,14208,14218,14229,14233,14244,14257,14261],{"__ignoreMap":273},[277,14209,14210,14212,14214,14216],{"class":279,"line":280},[277,14211,284],{"class":283},[277,14213,288],{"class":287},[277,14215,292],{"class":291},[277,14217,305],{"class":283},[277,14219,14220,14222,14225,14227],{"class":279,"line":308},[277,14221,312],{"class":311},[277,14223,14224],{"class":283}," { onBeforeUnmount } ",[277,14226,318],{"class":311},[277,14228,321],{"class":301},[277,14230,14231],{"class":279,"line":324},[277,14232,328],{"emptyLinePlaceholder":327},[277,14234,14236,14238,14240,14242],{"class":14235,"line":331},[279,9398],[277,14237,8295],{"class":291},[277,14239,2203],{"class":283},[277,14241,601],{"class":311},[277,14243,343],{"class":283},[277,14245,14246,14248,14250,14252,14255],{"class":279,"line":346},[277,14247,2349],{"class":283},[277,14249,2352],{"class":291},[277,14251,448],{"class":283},[277,14253,14254],{"class":301},"'El componente será destruido'",[277,14256,433],{"class":283},[277,14258,14259],{"class":279,"line":360},[277,14260,676],{"class":283},[277,14262,14263,14265,14267],{"class":279,"line":371},[277,14264,785],{"class":283},[277,14266,288],{"class":287},[277,14268,305],{"class":283},[267,14270,14273],{"className":269,"code":14271,"filename":971,"highlights":14272,"language":272,"meta":273,"style":273},"\u003Cscript>\nexport default {\n beforeUnmount() {\n console.log('Antes de desmontar')\n }\n}\n\u003C/script>\n",[324],[16,14274,14275,14283,14291,14298,14311,14315,14319],{"__ignoreMap":273},[277,14276,14277,14279,14281],{"class":279,"line":280},[277,14278,284],{"class":283},[277,14280,288],{"class":287},[277,14282,305],{"class":283},[277,14284,14285,14287,14289],{"class":279,"line":308},[277,14286,1057],{"class":311},[277,14288,1060],{"class":311},[277,14290,343],{"class":283},[277,14292,14294,14296],{"class":14293,"line":324},[279,9398],[277,14295,8610],{"class":291},[277,14297,473],{"class":283},[277,14299,14300,14302,14304,14306,14309],{"class":279,"line":331},[277,14301,2881],{"class":283},[277,14303,2352],{"class":291},[277,14305,448],{"class":283},[277,14307,14308],{"class":301},"'Antes de desmontar'",[277,14310,433],{"class":283},[277,14312,14313],{"class":279,"line":346},[277,14314,542],{"class":283},[277,14316,14317],{"class":279,"line":360},[277,14318,394],{"class":283},[277,14320,14321,14323,14325],{"class":279,"line":371},[277,14322,785],{"class":283},[277,14324,288],{"class":287},[277,14326,305],{"class":283},[30,14328,14330,5245,14332],{"id":14329},"onunmounted-unmounted",[16,14331,8349],{},[16,14333,5294],{},[21,14335,13241,14336,104],{},[72,14337,14338],{},"después de que el componente fue destruido",[21,14340,14341],{},"Ideal para limpiar:",[38,14343,14344,14347,14350],{},[41,14345,14346],{},"Timers",[41,14348,14349],{},"Sockets",[41,14351,14352],{},"Event listeners",[267,14354,14357],{"className":269,"code":14355,"filename":271,"highlights":14356,"language":272,"meta":273,"style":273},"\u003Cscript setup>\nimport { onMounted, onUnmounted } from 'vue'\n\nlet timer\n\nonMounted(() => {\n timer = setInterval(() => {\n console.log('tick')\n }, 1000)\n})\n\nonUnmounted(() => {\n clearInterval(timer)\n})\n\u003C/script>\n",[360,436],[16,14358,14359,14369,14380,14384,14391,14395,14406,14421,14433,14441,14445,14449,14460,14467,14471],{"__ignoreMap":273},[277,14360,14361,14363,14365,14367],{"class":279,"line":280},[277,14362,284],{"class":283},[277,14364,288],{"class":287},[277,14366,292],{"class":291},[277,14368,305],{"class":283},[277,14370,14371,14373,14376,14378],{"class":279,"line":308},[277,14372,312],{"class":311},[277,14374,14375],{"class":283}," { onMounted, onUnmounted } ",[277,14377,318],{"class":311},[277,14379,321],{"class":301},[277,14381,14382],{"class":279,"line":324},[277,14383,328],{"emptyLinePlaceholder":327},[277,14385,14386,14388],{"class":279,"line":331},[277,14387,7990],{"class":311},[277,14389,14390],{"class":283}," timer\n",[277,14392,14393],{"class":279,"line":346},[277,14394,328],{"emptyLinePlaceholder":327},[277,14396,14398,14400,14402,14404],{"class":14397,"line":360},[279,9398],[277,14399,687],{"class":291},[277,14401,2203],{"class":283},[277,14403,601],{"class":311},[277,14405,343],{"class":283},[277,14407,14408,14411,14413,14415,14417,14419],{"class":279,"line":371},[277,14409,14410],{"class":283}," timer ",[277,14412,298],{"class":311},[277,14414,6100],{"class":291},[277,14416,2203],{"class":283},[277,14418,601],{"class":311},[277,14420,343],{"class":283},[277,14422,14423,14425,14427,14429,14431],{"class":279,"line":381},[277,14424,2881],{"class":283},[277,14426,2352],{"class":291},[277,14428,448],{"class":283},[277,14430,11239],{"class":301},[277,14432,433],{"class":283},[277,14434,14435,14437,14439],{"class":279,"line":391},[277,14436,6120],{"class":283},[277,14438,11248],{"class":356},[277,14440,433],{"class":283},[277,14442,14443],{"class":279,"line":397},[277,14444,676],{"class":283},[277,14446,14447],{"class":279,"line":402},[277,14448,328],{"emptyLinePlaceholder":327},[277,14450,14452,14454,14456,14458],{"class":14451,"line":436},[279,9398],[277,14453,8349],{"class":291},[277,14455,2203],{"class":283},[277,14457,601],{"class":311},[277,14459,343],{"class":283},[277,14461,14462,14464],{"class":279,"line":456},[277,14463,6165],{"class":291},[277,14465,14466],{"class":283},"(timer)\n",[277,14468,14469],{"class":279,"line":461},[277,14470,676],{"class":283},[277,14472,14473,14475,14477],{"class":279,"line":476},[277,14474,785],{"class":283},[277,14476,288],{"class":287},[277,14478,305],{"class":283},[267,14480,14483],{"className":269,"code":14481,"filename":971,"highlights":14482,"language":272,"meta":273,"style":273},"\u003Cscript>\nexport default {\n mounted() {\n this.timer = setInterval(() => {\n console.log('tick')\n }, 1000)\n },\n unmounted() {\n clearInterval(this.timer)\n }\n}\n\u003C/script>\n",[324,381],[16,14484,14485,14493,14501,14508,14525,14538,14547,14551,14558,14570,14574,14578],{"__ignoreMap":273},[277,14486,14487,14489,14491],{"class":279,"line":280},[277,14488,284],{"class":283},[277,14490,288],{"class":287},[277,14492,305],{"class":283},[277,14494,14495,14497,14499],{"class":279,"line":308},[277,14496,1057],{"class":311},[277,14498,1060],{"class":311},[277,14500,343],{"class":283},[277,14502,14504,14506],{"class":14503,"line":324},[279,9398],[277,14505,6784],{"class":291},[277,14507,473],{"class":283},[277,14509,14510,14512,14515,14517,14519,14521,14523],{"class":279,"line":331},[277,14511,4724],{"class":356},[277,14513,14514],{"class":283},".timer ",[277,14516,298],{"class":311},[277,14518,6100],{"class":291},[277,14520,2203],{"class":283},[277,14522,601],{"class":311},[277,14524,343],{"class":283},[277,14526,14527,14530,14532,14534,14536],{"class":279,"line":346},[277,14528,14529],{"class":283}," console.",[277,14531,2352],{"class":291},[277,14533,448],{"class":283},[277,14535,11239],{"class":301},[277,14537,433],{"class":283},[277,14539,14540,14543,14545],{"class":279,"line":360},[277,14541,14542],{"class":283}," }, ",[277,14544,11248],{"class":356},[277,14546,433],{"class":283},[277,14548,14549],{"class":279,"line":371},[277,14550,1131],{"class":283},[277,14552,14554,14556],{"class":14553,"line":381},[279,9398],[277,14555,8668],{"class":291},[277,14557,473],{"class":283},[277,14559,14560,14563,14565,14567],{"class":279,"line":391},[277,14561,14562],{"class":291}," clearInterval",[277,14564,448],{"class":283},[277,14566,1341],{"class":356},[277,14568,14569],{"class":283},".timer)\n",[277,14571,14572],{"class":279,"line":397},[277,14573,542],{"class":283},[277,14575,14576],{"class":279,"line":402},[277,14577,394],{"class":283},[277,14579,14580,14582,14584],{"class":279,"line":436},[277,14581,785],{"class":283},[277,14583,288],{"class":287},[277,14585,305],{"class":283},[11,14587,14589,14590],{"id":14588},"hooks-de-keepalive","Hooks de ",[16,14591,5176],{},[21,14593,14594,14595,225,14597,14600],{},"Cuando un componente está dentro de ",[16,14596,5176],{},[72,14598,14599],{},"no se destruye",", solo se activa o desactiva.",[30,14602,14604,5245,14606],{"id":14603},"onactivated-activated",[16,14605,6217],{},[16,14607,5179],{},[21,14609,14610,14611,104],{},"Se ejecuta cuando el componente ",[72,14612,14613],{},"vuelve a mostrarse",[267,14615,14618],{"className":269,"code":14616,"filename":271,"highlights":14617,"language":272,"meta":273,"style":273},"\u003Cscript setup>\nimport { onActivated } from 'vue'\n\nonActivated(() => {\n console.log('Componente reactivado')\n})\n\u003C/script>\n",[331],[16,14619,14620,14630,14641,14645,14656,14669,14673],{"__ignoreMap":273},[277,14621,14622,14624,14626,14628],{"class":279,"line":280},[277,14623,284],{"class":283},[277,14625,288],{"class":287},[277,14627,292],{"class":291},[277,14629,305],{"class":283},[277,14631,14632,14634,14637,14639],{"class":279,"line":308},[277,14633,312],{"class":311},[277,14635,14636],{"class":283}," { onActivated } ",[277,14638,318],{"class":311},[277,14640,321],{"class":301},[277,14642,14643],{"class":279,"line":324},[277,14644,328],{"emptyLinePlaceholder":327},[277,14646,14648,14650,14652,14654],{"class":14647,"line":331},[279,9398],[277,14649,6217],{"class":291},[277,14651,2203],{"class":283},[277,14653,601],{"class":311},[277,14655,343],{"class":283},[277,14657,14658,14660,14662,14664,14667],{"class":279,"line":346},[277,14659,2349],{"class":283},[277,14661,2352],{"class":291},[277,14663,448],{"class":283},[277,14665,14666],{"class":301},"'Componente reactivado'",[277,14668,433],{"class":283},[277,14670,14671],{"class":279,"line":360},[277,14672,676],{"class":283},[277,14674,14675,14677,14679],{"class":279,"line":371},[277,14676,785],{"class":283},[277,14678,288],{"class":287},[277,14680,305],{"class":283},[267,14682,14685],{"className":269,"code":14683,"filename":971,"highlights":14684,"language":272,"meta":273,"style":273},"\u003Cscript>\nexport default {\n activated() {\n console.log('Componente reactivado')\n }\n}\n\u003C/script>\n",[324],[16,14686,14687,14695,14703,14711,14723,14727,14731],{"__ignoreMap":273},[277,14688,14689,14691,14693],{"class":279,"line":280},[277,14690,284],{"class":283},[277,14692,288],{"class":287},[277,14694,305],{"class":283},[277,14696,14697,14699,14701],{"class":279,"line":308},[277,14698,1057],{"class":311},[277,14700,1060],{"class":311},[277,14702,343],{"class":283},[277,14704,14706,14709],{"class":14705,"line":324},[279,9398],[277,14707,14708],{"class":291}," activated",[277,14710,473],{"class":283},[277,14712,14713,14715,14717,14719,14721],{"class":279,"line":331},[277,14714,2881],{"class":283},[277,14716,2352],{"class":291},[277,14718,448],{"class":283},[277,14720,14666],{"class":301},[277,14722,433],{"class":283},[277,14724,14725],{"class":279,"line":346},[277,14726,542],{"class":283},[277,14728,14729],{"class":279,"line":360},[277,14730,394],{"class":283},[277,14732,14733,14735,14737],{"class":279,"line":371},[277,14734,785],{"class":283},[277,14736,288],{"class":287},[277,14738,305],{"class":283},[30,14740,14742,5245,14744],{"id":14741},"ondeactivated-deactivated",[16,14743,6276],{},[16,14745,5182],{},[21,14747,14610,14748,104],{},[72,14749,14750],{},"se oculta, pero sigue en memoria",[267,14752,14755],{"className":269,"code":14753,"filename":271,"highlights":14754,"language":272,"meta":273,"style":273},"\u003Cscript setup>\nimport { onDeactivated } from 'vue'\n\nonDeactivated(() => {\n console.log('Componente desactivado')\n})\n\u003C/script>\n",[331],[16,14756,14757,14767,14778,14782,14793,14806,14810],{"__ignoreMap":273},[277,14758,14759,14761,14763,14765],{"class":279,"line":280},[277,14760,284],{"class":283},[277,14762,288],{"class":287},[277,14764,292],{"class":291},[277,14766,305],{"class":283},[277,14768,14769,14771,14774,14776],{"class":279,"line":308},[277,14770,312],{"class":311},[277,14772,14773],{"class":283}," { onDeactivated } ",[277,14775,318],{"class":311},[277,14777,321],{"class":301},[277,14779,14780],{"class":279,"line":324},[277,14781,328],{"emptyLinePlaceholder":327},[277,14783,14785,14787,14789,14791],{"class":14784,"line":331},[279,9398],[277,14786,6276],{"class":291},[277,14788,2203],{"class":283},[277,14790,601],{"class":311},[277,14792,343],{"class":283},[277,14794,14795,14797,14799,14801,14804],{"class":279,"line":346},[277,14796,2349],{"class":283},[277,14798,2352],{"class":291},[277,14800,448],{"class":283},[277,14802,14803],{"class":301},"'Componente desactivado'",[277,14805,433],{"class":283},[277,14807,14808],{"class":279,"line":360},[277,14809,676],{"class":283},[277,14811,14812,14814,14816],{"class":279,"line":371},[277,14813,785],{"class":283},[277,14815,288],{"class":287},[277,14817,305],{"class":283},[267,14819,14822],{"className":269,"code":14820,"filename":971,"highlights":14821,"language":272,"meta":273,"style":273},"\u003Cscript>\nexport default {\n deactivated() {\n console.log('Componente desactivado')\n }\n}\n\u003C/script>\n",[324],[16,14823,14824,14832,14840,14847,14859,14863,14867],{"__ignoreMap":273},[277,14825,14826,14828,14830],{"class":279,"line":280},[277,14827,284],{"class":283},[277,14829,288],{"class":287},[277,14831,305],{"class":283},[277,14833,14834,14836,14838],{"class":279,"line":308},[277,14835,1057],{"class":311},[277,14837,1060],{"class":311},[277,14839,343],{"class":283},[277,14841,14843,14845],{"class":14842,"line":324},[279,9398],[277,14844,6872],{"class":291},[277,14846,473],{"class":283},[277,14848,14849,14851,14853,14855,14857],{"class":279,"line":331},[277,14850,2881],{"class":283},[277,14852,2352],{"class":291},[277,14854,448],{"class":283},[277,14856,14803],{"class":301},[277,14858,433],{"class":283},[277,14860,14861],{"class":279,"line":346},[277,14862,542],{"class":283},[277,14864,14865],{"class":279,"line":360},[277,14866,394],{"class":283},[277,14868,14869,14871,14873],{"class":279,"line":371},[277,14870,785],{"class":283},[277,14872,288],{"class":287},[277,14874,305],{"class":283},[11,14876,13150],{"id":14877},"manejo-de-errores",[30,14879,14881,5245,14883],{"id":14880},"onerrorcaptured-errorcaptured",[16,14882,3922],{},[16,14884,3182],{},[21,14886,14887,14888,104],{},"Permite capturar errores de ",[72,14889,14890],{},"componentes hijos",[267,14892,14895],{"className":269,"code":14893,"filename":271,"highlights":14894,"language":272,"meta":273,"style":273},"\u003Cscript setup>\nimport { onErrorCaptured } from 'vue'\n\nonErrorCaptured((error) => {\n console.error('Error capturado:', error)\n return false\n})\n\u003C/script>\n",[331],[16,14896,14897,14907,14918,14922,14937,14950,14956,14960],{"__ignoreMap":273},[277,14898,14899,14901,14903,14905],{"class":279,"line":280},[277,14900,284],{"class":283},[277,14902,288],{"class":287},[277,14904,292],{"class":291},[277,14906,305],{"class":283},[277,14908,14909,14911,14914,14916],{"class":279,"line":308},[277,14910,312],{"class":311},[277,14912,14913],{"class":283}," { onErrorCaptured } ",[277,14915,318],{"class":311},[277,14917,321],{"class":301},[277,14919,14920],{"class":279,"line":324},[277,14921,328],{"emptyLinePlaceholder":327},[277,14923,14925,14927,14929,14931,14933,14935],{"class":14924,"line":331},[279,9398],[277,14926,3922],{"class":291},[277,14928,2334],{"class":283},[277,14930,3349],{"class":349},[277,14932,2340],{"class":283},[277,14934,601],{"class":311},[277,14936,343],{"class":283},[277,14938,14939,14941,14943,14945,14948],{"class":279,"line":346},[277,14940,2349],{"class":283},[277,14942,3349],{"class":291},[277,14944,448],{"class":283},[277,14946,14947],{"class":301},"'Error capturado:'",[277,14949,8215],{"class":283},[277,14951,14952,14954],{"class":279,"line":360},[277,14953,2212],{"class":311},[277,14955,4031],{"class":356},[277,14957,14958],{"class":279,"line":371},[277,14959,676],{"class":283},[277,14961,14962,14964,14966],{"class":279,"line":381},[277,14963,785],{"class":283},[277,14965,288],{"class":287},[277,14967,305],{"class":283},[267,14969,14972],{"className":269,"code":14970,"filename":971,"highlights":14971,"language":272,"meta":273,"style":273},"\u003Cscript>\nexport default {\n errorCaptured(error) {\n console.error('Error capturado:', error)\n return false\n }\n}\n\u003C/script>\n",[324],[16,14973,14974,14982,14990,15001,15013,15019,15023,15027],{"__ignoreMap":273},[277,14975,14976,14978,14980],{"class":279,"line":280},[277,14977,284],{"class":283},[277,14979,288],{"class":287},[277,14981,305],{"class":283},[277,14983,14984,14986,14988],{"class":279,"line":308},[277,14985,1057],{"class":311},[277,14987,1060],{"class":311},[277,14989,343],{"class":283},[277,14991,14993,14995,14997,14999],{"class":14992,"line":324},[279,9398],[277,14994,4705],{"class":291},[277,14996,448],{"class":283},[277,14998,3349],{"class":349},[277,15000,2476],{"class":283},[277,15002,15003,15005,15007,15009,15011],{"class":279,"line":331},[277,15004,2881],{"class":283},[277,15006,3349],{"class":291},[277,15008,448],{"class":283},[277,15010,14947],{"class":301},[277,15012,8215],{"class":283},[277,15014,15015,15017],{"class":279,"line":346},[277,15016,1093],{"class":311},[277,15018,4031],{"class":356},[277,15020,15021],{"class":279,"line":360},[277,15022,542],{"class":283},[277,15024,15025],{"class":279,"line":371},[277,15026,394],{"class":283},[277,15028,15029,15031,15033],{"class":279,"line":381},[277,15030,785],{"class":283},[277,15032,288],{"class":287},[277,15034,305],{"class":283},[11,15036,15038],{"id":15037},"hooks-de-depuración-del-render","Hooks de depuración del render",[21,15040,15041,15042,104],{},"Estos hooks ayudan a entender ",[72,15043,15044],{},"por qué un componente se vuelve a renderizar",[21,15046,15047],{},"No deben usarse normalmente en producción.",[30,15049,15051],{"id":15050},"onrendertracked",[16,15052,2331],{},[21,15054,15055,15056,104],{},"Se ejecuta cuando Vue ",[72,15057,15058],{},"rastrea una dependencia reactiva durante el render",[267,15060,15063],{"className":269,"code":15061,"filename":271,"highlights":15062,"language":272,"meta":273,"style":273},"\u003Cscript setup>\nimport { onRenderTracked } from 'vue'\n\nonRenderTracked((event) => {\n console.debug('Dependencia rastreada:', event.key)\n})\n\u003C/script>\n",[331],[16,15064,15065,15075,15086,15090,15105,15120,15124],{"__ignoreMap":273},[277,15066,15067,15069,15071,15073],{"class":279,"line":280},[277,15068,284],{"class":283},[277,15070,288],{"class":287},[277,15072,292],{"class":291},[277,15074,305],{"class":283},[277,15076,15077,15079,15082,15084],{"class":279,"line":308},[277,15078,312],{"class":311},[277,15080,15081],{"class":283}," { onRenderTracked } ",[277,15083,318],{"class":311},[277,15085,321],{"class":301},[277,15087,15088],{"class":279,"line":324},[277,15089,328],{"emptyLinePlaceholder":327},[277,15091,15093,15095,15097,15099,15101,15103],{"class":15092,"line":331},[279,9398],[277,15094,2331],{"class":291},[277,15096,2334],{"class":283},[277,15098,2337],{"class":349},[277,15100,2340],{"class":283},[277,15102,601],{"class":311},[277,15104,343],{"class":283},[277,15106,15107,15109,15112,15114,15117],{"class":279,"line":346},[277,15108,2349],{"class":283},[277,15110,15111],{"class":291},"debug",[277,15113,448],{"class":283},[277,15115,15116],{"class":301},"'Dependencia rastreada:'",[277,15118,15119],{"class":283},", event.key)\n",[277,15121,15122],{"class":279,"line":360},[277,15123,676],{"class":283},[277,15125,15126,15128,15130],{"class":279,"line":371},[277,15127,785],{"class":283},[277,15129,288],{"class":287},[277,15131,305],{"class":283},[267,15133,15136],{"className":269,"code":15134,"filename":971,"highlights":15135,"language":272,"meta":273,"style":273},"\u003Cscript>\nexport default {\n renderTracked(event) {\n console.debug('Dependencia rastreada:', event.key)\n }\n}\n\u003C/script>\n",[324],[16,15137,15138,15146,15154,15165,15177,15181,15185],{"__ignoreMap":273},[277,15139,15140,15142,15144],{"class":279,"line":280},[277,15141,284],{"class":283},[277,15143,288],{"class":287},[277,15145,305],{"class":283},[277,15147,15148,15150,15152],{"class":279,"line":308},[277,15149,1057],{"class":311},[277,15151,1060],{"class":311},[277,15153,343],{"class":283},[277,15155,15157,15159,15161,15163],{"class":15156,"line":324},[279,9398],[277,15158,2870],{"class":291},[277,15160,448],{"class":283},[277,15162,2337],{"class":349},[277,15164,2476],{"class":283},[277,15166,15167,15169,15171,15173,15175],{"class":279,"line":331},[277,15168,2881],{"class":283},[277,15170,15111],{"class":291},[277,15172,448],{"class":283},[277,15174,15116],{"class":301},[277,15176,15119],{"class":283},[277,15178,15179],{"class":279,"line":346},[277,15180,542],{"class":283},[277,15182,15183],{"class":279,"line":360},[277,15184,394],{"class":283},[277,15186,15187,15189,15191],{"class":279,"line":371},[277,15188,785],{"class":283},[277,15190,288],{"class":287},[277,15192,305],{"class":283},[30,15194,15196],{"id":15195},"onrendertriggered",[16,15197,2398],{},[21,15199,15200,15201,104],{},"Se ejecuta cuando ",[72,15202,15203],{},"una dependencia dispara un re-render",[267,15205,15208],{"className":269,"code":15206,"filename":271,"highlights":15207,"language":272,"meta":273,"style":273},"\u003Cscript setup>\nimport { onRenderTriggered } from 'vue'\n\nonRenderTriggered((event) => {\n console.debug('Re-render causado por:', event.key)\n})\n\u003C/script>\n",[331],[16,15209,15210,15220,15231,15235,15250,15263,15267],{"__ignoreMap":273},[277,15211,15212,15214,15216,15218],{"class":279,"line":280},[277,15213,284],{"class":283},[277,15215,288],{"class":287},[277,15217,292],{"class":291},[277,15219,305],{"class":283},[277,15221,15222,15224,15227,15229],{"class":279,"line":308},[277,15223,312],{"class":311},[277,15225,15226],{"class":283}," { onRenderTriggered } ",[277,15228,318],{"class":311},[277,15230,321],{"class":301},[277,15232,15233],{"class":279,"line":324},[277,15234,328],{"emptyLinePlaceholder":327},[277,15236,15238,15240,15242,15244,15246,15248],{"class":15237,"line":331},[279,9398],[277,15239,2398],{"class":291},[277,15241,2334],{"class":283},[277,15243,2337],{"class":349},[277,15245,2340],{"class":283},[277,15247,601],{"class":311},[277,15249,343],{"class":283},[277,15251,15252,15254,15256,15258,15261],{"class":279,"line":346},[277,15253,2349],{"class":283},[277,15255,15111],{"class":291},[277,15257,448],{"class":283},[277,15259,15260],{"class":301},"'Re-render causado por:'",[277,15262,15119],{"class":283},[277,15264,15265],{"class":279,"line":360},[277,15266,676],{"class":283},[277,15268,15269,15271,15273],{"class":279,"line":371},[277,15270,785],{"class":283},[277,15272,288],{"class":287},[277,15274,305],{"class":283},[267,15276,15279],{"className":269,"code":15277,"filename":971,"highlights":15278,"language":272,"meta":273,"style":273},"\u003Cscript>\nexport default {\n renderTriggered(event) {\n console.debug('Re-render causado por:', event.key)\n }\n}\n\u003C/script>\n",[324],[16,15280,15281,15289,15297,15308,15320,15324,15328],{"__ignoreMap":273},[277,15282,15283,15285,15287],{"class":279,"line":280},[277,15284,284],{"class":283},[277,15286,288],{"class":287},[277,15288,305],{"class":283},[277,15290,15291,15293,15295],{"class":279,"line":308},[277,15292,1057],{"class":311},[277,15294,1060],{"class":311},[277,15296,343],{"class":283},[277,15298,15300,15302,15304,15306],{"class":15299,"line":324},[279,9398],[277,15301,2926],{"class":291},[277,15303,448],{"class":283},[277,15305,2337],{"class":349},[277,15307,2476],{"class":283},[277,15309,15310,15312,15314,15316,15318],{"class":279,"line":331},[277,15311,2881],{"class":283},[277,15313,15111],{"class":291},[277,15315,448],{"class":283},[277,15317,15260],{"class":301},[277,15319,15119],{"class":283},[277,15321,15322],{"class":279,"line":346},[277,15323,542],{"class":283},[277,15325,15326],{"class":279,"line":360},[277,15327,394],{"class":283},[277,15329,15330,15332,15334],{"class":279,"line":371},[277,15331,785],{"class":283},[277,15333,288],{"class":287},[277,15335,305],{"class":283},[11,15337,15339],{"id":15338},"ssr-server-side-rendering","SSR (Server Side Rendering)",[30,15341,15343,5245,15345],{"id":15342},"onserverprefetch-serverprefetch",[16,15344,591],{},[16,15346,18],{},[21,15348,15349,15350,104],{},"Permite ",[72,15351,15352],{},"cargar datos antes de renderizar el HTML en el servidor",[21,15354,15355],{},"Esto evita pantallas vacías durante el primer render.",[267,15357,15360],{"className":269,"code":15358,"filename":271,"highlights":15359,"language":272,"meta":273,"style":273},"\u003Cscript setup>\nimport { onServerPrefetch } from 'vue'\n\nonServerPrefetch(async () => {\n await fetch('/api/data')\n})\n\u003C/script>\n",[331],[16,15361,15362,15372,15383,15387,15402,15415,15419],{"__ignoreMap":273},[277,15363,15364,15366,15368,15370],{"class":279,"line":280},[277,15365,284],{"class":283},[277,15367,288],{"class":287},[277,15369,292],{"class":291},[277,15371,305],{"class":283},[277,15373,15374,15376,15379,15381],{"class":279,"line":308},[277,15375,312],{"class":311},[277,15377,15378],{"class":283}," { onServerPrefetch } ",[277,15380,318],{"class":311},[277,15382,321],{"class":301},[277,15384,15385],{"class":279,"line":324},[277,15386,328],{"emptyLinePlaceholder":327},[277,15388,15390,15392,15394,15396,15398,15400],{"class":15389,"line":331},[279,9398],[277,15391,591],{"class":291},[277,15393,448],{"class":283},[277,15395,464],{"class":311},[277,15397,598],{"class":283},[277,15399,601],{"class":311},[277,15401,343],{"class":283},[277,15403,15404,15406,15408,15410,15413],{"class":279,"line":346},[277,15405,6252],{"class":311},[277,15407,490],{"class":291},[277,15409,448],{"class":283},[277,15411,15412],{"class":301},"'/api/data'",[277,15414,433],{"class":283},[277,15416,15417],{"class":279,"line":360},[277,15418,676],{"class":283},[277,15420,15421,15423,15425],{"class":279,"line":371},[277,15422,785],{"class":283},[277,15424,288],{"class":287},[277,15426,305],{"class":283},[267,15428,15431],{"className":269,"code":15429,"filename":971,"highlights":15430,"language":272,"meta":273,"style":273},"\u003Cscript>\nexport default {\n async serverPrefetch() {\n await fetch('/api/data')\n }\n}\n\u003C/script>\n",[324],[16,15432,15433,15441,15449,15458,15470,15474,15478],{"__ignoreMap":273},[277,15434,15435,15437,15439],{"class":279,"line":280},[277,15436,284],{"class":283},[277,15438,288],{"class":287},[277,15440,305],{"class":283},[277,15442,15443,15445,15447],{"class":279,"line":308},[277,15444,1057],{"class":311},[277,15446,1060],{"class":311},[277,15448,343],{"class":283},[277,15450,15452,15454,15456],{"class":15451,"line":324},[279,9398],[277,15453,1248],{"class":311},[277,15455,1251],{"class":291},[277,15457,473],{"class":283},[277,15459,15460,15462,15464,15466,15468],{"class":279,"line":331},[277,15461,617],{"class":311},[277,15463,490],{"class":291},[277,15465,448],{"class":283},[277,15467,15412],{"class":301},[277,15469,433],{"class":283},[277,15471,15472],{"class":279,"line":346},[277,15473,542],{"class":283},[277,15475,15476],{"class":279,"line":360},[277,15477,394],{"class":283},[277,15479,15480,15482,15484],{"class":279,"line":371},[277,15481,785],{"class":283},[277,15483,288],{"class":287},[277,15485,305],{"class":283},[11,15487,15489],{"id":15488},"cuándo-usar-hooks-y-cuándo-no","Cuándo usar hooks (y cuándo no)",[30,15491,15493],{"id":15492},"úsalos-cuando","Úsalos cuando:",[38,15495,15496,15504,15512,15519],{},[41,15497,15498,15499,511,15502,19],{},"Necesitas ",[72,15500,15501],{},"acceder al DOM real",[16,15503,687],{},[41,15505,15506,15507,511,15510,19],{},"Haces ",[72,15508,15509],{},"limpieza de recursos",[16,15511,8349],{},[41,15513,15514,15515,511,15517,19],{},"Trabajas con ",[72,15516,1646],{},[16,15518,591],{},[41,15520,15521,15522],{},"Necesitas reaccionar a ",[72,15523,15524],{},"fases del ciclo del componente",[30,15526,1874],{"id":15527},"evítalos-cuando",[38,15529,15530,15537,15544],{},[41,15531,1860,15532,15536],{},[72,15533,15534],{},[16,15535,1732],{}," resuelve el problema",[41,15538,1860,15539,15543],{},[72,15540,15541],{},[16,15542,1735],{}," es suficiente",[41,15545,15546,15547],{},"Solo quieres reaccionar a ",[72,15548,15549],{},"cambios de estado específicos",[21,15551,15552,15553,15556],{},"Los hooks coordinan ",[72,15554,15555],{},"momentos del ciclo",", no deberían contener toda la lógica del componente.",[11,15558,1596],{"id":1595},[21,15560,15561,15562,353],{},"Los hooks del ciclo de vida permiten controlar ",[72,15563,15564],{},"momentos clave del componente",[5392,15566,15567,15577],{},[5395,15568,15569],{},[5398,15570,15571,15574],{},[5401,15572,15573],{},"Fase",[5401,15575,15576],{},"Hooks principales",[5414,15578,15579,15589,15599,15609,15619,15630],{},[5398,15580,15581,15583],{},[5419,15582,13122],{},[5419,15584,15585,225,15587],{},[16,15586,10733],{},[16,15588,11940],{},[5398,15590,15591,15593],{},[5419,15592,13127],{},[5419,15594,15595,225,15597],{},[16,15596,687],{},[16,15598,203],{},[5398,15600,15601,15603],{},[5419,15602,13132],{},[5419,15604,15605,225,15607],{},[16,15606,9401],{},[16,15608,9091],{},[5398,15610,15611,15613],{},[5419,15612,13137],{},[5419,15614,15615,225,15617],{},[16,15616,8349],{},[16,15618,5294],{},[5398,15620,15621,15624],{},[5419,15622,15623],{},"Cache",[5419,15625,15626,225,15628],{},[16,15627,6217],{},[16,15629,6276],{},[5398,15631,15632,15634],{},[5419,15633,1646],{},[5419,15635,15636],{},[16,15637,591],{},[3111,15639,15640],{},[21,15641,15642,15643],{},"Si dudas qué hook usar, pregúntate primero:\n",[72,15644,15645],{},"¿En qué momento de la vida del componente necesito ejecutar esta lógica?",[1606,15647,15648],{},"html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .s9eBZ, html code.shiki .s9eBZ{--shiki-default:#22863A;--shiki-dark:#85E89D}html pre.shiki code .szBVR, html code.shiki .szBVR{--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}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 .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}html pre.shiki code .s4XuR, html code.shiki .s4XuR{--shiki-default:#E36209;--shiki-dark:#FFAB70}",{"title":273,"searchDepth":308,"depth":308,"links":15650},[15651,15652,15653,15654,15655,15656,15658,15660,15662,15664,15666,15668,15670,15672,15674,15675,15676,15678,15679],{"id":32,"depth":308,"text":33},{"id":13168,"depth":308,"text":13169},{"id":13236,"depth":308,"text":11937},{"id":11940,"depth":308,"text":11940},{"id":10733,"depth":308,"text":3235},{"id":13579,"depth":308,"text":15657},"onBeforeMount / beforeMount",{"id":13719,"depth":308,"text":15659},"onMounted / mounted",{"id":13892,"depth":308,"text":15661},"onBeforeUpdate / beforeUpdate",{"id":14032,"depth":308,"text":15663},"onUpdated / updated",{"id":14192,"depth":308,"text":15665},"onBeforeUnmount / beforeUnmount",{"id":14329,"depth":308,"text":15667},"onUnmounted / unmounted",{"id":14603,"depth":308,"text":15669},"onActivated / activated",{"id":14741,"depth":308,"text":15671},"onDeactivated / deactivated",{"id":14880,"depth":308,"text":15673},"onErrorCaptured / errorCaptured",{"id":15050,"depth":308,"text":2331},{"id":15195,"depth":308,"text":2398},{"id":15342,"depth":308,"text":15677},"onServerPrefetch / serverPrefetch",{"id":15492,"depth":308,"text":15493},{"id":15527,"depth":308,"text":1874},"https://res.cloudinary.com/denj4fg7f/image/upload/v1772676391/vue-lifecycle-hooks-overview_ovnxzy.png","2026-03-05","Un mapa claro de todos los ciclos de vida de Vue 3 para entender cuándo usar cada hook.",{"script":15684},[15685],{"type":1632,"key":1633,"data-nuxt-schema-org":327,"nodes":15686},[15687],{"headline":13087,"author":15688,"datePublished":15689,"@type":1640},{"name":1637,"@type":1638},"2026-03-04T21:30:00-05:00",{"updatedAt":15689,"readingTime":381,"coverCaption":15691,"author":1637,"keywords":15692},"Panorama de los hooks del ciclo de vida en Vue 3.",[1645,15693,271,971,15694],"Ciclos de vida","Hooks","/blog/vue-lifecycle-hooks-overview.es",[15697],{"headline":13087,"author":15698,"datePublished":15689,"@type":1640},{"name":1637,"@type":1638},{"title":13087,"description":15682},"blog/vue-lifecycle-hooks-overview.es",[15702,15703,15704,15705],{"tag":1660,"color":1661},{"tag":1668,"color":1669},{"tag":3167,"color":3168},{"tag":9074,"color":9075},"nGcUFbUuOo6OTdj106zQl0xVAijCvTULdUPs-1CJRxw",{"id":15708,"title":15709,"body":15710,"cover":17748,"coverAlt":15709,"date":17749,"description":17750,"draft":1627,"extension":1628,"head":17751,"locale":1641,"meta":17758,"navigation":327,"path":17764,"schemaOrg":17765,"seo":17768,"series":1656,"seriesDescription":1656,"seriesOrder":1656,"seriesTitle":1656,"slug":1656,"stem":17769,"tags":17770,"__hash__":17777},"blog/blog/vue-3-reactivity-internals.es.md","Cómo funciona internamente el sistema de reactividad en Vue 3",{"type":8,"value":15711,"toc":17719},[15712,15715,15727,15731,15737,15748,15751,15760,15764,15768,15776,15788,15795,15799,15802,15826,15862,15865,15878,15885,15890,15893,15936,15942,15946,15955,15970,16857,16952,16956,17007,17010,17014,17022,17040,17065,17071,17077,17080,17212,17215,17229,17237,17245,17266,17269,17286,17290,17293,17304,17307,17464,17467,17469,17473,17515,17518,17530,17534,17545,17553,17561,17623,17626,17637,17641,17644,17668,17672,17675,17686,17689,17711,17716],[11,15713,15709],{"id":15714},"cómo-funciona-internamente-el-sistema-de-reactividad-en-vue-3",[21,15716,15717,15718,225,15720,225,15722,225,15724,15726],{},"Vue 3 introdujo un sistema de reactividad completamente rediseñado respecto a Vue 2, basado en Proxy y en un grafo dinámico de dependencias. Aunque la API pública (",[16,15719,1927],{},[16,15721,12319],{},[16,15723,1732],{},[16,15725,1735],{},") resulta simple, su funcionamiento interno responde a un modelo cuidadosamente optimizado para granularidad, rendimiento y previsibilidad. Entender este modelo no es opcional en aplicaciones grandes: es la diferencia entre depurar síntomas y resolver causas.",[30,15728,15730],{"id":15729},"introducción-basada-en-un-problema-real","Introducción basada en un problema real",[21,15732,15733,15734,15736],{},"En equipos que ya utilizan Vue 3 en producción, las dudas más costosas no suelen ser “cómo usar ",[16,15735,1927],{},"”, sino estas:",[38,15738,15739,15742,15745],{},[41,15740,15741],{},"¿Cómo sabe Vue exactamente qué actualizar y qué no tocar?",[41,15743,15744],{},"¿Por qué un cambio parece correcto, pero no re-renderiza?",[41,15746,15747],{},"¿Por qué una pantalla vuelve a renderizar demasiado y se vuelve lenta?",[21,15749,15750],{},"La respuesta no está en una API aislada. Está en el motor interno: cómo Vue registra dependencias al leer estado y cómo decide qué efectos ejecutar al escribir estado.",[21,15752,15753,15754,118,15756,15759],{},"Cuando este modelo mental no está claro, se depura a ciegas. Cuando sí lo está, se puede razonar sobre causa raíz, costo de render y comportamiento de ",[16,15755,1732],{},[16,15757,15758],{},"watchEffect"," con precisión.",[30,15761,15763],{"id":15762},"modelo-mental-simplificado","Modelo mental simplificado",[192,15765,15767],{"id":15766},"dependency-tracking-en-una-frase","Dependency tracking en una frase",[21,15769,15770,15771,225,15773,15775],{},"Cada vez que un efecto activo (render, ",[16,15772,1732],{},[16,15774,15758],{},") lee una propiedad reactiva, Vue registra una relación:",[267,15777,15782],{"className":15778,"code":15779,"filename":15780,"language":15781,"meta":273,"style":273},"language-txt shiki shiki-themes github-light github-dark","efecto X depende de target.key\n","dependency-rule.txt","txt",[16,15783,15784],{"__ignoreMap":273},[277,15785,15786],{"class":279,"line":280},[277,15787,15779],{},[21,15789,15790,15791,15794],{},"Luego, si ",[16,15792,15793],{},"target.key"," cambia, Vue solo notifica los efectos suscritos a esa clave.",[192,15796,15798],{"id":15797},"estructura-interna-weakmap-map-set","Estructura interna: WeakMap → Map → Set",[21,15800,15801],{},"Un modelo simplificado del almacenamiento de dependencias:",[38,15803,15804,15812,15820],{},[41,15805,15806,15809,15810,1895],{},[16,15807,15808],{},"WeakMap",": índice por objeto reactivo (",[16,15811,1783],{},[41,15813,15814,15817,15818,1895],{},[16,15815,15816],{},"Map",": índice por propiedad dentro de ese objeto (",[16,15819,1789],{},[41,15821,15822,15825],{},[16,15823,15824],{},"Set",": efectos que dependen de esa propiedad.",[267,15827,15830],{"className":15778,"code":15828,"filename":15829,"language":15781,"meta":273,"style":273},"bucket (WeakMap)\n -> targetA (Map)\n -> \"count\" (Set: effectRender, effectComputed)\n -> \"ok\" (Set: effectRender)\n -> targetB (Map)\n -> \"name\" (Set: effectProfile)\n","dependency-graph.txt",[16,15831,15832,15837,15842,15847,15852,15857],{"__ignoreMap":273},[277,15833,15834],{"class":279,"line":280},[277,15835,15836],{},"bucket (WeakMap)\n",[277,15838,15839],{"class":279,"line":308},[277,15840,15841],{}," -> targetA (Map)\n",[277,15843,15844],{"class":279,"line":324},[277,15845,15846],{}," -> \"count\" (Set: effectRender, effectComputed)\n",[277,15848,15849],{"class":279,"line":331},[277,15850,15851],{}," -> \"ok\" (Set: effectRender)\n",[277,15853,15854],{"class":279,"line":346},[277,15855,15856],{}," -> targetB (Map)\n",[277,15858,15859],{"class":279,"line":360},[277,15860,15861],{}," -> \"name\" (Set: effectProfile)\n",[21,15863,15864],{},"Esta estructura permite:",[38,15866,15867,15872,15875],{},[41,15868,15869,15870,1895],{},"Evitar memory leaks (gracias a ",[16,15871,15808],{},[41,15873,15874],{},"Tener granularidad por propiedad.",[41,15876,15877],{},"Ejecutar únicamente los efectos necesarios.",[192,15879,15881,15884],{"id":15880},"activeeffect-la-pieza-crítica",[16,15882,15883],{},"activeEffect",": la pieza crítica",[21,15886,15887,15888,104],{},"Vue mantiene una referencia global temporal al efecto que está ejecutándose: ",[16,15889,15883],{},[21,15891,15892],{},"Flujo:",[10089,15894,15895,15905,15914,15928],{},[41,15896,15897,15898,15901,15902,104],{},"Empieza ",[16,15899,15900],{},"effect(fn)"," → ",[16,15903,15904],{},"activeEffect = fn",[41,15906,12305,15907,15910,15911,104],{},[16,15908,15909],{},"fn",", una lectura reactiva ejecuta ",[16,15912,15913],{},"track(target, key)",[41,15915,15916,15919,15920,15922,15923,15925,15926,104],{},[16,15917,15918],{},"track"," asocia ",[16,15921,15883],{}," al ",[16,15924,15824],{}," de ",[16,15927,15793],{},[41,15929,15930,15931,225,15933,15935],{},"Al terminar ",[16,15932,15909],{},[16,15934,15883],{}," vuelve al anterior (stack de efectos anidados).",[21,15937,15938,15939,15941],{},"Sin ",[16,15940,15883],{},", no hay tracking.",[30,15943,15945],{"id":15944},"mini-implementación-desde-cero-en-javascript-puro","Mini implementación desde cero en JavaScript puro",[21,15947,15948,15949,15951,15952,15954],{},"La implementación real es más compleja (maneja tipos de operación, colecciones como ",[16,15950,15816],{},"/",[16,15953,15824],{},", flags internos, etc.), pero este modelo replica las piezas esenciales:",[38,15956,15957,15961,15966],{},[41,15958,15959],{},[16,15960,15913],{},[41,15962,15963],{},[16,15964,15965],{},"trigger(target, key)",[41,15967,15968],{},[16,15969,15900],{},[267,15971,15976],{"className":15972,"code":15973,"filename":15974,"language":15975,"meta":273,"style":273},"language-js shiki shiki-themes github-light github-dark","// Grafo global de dependencias.\nconst bucket = new WeakMap()\n\n// Effect activo y pila para efectos anidados.\nlet activeEffect = null\nconst effectStack = []\n\nfunction cleanup(effectFn) {\n for (const deps of effectFn.deps) {\n deps.delete(effectFn)\n }\n effectFn.deps.length = 0\n}\n\nfunction effect(fn, options = {}) {\n const effectFn = () => {\n cleanup(effectFn)\n activeEffect = effectFn\n effectStack.push(effectFn)\n const result = fn()\n effectStack.pop()\n activeEffect = effectStack[effectStack.length - 1] ?? null\n return result\n }\n\n effectFn.deps = []\n effectFn.options = options\n\n if (!options.lazy) {\n effectFn()\n }\n\n return effectFn\n}\n\nfunction track(target, key) {\n if (!activeEffect) return\n\n let depsMap = bucket.get(target)\n if (!depsMap) {\n depsMap = new Map()\n bucket.set(target, depsMap)\n }\n\n let deps = depsMap.get(key)\n if (!deps) {\n deps = new Set()\n depsMap.set(key, deps)\n }\n\n if (!deps.has(activeEffect)) {\n deps.add(activeEffect)\n activeEffect.deps.push(deps)\n }\n}\n\nfunction trigger(target, key) {\n const depsMap = bucket.get(target)\n if (!depsMap) return\n\n const deps = depsMap.get(key)\n if (!deps) return\n\n const effectsToRun = new Set()\n deps.forEach((effectFn) => {\n if (effectFn !== activeEffect) effectsToRun.add(effectFn)\n })\n\n effectsToRun.forEach((effectFn) => {\n if (effectFn.options.scheduler) {\n effectFn.options.scheduler(effectFn)\n } else {\n effectFn()\n }\n })\n}\n\nfunction reactive(obj) {\n return new Proxy(obj, {\n get(target, key, receiver) {\n track(target, key)\n return Reflect.get(target, key, receiver)\n },\n set(target, key, value, receiver) {\n const oldValue = target[key]\n const result = Reflect.set(target, key, value, receiver)\n if (!Object.is(oldValue, value)) {\n trigger(target, key)\n }\n return result\n }\n })\n}\n","reactivity-core.js","js",[16,15977,15978,15983,15999,16003,16008,16019,16031,16035,16049,16067,16077,16081,16092,16096,16100,16121,16136,16143,16153,16162,16176,16185,16208,16215,16219,16223,16232,16242,16246,16257,16264,16268,16272,16278,16282,16286,16303,16316,16320,16338,16349,16363,16373,16377,16381,16398,16409,16423,16433,16437,16441,16458,16467,16477,16481,16485,16489,16506,16521,16534,16538,16552,16565,16569,16584,16602,16618,16622,16626,16643,16650,16660,16669,16676,16680,16684,16688,16692,16705,16717,16737,16745,16757,16761,16784,16796,16811,16828,16835,16839,16845,16849,16853],{"__ignoreMap":273},[277,15979,15980],{"class":279,"line":280},[277,15981,15982],{"class":12741},"// Grafo global de dependencias.\n",[277,15984,15985,15987,15990,15992,15994,15997],{"class":279,"line":308},[277,15986,405],{"class":311},[277,15988,15989],{"class":356}," bucket",[277,15991,340],{"class":311},[277,15993,526],{"class":311},[277,15995,15996],{"class":291}," WeakMap",[277,15998,622],{"class":283},[277,16000,16001],{"class":279,"line":324},[277,16002,328],{"emptyLinePlaceholder":327},[277,16004,16005],{"class":279,"line":331},[277,16006,16007],{"class":12741},"// Effect activo y pila para efectos anidados.\n",[277,16009,16010,16012,16015,16017],{"class":279,"line":346},[277,16011,7990],{"class":311},[277,16013,16014],{"class":283}," activeEffect ",[277,16016,298],{"class":311},[277,16018,6177],{"class":356},[277,16020,16021,16023,16026,16028],{"class":279,"line":360},[277,16022,405],{"class":311},[277,16024,16025],{"class":356}," effectStack",[277,16027,340],{"class":311},[277,16029,16030],{"class":283}," []\n",[277,16032,16033],{"class":279,"line":371},[277,16034,328],{"emptyLinePlaceholder":327},[277,16036,16037,16039,16042,16044,16047],{"class":279,"line":381},[277,16038,2460],{"class":311},[277,16040,16041],{"class":291}," cleanup",[277,16043,448],{"class":283},[277,16045,16046],{"class":349},"effectFn",[277,16048,2476],{"class":283},[277,16050,16051,16054,16056,16058,16061,16064],{"class":279,"line":391},[277,16052,16053],{"class":311}," for",[277,16055,511],{"class":283},[277,16057,405],{"class":311},[277,16059,16060],{"class":356}," deps",[277,16062,16063],{"class":311}," of",[277,16065,16066],{"class":283}," effectFn.deps) {\n",[277,16068,16069,16072,16074],{"class":279,"line":397},[277,16070,16071],{"class":283}," deps.",[277,16073,1807],{"class":291},[277,16075,16076],{"class":283},"(effectFn)\n",[277,16078,16079],{"class":279,"line":402},[277,16080,542],{"class":283},[277,16082,16083,16086,16088,16090],{"class":279,"line":436},[277,16084,16085],{"class":283}," effectFn.deps.",[277,16087,9813],{"class":356},[277,16089,340],{"class":311},[277,16091,9860],{"class":356},[277,16093,16094],{"class":279,"line":456},[277,16095,394],{"class":283},[277,16097,16098],{"class":279,"line":461},[277,16099,328],{"emptyLinePlaceholder":327},[277,16101,16102,16104,16107,16109,16111,16113,16116,16118],{"class":279,"line":476},[277,16103,2460],{"class":311},[277,16105,16106],{"class":291}," effect",[277,16108,448],{"class":283},[277,16110,15909],{"class":349},[277,16112,225],{"class":283},[277,16114,16115],{"class":349},"options",[277,16117,340],{"class":311},[277,16119,16120],{"class":283}," {}) {\n",[277,16122,16123,16125,16128,16130,16132,16134],{"class":279,"line":500},[277,16124,479],{"class":311},[277,16126,16127],{"class":291}," effectFn",[277,16129,340],{"class":311},[277,16131,598],{"class":283},[277,16133,601],{"class":311},[277,16135,343],{"class":283},[277,16137,16138,16141],{"class":279,"line":505},[277,16139,16140],{"class":291}," cleanup",[277,16142,16076],{"class":283},[277,16144,16145,16148,16150],{"class":279,"line":520},[277,16146,16147],{"class":283}," activeEffect ",[277,16149,298],{"class":311},[277,16151,16152],{"class":283}," effectFn\n",[277,16154,16155,16158,16160],{"class":279,"line":539},[277,16156,16157],{"class":283}," effectStack.",[277,16159,9780],{"class":291},[277,16161,16076],{"class":283},[277,16163,16164,16166,16169,16171,16174],{"class":279,"line":545},[277,16165,2233],{"class":311},[277,16167,16168],{"class":356}," result",[277,16170,340],{"class":311},[277,16172,16173],{"class":291}," fn",[277,16175,622],{"class":283},[277,16177,16178,16180,16183],{"class":279,"line":550},[277,16179,16157],{"class":283},[277,16181,16182],{"class":291},"pop",[277,16184,622],{"class":283},[277,16186,16187,16189,16191,16194,16196,16199,16201,16204,16206],{"class":279,"line":578},[277,16188,16147],{"class":283},[277,16190,298],{"class":311},[277,16192,16193],{"class":283}," effectStack[effectStack.",[277,16195,9813],{"class":356},[277,16197,16198],{"class":311}," -",[277,16200,9819],{"class":356},[277,16202,16203],{"class":283},"] ",[277,16205,9857],{"class":311},[277,16207,6177],{"class":356},[277,16209,16210,16212],{"class":279,"line":583},[277,16211,1093],{"class":311},[277,16213,16214],{"class":283}," result\n",[277,16216,16217],{"class":279,"line":588},[277,16218,542],{"class":283},[277,16220,16221],{"class":279,"line":606},[277,16222,328],{"emptyLinePlaceholder":327},[277,16224,16225,16228,16230],{"class":279,"line":614},[277,16226,16227],{"class":283}," effectFn.deps ",[277,16229,298],{"class":311},[277,16231,16030],{"class":283},[277,16233,16234,16237,16239],{"class":279,"line":625},[277,16235,16236],{"class":283}," effectFn.options ",[277,16238,298],{"class":311},[277,16240,16241],{"class":283}," options\n",[277,16243,16244],{"class":279,"line":637},[277,16245,328],{"emptyLinePlaceholder":327},[277,16247,16248,16250,16252,16254],{"class":279,"line":646},[277,16249,508],{"class":311},[277,16251,511],{"class":283},[277,16253,514],{"class":311},[277,16255,16256],{"class":283},"options.lazy) {\n",[277,16258,16259,16262],{"class":279,"line":668},[277,16260,16261],{"class":291}," effectFn",[277,16263,622],{"class":283},[277,16265,16266],{"class":279,"line":673},[277,16267,542],{"class":283},[277,16269,16270],{"class":279,"line":679},[277,16271,328],{"emptyLinePlaceholder":327},[277,16273,16274,16276],{"class":279,"line":684},[277,16275,2212],{"class":311},[277,16277,16152],{"class":283},[277,16279,16280],{"class":279,"line":700},[277,16281,394],{"class":283},[277,16283,16284],{"class":279,"line":717},[277,16285,328],{"emptyLinePlaceholder":327},[277,16287,16288,16290,16293,16295,16297,16299,16301],{"class":279,"line":722},[277,16289,2460],{"class":311},[277,16291,16292],{"class":291}," track",[277,16294,448],{"class":283},[277,16296,1783],{"class":349},[277,16298,225],{"class":283},[277,16300,1789],{"class":349},[277,16302,2476],{"class":283},[277,16304,16305,16307,16309,16311,16314],{"class":279,"line":729},[277,16306,508],{"class":311},[277,16308,511],{"class":283},[277,16310,514],{"class":311},[277,16312,16313],{"class":283},"activeEffect) ",[277,16315,714],{"class":311},[277,16317,16318],{"class":279,"line":738},[277,16319,328],{"emptyLinePlaceholder":327},[277,16321,16322,16325,16328,16330,16333,16335],{"class":279,"line":747},[277,16323,16324],{"class":311}," let",[277,16326,16327],{"class":283}," depsMap ",[277,16329,298],{"class":311},[277,16331,16332],{"class":283}," bucket.",[277,16334,1798],{"class":291},[277,16336,16337],{"class":283},"(target)\n",[277,16339,16340,16342,16344,16346],{"class":279,"line":754},[277,16341,508],{"class":311},[277,16343,511],{"class":283},[277,16345,514],{"class":311},[277,16347,16348],{"class":283},"depsMap) {\n",[277,16350,16351,16354,16356,16358,16361],{"class":279,"line":772},[277,16352,16353],{"class":283}," depsMap ",[277,16355,298],{"class":311},[277,16357,526],{"class":311},[277,16359,16360],{"class":291}," Map",[277,16362,622],{"class":283},[277,16364,16365,16368,16370],{"class":279,"line":777},[277,16366,16367],{"class":283}," bucket.",[277,16369,1801],{"class":291},[277,16371,16372],{"class":283},"(target, depsMap)\n",[277,16374,16375],{"class":279,"line":782},[277,16376,542],{"class":283},[277,16378,16379],{"class":279,"line":792},[277,16380,328],{"emptyLinePlaceholder":327},[277,16382,16383,16385,16388,16390,16393,16395],{"class":279,"line":797},[277,16384,16324],{"class":311},[277,16386,16387],{"class":283}," deps ",[277,16389,298],{"class":311},[277,16391,16392],{"class":283}," depsMap.",[277,16394,1798],{"class":291},[277,16396,16397],{"class":283},"(key)\n",[277,16399,16400,16402,16404,16406],{"class":279,"line":807},[277,16401,508],{"class":311},[277,16403,511],{"class":283},[277,16405,514],{"class":311},[277,16407,16408],{"class":283},"deps) {\n",[277,16410,16411,16414,16416,16418,16421],{"class":279,"line":826},[277,16412,16413],{"class":283}," deps ",[277,16415,298],{"class":311},[277,16417,526],{"class":311},[277,16419,16420],{"class":291}," Set",[277,16422,622],{"class":283},[277,16424,16425,16428,16430],{"class":279,"line":849},[277,16426,16427],{"class":283}," depsMap.",[277,16429,1801],{"class":291},[277,16431,16432],{"class":283},"(key, deps)\n",[277,16434,16435],{"class":279,"line":854},[277,16436,542],{"class":283},[277,16438,16439],{"class":279,"line":876},[277,16440,328],{"emptyLinePlaceholder":327},[277,16442,16443,16445,16447,16449,16452,16455],{"class":279,"line":891},[277,16444,508],{"class":311},[277,16446,511],{"class":283},[277,16448,514],{"class":311},[277,16450,16451],{"class":283},"deps.",[277,16453,16454],{"class":291},"has",[277,16456,16457],{"class":283},"(activeEffect)) {\n",[277,16459,16460,16462,16464],{"class":279,"line":905},[277,16461,16071],{"class":283},[277,16463,1804],{"class":291},[277,16465,16466],{"class":283},"(activeEffect)\n",[277,16468,16469,16472,16474],{"class":279,"line":919},[277,16470,16471],{"class":283}," activeEffect.deps.",[277,16473,9780],{"class":291},[277,16475,16476],{"class":283},"(deps)\n",[277,16478,16479],{"class":279,"line":929},[277,16480,542],{"class":283},[277,16482,16483],{"class":279,"line":934},[277,16484,394],{"class":283},[277,16486,16487],{"class":279,"line":951},[277,16488,328],{"emptyLinePlaceholder":327},[277,16490,16491,16493,16496,16498,16500,16502,16504],{"class":279,"line":961},[277,16492,2460],{"class":311},[277,16494,16495],{"class":291}," trigger",[277,16497,448],{"class":283},[277,16499,1783],{"class":349},[277,16501,225],{"class":283},[277,16503,1789],{"class":349},[277,16505,2476],{"class":283},[277,16507,16508,16510,16513,16515,16517,16519],{"class":279,"line":1473},[277,16509,479],{"class":311},[277,16511,16512],{"class":356}," depsMap",[277,16514,340],{"class":311},[277,16516,16332],{"class":283},[277,16518,1798],{"class":291},[277,16520,16337],{"class":283},[277,16522,16523,16525,16527,16529,16532],{"class":279,"line":1478},[277,16524,508],{"class":311},[277,16526,511],{"class":283},[277,16528,514],{"class":311},[277,16530,16531],{"class":283},"depsMap) ",[277,16533,714],{"class":311},[277,16535,16536],{"class":279,"line":1497},[277,16537,328],{"emptyLinePlaceholder":327},[277,16539,16540,16542,16544,16546,16548,16550],{"class":279,"line":1510},[277,16541,479],{"class":311},[277,16543,16060],{"class":356},[277,16545,340],{"class":311},[277,16547,16392],{"class":283},[277,16549,1798],{"class":291},[277,16551,16397],{"class":283},[277,16553,16554,16556,16558,16560,16563],{"class":279,"line":1523},[277,16555,508],{"class":311},[277,16557,511],{"class":283},[277,16559,514],{"class":311},[277,16561,16562],{"class":283},"deps) ",[277,16564,714],{"class":311},[277,16566,16567],{"class":279,"line":1536},[277,16568,328],{"emptyLinePlaceholder":327},[277,16570,16571,16573,16576,16578,16580,16582],{"class":279,"line":1545},[277,16572,479],{"class":311},[277,16574,16575],{"class":356}," effectsToRun",[277,16577,340],{"class":311},[277,16579,526],{"class":311},[277,16581,16420],{"class":291},[277,16583,622],{"class":283},[277,16585,16586,16589,16592,16594,16596,16598,16600],{"class":279,"line":1550},[277,16587,16588],{"class":283}," deps.",[277,16590,16591],{"class":291},"forEach",[277,16593,2334],{"class":283},[277,16595,16046],{"class":349},[277,16597,2340],{"class":283},[277,16599,601],{"class":311},[277,16601,343],{"class":283},[277,16603,16604,16606,16609,16611,16614,16616],{"class":279,"line":1565},[277,16605,1336],{"class":311},[277,16607,16608],{"class":283}," (effectFn ",[277,16610,6080],{"class":311},[277,16612,16613],{"class":283}," activeEffect) effectsToRun.",[277,16615,1804],{"class":291},[277,16617,16076],{"class":283},[277,16619,16620],{"class":279,"line":1574},[277,16621,2318],{"class":283},[277,16623,16624],{"class":279,"line":4076},[277,16625,328],{"emptyLinePlaceholder":327},[277,16627,16628,16631,16633,16635,16637,16639,16641],{"class":279,"line":4088},[277,16629,16630],{"class":283}," effectsToRun.",[277,16632,16591],{"class":291},[277,16634,2334],{"class":283},[277,16636,16046],{"class":349},[277,16638,2340],{"class":283},[277,16640,601],{"class":311},[277,16642,343],{"class":283},[277,16644,16645,16647],{"class":279,"line":4093},[277,16646,1336],{"class":311},[277,16648,16649],{"class":283}," (effectFn.options.scheduler) {\n",[277,16651,16652,16655,16658],{"class":279,"line":4102},[277,16653,16654],{"class":283}," effectFn.options.",[277,16656,16657],{"class":291},"scheduler",[277,16659,16076],{"class":283},[277,16661,16662,16664,16667],{"class":279,"line":4107},[277,16663,1280],{"class":283},[277,16665,16666],{"class":311},"else",[277,16668,343],{"class":283},[277,16670,16671,16674],{"class":279,"line":4116},[277,16672,16673],{"class":291}," effectFn",[277,16675,622],{"class":283},[277,16677,16678],{"class":279,"line":4133},[277,16679,1126],{"class":283},[277,16681,16682],{"class":279,"line":4143},[277,16683,2318],{"class":283},[277,16685,16686],{"class":279,"line":4157},[277,16687,394],{"class":283},[277,16689,16690],{"class":279,"line":4166},[277,16691,328],{"emptyLinePlaceholder":327},[277,16693,16694,16696,16698,16700,16703],{"class":279,"line":4172},[277,16695,2460],{"class":311},[277,16697,2024],{"class":291},[277,16699,448],{"class":283},[277,16701,16702],{"class":349},"obj",[277,16704,2476],{"class":283},[277,16706,16707,16709,16711,16714],{"class":279,"line":4182},[277,16708,2212],{"class":311},[277,16710,526],{"class":311},[277,16712,16713],{"class":291}," Proxy",[277,16715,16716],{"class":283},"(obj, {\n",[277,16718,16719,16722,16724,16726,16728,16730,16732,16735],{"class":279,"line":4191},[277,16720,16721],{"class":291}," get",[277,16723,448],{"class":283},[277,16725,1783],{"class":349},[277,16727,225],{"class":283},[277,16729,1789],{"class":349},[277,16731,225],{"class":283},[277,16733,16734],{"class":349},"receiver",[277,16736,2476],{"class":283},[277,16738,16739,16742],{"class":279,"line":4196},[277,16740,16741],{"class":291}," track",[277,16743,16744],{"class":283},"(target, key)\n",[277,16746,16747,16749,16752,16754],{"class":279,"line":4220},[277,16748,2754],{"class":311},[277,16750,16751],{"class":283}," Reflect.",[277,16753,1798],{"class":291},[277,16755,16756],{"class":283},"(target, key, receiver)\n",[277,16758,16759],{"class":279,"line":4234},[277,16760,7016],{"class":283},[277,16762,16763,16766,16768,16770,16772,16774,16776,16778,16780,16782],{"class":279,"line":4247},[277,16764,16765],{"class":291}," set",[277,16767,448],{"class":283},[277,16769,1783],{"class":349},[277,16771,225],{"class":283},[277,16773,1789],{"class":349},[277,16775,225],{"class":283},[277,16777,3885],{"class":349},[277,16779,225],{"class":283},[277,16781,16734],{"class":349},[277,16783,2476],{"class":283},[277,16785,16786,16788,16791,16793],{"class":279,"line":4262},[277,16787,1154],{"class":311},[277,16789,16790],{"class":356}," oldValue",[277,16792,340],{"class":311},[277,16794,16795],{"class":283}," target[key]\n",[277,16797,16798,16800,16802,16804,16806,16808],{"class":279,"line":4293},[277,16799,1154],{"class":311},[277,16801,16168],{"class":356},[277,16803,340],{"class":311},[277,16805,16751],{"class":283},[277,16807,1801],{"class":291},[277,16809,16810],{"class":283},"(target, key, value, receiver)\n",[277,16812,16813,16815,16817,16819,16822,16825],{"class":279,"line":4302},[277,16814,1177],{"class":311},[277,16816,511],{"class":283},[277,16818,514],{"class":311},[277,16820,16821],{"class":283},"Object.",[277,16823,16824],{"class":291},"is",[277,16826,16827],{"class":283},"(oldValue, value)) {\n",[277,16829,16830,16833],{"class":279,"line":4307},[277,16831,16832],{"class":291}," trigger",[277,16834,16744],{"class":283},[277,16836,16837],{"class":279,"line":4328},[277,16838,1203],{"class":283},[277,16840,16841,16843],{"class":279,"line":4337},[277,16842,2754],{"class":311},[277,16844,16214],{"class":283},[277,16846,16847],{"class":279,"line":4993},[277,16848,1126],{"class":283},[277,16850,16851],{"class":279,"line":5006},[277,16852,2318],{"class":283},[277,16854,16855],{"class":279,"line":5019},[277,16856,394],{"class":283},[267,16858,16861],{"className":15972,"code":16859,"filename":16860,"language":15975,"meta":273,"style":273},"const state = reactive({ count: 0, ok: true })\n\neffect(() => {\n console.log(\"render ->\", state.ok ? state.count : \"hidden\")\n})\n\nstate.count++\nstate.ok = false\n","demo.js",[16,16862,16863,16887,16891,16902,16928,16932,16936,16943],{"__ignoreMap":273},[277,16864,16865,16867,16870,16872,16874,16877,16879,16882,16884],{"class":279,"line":280},[277,16866,405],{"class":311},[277,16868,16869],{"class":356}," state",[277,16871,340],{"class":311},[277,16873,2024],{"class":291},[277,16875,16876],{"class":283},"({ count: ",[277,16878,3542],{"class":356},[277,16880,16881],{"class":283},", ok: ",[277,16883,2149],{"class":356},[277,16885,16886],{"class":283}," })\n",[277,16888,16889],{"class":279,"line":308},[277,16890,328],{"emptyLinePlaceholder":327},[277,16892,16893,16896,16898,16900],{"class":279,"line":324},[277,16894,16895],{"class":291},"effect",[277,16897,2203],{"class":283},[277,16899,601],{"class":311},[277,16901,343],{"class":283},[277,16903,16904,16906,16908,16910,16913,16916,16918,16921,16923,16926],{"class":279,"line":331},[277,16905,2349],{"class":283},[277,16907,2352],{"class":291},[277,16909,448],{"class":283},[277,16911,16912],{"class":301},"\"render ->\"",[277,16914,16915],{"class":283},", state.ok ",[277,16917,2285],{"class":311},[277,16919,16920],{"class":283}," state.count ",[277,16922,353],{"class":311},[277,16924,16925],{"class":301}," \"hidden\"",[277,16927,433],{"class":283},[277,16929,16930],{"class":279,"line":346},[277,16931,676],{"class":283},[277,16933,16934],{"class":279,"line":360},[277,16935,328],{"emptyLinePlaceholder":327},[277,16937,16938,16941],{"class":279,"line":371},[277,16939,16940],{"class":283},"state.count",[277,16942,9415],{"class":311},[277,16944,16945,16948,16950],{"class":279,"line":381},[277,16946,16947],{"class":283},"state.ok ",[277,16949,298],{"class":311},[277,16951,4031],{"class":356},[192,16953,16955],{"id":16954},"paso-a-paso-de-lo-que-ocurre","Paso a paso de lo que ocurre",[10089,16957,16958,16963,16981,16989,16999],{},[41,16959,16960,16962],{},[16,16961,16895],{}," ejecuta la función de render y la marca como activa.",[41,16964,16965,16966,1697,16969,16971,16972,16974,16975,16978,16979,104],{},"Al leer ",[16,16967,16968],{},"state.ok",[16,16970,16940],{},", el ",[16,16973,1798],{}," del ",[16,16976,16977],{},"Proxy"," dispara ",[16,16980,15918],{},[41,16982,16983,16985,16986,104],{},[16,16984,15918],{}," guarda dependencias en ",[16,16987,16988],{},"WeakMap → Map → Set",[41,16990,16991,16992,16971,16994,16978,16996,104],{},"Cuando cambias ",[16,16993,16940],{},[16,16995,1801],{},[16,16997,16998],{},"trigger",[41,17000,17001,17003,17004,17006],{},[16,17002,16998],{}," busca el ",[16,17005,15824],{}," de esa key y re-ejecuta solo los efectos dependientes.",[21,17008,17009],{},"Este patrón es exactamente el núcleo del sistema de reactividad de Vue 3.",[30,17011,17013],{"id":17012},"conexión-con-vue-real","Conexión con Vue real",[192,17015,17017,17019,17020],{"id":17016},"reactive-usa-proxy",[16,17018,12319],{}," usa ",[16,17021,16977],{},[21,17023,17024,17026,17027,17029,17030,225,17032,225,17034,225,17036,17039],{},[16,17025,12319],{}," no “magia” valores: crea un ",[16,17028,16977],{}," que intercepta operaciones (",[16,17031,1798],{},[16,17033,1801],{},[16,17035,16454],{},[16,17037,17038],{},"deleteProperty",", iteración, etc.).",[38,17041,17042,17047,17052],{},[41,17043,110,17044,17046],{},[16,17045,1798],{}," se hace tracking.",[41,17048,110,17049,17051],{},[16,17050,1801],{}," se hace trigger.",[41,17053,17054,17055,225,17057,225,17059,225,17061,17064],{},"Para arrays y colecciones (",[16,17056,15816],{},[16,17058,15824],{},[16,17060,15808],{},[16,17062,17063],{},"WeakSet",") existen manejadores específicos.",[192,17066,17068,17070],{"id":17067},"ref-envuelve-primitivos",[16,17069,1927],{}," envuelve primitivos",[21,17072,17073,17074,104],{},"Como un primitivo no puede proxificarse por propiedad, Vue usa un objeto contenedor con getter/setter en ",[16,17075,17076],{},".value",[21,17078,17079],{},"Simplificación conceptual:",[267,17081,17084],{"className":15972,"code":17082,"filename":17083,"language":15975,"meta":273,"style":273},"function ref(raw) {\n const box = {\n get value() {\n track(box, \"value\")\n return raw\n },\n set value(newValue) {\n if (!Object.is(raw, newValue)) {\n raw = newValue\n trigger(box, \"value\")\n }\n }\n }\n return box\n}\n","ref.js",[16,17085,17086,17099,17110,17119,17131,17138,17142,17154,17169,17179,17189,17193,17197,17201,17208],{"__ignoreMap":273},[277,17087,17088,17090,17092,17094,17097],{"class":279,"line":280},[277,17089,2460],{"class":311},[277,17091,413],{"class":291},[277,17093,448],{"class":283},[277,17095,17096],{"class":349},"raw",[277,17098,2476],{"class":283},[277,17100,17101,17103,17106,17108],{"class":279,"line":308},[277,17102,479],{"class":311},[277,17104,17105],{"class":356}," box",[277,17107,340],{"class":311},[277,17109,343],{"class":283},[277,17111,17112,17114,17117],{"class":279,"line":324},[277,17113,16721],{"class":311},[277,17115,17116],{"class":291}," value",[277,17118,473],{"class":283},[277,17120,17121,17123,17126,17129],{"class":279,"line":331},[277,17122,16741],{"class":291},[277,17124,17125],{"class":283},"(box, ",[277,17127,17128],{"class":301},"\"value\"",[277,17130,433],{"class":283},[277,17132,17133,17135],{"class":279,"line":346},[277,17134,2754],{"class":311},[277,17136,17137],{"class":283}," raw\n",[277,17139,17140],{"class":279,"line":360},[277,17141,7016],{"class":283},[277,17143,17144,17146,17148,17150,17152],{"class":279,"line":371},[277,17145,16765],{"class":311},[277,17147,17116],{"class":291},[277,17149,448],{"class":283},[277,17151,1813],{"class":349},[277,17153,2476],{"class":283},[277,17155,17156,17158,17160,17162,17164,17166],{"class":279,"line":381},[277,17157,1177],{"class":311},[277,17159,511],{"class":283},[277,17161,514],{"class":311},[277,17163,16821],{"class":283},[277,17165,16824],{"class":291},[277,17167,17168],{"class":283},"(raw, newValue)) {\n",[277,17170,17171,17174,17176],{"class":279,"line":391},[277,17172,17173],{"class":283}," raw ",[277,17175,298],{"class":311},[277,17177,17178],{"class":283}," newValue\n",[277,17180,17181,17183,17185,17187],{"class":279,"line":397},[277,17182,16832],{"class":291},[277,17184,17125],{"class":283},[277,17186,17128],{"class":301},[277,17188,433],{"class":283},[277,17190,17191],{"class":279,"line":402},[277,17192,1203],{"class":283},[277,17194,17195],{"class":279,"line":436},[277,17196,1126],{"class":283},[277,17198,17199],{"class":279,"line":456},[277,17200,542],{"class":283},[277,17202,17203,17205],{"class":279,"line":461},[277,17204,2212],{"class":311},[277,17206,17207],{"class":283}," box\n",[277,17209,17210],{"class":279,"line":476},[277,17211,394],{"class":283},[21,17213,17214],{},"En Vue real:",[38,17216,17217,17223],{},[41,17218,17219,17220,17222],{},"Los objetos pasados a ",[16,17221,1927],{}," se convierten internamente en reactivos.",[41,17224,17225,17226,17228],{},"En templates, ",[16,17227,17076],{}," se desempaqueta automáticamente (ref unwrapping).",[192,17230,17232,17234,17235],{"id":17231},"computed-se-construye-sobre-effect",[16,17233,1732],{}," se construye sobre ",[16,17236,16895],{},[21,17238,17239,17241,17242,17244],{},[16,17240,1732],{}," se implementa usando un ",[16,17243,16895],{}," lazy:",[10089,17246,17247,17252,17255,17258],{},[41,17248,17249,17250,104],{},"No se evalúa hasta que alguien lee ",[16,17251,17076],{},[41,17253,17254],{},"Cachea el resultado.",[41,17256,17257],{},"Se invalida cuando cambia una dependencia interna.",[41,17259,17260,17261,15951,17263,17265],{},"Expone su propio ",[16,17262,15918],{},[16,17264,16998],{}," para quienes dependen del computed.",[21,17267,17268],{},"Internamente, combina:",[38,17270,17271,17277,17283],{},[41,17272,17273,17274],{},"Un efecto con ",[16,17275,17276],{},"lazy: true",[41,17278,17279,17280],{},"Un flag ",[16,17281,17282],{},"dirty",[41,17284,17285],{},"Un scheduler que marca como inválido en lugar de recalcular inmediatamente",[192,17287,17289],{"id":17288},"scheduler-y-batching","Scheduler y batching",[21,17291,17292],{},"Vue evita trabajo redundante dentro del mismo tick:",[10089,17294,17295,17298,17301],{},[41,17296,17297],{},"En lugar de ejecutar cada efecto inmediatamente, puede encolarlo.",[41,17299,17300],{},"Deduplica jobs repetidos.",[41,17302,17303],{},"Hace flush en una microtask.",[21,17305,17306],{},"Mini scheduler conceptual:",[267,17308,17311],{"className":15972,"code":17309,"filename":17310,"language":15975,"meta":273,"style":273},"const queue = new Set()\nlet flushing = false\nconst p = Promise.resolve()\n\nfunction scheduler(job) {\n queue.add(job)\n if (flushing) return\n flushing = true\n p.then(() => {\n queue.forEach((j) => j())\n queue.clear()\n flushing = false\n })\n}\n","scheduler.js",[16,17312,17313,17328,17339,17358,17362,17376,17386,17395,17404,17417,17438,17447,17456,17460],{"__ignoreMap":273},[277,17314,17315,17317,17320,17322,17324,17326],{"class":279,"line":280},[277,17316,405],{"class":311},[277,17318,17319],{"class":356}," queue",[277,17321,340],{"class":311},[277,17323,526],{"class":311},[277,17325,16420],{"class":291},[277,17327,622],{"class":283},[277,17329,17330,17332,17335,17337],{"class":279,"line":308},[277,17331,7990],{"class":311},[277,17333,17334],{"class":283}," flushing ",[277,17336,298],{"class":311},[277,17338,4031],{"class":356},[277,17340,17341,17343,17346,17348,17351,17353,17356],{"class":279,"line":324},[277,17342,405],{"class":311},[277,17344,17345],{"class":356}," p",[277,17347,340],{"class":311},[277,17349,17350],{"class":356}," Promise",[277,17352,104],{"class":283},[277,17354,17355],{"class":291},"resolve",[277,17357,622],{"class":283},[277,17359,17360],{"class":279,"line":331},[277,17361,328],{"emptyLinePlaceholder":327},[277,17363,17364,17366,17369,17371,17374],{"class":279,"line":346},[277,17365,2460],{"class":311},[277,17367,17368],{"class":291}," scheduler",[277,17370,448],{"class":283},[277,17372,17373],{"class":349},"job",[277,17375,2476],{"class":283},[277,17377,17378,17381,17383],{"class":279,"line":360},[277,17379,17380],{"class":283}," queue.",[277,17382,1804],{"class":291},[277,17384,17385],{"class":283},"(job)\n",[277,17387,17388,17390,17393],{"class":279,"line":371},[277,17389,508],{"class":311},[277,17391,17392],{"class":283}," (flushing) ",[277,17394,714],{"class":311},[277,17396,17397,17400,17402],{"class":279,"line":381},[277,17398,17399],{"class":283}," flushing ",[277,17401,298],{"class":311},[277,17403,2296],{"class":356},[277,17405,17406,17409,17411,17413,17415],{"class":279,"line":391},[277,17407,17408],{"class":283}," p.",[277,17410,12255],{"class":291},[277,17412,2203],{"class":283},[277,17414,601],{"class":311},[277,17416,343],{"class":283},[277,17418,17419,17422,17424,17426,17429,17431,17433,17436],{"class":279,"line":397},[277,17420,17421],{"class":283}," queue.",[277,17423,16591],{"class":291},[277,17425,2334],{"class":283},[277,17427,17428],{"class":349},"j",[277,17430,2340],{"class":283},[277,17432,601],{"class":311},[277,17434,17435],{"class":291}," j",[277,17437,2266],{"class":283},[277,17439,17440,17442,17445],{"class":279,"line":402},[277,17441,17421],{"class":283},[277,17443,17444],{"class":291},"clear",[277,17446,622],{"class":283},[277,17448,17449,17452,17454],{"class":279,"line":436},[277,17450,17451],{"class":283}," flushing ",[277,17453,298],{"class":311},[277,17455,4031],{"class":356},[277,17457,17458],{"class":279,"line":456},[277,17459,2318],{"class":283},[277,17461,17462],{"class":279,"line":461},[277,17463,394],{"class":283},[21,17465,17466],{},"Esto explica por qué 10 mutaciones síncronas pueden producir un único render final.",[30,17468,190],{"id":189},[192,17470,17472],{"id":17471},"la-desestructuración-rompe-la-reactividad","La desestructuración rompe la reactividad",[267,17474,17477],{"className":15972,"code":17475,"filename":17476,"language":15975,"meta":273,"style":273},"const state = reactive({ count: 0 })\nconst { count } = state // count deja de estar enlazado\n","destructuring-breaks-reactivity.js",[16,17478,17479,17495],{"__ignoreMap":273},[277,17480,17481,17483,17485,17487,17489,17491,17493],{"class":279,"line":280},[277,17482,405],{"class":311},[277,17484,16869],{"class":356},[277,17486,340],{"class":311},[277,17488,2024],{"class":291},[277,17490,16876],{"class":283},[277,17492,3542],{"class":356},[277,17494,16886],{"class":283},[277,17496,17497,17499,17501,17504,17507,17509,17512],{"class":279,"line":308},[277,17498,405],{"class":311},[277,17500,5995],{"class":283},[277,17502,17503],{"class":356},"count",[277,17505,17506],{"class":283}," } ",[277,17508,298],{"class":311},[277,17510,17511],{"class":283}," state ",[277,17513,17514],{"class":12741},"// count deja de estar enlazado\n",[21,17516,17517],{},"Corrección:",[38,17519,17520,17525],{},[41,17521,9292,17522],{},[16,17523,17524],{},"toRef(state, \"count\")",[41,17526,17527,17528,104],{},"Acceder como ",[16,17529,16940],{},[192,17531,17533],{"id":17532},"mutaciones-fuera-del-proxy","Mutaciones fuera del proxy",[21,17535,17536,17537,17539,17540,17542,17543,104],{},"Si mutas una referencia “raw” fuera del ",[16,17538,16977],{},", Vue no puede disparar ",[16,17541,16998],{},".\nTodo acceso/escritura que deba ser reactivo debe pasar por el proxy o por ",[16,17544,17076],{},[192,17546,17548,12494,17551],{"id":17547},"shallowref-vs-ref",[16,17549,17550],{},"shallowRef",[16,17552,1927],{},[21,17554,17555,17557,17558,17560],{},[16,17556,17550],{}," solo rastrea el reemplazo de ",[16,17559,17076],{},", no mutaciones profundas.",[267,17562,17565],{"className":15972,"code":17563,"filename":17564,"language":15975,"meta":273,"style":273},"const user = shallowRef({ name: \"Ana\" })\nuser.value.name = \"Eva\" // no dispara por sí solo\nuser.value = { ...user.value, name: \"Eva\" } // sí dispara\n","shallow-ref-example.js",[16,17566,17567,17587,17600],{"__ignoreMap":273},[277,17568,17569,17571,17574,17576,17579,17582,17585],{"class":279,"line":280},[277,17570,405],{"class":311},[277,17572,17573],{"class":356}," user",[277,17575,340],{"class":311},[277,17577,17578],{"class":291}," shallowRef",[277,17580,17581],{"class":283},"({ name: ",[277,17583,17584],{"class":301},"\"Ana\"",[277,17586,16886],{"class":283},[277,17588,17589,17592,17594,17597],{"class":279,"line":308},[277,17590,17591],{"class":283},"user.value.name ",[277,17593,298],{"class":311},[277,17595,17596],{"class":301}," \"Eva\"",[277,17598,17599],{"class":12741}," // no dispara por sí solo\n",[277,17601,17602,17605,17607,17609,17612,17615,17618,17620],{"class":279,"line":324},[277,17603,17604],{"class":283},"user.value ",[277,17606,298],{"class":311},[277,17608,5995],{"class":283},[277,17610,17611],{"class":311},"...",[277,17613,17614],{"class":283},"user.value, name: ",[277,17616,17617],{"class":301},"\"Eva\"",[277,17619,17506],{"class":283},[277,17621,17622],{"class":12741},"// sí dispara\n",[21,17624,17625],{},"Es útil cuando:",[38,17627,17628,17631,17634],{},[41,17629,17630],{},"Manejas estructuras grandes,",[41,17632,17633],{},"Trabajas con librerías externas,",[41,17635,17636],{},"Quieres controlar manualmente cuándo invalidar.",[192,17638,17640],{"id":17639},"effects-que-se-ejecutan-más-de-lo-esperado","Effects que se ejecutan más de lo esperado",[21,17642,17643],{},"Causas típicas:",[38,17645,17646,17652,17657,17665],{},[41,17647,17648,17649,17651],{},"Leer demasiadas fuentes dentro de un mismo ",[16,17650,15758],{},";",[41,17653,17654,17655,17651],{},"Crear objetos nuevos en cada evaluación de ",[16,17656,1732],{},[41,17658,9292,17659,17661,17662,17664],{},[16,17660,15758],{}," cuando ",[16,17663,1732],{}," era suficiente;",[41,17666,17667],{},"Mutar estado dentro de un efecto sin aislar dependencias.",[30,17669,17671],{"id":17670},"conclusión","Conclusión",[21,17673,17674],{},"Cuando entiendes el motor interno de Vue 3, cambia tu forma de construir UI:",[38,17676,17677,17680,17683],{},[41,17678,17679],{},"Pasas de ensayo-error a diagnóstico por dependencias;",[41,17681,17682],{},"Distingues entre problema de tracking y problema de rendering;",[41,17684,17685],{},"Diseñas estado para reducir renders y costo computacional.",[21,17687,17688],{},"En aplicaciones grandes, esto impacta directamente en:",[38,17690,17691,17694,17697],{},[41,17692,17693],{},"Rendimiento estable bajo carga;",[41,17695,17696],{},"Menos bugs intermitentes de sincronización;",[41,17698,17699,17700,225,17702,225,17704,225,17706,225,17708,17710],{},"Decisiones más finas sobre ",[16,17701,1927],{},[16,17703,12319],{},[16,17705,17550],{},[16,17707,1732],{},[16,17709,1735],{}," y scheduling.",[3111,17712,17713],{},[21,17714,17715],{},"La reactividad de Vue 3 no es magia. Es un grafo de dependencias bien diseñado y un scheduler eficiente. Entenderlo te permite escribir código más predecible, más performante y mucho más fácil de depurar.",[1606,17717,17718],{},"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 .sJ8bj, html code.shiki .sJ8bj{--shiki-default:#6A737D;--shiki-dark:#6A737D}html pre.shiki code .szBVR, html code.shiki .szBVR{--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .s4XuR, html code.shiki .s4XuR{--shiki-default:#E36209;--shiki-dark:#FFAB70}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}",{"title":273,"searchDepth":308,"depth":308,"links":17720},[17721,17722,17728,17731,17740,17747],{"id":15729,"depth":308,"text":15730},{"id":15762,"depth":308,"text":15763,"children":17723},[17724,17725,17726],{"id":15766,"depth":324,"text":15767},{"id":15797,"depth":324,"text":15798},{"id":15880,"depth":324,"text":17727},"activeEffect: la pieza crítica",{"id":15944,"depth":308,"text":15945,"children":17729},[17730],{"id":16954,"depth":324,"text":16955},{"id":17012,"depth":308,"text":17013,"children":17732},[17733,17735,17737,17739],{"id":17016,"depth":324,"text":17734},"reactive usa Proxy",{"id":17067,"depth":324,"text":17736},"ref envuelve primitivos",{"id":17231,"depth":324,"text":17738},"computed se construye sobre effect",{"id":17288,"depth":324,"text":17289},{"id":189,"depth":308,"text":190,"children":17741},[17742,17743,17744,17746],{"id":17471,"depth":324,"text":17472},{"id":17532,"depth":324,"text":17533},{"id":17547,"depth":324,"text":17745},"shallowRef vs ref",{"id":17639,"depth":324,"text":17640},{"id":17670,"depth":308,"text":17671},"https://res.cloudinary.com/denj4fg7f/image/upload/v1772497884/vue-3-reactivity-internals_hhru1s.png","2026-03-03","Disección técnica del motor reactivo de Vue 3: dependency tracking, estructura WeakMap->Map->Set, activeEffect, scheduler, batching y errores reales de arquitectura.",{"script":17752},[17753],{"type":1632,"key":1633,"data-nuxt-schema-org":327,"nodes":17754},[17755],{"headline":15709,"author":17756,"datePublished":17757,"@type":1640},{"name":1637,"@type":1638},"2026-03-02T20:00:00-05:00",{"updatedAt":17757,"coverCaption":17759,"author":1637,"keywords":17760},"Portada temporal: reemplazar por arte final de TODOvue",[13114,17761,17762,16657,17763,1732],"reactividad","dependency tracking","batching","/blog/vue-3-reactivity-internals.es",[17766],{"headline":15709,"author":17767,"datePublished":17757,"@type":1640},{"name":1637,"@type":1638},{"title":15709,"description":17750},"blog/vue-3-reactivity-internals.es",[17771,17772,17773,17776],{"tag":3167,"color":3168},{"tag":1665,"color":1666},{"tag":17774,"color":17775},"Rendimiento","#D4A017",{"tag":1671,"color":1672},"rieAB2eTR_0iNRyKJRK5bGzkl_fPF6WXGl4cA8zLqd8",{"id":17779,"title":17780,"body":17781,"cover":20561,"coverAlt":20562,"date":20563,"description":20564,"draft":1627,"extension":1628,"head":20565,"locale":1641,"meta":20572,"navigation":327,"path":20577,"schemaOrg":20578,"seo":20581,"series":20582,"seriesDescription":20583,"seriesOrder":402,"seriesTitle":20584,"slug":1656,"stem":20585,"tags":20586,"__hash__":20596},"blog/blog/directives-vue-custom-directives-guide.es.md","Directivas en Vue: Directivas personalizadas",{"type":8,"value":17782,"toc":20543},[17783,17787,17791,17798,17826,17836,17838,17844,17847,17864,17867,17877,17884,17923,17933,17937,17957,17961,17981,17983,18088,18090,18108,18114,18785,19244,19265,19269,19275,19435,19529,19564,19570,20065,20393,20488,20501,20503,20540],[11,17784,17786],{"id":17785},"directivas-personalizadas-en-vue-3","Directivas personalizadas en Vue 3",[30,17788,17790],{"id":17789},"por-qué-es-importante","Por qué es importante",[21,17792,17793,17794,17797],{},"Las directivas personalizadas te permiten encapsular ",[72,17795,17796],{},"manipulación imperativa de DOM"," que no encaja bien en un componente o en un composable “puro”. Son especialmente útiles para comportamientos de bajo nivel como:",[38,17799,17800,17806,17812,17818],{},[41,17801,17802,17803,19],{},"Foco automático (",[16,17804,17805],{},"v-autofocus",[41,17807,17808,17809,19],{},"Atajos de teclado (",[16,17810,17811],{},"v-hotkey",[41,17813,17814,17815,19],{},"Clic fuera para cerrar (",[16,17816,17817],{},"v-click-outside",[41,17819,17820,17821,225,17823,17825],{},"Integración con API del navegador o librerías no reactivas (por ejemplo, ",[16,17822,7803],{},[16,17824,7628],{},", tooltips)",[21,17827,17828,17829,225,17832,17835],{},"Si no las diseñas bien, es fácil terminar con ",[72,17830,17831],{},"listeners duplicados",[72,17833,17834],{},"fugas de memoria"," o lógica duplicada en múltiples vistas.",[30,17837,61],{"id":60},[21,17839,17840,17841,104],{},"Una directiva personalizada es un objeto (o una función abreviada) con hooks que Vue ejecuta sobre un ",[72,17842,17843],{},"elemento real del DOM",[21,17845,17846],{},"En Vue 3, una directiva puede exponer estos hooks (los más usados en la práctica):",[38,17848,17849,17854,17859],{},[41,17850,17851,17853],{},[16,17852,203],{},": El elemento ya está en el DOM (ideal para agregar listeners u observers).",[41,17855,17856,17858],{},[16,17857,9091],{},": El componente se actualizó y necesitas refrescar el comportamiento.",[41,17860,17861,17863],{},[16,17862,5294],{},": Limpieza de listeners, timers, observers, etc.",[21,17865,17866],{},"Y también existen hooks “before-*” que son útiles en algunos casos:",[38,17868,17869],{},[41,17870,17871,225,17873,225,17875],{},[16,17872,10670],{},[16,17874,9088],{},[16,17876,7514],{},[21,17878,17879,17880,17883],{},"El ",[16,17881,17882],{},"binding"," te da acceso al valor recibido, argumento y modificadores:",[38,17885,17886,17895,17905,17914],{},[41,17887,17888,17891,17892,1895],{},[16,17889,17890],{},"binding.value",": Valor actual (",[16,17893,17894],{},"v-mi-directiva=\"valor\"",[41,17896,17897,17900,17901,15951,17903,1895],{},[16,17898,17899],{},"binding.oldValue",": Valor anterior (solo disponible en ",[16,17902,9088],{},[16,17904,9091],{},[41,17906,17907,17910,17911,1895],{},[16,17908,17909],{},"binding.arg",": Argumento (",[16,17912,17913],{},"v-mi-directiva:delay=\"300\"",[41,17915,17916,17919,17920,1895],{},[16,17917,17918],{},"binding.modifiers",": Modificadores (",[16,17921,17922],{},"v-mi-directiva.once.capture",[21,17924,17925,17926,17929,17930,104],{},"Regla práctica: usa directivas para ",[72,17927,17928],{},"comportamiento del elemento",", no para ",[72,17931,17932],{},"estado de negocio",[30,17934,17936],{"id":17935},"cuándo-usar-directivas-personalizadas","Cuándo usar directivas personalizadas",[10089,17938,17939,17942,17950],{},[41,17940,17941],{},"Cuando necesitas lógica imperativa de DOM reutilizable en varios componentes.",[41,17943,17944,17945,225,17947,17949],{},"Cuando integras APIs no reactivas (",[16,17946,7803],{},[16,17948,7628],{},", tooltips de terceros).",[41,17951,17952,17953,225,17955,1895],{},"Cuando quieres un contrato declarativo en template para un comportamiento concreto (",[16,17954,17805],{},[16,17956,17817],{},[30,17958,17960],{"id":17959},"cuándo-evitarlas","Cuándo evitarlas",[10089,17962,17963,17966,17978],{},[41,17964,17965],{},"Cuando la solución real es un componente (estructura visual + estado + eventos).",[41,17967,17968,17969,225,17972,225,17975,1895],{},"Cuando la lógica se resuelve con bindings o directivas nativas (",[16,17970,17971],{},"v-model",[16,17973,17974],{},"v-bind",[16,17976,17977],{},"v-on",[41,17979,17980],{},"Cuando intentas usar una directiva para coordinar estado global o flujos de datos complejos.",[30,17982,190],{"id":189},[10089,17984,17985,18005,18026,18047,18068],{},[41,17986,17987,17992],{},[72,17988,17989,17990,104],{},"No limpiar recursos en ",[16,17991,5294],{},[38,17993,17994,18000],{},[41,17995,17996,17997,17999],{},"Por qué pasa: se agrega un listener en ",[16,17998,203],{}," y se olvida removerlo.",[41,18001,18002,18003,104],{},"Solución: guarda referencias (en el elemento o en un closure controlado) y limpia siempre en ",[16,18004,5294],{},[41,18006,18007,18010],{},[72,18008,18009],{},"Acoplar la directiva a un caso único.",[38,18011,18012,18015],{},[41,18013,18014],{},"Por qué pasa: nombres genéricos con lógica demasiado específica.",[41,18016,18017,18018,225,18020,1697,18023,104],{},"Solución: define un contrato claro con ",[16,18019,3885],{},[16,18021,18022],{},"arg",[16,18024,18025],{},"modifiers",[41,18027,18028,18031],{},[72,18029,18030],{},"Asumir que una directiva aplicada sobre un componente “siempre” afecta un único nodo DOM.",[38,18032,18033,18036],{},[41,18034,18035],{},"Por qué pasa: se presupone un único root estable o que el componente “forwardea” atributos/directivas como esperamos.",[41,18037,18038,18039,225,18042,225,18044,18046],{},"Solución: para comportamientos de bajo nivel, prioriza aplicarla a elementos HTML concretos (",[16,18040,18041],{},"input",[16,18043,4201],{},[16,18045,4267],{},"). Si la aplicas sobre un componente, asegúrate de que ese componente tenga un root claro y que no rompa el forwarding (casos como múltiples roots o ciertas configuraciones pueden sorprender).",[41,18048,18049,18052],{},[72,18050,18051],{},"Capturar un callback y no actualizarlo.",[38,18053,18054,18063],{},[41,18055,18056,18057,18059,18060,18062],{},"Por qué pasa: se registra un handler en ",[16,18058,203],{}," que cierra sobre ",[16,18061,17890],{}," inicial. Si el callback cambia, el listener sigue llamando al antiguo.",[41,18064,18065,18066,104],{},"Solución: guarda el callback “vigente” en el elemento y actualízalo en ",[16,18067,9091],{},[41,18069,18070,18075],{},[72,18071,18072,18073,104],{},"Ejecutar trabajo pesado en cada ",[16,18074,9091],{},[38,18076,18077,18080],{},[41,18078,18079],{},"Por qué pasa: falta comparación entre valor anterior y actual.",[41,18081,18082,18083,1697,18085,18087],{},"Solución: salir temprano cuando corresponda (por ejemplo, comparando ",[16,18084,17890],{},[16,18086,17899],{}," cuando aplique).",[30,18089,1946],{"id":1945},[38,18091,18092,18097,18102],{},[41,18093,18094,18096],{},[16,18095,17805],{},": enfoca un input al montar.",[41,18098,18099,18101],{},[16,18100,17817],{},": cierra menú o modal al hacer clic fuera.",[41,18103,18104,18107],{},[16,18105,18106],{},"v-intersect",": dispara callback cuando un bloque entra en el viewport.",[192,18109,18111,18113],{"id":18110},"v-click-outside-con-callback-actualizable",[16,18112,17817],{}," (con callback actualizable)",[267,18115,18117],{"className":269,"code":18116,"filename":271,"language":272,"meta":273,"style":273},"\u003Cscript setup lang=\"ts\">\nimport type { Directive } from \"vue\";\nimport { ref } from \"vue\";\n\ntype ClickOutsideHandler = (event: MouseEvent) => void;\n\ntype ElWithClickOutside = HTMLElement & {\n __clickOutsideHandler__?: (event: MouseEvent) => void;\n __clickOutsideCallback__?: ClickOutsideHandler;\n};\n\nconst isOpen = ref(false);\n\nconst vClickOutside: Directive\u003CElWithClickOutside, ClickOutsideHandler> = {\n mounted(el, binding) {\n if (typeof binding.value !== \"function\") return;\n\n // Guardamos el callback vigente (importante si cambia con el tiempo)\n el.__clickOutsideCallback__ = binding.value;\n\n const handler = (event: MouseEvent) => {\n const target = event.target as Node | null;\n if (!target) return;\n\n // Si el click es fuera del elemento, llamamos al callback actual\n if (!el.contains(target)) {\n el.__clickOutsideCallback__?.(event);\n }\n };\n\n el.__clickOutsideHandler__ = handler;\n\n // Capture ayuda con overlays / stopPropagation dentro del dropdown\n document.addEventListener(\"click\", handler, true);\n },\n\n updated(el, binding) {\n // Mantén el callback al día si cambió\n if (typeof binding.value === \"function\") {\n el.__clickOutsideCallback__ = binding.value;\n }\n },\n\n unmounted(el) {\n if (el.__clickOutsideHandler__) {\n document.removeEventListener(\"click\", el.__clickOutsideHandler__, true);\n }\n delete el.__clickOutsideHandler__;\n delete el.__clickOutsideCallback__;\n },\n};\n\u003C/script>\n\n\u003Ctemplate>\n \u003Csection class=\"dropdown-demo\">\n \u003Cbutton type=\"button\" @click=\"isOpen = !isOpen\">Alternar menú\u003C/button>\n\n \u003Cdiv v-if=\"isOpen\" v-click-outside=\"() => (isOpen = false)\">\n \u003Cp>Panel abierto\u003C/p>\n \u003Cp>Haz click fuera para cerrarlo.\u003C/p>\n \u003C/div>\n \u003C/section>\n\u003C/template>\n",[16,18118,18119,18135,18152,18164,18168,18195,18199,18216,18240,18251,18256,18260,18278,18282,18311,18326,18349,18353,18358,18368,18372,18395,18418,18433,18437,18442,18459,18470,18474,18479,18483,18493,18497,18502,18521,18525,18529,18543,18548,18564,18573,18577,18581,18585,18595,18602,18620,18624,18632,18639,18643,18647,18655,18659,18667,18682,18708,18712,18735,18748,18761,18769,18777],{"__ignoreMap":273},[277,18120,18121,18123,18125,18127,18129,18131,18133],{"class":279,"line":280},[277,18122,284],{"class":283},[277,18124,288],{"class":287},[277,18126,292],{"class":291},[277,18128,295],{"class":291},[277,18130,298],{"class":283},[277,18132,302],{"class":301},[277,18134,305],{"class":283},[277,18136,18137,18139,18141,18144,18146,18149],{"class":279,"line":308},[277,18138,312],{"class":311},[277,18140,4270],{"class":311},[277,18142,18143],{"class":283}," { Directive } ",[277,18145,318],{"class":311},[277,18147,18148],{"class":301}," \"vue\"",[277,18150,18151],{"class":283},";\n",[277,18153,18154,18156,18158,18160,18162],{"class":279,"line":324},[277,18155,312],{"class":311},[277,18157,11006],{"class":283},[277,18159,318],{"class":311},[277,18161,18148],{"class":301},[277,18163,18151],{"class":283},[277,18165,18166],{"class":279,"line":331},[277,18167,328],{"emptyLinePlaceholder":327},[277,18169,18170,18172,18175,18177,18179,18181,18183,18186,18188,18190,18193],{"class":279,"line":346},[277,18171,334],{"class":311},[277,18173,18174],{"class":291}," ClickOutsideHandler",[277,18176,340],{"class":311},[277,18178,511],{"class":283},[277,18180,2337],{"class":349},[277,18182,353],{"class":311},[277,18184,18185],{"class":291}," MouseEvent",[277,18187,2340],{"class":283},[277,18189,601],{"class":311},[277,18191,18192],{"class":356}," void",[277,18194,18151],{"class":283},[277,18196,18197],{"class":279,"line":360},[277,18198,328],{"emptyLinePlaceholder":327},[277,18200,18201,18203,18206,18208,18211,18214],{"class":279,"line":371},[277,18202,334],{"class":311},[277,18204,18205],{"class":291}," ElWithClickOutside",[277,18207,340],{"class":311},[277,18209,18210],{"class":291}," HTMLElement",[277,18212,18213],{"class":311}," &",[277,18215,343],{"class":283},[277,18217,18218,18221,18224,18226,18228,18230,18232,18234,18236,18238],{"class":279,"line":381},[277,18219,18220],{"class":291}," __clickOutsideHandler__",[277,18222,18223],{"class":311},"?:",[277,18225,511],{"class":283},[277,18227,2337],{"class":349},[277,18229,353],{"class":311},[277,18231,18185],{"class":291},[277,18233,2340],{"class":283},[277,18235,601],{"class":311},[277,18237,18192],{"class":356},[277,18239,18151],{"class":283},[277,18241,18242,18245,18247,18249],{"class":279,"line":391},[277,18243,18244],{"class":349}," __clickOutsideCallback__",[277,18246,18223],{"class":311},[277,18248,18174],{"class":291},[277,18250,18151],{"class":283},[277,18252,18253],{"class":279,"line":397},[277,18254,18255],{"class":283},"};\n",[277,18257,18258],{"class":279,"line":402},[277,18259,328],{"emptyLinePlaceholder":327},[277,18261,18262,18264,18267,18269,18271,18273,18275],{"class":279,"line":436},[277,18263,405],{"class":311},[277,18265,18266],{"class":356}," isOpen",[277,18268,340],{"class":311},[277,18270,413],{"class":291},[277,18272,448],{"class":283},[277,18274,2123],{"class":356},[277,18276,18277],{"class":283},");\n",[277,18279,18280],{"class":279,"line":456},[277,18281,328],{"emptyLinePlaceholder":327},[277,18283,18284,18286,18289,18291,18294,18296,18299,18301,18304,18307,18309],{"class":279,"line":461},[277,18285,405],{"class":311},[277,18287,18288],{"class":356}," vClickOutside",[277,18290,353],{"class":311},[277,18292,18293],{"class":291}," Directive",[277,18295,284],{"class":283},[277,18297,18298],{"class":291},"ElWithClickOutside",[277,18300,225],{"class":283},[277,18302,18303],{"class":291},"ClickOutsideHandler",[277,18305,18306],{"class":283},"> ",[277,18308,298],{"class":311},[277,18310,343],{"class":283},[277,18312,18313,18315,18317,18320,18322,18324],{"class":279,"line":476},[277,18314,6784],{"class":291},[277,18316,448],{"class":283},[277,18318,18319],{"class":349},"el",[277,18321,225],{"class":283},[277,18323,17882],{"class":349},[277,18325,2476],{"class":283},[277,18327,18328,18330,18332,18334,18337,18339,18342,18344,18347],{"class":279,"line":500},[277,18329,1336],{"class":311},[277,18331,511],{"class":283},[277,18333,5784],{"class":311},[277,18335,18336],{"class":283}," binding.value ",[277,18338,6080],{"class":311},[277,18340,18341],{"class":301}," \"function\"",[277,18343,2340],{"class":283},[277,18345,18346],{"class":311},"return",[277,18348,18151],{"class":283},[277,18350,18351],{"class":279,"line":505},[277,18352,328],{"emptyLinePlaceholder":327},[277,18354,18355],{"class":279,"line":520},[277,18356,18357],{"class":12741}," // Guardamos el callback vigente (importante si cambia con el tiempo)\n",[277,18359,18360,18363,18365],{"class":279,"line":539},[277,18361,18362],{"class":283}," el.__clickOutsideCallback__ ",[277,18364,298],{"class":311},[277,18366,18367],{"class":283}," binding.value;\n",[277,18369,18370],{"class":279,"line":545},[277,18371,328],{"emptyLinePlaceholder":327},[277,18373,18374,18376,18379,18381,18383,18385,18387,18389,18391,18393],{"class":279,"line":550},[277,18375,2233],{"class":311},[277,18377,18378],{"class":291}," handler",[277,18380,340],{"class":311},[277,18382,511],{"class":283},[277,18384,2337],{"class":349},[277,18386,353],{"class":311},[277,18388,18185],{"class":291},[277,18390,2340],{"class":283},[277,18392,601],{"class":311},[277,18394,343],{"class":283},[277,18396,18397,18399,18402,18404,18407,18409,18412,18414,18416],{"class":279,"line":578},[277,18398,1154],{"class":311},[277,18400,18401],{"class":356}," target",[277,18403,340],{"class":311},[277,18405,18406],{"class":283}," event.target ",[277,18408,572],{"class":311},[277,18410,18411],{"class":291}," Node",[277,18413,421],{"class":311},[277,18415,424],{"class":356},[277,18417,18151],{"class":283},[277,18419,18420,18422,18424,18426,18429,18431],{"class":279,"line":583},[277,18421,1177],{"class":311},[277,18423,511],{"class":283},[277,18425,514],{"class":311},[277,18427,18428],{"class":283},"target) ",[277,18430,18346],{"class":311},[277,18432,18151],{"class":283},[277,18434,18435],{"class":279,"line":588},[277,18436,328],{"emptyLinePlaceholder":327},[277,18438,18439],{"class":279,"line":606},[277,18440,18441],{"class":12741}," // Si el click es fuera del elemento, llamamos al callback actual\n",[277,18443,18444,18446,18448,18450,18453,18456],{"class":279,"line":614},[277,18445,1177],{"class":311},[277,18447,511],{"class":283},[277,18449,514],{"class":311},[277,18451,18452],{"class":283},"el.",[277,18454,18455],{"class":291},"contains",[277,18457,18458],{"class":283},"(target)) {\n",[277,18460,18461,18464,18467],{"class":279,"line":625},[277,18462,18463],{"class":283}," el.",[277,18465,18466],{"class":291},"__clickOutsideCallback__",[277,18468,18469],{"class":283},"?.(event);\n",[277,18471,18472],{"class":279,"line":637},[277,18473,1203],{"class":283},[277,18475,18476],{"class":279,"line":646},[277,18477,18478],{"class":283}," };\n",[277,18480,18481],{"class":279,"line":668},[277,18482,328],{"emptyLinePlaceholder":327},[277,18484,18485,18488,18490],{"class":279,"line":673},[277,18486,18487],{"class":283}," el.__clickOutsideHandler__ ",[277,18489,298],{"class":311},[277,18491,18492],{"class":283}," handler;\n",[277,18494,18495],{"class":279,"line":679},[277,18496,328],{"emptyLinePlaceholder":327},[277,18498,18499],{"class":279,"line":684},[277,18500,18501],{"class":12741}," // Capture ayuda con overlays / stopPropagation dentro del dropdown\n",[277,18503,18504,18507,18509,18511,18514,18517,18519],{"class":279,"line":700},[277,18505,18506],{"class":283}," document.",[277,18508,8252],{"class":291},[277,18510,448],{"class":283},[277,18512,18513],{"class":301},"\"click\"",[277,18515,18516],{"class":283},", handler, ",[277,18518,2149],{"class":356},[277,18520,18277],{"class":283},[277,18522,18523],{"class":279,"line":717},[277,18524,1131],{"class":283},[277,18526,18527],{"class":279,"line":722},[277,18528,328],{"emptyLinePlaceholder":327},[277,18530,18531,18533,18535,18537,18539,18541],{"class":279,"line":729},[277,18532,10319],{"class":291},[277,18534,448],{"class":283},[277,18536,18319],{"class":349},[277,18538,225],{"class":283},[277,18540,17882],{"class":349},[277,18542,2476],{"class":283},[277,18544,18545],{"class":279,"line":738},[277,18546,18547],{"class":12741}," // Mantén el callback al día si cambió\n",[277,18549,18550,18552,18554,18556,18558,18560,18562],{"class":279,"line":747},[277,18551,1336],{"class":311},[277,18553,511],{"class":283},[277,18555,5784],{"class":311},[277,18557,18336],{"class":283},[277,18559,2503],{"class":311},[277,18561,18341],{"class":301},[277,18563,2476],{"class":283},[277,18565,18566,18569,18571],{"class":279,"line":754},[277,18567,18568],{"class":283}," el.__clickOutsideCallback__ ",[277,18570,298],{"class":311},[277,18572,18367],{"class":283},[277,18574,18575],{"class":279,"line":772},[277,18576,1126],{"class":283},[277,18578,18579],{"class":279,"line":777},[277,18580,1131],{"class":283},[277,18582,18583],{"class":279,"line":782},[277,18584,328],{"emptyLinePlaceholder":327},[277,18586,18587,18589,18591,18593],{"class":279,"line":792},[277,18588,8668],{"class":291},[277,18590,448],{"class":283},[277,18592,18319],{"class":349},[277,18594,2476],{"class":283},[277,18596,18597,18599],{"class":279,"line":797},[277,18598,1336],{"class":311},[277,18600,18601],{"class":283}," (el.__clickOutsideHandler__) {\n",[277,18603,18604,18607,18609,18611,18613,18616,18618],{"class":279,"line":807},[277,18605,18606],{"class":283}," document.",[277,18608,8308],{"class":291},[277,18610,448],{"class":283},[277,18612,18513],{"class":301},[277,18614,18615],{"class":283},", el.__clickOutsideHandler__, ",[277,18617,2149],{"class":356},[277,18619,18277],{"class":283},[277,18621,18622],{"class":279,"line":826},[277,18623,1126],{"class":283},[277,18625,18626,18629],{"class":279,"line":849},[277,18627,18628],{"class":311}," delete",[277,18630,18631],{"class":283}," el.__clickOutsideHandler__;\n",[277,18633,18634,18636],{"class":279,"line":854},[277,18635,18628],{"class":311},[277,18637,18638],{"class":283}," el.__clickOutsideCallback__;\n",[277,18640,18641],{"class":279,"line":876},[277,18642,1131],{"class":283},[277,18644,18645],{"class":279,"line":891},[277,18646,18255],{"class":283},[277,18648,18649,18651,18653],{"class":279,"line":905},[277,18650,785],{"class":283},[277,18652,288],{"class":287},[277,18654,305],{"class":283},[277,18656,18657],{"class":279,"line":919},[277,18658,328],{"emptyLinePlaceholder":327},[277,18660,18661,18663,18665],{"class":279,"line":929},[277,18662,284],{"class":283},[277,18664,802],{"class":287},[277,18666,305],{"class":283},[277,18668,18669,18671,18673,18675,18677,18680],{"class":279,"line":934},[277,18670,810],{"class":283},[277,18672,4121],{"class":287},[277,18674,816],{"class":291},[277,18676,298],{"class":283},[277,18678,18679],{"class":301},"\"dropdown-demo\"",[277,18681,305],{"class":283},[277,18683,18684,18686,18688,18690,18692,18694,18696,18698,18701,18704,18706],{"class":279,"line":951},[277,18685,829],{"class":283},[277,18687,4267],{"class":287},[277,18689,4270],{"class":291},[277,18691,298],{"class":283},[277,18693,4275],{"class":301},[277,18695,4278],{"class":291},[277,18697,298],{"class":283},[277,18699,18700],{"class":301},"\"isOpen = !isOpen\"",[277,18702,18703],{"class":283},">Alternar menú\u003C/",[277,18705,4267],{"class":287},[277,18707,305],{"class":283},[277,18709,18710],{"class":279,"line":961},[277,18711,328],{"emptyLinePlaceholder":327},[277,18713,18714,18716,18718,18720,18722,18725,18728,18730,18733],{"class":279,"line":1473},[277,18715,829],{"class":283},[277,18717,4201],{"class":287},[277,18719,834],{"class":291},[277,18721,298],{"class":283},[277,18723,18724],{"class":301},"\"isOpen\"",[277,18726,18727],{"class":291}," v-click-outside",[277,18729,298],{"class":283},[277,18731,18732],{"class":301},"\"() => (isOpen = false)\"",[277,18734,305],{"class":283},[277,18736,18737,18739,18741,18744,18746],{"class":279,"line":1478},[277,18738,879],{"class":283},[277,18740,21],{"class":287},[277,18742,18743],{"class":283},">Panel abierto\u003C/",[277,18745,21],{"class":287},[277,18747,305],{"class":283},[277,18749,18750,18752,18754,18757,18759],{"class":279,"line":1497},[277,18751,879],{"class":283},[277,18753,21],{"class":287},[277,18755,18756],{"class":283},">Haz click fuera para cerrarlo.\u003C/",[277,18758,21],{"class":287},[277,18760,305],{"class":283},[277,18762,18763,18765,18767],{"class":279,"line":1510},[277,18764,922],{"class":283},[277,18766,4201],{"class":287},[277,18768,305],{"class":283},[277,18770,18771,18773,18775],{"class":279,"line":1523},[277,18772,954],{"class":283},[277,18774,4121],{"class":287},[277,18776,305],{"class":283},[277,18778,18779,18781,18783],{"class":279,"line":1536},[277,18780,785],{"class":283},[277,18782,802],{"class":287},[277,18784,305],{"class":283},[267,18786,18788],{"className":269,"code":18787,"filename":971,"language":272,"meta":273,"style":273},"\u003Cscript>\nexport default {\n name: \"ClickOutsideExample\",\n data() {\n return {\n isOpen: false,\n };\n },\n directives: {\n clickOutside: {\n mounted(el, binding) {\n if (typeof binding.value !== \"function\") return;\n\n el.__clickOutsideCallback__ = binding.value;\n\n el.__clickOutsideHandler__ = (event) => {\n const target = event.target;\n if (target && !el.contains(target)) {\n el.__clickOutsideCallback__?.(event);\n }\n };\n\n document.addEventListener(\"click\", el.__clickOutsideHandler__, true);\n },\n updated(el, binding) {\n if (typeof binding.value === \"function\") {\n el.__clickOutsideCallback__ = binding.value;\n }\n },\n unmounted(el) {\n if (el.__clickOutsideHandler__) {\n document.removeEventListener(\"click\", el.__clickOutsideHandler__, true);\n }\n delete el.__clickOutsideHandler__;\n delete el.__clickOutsideCallback__;\n },\n },\n },\n};\n\u003C/script>\n\n\u003Ctemplate>\n \u003Csection class=\"dropdown-demo\">\n \u003Cbutton type=\"button\" @click=\"isOpen = !isOpen\">Alternar menú\u003C/button>\n\n \u003Cdiv v-if=\"isOpen\" v-click-outside=\"() => (isOpen = false)\">\n \u003Cp>Panel abierto\u003C/p>\n \u003Cp>Haz click fuera para cerrarlo.\u003C/p>\n \u003C/div>\n \u003C/section>\n\u003C/template>\n",[16,18789,18790,18798,18806,18815,18821,18827,18836,18840,18844,18849,18854,18869,18889,18893,18902,18906,18925,18937,18955,18964,18969,18974,18978,18995,18999,19014,19030,19039,19043,19047,19058,19064,19081,19085,19092,19098,19102,19106,19110,19114,19122,19126,19134,19148,19172,19176,19196,19208,19220,19228,19236],{"__ignoreMap":273},[277,18791,18792,18794,18796],{"class":279,"line":280},[277,18793,284],{"class":283},[277,18795,288],{"class":287},[277,18797,305],{"class":283},[277,18799,18800,18802,18804],{"class":279,"line":308},[277,18801,1057],{"class":311},[277,18803,1060],{"class":311},[277,18805,343],{"class":283},[277,18807,18808,18810,18813],{"class":279,"line":324},[277,18809,1071],{"class":283},[277,18811,18812],{"class":301},"\"ClickOutsideExample\"",[277,18814,1077],{"class":283},[277,18816,18817,18819],{"class":279,"line":331},[277,18818,1086],{"class":291},[277,18820,473],{"class":283},[277,18822,18823,18825],{"class":279,"line":346},[277,18824,1093],{"class":311},[277,18826,343],{"class":283},[277,18828,18829,18832,18834],{"class":279,"line":360},[277,18830,18831],{"class":283}," isOpen: ",[277,18833,2123],{"class":356},[277,18835,1077],{"class":283},[277,18837,18838],{"class":279,"line":371},[277,18839,18478],{"class":283},[277,18841,18842],{"class":279,"line":381},[277,18843,1131],{"class":283},[277,18845,18846],{"class":279,"line":391},[277,18847,18848],{"class":283}," directives: {\n",[277,18850,18851],{"class":279,"line":397},[277,18852,18853],{"class":283}," clickOutside: {\n",[277,18855,18856,18859,18861,18863,18865,18867],{"class":279,"line":402},[277,18857,18858],{"class":291}," mounted",[277,18860,448],{"class":283},[277,18862,18319],{"class":349},[277,18864,225],{"class":283},[277,18866,17882],{"class":349},[277,18868,2476],{"class":283},[277,18870,18871,18873,18875,18877,18879,18881,18883,18885,18887],{"class":279,"line":436},[277,18872,8842],{"class":311},[277,18874,511],{"class":283},[277,18876,5784],{"class":311},[277,18878,18336],{"class":283},[277,18880,6080],{"class":311},[277,18882,18341],{"class":301},[277,18884,2340],{"class":283},[277,18886,18346],{"class":311},[277,18888,18151],{"class":283},[277,18890,18891],{"class":279,"line":456},[277,18892,328],{"emptyLinePlaceholder":327},[277,18894,18895,18898,18900],{"class":279,"line":461},[277,18896,18897],{"class":283}," el.__clickOutsideCallback__ ",[277,18899,298],{"class":311},[277,18901,18367],{"class":283},[277,18903,18904],{"class":279,"line":476},[277,18905,328],{"emptyLinePlaceholder":327},[277,18907,18908,18910,18913,18915,18917,18919,18921,18923],{"class":279,"line":500},[277,18909,18463],{"class":283},[277,18911,18912],{"class":291},"__clickOutsideHandler__",[277,18914,340],{"class":311},[277,18916,511],{"class":283},[277,18918,2337],{"class":349},[277,18920,2340],{"class":283},[277,18922,601],{"class":311},[277,18924,343],{"class":283},[277,18926,18927,18930,18932,18934],{"class":279,"line":505},[277,18928,18929],{"class":311}," const",[277,18931,18401],{"class":356},[277,18933,340],{"class":311},[277,18935,18936],{"class":283}," event.target;\n",[277,18938,18939,18942,18945,18947,18949,18951,18953],{"class":279,"line":520},[277,18940,18941],{"class":311}," if",[277,18943,18944],{"class":283}," (target ",[277,18946,2310],{"class":311},[277,18948,2288],{"class":311},[277,18950,18452],{"class":283},[277,18952,18455],{"class":291},[277,18954,18458],{"class":283},[277,18956,18957,18960,18962],{"class":279,"line":539},[277,18958,18959],{"class":283}," el.",[277,18961,18466],{"class":291},[277,18963,18469],{"class":283},[277,18965,18966],{"class":279,"line":545},[277,18967,18968],{"class":283}," }\n",[277,18970,18971],{"class":279,"line":550},[277,18972,18973],{"class":283}," };\n",[277,18975,18976],{"class":279,"line":578},[277,18977,328],{"emptyLinePlaceholder":327},[277,18979,18980,18983,18985,18987,18989,18991,18993],{"class":279,"line":583},[277,18981,18982],{"class":283}," document.",[277,18984,8252],{"class":291},[277,18986,448],{"class":283},[277,18988,18513],{"class":301},[277,18990,18615],{"class":283},[277,18992,2149],{"class":356},[277,18994,18277],{"class":283},[277,18996,18997],{"class":279,"line":588},[277,18998,2629],{"class":283},[277,19000,19001,19004,19006,19008,19010,19012],{"class":279,"line":606},[277,19002,19003],{"class":291}," updated",[277,19005,448],{"class":283},[277,19007,18319],{"class":349},[277,19009,225],{"class":283},[277,19011,17882],{"class":349},[277,19013,2476],{"class":283},[277,19015,19016,19018,19020,19022,19024,19026,19028],{"class":279,"line":614},[277,19017,8842],{"class":311},[277,19019,511],{"class":283},[277,19021,5784],{"class":311},[277,19023,18336],{"class":283},[277,19025,2503],{"class":311},[277,19027,18341],{"class":301},[277,19029,2476],{"class":283},[277,19031,19032,19035,19037],{"class":279,"line":625},[277,19033,19034],{"class":283}," el.__clickOutsideCallback__ ",[277,19036,298],{"class":311},[277,19038,18367],{"class":283},[277,19040,19041],{"class":279,"line":637},[277,19042,8868],{"class":283},[277,19044,19045],{"class":279,"line":646},[277,19046,2629],{"class":283},[277,19048,19049,19052,19054,19056],{"class":279,"line":668},[277,19050,19051],{"class":291}," unmounted",[277,19053,448],{"class":283},[277,19055,18319],{"class":349},[277,19057,2476],{"class":283},[277,19059,19060,19062],{"class":279,"line":673},[277,19061,8842],{"class":311},[277,19063,18601],{"class":283},[277,19065,19066,19069,19071,19073,19075,19077,19079],{"class":279,"line":679},[277,19067,19068],{"class":283}," document.",[277,19070,8308],{"class":291},[277,19072,448],{"class":283},[277,19074,18513],{"class":301},[277,19076,18615],{"class":283},[277,19078,2149],{"class":356},[277,19080,18277],{"class":283},[277,19082,19083],{"class":279,"line":684},[277,19084,8868],{"class":283},[277,19086,19087,19090],{"class":279,"line":700},[277,19088,19089],{"class":311}," delete",[277,19091,18631],{"class":283},[277,19093,19094,19096],{"class":279,"line":717},[277,19095,19089],{"class":311},[277,19097,18638],{"class":283},[277,19099,19100],{"class":279,"line":722},[277,19101,2629],{"class":283},[277,19103,19104],{"class":279,"line":729},[277,19105,7016],{"class":283},[277,19107,19108],{"class":279,"line":738},[277,19109,1131],{"class":283},[277,19111,19112],{"class":279,"line":747},[277,19113,18255],{"class":283},[277,19115,19116,19118,19120],{"class":279,"line":754},[277,19117,785],{"class":283},[277,19119,288],{"class":287},[277,19121,305],{"class":283},[277,19123,19124],{"class":279,"line":772},[277,19125,328],{"emptyLinePlaceholder":327},[277,19127,19128,19130,19132],{"class":279,"line":777},[277,19129,284],{"class":283},[277,19131,802],{"class":287},[277,19133,305],{"class":283},[277,19135,19136,19138,19140,19142,19144,19146],{"class":279,"line":782},[277,19137,810],{"class":283},[277,19139,4121],{"class":287},[277,19141,816],{"class":291},[277,19143,298],{"class":283},[277,19145,18679],{"class":301},[277,19147,305],{"class":283},[277,19149,19150,19152,19154,19156,19158,19160,19162,19164,19166,19168,19170],{"class":279,"line":792},[277,19151,829],{"class":283},[277,19153,4267],{"class":287},[277,19155,4270],{"class":291},[277,19157,298],{"class":283},[277,19159,4275],{"class":301},[277,19161,4278],{"class":291},[277,19163,298],{"class":283},[277,19165,18700],{"class":301},[277,19167,18703],{"class":283},[277,19169,4267],{"class":287},[277,19171,305],{"class":283},[277,19173,19174],{"class":279,"line":797},[277,19175,328],{"emptyLinePlaceholder":327},[277,19177,19178,19180,19182,19184,19186,19188,19190,19192,19194],{"class":279,"line":807},[277,19179,829],{"class":283},[277,19181,4201],{"class":287},[277,19183,834],{"class":291},[277,19185,298],{"class":283},[277,19187,18724],{"class":301},[277,19189,18727],{"class":291},[277,19191,298],{"class":283},[277,19193,18732],{"class":301},[277,19195,305],{"class":283},[277,19197,19198,19200,19202,19204,19206],{"class":279,"line":826},[277,19199,879],{"class":283},[277,19201,21],{"class":287},[277,19203,18743],{"class":283},[277,19205,21],{"class":287},[277,19207,305],{"class":283},[277,19209,19210,19212,19214,19216,19218],{"class":279,"line":849},[277,19211,879],{"class":283},[277,19213,21],{"class":287},[277,19215,18756],{"class":283},[277,19217,21],{"class":287},[277,19219,305],{"class":283},[277,19221,19222,19224,19226],{"class":279,"line":854},[277,19223,922],{"class":283},[277,19225,4201],{"class":287},[277,19227,305],{"class":283},[277,19229,19230,19232,19234],{"class":279,"line":876},[277,19231,954],{"class":283},[277,19233,4121],{"class":287},[277,19235,305],{"class":283},[277,19237,19238,19240,19242],{"class":279,"line":891},[277,19239,785],{"class":283},[277,19241,802],{"class":287},[277,19243,305],{"class":283},[3111,19245,19246],{},[21,19247,110,19248,19251,19252,19255,19256,19259,19260,15901,19263,1895],{},[16,19249,19250],{},"\u003Cscript setup>",", cualquier variable ",[72,19253,19254],{},"camelCase"," que empiece por ",[16,19257,19258],{},"v"," puede usarse como directiva (",[16,19261,19262],{},"vClickOutside",[16,19264,17817],{},[30,19266,19268],{"id":19267},"más-ejemplos-útiles","Más ejemplos útiles",[192,19270,19272,19274],{"id":19271},"v-autofocus-básico-y-práctico",[16,19273,17805],{}," (básico y práctico)",[267,19276,19281],{"className":19277,"code":19278,"filename":19279,"language":19280,"meta":273,"style":273},"language-ts shiki shiki-themes github-light github-dark","import type { Directive } from \"vue\";\n\nexport const vAutofocus: Directive\u003CHTMLElement, boolean | undefined> = {\n mounted(el, binding) {\n // v-autofocus=\"false\" desactiva el comportamiento\n if (binding.value === false) return;\n\n // En inputs/textarea suele ser lo esperado\n if (typeof (el as any).focus === \"function\") {\n (el as any).focus();\n }\n },\n};\n","main.ts","ts",[16,19282,19283,19297,19301,19336,19350,19355,19373,19377,19382,19407,19423,19427,19431],{"__ignoreMap":273},[277,19284,19285,19287,19289,19291,19293,19295],{"class":279,"line":280},[277,19286,312],{"class":311},[277,19288,4270],{"class":311},[277,19290,18143],{"class":283},[277,19292,318],{"class":311},[277,19294,18148],{"class":301},[277,19296,18151],{"class":283},[277,19298,19299],{"class":279,"line":308},[277,19300,328],{"emptyLinePlaceholder":327},[277,19302,19303,19305,19308,19311,19313,19315,19317,19320,19322,19325,19327,19330,19332,19334],{"class":279,"line":324},[277,19304,1057],{"class":311},[277,19306,19307],{"class":311}," const",[277,19309,19310],{"class":356}," vAutofocus",[277,19312,353],{"class":311},[277,19314,18293],{"class":291},[277,19316,284],{"class":283},[277,19318,19319],{"class":291},"HTMLElement",[277,19321,225],{"class":283},[277,19323,19324],{"class":356},"boolean",[277,19326,421],{"class":311},[277,19328,19329],{"class":356}," undefined",[277,19331,18306],{"class":283},[277,19333,298],{"class":311},[277,19335,343],{"class":283},[277,19337,19338,19340,19342,19344,19346,19348],{"class":279,"line":331},[277,19339,6784],{"class":291},[277,19341,448],{"class":283},[277,19343,18319],{"class":349},[277,19345,225],{"class":283},[277,19347,17882],{"class":349},[277,19349,2476],{"class":283},[277,19351,19352],{"class":279,"line":346},[277,19353,19354],{"class":12741}," // v-autofocus=\"false\" desactiva el comportamiento\n",[277,19356,19357,19359,19362,19364,19367,19369,19371],{"class":279,"line":360},[277,19358,1336],{"class":311},[277,19360,19361],{"class":283}," (binding.value ",[277,19363,2503],{"class":311},[277,19365,19366],{"class":356}," false",[277,19368,2340],{"class":283},[277,19370,18346],{"class":311},[277,19372,18151],{"class":283},[277,19374,19375],{"class":279,"line":371},[277,19376,328],{"emptyLinePlaceholder":327},[277,19378,19379],{"class":279,"line":381},[277,19380,19381],{"class":12741}," // En inputs/textarea suele ser lo esperado\n",[277,19383,19384,19386,19388,19390,19393,19395,19398,19401,19403,19405],{"class":279,"line":391},[277,19385,1336],{"class":311},[277,19387,511],{"class":283},[277,19389,5784],{"class":311},[277,19391,19392],{"class":283}," (el ",[277,19394,572],{"class":311},[277,19396,19397],{"class":356}," any",[277,19399,19400],{"class":283},").focus ",[277,19402,2503],{"class":311},[277,19404,18341],{"class":301},[277,19406,2476],{"class":283},[277,19408,19409,19412,19414,19416,19418,19420],{"class":279,"line":397},[277,19410,19411],{"class":283}," (el ",[277,19413,572],{"class":311},[277,19415,19397],{"class":356},[277,19417,1895],{"class":283},[277,19419,11476],{"class":291},[277,19421,19422],{"class":283},"();\n",[277,19424,19425],{"class":279,"line":402},[277,19426,1126],{"class":283},[277,19428,19429],{"class":279,"line":436},[277,19430,1131],{"class":283},[277,19432,19433],{"class":279,"line":456},[277,19434,18255],{"class":283},[267,19436,19439],{"className":15972,"code":19437,"filename":19438,"language":15975,"meta":273,"style":273},"export const vAutofocus = {\n mounted(el, binding) {\n // v-autofocus=\"false\" desactiva el comportamiento\n if (binding.value === false) return;\n // En inputs/textarea suele ser lo esperado\n if (typeof el.focus === \"function\") {\n el.focus();\n }\n },\n};\n","main.js",[16,19440,19441,19453,19467,19471,19487,19491,19508,19517,19521,19525],{"__ignoreMap":273},[277,19442,19443,19445,19447,19449,19451],{"class":279,"line":280},[277,19444,1057],{"class":311},[277,19446,19307],{"class":311},[277,19448,19310],{"class":356},[277,19450,340],{"class":311},[277,19452,343],{"class":283},[277,19454,19455,19457,19459,19461,19463,19465],{"class":279,"line":308},[277,19456,6784],{"class":291},[277,19458,448],{"class":283},[277,19460,18319],{"class":349},[277,19462,225],{"class":283},[277,19464,17882],{"class":349},[277,19466,2476],{"class":283},[277,19468,19469],{"class":279,"line":324},[277,19470,19354],{"class":12741},[277,19472,19473,19475,19477,19479,19481,19483,19485],{"class":279,"line":331},[277,19474,1336],{"class":311},[277,19476,19361],{"class":283},[277,19478,2503],{"class":311},[277,19480,19366],{"class":356},[277,19482,2340],{"class":283},[277,19484,18346],{"class":311},[277,19486,18151],{"class":283},[277,19488,19489],{"class":279,"line":346},[277,19490,19381],{"class":12741},[277,19492,19493,19495,19497,19499,19502,19504,19506],{"class":279,"line":360},[277,19494,1336],{"class":311},[277,19496,511],{"class":283},[277,19498,5784],{"class":311},[277,19500,19501],{"class":283}," el.focus ",[277,19503,2503],{"class":311},[277,19505,18341],{"class":301},[277,19507,2476],{"class":283},[277,19509,19510,19513,19515],{"class":279,"line":371},[277,19511,19512],{"class":283}," el.",[277,19514,11476],{"class":291},[277,19516,19422],{"class":283},[277,19518,19519],{"class":279,"line":381},[277,19520,1126],{"class":283},[277,19522,19523],{"class":279,"line":391},[277,19524,1131],{"class":283},[277,19526,19527],{"class":279,"line":397},[277,19528,18255],{"class":283},[267,19530,19532],{"className":269,"code":19531,"filename":9339,"language":272,"meta":273,"style":273},"\u003Cinput v-autofocus />\n\u003Cinput v-autofocus=\"isDesktop\" />\n",[16,19533,19534,19545],{"__ignoreMap":273},[277,19535,19536,19538,19540,19543],{"class":279,"line":280},[277,19537,284],{"class":283},[277,19539,18041],{"class":287},[277,19541,19542],{"class":291}," v-autofocus",[277,19544,4325],{"class":283},[277,19546,19547,19549,19551,19553,19555,19557,19560,19562],{"class":279,"line":308},[277,19548,284],{"class":283},[277,19550,18041],{"class":287},[277,19552,19542],{"class":291},[277,19554,298],{"class":283},[277,19556,866],{"class":301},[277,19558,19559],{"class":283},"isDesktop",[277,19561,866],{"class":301},[277,19563,4325],{"class":283},[192,19565,19567,19569],{"id":19566},"v-intersect-intersectionobserver",[16,19568,18106],{}," (IntersectionObserver)",[267,19571,19573],{"className":19277,"code":19572,"filename":19279,"language":19280,"meta":273,"style":273},"import type { Directive } from \"vue\";\n\ntype IntersectValue = {\n onEnter?: (entry: IntersectionObserverEntry) => void;\n onLeave?: (entry: IntersectionObserverEntry) => void;\n options?: IntersectionObserverInit;\n};\n\ntype ElWithObserver = HTMLElement & { __io__?: IntersectionObserver };\n\nexport const vIntersect: Directive\u003CElWithObserver, IntersectValue> = {\n mounted(el, binding) {\n const { onEnter, onLeave, options } = binding.value ?? {};\n\n const io = new IntersectionObserver((entries) => {\n for (const entry of entries) {\n if (entry.isIntersecting) onEnter?.(entry);\n else onLeave?.(entry);\n }\n }, options);\n\n io.observe(el);\n el.__io__ = io;\n },\n updated(el, binding) {\n // Si cambian options de forma dinámica, lo más seguro es recrear el observer\n // (micro-optimización: solo recrear si realmente cambian)\n // Aquí lo dejamos simple y explícito:\n el.__io__?.disconnect();\n delete el.__io__;\n const { onEnter, onLeave, options } = binding.value ?? {};\n const io = new IntersectionObserver((entries) => {\n for (const entry of entries) {\n if (entry.isIntersecting) onEnter?.(entry);\n else onLeave?.(entry);\n }\n }, options);\n io.observe(el);\n el.__io__ = io;\n },\n unmounted(el) {\n el.__io__?.disconnect();\n delete el.__io__;\n },\n};\n",[16,19574,19575,19589,19593,19604,19629,19652,19664,19668,19672,19698,19702,19731,19745,19774,19778,19802,19819,19831,19841,19845,19850,19854,19865,19875,19879,19893,19898,19903,19908,19918,19925,19951,19973,19987,19997,20005,20009,20013,20021,20029,20033,20043,20051,20057,20061],{"__ignoreMap":273},[277,19576,19577,19579,19581,19583,19585,19587],{"class":279,"line":280},[277,19578,312],{"class":311},[277,19580,4270],{"class":311},[277,19582,18143],{"class":283},[277,19584,318],{"class":311},[277,19586,18148],{"class":301},[277,19588,18151],{"class":283},[277,19590,19591],{"class":279,"line":308},[277,19592,328],{"emptyLinePlaceholder":327},[277,19594,19595,19597,19600,19602],{"class":279,"line":324},[277,19596,334],{"class":311},[277,19598,19599],{"class":291}," IntersectValue",[277,19601,340],{"class":311},[277,19603,343],{"class":283},[277,19605,19606,19609,19611,19613,19616,19618,19621,19623,19625,19627],{"class":279,"line":331},[277,19607,19608],{"class":291}," onEnter",[277,19610,18223],{"class":311},[277,19612,511],{"class":283},[277,19614,19615],{"class":349},"entry",[277,19617,353],{"class":311},[277,19619,19620],{"class":291}," IntersectionObserverEntry",[277,19622,2340],{"class":283},[277,19624,601],{"class":311},[277,19626,18192],{"class":356},[277,19628,18151],{"class":283},[277,19630,19631,19634,19636,19638,19640,19642,19644,19646,19648,19650],{"class":279,"line":346},[277,19632,19633],{"class":291}," onLeave",[277,19635,18223],{"class":311},[277,19637,511],{"class":283},[277,19639,19615],{"class":349},[277,19641,353],{"class":311},[277,19643,19620],{"class":291},[277,19645,2340],{"class":283},[277,19647,601],{"class":311},[277,19649,18192],{"class":356},[277,19651,18151],{"class":283},[277,19653,19654,19657,19659,19662],{"class":279,"line":360},[277,19655,19656],{"class":349}," options",[277,19658,18223],{"class":311},[277,19660,19661],{"class":291}," IntersectionObserverInit",[277,19663,18151],{"class":283},[277,19665,19666],{"class":279,"line":371},[277,19667,18255],{"class":283},[277,19669,19670],{"class":279,"line":381},[277,19671,328],{"emptyLinePlaceholder":327},[277,19673,19674,19676,19679,19681,19683,19685,19687,19690,19692,19695],{"class":279,"line":391},[277,19675,334],{"class":311},[277,19677,19678],{"class":291}," ElWithObserver",[277,19680,340],{"class":311},[277,19682,18210],{"class":291},[277,19684,18213],{"class":311},[277,19686,5995],{"class":283},[277,19688,19689],{"class":349},"__io__",[277,19691,18223],{"class":311},[277,19693,19694],{"class":291}," IntersectionObserver",[277,19696,19697],{"class":283}," };\n",[277,19699,19700],{"class":279,"line":397},[277,19701,328],{"emptyLinePlaceholder":327},[277,19703,19704,19706,19708,19711,19713,19715,19717,19720,19722,19725,19727,19729],{"class":279,"line":402},[277,19705,1057],{"class":311},[277,19707,19307],{"class":311},[277,19709,19710],{"class":356}," vIntersect",[277,19712,353],{"class":311},[277,19714,18293],{"class":291},[277,19716,284],{"class":283},[277,19718,19719],{"class":291},"ElWithObserver",[277,19721,225],{"class":283},[277,19723,19724],{"class":291},"IntersectValue",[277,19726,18306],{"class":283},[277,19728,298],{"class":311},[277,19730,343],{"class":283},[277,19732,19733,19735,19737,19739,19741,19743],{"class":279,"line":436},[277,19734,6784],{"class":291},[277,19736,448],{"class":283},[277,19738,18319],{"class":349},[277,19740,225],{"class":283},[277,19742,17882],{"class":349},[277,19744,2476],{"class":283},[277,19746,19747,19749,19751,19754,19756,19759,19761,19763,19765,19767,19769,19771],{"class":279,"line":456},[277,19748,2233],{"class":311},[277,19750,5995],{"class":283},[277,19752,19753],{"class":356},"onEnter",[277,19755,225],{"class":283},[277,19757,19758],{"class":356},"onLeave",[277,19760,225],{"class":283},[277,19762,16115],{"class":356},[277,19764,17506],{"class":283},[277,19766,298],{"class":311},[277,19768,18336],{"class":283},[277,19770,9857],{"class":311},[277,19772,19773],{"class":283}," {};\n",[277,19775,19776],{"class":279,"line":461},[277,19777,328],{"emptyLinePlaceholder":327},[277,19779,19780,19782,19785,19787,19789,19791,19793,19796,19798,19800],{"class":279,"line":476},[277,19781,2233],{"class":311},[277,19783,19784],{"class":356}," io",[277,19786,340],{"class":311},[277,19788,526],{"class":311},[277,19790,19694],{"class":291},[277,19792,2334],{"class":283},[277,19794,19795],{"class":349},"entries",[277,19797,2340],{"class":283},[277,19799,601],{"class":311},[277,19801,343],{"class":283},[277,19803,19804,19807,19809,19811,19814,19816],{"class":279,"line":500},[277,19805,19806],{"class":311}," for",[277,19808,511],{"class":283},[277,19810,405],{"class":311},[277,19812,19813],{"class":356}," entry",[277,19815,16063],{"class":311},[277,19817,19818],{"class":283}," entries) {\n",[277,19820,19821,19823,19826,19828],{"class":279,"line":505},[277,19822,8842],{"class":311},[277,19824,19825],{"class":283}," (entry.isIntersecting) ",[277,19827,19753],{"class":291},[277,19829,19830],{"class":283},"?.(entry);\n",[277,19832,19833,19836,19839],{"class":279,"line":520},[277,19834,19835],{"class":311}," else",[277,19837,19838],{"class":291}," onLeave",[277,19840,19830],{"class":283},[277,19842,19843],{"class":279,"line":539},[277,19844,1203],{"class":283},[277,19846,19847],{"class":279,"line":545},[277,19848,19849],{"class":283}," }, options);\n",[277,19851,19852],{"class":279,"line":550},[277,19853,328],{"emptyLinePlaceholder":327},[277,19855,19856,19859,19862],{"class":279,"line":578},[277,19857,19858],{"class":283}," io.",[277,19860,19861],{"class":291},"observe",[277,19863,19864],{"class":283},"(el);\n",[277,19866,19867,19870,19872],{"class":279,"line":583},[277,19868,19869],{"class":283}," el.__io__ ",[277,19871,298],{"class":311},[277,19873,19874],{"class":283}," io;\n",[277,19876,19877],{"class":279,"line":588},[277,19878,1131],{"class":283},[277,19880,19881,19883,19885,19887,19889,19891],{"class":279,"line":606},[277,19882,10319],{"class":291},[277,19884,448],{"class":283},[277,19886,18319],{"class":349},[277,19888,225],{"class":283},[277,19890,17882],{"class":349},[277,19892,2476],{"class":283},[277,19894,19895],{"class":279,"line":614},[277,19896,19897],{"class":12741}," // Si cambian options de forma dinámica, lo más seguro es recrear el observer\n",[277,19899,19900],{"class":279,"line":625},[277,19901,19902],{"class":12741}," // (micro-optimización: solo recrear si realmente cambian)\n",[277,19904,19905],{"class":279,"line":637},[277,19906,19907],{"class":12741}," // Aquí lo dejamos simple y explícito:\n",[277,19909,19910,19913,19916],{"class":279,"line":646},[277,19911,19912],{"class":283}," el.__io__?.",[277,19914,19915],{"class":291},"disconnect",[277,19917,19422],{"class":283},[277,19919,19920,19922],{"class":279,"line":668},[277,19921,18628],{"class":311},[277,19923,19924],{"class":283}," el.__io__;\n",[277,19926,19927,19929,19931,19933,19935,19937,19939,19941,19943,19945,19947,19949],{"class":279,"line":673},[277,19928,2233],{"class":311},[277,19930,5995],{"class":283},[277,19932,19753],{"class":356},[277,19934,225],{"class":283},[277,19936,19758],{"class":356},[277,19938,225],{"class":283},[277,19940,16115],{"class":356},[277,19942,17506],{"class":283},[277,19944,298],{"class":311},[277,19946,18336],{"class":283},[277,19948,9857],{"class":311},[277,19950,19773],{"class":283},[277,19952,19953,19955,19957,19959,19961,19963,19965,19967,19969,19971],{"class":279,"line":679},[277,19954,2233],{"class":311},[277,19956,19784],{"class":356},[277,19958,340],{"class":311},[277,19960,526],{"class":311},[277,19962,19694],{"class":291},[277,19964,2334],{"class":283},[277,19966,19795],{"class":349},[277,19968,2340],{"class":283},[277,19970,601],{"class":311},[277,19972,343],{"class":283},[277,19974,19975,19977,19979,19981,19983,19985],{"class":279,"line":684},[277,19976,19806],{"class":311},[277,19978,511],{"class":283},[277,19980,405],{"class":311},[277,19982,19813],{"class":356},[277,19984,16063],{"class":311},[277,19986,19818],{"class":283},[277,19988,19989,19991,19993,19995],{"class":279,"line":700},[277,19990,8842],{"class":311},[277,19992,19825],{"class":283},[277,19994,19753],{"class":291},[277,19996,19830],{"class":283},[277,19998,19999,20001,20003],{"class":279,"line":717},[277,20000,19835],{"class":311},[277,20002,19838],{"class":291},[277,20004,19830],{"class":283},[277,20006,20007],{"class":279,"line":722},[277,20008,1203],{"class":283},[277,20010,20011],{"class":279,"line":729},[277,20012,19849],{"class":283},[277,20014,20015,20017,20019],{"class":279,"line":738},[277,20016,19858],{"class":283},[277,20018,19861],{"class":291},[277,20020,19864],{"class":283},[277,20022,20023,20025,20027],{"class":279,"line":747},[277,20024,19869],{"class":283},[277,20026,298],{"class":311},[277,20028,19874],{"class":283},[277,20030,20031],{"class":279,"line":754},[277,20032,1131],{"class":283},[277,20034,20035,20037,20039,20041],{"class":279,"line":772},[277,20036,8668],{"class":291},[277,20038,448],{"class":283},[277,20040,18319],{"class":349},[277,20042,2476],{"class":283},[277,20044,20045,20047,20049],{"class":279,"line":777},[277,20046,19912],{"class":283},[277,20048,19915],{"class":291},[277,20050,19422],{"class":283},[277,20052,20053,20055],{"class":279,"line":782},[277,20054,18628],{"class":311},[277,20056,19924],{"class":283},[277,20058,20059],{"class":279,"line":792},[277,20060,1131],{"class":283},[277,20062,20063],{"class":279,"line":797},[277,20064,18255],{"class":283},[267,20066,20068],{"className":15972,"code":20067,"filename":19438,"language":15975,"meta":273,"style":273},"export const vIntersect = {\n mounted(el, binding) {\n const { onEnter, onLeave, options } = binding.value ?? {};\n\n const io = new IntersectionObserver((entries) => {\n for (const entry of entries) {\n if (entry.isIntersecting) onEnter?.(entry);\n else onLeave?.(entry);\n }\n }, options);\n \n io.observe(el);\n el.__io__ = io;\n },\n updated(el, binding) {\n // Si cambian options de forma dinámica, lo más seguro es recrear el observer\n // (micro-optimización: solo recrear si realmente cambian)\n // Aquí lo dejamos simple y explícito:\n el.__io__?.disconnect();\n delete el.__io__;\n const { onEnter, onLeave, options } = binding.value ?? {};\n const io = new IntersectionObserver((entries) => {\n for (const entry of entries) {\n if (entry.isIntersecting) onEnter?.(entry);\n else onLeave?.(entry);\n }\n }, options);\n io.observe(el);\n el.__io__ = io;\n },\n unmounted(el) {\n el.__io__?.disconnect();\n delete el.__io__;\n },\n};\n",[16,20069,20070,20082,20096,20122,20126,20148,20162,20172,20180,20184,20188,20193,20201,20209,20213,20227,20231,20235,20239,20247,20253,20279,20301,20315,20325,20333,20337,20341,20349,20357,20361,20371,20379,20385,20389],{"__ignoreMap":273},[277,20071,20072,20074,20076,20078,20080],{"class":279,"line":280},[277,20073,1057],{"class":311},[277,20075,19307],{"class":311},[277,20077,19710],{"class":356},[277,20079,340],{"class":311},[277,20081,343],{"class":283},[277,20083,20084,20086,20088,20090,20092,20094],{"class":279,"line":308},[277,20085,6784],{"class":291},[277,20087,448],{"class":283},[277,20089,18319],{"class":349},[277,20091,225],{"class":283},[277,20093,17882],{"class":349},[277,20095,2476],{"class":283},[277,20097,20098,20100,20102,20104,20106,20108,20110,20112,20114,20116,20118,20120],{"class":279,"line":324},[277,20099,2233],{"class":311},[277,20101,5995],{"class":283},[277,20103,19753],{"class":356},[277,20105,225],{"class":283},[277,20107,19758],{"class":356},[277,20109,225],{"class":283},[277,20111,16115],{"class":356},[277,20113,17506],{"class":283},[277,20115,298],{"class":311},[277,20117,18336],{"class":283},[277,20119,9857],{"class":311},[277,20121,19773],{"class":283},[277,20123,20124],{"class":279,"line":331},[277,20125,328],{"emptyLinePlaceholder":327},[277,20127,20128,20130,20132,20134,20136,20138,20140,20142,20144,20146],{"class":279,"line":346},[277,20129,2233],{"class":311},[277,20131,19784],{"class":356},[277,20133,340],{"class":311},[277,20135,526],{"class":311},[277,20137,19694],{"class":291},[277,20139,2334],{"class":283},[277,20141,19795],{"class":349},[277,20143,2340],{"class":283},[277,20145,601],{"class":311},[277,20147,343],{"class":283},[277,20149,20150,20152,20154,20156,20158,20160],{"class":279,"line":360},[277,20151,19806],{"class":311},[277,20153,511],{"class":283},[277,20155,405],{"class":311},[277,20157,19813],{"class":356},[277,20159,16063],{"class":311},[277,20161,19818],{"class":283},[277,20163,20164,20166,20168,20170],{"class":279,"line":371},[277,20165,8842],{"class":311},[277,20167,19825],{"class":283},[277,20169,19753],{"class":291},[277,20171,19830],{"class":283},[277,20173,20174,20176,20178],{"class":279,"line":381},[277,20175,19835],{"class":311},[277,20177,19838],{"class":291},[277,20179,19830],{"class":283},[277,20181,20182],{"class":279,"line":391},[277,20183,1203],{"class":283},[277,20185,20186],{"class":279,"line":397},[277,20187,19849],{"class":283},[277,20189,20190],{"class":279,"line":402},[277,20191,20192],{"class":283}," \n",[277,20194,20195,20197,20199],{"class":279,"line":436},[277,20196,19858],{"class":283},[277,20198,19861],{"class":291},[277,20200,19864],{"class":283},[277,20202,20203,20205,20207],{"class":279,"line":456},[277,20204,19869],{"class":283},[277,20206,298],{"class":311},[277,20208,19874],{"class":283},[277,20210,20211],{"class":279,"line":461},[277,20212,1131],{"class":283},[277,20214,20215,20217,20219,20221,20223,20225],{"class":279,"line":476},[277,20216,10319],{"class":291},[277,20218,448],{"class":283},[277,20220,18319],{"class":349},[277,20222,225],{"class":283},[277,20224,17882],{"class":349},[277,20226,2476],{"class":283},[277,20228,20229],{"class":279,"line":500},[277,20230,19897],{"class":12741},[277,20232,20233],{"class":279,"line":505},[277,20234,19902],{"class":12741},[277,20236,20237],{"class":279,"line":520},[277,20238,19907],{"class":12741},[277,20240,20241,20243,20245],{"class":279,"line":539},[277,20242,19912],{"class":283},[277,20244,19915],{"class":291},[277,20246,19422],{"class":283},[277,20248,20249,20251],{"class":279,"line":545},[277,20250,18628],{"class":311},[277,20252,19924],{"class":283},[277,20254,20255,20257,20259,20261,20263,20265,20267,20269,20271,20273,20275,20277],{"class":279,"line":550},[277,20256,2233],{"class":311},[277,20258,5995],{"class":283},[277,20260,19753],{"class":356},[277,20262,225],{"class":283},[277,20264,19758],{"class":356},[277,20266,225],{"class":283},[277,20268,16115],{"class":356},[277,20270,17506],{"class":283},[277,20272,298],{"class":311},[277,20274,18336],{"class":283},[277,20276,9857],{"class":311},[277,20278,19773],{"class":283},[277,20280,20281,20283,20285,20287,20289,20291,20293,20295,20297,20299],{"class":279,"line":578},[277,20282,2233],{"class":311},[277,20284,19784],{"class":356},[277,20286,340],{"class":311},[277,20288,526],{"class":311},[277,20290,19694],{"class":291},[277,20292,2334],{"class":283},[277,20294,19795],{"class":349},[277,20296,2340],{"class":283},[277,20298,601],{"class":311},[277,20300,343],{"class":283},[277,20302,20303,20305,20307,20309,20311,20313],{"class":279,"line":583},[277,20304,19806],{"class":311},[277,20306,511],{"class":283},[277,20308,405],{"class":311},[277,20310,19813],{"class":356},[277,20312,16063],{"class":311},[277,20314,19818],{"class":283},[277,20316,20317,20319,20321,20323],{"class":279,"line":588},[277,20318,8842],{"class":311},[277,20320,19825],{"class":283},[277,20322,19753],{"class":291},[277,20324,19830],{"class":283},[277,20326,20327,20329,20331],{"class":279,"line":606},[277,20328,19835],{"class":311},[277,20330,19838],{"class":291},[277,20332,19830],{"class":283},[277,20334,20335],{"class":279,"line":614},[277,20336,1203],{"class":283},[277,20338,20339],{"class":279,"line":625},[277,20340,19849],{"class":283},[277,20342,20343,20345,20347],{"class":279,"line":637},[277,20344,19858],{"class":283},[277,20346,19861],{"class":291},[277,20348,19864],{"class":283},[277,20350,20351,20353,20355],{"class":279,"line":646},[277,20352,19869],{"class":283},[277,20354,298],{"class":311},[277,20356,19874],{"class":283},[277,20358,20359],{"class":279,"line":668},[277,20360,1131],{"class":283},[277,20362,20363,20365,20367,20369],{"class":279,"line":673},[277,20364,8668],{"class":291},[277,20366,448],{"class":283},[277,20368,18319],{"class":349},[277,20370,2476],{"class":283},[277,20372,20373,20375,20377],{"class":279,"line":679},[277,20374,19912],{"class":283},[277,20376,19915],{"class":291},[277,20378,19422],{"class":283},[277,20380,20381,20383],{"class":279,"line":684},[277,20382,18628],{"class":311},[277,20384,19924],{"class":283},[277,20386,20387],{"class":279,"line":700},[277,20388,1131],{"class":283},[277,20390,20391],{"class":279,"line":717},[277,20392,18255],{"class":283},[267,20394,20396],{"className":269,"code":20395,"filename":9339,"language":272,"meta":273,"style":273},"\u003Cdiv\n v-intersect=\"{\n onEnter: () => (visible = true),\n onLeave: () => (visible = false),\n options: { threshold: 0.2 }\n }\"\n>\n ...\n\u003C/div>\n",[16,20397,20398,20405,20417,20436,20453,20463,20471,20475,20480],{"__ignoreMap":273},[277,20399,20400,20402],{"class":279,"line":280},[277,20401,284],{"class":283},[277,20403,20404],{"class":287},"div\n",[277,20406,20407,20410,20412,20414],{"class":279,"line":308},[277,20408,20409],{"class":291}," v-intersect",[277,20411,298],{"class":283},[277,20413,866],{"class":301},[277,20415,20416],{"class":283},"{\n",[277,20418,20419,20422,20424,20426,20429,20431,20434],{"class":279,"line":324},[277,20420,20421],{"class":291}," onEnter",[277,20423,3790],{"class":283},[277,20425,601],{"class":311},[277,20427,20428],{"class":283}," (visible ",[277,20430,298],{"class":311},[277,20432,20433],{"class":356}," true",[277,20435,3753],{"class":283},[277,20437,20438,20441,20443,20445,20447,20449,20451],{"class":279,"line":331},[277,20439,20440],{"class":291}," onLeave",[277,20442,3790],{"class":283},[277,20444,601],{"class":311},[277,20446,20428],{"class":283},[277,20448,298],{"class":311},[277,20450,19366],{"class":356},[277,20452,3753],{"class":283},[277,20454,20455,20458,20461],{"class":279,"line":346},[277,20456,20457],{"class":283}," options: { threshold: ",[277,20459,20460],{"class":356},"0.2",[277,20462,2179],{"class":283},[277,20464,20465,20468],{"class":279,"line":360},[277,20466,20467],{"class":283}," }",[277,20469,20470],{"class":301},"\"\n",[277,20472,20473],{"class":279,"line":371},[277,20474,305],{"class":283},[277,20476,20477],{"class":279,"line":381},[277,20478,20479],{"class":283}," ...\n",[277,20481,20482,20484,20486],{"class":279,"line":391},[277,20483,785],{"class":283},[277,20485,4201],{"class":287},[277,20487,305],{"class":283},[3111,20489,20490],{},[21,20491,20492,20493,20495,20496,12494,20498,20500],{},"Si vas a recrear observers en ",[16,20494,9091],{},", intenta comparar ",[16,20497,17890],{},[16,20499,17899],{}," para evitar trabajo innecesario.",[30,20502,1596],{"id":1595},[38,20504,20505,20511,20517,20527,20537],{},[41,20506,20507,20508,104],{},"Las directivas personalizadas son ideales para encapsular ",[72,20509,20510],{},"comportamiento de DOM reutilizable",[41,20512,20513,20514,20516],{},"El hook ",[16,20515,5294],{}," es obligatorio para limpieza y evitar fugas.",[41,20518,20519,20520,225,20522,225,20524,20526],{},"Mantén un contrato simple (",[16,20521,3885],{},[16,20523,18022],{},[16,20525,18025],{},") y evita mezclar estado de negocio.",[41,20528,20529,20530,20533,20534,20536],{},"En Vue 3, ",[72,20531,20532],{},"si el callback puede cambiar",", actualízalo en ",[16,20535,9091],{}," para no quedarte con una referencia vieja.",[41,20538,20539],{},"Prioriza Composition API; usa Options API cuando lo necesites por compatibilidad incremental.",[1606,20541,20542],{},"html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .s9eBZ, html code.shiki .s9eBZ{--shiki-default:#22863A;--shiki-dark:#85E89D}html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}html pre.shiki code .szBVR, html code.shiki .szBVR{--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .s4XuR, html code.shiki .s4XuR{--shiki-default:#E36209;--shiki-dark:#FFAB70}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}html pre.shiki code .sJ8bj, html code.shiki .sJ8bj{--shiki-default:#6A737D;--shiki-dark:#6A737D}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":273,"searchDepth":308,"depth":308,"links":20544},[20545,20546,20547,20548,20549,20550,20554,20560],{"id":17789,"depth":308,"text":17790},{"id":60,"depth":308,"text":61},{"id":17935,"depth":308,"text":17936},{"id":17959,"depth":308,"text":17960},{"id":189,"depth":308,"text":190},{"id":1945,"depth":308,"text":1946,"children":20551},[20552],{"id":18110,"depth":324,"text":20553},"v-click-outside (con callback actualizable)",{"id":19267,"depth":308,"text":19268,"children":20555},[20556,20558],{"id":19271,"depth":324,"text":20557},"v-autofocus (básico y práctico)",{"id":19566,"depth":324,"text":20559},"v-intersect (IntersectionObserver)",{"id":1595,"depth":308,"text":1596},"https://res.cloudinary.com/denj4fg7f/image/upload/v1772207944/directives-vue-custom-directives-guide_nwp7od.png","Ejemplo de directiva personalizada en Vue 3","2026-02-27","Aprende a crear directivas personalizadas en Vue 3 con casos reales, ciclo de vida, limpieza correcta y ejemplos equivalentes en Composition API y Options API.",{"script":20566},[20567],{"type":1632,"key":1633,"data-nuxt-schema-org":327,"nodes":20568},[20569],{"headline":17786,"author":20570,"datePublished":20571,"@type":1640},{"name":1637,"@type":1638},"2026-02-27T12:30:00-05:00",{"updatedAt":20571,"coverCaption":20562,"author":1637,"keywords":20573},[1645,20574,20575,20576,271,971],"directivas personalizadas","custom directives","ciclo de vida","/blog/directives-vue-custom-directives-guide.es",[20579],{"headline":17786,"author":20580,"datePublished":20571,"@type":1640},{"name":1637,"@type":1638},{"title":17780,"description":20564},"vue-directives","Ruta paso a paso para dominar las directivas principales de Vue.","Directivas en Vue","blog/directives-vue-custom-directives-guide.es",[20587,20590,20593,20594,20595],{"tag":20588,"color":20589},"Directivas","#6C5CE7",{"tag":20591,"color":20592},"Directivas Personalizadas","#7D5FFF",{"tag":1665,"color":1666},{"tag":3167,"color":3168},{"tag":1671,"color":1672},"SGkjZMQptKC1joRiUsXeHfyRHnMe3QE4zpX3YzXFBQU",{"id":20598,"title":20599,"body":20600,"cover":21866,"coverAlt":21867,"date":21868,"description":21869,"draft":1627,"extension":1628,"head":21870,"locale":1641,"meta":21878,"navigation":327,"path":21882,"schemaOrg":21883,"seo":21886,"series":20582,"seriesDescription":20583,"seriesOrder":397,"seriesTitle":20584,"slug":1656,"stem":21887,"tags":21888,"__hash__":21895},"blog/blog/directives-vue-v-cloak-guide.es.md","Directivas en Vue: v-cloak",{"type":8,"value":20601,"toc":21844},[20602,20609,20622,20626,20629,20634,20639,20654,20656,20664,20669,20674,20709,20722,20732,20736,20743,20746,20759,20762,20773,20775,20780,20791,20793,20795,20809,20816,20818,20825,20832,20839,20849,20853,20859,20863,20868,20870,20874,20902,20910,20914,21051,21189,21304,21308,21314,21318,21557,21787,21813,21815,21820,21825,21841],[11,20603,20605,20606],{"id":20604},"directivas-en-vue-v-cloak","Directivas en Vue: ",[16,20607,20608],{},"v-cloak",[21,20610,20611,20613,20614,20617,20618,20621],{},[16,20612,20608],{}," resuelve un problema visual clásico en aplicaciones con ",[72,20615,20616],{},"Vue",": el parpadeo de plantillas sin compilar (",[16,20619,20620],{},"{{ ... }}",") antes de que la instancia termine de montarse. Es una directiva simple, pero estratégica cuando te importa la percepción de calidad en la primera carga.",[30,20623,20625],{"id":20624},"por-qué-importa","Por qué importa",[21,20627,20628],{},"Si tu HTML inicial contiene expresiones de Vue, el navegador puede renderizarlas en crudo durante unos milisegundos, especialmente si el bundle aún no se ha descargado o ejecutado.\nEse “flash” degrada la experiencia y transmite sensación de inestabilidad.",[21,20630,20631,20633],{},[16,20632,20608],{}," evita ese estado intermedio ocultando el contenido hasta que Vue haya completado el montaje y compilado el template.",[21,20635,20636],{},[72,20637,20638],{},"Beneficios directos:",[38,20640,20641,20648,20651],{},[41,20642,20643,20644,20647],{},"El usuario no ve ",[16,20645,20646],{},"{{ message }}"," ni estructuras sin procesar.",[41,20649,20650],{},"La carga inicial se percibe más limpia y profesional.",[41,20652,20653],{},"Reduces ruido visual en landing pages, layouts estáticos o integraciones progresivas.",[30,20655,61],{"id":60},[21,20657,20658,20660,20661,20663],{},[16,20659,20608],{}," funciona en conjunto con CSS.\nVue elimina automáticamente el atributo ",[16,20662,20608],{}," del nodo cuando la instancia ha sido montada y el template compilado.",[21,20665,20666],{},[72,20667,20668],{},"Patrón típico:",[10089,20670,20671],{},[41,20672,20673],{},"Añades una regla CSS global:",[267,20675,20680],{"className":20676,"code":20677,"filename":20678,"language":20679,"meta":273,"style":273},"language-css shiki shiki-themes github-light github-dark","[v-cloak] {\n display: none;\n}\n","style.css","css",[16,20681,20682,20692,20705],{"__ignoreMap":273},[277,20683,20684,20687,20689],{"class":279,"line":280},[277,20685,20686],{"class":283},"[",[277,20688,20608],{"class":291},[277,20690,20691],{"class":283},"] {\n",[277,20693,20694,20697,20700,20703],{"class":279,"line":308},[277,20695,20696],{"class":356}," display",[277,20698,20699],{"class":283},": ",[277,20701,20702],{"class":356},"none",[277,20704,18151],{"class":283},[277,20706,20707],{"class":279,"line":324},[277,20708,394],{"class":283},[10089,20710,20711,20716,20719],{"start":308},[41,20712,20713,20714,104],{},"Marcas el contenedor raíz (o el fragmento necesario) con ",[16,20715,20608],{},[41,20717,20718],{},"Mientras Vue no monta, el bloque permanece oculto.",[41,20720,20721],{},"Cuando Vue monta, elimina el atributo y el contenido aparece ya procesado.",[3111,20723,20724],{},[21,20725,20726,20728,20729,1895],{},[16,20727,20608],{}," no transforma datos ni agrega reactividad. Solo controla la visibilidad durante la fase previa al montaje (",[16,20730,20731],{},"before mount",[30,20733,20735],{"id":20734},"consideraciones-en-vue-3-y-ssr","Consideraciones en Vue 3 y SSR",[21,20737,20738,20739,20742],{},"En aplicaciones con SSR (por ejemplo, usando ",[72,20740,20741],{},"Nuxt 4","), el HTML ya llega compilado desde el servidor, por lo que normalmente no existe riesgo de mostrar interpolaciones en crudo.",[21,20744,20745],{},"En esos casos:",[38,20747,20748,20753,20756],{},[41,20749,20750,20752],{},[16,20751,20608],{}," suele ser innecesario.",[41,20754,20755],{},"No corrige problemas de hydration mismatch.",[41,20757,20758],{},"No sustituye una estrategia adecuada de loading o streaming.",[21,20760,20761],{},"Su utilidad es mayor en:",[38,20763,20764,20767,20770],{},[41,20765,20766],{},"Integraciones progresivas sobre HTML existente.",[41,20768,20769],{},"Aplicaciones SPA donde el bundle puede tardar en ejecutarse.",[41,20771,20772],{},"Entornos donde el HTML inicial contiene marcadores Vue sin procesar.",[30,20774,129],{"id":128},[21,20776,20777,20778,7669],{},"Usa ",[16,20779,20608],{},[38,20781,20782,20785,20788],{},[41,20783,20784],{},"Sirves HTML inicial con plantillas Vue visibles (CMS, integración progresiva).",[41,20786,20787],{},"La app tarda perceptiblemente en montar por tamaño del bundle o red lenta.",[41,20789,20790],{},"Quieres blindar la primera impresión visual de componentes críticos (hero, login, pricing).",[30,20792,156],{"id":155},[21,20794,162],{},[38,20796,20797,20800,20803,20806],{},[41,20798,20799],{},"No existe riesgo real de mostrar interpolaciones.",[41,20801,20802],{},"Puedes resolver el estado inicial con skeletons o placeholders más ricos.",[41,20804,20805],{},"Ocultar el contenedor completo afecta accesibilidad o continuidad visual.",[41,20807,20808],{},"Estás en SSR donde el HTML ya llega procesado correctamente.",[3111,20810,20811],{},[21,20812,20813,20815],{},[16,20814,20608],{}," no es una estrategia de performance; es un ajuste de acabado visual.",[30,20817,190],{"id":189},[192,20819,20821,20822,20824],{"id":20820},"_1-usar-v-cloak-sin-css","1) Usar ",[16,20823,20608],{}," sin CSS",[21,20826,20827,20828,20831],{},"Si no defines ",[16,20829,20830],{},"[v-cloak] { display: none; }",", la directiva no tendrá efecto visible.",[192,20833,20835,20836],{"id":20834},"_2-declarar-la-regla-en-un-style-scoped","2) Declarar la regla en un ",[16,20837,20838],{},"\u003Cstyle scoped>",[21,20840,20841,20842,20844,20845,20848],{},"Si la regla vive en un ",[16,20843,20838],{}," de otro componente, no afectará al nodo marcado.\nDeclárala en estilos globales (por ejemplo, en ",[16,20846,20847],{},"main.css"," o en el layout raíz).",[192,20850,20852],{"id":20851},"_3-ocultar-demasiado-contenido","3) Ocultar demasiado contenido",[21,20854,20855,20856,20858],{},"Aplicar ",[16,20857,20608],{}," al wrapper completo puede dejar la pantalla vacía durante el arranque.\nEn vistas complejas, úsalo solo en fragmentos donde exista riesgo real de parpadeo.",[192,20860,20862],{"id":20861},"_4-esperar-que-resuelva-hydration-mismatches","4) Esperar que resuelva hydration mismatches",[21,20864,20865,20867],{},[16,20866,20608],{}," no corrige diferencias entre el HTML del servidor y el render del cliente.\nLos hydration mismatches deben resolverse alineando la lógica de renderizado entre servidor y cliente.",[30,20869,1946],{"id":1945},[192,20871,20873],{"id":20872},"_1-uso-mínimo-global","1) Uso mínimo global",[267,20875,20877],{"className":20676,"code":20876,"filename":20678,"language":20679,"meta":273,"style":273},"[v-cloak] {\n display: none;\n}\n",[16,20878,20879,20887,20898],{"__ignoreMap":273},[277,20880,20881,20883,20885],{"class":279,"line":280},[277,20882,20686],{"class":283},[277,20884,20608],{"class":291},[277,20886,20691],{"class":283},[277,20888,20889,20892,20894,20896],{"class":279,"line":308},[277,20890,20891],{"class":356}," display",[277,20893,20699],{"class":283},[277,20895,20702],{"class":356},[277,20897,18151],{"class":283},[277,20899,20900],{"class":279,"line":324},[277,20901,394],{"class":283},[3111,20903,20904],{},[21,20905,20906,20907,20909],{},"Con esa regla global, cualquier bloque marcado con ",[16,20908,20608],{}," permanecerá oculto hasta que Vue elimine el atributo tras el montaje.",[192,20911,20913],{"id":20912},"_2-hero-con-texto-reactivo","2) Hero con texto reactivo",[267,20915,20918],{"className":269,"code":20916,"filename":271,"highlights":20917,"language":272,"meta":273,"style":273},"\u003Cscript setup lang=\"ts\">\nimport { ref } from \"vue\";\n\nconst headline = ref(\"Aprende Vue sin fricción\");\n\u003C/script>\n\n\u003Ctemplate>\n \u003Csection v-cloak class=\"hero\">\n \u003Ch1>{{ headline }}\u003C/h1>\n \u003Cp>Guías prácticas para equipos frontend.\u003C/p>\n \u003C/section>\n\u003C/template>\n",[381],[16,20919,20920,20936,20948,20952,20970,20978,20982,20990,21009,21022,21035,21043],{"__ignoreMap":273},[277,20921,20922,20924,20926,20928,20930,20932,20934],{"class":279,"line":280},[277,20923,284],{"class":283},[277,20925,288],{"class":287},[277,20927,292],{"class":291},[277,20929,295],{"class":291},[277,20931,298],{"class":283},[277,20933,302],{"class":301},[277,20935,305],{"class":283},[277,20937,20938,20940,20942,20944,20946],{"class":279,"line":308},[277,20939,312],{"class":311},[277,20941,11006],{"class":283},[277,20943,318],{"class":311},[277,20945,18148],{"class":301},[277,20947,18151],{"class":283},[277,20949,20950],{"class":279,"line":324},[277,20951,328],{"emptyLinePlaceholder":327},[277,20953,20954,20956,20959,20961,20963,20965,20968],{"class":279,"line":331},[277,20955,405],{"class":311},[277,20957,20958],{"class":356}," headline",[277,20960,340],{"class":311},[277,20962,413],{"class":291},[277,20964,448],{"class":283},[277,20966,20967],{"class":301},"\"Aprende Vue sin fricción\"",[277,20969,18277],{"class":283},[277,20971,20972,20974,20976],{"class":279,"line":346},[277,20973,785],{"class":283},[277,20975,288],{"class":287},[277,20977,305],{"class":283},[277,20979,20980],{"class":279,"line":360},[277,20981,328],{"emptyLinePlaceholder":327},[277,20983,20984,20986,20988],{"class":279,"line":371},[277,20985,284],{"class":283},[277,20987,802],{"class":287},[277,20989,305],{"class":283},[277,20991,20993,20995,20997,21000,21002,21004,21007],{"class":20992,"line":381},[279,9398],[277,20994,810],{"class":283},[277,20996,4121],{"class":287},[277,20998,20999],{"class":291}," v-cloak",[277,21001,816],{"class":291},[277,21003,298],{"class":283},[277,21005,21006],{"class":301},"\"hero\"",[277,21008,305],{"class":283},[277,21010,21011,21013,21015,21018,21020],{"class":279,"line":391},[277,21012,829],{"class":283},[277,21014,11],{"class":287},[277,21016,21017],{"class":283},">{{ headline }}\u003C/",[277,21019,11],{"class":287},[277,21021,305],{"class":283},[277,21023,21024,21026,21028,21031,21033],{"class":279,"line":397},[277,21025,829],{"class":283},[277,21027,21],{"class":287},[277,21029,21030],{"class":283},">Guías prácticas para equipos frontend.\u003C/",[277,21032,21],{"class":287},[277,21034,305],{"class":283},[277,21036,21037,21039,21041],{"class":279,"line":402},[277,21038,954],{"class":283},[277,21040,4121],{"class":287},[277,21042,305],{"class":283},[277,21044,21045,21047,21049],{"class":279,"line":436},[277,21046,785],{"class":283},[277,21048,802],{"class":287},[277,21050,305],{"class":283},[267,21052,21055],{"className":269,"code":21053,"filename":971,"highlights":21054,"language":272,"meta":273,"style":273},"\u003Cscript lang=\"ts\">\nexport default {\n data() {\n return {\n headline: \"Aprende Vue sin fricción\",\n };\n },\n};\n\u003C/script>\n\n\u003Ctemplate>\n \u003Csection v-cloak class=\"hero\">\n \u003Ch1>{{ headline }}\u003C/h1>\n \u003Cp>Guías prácticas para equipos frontend.\u003C/p>\n \u003C/section>\n\u003C/template>\n",[436],[16,21056,21057,21071,21079,21085,21091,21100,21104,21108,21112,21120,21124,21132,21149,21161,21173,21181],{"__ignoreMap":273},[277,21058,21059,21061,21063,21065,21067,21069],{"class":279,"line":280},[277,21060,284],{"class":283},[277,21062,288],{"class":287},[277,21064,295],{"class":291},[277,21066,298],{"class":283},[277,21068,302],{"class":301},[277,21070,305],{"class":283},[277,21072,21073,21075,21077],{"class":279,"line":308},[277,21074,1057],{"class":311},[277,21076,1060],{"class":311},[277,21078,343],{"class":283},[277,21080,21081,21083],{"class":279,"line":324},[277,21082,1086],{"class":291},[277,21084,473],{"class":283},[277,21086,21087,21089],{"class":279,"line":331},[277,21088,1093],{"class":311},[277,21090,343],{"class":283},[277,21092,21093,21096,21098],{"class":279,"line":346},[277,21094,21095],{"class":283}," headline: ",[277,21097,20967],{"class":301},[277,21099,1077],{"class":283},[277,21101,21102],{"class":279,"line":360},[277,21103,18478],{"class":283},[277,21105,21106],{"class":279,"line":371},[277,21107,1131],{"class":283},[277,21109,21110],{"class":279,"line":381},[277,21111,18255],{"class":283},[277,21113,21114,21116,21118],{"class":279,"line":391},[277,21115,785],{"class":283},[277,21117,288],{"class":287},[277,21119,305],{"class":283},[277,21121,21122],{"class":279,"line":397},[277,21123,328],{"emptyLinePlaceholder":327},[277,21125,21126,21128,21130],{"class":279,"line":402},[277,21127,284],{"class":283},[277,21129,802],{"class":287},[277,21131,305],{"class":283},[277,21133,21135,21137,21139,21141,21143,21145,21147],{"class":21134,"line":436},[279,9398],[277,21136,810],{"class":283},[277,21138,4121],{"class":287},[277,21140,20999],{"class":291},[277,21142,816],{"class":291},[277,21144,298],{"class":283},[277,21146,21006],{"class":301},[277,21148,305],{"class":283},[277,21150,21151,21153,21155,21157,21159],{"class":279,"line":456},[277,21152,829],{"class":283},[277,21154,11],{"class":287},[277,21156,21017],{"class":283},[277,21158,11],{"class":287},[277,21160,305],{"class":283},[277,21162,21163,21165,21167,21169,21171],{"class":279,"line":461},[277,21164,829],{"class":283},[277,21166,21],{"class":287},[277,21168,21030],{"class":283},[277,21170,21],{"class":287},[277,21172,305],{"class":283},[277,21174,21175,21177,21179],{"class":279,"line":476},[277,21176,954],{"class":283},[277,21178,4121],{"class":287},[277,21180,305],{"class":283},[277,21182,21183,21185,21187],{"class":279,"line":500},[277,21184,785],{"class":283},[277,21186,802],{"class":287},[277,21188,305],{"class":283},[267,21190,21193],{"className":20676,"code":21191,"filename":20678,"highlights":21192,"language":20679,"meta":273,"style":273},"[v-cloak] {\n display: none;\n}\n\n.hero {\n background: linear-gradient(135deg, #6C5CE7, #B173BF);\n color: white;\n padding: 2rem;\n border-radius: 8px;\n}\n",[280,308,324],[16,21194,21195,21204,21215,21220,21224,21231,21259,21271,21285,21300],{"__ignoreMap":273},[277,21196,21198,21200,21202],{"class":21197,"line":280},[279,9398],[277,21199,20686],{"class":283},[277,21201,20608],{"class":291},[277,21203,20691],{"class":283},[277,21205,21207,21209,21211,21213],{"class":21206,"line":308},[279,9398],[277,21208,20891],{"class":356},[277,21210,20699],{"class":283},[277,21212,20702],{"class":356},[277,21214,18151],{"class":283},[277,21216,21218],{"class":21217,"line":324},[279,9398],[277,21219,394],{"class":283},[277,21221,21222],{"class":279,"line":331},[277,21223,328],{"emptyLinePlaceholder":327},[277,21225,21226,21229],{"class":279,"line":346},[277,21227,21228],{"class":291},".hero",[277,21230,343],{"class":283},[277,21232,21233,21236,21238,21241,21243,21246,21249,21251,21253,21255,21257],{"class":279,"line":360},[277,21234,21235],{"class":356}," background",[277,21237,20699],{"class":283},[277,21239,21240],{"class":356},"linear-gradient",[277,21242,448],{"class":283},[277,21244,21245],{"class":356},"135",[277,21247,21248],{"class":311},"deg",[277,21250,225],{"class":283},[277,21252,20589],{"class":356},[277,21254,225],{"class":283},[277,21256,9075],{"class":356},[277,21258,18277],{"class":283},[277,21260,21261,21264,21266,21269],{"class":279,"line":371},[277,21262,21263],{"class":356}," color",[277,21265,20699],{"class":283},[277,21267,21268],{"class":356},"white",[277,21270,18151],{"class":283},[277,21272,21273,21276,21278,21280,21283],{"class":279,"line":381},[277,21274,21275],{"class":356}," padding",[277,21277,20699],{"class":283},[277,21279,2139],{"class":356},[277,21281,21282],{"class":311},"rem",[277,21284,18151],{"class":283},[277,21286,21287,21290,21292,21295,21298],{"class":279,"line":391},[277,21288,21289],{"class":356}," border-radius",[277,21291,20699],{"class":283},[277,21293,21294],{"class":356},"8",[277,21296,21297],{"class":311},"px",[277,21299,18151],{"class":283},[277,21301,21302],{"class":279,"line":397},[277,21303,394],{"class":283},[192,21305,21307],{"id":21306},"_3-integración-progresiva-en-html-existente","3) Integración progresiva en HTML existente",[21,21309,21310,21311,21313],{},"Cuando montas Vue en una sección específica de una página legacy (por ejemplo, un bloque de login o un widget interactivo), ",[16,21312,20608],{}," evita mostrar marcadores sin procesar durante el bootstrap inicial.",[192,21315,21317],{"id":21316},"_4-ejemplo-completo-con-estado-asíncrono","4) Ejemplo completo con estado asíncrono",[267,21319,21321],{"className":269,"code":21320,"filename":271,"language":272,"meta":273,"style":273},"\u003Cscript setup lang=\"ts\">\nimport { onMounted, ref } from \"vue\";\n\nconst user = ref\u003C{ name: string } | null>(null);\n\nonMounted(async () => {\n await new Promise((resolve) => setTimeout(resolve, 350));\n user.value = { name: \"Cristhian\" };\n});\n\u003C/script>\n\n\u003Ctemplate>\n \u003Caside v-cloak class=\"welcome-card\">\n \u003Ch2>Panel\u003C/h2>\n \u003Cp v-if=\"user\">Hola, {{ user.name }}\u003C/p>\n \u003Cp v-else>Cargando perfil...\u003C/p>\n \u003C/aside>\n\u003C/template>\n",[16,21322,21323,21339,21352,21356,21389,21393,21407,21435,21450,21455,21463,21467,21475,21493,21506,21526,21541,21549],{"__ignoreMap":273},[277,21324,21325,21327,21329,21331,21333,21335,21337],{"class":279,"line":280},[277,21326,284],{"class":283},[277,21328,288],{"class":287},[277,21330,292],{"class":291},[277,21332,295],{"class":291},[277,21334,298],{"class":283},[277,21336,302],{"class":301},[277,21338,305],{"class":283},[277,21340,21341,21343,21346,21348,21350],{"class":279,"line":308},[277,21342,312],{"class":311},[277,21344,21345],{"class":283}," { onMounted, ref } ",[277,21347,318],{"class":311},[277,21349,18148],{"class":301},[277,21351,18151],{"class":283},[277,21353,21354],{"class":279,"line":324},[277,21355,328],{"emptyLinePlaceholder":327},[277,21357,21358,21360,21362,21364,21366,21369,21372,21374,21377,21379,21381,21383,21385,21387],{"class":279,"line":331},[277,21359,405],{"class":311},[277,21361,17573],{"class":356},[277,21363,340],{"class":311},[277,21365,413],{"class":291},[277,21367,21368],{"class":283},"\u003C{ ",[277,21370,21371],{"class":349},"name",[277,21373,353],{"class":311},[277,21375,21376],{"class":356}," string",[277,21378,17506],{"class":283},[277,21380,5790],{"class":311},[277,21382,424],{"class":356},[277,21384,427],{"class":283},[277,21386,430],{"class":356},[277,21388,18277],{"class":283},[277,21390,21391],{"class":279,"line":346},[277,21392,328],{"emptyLinePlaceholder":327},[277,21394,21395,21397,21399,21401,21403,21405],{"class":279,"line":360},[277,21396,687],{"class":291},[277,21398,448],{"class":283},[277,21400,464],{"class":311},[277,21402,598],{"class":283},[277,21404,601],{"class":311},[277,21406,343],{"class":283},[277,21408,21409,21411,21413,21415,21417,21419,21421,21423,21426,21429,21432],{"class":279,"line":371},[277,21410,6252],{"class":311},[277,21412,526],{"class":311},[277,21414,17350],{"class":356},[277,21416,2334],{"class":283},[277,21418,17355],{"class":349},[277,21420,2340],{"class":283},[277,21422,601],{"class":311},[277,21424,21425],{"class":291}," setTimeout",[277,21427,21428],{"class":283},"(resolve, ",[277,21430,21431],{"class":356},"350",[277,21433,21434],{"class":283},"));\n",[277,21436,21437,21440,21442,21445,21448],{"class":279,"line":381},[277,21438,21439],{"class":283}," user.value ",[277,21441,298],{"class":311},[277,21443,21444],{"class":283}," { name: ",[277,21446,21447],{"class":301},"\"Cristhian\"",[277,21449,19697],{"class":283},[277,21451,21452],{"class":279,"line":391},[277,21453,21454],{"class":283},"});\n",[277,21456,21457,21459,21461],{"class":279,"line":397},[277,21458,785],{"class":283},[277,21460,288],{"class":287},[277,21462,305],{"class":283},[277,21464,21465],{"class":279,"line":402},[277,21466,328],{"emptyLinePlaceholder":327},[277,21468,21469,21471,21473],{"class":279,"line":436},[277,21470,284],{"class":283},[277,21472,802],{"class":287},[277,21474,305],{"class":283},[277,21476,21477,21479,21482,21484,21486,21488,21491],{"class":279,"line":456},[277,21478,810],{"class":283},[277,21480,21481],{"class":287},"aside",[277,21483,20999],{"class":291},[277,21485,816],{"class":291},[277,21487,298],{"class":283},[277,21489,21490],{"class":301},"\"welcome-card\"",[277,21492,305],{"class":283},[277,21494,21495,21497,21499,21502,21504],{"class":279,"line":461},[277,21496,829],{"class":283},[277,21498,30],{"class":287},[277,21500,21501],{"class":283},">Panel\u003C/",[277,21503,30],{"class":287},[277,21505,305],{"class":283},[277,21507,21508,21510,21512,21514,21516,21519,21522,21524],{"class":279,"line":476},[277,21509,829],{"class":283},[277,21511,21],{"class":287},[277,21513,834],{"class":291},[277,21515,298],{"class":283},[277,21517,21518],{"class":301},"\"user\"",[277,21520,21521],{"class":283},">Hola, {{ user.name }}\u003C/",[277,21523,21],{"class":287},[277,21525,305],{"class":283},[277,21527,21528,21530,21532,21534,21537,21539],{"class":279,"line":500},[277,21529,829],{"class":283},[277,21531,21],{"class":287},[277,21533,941],{"class":291},[277,21535,21536],{"class":283},">Cargando perfil...\u003C/",[277,21538,21],{"class":287},[277,21540,305],{"class":283},[277,21542,21543,21545,21547],{"class":279,"line":505},[277,21544,954],{"class":283},[277,21546,21481],{"class":287},[277,21548,305],{"class":283},[277,21550,21551,21553,21555],{"class":279,"line":520},[277,21552,785],{"class":283},[277,21554,802],{"class":287},[277,21556,305],{"class":283},[267,21558,21560],{"className":269,"code":21559,"filename":971,"language":272,"meta":273,"style":273},"\u003Cscript lang=\"ts\">\nexport default {\n name: \"WelcomeCard\",\n data() {\n return {\n user: null as null | { name: string },\n };\n },\n async mounted() {\n await new Promise((resolve) => setTimeout(resolve, 350));\n this.user = { name: \"Cristhian\" };\n },\n};\n\u003C/script>\n\n\u003Ctemplate>\n \u003Caside v-cloak class=\"welcome-card\">\n \u003Ch2>Panel\u003C/h2>\n \u003Cp v-if=\"user\">Hola, {{ user.name }}\u003C/p>\n \u003Cp v-else>Cargando perfil...\u003C/p>\n \u003C/aside>\n\u003C/template>\n",[16,21561,21562,21576,21584,21593,21599,21605,21628,21632,21636,21644,21668,21683,21687,21691,21699,21703,21711,21727,21739,21757,21771,21779],{"__ignoreMap":273},[277,21563,21564,21566,21568,21570,21572,21574],{"class":279,"line":280},[277,21565,284],{"class":283},[277,21567,288],{"class":287},[277,21569,295],{"class":291},[277,21571,298],{"class":283},[277,21573,302],{"class":301},[277,21575,305],{"class":283},[277,21577,21578,21580,21582],{"class":279,"line":308},[277,21579,1057],{"class":311},[277,21581,1060],{"class":311},[277,21583,343],{"class":283},[277,21585,21586,21588,21591],{"class":279,"line":324},[277,21587,1071],{"class":283},[277,21589,21590],{"class":301},"\"WelcomeCard\"",[277,21592,1077],{"class":283},[277,21594,21595,21597],{"class":279,"line":331},[277,21596,1086],{"class":291},[277,21598,473],{"class":283},[277,21600,21601,21603],{"class":279,"line":346},[277,21602,1093],{"class":311},[277,21604,343],{"class":283},[277,21606,21607,21610,21612,21614,21616,21618,21620,21622,21624,21626],{"class":279,"line":360},[277,21608,21609],{"class":283}," user: ",[277,21611,430],{"class":356},[277,21613,1105],{"class":311},[277,21615,424],{"class":356},[277,21617,421],{"class":311},[277,21619,5995],{"class":283},[277,21621,21371],{"class":349},[277,21623,353],{"class":311},[277,21625,21376],{"class":356},[277,21627,2132],{"class":283},[277,21629,21630],{"class":279,"line":371},[277,21631,18478],{"class":283},[277,21633,21634],{"class":279,"line":381},[277,21635,1131],{"class":283},[277,21637,21638,21640,21642],{"class":279,"line":391},[277,21639,1248],{"class":311},[277,21641,1329],{"class":291},[277,21643,473],{"class":283},[277,21645,21646,21648,21650,21652,21654,21656,21658,21660,21662,21664,21666],{"class":279,"line":397},[277,21647,617],{"class":311},[277,21649,526],{"class":311},[277,21651,17350],{"class":356},[277,21653,2334],{"class":283},[277,21655,17355],{"class":349},[277,21657,2340],{"class":283},[277,21659,601],{"class":311},[277,21661,21425],{"class":291},[277,21663,21428],{"class":283},[277,21665,21431],{"class":356},[277,21667,21434],{"class":283},[277,21669,21670,21672,21675,21677,21679,21681],{"class":279,"line":402},[277,21671,4724],{"class":356},[277,21673,21674],{"class":283},".user ",[277,21676,298],{"class":311},[277,21678,21444],{"class":283},[277,21680,21447],{"class":301},[277,21682,19697],{"class":283},[277,21684,21685],{"class":279,"line":436},[277,21686,1131],{"class":283},[277,21688,21689],{"class":279,"line":456},[277,21690,18255],{"class":283},[277,21692,21693,21695,21697],{"class":279,"line":461},[277,21694,785],{"class":283},[277,21696,288],{"class":287},[277,21698,305],{"class":283},[277,21700,21701],{"class":279,"line":476},[277,21702,328],{"emptyLinePlaceholder":327},[277,21704,21705,21707,21709],{"class":279,"line":500},[277,21706,284],{"class":283},[277,21708,802],{"class":287},[277,21710,305],{"class":283},[277,21712,21713,21715,21717,21719,21721,21723,21725],{"class":279,"line":505},[277,21714,810],{"class":283},[277,21716,21481],{"class":287},[277,21718,20999],{"class":291},[277,21720,816],{"class":291},[277,21722,298],{"class":283},[277,21724,21490],{"class":301},[277,21726,305],{"class":283},[277,21728,21729,21731,21733,21735,21737],{"class":279,"line":520},[277,21730,829],{"class":283},[277,21732,30],{"class":287},[277,21734,21501],{"class":283},[277,21736,30],{"class":287},[277,21738,305],{"class":283},[277,21740,21741,21743,21745,21747,21749,21751,21753,21755],{"class":279,"line":539},[277,21742,829],{"class":283},[277,21744,21],{"class":287},[277,21746,834],{"class":291},[277,21748,298],{"class":283},[277,21750,21518],{"class":301},[277,21752,21521],{"class":283},[277,21754,21],{"class":287},[277,21756,305],{"class":283},[277,21758,21759,21761,21763,21765,21767,21769],{"class":279,"line":545},[277,21760,829],{"class":283},[277,21762,21],{"class":287},[277,21764,941],{"class":291},[277,21766,21536],{"class":283},[277,21768,21],{"class":287},[277,21770,305],{"class":283},[277,21772,21773,21775,21777],{"class":279,"line":550},[277,21774,954],{"class":283},[277,21776,21481],{"class":287},[277,21778,305],{"class":283},[277,21780,21781,21783,21785],{"class":279,"line":578},[277,21782,785],{"class":283},[277,21784,802],{"class":287},[277,21786,305],{"class":283},[267,21788,21789],{"className":20676,"code":20876,"filename":20678,"language":20679,"meta":273,"style":273},[16,21790,21791,21799,21809],{"__ignoreMap":273},[277,21792,21793,21795,21797],{"class":279,"line":280},[277,21794,20686],{"class":283},[277,21796,20608],{"class":291},[277,21798,20691],{"class":283},[277,21800,21801,21803,21805,21807],{"class":279,"line":308},[277,21802,20891],{"class":356},[277,21804,20699],{"class":283},[277,21806,20702],{"class":356},[277,21808,18151],{"class":283},[277,21810,21811],{"class":279,"line":324},[277,21812,394],{"class":283},[30,21814,1596],{"id":1595},[21,21816,21817,21819],{},[16,21818,20608],{}," es una directiva de acabado visual: no modifica tu lógica ni tu modelo de reactividad, pero sí mejora la calidad percibida del render inicial en contextos donde el template puede mostrarse sin compilar.",[21,21821,21822],{},[72,21823,21824],{},"Puntos clave:",[38,21826,21827,21832,21835,21838],{},[41,21828,21829,21830,104],{},"Requiere una regla CSS global: ",[16,21831,20830],{},[41,21833,21834],{},"Previene el flash de interpolaciones sin procesar.",[41,21836,21837],{},"No sustituye optimización de rendimiento ni resuelve hydration mismatches.",[41,21839,21840],{},"Debe aplicarse de forma selectiva y consciente del contexto (SPA vs SSR).",[1606,21842,21843],{},"html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}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 .s9eBZ, html code.shiki .s9eBZ{--shiki-default:#22863A;--shiki-dark:#85E89D}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}html pre.shiki code .szBVR, html code.shiki .szBVR{--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .s4XuR, html code.shiki .s4XuR{--shiki-default:#E36209;--shiki-dark:#FFAB70}",{"title":273,"searchDepth":308,"depth":308,"links":21845},[21846,21847,21848,21849,21850,21851,21859,21865],{"id":20624,"depth":308,"text":20625},{"id":60,"depth":308,"text":61},{"id":20734,"depth":308,"text":20735},{"id":128,"depth":308,"text":129},{"id":155,"depth":308,"text":156},{"id":189,"depth":308,"text":190,"children":21852},[21853,21855,21857,21858],{"id":20820,"depth":324,"text":21854},"1) Usar v-cloak sin CSS",{"id":20834,"depth":324,"text":21856},"2) Declarar la regla en un \u003Cstyle scoped>",{"id":20851,"depth":324,"text":20852},{"id":20861,"depth":324,"text":20862},{"id":1945,"depth":308,"text":1946,"children":21860},[21861,21862,21863,21864],{"id":20872,"depth":324,"text":20873},{"id":20912,"depth":324,"text":20913},{"id":21306,"depth":324,"text":21307},{"id":21316,"depth":324,"text":21317},{"id":1595,"depth":308,"text":1596},"https://res.cloudinary.com/denj4fg7f/image/upload/v1771976009/directives-vue-v-cloak-guide_vhkz2i.png","Portada temporal para el artículo sobre v-cloak en Vue","2026-02-25","Aprende a usar v-cloak en Vue 3 para evitar el parpadeo de plantillas sin compilar, con Composition API y Options API, casos reales, errores comunes y buenas prácticas.",{"script":21871},[21872],{"type":1632,"key":1633,"data-nuxt-schema-org":327,"nodes":21873},[21874],{"headline":21875,"author":21876,"datePublished":21877,"@type":1640},"Directiva v-cloak en Vue: evita parpadeos antes del montaje",{"name":1637,"@type":1638},"2026-02-25T12:30:00-05:00",{"updatedAt":21877,"coverCaption":17759,"author":1637,"keywords":21879},[1645,20608,21880,21881,271,971],"FOUC","hydration","/blog/directives-vue-v-cloak-guide.es",[21884],{"headline":21875,"author":21885,"datePublished":21877,"@type":1640},{"name":1637,"@type":1638},{"title":20599,"description":21869},"blog/directives-vue-v-cloak-guide.es",[21889,21890,21893,21894],{"tag":20588,"color":20589},{"tag":21891,"color":21892},"Templates","#00B894",{"tag":3164,"color":3165},{"tag":9074,"color":9075},"q8k5WK5ZcnemvDiMjFK2q-UhImDl_uR4ohH_nx_sNas",{"id":21897,"title":21898,"body":21899,"cover":24549,"coverAlt":24550,"date":24551,"description":24552,"draft":1627,"extension":1628,"head":24553,"locale":1641,"meta":24561,"navigation":327,"path":24564,"schemaOrg":24565,"seo":24568,"series":20582,"seriesDescription":20583,"seriesOrder":391,"seriesTitle":20584,"slug":1656,"stem":24569,"tags":24570,"__hash__":24576},"blog/blog/directives-vue-v-once-v-memo-v-pre-guide.es.md","Directivas en Vue: v-once / v-memo / v-pre",{"type":8,"value":21900,"toc":24519},[21901,21913,21926,21928,21931,21934,21951,21954,21956,21960,21963,21966,21970,21981,21990,21994,22004,22007,22009,22012,22032,22035,22050,22052,22055,22073,22076,22078,22095,22098,22115,22117,22124,22130,22139,22145,22148,22153,22160,22165,22172,22176,22179,22184,22186,22192,22330,22462,22474,22480,22833,23104,23120,23126,23224,23341,23345,23357,23963,24485,24487,24496,24513,24516],[11,21902,20605,21904,5245,21907,5245,21910],{"id":21903},"directivas-en-vue-v-once-v-memo-v-pre",[16,21905,21906],{},"v-once",[16,21908,21909],{},"v-memo",[16,21911,21912],{},"v-pre",[21,21914,21915,225,21917,1697,21919,21921,21922,21925],{},[16,21916,21906],{},[16,21918,21909],{},[16,21920,21912],{}," son directivas enfocadas en rendimiento y control de compilación/render. No son para “poner en todo”, pero en escenarios concretos reducen trabajo innecesario y evitan ",[3292,21923,21924],{},"re-renders"," costosos.",[30,21927,20625],{"id":20624},[21,21929,21930],{},"En apps grandes, muchos problemas de rendimiento no vienen de una sola operación pesada, sino de miles de renders pequeños que se repiten sin necesidad.",[21,21932,21933],{},"Estas directivas te permiten:",[38,21935,21936,21941,21946],{},[41,21937,21938,21939,1895],{},"Congelar fragmentos estáticos (",[16,21940,21906],{},[41,21942,21943,21944,1895],{},"Reutilizar subárboles cuando dependencias clave no cambian (",[16,21945,21909],{},[41,21947,21948,21949,1895],{},"Omitir compilación de expresiones para contenido literal (",[16,21950,21912],{},[21,21952,21953],{},"Usadas con criterio, mejoran la fluidez sin romper la legibilidad.",[30,21955,61],{"id":60},[192,21957,21958],{"id":21906},[16,21959,21906],{},[21,21961,21962],{},"Renderiza el nodo una sola vez. En actualizaciones posteriores, Vue reutiliza el resultado y no vuelve a evaluarlo.",[21,21964,21965],{},"Ideal para contenido realmente inmutable (versión de build, texto legal fijo, metadata de entorno, etc.).",[192,21967,21968],{"id":21909},[16,21969,21909],{},[21,21971,21972,21973,21976,21977,21980],{},"Memoiza (cachea) un subárbol del template con base en un ",[72,21974,21975],{},"arreglo de dependencias",". Si ninguna dependencia cambia, Vue omite el ",[3292,21978,21979],{},"patch"," de ese subárbol.",[21,21982,21983,21984,21986,21987,104],{},"Útil cuando una porción del template es costosa y depende de pocas señales estables. Nota importante: ",[16,21985,21909],{}," existe desde Vue ",[72,21988,21989],{},"3.2+",[192,21991,21992],{"id":21912},[16,21993,21912],{},[21,21995,21996,21997,22000,22001,22003],{},"Le dice a Vue que ",[72,21998,21999],{},"no compile"," ese bloque. Las interpolaciones ",[16,22002,20620],{}," se muestran como texto literal.",[21,22005,22006],{},"Es perfecto para ejemplos de código o snippets donde quieres imprimir sintaxis de Vue sin evaluarla.",[30,22008,129],{"id":128},[21,22010,22011],{},"Usa estas directivas cuando tengas una razón concreta y medible:",[38,22013,22014,22019,22027],{},[41,22015,22016,22018],{},[16,22017,21906],{},": bloques estáticos que no deben reaccionar a cambios.",[41,22020,22021,22023,22024,104],{},[16,22022,21909],{},": listas o tarjetas complejas con alto costo de render cuando conoces ",[72,22025,22026],{},"dependencias exactas",[41,22028,22029,22031],{},[16,22030,21912],{},": documentación, tutoriales o demos donde quieres mostrar moustaches literalmente.",[21,22033,22034],{},"Casos reales:",[38,22036,22037,22044,22047],{},[41,22038,22039,22040,22043],{},"Dashboard con cards densas que solo cambian por ",[16,22041,22042],{},"id"," y estado puntual.",[41,22045,22046],{},"Pantalla de onboarding con secciones 100% estáticas.",[41,22048,22049],{},"Vista de documentación dentro de tu app que muestra sintaxis de Vue “en crudo”.",[30,22051,156],{"id":155},[21,22053,22054],{},"Evítalas cuando solo intentas “optimizar por optimizar”:",[38,22056,22057,22063,22068],{},[41,22058,22059,22060,22062],{},"No uses ",[16,22061,21906],{}," en datos que luego deben actualizarse.",[41,22064,22059,22065,22067],{},[16,22066,21909],{}," sin entender bien sus dependencias; puede ocultar cambios esperados.",[41,22069,22059,22070,22072],{},[16,22071,21912],{}," en bloques que sí necesitan bindings o eventos.",[21,22074,22075],{},"Si no has detectado un problema real de render, primero mide con Vue Devtools antes de complejizar el template.",[30,22077,5390],{"id":5389},[38,22079,22080,22085,22090],{},[41,22081,22082,22084],{},[16,22083,21906],{},": congelado permanente después del primer render.",[41,22086,22087,22089],{},[16,22088,21909],{},": congelado condicional según dependencias.",[41,22091,22092,22094],{},[16,22093,21912],{},": sin compilación de plantilla; salida literal.",[21,22096,22097],{},"Regla rápida:",[38,22099,22100,22105,22110],{},[41,22101,22102,22103,104],{},"Quieres “no volver a actualizar nunca”: ",[16,22104,21906],{},[41,22106,22107,22108,104],{},"Quieres “actualizar solo si cambian X dependencias”: ",[16,22109,21909],{},[41,22111,22112,22113,104],{},"Quieres “mostrar template sin interpretar”: ",[16,22114,21912],{},[30,22116,190],{"id":189},[192,22118,22120,22121,22123],{"id":22119},"_1-aplicar-v-once-sobre-datos-que-sí-cambian","1) Aplicar ",[16,22122,21906],{}," sobre datos que sí cambian",[21,22125,22126,22127,22129],{},"Si la fuente cambia pero el nodo tiene ",[16,22128,21906],{},", la UI quedará desfasada.",[21,22131,22132,22135,22136,22138],{},[72,22133,22134],{},"Solución:"," limita ",[16,22137,21906],{}," a contenido estrictamente inmutable.",[192,22140,22142,22143],{"id":22141},"_2-definir-mal-dependencias-en-v-memo","2) Definir mal dependencias en ",[16,22144,21909],{},[21,22146,22147],{},"Si olvidas una dependencia relevante, Vue puede reutilizar un subárbol viejo.\nSi incluyes demasiadas dependencias, pierdes el beneficio.",[21,22149,22150,22152],{},[72,22151,22134],{}," declara solo señales que realmente afectan el HTML renderizado (y asegúrate de incluir todas).",[192,22154,22156,22157,22159],{"id":22155},"_3-esperar-que-v-pre-procese-directivas-o-interpolaciones","3) Esperar que ",[16,22158,21912],{}," procese directivas o interpolaciones",[21,22161,11996,22162,22164],{},[16,22163,21912],{},", Vue no interpreta nada dentro del bloque (ni moustaches, ni directivas anidadas).",[21,22166,22167,17019,22169,22171],{},[72,22168,22134],{},[16,22170,21912],{}," solo para salida literal/documentación.",[192,22173,22175],{"id":22174},"_4-usarlas-sin-validar-impacto","4) Usarlas sin validar impacto",[21,22177,22178],{},"Agregar estas directivas indiscriminadamente puede aumentar complejidad sin mejorar performance real.",[21,22180,22181,22183],{},[72,22182,22134],{}," perfila primero y optimiza donde el costo sea comprobable.",[30,22185,1946],{"id":1945},[192,22187,22189,22190],{"id":22188},"_1-bloque-estático-con-v-once","1) Bloque estático con ",[16,22191,21906],{},[267,22193,22196],{"className":269,"code":22194,"filename":271,"highlights":22195,"language":272,"meta":273,"style":273},"\u003Cscript setup lang=\"ts\">\nimport { ref } from \"vue\";\n\nconst counter = ref(0);\nconst buildVersion = \"2026.02.24\";\n\u003C/script>\n\n\u003Ctemplate>\n \u003Cbutton @click=\"counter++\">Clicks: {{ counter }}\u003C/button>\n\n \u003Cp v-once>Build: {{ buildVersion }}\u003C/p>\n\u003C/template>\n",[402],[16,22197,22198,22214,22226,22230,22247,22261,22269,22273,22281,22301,22305,22322],{"__ignoreMap":273},[277,22199,22200,22202,22204,22206,22208,22210,22212],{"class":279,"line":280},[277,22201,284],{"class":283},[277,22203,288],{"class":287},[277,22205,292],{"class":291},[277,22207,295],{"class":291},[277,22209,298],{"class":283},[277,22211,302],{"class":301},[277,22213,305],{"class":283},[277,22215,22216,22218,22220,22222,22224],{"class":279,"line":308},[277,22217,312],{"class":311},[277,22219,11006],{"class":283},[277,22221,318],{"class":311},[277,22223,18148],{"class":301},[277,22225,18151],{"class":283},[277,22227,22228],{"class":279,"line":324},[277,22229,328],{"emptyLinePlaceholder":327},[277,22231,22232,22234,22237,22239,22241,22243,22245],{"class":279,"line":331},[277,22233,405],{"class":311},[277,22235,22236],{"class":356}," counter",[277,22238,340],{"class":311},[277,22240,413],{"class":291},[277,22242,448],{"class":283},[277,22244,3542],{"class":356},[277,22246,18277],{"class":283},[277,22248,22249,22251,22254,22256,22259],{"class":279,"line":346},[277,22250,405],{"class":311},[277,22252,22253],{"class":356}," buildVersion",[277,22255,340],{"class":311},[277,22257,22258],{"class":301}," \"2026.02.24\"",[277,22260,18151],{"class":283},[277,22262,22263,22265,22267],{"class":279,"line":360},[277,22264,785],{"class":283},[277,22266,288],{"class":287},[277,22268,305],{"class":283},[277,22270,22271],{"class":279,"line":371},[277,22272,328],{"emptyLinePlaceholder":327},[277,22274,22275,22277,22279],{"class":279,"line":381},[277,22276,284],{"class":283},[277,22278,802],{"class":287},[277,22280,305],{"class":283},[277,22282,22283,22285,22287,22289,22291,22294,22297,22299],{"class":279,"line":391},[277,22284,810],{"class":283},[277,22286,4267],{"class":287},[277,22288,4278],{"class":291},[277,22290,298],{"class":283},[277,22292,22293],{"class":301},"\"counter++\"",[277,22295,22296],{"class":283},">Clicks: {{ counter }}\u003C/",[277,22298,4267],{"class":287},[277,22300,305],{"class":283},[277,22302,22303],{"class":279,"line":397},[277,22304,328],{"emptyLinePlaceholder":327},[277,22306,22308,22310,22312,22315,22318,22320],{"class":22307,"line":402},[279,9398],[277,22309,810],{"class":283},[277,22311,21],{"class":287},[277,22313,22314],{"class":291}," v-once",[277,22316,22317],{"class":283},">Build: {{ buildVersion }}\u003C/",[277,22319,21],{"class":287},[277,22321,305],{"class":283},[277,22323,22324,22326,22328],{"class":279,"line":436},[277,22325,785],{"class":283},[277,22327,802],{"class":287},[277,22329,305],{"class":283},[267,22331,22334],{"className":269,"code":22332,"filename":971,"highlights":22333,"language":272,"meta":273,"style":273},"\u003Cscript lang=\"ts\">\nexport default {\n data() {\n return {\n counter: 0,\n buildVersion: \"2026.02.24\",\n };\n },\n};\n\u003C/script>\n\n\u003Ctemplate>\n \u003Cbutton @click=\"counter++\">Clicks: {{ counter }}\u003C/button>\n \u003Cp v-once>Build: {{ buildVersion }}\u003C/p>\n\u003C/template>\n",[461],[16,22335,22336,22350,22358,22364,22370,22379,22389,22393,22397,22401,22409,22413,22421,22439,22454],{"__ignoreMap":273},[277,22337,22338,22340,22342,22344,22346,22348],{"class":279,"line":280},[277,22339,284],{"class":283},[277,22341,288],{"class":287},[277,22343,295],{"class":291},[277,22345,298],{"class":283},[277,22347,302],{"class":301},[277,22349,305],{"class":283},[277,22351,22352,22354,22356],{"class":279,"line":308},[277,22353,1057],{"class":311},[277,22355,1060],{"class":311},[277,22357,343],{"class":283},[277,22359,22360,22362],{"class":279,"line":324},[277,22361,1086],{"class":291},[277,22363,473],{"class":283},[277,22365,22366,22368],{"class":279,"line":331},[277,22367,1093],{"class":311},[277,22369,343],{"class":283},[277,22371,22372,22375,22377],{"class":279,"line":346},[277,22373,22374],{"class":283}," counter: ",[277,22376,3542],{"class":356},[277,22378,1077],{"class":283},[277,22380,22381,22384,22387],{"class":279,"line":360},[277,22382,22383],{"class":283}," buildVersion: ",[277,22385,22386],{"class":301},"\"2026.02.24\"",[277,22388,1077],{"class":283},[277,22390,22391],{"class":279,"line":371},[277,22392,18478],{"class":283},[277,22394,22395],{"class":279,"line":381},[277,22396,1131],{"class":283},[277,22398,22399],{"class":279,"line":391},[277,22400,18255],{"class":283},[277,22402,22403,22405,22407],{"class":279,"line":397},[277,22404,785],{"class":283},[277,22406,288],{"class":287},[277,22408,305],{"class":283},[277,22410,22411],{"class":279,"line":402},[277,22412,328],{"emptyLinePlaceholder":327},[277,22414,22415,22417,22419],{"class":279,"line":436},[277,22416,284],{"class":283},[277,22418,802],{"class":287},[277,22420,305],{"class":283},[277,22422,22423,22425,22427,22429,22431,22433,22435,22437],{"class":279,"line":456},[277,22424,810],{"class":283},[277,22426,4267],{"class":287},[277,22428,4278],{"class":291},[277,22430,298],{"class":283},[277,22432,22293],{"class":301},[277,22434,22296],{"class":283},[277,22436,4267],{"class":287},[277,22438,305],{"class":283},[277,22440,22442,22444,22446,22448,22450,22452],{"class":22441,"line":461},[279,9398],[277,22443,810],{"class":283},[277,22445,21],{"class":287},[277,22447,22314],{"class":291},[277,22449,22317],{"class":283},[277,22451,21],{"class":287},[277,22453,305],{"class":283},[277,22455,22456,22458,22460],{"class":279,"line":476},[277,22457,785],{"class":283},[277,22459,802],{"class":287},[277,22461,305],{"class":283},[3111,22463,22464],{},[21,22465,22466,22467,22470,22471,22473],{},"Nota: este ejemplo asume que ",[16,22468,22469],{},"buildVersion"," es inmutable. Si en tu app podría cambiar (p. ej., viene de una llamada async), ",[16,22472,21906],{}," no es lo correcto.",[192,22475,22477,22478],{"id":22476},"_2-segmento-pesado-con-v-memo","2) Segmento pesado con ",[16,22479,21909],{},[267,22481,22484],{"className":269,"code":22482,"filename":271,"highlights":22483,"language":272,"meta":273,"style":273},"\u003Cscript setup lang=\"ts\">\nimport { ref } from \"vue\";\n\ntype UserCard = { id: number; name: string; isOnline: boolean; score: number };\n\nconst selectedId = ref\u003Cnumber | null>(null);\nconst users = ref\u003CUserCard[]>([\n { id: 1, name: \"Ana\", isOnline: true, score: 98 },\n { id: 2, name: \"Luis\", isOnline: false, score: 77 },\n { id: 3, name: \"Marta\", isOnline: true, score: 88 },\n]);\n\u003C/script>\n\n\u003Ctemplate>\n \u003Carticle\n v-for=\"user in users\"\n :key=\"user.id\"\n v-memo=\"[user.id, user.isOnline, selectedId === user.id]\"\n class=\"card\"\n >\n \u003Ch3>{{ user.name }}\u003C/h3>\n \u003Cp>Puntaje: {{ user.score }}\u003C/p>\n \u003Cp>{{ user.isOnline ? \"En línea\" : \"Desconectado\" }}\u003C/p>\n \u003Cbutton @click=\"selectedId = user.id\">Seleccionar\u003C/button>\n \u003C/article>\n\u003C/template>\n",[520],[16,22485,22486,22502,22514,22518,22565,22569,22594,22612,22636,22658,22680,22685,22693,22697,22705,22712,22722,22732,22743,22753,22758,22771,22784,22797,22817,22825],{"__ignoreMap":273},[277,22487,22488,22490,22492,22494,22496,22498,22500],{"class":279,"line":280},[277,22489,284],{"class":283},[277,22491,288],{"class":287},[277,22493,292],{"class":291},[277,22495,295],{"class":291},[277,22497,298],{"class":283},[277,22499,302],{"class":301},[277,22501,305],{"class":283},[277,22503,22504,22506,22508,22510,22512],{"class":279,"line":308},[277,22505,312],{"class":311},[277,22507,11006],{"class":283},[277,22509,318],{"class":311},[277,22511,18148],{"class":301},[277,22513,18151],{"class":283},[277,22515,22516],{"class":279,"line":324},[277,22517,328],{"emptyLinePlaceholder":327},[277,22519,22520,22522,22525,22527,22529,22531,22533,22535,22538,22540,22542,22544,22546,22549,22551,22554,22556,22559,22561,22563],{"class":279,"line":331},[277,22521,334],{"class":311},[277,22523,22524],{"class":291}," UserCard",[277,22526,340],{"class":311},[277,22528,5995],{"class":283},[277,22530,22042],{"class":349},[277,22532,353],{"class":311},[277,22534,2473],{"class":356},[277,22536,22537],{"class":283},"; ",[277,22539,21371],{"class":349},[277,22541,353],{"class":311},[277,22543,21376],{"class":356},[277,22545,22537],{"class":283},[277,22547,22548],{"class":349},"isOnline",[277,22550,353],{"class":311},[277,22552,22553],{"class":356}," boolean",[277,22555,22537],{"class":283},[277,22557,22558],{"class":349},"score",[277,22560,353],{"class":311},[277,22562,2473],{"class":356},[277,22564,19697],{"class":283},[277,22566,22567],{"class":279,"line":346},[277,22568,328],{"emptyLinePlaceholder":327},[277,22570,22571,22573,22576,22578,22580,22582,22584,22586,22588,22590,22592],{"class":279,"line":360},[277,22572,405],{"class":311},[277,22574,22575],{"class":356}," selectedId",[277,22577,340],{"class":311},[277,22579,413],{"class":291},[277,22581,284],{"class":283},[277,22583,7971],{"class":356},[277,22585,421],{"class":311},[277,22587,424],{"class":356},[277,22589,427],{"class":283},[277,22591,430],{"class":356},[277,22593,18277],{"class":283},[277,22595,22596,22598,22600,22602,22604,22606,22609],{"class":279,"line":371},[277,22597,405],{"class":311},[277,22599,11021],{"class":356},[277,22601,340],{"class":311},[277,22603,413],{"class":291},[277,22605,284],{"class":283},[277,22607,22608],{"class":291},"UserCard",[277,22610,22611],{"class":283},"[]>([\n",[277,22613,22614,22616,22618,22621,22623,22626,22628,22631,22634],{"class":279,"line":381},[277,22615,2109],{"class":283},[277,22617,2072],{"class":356},[277,22619,22620],{"class":283},", name: ",[277,22622,17584],{"class":301},[277,22624,22625],{"class":283},", isOnline: ",[277,22627,2149],{"class":356},[277,22629,22630],{"class":283},", score: ",[277,22632,22633],{"class":356},"98",[277,22635,2132],{"class":283},[277,22637,22638,22640,22642,22644,22647,22649,22651,22653,22656],{"class":279,"line":391},[277,22639,2109],{"class":283},[277,22641,2139],{"class":356},[277,22643,22620],{"class":283},[277,22645,22646],{"class":301},"\"Luis\"",[277,22648,22625],{"class":283},[277,22650,2123],{"class":356},[277,22652,22630],{"class":283},[277,22654,22655],{"class":356},"77",[277,22657,2132],{"class":283},[277,22659,22660,22662,22664,22666,22669,22671,22673,22675,22678],{"class":279,"line":397},[277,22661,2109],{"class":283},[277,22663,2163],{"class":356},[277,22665,22620],{"class":283},[277,22667,22668],{"class":301},"\"Marta\"",[277,22670,22625],{"class":283},[277,22672,2149],{"class":356},[277,22674,22630],{"class":283},[277,22676,22677],{"class":356},"88",[277,22679,2132],{"class":283},[277,22681,22682],{"class":279,"line":402},[277,22683,22684],{"class":283},"]);\n",[277,22686,22687,22689,22691],{"class":279,"line":436},[277,22688,785],{"class":283},[277,22690,288],{"class":287},[277,22692,305],{"class":283},[277,22694,22695],{"class":279,"line":456},[277,22696,328],{"emptyLinePlaceholder":327},[277,22698,22699,22701,22703],{"class":279,"line":461},[277,22700,284],{"class":283},[277,22702,802],{"class":287},[277,22704,305],{"class":283},[277,22706,22707,22709],{"class":279,"line":476},[277,22708,810],{"class":283},[277,22710,22711],{"class":287},"article\n",[277,22713,22714,22717,22719],{"class":279,"line":500},[277,22715,22716],{"class":291}," v-for",[277,22718,298],{"class":283},[277,22720,22721],{"class":301},"\"user in users\"\n",[277,22723,22724,22727,22729],{"class":279,"line":505},[277,22725,22726],{"class":291}," :key",[277,22728,298],{"class":283},[277,22730,22731],{"class":301},"\"user.id\"\n",[277,22733,22735,22738,22740],{"class":22734,"line":520},[279,9398],[277,22736,22737],{"class":291}," v-memo",[277,22739,298],{"class":283},[277,22741,22742],{"class":301},"\"[user.id, user.isOnline, selectedId === user.id]\"\n",[277,22744,22745,22748,22750],{"class":279,"line":539},[277,22746,22747],{"class":291}," class",[277,22749,298],{"class":283},[277,22751,22752],{"class":301},"\"card\"\n",[277,22754,22755],{"class":279,"line":545},[277,22756,22757],{"class":283}," >\n",[277,22759,22760,22762,22764,22767,22769],{"class":279,"line":550},[277,22761,829],{"class":283},[277,22763,192],{"class":287},[277,22765,22766],{"class":283},">{{ user.name }}\u003C/",[277,22768,192],{"class":287},[277,22770,305],{"class":283},[277,22772,22773,22775,22777,22780,22782],{"class":279,"line":578},[277,22774,829],{"class":283},[277,22776,21],{"class":287},[277,22778,22779],{"class":283},">Puntaje: {{ user.score }}\u003C/",[277,22781,21],{"class":287},[277,22783,305],{"class":283},[277,22785,22786,22788,22790,22793,22795],{"class":279,"line":583},[277,22787,829],{"class":283},[277,22789,21],{"class":287},[277,22791,22792],{"class":283},">{{ user.isOnline ? \"En línea\" : \"Desconectado\" }}\u003C/",[277,22794,21],{"class":287},[277,22796,305],{"class":283},[277,22798,22799,22801,22803,22805,22807,22810,22813,22815],{"class":279,"line":588},[277,22800,829],{"class":283},[277,22802,4267],{"class":287},[277,22804,4278],{"class":291},[277,22806,298],{"class":283},[277,22808,22809],{"class":301},"\"selectedId = user.id\"",[277,22811,22812],{"class":283},">Seleccionar\u003C/",[277,22814,4267],{"class":287},[277,22816,305],{"class":283},[277,22818,22819,22821,22823],{"class":279,"line":606},[277,22820,954],{"class":283},[277,22822,813],{"class":287},[277,22824,305],{"class":283},[277,22826,22827,22829,22831],{"class":279,"line":614},[277,22828,785],{"class":283},[277,22830,802],{"class":287},[277,22832,305],{"class":283},[267,22834,22837],{"className":269,"code":22835,"filename":971,"highlights":22836,"language":272,"meta":273,"style":273},"\u003Cscript lang=\"ts\">\nexport default {\n data() {\n return {\n selectedId: null as number | null,\n users: [\n { id: 1, name: \"Ana\", isOnline: true, score: 98 },\n { id: 2, name: \"Luis\", isOnline: false, score: 77 },\n { id: 3, name: \"Marta\", isOnline: true, score: 88 },\n ],\n };\n },\n};\n\u003C/script>\n\n\u003Ctemplate>\n \u003Carticle\n v-for=\"user in users\"\n :key=\"user.id\"\n v-memo=\"[user.id, user.isOnline, selectedId === user.id]\"\n class=\"card\"\n >\n \u003Ch3>{{ user.name }}\u003C/h3>\n \u003Cp>Puntaje: {{ user.score }}\u003C/p>\n \u003Cp>{{ user.isOnline ? \"En línea\" : \"Desconectado\" }}\u003C/p>\n \u003Cbutton @click=\"selectedId = user.id\">Seleccionar\u003C/button>\n \u003C/article>\n\u003C/template>\n",[545],[16,22838,22839,22853,22861,22867,22873,22890,22895,22915,22935,22955,22959,22963,22967,22971,22979,22983,22991,22997,23005,23013,23022,23030,23034,23046,23058,23070,23088,23096],{"__ignoreMap":273},[277,22840,22841,22843,22845,22847,22849,22851],{"class":279,"line":280},[277,22842,284],{"class":283},[277,22844,288],{"class":287},[277,22846,295],{"class":291},[277,22848,298],{"class":283},[277,22850,302],{"class":301},[277,22852,305],{"class":283},[277,22854,22855,22857,22859],{"class":279,"line":308},[277,22856,1057],{"class":311},[277,22858,1060],{"class":311},[277,22860,343],{"class":283},[277,22862,22863,22865],{"class":279,"line":324},[277,22864,1086],{"class":291},[277,22866,473],{"class":283},[277,22868,22869,22871],{"class":279,"line":331},[277,22870,1093],{"class":311},[277,22872,343],{"class":283},[277,22874,22875,22878,22880,22882,22884,22886,22888],{"class":279,"line":346},[277,22876,22877],{"class":283}," selectedId: ",[277,22879,430],{"class":356},[277,22881,1105],{"class":311},[277,22883,2473],{"class":356},[277,22885,421],{"class":311},[277,22887,424],{"class":356},[277,22889,1077],{"class":283},[277,22891,22892],{"class":279,"line":360},[277,22893,22894],{"class":283}," users: [\n",[277,22896,22897,22899,22901,22903,22905,22907,22909,22911,22913],{"class":279,"line":371},[277,22898,2664],{"class":283},[277,22900,2072],{"class":356},[277,22902,22620],{"class":283},[277,22904,17584],{"class":301},[277,22906,22625],{"class":283},[277,22908,2149],{"class":356},[277,22910,22630],{"class":283},[277,22912,22633],{"class":356},[277,22914,2132],{"class":283},[277,22916,22917,22919,22921,22923,22925,22927,22929,22931,22933],{"class":279,"line":381},[277,22918,2664],{"class":283},[277,22920,2139],{"class":356},[277,22922,22620],{"class":283},[277,22924,22646],{"class":301},[277,22926,22625],{"class":283},[277,22928,2123],{"class":356},[277,22930,22630],{"class":283},[277,22932,22655],{"class":356},[277,22934,2132],{"class":283},[277,22936,22937,22939,22941,22943,22945,22947,22949,22951,22953],{"class":279,"line":391},[277,22938,2664],{"class":283},[277,22940,2163],{"class":356},[277,22942,22620],{"class":283},[277,22944,22668],{"class":301},[277,22946,22625],{"class":283},[277,22948,2149],{"class":356},[277,22950,22630],{"class":283},[277,22952,22677],{"class":356},[277,22954,2132],{"class":283},[277,22956,22957],{"class":279,"line":397},[277,22958,10174],{"class":283},[277,22960,22961],{"class":279,"line":402},[277,22962,18478],{"class":283},[277,22964,22965],{"class":279,"line":436},[277,22966,1131],{"class":283},[277,22968,22969],{"class":279,"line":456},[277,22970,18255],{"class":283},[277,22972,22973,22975,22977],{"class":279,"line":461},[277,22974,785],{"class":283},[277,22976,288],{"class":287},[277,22978,305],{"class":283},[277,22980,22981],{"class":279,"line":476},[277,22982,328],{"emptyLinePlaceholder":327},[277,22984,22985,22987,22989],{"class":279,"line":500},[277,22986,284],{"class":283},[277,22988,802],{"class":287},[277,22990,305],{"class":283},[277,22992,22993,22995],{"class":279,"line":505},[277,22994,810],{"class":283},[277,22996,22711],{"class":287},[277,22998,22999,23001,23003],{"class":279,"line":520},[277,23000,22716],{"class":291},[277,23002,298],{"class":283},[277,23004,22721],{"class":301},[277,23006,23007,23009,23011],{"class":279,"line":539},[277,23008,22726],{"class":291},[277,23010,298],{"class":283},[277,23012,22731],{"class":301},[277,23014,23016,23018,23020],{"class":23015,"line":545},[279,9398],[277,23017,22737],{"class":291},[277,23019,298],{"class":283},[277,23021,22742],{"class":301},[277,23023,23024,23026,23028],{"class":279,"line":550},[277,23025,22747],{"class":291},[277,23027,298],{"class":283},[277,23029,22752],{"class":301},[277,23031,23032],{"class":279,"line":578},[277,23033,22757],{"class":283},[277,23035,23036,23038,23040,23042,23044],{"class":279,"line":583},[277,23037,829],{"class":283},[277,23039,192],{"class":287},[277,23041,22766],{"class":283},[277,23043,192],{"class":287},[277,23045,305],{"class":283},[277,23047,23048,23050,23052,23054,23056],{"class":279,"line":588},[277,23049,829],{"class":283},[277,23051,21],{"class":287},[277,23053,22779],{"class":283},[277,23055,21],{"class":287},[277,23057,305],{"class":283},[277,23059,23060,23062,23064,23066,23068],{"class":279,"line":606},[277,23061,829],{"class":283},[277,23063,21],{"class":287},[277,23065,22792],{"class":283},[277,23067,21],{"class":287},[277,23069,305],{"class":283},[277,23071,23072,23074,23076,23078,23080,23082,23084,23086],{"class":279,"line":614},[277,23073,829],{"class":283},[277,23075,4267],{"class":287},[277,23077,4278],{"class":291},[277,23079,298],{"class":283},[277,23081,22809],{"class":301},[277,23083,22812],{"class":283},[277,23085,4267],{"class":287},[277,23087,305],{"class":283},[277,23089,23090,23092,23094],{"class":279,"line":625},[277,23091,954],{"class":283},[277,23093,813],{"class":287},[277,23095,305],{"class":283},[277,23097,23098,23100,23102],{"class":279,"line":637},[277,23099,785],{"class":283},[277,23101,802],{"class":287},[277,23103,305],{"class":283},[3111,23105,23106],{},[21,23107,23108,23109,23111,23112,23115,23116,23119],{},"Importante: el arreglo de ",[16,23110,21909],{}," debe incluir ",[72,23113,23114],{},"todo"," lo que afecte el HTML. Si ",[16,23117,23118],{},"user.score"," puede cambiar, también debería estar en dependencias (si no, el DOM podría quedarse con un puntaje viejo).",[192,23121,23123,23124],{"id":23122},"_3-bloque-literal-con-v-pre","3) Bloque literal con ",[16,23125,21912],{},[267,23127,23130],{"className":269,"code":23128,"filename":271,"highlights":23129,"language":272,"meta":273,"style":273},"\u003Cscript setup lang=\"ts\">\nconst message = \"No debe renderizarse dentro del bloque v-pre\";\n\u003C/script>\n\n\u003Ctemplate>\n \u003Cp>{{ message }}\u003C/p>\n\n \u003Cpre v-pre>{{ message }} + {{ 2 + 2 }}\u003C/pre>\n\u003C/template>\n",[381],[16,23131,23132,23148,23162,23170,23174,23182,23195,23199,23216],{"__ignoreMap":273},[277,23133,23134,23136,23138,23140,23142,23144,23146],{"class":279,"line":280},[277,23135,284],{"class":283},[277,23137,288],{"class":287},[277,23139,292],{"class":291},[277,23141,295],{"class":291},[277,23143,298],{"class":283},[277,23145,302],{"class":301},[277,23147,305],{"class":283},[277,23149,23150,23152,23155,23157,23160],{"class":279,"line":308},[277,23151,405],{"class":311},[277,23153,23154],{"class":356}," message",[277,23156,340],{"class":311},[277,23158,23159],{"class":301}," \"No debe renderizarse dentro del bloque v-pre\"",[277,23161,18151],{"class":283},[277,23163,23164,23166,23168],{"class":279,"line":324},[277,23165,785],{"class":283},[277,23167,288],{"class":287},[277,23169,305],{"class":283},[277,23171,23172],{"class":279,"line":331},[277,23173,328],{"emptyLinePlaceholder":327},[277,23175,23176,23178,23180],{"class":279,"line":346},[277,23177,284],{"class":283},[277,23179,802],{"class":287},[277,23181,305],{"class":283},[277,23183,23184,23186,23188,23191,23193],{"class":279,"line":360},[277,23185,810],{"class":283},[277,23187,21],{"class":287},[277,23189,23190],{"class":283},">{{ message }}\u003C/",[277,23192,21],{"class":287},[277,23194,305],{"class":283},[277,23196,23197],{"class":279,"line":371},[277,23198,328],{"emptyLinePlaceholder":327},[277,23200,23202,23204,23206,23209,23212,23214],{"class":23201,"line":381},[279,9398],[277,23203,810],{"class":283},[277,23205,267],{"class":287},[277,23207,23208],{"class":291}," v-pre",[277,23210,23211],{"class":283},">{{ message }} + {{ 2 + 2 }}\u003C/",[277,23213,267],{"class":287},[277,23215,305],{"class":283},[277,23217,23218,23220,23222],{"class":279,"line":391},[277,23219,785],{"class":283},[277,23221,802],{"class":287},[277,23223,305],{"class":283},[267,23225,23228],{"className":269,"code":23226,"filename":971,"highlights":23227,"language":272,"meta":273,"style":273},"\u003Cscript lang=\"ts\">\nexport default {\n data() {\n return {\n message: \"No debe renderizarse dentro del bloque v-pre\",\n };\n },\n};\n\u003C/script>\n\n\u003Ctemplate>\n \u003Cp>{{ message }}\u003C/p>\n \u003Cpre v-pre>{{ message }} + {{ 2 + 2 }}\u003C/pre>\n\u003C/template>\n",[456],[16,23229,23230,23244,23252,23258,23264,23274,23278,23282,23286,23294,23298,23306,23318,23333],{"__ignoreMap":273},[277,23231,23232,23234,23236,23238,23240,23242],{"class":279,"line":280},[277,23233,284],{"class":283},[277,23235,288],{"class":287},[277,23237,295],{"class":291},[277,23239,298],{"class":283},[277,23241,302],{"class":301},[277,23243,305],{"class":283},[277,23245,23246,23248,23250],{"class":279,"line":308},[277,23247,1057],{"class":311},[277,23249,1060],{"class":311},[277,23251,343],{"class":283},[277,23253,23254,23256],{"class":279,"line":324},[277,23255,1086],{"class":291},[277,23257,473],{"class":283},[277,23259,23260,23262],{"class":279,"line":331},[277,23261,1093],{"class":311},[277,23263,343],{"class":283},[277,23265,23266,23269,23272],{"class":279,"line":346},[277,23267,23268],{"class":283}," message: ",[277,23270,23271],{"class":301},"\"No debe renderizarse dentro del bloque v-pre\"",[277,23273,1077],{"class":283},[277,23275,23276],{"class":279,"line":360},[277,23277,18478],{"class":283},[277,23279,23280],{"class":279,"line":371},[277,23281,1131],{"class":283},[277,23283,23284],{"class":279,"line":381},[277,23285,18255],{"class":283},[277,23287,23288,23290,23292],{"class":279,"line":391},[277,23289,785],{"class":283},[277,23291,288],{"class":287},[277,23293,305],{"class":283},[277,23295,23296],{"class":279,"line":397},[277,23297,328],{"emptyLinePlaceholder":327},[277,23299,23300,23302,23304],{"class":279,"line":402},[277,23301,284],{"class":283},[277,23303,802],{"class":287},[277,23305,305],{"class":283},[277,23307,23308,23310,23312,23314,23316],{"class":279,"line":436},[277,23309,810],{"class":283},[277,23311,21],{"class":287},[277,23313,23190],{"class":283},[277,23315,21],{"class":287},[277,23317,305],{"class":283},[277,23319,23321,23323,23325,23327,23329,23331],{"class":23320,"line":456},[279,9398],[277,23322,810],{"class":283},[277,23324,267],{"class":287},[277,23326,23208],{"class":291},[277,23328,23211],{"class":283},[277,23330,267],{"class":287},[277,23332,305],{"class":283},[277,23334,23335,23337,23339],{"class":279,"line":461},[277,23336,785],{"class":283},[277,23338,802],{"class":287},[277,23340,305],{"class":283},[192,23342,23344],{"id":23343},"_4-ejemplo-completo","4) Ejemplo completo",[21,23346,23347,23348,23350,23351,23353,23354,23356],{},"Componente de lista con cabecera estática (",[16,23349,21906],{},"), tarjetas memoizadas (",[16,23352,21909],{},") y snippet literal (",[16,23355,21912],{},"):",[267,23358,23360],{"className":269,"code":23359,"filename":271,"language":272,"meta":273,"style":273},"\u003Cscript setup lang=\"ts\">\nimport { computed, ref } from \"vue\";\n\ntype Task = { id: number; title: string; done: boolean; owner: string };\n\nconst selectedOwner = ref\u003C\"all\" | string>(\"all\");\nconst tasks = ref\u003CTask[]>([\n { id: 1, title: \"Configurar CI\", done: true, owner: \"Ana\" },\n { id: 2, title: \"Refactor store\", done: false, owner: \"Luis\" },\n { id: 3, title: \"Actualizar docs\", done: false, owner: \"Ana\" },\n]);\n\nconst owners = computed(() => [\"all\", ...new Set(tasks.value.map((t) => t.owner))]);\nconst visibleTasks = computed(() =>\n selectedOwner.value === \"all\"\n ? tasks.value\n : tasks.value.filter((t) => t.owner === selectedOwner.value)\n);\n\u003C/script>\n\n\u003Ctemplate>\n \u003Cheader v-once>\n \u003Ch2>Panel de tareas del sprint\u003C/h2>\n \u003Cp>Contenido institucional estático\u003C/p>\n \u003C/header>\n\n \u003Clabel>\n Filtrar por owner\n \u003Cselect v-model=\"selectedOwner\">\n \u003Coption v-for=\"owner in owners\" :key=\"owner\" :value=\"owner\">{{ owner }}\u003C/option>\n \u003C/select>\n \u003C/label>\n\n \u003Csection\n v-for=\"task in visibleTasks\"\n :key=\"task.id\"\n v-memo=\"[task.id, task.title, task.owner, task.done, selectedOwner]\"\n class=\"task-card\"\n >\n \u003Ch3>{{ task.title }}\u003C/h3>\n \u003Cp>Owner: {{ task.owner }}\u003C/p>\n \u003Cp>Estado: {{ task.done ? \"Completada\" : \"Pendiente\" }}\u003C/p>\n \u003C/section>\n\n \u003Caside>\n \u003Ch4>Snippet para docs\u003C/h4>\n \u003Ccode v-pre>{{ title }} - {{ owner }}\u003C/code>\n \u003C/aside>\n\u003C/template>\n",[16,23361,23362,23378,23391,23395,23440,23444,23470,23486,23507,23528,23549,23553,23557,23601,23615,23625,23632,23657,23661,23669,23673,23681,23691,23704,23717,23725,23729,23737,23742,23759,23794,23802,23810,23814,23821,23829,23837,23846,23855,23859,23872,23885,23898,23906,23910,23918,23932,23947,23955],{"__ignoreMap":273},[277,23363,23364,23366,23368,23370,23372,23374,23376],{"class":279,"line":280},[277,23365,284],{"class":283},[277,23367,288],{"class":287},[277,23369,292],{"class":291},[277,23371,295],{"class":291},[277,23373,298],{"class":283},[277,23375,302],{"class":301},[277,23377,305],{"class":283},[277,23379,23380,23382,23385,23387,23389],{"class":279,"line":308},[277,23381,312],{"class":311},[277,23383,23384],{"class":283}," { computed, ref } ",[277,23386,318],{"class":311},[277,23388,18148],{"class":301},[277,23390,18151],{"class":283},[277,23392,23393],{"class":279,"line":324},[277,23394,328],{"emptyLinePlaceholder":327},[277,23396,23397,23399,23401,23403,23405,23407,23409,23411,23413,23416,23418,23420,23422,23425,23427,23429,23431,23434,23436,23438],{"class":279,"line":331},[277,23398,334],{"class":311},[277,23400,5630],{"class":291},[277,23402,340],{"class":311},[277,23404,5995],{"class":283},[277,23406,22042],{"class":349},[277,23408,353],{"class":311},[277,23410,2473],{"class":356},[277,23412,22537],{"class":283},[277,23414,23415],{"class":349},"title",[277,23417,353],{"class":311},[277,23419,21376],{"class":356},[277,23421,22537],{"class":283},[277,23423,23424],{"class":349},"done",[277,23426,353],{"class":311},[277,23428,22553],{"class":356},[277,23430,22537],{"class":283},[277,23432,23433],{"class":349},"owner",[277,23435,353],{"class":311},[277,23437,21376],{"class":356},[277,23439,19697],{"class":283},[277,23441,23442],{"class":279,"line":346},[277,23443,328],{"emptyLinePlaceholder":327},[277,23445,23446,23448,23451,23453,23455,23457,23460,23462,23464,23466,23468],{"class":279,"line":360},[277,23447,405],{"class":311},[277,23449,23450],{"class":356}," selectedOwner",[277,23452,340],{"class":311},[277,23454,413],{"class":291},[277,23456,284],{"class":283},[277,23458,23459],{"class":301},"\"all\"",[277,23461,421],{"class":311},[277,23463,21376],{"class":356},[277,23465,427],{"class":283},[277,23467,23459],{"class":301},[277,23469,18277],{"class":283},[277,23471,23472,23474,23476,23478,23480,23482,23484],{"class":279,"line":371},[277,23473,405],{"class":311},[277,23475,2097],{"class":356},[277,23477,340],{"class":311},[277,23479,413],{"class":291},[277,23481,284],{"class":283},[277,23483,5684],{"class":291},[277,23485,22611],{"class":283},[277,23487,23488,23490,23492,23494,23497,23499,23501,23503,23505],{"class":279,"line":381},[277,23489,2109],{"class":283},[277,23491,2072],{"class":356},[277,23493,2114],{"class":283},[277,23495,23496],{"class":301},"\"Configurar CI\"",[277,23498,2120],{"class":283},[277,23500,2149],{"class":356},[277,23502,2126],{"class":283},[277,23504,17584],{"class":301},[277,23506,2132],{"class":283},[277,23508,23509,23511,23513,23515,23518,23520,23522,23524,23526],{"class":279,"line":391},[277,23510,2109],{"class":283},[277,23512,2139],{"class":356},[277,23514,2114],{"class":283},[277,23516,23517],{"class":301},"\"Refactor store\"",[277,23519,2120],{"class":283},[277,23521,2123],{"class":356},[277,23523,2126],{"class":283},[277,23525,22646],{"class":301},[277,23527,2132],{"class":283},[277,23529,23530,23532,23534,23536,23539,23541,23543,23545,23547],{"class":279,"line":397},[277,23531,2109],{"class":283},[277,23533,2163],{"class":356},[277,23535,2114],{"class":283},[277,23537,23538],{"class":301},"\"Actualizar docs\"",[277,23540,2120],{"class":283},[277,23542,2123],{"class":356},[277,23544,2126],{"class":283},[277,23546,17584],{"class":301},[277,23548,2132],{"class":283},[277,23550,23551],{"class":279,"line":402},[277,23552,22684],{"class":283},[277,23554,23555],{"class":279,"line":436},[277,23556,328],{"emptyLinePlaceholder":327},[277,23558,23559,23561,23564,23566,23568,23570,23572,23575,23577,23579,23582,23584,23587,23589,23591,23594,23596,23598],{"class":279,"line":456},[277,23560,405],{"class":311},[277,23562,23563],{"class":356}," owners",[277,23565,340],{"class":311},[277,23567,2200],{"class":291},[277,23569,2203],{"class":283},[277,23571,601],{"class":311},[277,23573,23574],{"class":283}," [",[277,23576,23459],{"class":301},[277,23578,225],{"class":283},[277,23580,23581],{"class":311},"...new",[277,23583,16420],{"class":291},[277,23585,23586],{"class":283},"(tasks.value.",[277,23588,3844],{"class":291},[277,23590,2334],{"class":283},[277,23592,23593],{"class":349},"t",[277,23595,2340],{"class":283},[277,23597,601],{"class":311},[277,23599,23600],{"class":283}," t.owner))]);\n",[277,23602,23603,23605,23607,23609,23611,23613],{"class":279,"line":461},[277,23604,405],{"class":311},[277,23606,2195],{"class":356},[277,23608,340],{"class":311},[277,23610,2200],{"class":291},[277,23612,2203],{"class":283},[277,23614,3716],{"class":311},[277,23616,23617,23620,23622],{"class":279,"line":476},[277,23618,23619],{"class":283}," selectedOwner.value ",[277,23621,2503],{"class":311},[277,23623,23624],{"class":301}," \"all\"\n",[277,23626,23627,23630],{"class":279,"line":500},[277,23628,23629],{"class":311}," ?",[277,23631,5919],{"class":283},[277,23633,23634,23637,23639,23641,23643,23645,23647,23649,23652,23654],{"class":279,"line":505},[277,23635,23636],{"class":311}," :",[277,23638,2215],{"class":283},[277,23640,2218],{"class":291},[277,23642,2334],{"class":283},[277,23644,23593],{"class":349},[277,23646,2340],{"class":283},[277,23648,601],{"class":311},[277,23650,23651],{"class":283}," t.owner ",[277,23653,2503],{"class":311},[277,23655,23656],{"class":283}," selectedOwner.value)\n",[277,23658,23659],{"class":279,"line":520},[277,23660,18277],{"class":283},[277,23662,23663,23665,23667],{"class":279,"line":539},[277,23664,785],{"class":283},[277,23666,288],{"class":287},[277,23668,305],{"class":283},[277,23670,23671],{"class":279,"line":545},[277,23672,328],{"emptyLinePlaceholder":327},[277,23674,23675,23677,23679],{"class":279,"line":550},[277,23676,284],{"class":283},[277,23678,802],{"class":287},[277,23680,305],{"class":283},[277,23682,23683,23685,23687,23689],{"class":279,"line":578},[277,23684,810],{"class":283},[277,23686,4138],{"class":287},[277,23688,22314],{"class":291},[277,23690,305],{"class":283},[277,23692,23693,23695,23697,23700,23702],{"class":279,"line":583},[277,23694,829],{"class":283},[277,23696,30],{"class":287},[277,23698,23699],{"class":283},">Panel de tareas del sprint\u003C/",[277,23701,30],{"class":287},[277,23703,305],{"class":283},[277,23705,23706,23708,23710,23713,23715],{"class":279,"line":588},[277,23707,829],{"class":283},[277,23709,21],{"class":287},[277,23711,23712],{"class":283},">Contenido institucional estático\u003C/",[277,23714,21],{"class":287},[277,23716,305],{"class":283},[277,23718,23719,23721,23723],{"class":279,"line":606},[277,23720,954],{"class":283},[277,23722,4138],{"class":287},[277,23724,305],{"class":283},[277,23726,23727],{"class":279,"line":614},[277,23728,328],{"emptyLinePlaceholder":327},[277,23730,23731,23733,23735],{"class":279,"line":625},[277,23732,810],{"class":283},[277,23734,3875],{"class":287},[277,23736,305],{"class":283},[277,23738,23739],{"class":279,"line":637},[277,23740,23741],{"class":283}," Filtrar por owner\n",[277,23743,23744,23746,23749,23752,23754,23757],{"class":279,"line":646},[277,23745,829],{"class":283},[277,23747,23748],{"class":287},"select",[277,23750,23751],{"class":291}," v-model",[277,23753,298],{"class":283},[277,23755,23756],{"class":301},"\"selectedOwner\"",[277,23758,305],{"class":283},[277,23760,23761,23763,23766,23768,23770,23773,23775,23777,23780,23783,23785,23787,23790,23792],{"class":279,"line":668},[277,23762,879],{"class":283},[277,23764,23765],{"class":287},"option",[277,23767,12785],{"class":291},[277,23769,298],{"class":283},[277,23771,23772],{"class":301},"\"owner in owners\"",[277,23774,4317],{"class":291},[277,23776,298],{"class":283},[277,23778,23779],{"class":301},"\"owner\"",[277,23781,23782],{"class":291}," :value",[277,23784,298],{"class":283},[277,23786,23779],{"class":301},[277,23788,23789],{"class":283},">{{ owner }}\u003C/",[277,23791,23765],{"class":287},[277,23793,305],{"class":283},[277,23795,23796,23798,23800],{"class":279,"line":673},[277,23797,922],{"class":283},[277,23799,23748],{"class":287},[277,23801,305],{"class":283},[277,23803,23804,23806,23808],{"class":279,"line":679},[277,23805,954],{"class":283},[277,23807,3875],{"class":287},[277,23809,305],{"class":283},[277,23811,23812],{"class":279,"line":684},[277,23813,328],{"emptyLinePlaceholder":327},[277,23815,23816,23818],{"class":279,"line":700},[277,23817,810],{"class":283},[277,23819,23820],{"class":287},"section\n",[277,23822,23823,23825,23827],{"class":279,"line":717},[277,23824,22716],{"class":291},[277,23826,298],{"class":283},[277,23828,6516],{"class":301},[277,23830,23831,23833,23835],{"class":279,"line":722},[277,23832,22726],{"class":291},[277,23834,298],{"class":283},[277,23836,6526],{"class":301},[277,23838,23839,23841,23843],{"class":279,"line":729},[277,23840,22737],{"class":291},[277,23842,298],{"class":283},[277,23844,23845],{"class":301},"\"[task.id, task.title, task.owner, task.done, selectedOwner]\"\n",[277,23847,23848,23850,23852],{"class":279,"line":738},[277,23849,22747],{"class":291},[277,23851,298],{"class":283},[277,23853,23854],{"class":301},"\"task-card\"\n",[277,23856,23857],{"class":279,"line":747},[277,23858,22757],{"class":283},[277,23860,23861,23863,23865,23868,23870],{"class":279,"line":754},[277,23862,829],{"class":283},[277,23864,192],{"class":287},[277,23866,23867],{"class":283},">{{ task.title }}\u003C/",[277,23869,192],{"class":287},[277,23871,305],{"class":283},[277,23873,23874,23876,23878,23881,23883],{"class":279,"line":772},[277,23875,829],{"class":283},[277,23877,21],{"class":287},[277,23879,23880],{"class":283},">Owner: {{ task.owner }}\u003C/",[277,23882,21],{"class":287},[277,23884,305],{"class":283},[277,23886,23887,23889,23891,23894,23896],{"class":279,"line":777},[277,23888,829],{"class":283},[277,23890,21],{"class":287},[277,23892,23893],{"class":283},">Estado: {{ task.done ? \"Completada\" : \"Pendiente\" }}\u003C/",[277,23895,21],{"class":287},[277,23897,305],{"class":283},[277,23899,23900,23902,23904],{"class":279,"line":782},[277,23901,954],{"class":283},[277,23903,4121],{"class":287},[277,23905,305],{"class":283},[277,23907,23908],{"class":279,"line":792},[277,23909,328],{"emptyLinePlaceholder":327},[277,23911,23912,23914,23916],{"class":279,"line":797},[277,23913,810],{"class":283},[277,23915,21481],{"class":287},[277,23917,305],{"class":283},[277,23919,23920,23922,23925,23928,23930],{"class":279,"line":807},[277,23921,829],{"class":283},[277,23923,23924],{"class":287},"h4",[277,23926,23927],{"class":283},">Snippet para docs\u003C/",[277,23929,23924],{"class":287},[277,23931,305],{"class":283},[277,23933,23934,23936,23938,23940,23943,23945],{"class":279,"line":826},[277,23935,829],{"class":283},[277,23937,16],{"class":287},[277,23939,23208],{"class":291},[277,23941,23942],{"class":283},">{{ title }} - {{ owner }}\u003C/",[277,23944,16],{"class":287},[277,23946,305],{"class":283},[277,23948,23949,23951,23953],{"class":279,"line":849},[277,23950,954],{"class":283},[277,23952,21481],{"class":287},[277,23954,305],{"class":283},[277,23956,23957,23959,23961],{"class":279,"line":854},[277,23958,785],{"class":283},[277,23960,802],{"class":287},[277,23962,305],{"class":283},[267,23964,23966],{"className":269,"code":23965,"filename":971,"language":272,"meta":273,"style":273},"\u003Cscript lang=\"ts\">\nexport default {\n data() {\n return {\n selectedOwner: \"all\",\n tasks: [\n { id: 1, title: \"Configurar CI\", done: true, owner: \"Ana\" },\n { id: 2, title: \"Refactor store\", done: false, owner: \"Luis\" },\n { id: 3, title: \"Actualizar docs\", done: false, owner: \"Ana\" },\n ],\n };\n },\n computed: {\n owners() {\n return [\"all\", ...new Set(this.tasks.map((t) => t.owner))];\n },\n visibleTasks() {\n return this.selectedOwner === \"all\"\n ? this.tasks\n : this.tasks.filter((t) => t.owner === this.selectedOwner);\n },\n },\n};\n\u003C/script>\n\n\u003Ctemplate>\n \u003Cheader v-once>\n \u003Ch2>Panel de tareas del sprint\u003C/h2>\n \u003Cp>Contenido institucional estático\u003C/p>\n \u003C/header>\n\n \u003Clabel>\n Filtrar por owner\n \u003Cselect v-model=\"selectedOwner\">\n \u003Coption v-for=\"owner in owners\" :key=\"owner\" :value=\"owner\">{{ owner }}\u003C/option>\n \u003C/select>\n \u003C/label>\n\n \u003Csection\n v-for=\"task in visibleTasks\"\n :key=\"task.id\"\n v-memo=\"[task.id, task.title, task.owner, task.done, selectedOwner]\"\n class=\"task-card\"\n >\n \u003Ch3>{{ task.title }}\u003C/h3>\n \u003Cp>Owner: {{ task.owner }}\u003C/p>\n \u003Cp>Estado: {{ task.done ? \"Completada\" : \"Pendiente\" }}\u003C/p>\n \u003C/section>\n\n \u003Caside>\n \u003Ch4>Snippet para docs\u003C/h4>\n \u003Ccode v-pre>{{ title }} - {{ owner }}\u003C/code>\n \u003C/aside>\n\u003C/template>\n",[16,23967,23968,23982,23990,23996,24002,24011,24015,24035,24055,24075,24079,24083,24087,24091,24098,24131,24135,24141,24154,24163,24191,24195,24199,24203,24211,24215,24223,24233,24245,24257,24265,24269,24277,24281,24295,24325,24333,24341,24345,24351,24359,24367,24375,24383,24387,24399,24411,24423,24431,24435,24443,24455,24469,24477],{"__ignoreMap":273},[277,23969,23970,23972,23974,23976,23978,23980],{"class":279,"line":280},[277,23971,284],{"class":283},[277,23973,288],{"class":287},[277,23975,295],{"class":291},[277,23977,298],{"class":283},[277,23979,302],{"class":301},[277,23981,305],{"class":283},[277,23983,23984,23986,23988],{"class":279,"line":308},[277,23985,1057],{"class":311},[277,23987,1060],{"class":311},[277,23989,343],{"class":283},[277,23991,23992,23994],{"class":279,"line":324},[277,23993,1086],{"class":291},[277,23995,473],{"class":283},[277,23997,23998,24000],{"class":279,"line":331},[277,23999,1093],{"class":311},[277,24001,343],{"class":283},[277,24003,24004,24007,24009],{"class":279,"line":346},[277,24005,24006],{"class":283}," selectedOwner: ",[277,24008,23459],{"class":301},[277,24010,1077],{"class":283},[277,24012,24013],{"class":279,"line":360},[277,24014,2659],{"class":283},[277,24016,24017,24019,24021,24023,24025,24027,24029,24031,24033],{"class":279,"line":371},[277,24018,2664],{"class":283},[277,24020,2072],{"class":356},[277,24022,2114],{"class":283},[277,24024,23496],{"class":301},[277,24026,2120],{"class":283},[277,24028,2149],{"class":356},[277,24030,2126],{"class":283},[277,24032,17584],{"class":301},[277,24034,2132],{"class":283},[277,24036,24037,24039,24041,24043,24045,24047,24049,24051,24053],{"class":279,"line":381},[277,24038,2664],{"class":283},[277,24040,2139],{"class":356},[277,24042,2114],{"class":283},[277,24044,23517],{"class":301},[277,24046,2120],{"class":283},[277,24048,2123],{"class":356},[277,24050,2126],{"class":283},[277,24052,22646],{"class":301},[277,24054,2132],{"class":283},[277,24056,24057,24059,24061,24063,24065,24067,24069,24071,24073],{"class":279,"line":391},[277,24058,2664],{"class":283},[277,24060,2163],{"class":356},[277,24062,2114],{"class":283},[277,24064,23538],{"class":301},[277,24066,2120],{"class":283},[277,24068,2123],{"class":356},[277,24070,2126],{"class":283},[277,24072,17584],{"class":301},[277,24074,2132],{"class":283},[277,24076,24077],{"class":279,"line":397},[277,24078,10174],{"class":283},[277,24080,24081],{"class":279,"line":402},[277,24082,18478],{"class":283},[277,24084,24085],{"class":279,"line":436},[277,24086,1131],{"class":283},[277,24088,24089],{"class":279,"line":456},[277,24090,2742],{"class":283},[277,24092,24093,24096],{"class":279,"line":461},[277,24094,24095],{"class":291}," owners",[277,24097,473],{"class":283},[277,24099,24100,24102,24104,24106,24108,24110,24112,24114,24116,24118,24120,24122,24124,24126,24128],{"class":279,"line":476},[277,24101,2754],{"class":311},[277,24103,23574],{"class":283},[277,24105,23459],{"class":301},[277,24107,225],{"class":283},[277,24109,23581],{"class":311},[277,24111,16420],{"class":291},[277,24113,448],{"class":283},[277,24115,1341],{"class":356},[277,24117,2759],{"class":283},[277,24119,3844],{"class":291},[277,24121,2334],{"class":283},[277,24123,23593],{"class":349},[277,24125,2340],{"class":283},[277,24127,601],{"class":311},[277,24129,24130],{"class":283}," t.owner))];\n",[277,24132,24133],{"class":279,"line":500},[277,24134,7016],{"class":283},[277,24136,24137,24139],{"class":279,"line":505},[277,24138,2747],{"class":291},[277,24140,473],{"class":283},[277,24142,24143,24145,24147,24150,24152],{"class":279,"line":520},[277,24144,2754],{"class":311},[277,24146,1268],{"class":356},[277,24148,24149],{"class":283},".selectedOwner ",[277,24151,2503],{"class":311},[277,24153,23624],{"class":301},[277,24155,24156,24159,24161],{"class":279,"line":539},[277,24157,24158],{"class":311}," ?",[277,24160,1268],{"class":356},[277,24162,6767],{"class":283},[277,24164,24165,24168,24170,24172,24174,24176,24178,24180,24182,24184,24186,24188],{"class":279,"line":545},[277,24166,24167],{"class":311}," :",[277,24169,1268],{"class":356},[277,24171,2759],{"class":283},[277,24173,2218],{"class":291},[277,24175,2334],{"class":283},[277,24177,23593],{"class":349},[277,24179,2340],{"class":283},[277,24181,601],{"class":311},[277,24183,23651],{"class":283},[277,24185,2503],{"class":311},[277,24187,1268],{"class":356},[277,24189,24190],{"class":283},".selectedOwner);\n",[277,24192,24193],{"class":279,"line":550},[277,24194,7016],{"class":283},[277,24196,24197],{"class":279,"line":578},[277,24198,1131],{"class":283},[277,24200,24201],{"class":279,"line":583},[277,24202,18255],{"class":283},[277,24204,24205,24207,24209],{"class":279,"line":588},[277,24206,785],{"class":283},[277,24208,288],{"class":287},[277,24210,305],{"class":283},[277,24212,24213],{"class":279,"line":606},[277,24214,328],{"emptyLinePlaceholder":327},[277,24216,24217,24219,24221],{"class":279,"line":614},[277,24218,284],{"class":283},[277,24220,802],{"class":287},[277,24222,305],{"class":283},[277,24224,24225,24227,24229,24231],{"class":279,"line":625},[277,24226,810],{"class":283},[277,24228,4138],{"class":287},[277,24230,22314],{"class":291},[277,24232,305],{"class":283},[277,24234,24235,24237,24239,24241,24243],{"class":279,"line":637},[277,24236,829],{"class":283},[277,24238,30],{"class":287},[277,24240,23699],{"class":283},[277,24242,30],{"class":287},[277,24244,305],{"class":283},[277,24246,24247,24249,24251,24253,24255],{"class":279,"line":646},[277,24248,829],{"class":283},[277,24250,21],{"class":287},[277,24252,23712],{"class":283},[277,24254,21],{"class":287},[277,24256,305],{"class":283},[277,24258,24259,24261,24263],{"class":279,"line":668},[277,24260,954],{"class":283},[277,24262,4138],{"class":287},[277,24264,305],{"class":283},[277,24266,24267],{"class":279,"line":673},[277,24268,328],{"emptyLinePlaceholder":327},[277,24270,24271,24273,24275],{"class":279,"line":679},[277,24272,810],{"class":283},[277,24274,3875],{"class":287},[277,24276,305],{"class":283},[277,24278,24279],{"class":279,"line":684},[277,24280,23741],{"class":283},[277,24282,24283,24285,24287,24289,24291,24293],{"class":279,"line":700},[277,24284,829],{"class":283},[277,24286,23748],{"class":287},[277,24288,23751],{"class":291},[277,24290,298],{"class":283},[277,24292,23756],{"class":301},[277,24294,305],{"class":283},[277,24296,24297,24299,24301,24303,24305,24307,24309,24311,24313,24315,24317,24319,24321,24323],{"class":279,"line":717},[277,24298,879],{"class":283},[277,24300,23765],{"class":287},[277,24302,12785],{"class":291},[277,24304,298],{"class":283},[277,24306,23772],{"class":301},[277,24308,4317],{"class":291},[277,24310,298],{"class":283},[277,24312,23779],{"class":301},[277,24314,23782],{"class":291},[277,24316,298],{"class":283},[277,24318,23779],{"class":301},[277,24320,23789],{"class":283},[277,24322,23765],{"class":287},[277,24324,305],{"class":283},[277,24326,24327,24329,24331],{"class":279,"line":722},[277,24328,922],{"class":283},[277,24330,23748],{"class":287},[277,24332,305],{"class":283},[277,24334,24335,24337,24339],{"class":279,"line":729},[277,24336,954],{"class":283},[277,24338,3875],{"class":287},[277,24340,305],{"class":283},[277,24342,24343],{"class":279,"line":738},[277,24344,328],{"emptyLinePlaceholder":327},[277,24346,24347,24349],{"class":279,"line":747},[277,24348,810],{"class":283},[277,24350,23820],{"class":287},[277,24352,24353,24355,24357],{"class":279,"line":754},[277,24354,22716],{"class":291},[277,24356,298],{"class":283},[277,24358,6516],{"class":301},[277,24360,24361,24363,24365],{"class":279,"line":772},[277,24362,22726],{"class":291},[277,24364,298],{"class":283},[277,24366,6526],{"class":301},[277,24368,24369,24371,24373],{"class":279,"line":777},[277,24370,22737],{"class":291},[277,24372,298],{"class":283},[277,24374,23845],{"class":301},[277,24376,24377,24379,24381],{"class":279,"line":782},[277,24378,22747],{"class":291},[277,24380,298],{"class":283},[277,24382,23854],{"class":301},[277,24384,24385],{"class":279,"line":792},[277,24386,22757],{"class":283},[277,24388,24389,24391,24393,24395,24397],{"class":279,"line":797},[277,24390,829],{"class":283},[277,24392,192],{"class":287},[277,24394,23867],{"class":283},[277,24396,192],{"class":287},[277,24398,305],{"class":283},[277,24400,24401,24403,24405,24407,24409],{"class":279,"line":807},[277,24402,829],{"class":283},[277,24404,21],{"class":287},[277,24406,23880],{"class":283},[277,24408,21],{"class":287},[277,24410,305],{"class":283},[277,24412,24413,24415,24417,24419,24421],{"class":279,"line":826},[277,24414,829],{"class":283},[277,24416,21],{"class":287},[277,24418,23893],{"class":283},[277,24420,21],{"class":287},[277,24422,305],{"class":283},[277,24424,24425,24427,24429],{"class":279,"line":849},[277,24426,954],{"class":283},[277,24428,4121],{"class":287},[277,24430,305],{"class":283},[277,24432,24433],{"class":279,"line":854},[277,24434,328],{"emptyLinePlaceholder":327},[277,24436,24437,24439,24441],{"class":279,"line":876},[277,24438,810],{"class":283},[277,24440,21481],{"class":287},[277,24442,305],{"class":283},[277,24444,24445,24447,24449,24451,24453],{"class":279,"line":891},[277,24446,829],{"class":283},[277,24448,23924],{"class":287},[277,24450,23927],{"class":283},[277,24452,23924],{"class":287},[277,24454,305],{"class":283},[277,24456,24457,24459,24461,24463,24465,24467],{"class":279,"line":905},[277,24458,829],{"class":283},[277,24460,16],{"class":287},[277,24462,23208],{"class":291},[277,24464,23942],{"class":283},[277,24466,16],{"class":287},[277,24468,305],{"class":283},[277,24470,24471,24473,24475],{"class":279,"line":919},[277,24472,954],{"class":283},[277,24474,21481],{"class":287},[277,24476,305],{"class":283},[277,24478,24479,24481,24483],{"class":279,"line":929},[277,24480,785],{"class":283},[277,24482,802],{"class":287},[277,24484,305],{"class":283},[30,24486,1596],{"id":1595},[21,24488,24489,225,24491,1697,24493,24495],{},[16,24490,21906],{},[16,24492,21909],{},[16,24494,21912],{}," son herramientas de precisión:",[38,24497,24498,24503,24508],{},[41,24499,24500,24502],{},[16,24501,21906],{}," para congelar contenido inmutable.",[41,24504,24505,24507],{},[16,24506,21909],{}," para evitar renders cuando dependencias clave no cambian.",[41,24509,24510,24512],{},[16,24511,21912],{}," para mostrar template literal sin compilación.",[21,24514,24515],{},"La clave no es usarlas en todo, sino en puntos donde el costo de render sea real y el comportamiento esperado sea claro.",[1606,24517,24518],{},"html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .s9eBZ, html code.shiki .s9eBZ{--shiki-default:#22863A;--shiki-dark:#85E89D}html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}html pre.shiki code .szBVR, html code.shiki .szBVR{--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}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 .s4XuR, html code.shiki .s4XuR{--shiki-default:#E36209;--shiki-dark:#FFAB70}",{"title":273,"searchDepth":308,"depth":308,"links":24520},[24521,24522,24527,24528,24529,24530,24539,24548],{"id":20624,"depth":308,"text":20625},{"id":60,"depth":308,"text":61,"children":24523},[24524,24525,24526],{"id":21906,"depth":324,"text":21906},{"id":21909,"depth":324,"text":21909},{"id":21912,"depth":324,"text":21912},{"id":128,"depth":308,"text":129},{"id":155,"depth":308,"text":156},{"id":5389,"depth":308,"text":5390},{"id":189,"depth":308,"text":190,"children":24531},[24532,24534,24536,24538],{"id":22119,"depth":324,"text":24533},"1) Aplicar v-once sobre datos que sí cambian",{"id":22141,"depth":324,"text":24535},"2) Definir mal dependencias en v-memo",{"id":22155,"depth":324,"text":24537},"3) Esperar que v-pre procese directivas o interpolaciones",{"id":22174,"depth":324,"text":22175},{"id":1945,"depth":308,"text":1946,"children":24540},[24541,24543,24545,24547],{"id":22188,"depth":324,"text":24542},"1) Bloque estático con v-once",{"id":22476,"depth":324,"text":24544},"2) Segmento pesado con v-memo",{"id":23122,"depth":324,"text":24546},"3) Bloque literal con v-pre",{"id":23343,"depth":324,"text":23344},{"id":1595,"depth":308,"text":1596},"https://res.cloudinary.com/denj4fg7f/image/upload/v1771897190/directives-vue-v-once-v-memo-v-pre-guide_ljsdlv.png","Imagen temporal para portada del artículo sobre v-once, v-memo y v-pre en Vue","2026-02-24","Aprende cuándo usar v-once, v-memo y v-pre en Vue 3 para optimizar renderizado, evitar trabajo innecesario y mantener componentes claros.",{"script":24554},[24555],{"type":1632,"key":1633,"data-nuxt-schema-org":327,"nodes":24556},[24557],{"headline":24558,"author":24559,"datePublished":24560,"@type":1640},"Directivas en Vue: v-once, v-memo y v-pre para renderizado eficiente",{"name":1637,"@type":1638},"2026-02-23T21:00:00-05:00",{"updatedAt":24560,"coverCaption":17759,"author":1637,"keywords":24562},[1645,21906,21909,21912,24563],"optimización render","/blog/directives-vue-v-once-v-memo-v-pre-guide.es",[24566],{"headline":24558,"author":24567,"datePublished":24560,"@type":1640},{"name":1637,"@type":1638},{"title":21898,"description":24552},"blog/directives-vue-v-once-v-memo-v-pre-guide.es",[24571,24572,24573,24574,24575],{"tag":20588,"color":20589},{"tag":17774,"color":17775},{"tag":3164,"color":3165},{"tag":3167,"color":3168},{"tag":1671,"color":1672},"u7xDBS4OCgvFrVZ023tOXJV01IYSpQtqWv2fP6XZnHw",{"id":24578,"title":24579,"body":24580,"cover":25832,"coverAlt":25833,"date":25834,"description":25835,"draft":1627,"extension":1628,"head":25836,"locale":1656,"meta":25843,"navigation":327,"path":25847,"schemaOrg":25848,"seo":25851,"series":20582,"seriesDescription":20583,"seriesOrder":381,"seriesTitle":20584,"slug":1656,"stem":25852,"tags":25853,"__hash__":25858},"blog/blog/directives-vue-v-text-v-html-guide.es.md","Directivas en Vue: v-text y v-html",{"type":8,"value":24581,"toc":25795},[24582,24591,24599,24616,24621,24623,24631,24645,24650,24654,24658,24665,24695,24698,24715,24724,24728,24735,24764,24767,24791,24795,24800,24819,24824,24845,24849,24854,24859,24864,24882,24884,24890,24893,24921,24938,24945,24948,24965,24976,24983,24992,24996,24999,25001,25007,25042,25049,25084,25088,25151,25153,25461,25748,25750,25778,25792],[11,24583,20605,24585,12494,24588],{"id":24584},"directivas-en-vue-v-text-vs-v-html",[16,24586,24587],{},"v-text",[16,24589,24590],{},"v-html",[21,24592,24593,24594,1697,24596,24598],{},"En Vue, ",[16,24595,24587],{},[16,24597,24590],{}," permiten renderizar contenido dinámico en el DOM, pero no hacen lo mismo ni implican el mismo nivel de riesgo.",[38,24600,24601,24609],{},[41,24602,24603,24605,24606,104],{},[16,24604,24587],{}," inserta ",[72,24607,24608],{},"texto plano",[41,24610,24611,24605,24613,104],{},[16,24612,24590],{},[72,24614,24615],{},"HTML interpretado por el navegador",[3111,24617,24618],{},[21,24619,24620],{},"Entender esta diferencia es clave para evitar bugs de UI y, sobre todo, vulnerabilidades de seguridad como XSS.",[30,24622,20625],{"id":20624},[21,24624,24625,24626,1697,24628,24630],{},"En proyectos reales es habitual recibir contenido desde APIs, CMS o incluso formularios de usuario. Elegir incorrectamente entre ",[16,24627,24587],{},[16,24629,24590],{}," puede provocar:",[38,24632,24633,24636,24639,24642],{},[41,24634,24635],{},"Diseños rotos por etiquetas inesperadas.",[41,24637,24638],{},"Exposición a ataques XSS.",[41,24640,24641],{},"Lógica de sanitización duplicada en múltiples componentes.",[41,24643,24644],{},"Inconsistencias visuales difíciles de depurar.",[3111,24646,24647],{},[21,24648,24649],{},"Tomar la decisión correcta desde el inicio mejora la seguridad, el mantenimiento y la coherencia del código.",[30,24651,24653],{"id":24652},"concepto-base","Concepto base",[192,24655,24656],{"id":24587},[16,24657,24587],{},[21,24659,24660,24661,24664],{},"Renderiza el valor como contenido textual del nodo (",[16,24662,24663],{},"textContent",").\nSi el valor incluye etiquetas HTML, estas se muestran como texto literal, no se interpretan.",[267,24666,24668],{"className":269,"code":24667,"filename":9339,"language":272,"meta":273,"style":273},"\u003Cp v-text=\"message\">\u003C/p>\n",[16,24669,24670],{"__ignoreMap":273},[277,24671,24672,24674,24676,24679,24681,24683,24686,24688,24691,24693],{"class":279,"line":280},[277,24673,284],{"class":283},[277,24675,21],{"class":287},[277,24677,24678],{"class":291}," v-text",[277,24680,298],{"class":283},[277,24682,866],{"class":301},[277,24684,24685],{"class":283},"message",[277,24687,866],{"class":301},[277,24689,24690],{"class":283},">\u003C/",[277,24692,21],{"class":287},[277,24694,305],{"class":283},[21,24696,24697],{},"Es equivalente a la interpolación estándar:",[267,24699,24701],{"className":269,"code":24700,"filename":9339,"language":272,"meta":273,"style":273},"\u003Cp>{{ message }}\u003C/p>\n",[16,24702,24703],{"__ignoreMap":273},[277,24704,24705,24707,24709,24711,24713],{"class":279,"line":280},[277,24706,284],{"class":283},[277,24708,21],{"class":287},[277,24710,23190],{"class":283},[277,24712,21],{"class":287},[277,24714,305],{"class":283},[3111,24716,24717],{},[21,24718,24719,24720,24723],{},"En la práctica, la interpolación (",[16,24721,24722],{},"{{ }}",") es la forma más común y legible para texto dinámico.",[192,24725,24726],{"id":24590},[16,24727,24590],{},[21,24729,24730,24731,24734],{},"Renderiza el valor como HTML dentro del nodo (",[16,24732,24733],{},"innerHTML",").\nSi el string contiene etiquetas, el navegador las procesa como parte del DOM.",[267,24736,24738],{"className":269,"code":24737,"filename":9339,"language":272,"meta":273,"style":273},"\u003Cdiv v-html=\"htmlSnippet\">\u003C/div>\n",[16,24739,24740],{"__ignoreMap":273},[277,24741,24742,24744,24746,24749,24751,24753,24756,24758,24760,24762],{"class":279,"line":280},[277,24743,284],{"class":283},[277,24745,4201],{"class":287},[277,24747,24748],{"class":291}," v-html",[277,24750,298],{"class":283},[277,24752,866],{"class":301},[277,24754,24755],{"class":283},"htmlSnippet",[277,24757,866],{"class":301},[277,24759,24690],{"class":283},[277,24761,4201],{"class":287},[277,24763,305],{"class":283},[21,24765,24766],{},"Consideraciones importantes:",[38,24768,24769,24777,24785,24788],{},[41,24770,24771,10969,24773,24776],{},[16,24772,24590],{},[72,24774,24775],{},"no compila plantillas Vue"," dentro del contenido inyectado.",[41,24778,24779,24780,225,24782,1808],{},"No enlaza directivas (",[16,24781,7538],{},[16,24783,24784],{},"@click",[41,24786,24787],{},"No debe utilizarse con contenido no confiable.",[41,24789,24790],{},"El contenido inyectado queda fuera del scope del compilador de plantillas.",[30,24792,24794],{"id":24793},"cuándo-usar-cada-uno","Cuándo usar cada uno",[192,24796,20777,24798,7669],{"id":24797},"usa-v-text-cuando",[16,24799,24587],{},[38,24801,24802,24805,24813,24816],{},[41,24803,24804],{},"Renderizas texto dinámico simple y seguro.",[41,24806,24807,24808,118,24810,24812],{},"El contenido puede incluir ",[16,24809,284],{},[16,24811,9921],{}," y necesitas que se muestren literalmente.",[41,24814,24815],{},"No necesitas formato enriquecido.",[41,24817,24818],{},"Quieres la opción más segura por defecto.",[192,24820,20777,24822,7669],{"id":24821},"usa-v-html-cuando",[16,24823,24590],{},[38,24825,24826,24829,24832,24842],{},[41,24827,24828],{},"Renderizas contenido HTML previamente sanitizado.",[41,24830,24831],{},"El contenido proviene de un CMS controlado o backend confiable.",[41,24833,24834,24835,225,24838,24841],{},"Necesitas respetar formato enriquecido (",[16,24836,24837],{},"\u003Cstrong>",[16,24839,24840],{},"\u003Cem>",", listas, enlaces, etc.).",[41,24843,24844],{},"Existe una estrategia clara y centralizada de sanitización.",[30,24846,24848],{"id":24847},"cuándo-evitarlos","Cuándo evitarlos",[192,24850,7664,24852,7669],{"id":24851},"evita-v-text-cuando",[16,24853,24587],{},[38,24855,24856],{},[41,24857,24858],{},"Necesitas HTML real con formato enriquecido.",[192,24860,7664,24862,7669],{"id":24861},"evita-v-html-cuando",[16,24863,24590],{},[38,24865,24866,24869,24872,24875],{},[41,24867,24868],{},"El contenido proviene directamente de input de usuario sin sanitizar.",[41,24870,24871],{},"No tienes una estrategia centralizada de sanitización.",[41,24873,24874],{},"El mismo resultado puede lograrse con componentes explícitos (más seguro y mantenible).",[41,24876,24877,24878,24881],{},"Puedes modelar la estructura con datos y renderizarla con ",[16,24879,24880],{},"v-for"," y componentes en lugar de inyectar HTML crudo.",[30,24883,190],{"id":189},[192,24885,20821,24887,24889],{"id":24886},"_1-usar-v-html-con-contenido-no-confiable",[16,24888,24590],{}," con contenido no confiable",[21,24891,24892],{},"Incorrecto:",[267,24894,24896],{"className":269,"code":24895,"filename":9339,"language":272,"meta":273,"style":273},"\u003Cdiv v-html=\"userBio\">\u003C/div>\n",[16,24897,24898],{"__ignoreMap":273},[277,24899,24900,24902,24904,24906,24908,24910,24913,24915,24917,24919],{"class":279,"line":280},[277,24901,284],{"class":283},[277,24903,4201],{"class":287},[277,24905,24748],{"class":291},[277,24907,298],{"class":283},[277,24909,866],{"class":301},[277,24911,24912],{"class":283},"userBio",[277,24914,866],{"class":301},[277,24916,24690],{"class":283},[277,24918,4201],{"class":287},[277,24920,305],{"class":283},[21,24922,24923,24924,24926,24927,24930,24931,225,24934,24937],{},"Si ",[16,24925,24912],{}," no está sanitizado, puede inyectar ",[16,24928,24929],{},"\u003Cscript>",", atributos peligrosos (",[16,24932,24933],{},"onerror",[16,24935,24936],{},"onclick",") o URLs maliciosas.",[192,24939,24941,24942,24944],{"id":24940},"_2-esperar-que-v-html-procese-directivas-de-vue","2) Esperar que ",[16,24943,24590],{}," procese directivas de Vue",[21,24946,24947],{},"Esto no funciona:",[267,24949,24951],{"className":15972,"code":24950,"filename":19438,"language":15975,"meta":273,"style":273},"const html = '\u003Cbutton @click=\"save\">Guardar\u003C/button>'\n",[16,24952,24953],{"__ignoreMap":273},[277,24954,24955,24957,24960,24962],{"class":279,"line":280},[277,24956,405],{"class":311},[277,24958,24959],{"class":356}," html",[277,24961,340],{"class":311},[277,24963,24964],{"class":301}," '\u003Cbutton @click=\"save\">Guardar\u003C/button>'\n",[3111,24966,24967],{},[21,24968,24969,24970,10969,24972,24975],{},"Las directivas dentro de un string inyectado con ",[16,24971,24590],{},[72,24973,24974],{},"no se compilan ni se enlazan"," al contexto del componente.",[192,24977,24979,24980,24982],{"id":24978},"_3-usar-v-html-por-flexibilidad","3) Usar ",[16,24981,24590],{}," “por flexibilidad”",[21,24984,24985,24986,24988,24989,24991],{},"Si solo necesitas texto, usa interpolación (",[16,24987,24722],{},") o ",[16,24990,24587],{},".\nEs más simple, más legible y más seguro.",[192,24993,24995],{"id":24994},"_4-repetir-la-sanitización-en-cada-componente","4) Repetir la sanitización en cada componente",[21,24997,24998],{},"La sanitización debe vivir en una función, composable o utility centralizada.\nDuplicarla en cada vista aumenta el riesgo de inconsistencias y errores.",[30,25000,1946],{"id":1945},[192,25002,25004,25005,19],{"id":25003},"_1-mensaje-dinámico-seguro-v-text","1) Mensaje dinámico seguro (",[16,25006,24587],{},[267,25008,25010],{"className":269,"code":25009,"filename":9339,"language":272,"meta":273,"style":273},"\u003Cp class=\"status\" v-text=\"statusMessage\">\u003C/p>\n",[16,25011,25012],{"__ignoreMap":273},[277,25013,25014,25016,25018,25020,25022,25025,25027,25029,25031,25034,25036,25038,25040],{"class":279,"line":280},[277,25015,284],{"class":283},[277,25017,21],{"class":287},[277,25019,816],{"class":291},[277,25021,298],{"class":283},[277,25023,25024],{"class":301},"\"status\"",[277,25026,24678],{"class":291},[277,25028,298],{"class":283},[277,25030,866],{"class":301},[277,25032,25033],{"class":283},"statusMessage",[277,25035,866],{"class":301},[277,25037,24690],{"class":283},[277,25039,21],{"class":287},[277,25041,305],{"class":283},[192,25043,25045,25046,25048],{"id":25044},"_2-descripción-enriquecida-desde-un-cms-v-html-sanitización-previa","2) Descripción enriquecida desde un CMS (",[16,25047,24590],{}," + sanitización previa)",[267,25050,25052],{"className":269,"code":25051,"filename":9339,"language":272,"meta":273,"style":273},"\u003Carticle class=\"prose\" v-html=\"safeHtml\">\u003C/article>\n",[16,25053,25054],{"__ignoreMap":273},[277,25055,25056,25058,25060,25062,25064,25067,25069,25071,25073,25076,25078,25080,25082],{"class":279,"line":280},[277,25057,284],{"class":283},[277,25059,813],{"class":287},[277,25061,816],{"class":291},[277,25063,298],{"class":283},[277,25065,25066],{"class":301},"\"prose\"",[277,25068,24748],{"class":291},[277,25070,298],{"class":283},[277,25072,866],{"class":301},[277,25074,25075],{"class":283},"safeHtml",[277,25077,866],{"class":301},[277,25079,24690],{"class":283},[277,25081,813],{"class":287},[277,25083,305],{"class":283},[192,25085,25087],{"id":25086},"_3-fallback-entre-html-permitido-y-texto-plano","3) Fallback entre HTML permitido y texto plano",[267,25089,25091],{"className":269,"code":25090,"filename":9339,"language":272,"meta":273,"style":273},"\u003Cdiv v-if=\"allowRichText\" v-html=\"safeHtml\">\u003C/div>\n\u003Cp v-else v-text=\"plainText\">\u003C/p>\n",[16,25092,25093,25126],{"__ignoreMap":273},[277,25094,25095,25097,25099,25101,25103,25105,25108,25110,25112,25114,25116,25118,25120,25122,25124],{"class":279,"line":280},[277,25096,284],{"class":283},[277,25098,4201],{"class":287},[277,25100,834],{"class":311},[277,25102,298],{"class":283},[277,25104,866],{"class":301},[277,25106,25107],{"class":283},"allowRichText",[277,25109,866],{"class":301},[277,25111,24748],{"class":291},[277,25113,298],{"class":283},[277,25115,866],{"class":301},[277,25117,25075],{"class":283},[277,25119,866],{"class":301},[277,25121,24690],{"class":283},[277,25123,4201],{"class":287},[277,25125,305],{"class":283},[277,25127,25128,25130,25132,25134,25136,25138,25140,25143,25145,25147,25149],{"class":279,"line":308},[277,25129,284],{"class":283},[277,25131,21],{"class":287},[277,25133,941],{"class":311},[277,25135,24678],{"class":291},[277,25137,298],{"class":283},[277,25139,866],{"class":301},[277,25141,25142],{"class":283},"plainText",[277,25144,866],{"class":301},[277,25146,24690],{"class":283},[277,25148,21],{"class":287},[277,25150,305],{"class":283},[30,25152,1976],{"id":1975},[267,25154,25156],{"className":269,"code":25155,"filename":271,"language":272,"meta":273,"style":273},"\u003Cscript setup lang=\"ts\">\nimport { computed, ref } from \"vue\";\n\nconst allowRichText = ref(true);\nconst rawFromCms = ref(\"\u003Ch3>Novedades\u003C/h3>\u003Cp>\u003Cstrong>Vue 3\u003C/strong> mejora DX.\u003C/p>\");\nconst plainFallback = ref(\"Novedades: Vue 3 mejora DX.\");\n\nfunction sanitizeHtml(input: string) {\n // Placeholder: en producción usa una librería robusta como DOMPurify.\n return input.replace(/\u003Cscript.*?>.*?\u003C\\/script>/gi, \"\");\n}\n\nconst safeHtml = computed(() => sanitizeHtml(rawFromCms.value));\n\u003C/script>\n\n\u003Ctemplate>\n \u003Csection>\n \u003Ch2>Contenido editorial\u003C/h2>\n\n \u003Cdiv v-if=\"allowRichText\" class=\"prose\" v-html=\"safeHtml\">\u003C/div>\n \u003Cp v-else v-text=\"plainFallback\">\u003C/p>\n \u003C/section>\n\u003C/template>\n",[16,25157,25158,25174,25186,25190,25207,25225,25243,25247,25264,25269,25319,25323,25327,25347,25355,25359,25367,25375,25388,25392,25424,25445,25453],{"__ignoreMap":273},[277,25159,25160,25162,25164,25166,25168,25170,25172],{"class":279,"line":280},[277,25161,284],{"class":283},[277,25163,288],{"class":287},[277,25165,292],{"class":291},[277,25167,295],{"class":291},[277,25169,298],{"class":283},[277,25171,302],{"class":301},[277,25173,305],{"class":283},[277,25175,25176,25178,25180,25182,25184],{"class":279,"line":308},[277,25177,312],{"class":311},[277,25179,23384],{"class":283},[277,25181,318],{"class":311},[277,25183,18148],{"class":301},[277,25185,18151],{"class":283},[277,25187,25188],{"class":279,"line":324},[277,25189,328],{"emptyLinePlaceholder":327},[277,25191,25192,25194,25197,25199,25201,25203,25205],{"class":279,"line":331},[277,25193,405],{"class":311},[277,25195,25196],{"class":356}," allowRichText",[277,25198,340],{"class":311},[277,25200,413],{"class":291},[277,25202,448],{"class":283},[277,25204,2149],{"class":356},[277,25206,18277],{"class":283},[277,25208,25209,25211,25214,25216,25218,25220,25223],{"class":279,"line":346},[277,25210,405],{"class":311},[277,25212,25213],{"class":356}," rawFromCms",[277,25215,340],{"class":311},[277,25217,413],{"class":291},[277,25219,448],{"class":283},[277,25221,25222],{"class":301},"\"\u003Ch3>Novedades\u003C/h3>\u003Cp>\u003Cstrong>Vue 3\u003C/strong> mejora DX.\u003C/p>\"",[277,25224,18277],{"class":283},[277,25226,25227,25229,25232,25234,25236,25238,25241],{"class":279,"line":360},[277,25228,405],{"class":311},[277,25230,25231],{"class":356}," plainFallback",[277,25233,340],{"class":311},[277,25235,413],{"class":291},[277,25237,448],{"class":283},[277,25239,25240],{"class":301},"\"Novedades: Vue 3 mejora DX.\"",[277,25242,18277],{"class":283},[277,25244,25245],{"class":279,"line":371},[277,25246,328],{"emptyLinePlaceholder":327},[277,25248,25249,25251,25254,25256,25258,25260,25262],{"class":279,"line":381},[277,25250,2460],{"class":311},[277,25252,25253],{"class":291}," sanitizeHtml",[277,25255,448],{"class":283},[277,25257,18041],{"class":349},[277,25259,353],{"class":311},[277,25261,21376],{"class":356},[277,25263,2476],{"class":283},[277,25265,25266],{"class":279,"line":391},[277,25267,25268],{"class":12741}," // Placeholder: en producción usa una librería robusta como DOMPurify.\n",[277,25270,25271,25273,25276,25279,25281,25283,25287,25289,25292,25294,25296,25298,25300,25304,25307,25309,25312,25314,25317],{"class":279,"line":397},[277,25272,2212],{"class":311},[277,25274,25275],{"class":283}," input.",[277,25277,25278],{"class":291},"replace",[277,25280,448],{"class":283},[277,25282,15951],{"class":301},[277,25284,25286],{"class":25285},"sA_wV","\u003Cscript",[277,25288,104],{"class":356},[277,25290,25291],{"class":311},"*?",[277,25293,9921],{"class":25285},[277,25295,104],{"class":356},[277,25297,25291],{"class":311},[277,25299,284],{"class":25285},[277,25301,25303],{"class":25302},"snhLl","\\/",[277,25305,25306],{"class":25285},"script>",[277,25308,15951],{"class":301},[277,25310,25311],{"class":311},"gi",[277,25313,225],{"class":283},[277,25315,25316],{"class":301},"\"\"",[277,25318,18277],{"class":283},[277,25320,25321],{"class":279,"line":402},[277,25322,394],{"class":283},[277,25324,25325],{"class":279,"line":436},[277,25326,328],{"emptyLinePlaceholder":327},[277,25328,25329,25331,25334,25336,25338,25340,25342,25344],{"class":279,"line":456},[277,25330,405],{"class":311},[277,25332,25333],{"class":356}," safeHtml",[277,25335,340],{"class":311},[277,25337,2200],{"class":291},[277,25339,2203],{"class":283},[277,25341,601],{"class":311},[277,25343,25253],{"class":291},[277,25345,25346],{"class":283},"(rawFromCms.value));\n",[277,25348,25349,25351,25353],{"class":279,"line":461},[277,25350,785],{"class":283},[277,25352,288],{"class":287},[277,25354,305],{"class":283},[277,25356,25357],{"class":279,"line":476},[277,25358,328],{"emptyLinePlaceholder":327},[277,25360,25361,25363,25365],{"class":279,"line":500},[277,25362,284],{"class":283},[277,25364,802],{"class":287},[277,25366,305],{"class":283},[277,25368,25369,25371,25373],{"class":279,"line":505},[277,25370,810],{"class":283},[277,25372,4121],{"class":287},[277,25374,305],{"class":283},[277,25376,25377,25379,25381,25384,25386],{"class":279,"line":520},[277,25378,829],{"class":283},[277,25380,30],{"class":287},[277,25382,25383],{"class":283},">Contenido editorial\u003C/",[277,25385,30],{"class":287},[277,25387,305],{"class":283},[277,25389,25390],{"class":279,"line":539},[277,25391,328],{"emptyLinePlaceholder":327},[277,25393,25394,25396,25398,25400,25402,25405,25407,25409,25411,25413,25415,25418,25420,25422],{"class":279,"line":545},[277,25395,829],{"class":283},[277,25397,4201],{"class":287},[277,25399,834],{"class":291},[277,25401,298],{"class":283},[277,25403,25404],{"class":301},"\"allowRichText\"",[277,25406,816],{"class":291},[277,25408,298],{"class":283},[277,25410,25066],{"class":301},[277,25412,24748],{"class":291},[277,25414,298],{"class":283},[277,25416,25417],{"class":301},"\"safeHtml\"",[277,25419,24690],{"class":283},[277,25421,4201],{"class":287},[277,25423,305],{"class":283},[277,25425,25426,25428,25430,25432,25434,25436,25439,25441,25443],{"class":279,"line":550},[277,25427,829],{"class":283},[277,25429,21],{"class":287},[277,25431,941],{"class":291},[277,25433,24678],{"class":291},[277,25435,298],{"class":283},[277,25437,25438],{"class":301},"\"plainFallback\"",[277,25440,24690],{"class":283},[277,25442,21],{"class":287},[277,25444,305],{"class":283},[277,25446,25447,25449,25451],{"class":279,"line":578},[277,25448,954],{"class":283},[277,25450,4121],{"class":287},[277,25452,305],{"class":283},[277,25454,25455,25457,25459],{"class":279,"line":583},[277,25456,785],{"class":283},[277,25458,802],{"class":287},[277,25460,305],{"class":283},[267,25462,25464],{"className":269,"code":25463,"filename":971,"language":272,"meta":273,"style":273},"\u003Cscript>\nexport default {\n data() {\n return {\n allowRichText: true,\n rawFromCms: \"\u003Ch3>Novedades\u003C/h3>\u003Cp>\u003Cstrong>Vue 3\u003C/strong> mejora DX.\u003C/p>\",\n plainFallback: \"Novedades: Vue 3 mejora DX.\",\n };\n },\n computed: {\n safeHtml() {\n return this.sanitizeHtml(this.rawFromCms);\n },\n },\n methods: {\n sanitizeHtml(input) {\n // Placeholder: en producción usa una librería robusta como DOMPurify.\n return input.replace(/\u003Cscript.*?>.*?\u003C\\/script>/gi, \"\");\n },\n },\n};\n\u003C/script>\n\n\u003Ctemplate>\n \u003Csection>\n \u003Ch2>Contenido editorial\u003C/h2>\n\n \u003Cdiv v-if=\"allowRichText\" class=\"prose\" v-html=\"safeHtml\">\u003C/div>\n \u003Cp v-else v-text=\"plainFallback\">\u003C/p>\n \u003C/section>\n\u003C/template>\n",[16,25465,25466,25474,25482,25488,25494,25503,25512,25521,25525,25529,25533,25540,25558,25562,25566,25570,25581,25586,25626,25630,25634,25638,25646,25650,25658,25666,25678,25682,25712,25732,25740],{"__ignoreMap":273},[277,25467,25468,25470,25472],{"class":279,"line":280},[277,25469,284],{"class":283},[277,25471,288],{"class":287},[277,25473,305],{"class":283},[277,25475,25476,25478,25480],{"class":279,"line":308},[277,25477,1057],{"class":311},[277,25479,1060],{"class":311},[277,25481,343],{"class":283},[277,25483,25484,25486],{"class":279,"line":324},[277,25485,1086],{"class":291},[277,25487,473],{"class":283},[277,25489,25490,25492],{"class":279,"line":331},[277,25491,1093],{"class":311},[277,25493,343],{"class":283},[277,25495,25496,25499,25501],{"class":279,"line":346},[277,25497,25498],{"class":283}," allowRichText: ",[277,25500,2149],{"class":356},[277,25502,1077],{"class":283},[277,25504,25505,25508,25510],{"class":279,"line":360},[277,25506,25507],{"class":283}," rawFromCms: ",[277,25509,25222],{"class":301},[277,25511,1077],{"class":283},[277,25513,25514,25517,25519],{"class":279,"line":371},[277,25515,25516],{"class":283}," plainFallback: ",[277,25518,25240],{"class":301},[277,25520,1077],{"class":283},[277,25522,25523],{"class":279,"line":381},[277,25524,18478],{"class":283},[277,25526,25527],{"class":279,"line":391},[277,25528,1131],{"class":283},[277,25530,25531],{"class":279,"line":397},[277,25532,2742],{"class":283},[277,25534,25535,25538],{"class":279,"line":402},[277,25536,25537],{"class":291}," safeHtml",[277,25539,473],{"class":283},[277,25541,25542,25544,25546,25548,25551,25553,25555],{"class":279,"line":436},[277,25543,2754],{"class":311},[277,25545,1268],{"class":356},[277,25547,104],{"class":283},[277,25549,25550],{"class":291},"sanitizeHtml",[277,25552,448],{"class":283},[277,25554,1341],{"class":356},[277,25556,25557],{"class":283},".rawFromCms);\n",[277,25559,25560],{"class":279,"line":456},[277,25561,7016],{"class":283},[277,25563,25564],{"class":279,"line":461},[277,25565,1131],{"class":283},[277,25567,25568],{"class":279,"line":476},[277,25569,1140],{"class":283},[277,25571,25572,25575,25577,25579],{"class":279,"line":500},[277,25573,25574],{"class":291}," sanitizeHtml",[277,25576,448],{"class":283},[277,25578,18041],{"class":349},[277,25580,2476],{"class":283},[277,25582,25583],{"class":279,"line":505},[277,25584,25585],{"class":12741}," // Placeholder: en producción usa una librería robusta como DOMPurify.\n",[277,25587,25588,25590,25592,25594,25596,25598,25600,25602,25604,25606,25608,25610,25612,25614,25616,25618,25620,25622,25624],{"class":279,"line":520},[277,25589,2754],{"class":311},[277,25591,25275],{"class":283},[277,25593,25278],{"class":291},[277,25595,448],{"class":283},[277,25597,15951],{"class":301},[277,25599,25286],{"class":25285},[277,25601,104],{"class":356},[277,25603,25291],{"class":311},[277,25605,9921],{"class":25285},[277,25607,104],{"class":356},[277,25609,25291],{"class":311},[277,25611,284],{"class":25285},[277,25613,25303],{"class":25302},[277,25615,25306],{"class":25285},[277,25617,15951],{"class":301},[277,25619,25311],{"class":311},[277,25621,225],{"class":283},[277,25623,25316],{"class":301},[277,25625,18277],{"class":283},[277,25627,25628],{"class":279,"line":539},[277,25629,7016],{"class":283},[277,25631,25632],{"class":279,"line":545},[277,25633,1131],{"class":283},[277,25635,25636],{"class":279,"line":550},[277,25637,18255],{"class":283},[277,25639,25640,25642,25644],{"class":279,"line":578},[277,25641,785],{"class":283},[277,25643,288],{"class":287},[277,25645,305],{"class":283},[277,25647,25648],{"class":279,"line":583},[277,25649,328],{"emptyLinePlaceholder":327},[277,25651,25652,25654,25656],{"class":279,"line":588},[277,25653,284],{"class":283},[277,25655,802],{"class":287},[277,25657,305],{"class":283},[277,25659,25660,25662,25664],{"class":279,"line":606},[277,25661,810],{"class":283},[277,25663,4121],{"class":287},[277,25665,305],{"class":283},[277,25667,25668,25670,25672,25674,25676],{"class":279,"line":614},[277,25669,829],{"class":283},[277,25671,30],{"class":287},[277,25673,25383],{"class":283},[277,25675,30],{"class":287},[277,25677,305],{"class":283},[277,25679,25680],{"class":279,"line":625},[277,25681,328],{"emptyLinePlaceholder":327},[277,25683,25684,25686,25688,25690,25692,25694,25696,25698,25700,25702,25704,25706,25708,25710],{"class":279,"line":637},[277,25685,829],{"class":283},[277,25687,4201],{"class":287},[277,25689,834],{"class":291},[277,25691,298],{"class":283},[277,25693,25404],{"class":301},[277,25695,816],{"class":291},[277,25697,298],{"class":283},[277,25699,25066],{"class":301},[277,25701,24748],{"class":291},[277,25703,298],{"class":283},[277,25705,25417],{"class":301},[277,25707,24690],{"class":283},[277,25709,4201],{"class":287},[277,25711,305],{"class":283},[277,25713,25714,25716,25718,25720,25722,25724,25726,25728,25730],{"class":279,"line":646},[277,25715,829],{"class":283},[277,25717,21],{"class":287},[277,25719,941],{"class":291},[277,25721,24678],{"class":291},[277,25723,298],{"class":283},[277,25725,25438],{"class":301},[277,25727,24690],{"class":283},[277,25729,21],{"class":287},[277,25731,305],{"class":283},[277,25733,25734,25736,25738],{"class":279,"line":668},[277,25735,954],{"class":283},[277,25737,4121],{"class":287},[277,25739,305],{"class":283},[277,25741,25742,25744,25746],{"class":279,"line":673},[277,25743,785],{"class":283},[277,25745,802],{"class":287},[277,25747,305],{"class":283},[30,25749,1596],{"id":1595},[38,25751,25752,25757,25765,25770,25775],{},[41,25753,25754,25756],{},[16,25755,24587],{}," es para texto plano y es la opción por defecto cuando no necesitas HTML.",[41,25758,25759,25760,25762,25763,104],{},"La interpolación (",[16,25761,24722],{},") suele ser más idiomática que ",[16,25764,24587],{},[41,25766,25767,25769],{},[16,25768,24590],{}," solo debe usarse con contenido confiable o previamente sanitizado.",[41,25771,25772,25774],{},[16,25773,24590],{}," no compila ni enlaza directivas Vue.",[41,25776,25777],{},"Centraliza la sanitización en una capa clara (utility/composable).",[3111,25779,25780],{},[21,25781,25782,25785,25786,25788,25789,25791],{},[72,25783,25784],{},"Regla práctica:"," si dudas, empieza con interpolación o ",[16,25787,24587],{},", y utiliza ",[16,25790,24590],{}," únicamente cuando el caso de uso lo justifique explícitamente.",[1606,25793,25794],{},"html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .s9eBZ, html code.shiki .s9eBZ{--shiki-default:#22863A;--shiki-dark:#85E89D}html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}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 .szBVR, html code.shiki .szBVR{--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}html pre.shiki code .s4XuR, html code.shiki .s4XuR{--shiki-default:#E36209;--shiki-dark:#FFAB70}html pre.shiki code .sJ8bj, html code.shiki .sJ8bj{--shiki-default:#6A737D;--shiki-dark:#6A737D}html pre.shiki code .sA_wV, html code.shiki .sA_wV{--shiki-default:#032F62;--shiki-dark:#DBEDFF}html pre.shiki code .snhLl, html code.shiki .snhLl{--shiki-default:#22863A;--shiki-default-font-weight:bold;--shiki-dark:#85E89D;--shiki-dark-font-weight:bold}",{"title":273,"searchDepth":308,"depth":308,"links":25796},[25797,25798,25802,25808,25814,25823,25830,25831],{"id":20624,"depth":308,"text":20625},{"id":24652,"depth":308,"text":24653,"children":25799},[25800,25801],{"id":24587,"depth":324,"text":24587},{"id":24590,"depth":324,"text":24590},{"id":24793,"depth":308,"text":24794,"children":25803},[25804,25806],{"id":24797,"depth":324,"text":25805},"Usa v-text cuando:",{"id":24821,"depth":324,"text":25807},"Usa v-html cuando:",{"id":24847,"depth":308,"text":24848,"children":25809},[25810,25812],{"id":24851,"depth":324,"text":25811},"Evita v-text cuando:",{"id":24861,"depth":324,"text":25813},"Evita v-html cuando:",{"id":189,"depth":308,"text":190,"children":25815},[25816,25818,25820,25822],{"id":24886,"depth":324,"text":25817},"1) Usar v-html con contenido no confiable",{"id":24940,"depth":324,"text":25819},"2) Esperar que v-html procese directivas de Vue",{"id":24978,"depth":324,"text":25821},"3) Usar v-html “por flexibilidad”",{"id":24994,"depth":324,"text":24995},{"id":1945,"depth":308,"text":1946,"children":25824},[25825,25827,25829],{"id":25003,"depth":324,"text":25826},"1) Mensaje dinámico seguro (v-text)",{"id":25044,"depth":324,"text":25828},"2) Descripción enriquecida desde un CMS (v-html + sanitización previa)",{"id":25086,"depth":324,"text":25087},{"id":1975,"depth":308,"text":1976},{"id":1595,"depth":308,"text":1596},"https://res.cloudinary.com/denj4fg7f/image/upload/v1771635700/directives-vue-v-text-v-html-guide_n0cemz.png","Ejemplo de uso de v-text y v-html en Vue.js","2026-02-21","Aprende cuándo usar v-text y v-html en Vue, diferencias clave, riesgos de seguridad, errores comunes y patrones recomendados con ejemplos en Composition API y Options API.",{"script":25837},[25838],{"type":1632,"key":1633,"data-nuxt-schema-org":327,"nodes":25839},[25840],{"headline":24579,"author":25841,"datePublished":25842,"@type":1640},{"name":1637,"@type":1638},"2026-02-20T20:00:00-05:00",{"updatedAt":25842,"coverCaption":25844,"keywords":25845},"Aprende a usar v-text y v-html de forma segura y efectiva en tus proyectos Vue",[1645,24587,24590,25846,10645,271,971],"XSS","/blog/directives-vue-v-text-v-html-guide.es",[25849],{"headline":24579,"author":25850,"datePublished":25842,"@type":1640},{"name":1637,"@type":1638},{"title":24579,"description":25835},"blog/directives-vue-v-text-v-html-guide.es",[25854,25855,25856,25857],{"tag":20588,"color":20589},{"tag":21891,"color":21892},{"tag":3164,"color":3165},{"tag":9074,"color":9075},"ETrb_1hy2LBFoBJtNI7Bdx3vS8ERBw0U59cL2Y3giRY",{"id":25860,"title":25861,"body":25862,"cover":28089,"coverAlt":28090,"date":28091,"description":28092,"draft":1627,"extension":1628,"head":28093,"locale":1641,"meta":28101,"navigation":327,"path":28106,"schemaOrg":28107,"seo":28110,"series":20582,"seriesDescription":20583,"seriesOrder":371,"seriesTitle":20584,"slug":1656,"stem":28111,"tags":28112,"__hash__":28118},"blog/blog/directives-vue-v-slot-guide.es.md","Directivas en Vue: v-slot",{"type":8,"value":25863,"toc":28068},[25864,25870,25875,25878,25880,25883,25894,25901,25903,25910,25970,26037,26040,26065,26068,26091,26102,26104,26108,26129,26131,26133,26144,26149,26151,26160,26165,26175,26211,26251,26255,26262,26316,26319,26323,26326,26328,26348,26353,26357,26360,26363,26389,26391,26395,26470,26474,26626,26630,26771,26778,26781,26854,26859,26863,26866,27192,27449,27453,27456,27779,28037,28039,28065],[11,25865,20605,25867],{"id":25866},"directivas-en-vue-v-slot",[16,25868,25869],{},"v-slot",[21,25871,25872,25874],{},[16,25873,25869],{}," permite decidir, desde el componente padre, qué contenido se renderizará dentro de zonas específicas definidas por el componente hijo.\nEn términos simples: el hijo define “huecos” y el padre decide qué colocar en ellos.",[21,25876,25877],{},"Es una de las herramientas más potentes de Vue 3 para construir componentes reutilizables sin perder control sobre el renderizado.",[30,25879,20625],{"id":20624},[21,25881,25882],{},"Sin slots, muchos componentes terminan siendo rígidos:",[38,25884,25885,25888,25891],{},[41,25886,25887],{},"Con textos y botones “quemados” dentro del hijo.",[41,25889,25890],{},"Con demasiadas props para cubrir casos muy específicos.",[41,25892,25893],{},"Difíciles de reutilizar en pantallas diferentes.",[3111,25895,25896],{},[21,25897,11996,25898,25900],{},[16,25899,25869],{},", puedes diseñar componentes base (cards, modals, tablas, layouts) que se adapten a distintos contextos sin duplicar lógica ni sacrificar claridad.",[30,25902,24653],{"id":24652},[21,25904,25905,25906,25909],{},"Un componente hijo define ",[16,25907,25908],{},"\u003Cslot />",", y el padre inyecta contenido:",[267,25911,25915],{"className":269,"code":25912,"filename":25913,"highlights":25914,"language":272,"meta":273,"style":273},"\u003Ctemplate>\n \u003Csection class=\"card\">\n \u003Cslot />\n \u003C/section>\n\u003C/template>\n","BaseCard.vue",[324],[16,25916,25917,25925,25940,25954,25962],{"__ignoreMap":273},[277,25918,25919,25921,25923],{"class":279,"line":280},[277,25920,284],{"class":283},[277,25922,802],{"class":287},[277,25924,305],{"class":283},[277,25926,25927,25929,25931,25933,25935,25938],{"class":279,"line":308},[277,25928,810],{"class":283},[277,25930,4121],{"class":287},[277,25932,816],{"class":291},[277,25934,298],{"class":283},[277,25936,25937],{"class":301},"\"card\"",[277,25939,305],{"class":283},[277,25941,25943,25945,25948,25952],{"class":25942,"line":324},[279,9398],[277,25944,829],{"class":283},[277,25946,25947],{"class":287},"slot",[277,25949,25951],{"class":25950},"s7hpK"," /",[277,25953,305],{"class":283},[277,25955,25956,25958,25960],{"class":279,"line":331},[277,25957,954],{"class":283},[277,25959,4121],{"class":287},[277,25961,305],{"class":283},[277,25963,25964,25966,25968],{"class":279,"line":346},[277,25965,785],{"class":283},[277,25967,802],{"class":287},[277,25969,305],{"class":283},[267,25971,25974],{"className":269,"code":25972,"filename":9339,"highlights":25973,"language":272,"meta":273,"style":273},"\u003Ctemplate>\n \u003CBaseCard>\n \u003Ch2>Título dinámico\u003C/h2>\n \u003Cp>Contenido personalizado desde el padre.\u003C/p>\n \u003C/BaseCard>\n\u003C/template>\n",[308,346],[16,25975,25976,25984,25994,26007,26020,26029],{"__ignoreMap":273},[277,25977,25978,25980,25982],{"class":279,"line":280},[277,25979,284],{"class":283},[277,25981,802],{"class":287},[277,25983,305],{"class":283},[277,25985,25987,25989,25992],{"class":25986,"line":308},[279,9398],[277,25988,810],{"class":283},[277,25990,25991],{"class":287},"BaseCard",[277,25993,305],{"class":283},[277,25995,25996,25998,26000,26003,26005],{"class":279,"line":324},[277,25997,829],{"class":283},[277,25999,30],{"class":287},[277,26001,26002],{"class":283},">Título dinámico\u003C/",[277,26004,30],{"class":287},[277,26006,305],{"class":283},[277,26008,26009,26011,26013,26016,26018],{"class":279,"line":331},[277,26010,829],{"class":283},[277,26012,21],{"class":287},[277,26014,26015],{"class":283},">Contenido personalizado desde el padre.\u003C/",[277,26017,21],{"class":287},[277,26019,305],{"class":283},[277,26021,26023,26025,26027],{"class":26022,"line":346},[279,9398],[277,26024,954],{"class":283},[277,26026,25991],{"class":287},[277,26028,305],{"class":283},[277,26030,26031,26033,26035],{"class":279,"line":360},[277,26032,785],{"class":283},[277,26034,802],{"class":287},[277,26036,305],{"class":283},[21,26038,26039],{},"Tipos de slots:",[38,26041,26042,26049,26057],{},[41,26043,26044,20699,26047],{},[72,26045,26046],{},"Slot por defecto",[16,26048,25908],{},[41,26050,26051,20699,26054],{},[72,26052,26053],{},"Slots nombrados",[16,26055,26056],{},"\u003Cslot name=\"header\" />",[41,26058,26059,20699,26062],{},[72,26060,26061],{},"Slots con props (scoped slots)",[16,26063,26064],{},"\u003Cslot name=\"row\" :item=\"item\" />",[21,26066,26067],{},"Sintaxis común en el padre:",[38,26069,26070,26076,26085],{},[41,26071,26072,26075],{},[16,26073,26074],{},"#default"," para el slot por defecto.",[41,26077,26078,225,26081,26084],{},[16,26079,26080],{},"#header",[16,26082,26083],{},"#footer",", etc. para slots nombrados.",[41,26086,26087,26090],{},[16,26088,26089],{},"#row=\"{ item }\""," para recibir props desde el hijo.",[3111,26092,26093],{},[21,26094,26095,26098,26099,104],{},[16,26096,26097],{},"#"," es la forma abreviada de ",[16,26100,26101],{},"v-slot:",[30,26103,129],{"id":128},[21,26105,20777,26106,7669],{},[16,26107,25869],{},[38,26109,26110,26113,26119],{},[41,26111,26112],{},"Tienes un componente estructural (card, modal, layout) cuyo contenido cambia según la vista.",[41,26114,26115,26116,1895],{},"Necesitas exponer datos internos del hijo al padre para personalizar el render (",[16,26117,26118],{},"scoped slots",[41,26120,26121,26122,225,26125,26128],{},"Quieres una API flexible sin proliferar props booleanas como ",[16,26123,26124],{},"showHeader",[16,26126,26127],{},"showFooter",", etc.",[30,26130,156],{"id":155},[21,26132,162],{},[38,26134,26135,26138,26141],{},[41,26136,26137],{},"El componente tiene estructura y contenido completamente fijos.",[41,26139,26140],{},"Estás usando slots para esconder lógica que debería vivir en composables o en el store.",[41,26142,26143],{},"El template se vuelve excesivamente complejo por anidación profunda de slots.",[3111,26145,26146],{},[21,26147,26148],{},"En estos casos, menos flexibilidad suele traducirse en mayor mantenibilidad.",[30,26150,190],{"id":189},[192,26152,20821,26154,26156,26157],{"id":26153},"_1-usar-v-slot-en-un-elemento-que-no-es-componente-o-template",[16,26155,25869],{}," en un elemento que no es componente o ",[16,26158,26159],{},"\u003Ctemplate>",[21,26161,26162,26164],{},[16,26163,25869],{}," solo puede usarse en:",[38,26166,26167,26170],{},[41,26168,26169],{},"Un componente.",[41,26171,1860,26172,26174],{},[16,26173,26159],{}," que envuelve contenido para un slot específico.",[267,26176,26180],{"className":269,"code":26177,"filename":26178,"highlights":26179,"language":272,"meta":273,"style":273},"\u003Cdiv v-slot:header>\n Título\n\u003C/div>\n","Incorrecto.vue",[280],[16,26181,26182,26198,26203],{"__ignoreMap":273},[277,26183,26185,26187,26189,26192,26194,26196],{"class":26184,"line":280},[279,9398],[277,26186,284],{"class":283},[277,26188,4201],{"class":287},[277,26190,26191],{"class":291}," v-slot",[277,26193,353],{"class":283},[277,26195,4138],{"class":291},[277,26197,305],{"class":283},[277,26199,26200],{"class":279,"line":308},[277,26201,26202],{"class":283}," Título\n",[277,26204,26205,26207,26209],{"class":279,"line":324},[277,26206,785],{"class":283},[277,26208,4201],{"class":287},[277,26210,305],{"class":283},[267,26212,26216],{"className":269,"code":26213,"filename":26214,"highlights":26215,"language":272,"meta":273,"style":273},"\u003CBaseCard>\n \u003Ctemplate #header>\n Título\n \u003C/template>\n\u003C/BaseCard>\n","Correcto.vue",[308,331],[16,26217,26218,26226,26232,26237,26243],{"__ignoreMap":273},[277,26219,26220,26222,26224],{"class":279,"line":280},[277,26221,284],{"class":283},[277,26223,25991],{"class":287},[277,26225,305],{"class":283},[277,26227,26229],{"class":26228,"line":308},[279,9398],[277,26230,26231],{"class":283}," \u003Ctemplate #header>\n",[277,26233,26234],{"class":279,"line":324},[277,26235,26236],{"class":283}," Título\n",[277,26238,26240],{"class":26239,"line":331},[279,9398],[277,26241,26242],{"class":283}," \u003C/template>\n",[277,26244,26245,26247,26249],{"class":279,"line":346},[277,26246,785],{"class":283},[277,26248,25991],{"class":287},[277,26250,305],{"class":283},[192,26252,26254],{"id":26253},"_2-no-destructurar-las-props-de-un-scoped-slot","2) No destructurar las props de un scoped slot",[21,26256,26257,26258,26261],{},"Si el hijo expone ",[16,26259,26260],{},":item=\"row\"",", el padre debe capturar ese objeto correctamente:",[267,26263,26267],{"className":269,"code":26264,"filename":26265,"highlights":26266,"language":272,"meta":273,"style":273},"\u003CDataTable :rows=\"users\">\n \u003Ctemplate #row=\"{ item }\">\n \u003Cstrong>{{ item.name }}\u003C/strong>\n \u003C/template>\n\u003C/DataTable>\n","DataTable.vue",[280,308],[16,26268,26269,26293,26299,26304,26308],{"__ignoreMap":273},[277,26270,26272,26274,26277,26279,26282,26284,26286,26289,26291],{"class":26271,"line":280},[279,9398],[277,26273,284],{"class":283},[277,26275,26276],{"class":287},"DataTable",[277,26278,6244],{"class":283},[277,26280,26281],{"class":291},"rows",[277,26283,298],{"class":283},[277,26285,866],{"class":301},[277,26287,26288],{"class":283},"users",[277,26290,866],{"class":301},[277,26292,305],{"class":283},[277,26294,26296],{"class":26295,"line":308},[279,9398],[277,26297,26298],{"class":283}," \u003Ctemplate #row=\"{ item }\">\n",[277,26300,26301],{"class":279,"line":324},[277,26302,26303],{"class":283}," \u003Cstrong>{{ item.name }}\u003C/strong>\n",[277,26305,26306],{"class":279,"line":331},[277,26307,26242],{"class":283},[277,26309,26310,26312,26314],{"class":279,"line":346},[277,26311,785],{"class":283},[277,26313,26276],{"class":287},[277,26315,305],{"class":283},[21,26317,26318],{},"Si no se destructura correctamente, perderás acceso explícito a las props del slot.",[192,26320,26322],{"id":26321},"_3-convertir-los-slots-en-prop-drilling-visual","3) Convertir los slots en “prop drilling visual”",[21,26324,26325],{},"Cuando todo pasa por slots y casi nada por props o eventos bien definidos, la API del componente se vuelve confusa.",[21,26327,25784],{},[38,26329,26330,26336,26342],{},[41,26331,26332,26335],{},[72,26333,26334],{},"Props"," → configuración.",[41,26337,26338,26341],{},[72,26339,26340],{},"Slots"," → estructura/contenido.",[41,26343,26344,26347],{},[72,26345,26346],{},"Emits"," → eventos.",[3111,26349,26350],{},[21,26351,26352],{},"Separar responsabilidades mantiene la API clara y predecible.",[192,26354,26356],{"id":26355},"_4-no-definir-fallback-en-el-hijo","4) No definir fallback en el hijo",[21,26358,26359],{},"Si el padre no provee contenido para un slot, puede quedar un espacio vacío inesperado.",[21,26361,26362],{},"Siempre que tenga sentido, define contenido por defecto:",[267,26364,26366],{"className":269,"code":26365,"filename":25913,"language":272,"meta":273,"style":273},"\u003Cslot>\n Fallback por defecto\n\u003C/slot>\n",[16,26367,26368,26376,26381],{"__ignoreMap":273},[277,26369,26370,26372,26374],{"class":279,"line":280},[277,26371,284],{"class":283},[277,26373,25947],{"class":287},[277,26375,305],{"class":283},[277,26377,26378],{"class":279,"line":308},[277,26379,26380],{"class":283}," Fallback por defecto\n",[277,26382,26383,26385,26387],{"class":279,"line":324},[277,26384,785],{"class":283},[277,26386,25947],{"class":287},[277,26388,305],{"class":283},[30,26390,1946],{"id":1945},[192,26392,26394],{"id":26393},"_1-slot-por-defecto-con-fallback","1) Slot por defecto con fallback",[267,26396,26399],{"className":269,"code":26397,"filename":25913,"highlights":26398,"language":272,"meta":273,"style":273},"\u003Ctemplate>\n \u003Carticle class=\"card\">\n \u003Cslot>\n \u003Cp>Contenido por defecto de la tarjeta.\u003C/p>\n \u003C/slot>\n \u003C/article>\n\u003C/template>\n",[324,346],[16,26400,26401,26409,26423,26432,26445,26454,26462],{"__ignoreMap":273},[277,26402,26403,26405,26407],{"class":279,"line":280},[277,26404,284],{"class":283},[277,26406,802],{"class":287},[277,26408,305],{"class":283},[277,26410,26411,26413,26415,26417,26419,26421],{"class":279,"line":308},[277,26412,810],{"class":283},[277,26414,813],{"class":287},[277,26416,816],{"class":291},[277,26418,298],{"class":283},[277,26420,25937],{"class":301},[277,26422,305],{"class":283},[277,26424,26426,26428,26430],{"class":26425,"line":324},[279,9398],[277,26427,829],{"class":283},[277,26429,25947],{"class":287},[277,26431,305],{"class":283},[277,26433,26434,26436,26438,26441,26443],{"class":279,"line":331},[277,26435,879],{"class":283},[277,26437,21],{"class":287},[277,26439,26440],{"class":283},">Contenido por defecto de la tarjeta.\u003C/",[277,26442,21],{"class":287},[277,26444,305],{"class":283},[277,26446,26448,26450,26452],{"class":26447,"line":346},[279,9398],[277,26449,922],{"class":283},[277,26451,25947],{"class":287},[277,26453,305],{"class":283},[277,26455,26456,26458,26460],{"class":279,"line":360},[277,26457,954],{"class":283},[277,26459,813],{"class":287},[277,26461,305],{"class":283},[277,26463,26464,26466,26468],{"class":279,"line":371},[277,26465,785],{"class":283},[277,26467,802],{"class":287},[277,26469,305],{"class":283},[192,26471,26473],{"id":26472},"_2-slots-nombrados-para-estructurar-un-layout","2) Slots nombrados para estructurar un layout",[267,26475,26479],{"className":269,"code":26476,"filename":26477,"highlights":26478,"language":272,"meta":273,"style":273},"\u003Ctemplate>\n \u003Csection class=\"layout\">\n \u003Cheader>\n \u003Cslot name=\"header\" />\n \u003C/header>\n\n \u003Cmain>\n \u003Cslot />\n \u003C/main>\n\n \u003Cfooter>\n \u003Cslot name=\"footer\" />\n \u003C/footer>\n \u003C/section>\n\u003C/template>\n","BaseLayout.vue",[331,381,436],[16,26480,26481,26489,26504,26512,26531,26539,26543,26552,26563,26571,26575,26584,26602,26610,26618],{"__ignoreMap":273},[277,26482,26483,26485,26487],{"class":279,"line":280},[277,26484,284],{"class":283},[277,26486,802],{"class":287},[277,26488,305],{"class":283},[277,26490,26491,26493,26495,26497,26499,26502],{"class":279,"line":308},[277,26492,810],{"class":283},[277,26494,4121],{"class":287},[277,26496,816],{"class":291},[277,26498,298],{"class":283},[277,26500,26501],{"class":301},"\"layout\"",[277,26503,305],{"class":283},[277,26505,26506,26508,26510],{"class":279,"line":324},[277,26507,829],{"class":283},[277,26509,4138],{"class":287},[277,26511,305],{"class":283},[277,26513,26515,26517,26519,26522,26524,26527,26529],{"class":26514,"line":331},[279,9398],[277,26516,879],{"class":283},[277,26518,25947],{"class":287},[277,26520,26521],{"class":291}," name",[277,26523,298],{"class":283},[277,26525,26526],{"class":301},"\"header\"",[277,26528,25951],{"class":25950},[277,26530,305],{"class":283},[277,26532,26533,26535,26537],{"class":279,"line":346},[277,26534,922],{"class":283},[277,26536,4138],{"class":287},[277,26538,305],{"class":283},[277,26540,26541],{"class":279,"line":360},[277,26542,328],{"emptyLinePlaceholder":327},[277,26544,26545,26547,26550],{"class":279,"line":371},[277,26546,829],{"class":283},[277,26548,26549],{"class":287},"main",[277,26551,305],{"class":283},[277,26553,26555,26557,26559,26561],{"class":26554,"line":381},[279,9398],[277,26556,879],{"class":283},[277,26558,25947],{"class":287},[277,26560,25951],{"class":25950},[277,26562,305],{"class":283},[277,26564,26565,26567,26569],{"class":279,"line":391},[277,26566,922],{"class":283},[277,26568,26549],{"class":287},[277,26570,305],{"class":283},[277,26572,26573],{"class":279,"line":397},[277,26574,328],{"emptyLinePlaceholder":327},[277,26576,26577,26579,26582],{"class":279,"line":402},[277,26578,829],{"class":283},[277,26580,26581],{"class":287},"footer",[277,26583,305],{"class":283},[277,26585,26587,26589,26591,26593,26595,26598,26600],{"class":26586,"line":436},[279,9398],[277,26588,879],{"class":283},[277,26590,25947],{"class":287},[277,26592,26521],{"class":291},[277,26594,298],{"class":283},[277,26596,26597],{"class":301},"\"footer\"",[277,26599,25951],{"class":25950},[277,26601,305],{"class":283},[277,26603,26604,26606,26608],{"class":279,"line":456},[277,26605,922],{"class":283},[277,26607,26581],{"class":287},[277,26609,305],{"class":283},[277,26611,26612,26614,26616],{"class":279,"line":461},[277,26613,954],{"class":283},[277,26615,4121],{"class":287},[277,26617,305],{"class":283},[277,26619,26620,26622,26624],{"class":279,"line":476},[277,26621,785],{"class":283},[277,26623,802],{"class":287},[277,26625,305],{"class":283},[192,26627,26629],{"id":26628},"_3-scoped-slot-para-personalizar-filas-de-una-tabla","3) Scoped slot para personalizar filas de una tabla",[267,26631,26634],{"className":269,"code":26632,"filename":26265,"highlights":26633,"language":272,"meta":273,"style":273},"\u003Ctemplate>\n \u003Ctable>\n \u003Ctbody>\n \u003Ctr v-for=\"row in rows\" :key=\"row.id\">\n \u003Ctd>\n \u003Cslot name=\"row\" :item=\"row\">\n {{ row.name }}\n \u003C/slot>\n \u003C/td>\n \u003C/tr>\n \u003C/tbody>\n \u003C/table>\n\u003C/template>\n",[360,381],[16,26635,26636,26644,26652,26660,26682,26691,26715,26720,26730,26739,26747,26755,26763],{"__ignoreMap":273},[277,26637,26638,26640,26642],{"class":279,"line":280},[277,26639,284],{"class":283},[277,26641,802],{"class":287},[277,26643,305],{"class":283},[277,26645,26646,26648,26650],{"class":279,"line":308},[277,26647,810],{"class":283},[277,26649,5392],{"class":287},[277,26651,305],{"class":283},[277,26653,26654,26656,26658],{"class":279,"line":324},[277,26655,829],{"class":283},[277,26657,5414],{"class":287},[277,26659,305],{"class":283},[277,26661,26662,26664,26666,26668,26670,26673,26675,26677,26680],{"class":279,"line":331},[277,26663,879],{"class":283},[277,26665,5398],{"class":287},[277,26667,12785],{"class":291},[277,26669,298],{"class":283},[277,26671,26672],{"class":301},"\"row in rows\"",[277,26674,4317],{"class":291},[277,26676,298],{"class":283},[277,26678,26679],{"class":301},"\"row.id\"",[277,26681,305],{"class":283},[277,26683,26684,26687,26689],{"class":279,"line":346},[277,26685,26686],{"class":283}," \u003C",[277,26688,5419],{"class":287},[277,26690,305],{"class":283},[277,26692,26694,26697,26699,26701,26703,26706,26709,26711,26713],{"class":26693,"line":360},[279,9398],[277,26695,26696],{"class":283}," \u003C",[277,26698,25947],{"class":287},[277,26700,26521],{"class":291},[277,26702,298],{"class":283},[277,26704,26705],{"class":301},"\"row\"",[277,26707,26708],{"class":291}," :item",[277,26710,298],{"class":283},[277,26712,26705],{"class":301},[277,26714,305],{"class":283},[277,26716,26717],{"class":279,"line":371},[277,26718,26719],{"class":283}," {{ row.name }}\n",[277,26721,26723,26726,26728],{"class":26722,"line":381},[279,9398],[277,26724,26725],{"class":283}," \u003C/",[277,26727,25947],{"class":287},[277,26729,305],{"class":283},[277,26731,26732,26735,26737],{"class":279,"line":391},[277,26733,26734],{"class":283}," \u003C/",[277,26736,5419],{"class":287},[277,26738,305],{"class":283},[277,26740,26741,26743,26745],{"class":279,"line":397},[277,26742,4175],{"class":283},[277,26744,5398],{"class":287},[277,26746,305],{"class":283},[277,26748,26749,26751,26753],{"class":279,"line":402},[277,26750,922],{"class":283},[277,26752,5414],{"class":287},[277,26754,305],{"class":283},[277,26756,26757,26759,26761],{"class":279,"line":436},[277,26758,954],{"class":283},[277,26760,5392],{"class":287},[277,26762,305],{"class":283},[277,26764,26765,26767,26769],{"class":279,"line":456},[277,26766,785],{"class":283},[277,26768,802],{"class":287},[277,26770,305],{"class":283},[192,26772,26774,26775,26777],{"id":26773},"_4-v-slot-con-argumento-dinámico","4) ",[16,26776,25869],{}," con argumento dinámico",[21,26779,26780],{},"Vue permite argumentos dinámicos usando la misma sintaxis que otras directivas dinámicas:",[267,26782,26786],{"className":269,"code":26783,"filename":26784,"highlights":26785,"language":272,"meta":273,"style":273},"\u003Ctemplate>\n \u003CWidgetShell>\n \u003Ctemplate v-slot:[zonaActiva]>\n \u003Cp>Este bloque entra en una zona dinámica.\u003C/p>\n \u003C/template>\n \u003C/WidgetShell>\n\u003C/template>\n","Padre.vue",[324],[16,26787,26788,26796,26805,26817,26830,26838,26846],{"__ignoreMap":273},[277,26789,26790,26792,26794],{"class":279,"line":280},[277,26791,284],{"class":283},[277,26793,802],{"class":287},[277,26795,305],{"class":283},[277,26797,26798,26800,26803],{"class":279,"line":308},[277,26799,810],{"class":283},[277,26801,26802],{"class":287},"WidgetShell",[277,26804,305],{"class":283},[277,26806,26808,26810,26812,26814],{"class":26807,"line":324},[279,9398],[277,26809,829],{"class":283},[277,26811,802],{"class":287},[277,26813,26191],{"class":291},[277,26815,26816],{"class":283},":[zonaActiva]>\n",[277,26818,26819,26821,26823,26826,26828],{"class":279,"line":331},[277,26820,879],{"class":283},[277,26822,21],{"class":287},[277,26824,26825],{"class":283},">Este bloque entra en una zona dinámica.\u003C/",[277,26827,21],{"class":287},[277,26829,305],{"class":283},[277,26831,26832,26834,26836],{"class":279,"line":346},[277,26833,922],{"class":283},[277,26835,802],{"class":287},[277,26837,305],{"class":283},[277,26839,26840,26842,26844],{"class":279,"line":360},[277,26841,954],{"class":283},[277,26843,26802],{"class":287},[277,26845,305],{"class":283},[277,26847,26848,26850,26852],{"class":279,"line":371},[277,26849,785],{"class":283},[277,26851,802],{"class":287},[277,26853,305],{"class":283},[3111,26855,26856],{},[21,26857,26858],{},"Úsalo con moderación. Si existen muchas zonas dinámicas, probablemente la API del componente necesite simplificarse.",[11,26860,26862],{"id":26861},"ejemplo-con-composition-api","Ejemplo con Composition API",[21,26864,26865],{},"El hijo expone una tabla base y el padre decide cómo renderizar la celda de acciones.",[267,26867,26869],{"className":269,"code":26868,"filename":26265,"language":272,"meta":273,"style":273},"\u003Cscript setup>\ndefineProps({\n rows: {\n type: Array,\n required: true,\n },\n});\n\u003C/script>\n\n\u003Ctemplate>\n \u003Ctable class=\"min-w-full border-collapse\">\n \u003Cthead>\n \u003Ctr>\n \u003Cth class=\"text-left\">Nombre\u003C/th>\n \u003Cth class=\"text-left\">Rol\u003C/th>\n \u003Cth class=\"text-left\">Acciones\u003C/th>\n \u003C/tr>\n \u003C/thead>\n \u003Ctbody>\n \u003Ctr v-for=\"user in rows\" :key=\"user.id\">\n \u003Ctd>{{ user.name }}\u003C/td>\n \u003Ctd>{{ user.role }}\u003C/td>\n \u003Ctd>\n \u003Cslot name=\"actions\" :user=\"user\">\n \u003Cbutton type=\"button\">Ver perfil\u003C/button>\n \u003C/slot>\n \u003C/td>\n \u003C/tr>\n \u003C/tbody>\n \u003C/table>\n\u003C/template>\n",[16,26870,26871,26881,26888,26893,26898,26907,26911,26915,26923,26927,26935,26950,26958,26966,26986,27005,27024,27032,27040,27048,27069,27081,27094,27102,27124,27144,27152,27160,27168,27176,27184],{"__ignoreMap":273},[277,26872,26873,26875,26877,26879],{"class":279,"line":280},[277,26874,284],{"class":283},[277,26876,288],{"class":287},[277,26878,292],{"class":291},[277,26880,305],{"class":283},[277,26882,26883,26886],{"class":279,"line":308},[277,26884,26885],{"class":291},"defineProps",[277,26887,1066],{"class":283},[277,26889,26890],{"class":279,"line":324},[277,26891,26892],{"class":283}," rows: {\n",[277,26894,26895],{"class":279,"line":331},[277,26896,26897],{"class":283}," type: Array,\n",[277,26899,26900,26903,26905],{"class":279,"line":346},[277,26901,26902],{"class":283}," required: ",[277,26904,2149],{"class":356},[277,26906,1077],{"class":283},[277,26908,26909],{"class":279,"line":360},[277,26910,1131],{"class":283},[277,26912,26913],{"class":279,"line":371},[277,26914,21454],{"class":283},[277,26916,26917,26919,26921],{"class":279,"line":381},[277,26918,785],{"class":283},[277,26920,288],{"class":287},[277,26922,305],{"class":283},[277,26924,26925],{"class":279,"line":391},[277,26926,328],{"emptyLinePlaceholder":327},[277,26928,26929,26931,26933],{"class":279,"line":397},[277,26930,284],{"class":283},[277,26932,802],{"class":287},[277,26934,305],{"class":283},[277,26936,26937,26939,26941,26943,26945,26948],{"class":279,"line":402},[277,26938,810],{"class":283},[277,26940,5392],{"class":287},[277,26942,816],{"class":291},[277,26944,298],{"class":283},[277,26946,26947],{"class":301},"\"min-w-full border-collapse\"",[277,26949,305],{"class":283},[277,26951,26952,26954,26956],{"class":279,"line":436},[277,26953,829],{"class":283},[277,26955,5395],{"class":287},[277,26957,305],{"class":283},[277,26959,26960,26962,26964],{"class":279,"line":456},[277,26961,879],{"class":283},[277,26963,5398],{"class":287},[277,26965,305],{"class":283},[277,26967,26968,26970,26972,26974,26976,26979,26982,26984],{"class":279,"line":461},[277,26969,26686],{"class":283},[277,26971,5401],{"class":287},[277,26973,816],{"class":291},[277,26975,298],{"class":283},[277,26977,26978],{"class":301},"\"text-left\"",[277,26980,26981],{"class":283},">Nombre\u003C/",[277,26983,5401],{"class":287},[277,26985,305],{"class":283},[277,26987,26988,26990,26992,26994,26996,26998,27001,27003],{"class":279,"line":476},[277,26989,26686],{"class":283},[277,26991,5401],{"class":287},[277,26993,816],{"class":291},[277,26995,298],{"class":283},[277,26997,26978],{"class":301},[277,26999,27000],{"class":283},">Rol\u003C/",[277,27002,5401],{"class":287},[277,27004,305],{"class":283},[277,27006,27007,27009,27011,27013,27015,27017,27020,27022],{"class":279,"line":500},[277,27008,26686],{"class":283},[277,27010,5401],{"class":287},[277,27012,816],{"class":291},[277,27014,298],{"class":283},[277,27016,26978],{"class":301},[277,27018,27019],{"class":283},">Acciones\u003C/",[277,27021,5401],{"class":287},[277,27023,305],{"class":283},[277,27025,27026,27028,27030],{"class":279,"line":505},[277,27027,4175],{"class":283},[277,27029,5398],{"class":287},[277,27031,305],{"class":283},[277,27033,27034,27036,27038],{"class":279,"line":520},[277,27035,922],{"class":283},[277,27037,5395],{"class":287},[277,27039,305],{"class":283},[277,27041,27042,27044,27046],{"class":279,"line":539},[277,27043,829],{"class":283},[277,27045,5414],{"class":287},[277,27047,305],{"class":283},[277,27049,27050,27052,27054,27056,27058,27061,27063,27065,27067],{"class":279,"line":545},[277,27051,879],{"class":283},[277,27053,5398],{"class":287},[277,27055,12785],{"class":291},[277,27057,298],{"class":283},[277,27059,27060],{"class":301},"\"user in rows\"",[277,27062,4317],{"class":291},[277,27064,298],{"class":283},[277,27066,12797],{"class":301},[277,27068,305],{"class":283},[277,27070,27071,27073,27075,27077,27079],{"class":279,"line":550},[277,27072,26686],{"class":283},[277,27074,5419],{"class":287},[277,27076,22766],{"class":283},[277,27078,5419],{"class":287},[277,27080,305],{"class":283},[277,27082,27083,27085,27087,27090,27092],{"class":279,"line":578},[277,27084,26686],{"class":283},[277,27086,5419],{"class":287},[277,27088,27089],{"class":283},">{{ user.role }}\u003C/",[277,27091,5419],{"class":287},[277,27093,305],{"class":283},[277,27095,27096,27098,27100],{"class":279,"line":583},[277,27097,26686],{"class":283},[277,27099,5419],{"class":287},[277,27101,305],{"class":283},[277,27103,27104,27106,27108,27110,27112,27115,27118,27120,27122],{"class":279,"line":588},[277,27105,26696],{"class":283},[277,27107,25947],{"class":287},[277,27109,26521],{"class":291},[277,27111,298],{"class":283},[277,27113,27114],{"class":301},"\"actions\"",[277,27116,27117],{"class":291}," :user",[277,27119,298],{"class":283},[277,27121,21518],{"class":301},[277,27123,305],{"class":283},[277,27125,27126,27129,27131,27133,27135,27137,27140,27142],{"class":279,"line":606},[277,27127,27128],{"class":283}," \u003C",[277,27130,4267],{"class":287},[277,27132,4270],{"class":291},[277,27134,298],{"class":283},[277,27136,4275],{"class":301},[277,27138,27139],{"class":283},">Ver perfil\u003C/",[277,27141,4267],{"class":287},[277,27143,305],{"class":283},[277,27145,27146,27148,27150],{"class":279,"line":614},[277,27147,26725],{"class":283},[277,27149,25947],{"class":287},[277,27151,305],{"class":283},[277,27153,27154,27156,27158],{"class":279,"line":625},[277,27155,26734],{"class":283},[277,27157,5419],{"class":287},[277,27159,305],{"class":283},[277,27161,27162,27164,27166],{"class":279,"line":637},[277,27163,4175],{"class":283},[277,27165,5398],{"class":287},[277,27167,305],{"class":283},[277,27169,27170,27172,27174],{"class":279,"line":646},[277,27171,922],{"class":283},[277,27173,5414],{"class":287},[277,27175,305],{"class":283},[277,27177,27178,27180,27182],{"class":279,"line":668},[277,27179,954],{"class":283},[277,27181,5392],{"class":287},[277,27183,305],{"class":283},[277,27185,27186,27188,27190],{"class":279,"line":673},[277,27187,785],{"class":283},[277,27189,802],{"class":287},[277,27191,305],{"class":283},[267,27193,27196],{"className":269,"code":27194,"filename":27195,"language":272,"meta":273,"style":273},"\u003Cscript setup>\nimport { ref } from \"vue\";\nimport DataTable from \"./DataTable.vue\";\n\nconst users = ref([\n { id: 1, name: \"Ana\", role: \"Admin\", active: true },\n { id: 2, name: \"Luis\", role: \"Editor\", active: false },\n]);\n\nfunction toggleStatus(user) {\n user.active = !user.active;\n}\n\u003C/script>\n\n\u003Ctemplate>\n \u003CDataTable :rows=\"users\">\n \u003Ctemplate #actions=\"{ user }\">\n \u003Cbutton type=\"button\" @click=\"toggleStatus(user)\">\n {{ user.active ? \"Desactivar\" : \"Activar\" }}\n \u003C/button>\n \u003C/template>\n \u003C/DataTable>\n\u003C/template>\n","UsersView.vue",[16,27197,27198,27208,27220,27234,27238,27250,27273,27294,27298,27302,27316,27328,27332,27340,27344,27352,27368,27391,27412,27417,27425,27433,27441],{"__ignoreMap":273},[277,27199,27200,27202,27204,27206],{"class":279,"line":280},[277,27201,284],{"class":283},[277,27203,288],{"class":287},[277,27205,292],{"class":291},[277,27207,305],{"class":283},[277,27209,27210,27212,27214,27216,27218],{"class":279,"line":308},[277,27211,312],{"class":311},[277,27213,11006],{"class":283},[277,27215,318],{"class":311},[277,27217,18148],{"class":301},[277,27219,18151],{"class":283},[277,27221,27222,27224,27227,27229,27232],{"class":279,"line":324},[277,27223,312],{"class":311},[277,27225,27226],{"class":283}," DataTable ",[277,27228,318],{"class":311},[277,27230,27231],{"class":301}," \"./DataTable.vue\"",[277,27233,18151],{"class":283},[277,27235,27236],{"class":279,"line":331},[277,27237,328],{"emptyLinePlaceholder":327},[277,27239,27240,27242,27244,27246,27248],{"class":279,"line":346},[277,27241,405],{"class":311},[277,27243,11021],{"class":356},[277,27245,340],{"class":311},[277,27247,413],{"class":291},[277,27249,2104],{"class":283},[277,27251,27252,27254,27256,27258,27260,27263,27266,27269,27271],{"class":279,"line":360},[277,27253,2109],{"class":283},[277,27255,2072],{"class":356},[277,27257,22620],{"class":283},[277,27259,17584],{"class":301},[277,27261,27262],{"class":283},", role: ",[277,27264,27265],{"class":301},"\"Admin\"",[277,27267,27268],{"class":283},", active: ",[277,27270,2149],{"class":356},[277,27272,2132],{"class":283},[277,27274,27275,27277,27279,27281,27283,27285,27288,27290,27292],{"class":279,"line":371},[277,27276,2109],{"class":283},[277,27278,2139],{"class":356},[277,27280,22620],{"class":283},[277,27282,22646],{"class":301},[277,27284,27262],{"class":283},[277,27286,27287],{"class":301},"\"Editor\"",[277,27289,27268],{"class":283},[277,27291,2123],{"class":356},[277,27293,2132],{"class":283},[277,27295,27296],{"class":279,"line":381},[277,27297,22684],{"class":283},[277,27299,27300],{"class":279,"line":391},[277,27301,328],{"emptyLinePlaceholder":327},[277,27303,27304,27306,27309,27311,27314],{"class":279,"line":397},[277,27305,2460],{"class":311},[277,27307,27308],{"class":291}," toggleStatus",[277,27310,448],{"class":283},[277,27312,27313],{"class":349},"user",[277,27315,2476],{"class":283},[277,27317,27318,27321,27323,27325],{"class":279,"line":402},[277,27319,27320],{"class":283}," user.active ",[277,27322,298],{"class":311},[277,27324,2288],{"class":311},[277,27326,27327],{"class":283},"user.active;\n",[277,27329,27330],{"class":279,"line":436},[277,27331,394],{"class":283},[277,27333,27334,27336,27338],{"class":279,"line":456},[277,27335,785],{"class":283},[277,27337,288],{"class":287},[277,27339,305],{"class":283},[277,27341,27342],{"class":279,"line":461},[277,27343,328],{"emptyLinePlaceholder":327},[277,27345,27346,27348,27350],{"class":279,"line":476},[277,27347,284],{"class":283},[277,27349,802],{"class":287},[277,27351,305],{"class":283},[277,27353,27354,27356,27358,27361,27363,27366],{"class":279,"line":500},[277,27355,810],{"class":283},[277,27357,26276],{"class":287},[277,27359,27360],{"class":291}," :rows",[277,27362,298],{"class":283},[277,27364,27365],{"class":301},"\"users\"",[277,27367,305],{"class":283},[277,27369,27370,27372,27374,27377,27380,27382,27384,27387,27389],{"class":279,"line":505},[277,27371,829],{"class":283},[277,27373,802],{"class":287},[277,27375,27376],{"class":283}," #",[277,27378,27379],{"class":291},"actions",[277,27381,298],{"class":283},[277,27383,866],{"class":301},[277,27385,27386],{"class":283},"{ user }",[277,27388,866],{"class":301},[277,27390,305],{"class":283},[277,27392,27393,27395,27397,27399,27401,27403,27405,27407,27410],{"class":279,"line":520},[277,27394,879],{"class":283},[277,27396,4267],{"class":287},[277,27398,4270],{"class":291},[277,27400,298],{"class":283},[277,27402,4275],{"class":301},[277,27404,4278],{"class":291},[277,27406,298],{"class":283},[277,27408,27409],{"class":301},"\"toggleStatus(user)\"",[277,27411,305],{"class":283},[277,27413,27414],{"class":279,"line":539},[277,27415,27416],{"class":283}," {{ user.active ? \"Desactivar\" : \"Activar\" }}\n",[277,27418,27419,27421,27423],{"class":279,"line":545},[277,27420,4175],{"class":283},[277,27422,4267],{"class":287},[277,27424,305],{"class":283},[277,27426,27427,27429,27431],{"class":279,"line":550},[277,27428,922],{"class":283},[277,27430,802],{"class":287},[277,27432,305],{"class":283},[277,27434,27435,27437,27439],{"class":279,"line":578},[277,27436,954],{"class":283},[277,27438,26276],{"class":287},[277,27440,305],{"class":283},[277,27442,27443,27445,27447],{"class":279,"line":583},[277,27444,785],{"class":283},[277,27446,802],{"class":287},[277,27448,305],{"class":283},[11,27450,27452],{"id":27451},"ejemplo-con-options-api","Ejemplo con Options API",[21,27454,27455],{},"El mismo comportamiento, ahora utilizando Options API para mantener equivalencia conceptual.",[267,27457,27459],{"className":269,"code":27458,"filename":26265,"language":272,"meta":273,"style":273},"\u003Cscript>\nexport default {\n props: {\n rows: {\n type: Array,\n required: true,\n },\n },\n};\n\u003C/script>\n\n\u003Ctemplate>\n \u003Ctable class=\"min-w-full border-collapse\">\n \u003Cthead>\n \u003Ctr>\n \u003Cth class=\"text-left\">Nombre\u003C/th>\n \u003Cth class=\"text-left\">Rol\u003C/th>\n \u003Cth class=\"text-left\">Acciones\u003C/th>\n \u003C/tr>\n \u003C/thead>\n \u003Ctbody>\n \u003Ctr v-for=\"user in rows\" :key=\"user.id\">\n \u003Ctd>{{ user.name }}\u003C/td>\n \u003Ctd>{{ user.role }}\u003C/td>\n \u003Ctd>\n \u003Cslot name=\"actions\" :user=\"user\">\n \u003Cbutton type=\"button\">Ver perfil\u003C/button>\n \u003C/slot>\n \u003C/td>\n \u003C/tr>\n \u003C/tbody>\n \u003C/table>\n\u003C/template>\n",[16,27460,27461,27469,27477,27482,27487,27492,27501,27505,27509,27513,27521,27525,27533,27547,27555,27563,27581,27599,27617,27625,27633,27641,27661,27673,27685,27693,27713,27731,27739,27747,27755,27763,27771],{"__ignoreMap":273},[277,27462,27463,27465,27467],{"class":279,"line":280},[277,27464,284],{"class":283},[277,27466,288],{"class":287},[277,27468,305],{"class":283},[277,27470,27471,27473,27475],{"class":279,"line":308},[277,27472,1057],{"class":311},[277,27474,1060],{"class":311},[277,27476,343],{"class":283},[277,27478,27479],{"class":279,"line":324},[277,27480,27481],{"class":283}," props: {\n",[277,27483,27484],{"class":279,"line":331},[277,27485,27486],{"class":283}," rows: {\n",[277,27488,27489],{"class":279,"line":346},[277,27490,27491],{"class":283}," type: Array,\n",[277,27493,27494,27497,27499],{"class":279,"line":360},[277,27495,27496],{"class":283}," required: ",[277,27498,2149],{"class":356},[277,27500,1077],{"class":283},[277,27502,27503],{"class":279,"line":371},[277,27504,7016],{"class":283},[277,27506,27507],{"class":279,"line":381},[277,27508,1131],{"class":283},[277,27510,27511],{"class":279,"line":391},[277,27512,18255],{"class":283},[277,27514,27515,27517,27519],{"class":279,"line":397},[277,27516,785],{"class":283},[277,27518,288],{"class":287},[277,27520,305],{"class":283},[277,27522,27523],{"class":279,"line":402},[277,27524,328],{"emptyLinePlaceholder":327},[277,27526,27527,27529,27531],{"class":279,"line":436},[277,27528,284],{"class":283},[277,27530,802],{"class":287},[277,27532,305],{"class":283},[277,27534,27535,27537,27539,27541,27543,27545],{"class":279,"line":456},[277,27536,810],{"class":283},[277,27538,5392],{"class":287},[277,27540,816],{"class":291},[277,27542,298],{"class":283},[277,27544,26947],{"class":301},[277,27546,305],{"class":283},[277,27548,27549,27551,27553],{"class":279,"line":461},[277,27550,829],{"class":283},[277,27552,5395],{"class":287},[277,27554,305],{"class":283},[277,27556,27557,27559,27561],{"class":279,"line":476},[277,27558,879],{"class":283},[277,27560,5398],{"class":287},[277,27562,305],{"class":283},[277,27564,27565,27567,27569,27571,27573,27575,27577,27579],{"class":279,"line":500},[277,27566,26686],{"class":283},[277,27568,5401],{"class":287},[277,27570,816],{"class":291},[277,27572,298],{"class":283},[277,27574,26978],{"class":301},[277,27576,26981],{"class":283},[277,27578,5401],{"class":287},[277,27580,305],{"class":283},[277,27582,27583,27585,27587,27589,27591,27593,27595,27597],{"class":279,"line":505},[277,27584,26686],{"class":283},[277,27586,5401],{"class":287},[277,27588,816],{"class":291},[277,27590,298],{"class":283},[277,27592,26978],{"class":301},[277,27594,27000],{"class":283},[277,27596,5401],{"class":287},[277,27598,305],{"class":283},[277,27600,27601,27603,27605,27607,27609,27611,27613,27615],{"class":279,"line":520},[277,27602,26686],{"class":283},[277,27604,5401],{"class":287},[277,27606,816],{"class":291},[277,27608,298],{"class":283},[277,27610,26978],{"class":301},[277,27612,27019],{"class":283},[277,27614,5401],{"class":287},[277,27616,305],{"class":283},[277,27618,27619,27621,27623],{"class":279,"line":539},[277,27620,4175],{"class":283},[277,27622,5398],{"class":287},[277,27624,305],{"class":283},[277,27626,27627,27629,27631],{"class":279,"line":545},[277,27628,922],{"class":283},[277,27630,5395],{"class":287},[277,27632,305],{"class":283},[277,27634,27635,27637,27639],{"class":279,"line":550},[277,27636,829],{"class":283},[277,27638,5414],{"class":287},[277,27640,305],{"class":283},[277,27642,27643,27645,27647,27649,27651,27653,27655,27657,27659],{"class":279,"line":578},[277,27644,879],{"class":283},[277,27646,5398],{"class":287},[277,27648,12785],{"class":291},[277,27650,298],{"class":283},[277,27652,27060],{"class":301},[277,27654,4317],{"class":291},[277,27656,298],{"class":283},[277,27658,12797],{"class":301},[277,27660,305],{"class":283},[277,27662,27663,27665,27667,27669,27671],{"class":279,"line":583},[277,27664,26686],{"class":283},[277,27666,5419],{"class":287},[277,27668,22766],{"class":283},[277,27670,5419],{"class":287},[277,27672,305],{"class":283},[277,27674,27675,27677,27679,27681,27683],{"class":279,"line":588},[277,27676,26686],{"class":283},[277,27678,5419],{"class":287},[277,27680,27089],{"class":283},[277,27682,5419],{"class":287},[277,27684,305],{"class":283},[277,27686,27687,27689,27691],{"class":279,"line":606},[277,27688,26686],{"class":283},[277,27690,5419],{"class":287},[277,27692,305],{"class":283},[277,27694,27695,27697,27699,27701,27703,27705,27707,27709,27711],{"class":279,"line":614},[277,27696,26696],{"class":283},[277,27698,25947],{"class":287},[277,27700,26521],{"class":291},[277,27702,298],{"class":283},[277,27704,27114],{"class":301},[277,27706,27117],{"class":291},[277,27708,298],{"class":283},[277,27710,21518],{"class":301},[277,27712,305],{"class":283},[277,27714,27715,27717,27719,27721,27723,27725,27727,27729],{"class":279,"line":625},[277,27716,27128],{"class":283},[277,27718,4267],{"class":287},[277,27720,4270],{"class":291},[277,27722,298],{"class":283},[277,27724,4275],{"class":301},[277,27726,27139],{"class":283},[277,27728,4267],{"class":287},[277,27730,305],{"class":283},[277,27732,27733,27735,27737],{"class":279,"line":637},[277,27734,26725],{"class":283},[277,27736,25947],{"class":287},[277,27738,305],{"class":283},[277,27740,27741,27743,27745],{"class":279,"line":646},[277,27742,26734],{"class":283},[277,27744,5419],{"class":287},[277,27746,305],{"class":283},[277,27748,27749,27751,27753],{"class":279,"line":668},[277,27750,4175],{"class":283},[277,27752,5398],{"class":287},[277,27754,305],{"class":283},[277,27756,27757,27759,27761],{"class":279,"line":673},[277,27758,922],{"class":283},[277,27760,5414],{"class":287},[277,27762,305],{"class":283},[277,27764,27765,27767,27769],{"class":279,"line":679},[277,27766,954],{"class":283},[277,27768,5392],{"class":287},[277,27770,305],{"class":283},[277,27772,27773,27775,27777],{"class":279,"line":684},[277,27774,785],{"class":283},[277,27776,802],{"class":287},[277,27778,305],{"class":283},[267,27780,27782],{"className":269,"code":27781,"filename":27195,"language":272,"meta":273,"style":273},"\u003Cscript>\nimport DataTable from \"./DataTable.vue\";\n\nexport default {\n components: { DataTable },\n data() {\n return {\n users: [\n { id: 1, name: \"Ana\", role: \"Admin\", active: true },\n { id: 2, name: \"Luis\", role: \"Editor\", active: false },\n ],\n };\n },\n methods: {\n toggleStatus(user) {\n user.active = !user.active;\n },\n },\n};\n\u003C/script>\n\n\u003Ctemplate>\n \u003CDataTable :rows=\"users\">\n \u003Ctemplate #actions=\"{ user }\">\n \u003Cbutton type=\"button\" @click=\"toggleStatus(user)\">\n {{ user.active ? \"Desactivar\" : \"Activar\" }}\n \u003C/button>\n \u003C/template>\n \u003C/DataTable>\n\u003C/template>\n",[16,27783,27784,27792,27804,27808,27816,27821,27827,27833,27837,27857,27877,27881,27885,27889,27893,27904,27915,27919,27923,27927,27935,27939,27947,27961,27981,28001,28005,28013,28021,28029],{"__ignoreMap":273},[277,27785,27786,27788,27790],{"class":279,"line":280},[277,27787,284],{"class":283},[277,27789,288],{"class":287},[277,27791,305],{"class":283},[277,27793,27794,27796,27798,27800,27802],{"class":279,"line":308},[277,27795,312],{"class":311},[277,27797,27226],{"class":283},[277,27799,318],{"class":311},[277,27801,27231],{"class":301},[277,27803,18151],{"class":283},[277,27805,27806],{"class":279,"line":324},[277,27807,328],{"emptyLinePlaceholder":327},[277,27809,27810,27812,27814],{"class":279,"line":331},[277,27811,1057],{"class":311},[277,27813,1060],{"class":311},[277,27815,343],{"class":283},[277,27817,27818],{"class":279,"line":346},[277,27819,27820],{"class":283}," components: { DataTable },\n",[277,27822,27823,27825],{"class":279,"line":360},[277,27824,1086],{"class":291},[277,27826,473],{"class":283},[277,27828,27829,27831],{"class":279,"line":371},[277,27830,1093],{"class":311},[277,27832,343],{"class":283},[277,27834,27835],{"class":279,"line":381},[277,27836,22894],{"class":283},[277,27838,27839,27841,27843,27845,27847,27849,27851,27853,27855],{"class":279,"line":391},[277,27840,2664],{"class":283},[277,27842,2072],{"class":356},[277,27844,22620],{"class":283},[277,27846,17584],{"class":301},[277,27848,27262],{"class":283},[277,27850,27265],{"class":301},[277,27852,27268],{"class":283},[277,27854,2149],{"class":356},[277,27856,2132],{"class":283},[277,27858,27859,27861,27863,27865,27867,27869,27871,27873,27875],{"class":279,"line":397},[277,27860,2664],{"class":283},[277,27862,2139],{"class":356},[277,27864,22620],{"class":283},[277,27866,22646],{"class":301},[277,27868,27262],{"class":283},[277,27870,27287],{"class":301},[277,27872,27268],{"class":283},[277,27874,2123],{"class":356},[277,27876,2132],{"class":283},[277,27878,27879],{"class":279,"line":402},[277,27880,10174],{"class":283},[277,27882,27883],{"class":279,"line":436},[277,27884,18478],{"class":283},[277,27886,27887],{"class":279,"line":456},[277,27888,1131],{"class":283},[277,27890,27891],{"class":279,"line":461},[277,27892,1140],{"class":283},[277,27894,27895,27898,27900,27902],{"class":279,"line":476},[277,27896,27897],{"class":291}," toggleStatus",[277,27899,448],{"class":283},[277,27901,27313],{"class":349},[277,27903,2476],{"class":283},[277,27905,27906,27909,27911,27913],{"class":279,"line":500},[277,27907,27908],{"class":283}," user.active ",[277,27910,298],{"class":311},[277,27912,2288],{"class":311},[277,27914,27327],{"class":283},[277,27916,27917],{"class":279,"line":505},[277,27918,7016],{"class":283},[277,27920,27921],{"class":279,"line":520},[277,27922,1131],{"class":283},[277,27924,27925],{"class":279,"line":539},[277,27926,18255],{"class":283},[277,27928,27929,27931,27933],{"class":279,"line":545},[277,27930,785],{"class":283},[277,27932,288],{"class":287},[277,27934,305],{"class":283},[277,27936,27937],{"class":279,"line":550},[277,27938,328],{"emptyLinePlaceholder":327},[277,27940,27941,27943,27945],{"class":279,"line":578},[277,27942,284],{"class":283},[277,27944,802],{"class":287},[277,27946,305],{"class":283},[277,27948,27949,27951,27953,27955,27957,27959],{"class":279,"line":583},[277,27950,810],{"class":283},[277,27952,26276],{"class":287},[277,27954,27360],{"class":291},[277,27956,298],{"class":283},[277,27958,27365],{"class":301},[277,27960,305],{"class":283},[277,27962,27963,27965,27967,27969,27971,27973,27975,27977,27979],{"class":279,"line":588},[277,27964,829],{"class":283},[277,27966,802],{"class":287},[277,27968,27376],{"class":283},[277,27970,27379],{"class":291},[277,27972,298],{"class":283},[277,27974,866],{"class":301},[277,27976,27386],{"class":283},[277,27978,866],{"class":301},[277,27980,305],{"class":283},[277,27982,27983,27985,27987,27989,27991,27993,27995,27997,27999],{"class":279,"line":606},[277,27984,879],{"class":283},[277,27986,4267],{"class":287},[277,27988,4270],{"class":291},[277,27990,298],{"class":283},[277,27992,4275],{"class":301},[277,27994,4278],{"class":291},[277,27996,298],{"class":283},[277,27998,27409],{"class":301},[277,28000,305],{"class":283},[277,28002,28003],{"class":279,"line":614},[277,28004,27416],{"class":283},[277,28006,28007,28009,28011],{"class":279,"line":625},[277,28008,4175],{"class":283},[277,28010,4267],{"class":287},[277,28012,305],{"class":283},[277,28014,28015,28017,28019],{"class":279,"line":637},[277,28016,922],{"class":283},[277,28018,802],{"class":287},[277,28020,305],{"class":283},[277,28022,28023,28025,28027],{"class":279,"line":646},[277,28024,954],{"class":283},[277,28026,26276],{"class":287},[277,28028,305],{"class":283},[277,28030,28031,28033,28035],{"class":279,"line":668},[277,28032,785],{"class":283},[277,28034,802],{"class":287},[277,28036,305],{"class":283},[30,28038,1596],{"id":1595},[38,28040,28041,28046,28049,28056,28059,28062],{},[41,28042,28043,28045],{},[16,28044,25869],{}," transforma componentes rígidos en piezas reutilizables y expresivas.",[41,28047,28048],{},"Usa el slot por defecto para el contenido principal.",[41,28050,28051,28052,225,28054,1808],{},"Usa slots nombrados para estructura (",[16,28053,4138],{},[16,28055,26581],{},[41,28057,28058],{},"Usa scoped slots cuando el hijo deba compartir datos y el padre controlar el render.",[41,28060,28061],{},"Define fallback cuando tenga sentido para evitar huecos vacíos.",[41,28063,28064],{},"Mantén la API clara: props para configuración, slots para contenido y emits para eventos.",[1606,28066,28067],{},"html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .s9eBZ, html code.shiki .s9eBZ{--shiki-default:#22863A;--shiki-dark:#85E89D}html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}html pre.shiki code .s7hpK, html code.shiki .s7hpK{--shiki-default:#B31D28;--shiki-default-font-style:italic;--shiki-dark:#FDAEB7;--shiki-dark-font-style:italic}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 .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}html pre.shiki code .szBVR, html code.shiki .szBVR{--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .s4XuR, html code.shiki .s4XuR{--shiki-default:#E36209;--shiki-dark:#FFAB70}",{"title":273,"searchDepth":308,"depth":308,"links":28069},[28070,28071,28072,28073,28074,28081,28088],{"id":20624,"depth":308,"text":20625},{"id":24652,"depth":308,"text":24653},{"id":128,"depth":308,"text":129},{"id":155,"depth":308,"text":156},{"id":189,"depth":308,"text":190,"children":28075},[28076,28078,28079,28080],{"id":26153,"depth":324,"text":28077},"1) Usar v-slot en un elemento que no es componente o \u003Ctemplate>",{"id":26253,"depth":324,"text":26254},{"id":26321,"depth":324,"text":26322},{"id":26355,"depth":324,"text":26356},{"id":1945,"depth":308,"text":1946,"children":28082},[28083,28084,28085,28086],{"id":26393,"depth":324,"text":26394},{"id":26472,"depth":324,"text":26473},{"id":26628,"depth":324,"text":26629},{"id":26773,"depth":324,"text":28087},"4) v-slot con argumento dinámico",{"id":1595,"depth":308,"text":1596},"https://res.cloudinary.com/denj4fg7f/image/upload/v1771508914/directives-vue-v-slot-guide_wr2iyy.png","Portada del artículo Directivas en Vue: v-slot","2026-02-19","Aprende a dominar v-slot en Vue 3: slots por defecto, nombrados y con props (scoped slots), con ejemplos claros en Composition API y Options API.",{"script":28094},[28095],{"type":1632,"key":1633,"data-nuxt-schema-org":327,"nodes":28096},[28097],{"headline":28098,"author":28099,"datePublished":28100,"@type":1640},"Directivas en Vue: v-slot con ejemplos claros y prácticos",{"name":1637,"@type":1638},"2026-02-19T08:00:00-05:00",{"updatedAt":28100,"coverCaption":28102,"author":1637,"keywords":28103},"Usa v-slot para construir componentes más flexibles y reutilizables.",[1645,25869,28104,26118,28105,271,971],"slots","componentes reutilizables","/blog/directives-vue-v-slot-guide.es",[28108],{"headline":28098,"author":28109,"datePublished":28100,"@type":1640},{"name":1637,"@type":1638},{"title":25861,"description":28092},"blog/directives-vue-v-slot-guide.es",[28113,28114,28116,28117],{"tag":20588,"color":20589},{"tag":26340,"color":28115},"#8E44AD",{"tag":1668,"color":1669},{"tag":1671,"color":1672},"cKASG35D1sU2CI29oLKyyZGU4f14DyJd0bjZXfP3iac",{"id":28120,"title":28121,"body":28122,"cover":30923,"coverAlt":30924,"date":30925,"description":30926,"draft":1627,"extension":1628,"head":30927,"locale":1641,"meta":30935,"navigation":327,"path":30939,"schemaOrg":30940,"seo":30943,"series":20582,"seriesDescription":20583,"seriesOrder":360,"seriesTitle":20584,"slug":1656,"stem":30944,"tags":30945,"__hash__":30952},"blog/blog/directives-vue-v-model-guide.es.md","Directivas en Vue: v-model",{"type":8,"value":28123,"toc":30898},[28124,28129,28134,28136,28142,28147,28165,28167,28172,28176,28195,28217,28221,28224,28247,28250,28267,28277,28279,28284,28286,28310,28312,28316,28333,28335,28339,28341,28404,28413,28418,28425,28427,28457,28464,28467,28492,28496,28499,28521,28525,28531,28533,28537,28665,28795,28802,28946,29082,29086,29213,29343,29347,29349,29358,29501,30094,30096,30103,30285,30854,30856,30861,30864,30866,30896],[11,28125,20605,28127],{"id":28126},"directivas-en-vue-v-model",[16,28128,17971],{},[21,28130,28131,28133],{},[16,28132,17971],{}," reduce fricción en formularios porque sincroniza la UI y el estado con una sola declaración. Bien utilizado, hace que tus componentes sean más legibles y consistentes; mal aplicado, puede ocultar flujos de datos confusos y bugs sutiles.",[30,28135,20625],{"id":20624},[21,28137,28138,28139,28141],{},"En interfaces reales, gran parte de la experiencia depende de formularios y filtros.\n",[16,28140,17971],{}," te permite declarar la sincronización entre vista y estado sin manipular el DOM manualmente, manteniendo el código más predecible y fácil de mantener.",[21,28143,11996,28144,28146],{},[16,28145,17971],{}," puedes:",[38,28148,28149,28159,28162],{},[41,28150,28151,28152,28155,28156,104],{},"Evitar boilerplate repetitivo de ",[16,28153,28154],{},":value"," + ",[16,28157,28158],{},"@input",[41,28160,28161],{},"Mantener alineado lo que ve el usuario con el estado reactivo.",[41,28163,28164],{},"Estandarizar la API de componentes de formulario reutilizables.",[30,28166,61],{"id":60},[21,28168,20529,28169,28171],{},[16,28170,17971],{}," es azúcar sintáctica para enlazar un valor y escuchar su actualización.",[192,28173,28175],{"id":28174},"en-elementos-nativos","En elementos nativos",[38,28177,28178,28184],{},[41,28179,28180,28183],{},[16,28181,28182],{},"v-model=\"email\""," equivale a enlazar el valor y escuchar el evento correspondiente.",[41,28185,28186,28187,225,28189,225,28192,1808],{},"Vue adapta automáticamente la prop y el evento según el tipo de control (",[16,28188,18041],{},[16,28190,28191],{},"change",[16,28193,28194],{},"checkbox",[21,28196,28197,28198,28201,28202,28155,28204,28206,28207,28210,28211,28214,28215,104],{},"Por ejemplo, en un ",[16,28199,28200],{},"\u003Cinput type=\"text\">",", se traduce a ",[16,28203,28154],{},[16,28205,28158],{},".\nEn un ",[16,28208,28209],{},"\u003Cinput type=\"checkbox\">",", enlaza ",[16,28212,28213],{},"checked"," y escucha ",[16,28216,28191],{},[192,28218,28220],{"id":28219},"en-componentes","En componentes",[21,28222,28223],{},"En Vue 3:",[38,28225,28226,28232,28238],{},[41,28227,28228,28229,104],{},"Por defecto usa la prop ",[16,28230,28231],{},"modelValue",[41,28233,28234,28235,104],{},"Espera el evento ",[16,28236,28237],{},"update:modelValue",[41,28239,28240,28241,225,28244,104],{},"Puedes usar argumentos para modelos adicionales: ",[16,28242,28243],{},"v-model:title",[16,28245,28246],{},"v-model:filters",[21,28248,28249],{},"También soporta modificadores como:",[38,28251,28252,28257,28262],{},[41,28253,28254],{},[16,28255,28256],{},".trim",[41,28258,28259],{},[16,28260,28261],{},".number",[41,28263,28264],{},[16,28265,28266],{},".lazy",[21,28268,28269,28270,28273,28274,28276],{},"Desde Vue 3.3+, puedes usar ",[16,28271,28272],{},"defineModel()"," en ",[16,28275,19250],{}," para simplificar la definición del contrato del modelo en componentes.",[30,28278,129],{"id":128},[21,28280,20777,28281,28283],{},[16,28282,17971],{}," cuando el objetivo principal sea sincronizar datos de entrada con el estado de la aplicación.",[21,28285,3305],{},[38,28287,28288,28291,28294,28307],{},[41,28289,28290],{},"Formularios de registro, login o perfil.",[41,28292,28293],{},"Filtros de búsqueda en tiempo real.",[41,28295,28296,28297,225,28300,225,28303,28306],{},"Componentes de UI reutilizables (",[16,28298,28299],{},"TextInput",[16,28301,28302],{},"Toggle",[16,28304,28305],{},"Select",") con contrato consistente.",[41,28308,28309],{},"Configuraciones rápidas de interfaz (switches, sliders, preferencias).",[30,28311,156],{"id":155},[21,28313,7664,28314,7669],{},[16,28315,17971],{},[38,28317,28318,28324,28327,28330],{},[41,28319,28320,28321,28323],{},"El dato es de solo lectura o derivado (",[16,28322,1732],{}," sin setter).",[41,28325,28326],{},"Necesitas trazabilidad estricta de cada cambio por reglas de dominio complejas.",[41,28328,28329],{},"El procesamiento por pulsación es costoso y requiere un pipeline explícito (debounce, throttle, validaciones pesadas).",[41,28331,28332],{},"Quieres mantener un flujo explícito de eventos de negocio, no solo de UI.",[30,28334,190],{"id":189},[192,28336,28338],{"id":28337},"_1-mutar-props-directamente-en-el-hijo","1) Mutar props directamente en el hijo",[21,28340,24892],{},[267,28342,28345],{"className":269,"code":28343,"filename":28344,"language":272,"meta":273,"style":273},"\u003Cscript setup lang=\"ts\">\nconst props = defineProps\u003C{ modelValue: string }>()\nprops.modelValue = \"nuevo valor\"\n\u003C/script>\n","Evitar",[16,28346,28347,28363,28386,28396],{"__ignoreMap":273},[277,28348,28349,28351,28353,28355,28357,28359,28361],{"class":279,"line":280},[277,28350,284],{"class":283},[277,28352,288],{"class":287},[277,28354,292],{"class":291},[277,28356,295],{"class":291},[277,28358,298],{"class":283},[277,28360,302],{"class":301},[277,28362,305],{"class":283},[277,28364,28365,28367,28370,28372,28375,28377,28379,28381,28383],{"class":279,"line":308},[277,28366,405],{"class":311},[277,28368,28369],{"class":356}," props",[277,28371,340],{"class":311},[277,28373,28374],{"class":291}," defineProps",[277,28376,21368],{"class":283},[277,28378,28231],{"class":349},[277,28380,353],{"class":311},[277,28382,21376],{"class":356},[277,28384,28385],{"class":283}," }>()\n",[277,28387,28388,28391,28393],{"class":279,"line":324},[277,28389,28390],{"class":283},"props.modelValue ",[277,28392,298],{"class":311},[277,28394,28395],{"class":301}," \"nuevo valor\"\n",[277,28397,28398,28400,28402],{"class":279,"line":331},[277,28399,785],{"class":283},[277,28401,288],{"class":287},[277,28403,305],{"class":283},[21,28405,28406,28407,28409,28410,104],{},"Correcto: emite ",[16,28408,28237],{}," o usa ",[16,28411,28412],{},"defineModel",[3111,28414,28415],{},[21,28416,28417],{},"Las props son de solo lectura. Mutarlas rompe el flujo unidireccional de datos.",[192,28419,28421,28422,28424],{"id":28420},"_2-enlazar-v-model-a-expresiones-no-escribibles","2) Enlazar ",[16,28423,17971],{}," a expresiones no escribibles",[21,28426,24892],{},[267,28428,28430],{"className":269,"code":28429,"filename":28344,"language":272,"meta":273,"style":273},"\u003Cinput v-model=\"user.name.toUpperCase()\" />\n",[16,28431,28432],{"__ignoreMap":273},[277,28433,28434,28436,28438,28440,28442,28444,28447,28450,28453,28455],{"class":279,"line":280},[277,28435,284],{"class":283},[277,28437,18041],{"class":287},[277,28439,23751],{"class":291},[277,28441,298],{"class":283},[277,28443,866],{"class":301},[277,28445,28446],{"class":283},"user.name.",[277,28448,28449],{"class":291},"toUpperCase",[277,28451,28452],{"class":283},"()",[277,28454,866],{"class":301},[277,28456,4325],{"class":283},[3111,28458,28459],{},[21,28460,28461,28463],{},[16,28462,17971],{}," requiere una referencia escribible. Una expresión derivada no tiene setter.",[21,28465,28466],{},"Correcto:",[267,28468,28471],{"className":269,"code":28469,"filename":28470,"language":272,"meta":273,"style":273},"\u003Cinput v-model=\"user.name\" />\n","Recomendado",[16,28472,28473],{"__ignoreMap":273},[277,28474,28475,28477,28479,28481,28483,28485,28488,28490],{"class":279,"line":280},[277,28476,284],{"class":283},[277,28478,18041],{"class":287},[277,28480,23751],{"class":291},[277,28482,298],{"class":283},[277,28484,866],{"class":301},[277,28486,28487],{"class":283},"user.name",[277,28489,866],{"class":301},[277,28491,4325],{"class":283},[192,28493,28495],{"id":28494},"_3-no-usar-modificadores-donde-sí-aportan-valor","3) No usar modificadores donde sí aportan valor",[21,28497,28498],{},"Ejemplo:",[38,28500,28501,28506,28516],{},[41,28502,15938,28503,28505],{},[16,28504,28256],{},", guardas espacios innecesarios.",[41,28507,15938,28508,28510,28511,28513,28514,104],{},[16,28509,28261],{},", recibes ",[16,28512,5753],{}," cuando esperabas ",[16,28515,7971],{},[41,28517,15938,28518,28520],{},[16,28519,28266],{},", actualizas en cada pulsación cuando solo necesitabas al perder el foco.",[192,28522,28524],{"id":28523},"_4-meter-demasiada-lógica-en-el-setter-del-modelo","4) Meter demasiada lógica en el setter del modelo",[21,28526,28527,28528,28530],{},"Mantén el flujo de ",[16,28529,17971],{}," simple y mueve reglas complejas a funciones o composables.\nEl modelo debe sincronizar estado; la lógica de negocio no debería vivir en el setter.",[11,28532,1946],{"id":1945},[30,28534,28536],{"id":28535},"_1-input-de-texto-con-saneamiento-básico","1) Input de texto con saneamiento básico",[267,28538,28541],{"className":269,"code":28539,"filename":271,"highlights":28540,"language":272,"meta":273,"style":273},"\u003Cscript setup lang=\"ts\">\nimport { ref } from \"vue\";\n\nconst fullName = ref(\"\");\n\u003C/script>\n\n\u003Ctemplate>\n \u003Clabel>\n Nombre completo\n \u003Cinput v-model.trim=\"fullName\" type=\"text\" />\n \u003C/label>\n\u003C/template>\n",[397],[16,28542,28543,28559,28571,28575,28592,28600,28604,28612,28620,28625,28649,28657],{"__ignoreMap":273},[277,28544,28545,28547,28549,28551,28553,28555,28557],{"class":279,"line":280},[277,28546,284],{"class":283},[277,28548,288],{"class":287},[277,28550,292],{"class":291},[277,28552,295],{"class":291},[277,28554,298],{"class":283},[277,28556,302],{"class":301},[277,28558,305],{"class":283},[277,28560,28561,28563,28565,28567,28569],{"class":279,"line":308},[277,28562,312],{"class":311},[277,28564,11006],{"class":283},[277,28566,318],{"class":311},[277,28568,18148],{"class":301},[277,28570,18151],{"class":283},[277,28572,28573],{"class":279,"line":324},[277,28574,328],{"emptyLinePlaceholder":327},[277,28576,28577,28579,28582,28584,28586,28588,28590],{"class":279,"line":331},[277,28578,405],{"class":311},[277,28580,28581],{"class":356}," fullName",[277,28583,340],{"class":311},[277,28585,413],{"class":291},[277,28587,448],{"class":283},[277,28589,25316],{"class":301},[277,28591,18277],{"class":283},[277,28593,28594,28596,28598],{"class":279,"line":346},[277,28595,785],{"class":283},[277,28597,288],{"class":287},[277,28599,305],{"class":283},[277,28601,28602],{"class":279,"line":360},[277,28603,328],{"emptyLinePlaceholder":327},[277,28605,28606,28608,28610],{"class":279,"line":371},[277,28607,284],{"class":283},[277,28609,802],{"class":287},[277,28611,305],{"class":283},[277,28613,28614,28616,28618],{"class":279,"line":381},[277,28615,810],{"class":283},[277,28617,3875],{"class":287},[277,28619,305],{"class":283},[277,28621,28622],{"class":279,"line":391},[277,28623,28624],{"class":283}," Nombre completo\n",[277,28626,28628,28630,28632,28635,28637,28640,28642,28644,28647],{"class":28627,"line":397},[279,9398],[277,28629,829],{"class":283},[277,28631,18041],{"class":287},[277,28633,28634],{"class":291}," v-model.trim",[277,28636,298],{"class":283},[277,28638,28639],{"class":301},"\"fullName\"",[277,28641,4270],{"class":291},[277,28643,298],{"class":283},[277,28645,28646],{"class":301},"\"text\"",[277,28648,4325],{"class":283},[277,28650,28651,28653,28655],{"class":279,"line":402},[277,28652,954],{"class":283},[277,28654,3875],{"class":287},[277,28656,305],{"class":283},[277,28658,28659,28661,28663],{"class":279,"line":436},[277,28660,785],{"class":283},[277,28662,802],{"class":287},[277,28664,305],{"class":283},[267,28666,28669],{"className":269,"code":28667,"filename":971,"highlights":28668,"language":272,"meta":273,"style":273},"\u003Cscript lang=\"ts\">\nexport default {\n data() {\n return {\n fullName: \"\",\n };\n },\n};\n\u003C/script>\n\n\u003Ctemplate>\n \u003Clabel>\n Nombre completo\n \u003Cinput v-model.trim=\"fullName\" type=\"text\" />\n \u003C/label>\n\u003C/template>\n",[461],[16,28670,28671,28685,28693,28699,28705,28714,28718,28722,28726,28734,28738,28746,28754,28758,28779,28787],{"__ignoreMap":273},[277,28672,28673,28675,28677,28679,28681,28683],{"class":279,"line":280},[277,28674,284],{"class":283},[277,28676,288],{"class":287},[277,28678,295],{"class":291},[277,28680,298],{"class":283},[277,28682,302],{"class":301},[277,28684,305],{"class":283},[277,28686,28687,28689,28691],{"class":279,"line":308},[277,28688,1057],{"class":311},[277,28690,1060],{"class":311},[277,28692,343],{"class":283},[277,28694,28695,28697],{"class":279,"line":324},[277,28696,1086],{"class":291},[277,28698,473],{"class":283},[277,28700,28701,28703],{"class":279,"line":331},[277,28702,1093],{"class":311},[277,28704,343],{"class":283},[277,28706,28707,28710,28712],{"class":279,"line":346},[277,28708,28709],{"class":283}," fullName: ",[277,28711,25316],{"class":301},[277,28713,1077],{"class":283},[277,28715,28716],{"class":279,"line":360},[277,28717,18478],{"class":283},[277,28719,28720],{"class":279,"line":371},[277,28721,1131],{"class":283},[277,28723,28724],{"class":279,"line":381},[277,28725,18255],{"class":283},[277,28727,28728,28730,28732],{"class":279,"line":391},[277,28729,785],{"class":283},[277,28731,288],{"class":287},[277,28733,305],{"class":283},[277,28735,28736],{"class":279,"line":397},[277,28737,328],{"emptyLinePlaceholder":327},[277,28739,28740,28742,28744],{"class":279,"line":402},[277,28741,284],{"class":283},[277,28743,802],{"class":287},[277,28745,305],{"class":283},[277,28747,28748,28750,28752],{"class":279,"line":436},[277,28749,810],{"class":283},[277,28751,3875],{"class":287},[277,28753,305],{"class":283},[277,28755,28756],{"class":279,"line":456},[277,28757,28624],{"class":283},[277,28759,28761,28763,28765,28767,28769,28771,28773,28775,28777],{"class":28760,"line":461},[279,9398],[277,28762,829],{"class":283},[277,28764,18041],{"class":287},[277,28766,28634],{"class":291},[277,28768,298],{"class":283},[277,28770,28639],{"class":301},[277,28772,4270],{"class":291},[277,28774,298],{"class":283},[277,28776,28646],{"class":301},[277,28778,4325],{"class":283},[277,28780,28781,28783,28785],{"class":279,"line":476},[277,28782,954],{"class":283},[277,28784,3875],{"class":287},[277,28786,305],{"class":283},[277,28788,28789,28791,28793],{"class":279,"line":500},[277,28790,785],{"class":283},[277,28792,802],{"class":287},[277,28794,305],{"class":283},[30,28796,28798,28799],{"id":28797},"_2-input-numérico-con-v-modelnumber","2) Input numérico con ",[16,28800,28801],{},"v-model.number",[267,28803,28806],{"className":269,"code":28804,"filename":271,"highlights":28805,"language":272,"meta":273,"style":273},"\u003Cscript setup lang=\"ts\">\nimport { ref } from \"vue\";\n\nconst age = ref\u003Cnumber | null>(null);\n\u003C/script>\n\n\u003Ctemplate>\n \u003Clabel>\n Edad\n \u003Cinput v-model.number=\"age\" type=\"number\" min=\"0\" />\n \u003C/label>\n\u003C/template>\n",[397],[16,28807,28808,28824,28836,28840,28865,28873,28877,28885,28893,28898,28930,28938],{"__ignoreMap":273},[277,28809,28810,28812,28814,28816,28818,28820,28822],{"class":279,"line":280},[277,28811,284],{"class":283},[277,28813,288],{"class":287},[277,28815,292],{"class":291},[277,28817,295],{"class":291},[277,28819,298],{"class":283},[277,28821,302],{"class":301},[277,28823,305],{"class":283},[277,28825,28826,28828,28830,28832,28834],{"class":279,"line":308},[277,28827,312],{"class":311},[277,28829,11006],{"class":283},[277,28831,318],{"class":311},[277,28833,18148],{"class":301},[277,28835,18151],{"class":283},[277,28837,28838],{"class":279,"line":324},[277,28839,328],{"emptyLinePlaceholder":327},[277,28841,28842,28844,28847,28849,28851,28853,28855,28857,28859,28861,28863],{"class":279,"line":331},[277,28843,405],{"class":311},[277,28845,28846],{"class":356}," age",[277,28848,340],{"class":311},[277,28850,413],{"class":291},[277,28852,284],{"class":283},[277,28854,7971],{"class":356},[277,28856,421],{"class":311},[277,28858,424],{"class":356},[277,28860,427],{"class":283},[277,28862,430],{"class":356},[277,28864,18277],{"class":283},[277,28866,28867,28869,28871],{"class":279,"line":346},[277,28868,785],{"class":283},[277,28870,288],{"class":287},[277,28872,305],{"class":283},[277,28874,28875],{"class":279,"line":360},[277,28876,328],{"emptyLinePlaceholder":327},[277,28878,28879,28881,28883],{"class":279,"line":371},[277,28880,284],{"class":283},[277,28882,802],{"class":287},[277,28884,305],{"class":283},[277,28886,28887,28889,28891],{"class":279,"line":381},[277,28888,810],{"class":283},[277,28890,3875],{"class":287},[277,28892,305],{"class":283},[277,28894,28895],{"class":279,"line":391},[277,28896,28897],{"class":283}," Edad\n",[277,28899,28901,28903,28905,28908,28910,28913,28915,28917,28920,28923,28925,28928],{"class":28900,"line":397},[279,9398],[277,28902,829],{"class":283},[277,28904,18041],{"class":287},[277,28906,28907],{"class":291}," v-model.number",[277,28909,298],{"class":283},[277,28911,28912],{"class":301},"\"age\"",[277,28914,4270],{"class":291},[277,28916,298],{"class":283},[277,28918,28919],{"class":301},"\"number\"",[277,28921,28922],{"class":291}," min",[277,28924,298],{"class":283},[277,28926,28927],{"class":301},"\"0\"",[277,28929,4325],{"class":283},[277,28931,28932,28934,28936],{"class":279,"line":402},[277,28933,954],{"class":283},[277,28935,3875],{"class":287},[277,28937,305],{"class":283},[277,28939,28940,28942,28944],{"class":279,"line":436},[277,28941,785],{"class":283},[277,28943,802],{"class":287},[277,28945,305],{"class":283},[267,28947,28950],{"className":269,"code":28948,"filename":971,"highlights":28949,"language":272,"meta":273,"style":273},"\u003Cscript lang=\"ts\">\nexport default {\n data() {\n return {\n age: null,\n };\n },\n};\n\u003C/script>\n\n\u003Ctemplate>\n \u003Clabel>\n Edad\n \u003Cinput v-model.number=\"age\" type=\"number\" min=\"0\" />\n \u003C/label>\n\u003C/template>\n",[461],[16,28951,28952,28966,28974,28980,28986,28995,28999,29003,29007,29015,29019,29027,29035,29039,29066,29074],{"__ignoreMap":273},[277,28953,28954,28956,28958,28960,28962,28964],{"class":279,"line":280},[277,28955,284],{"class":283},[277,28957,288],{"class":287},[277,28959,295],{"class":291},[277,28961,298],{"class":283},[277,28963,302],{"class":301},[277,28965,305],{"class":283},[277,28967,28968,28970,28972],{"class":279,"line":308},[277,28969,1057],{"class":311},[277,28971,1060],{"class":311},[277,28973,343],{"class":283},[277,28975,28976,28978],{"class":279,"line":324},[277,28977,1086],{"class":291},[277,28979,473],{"class":283},[277,28981,28982,28984],{"class":279,"line":331},[277,28983,1093],{"class":311},[277,28985,343],{"class":283},[277,28987,28988,28991,28993],{"class":279,"line":346},[277,28989,28990],{"class":283}," age: ",[277,28992,430],{"class":356},[277,28994,1077],{"class":283},[277,28996,28997],{"class":279,"line":360},[277,28998,18478],{"class":283},[277,29000,29001],{"class":279,"line":371},[277,29002,1131],{"class":283},[277,29004,29005],{"class":279,"line":381},[277,29006,18255],{"class":283},[277,29008,29009,29011,29013],{"class":279,"line":391},[277,29010,785],{"class":283},[277,29012,288],{"class":287},[277,29014,305],{"class":283},[277,29016,29017],{"class":279,"line":397},[277,29018,328],{"emptyLinePlaceholder":327},[277,29020,29021,29023,29025],{"class":279,"line":402},[277,29022,284],{"class":283},[277,29024,802],{"class":287},[277,29026,305],{"class":283},[277,29028,29029,29031,29033],{"class":279,"line":436},[277,29030,810],{"class":283},[277,29032,3875],{"class":287},[277,29034,305],{"class":283},[277,29036,29037],{"class":279,"line":456},[277,29038,28897],{"class":283},[277,29040,29042,29044,29046,29048,29050,29052,29054,29056,29058,29060,29062,29064],{"class":29041,"line":461},[279,9398],[277,29043,829],{"class":283},[277,29045,18041],{"class":287},[277,29047,28907],{"class":291},[277,29049,298],{"class":283},[277,29051,28912],{"class":301},[277,29053,4270],{"class":291},[277,29055,298],{"class":283},[277,29057,28919],{"class":301},[277,29059,28922],{"class":291},[277,29061,298],{"class":283},[277,29063,28927],{"class":301},[277,29065,4325],{"class":283},[277,29067,29068,29070,29072],{"class":279,"line":476},[277,29069,954],{"class":283},[277,29071,3875],{"class":287},[277,29073,305],{"class":283},[277,29075,29076,29078,29080],{"class":279,"line":500},[277,29077,785],{"class":283},[277,29079,802],{"class":287},[277,29081,305],{"class":283},[30,29083,29085],{"id":29084},"_3-checkbox-para-estado-booleano","3) Checkbox para estado booleano",[267,29087,29090],{"className":269,"code":29088,"filename":271,"highlights":29089,"language":272,"meta":273,"style":273},"\u003Cscript setup lang=\"ts\">\nimport { ref } from \"vue\";\n\nconst acceptedTerms = ref(false);\n\u003C/script>\n\n\u003Ctemplate>\n \u003Clabel>\n \u003Cinput v-model=\"acceptedTerms\" type=\"checkbox\" />\n Acepto términos y condiciones\n \u003C/label>\n\u003C/template>\n",[391],[16,29091,29092,29108,29120,29124,29141,29149,29153,29161,29169,29192,29197,29205],{"__ignoreMap":273},[277,29093,29094,29096,29098,29100,29102,29104,29106],{"class":279,"line":280},[277,29095,284],{"class":283},[277,29097,288],{"class":287},[277,29099,292],{"class":291},[277,29101,295],{"class":291},[277,29103,298],{"class":283},[277,29105,302],{"class":301},[277,29107,305],{"class":283},[277,29109,29110,29112,29114,29116,29118],{"class":279,"line":308},[277,29111,312],{"class":311},[277,29113,11006],{"class":283},[277,29115,318],{"class":311},[277,29117,18148],{"class":301},[277,29119,18151],{"class":283},[277,29121,29122],{"class":279,"line":324},[277,29123,328],{"emptyLinePlaceholder":327},[277,29125,29126,29128,29131,29133,29135,29137,29139],{"class":279,"line":331},[277,29127,405],{"class":311},[277,29129,29130],{"class":356}," acceptedTerms",[277,29132,340],{"class":311},[277,29134,413],{"class":291},[277,29136,448],{"class":283},[277,29138,2123],{"class":356},[277,29140,18277],{"class":283},[277,29142,29143,29145,29147],{"class":279,"line":346},[277,29144,785],{"class":283},[277,29146,288],{"class":287},[277,29148,305],{"class":283},[277,29150,29151],{"class":279,"line":360},[277,29152,328],{"emptyLinePlaceholder":327},[277,29154,29155,29157,29159],{"class":279,"line":371},[277,29156,284],{"class":283},[277,29158,802],{"class":287},[277,29160,305],{"class":283},[277,29162,29163,29165,29167],{"class":279,"line":381},[277,29164,810],{"class":283},[277,29166,3875],{"class":287},[277,29168,305],{"class":283},[277,29170,29172,29174,29176,29178,29180,29183,29185,29187,29190],{"class":29171,"line":391},[279,9398],[277,29173,829],{"class":283},[277,29175,18041],{"class":287},[277,29177,23751],{"class":291},[277,29179,298],{"class":283},[277,29181,29182],{"class":301},"\"acceptedTerms\"",[277,29184,4270],{"class":291},[277,29186,298],{"class":283},[277,29188,29189],{"class":301},"\"checkbox\"",[277,29191,4325],{"class":283},[277,29193,29194],{"class":279,"line":397},[277,29195,29196],{"class":283}," Acepto términos y condiciones\n",[277,29198,29199,29201,29203],{"class":279,"line":402},[277,29200,954],{"class":283},[277,29202,3875],{"class":287},[277,29204,305],{"class":283},[277,29206,29207,29209,29211],{"class":279,"line":436},[277,29208,785],{"class":283},[277,29210,802],{"class":287},[277,29212,305],{"class":283},[267,29214,29217],{"className":269,"code":29215,"filename":971,"highlights":29216,"language":272,"meta":273,"style":273},"\u003Cscript lang=\"ts\">\nexport default {\n data() {\n return {\n acceptedTerms: false,\n };\n },\n};\n\u003C/script>\n\n\u003Ctemplate>\n \u003Clabel>\n \u003Cinput v-model=\"acceptedTerms\" type=\"checkbox\" />\n Acepto términos y condiciones\n \u003C/label>\n\u003C/template>\n",[456],[16,29218,29219,29233,29241,29247,29253,29262,29266,29270,29274,29282,29286,29294,29302,29323,29327,29335],{"__ignoreMap":273},[277,29220,29221,29223,29225,29227,29229,29231],{"class":279,"line":280},[277,29222,284],{"class":283},[277,29224,288],{"class":287},[277,29226,295],{"class":291},[277,29228,298],{"class":283},[277,29230,302],{"class":301},[277,29232,305],{"class":283},[277,29234,29235,29237,29239],{"class":279,"line":308},[277,29236,1057],{"class":311},[277,29238,1060],{"class":311},[277,29240,343],{"class":283},[277,29242,29243,29245],{"class":279,"line":324},[277,29244,1086],{"class":291},[277,29246,473],{"class":283},[277,29248,29249,29251],{"class":279,"line":331},[277,29250,1093],{"class":311},[277,29252,343],{"class":283},[277,29254,29255,29258,29260],{"class":279,"line":346},[277,29256,29257],{"class":283}," acceptedTerms: ",[277,29259,2123],{"class":356},[277,29261,1077],{"class":283},[277,29263,29264],{"class":279,"line":360},[277,29265,18478],{"class":283},[277,29267,29268],{"class":279,"line":371},[277,29269,1131],{"class":283},[277,29271,29272],{"class":279,"line":381},[277,29273,18255],{"class":283},[277,29275,29276,29278,29280],{"class":279,"line":391},[277,29277,785],{"class":283},[277,29279,288],{"class":287},[277,29281,305],{"class":283},[277,29283,29284],{"class":279,"line":397},[277,29285,328],{"emptyLinePlaceholder":327},[277,29287,29288,29290,29292],{"class":279,"line":402},[277,29289,284],{"class":283},[277,29291,802],{"class":287},[277,29293,305],{"class":283},[277,29295,29296,29298,29300],{"class":279,"line":436},[277,29297,810],{"class":283},[277,29299,3875],{"class":287},[277,29301,305],{"class":283},[277,29303,29305,29307,29309,29311,29313,29315,29317,29319,29321],{"class":29304,"line":456},[279,9398],[277,29306,829],{"class":283},[277,29308,18041],{"class":287},[277,29310,23751],{"class":291},[277,29312,298],{"class":283},[277,29314,29182],{"class":301},[277,29316,4270],{"class":291},[277,29318,298],{"class":283},[277,29320,29189],{"class":301},[277,29322,4325],{"class":283},[277,29324,29325],{"class":279,"line":461},[277,29326,29196],{"class":283},[277,29328,29329,29331,29333],{"class":279,"line":476},[277,29330,954],{"class":283},[277,29332,3875],{"class":287},[277,29334,305],{"class":283},[277,29336,29337,29339,29341],{"class":279,"line":500},[277,29338,785],{"class":283},[277,29340,802],{"class":287},[277,29342,305],{"class":283},[30,29344,29346],{"id":29345},"_4-ejemplos-completos","4) Ejemplos completos",[192,29348,26862],{"id":26861},[21,29350,29351,29354,29355,29357],{},[16,29352,29353],{},"SearchInput"," reutilizable con ",[16,29356,28412],{}," + pantalla de filtros:",[267,29359,29363],{"className":269,"code":29360,"filename":29361,"highlights":29362,"language":272,"meta":273,"style":273},"\u003Cscript setup lang=\"ts\">\nconst model = defineModel\u003Cstring>({ default: \"\" });\n\u003C/script>\n\n\u003Ctemplate>\n \u003Clabel class=\"field\">\n Buscar\n \u003Cinput\n v-model.trim=\"model\"\n type=\"text\"\n placeholder=\"Escribe para filtrar...\"\n />\n \u003C/label>\n\u003C/template>\n","SearchInput.vue",[391],[16,29364,29365,29381,29405,29413,29417,29425,29440,29445,29451,29462,29471,29480,29485,29493],{"__ignoreMap":273},[277,29366,29367,29369,29371,29373,29375,29377,29379],{"class":279,"line":280},[277,29368,284],{"class":283},[277,29370,288],{"class":287},[277,29372,292],{"class":291},[277,29374,295],{"class":291},[277,29376,298],{"class":283},[277,29378,302],{"class":301},[277,29380,305],{"class":283},[277,29382,29383,29385,29388,29390,29393,29395,29397,29400,29402],{"class":279,"line":308},[277,29384,405],{"class":311},[277,29386,29387],{"class":356}," model",[277,29389,340],{"class":311},[277,29391,29392],{"class":291}," defineModel",[277,29394,284],{"class":283},[277,29396,5753],{"class":356},[277,29398,29399],{"class":283},">({ default: ",[277,29401,25316],{"class":301},[277,29403,29404],{"class":283}," });\n",[277,29406,29407,29409,29411],{"class":279,"line":324},[277,29408,785],{"class":283},[277,29410,288],{"class":287},[277,29412,305],{"class":283},[277,29414,29415],{"class":279,"line":331},[277,29416,328],{"emptyLinePlaceholder":327},[277,29418,29419,29421,29423],{"class":279,"line":346},[277,29420,284],{"class":283},[277,29422,802],{"class":287},[277,29424,305],{"class":283},[277,29426,29427,29429,29431,29433,29435,29438],{"class":279,"line":360},[277,29428,810],{"class":283},[277,29430,3875],{"class":287},[277,29432,816],{"class":291},[277,29434,298],{"class":283},[277,29436,29437],{"class":301},"\"field\"",[277,29439,305],{"class":283},[277,29441,29442],{"class":279,"line":371},[277,29443,29444],{"class":283}," Buscar\n",[277,29446,29447,29449],{"class":279,"line":381},[277,29448,829],{"class":283},[277,29450,11549],{"class":287},[277,29452,29454,29457,29459],{"class":29453,"line":391},[279,9398],[277,29455,29456],{"class":291}," v-model.trim",[277,29458,298],{"class":283},[277,29460,29461],{"class":301},"\"model\"\n",[277,29463,29464,29466,29468],{"class":279,"line":397},[277,29465,11563],{"class":291},[277,29467,298],{"class":283},[277,29469,29470],{"class":301},"\"text\"\n",[277,29472,29473,29475,29477],{"class":279,"line":402},[277,29474,11573],{"class":291},[277,29476,298],{"class":283},[277,29478,29479],{"class":301},"\"Escribe para filtrar...\"\n",[277,29481,29482],{"class":279,"line":436},[277,29483,29484],{"class":283}," />\n",[277,29486,29487,29489,29491],{"class":279,"line":456},[277,29488,954],{"class":283},[277,29490,3875],{"class":287},[277,29492,305],{"class":283},[277,29494,29495,29497,29499],{"class":279,"line":461},[277,29496,785],{"class":283},[277,29498,802],{"class":287},[277,29500,305],{"class":283},[267,29502,29505],{"className":269,"code":29503,"filename":29504,"language":272,"meta":273,"style":273},"\u003Cscript setup lang=\"ts\">\nimport { computed, ref } from \"vue\";\nimport SearchInput from \"./SearchInput.vue\";\n\nconst query = ref(\"\");\nconst minPrice = ref\u003Cnumber | null>(null);\nconst onlyInStock = ref(false);\n\nconst products = ref([\n { id: 1, name: \"Teclado mecánico\", price: 89, stock: true },\n { id: 2, name: \"Mouse ergonómico\", price: 45, stock: false },\n { id: 3, name: 'Monitor 27\"', price: 299, stock: true },\n]);\n\nconst filteredProducts = computed(() =>\n products.value.filter((p) => {\n const matchesQuery =\n p.name.toLowerCase().includes(query.value.toLowerCase());\n const matchesPrice =\n minPrice.value == null || p.price >= minPrice.value;\n const matchesStock = !onlyInStock.value || p.stock;\n\n return matchesQuery && matchesPrice && matchesStock;\n })\n);\n\u003C/script>\n\n\u003Ctemplate>\n \u003Csection>\n \u003Ch2>Filtros\u003C/h2>\n\n \u003CSearchInput v-model=\"query\" />\n\n \u003Clabel>\n Precio mínimo\n \u003Cinput v-model.number=\"minPrice\" type=\"number\" min=\"0\" />\n \u003C/label>\n\n \u003Clabel>\n \u003Cinput v-model=\"onlyInStock\" type=\"checkbox\" />\n Solo disponibles\n \u003C/label>\n\n \u003Cul>\n \u003Cli v-for=\"item in filteredProducts\" :key=\"item.id\">\n {{ item.name }} - ${{ item.price }}\n \u003Cspan v-if=\"!item.stock\">(sin stock)\u003C/span>\n \u003C/li>\n \u003C/ul>\n \u003C/section>\n\u003C/template>\n","ProductFilter.vue",[16,29506,29507,29523,29535,29549,29553,29570,29595,29612,29616,29629,29653,29675,29697,29701,29705,29720,29737,29747,29766,29775,29797,29816,29820,29837,29841,29845,29853,29857,29865,29873,29886,29890,29905,29909,29917,29922,29949,29957,29961,29969,29990,29995,30003,30007,30015,30037,30042,30062,30070,30078,30086],{"__ignoreMap":273},[277,29508,29509,29511,29513,29515,29517,29519,29521],{"class":279,"line":280},[277,29510,284],{"class":283},[277,29512,288],{"class":287},[277,29514,292],{"class":291},[277,29516,295],{"class":291},[277,29518,298],{"class":283},[277,29520,302],{"class":301},[277,29522,305],{"class":283},[277,29524,29525,29527,29529,29531,29533],{"class":279,"line":308},[277,29526,312],{"class":311},[277,29528,23384],{"class":283},[277,29530,318],{"class":311},[277,29532,18148],{"class":301},[277,29534,18151],{"class":283},[277,29536,29537,29539,29542,29544,29547],{"class":279,"line":324},[277,29538,312],{"class":311},[277,29540,29541],{"class":283}," SearchInput ",[277,29543,318],{"class":311},[277,29545,29546],{"class":301}," \"./SearchInput.vue\"",[277,29548,18151],{"class":283},[277,29550,29551],{"class":279,"line":331},[277,29552,328],{"emptyLinePlaceholder":327},[277,29554,29555,29557,29560,29562,29564,29566,29568],{"class":279,"line":346},[277,29556,405],{"class":311},[277,29558,29559],{"class":356}," query",[277,29561,340],{"class":311},[277,29563,413],{"class":291},[277,29565,448],{"class":283},[277,29567,25316],{"class":301},[277,29569,18277],{"class":283},[277,29571,29572,29574,29577,29579,29581,29583,29585,29587,29589,29591,29593],{"class":279,"line":360},[277,29573,405],{"class":311},[277,29575,29576],{"class":356}," minPrice",[277,29578,340],{"class":311},[277,29580,413],{"class":291},[277,29582,284],{"class":283},[277,29584,7971],{"class":356},[277,29586,421],{"class":311},[277,29588,424],{"class":356},[277,29590,427],{"class":283},[277,29592,430],{"class":356},[277,29594,18277],{"class":283},[277,29596,29597,29599,29602,29604,29606,29608,29610],{"class":279,"line":371},[277,29598,405],{"class":311},[277,29600,29601],{"class":356}," onlyInStock",[277,29603,340],{"class":311},[277,29605,413],{"class":291},[277,29607,448],{"class":283},[277,29609,2123],{"class":356},[277,29611,18277],{"class":283},[277,29613,29614],{"class":279,"line":381},[277,29615,328],{"emptyLinePlaceholder":327},[277,29617,29618,29620,29623,29625,29627],{"class":279,"line":391},[277,29619,405],{"class":311},[277,29621,29622],{"class":356}," products",[277,29624,340],{"class":311},[277,29626,413],{"class":291},[277,29628,2104],{"class":283},[277,29630,29631,29633,29635,29637,29640,29643,29646,29649,29651],{"class":279,"line":397},[277,29632,2109],{"class":283},[277,29634,2072],{"class":356},[277,29636,22620],{"class":283},[277,29638,29639],{"class":301},"\"Teclado mecánico\"",[277,29641,29642],{"class":283},", price: ",[277,29644,29645],{"class":356},"89",[277,29647,29648],{"class":283},", stock: ",[277,29650,2149],{"class":356},[277,29652,2132],{"class":283},[277,29654,29655,29657,29659,29661,29664,29666,29669,29671,29673],{"class":279,"line":402},[277,29656,2109],{"class":283},[277,29658,2139],{"class":356},[277,29660,22620],{"class":283},[277,29662,29663],{"class":301},"\"Mouse ergonómico\"",[277,29665,29642],{"class":283},[277,29667,29668],{"class":356},"45",[277,29670,29648],{"class":283},[277,29672,2123],{"class":356},[277,29674,2132],{"class":283},[277,29676,29677,29679,29681,29683,29686,29688,29691,29693,29695],{"class":279,"line":436},[277,29678,2109],{"class":283},[277,29680,2163],{"class":356},[277,29682,22620],{"class":283},[277,29684,29685],{"class":301},"'Monitor 27\"'",[277,29687,29642],{"class":283},[277,29689,29690],{"class":356},"299",[277,29692,29648],{"class":283},[277,29694,2149],{"class":356},[277,29696,2132],{"class":283},[277,29698,29699],{"class":279,"line":456},[277,29700,22684],{"class":283},[277,29702,29703],{"class":279,"line":461},[277,29704,328],{"emptyLinePlaceholder":327},[277,29706,29707,29709,29712,29714,29716,29718],{"class":279,"line":476},[277,29708,405],{"class":311},[277,29710,29711],{"class":356}," filteredProducts",[277,29713,340],{"class":311},[277,29715,2200],{"class":291},[277,29717,2203],{"class":283},[277,29719,3716],{"class":311},[277,29721,29722,29725,29727,29729,29731,29733,29735],{"class":279,"line":500},[277,29723,29724],{"class":283}," products.value.",[277,29726,2218],{"class":291},[277,29728,2334],{"class":283},[277,29730,21],{"class":349},[277,29732,2340],{"class":283},[277,29734,601],{"class":311},[277,29736,343],{"class":283},[277,29738,29739,29741,29744],{"class":279,"line":505},[277,29740,2233],{"class":311},[277,29742,29743],{"class":356}," matchesQuery",[277,29745,29746],{"class":311}," =\n",[277,29748,29749,29752,29754,29756,29758,29761,29763],{"class":279,"line":520},[277,29750,29751],{"class":283}," p.name.",[277,29753,2249],{"class":291},[277,29755,6034],{"class":283},[277,29757,2258],{"class":291},[277,29759,29760],{"class":283},"(query.value.",[277,29762,2249],{"class":291},[277,29764,29765],{"class":283},"());\n",[277,29767,29768,29770,29773],{"class":279,"line":539},[277,29769,2233],{"class":311},[277,29771,29772],{"class":356}," matchesPrice",[277,29774,29746],{"class":311},[277,29776,29777,29780,29783,29785,29788,29791,29794],{"class":279,"line":545},[277,29778,29779],{"class":283}," minPrice.value ",[277,29781,29782],{"class":311},"==",[277,29784,424],{"class":356},[277,29786,29787],{"class":311}," ||",[277,29789,29790],{"class":283}," p.price ",[277,29792,29793],{"class":311},">=",[277,29795,29796],{"class":283}," minPrice.value;\n",[277,29798,29799,29801,29804,29806,29808,29811,29813],{"class":279,"line":550},[277,29800,2233],{"class":311},[277,29802,29803],{"class":356}," matchesStock",[277,29805,340],{"class":311},[277,29807,2288],{"class":311},[277,29809,29810],{"class":283},"onlyInStock.value ",[277,29812,708],{"class":311},[277,29814,29815],{"class":283}," p.stock;\n",[277,29817,29818],{"class":279,"line":578},[277,29819,328],{"emptyLinePlaceholder":327},[277,29821,29822,29824,29827,29829,29832,29834],{"class":279,"line":583},[277,29823,1093],{"class":311},[277,29825,29826],{"class":283}," matchesQuery ",[277,29828,2310],{"class":311},[277,29830,29831],{"class":283}," matchesPrice ",[277,29833,2310],{"class":311},[277,29835,29836],{"class":283}," matchesStock;\n",[277,29838,29839],{"class":279,"line":588},[277,29840,2318],{"class":283},[277,29842,29843],{"class":279,"line":606},[277,29844,18277],{"class":283},[277,29846,29847,29849,29851],{"class":279,"line":614},[277,29848,785],{"class":283},[277,29850,288],{"class":287},[277,29852,305],{"class":283},[277,29854,29855],{"class":279,"line":625},[277,29856,328],{"emptyLinePlaceholder":327},[277,29858,29859,29861,29863],{"class":279,"line":637},[277,29860,284],{"class":283},[277,29862,802],{"class":287},[277,29864,305],{"class":283},[277,29866,29867,29869,29871],{"class":279,"line":646},[277,29868,810],{"class":283},[277,29870,4121],{"class":287},[277,29872,305],{"class":283},[277,29874,29875,29877,29879,29882,29884],{"class":279,"line":668},[277,29876,829],{"class":283},[277,29878,30],{"class":287},[277,29880,29881],{"class":283},">Filtros\u003C/",[277,29883,30],{"class":287},[277,29885,305],{"class":283},[277,29887,29888],{"class":279,"line":673},[277,29889,328],{"emptyLinePlaceholder":327},[277,29891,29892,29894,29896,29898,29900,29903],{"class":279,"line":679},[277,29893,829],{"class":283},[277,29895,29353],{"class":287},[277,29897,23751],{"class":291},[277,29899,298],{"class":283},[277,29901,29902],{"class":301},"\"query\"",[277,29904,4325],{"class":283},[277,29906,29907],{"class":279,"line":684},[277,29908,328],{"emptyLinePlaceholder":327},[277,29910,29911,29913,29915],{"class":279,"line":700},[277,29912,829],{"class":283},[277,29914,3875],{"class":287},[277,29916,305],{"class":283},[277,29918,29919],{"class":279,"line":717},[277,29920,29921],{"class":283}," Precio mínimo\n",[277,29923,29924,29926,29928,29930,29932,29935,29937,29939,29941,29943,29945,29947],{"class":279,"line":722},[277,29925,879],{"class":283},[277,29927,18041],{"class":287},[277,29929,28907],{"class":291},[277,29931,298],{"class":283},[277,29933,29934],{"class":301},"\"minPrice\"",[277,29936,4270],{"class":291},[277,29938,298],{"class":283},[277,29940,28919],{"class":301},[277,29942,28922],{"class":291},[277,29944,298],{"class":283},[277,29946,28927],{"class":301},[277,29948,4325],{"class":283},[277,29950,29951,29953,29955],{"class":279,"line":729},[277,29952,922],{"class":283},[277,29954,3875],{"class":287},[277,29956,305],{"class":283},[277,29958,29959],{"class":279,"line":738},[277,29960,328],{"emptyLinePlaceholder":327},[277,29962,29963,29965,29967],{"class":279,"line":747},[277,29964,829],{"class":283},[277,29966,3875],{"class":287},[277,29968,305],{"class":283},[277,29970,29971,29973,29975,29977,29979,29982,29984,29986,29988],{"class":279,"line":754},[277,29972,879],{"class":283},[277,29974,18041],{"class":287},[277,29976,23751],{"class":291},[277,29978,298],{"class":283},[277,29980,29981],{"class":301},"\"onlyInStock\"",[277,29983,4270],{"class":291},[277,29985,298],{"class":283},[277,29987,29189],{"class":301},[277,29989,4325],{"class":283},[277,29991,29992],{"class":279,"line":772},[277,29993,29994],{"class":283}," Solo disponibles\n",[277,29996,29997,29999,30001],{"class":279,"line":777},[277,29998,922],{"class":283},[277,30000,3875],{"class":287},[277,30002,305],{"class":283},[277,30004,30005],{"class":279,"line":782},[277,30006,328],{"emptyLinePlaceholder":327},[277,30008,30009,30011,30013],{"class":279,"line":792},[277,30010,829],{"class":283},[277,30012,38],{"class":287},[277,30014,305],{"class":283},[277,30016,30017,30019,30021,30023,30025,30028,30030,30032,30035],{"class":279,"line":797},[277,30018,879],{"class":283},[277,30020,41],{"class":287},[277,30022,12785],{"class":291},[277,30024,298],{"class":283},[277,30026,30027],{"class":301},"\"item in filteredProducts\"",[277,30029,4317],{"class":291},[277,30031,298],{"class":283},[277,30033,30034],{"class":301},"\"item.id\"",[277,30036,305],{"class":283},[277,30038,30039],{"class":279,"line":807},[277,30040,30041],{"class":283}," {{ item.name }} - ${{ item.price }}\n",[277,30043,30044,30046,30048,30050,30052,30055,30058,30060],{"class":279,"line":826},[277,30045,26686],{"class":283},[277,30047,277],{"class":287},[277,30049,834],{"class":291},[277,30051,298],{"class":283},[277,30053,30054],{"class":301},"\"!item.stock\"",[277,30056,30057],{"class":283},">(sin stock)\u003C/",[277,30059,277],{"class":287},[277,30061,305],{"class":283},[277,30063,30064,30066,30068],{"class":279,"line":849},[277,30065,4175],{"class":283},[277,30067,41],{"class":287},[277,30069,305],{"class":283},[277,30071,30072,30074,30076],{"class":279,"line":854},[277,30073,922],{"class":283},[277,30075,38],{"class":287},[277,30077,305],{"class":283},[277,30079,30080,30082,30084],{"class":279,"line":876},[277,30081,954],{"class":283},[277,30083,4121],{"class":287},[277,30085,305],{"class":283},[277,30087,30088,30090,30092],{"class":279,"line":891},[277,30089,785],{"class":283},[277,30091,802],{"class":287},[277,30093,305],{"class":283},[192,30095,27452],{"id":27451},[21,30097,30098,30099,1697,30101,353],{},"Mismo comportamiento usando ",[16,30100,28231],{},[16,30102,28237],{},[267,30104,30106],{"className":269,"code":30105,"filename":29361,"language":272,"meta":273,"style":273},"\u003Cscript lang=\"ts\">\nexport default {\n name: \"SearchInput\",\n props: {\n modelValue: {\n type: String,\n default: \"\",\n },\n },\n emits: [\"update:modelValue\"],\n};\n\u003C/script>\n\n\u003Ctemplate>\n \u003Clabel class=\"field\">\n Buscar\n \u003Cinput\n :value=\"modelValue\"\n type=\"text\"\n placeholder=\"Escribe para filtrar...\"\n @input=\"$emit('update:modelValue', $event.target.value.trim())\"\n />\n \u003C/label>\n\u003C/template>\n",[16,30107,30108,30122,30130,30139,30143,30148,30153,30162,30166,30170,30181,30185,30193,30197,30205,30219,30223,30229,30239,30247,30255,30265,30269,30277],{"__ignoreMap":273},[277,30109,30110,30112,30114,30116,30118,30120],{"class":279,"line":280},[277,30111,284],{"class":283},[277,30113,288],{"class":287},[277,30115,295],{"class":291},[277,30117,298],{"class":283},[277,30119,302],{"class":301},[277,30121,305],{"class":283},[277,30123,30124,30126,30128],{"class":279,"line":308},[277,30125,1057],{"class":311},[277,30127,1060],{"class":311},[277,30129,343],{"class":283},[277,30131,30132,30134,30137],{"class":279,"line":324},[277,30133,1071],{"class":283},[277,30135,30136],{"class":301},"\"SearchInput\"",[277,30138,1077],{"class":283},[277,30140,30141],{"class":279,"line":331},[277,30142,27481],{"class":283},[277,30144,30145],{"class":279,"line":346},[277,30146,30147],{"class":283}," modelValue: {\n",[277,30149,30150],{"class":279,"line":360},[277,30151,30152],{"class":283}," type: String,\n",[277,30154,30155,30158,30160],{"class":279,"line":371},[277,30156,30157],{"class":283}," default: ",[277,30159,25316],{"class":301},[277,30161,1077],{"class":283},[277,30163,30164],{"class":279,"line":381},[277,30165,7016],{"class":283},[277,30167,30168],{"class":279,"line":391},[277,30169,1131],{"class":283},[277,30171,30172,30175,30178],{"class":279,"line":397},[277,30173,30174],{"class":283}," emits: [",[277,30176,30177],{"class":301},"\"update:modelValue\"",[277,30179,30180],{"class":283},"],\n",[277,30182,30183],{"class":279,"line":402},[277,30184,18255],{"class":283},[277,30186,30187,30189,30191],{"class":279,"line":436},[277,30188,785],{"class":283},[277,30190,288],{"class":287},[277,30192,305],{"class":283},[277,30194,30195],{"class":279,"line":456},[277,30196,328],{"emptyLinePlaceholder":327},[277,30198,30199,30201,30203],{"class":279,"line":461},[277,30200,284],{"class":283},[277,30202,802],{"class":287},[277,30204,305],{"class":283},[277,30206,30207,30209,30211,30213,30215,30217],{"class":279,"line":476},[277,30208,810],{"class":283},[277,30210,3875],{"class":287},[277,30212,816],{"class":291},[277,30214,298],{"class":283},[277,30216,29437],{"class":301},[277,30218,305],{"class":283},[277,30220,30221],{"class":279,"line":500},[277,30222,29444],{"class":283},[277,30224,30225,30227],{"class":279,"line":505},[277,30226,829],{"class":283},[277,30228,11549],{"class":287},[277,30230,30231,30234,30236],{"class":279,"line":520},[277,30232,30233],{"class":291}," :value",[277,30235,298],{"class":283},[277,30237,30238],{"class":301},"\"modelValue\"\n",[277,30240,30241,30243,30245],{"class":279,"line":539},[277,30242,11563],{"class":291},[277,30244,298],{"class":283},[277,30246,29470],{"class":301},[277,30248,30249,30251,30253],{"class":279,"line":545},[277,30250,11573],{"class":291},[277,30252,298],{"class":283},[277,30254,29479],{"class":301},[277,30256,30257,30260,30262],{"class":279,"line":550},[277,30258,30259],{"class":291}," @input",[277,30261,298],{"class":283},[277,30263,30264],{"class":301},"\"$emit('update:modelValue', $event.target.value.trim())\"\n",[277,30266,30267],{"class":279,"line":578},[277,30268,29484],{"class":283},[277,30270,30271,30273,30275],{"class":279,"line":583},[277,30272,954],{"class":283},[277,30274,3875],{"class":287},[277,30276,305],{"class":283},[277,30278,30279,30281,30283],{"class":279,"line":588},[277,30280,785],{"class":283},[277,30282,802],{"class":287},[277,30284,305],{"class":283},[267,30286,30288],{"className":269,"code":30287,"filename":29504,"language":272,"meta":273,"style":273},"\u003Cscript lang=\"ts\">\nimport SearchInput from \"./SearchInput.vue\";\n\nexport default {\n name: \"ProductFilter\",\n components: { SearchInput },\n data() {\n return {\n query: \"\",\n minPrice: null,\n onlyInStock: false,\n products: [\n { id: 1, name: \"Teclado mecánico\", price: 89, stock: true },\n { id: 2, name: \"Mouse ergonómico\", price: 45, stock: false },\n { id: 3, name: 'Monitor 27\"', price: 299, stock: true },\n ],\n };\n },\n computed: {\n filteredProducts() {\n return this.products.filter((p) => {\n const matchesQuery = p.name\n .toLowerCase()\n .includes(this.query.toLowerCase());\n const matchesPrice =\n this.minPrice == null || p.price >= Number(this.minPrice);\n const matchesStock = !this.onlyInStock || p.stock;\n\n return matchesQuery && matchesPrice && matchesStock;\n });\n },\n },\n};\n\u003C/script>\n\n\u003Ctemplate>\n \u003Csection>\n \u003Ch2>Filtros\u003C/h2>\n\n \u003CSearchInput v-model=\"query\" />\n\n \u003Clabel>\n Precio mínimo\n \u003Cinput v-model.number=\"minPrice\" type=\"number\" min=\"0\" />\n \u003C/label>\n\n \u003Clabel>\n \u003Cinput v-model=\"onlyInStock\" type=\"checkbox\" />\n Solo disponibles\n \u003C/label>\n\n \u003Cul>\n \u003Cli v-for=\"item in filteredProducts\" :key=\"item.id\">\n {{ item.name }} - ${{ item.price }}\n \u003Cspan v-if=\"!item.stock\">(sin stock)\u003C/span>\n \u003C/li>\n \u003C/ul>\n \u003C/section>\n\u003C/template>\n",[16,30289,30290,30304,30316,30320,30328,30337,30342,30348,30354,30363,30372,30381,30386,30406,30426,30446,30450,30454,30458,30462,30469,30490,30501,30509,30526,30534,30562,30581,30585,30599,30604,30608,30612,30616,30624,30628,30636,30644,30656,30660,30674,30678,30686,30690,30716,30724,30728,30736,30756,30760,30768,30772,30780,30800,30804,30822,30830,30838,30846],{"__ignoreMap":273},[277,30291,30292,30294,30296,30298,30300,30302],{"class":279,"line":280},[277,30293,284],{"class":283},[277,30295,288],{"class":287},[277,30297,295],{"class":291},[277,30299,298],{"class":283},[277,30301,302],{"class":301},[277,30303,305],{"class":283},[277,30305,30306,30308,30310,30312,30314],{"class":279,"line":308},[277,30307,312],{"class":311},[277,30309,29541],{"class":283},[277,30311,318],{"class":311},[277,30313,29546],{"class":301},[277,30315,18151],{"class":283},[277,30317,30318],{"class":279,"line":324},[277,30319,328],{"emptyLinePlaceholder":327},[277,30321,30322,30324,30326],{"class":279,"line":331},[277,30323,1057],{"class":311},[277,30325,1060],{"class":311},[277,30327,343],{"class":283},[277,30329,30330,30332,30335],{"class":279,"line":346},[277,30331,1071],{"class":283},[277,30333,30334],{"class":301},"\"ProductFilter\"",[277,30336,1077],{"class":283},[277,30338,30339],{"class":279,"line":360},[277,30340,30341],{"class":283}," components: { SearchInput },\n",[277,30343,30344,30346],{"class":279,"line":371},[277,30345,1086],{"class":291},[277,30347,473],{"class":283},[277,30349,30350,30352],{"class":279,"line":381},[277,30351,1093],{"class":311},[277,30353,343],{"class":283},[277,30355,30356,30359,30361],{"class":279,"line":391},[277,30357,30358],{"class":283}," query: ",[277,30360,25316],{"class":301},[277,30362,1077],{"class":283},[277,30364,30365,30368,30370],{"class":279,"line":397},[277,30366,30367],{"class":283}," minPrice: ",[277,30369,430],{"class":356},[277,30371,1077],{"class":283},[277,30373,30374,30377,30379],{"class":279,"line":402},[277,30375,30376],{"class":283}," onlyInStock: ",[277,30378,2123],{"class":356},[277,30380,1077],{"class":283},[277,30382,30383],{"class":279,"line":436},[277,30384,30385],{"class":283}," products: [\n",[277,30387,30388,30390,30392,30394,30396,30398,30400,30402,30404],{"class":279,"line":456},[277,30389,2664],{"class":283},[277,30391,2072],{"class":356},[277,30393,22620],{"class":283},[277,30395,29639],{"class":301},[277,30397,29642],{"class":283},[277,30399,29645],{"class":356},[277,30401,29648],{"class":283},[277,30403,2149],{"class":356},[277,30405,2132],{"class":283},[277,30407,30408,30410,30412,30414,30416,30418,30420,30422,30424],{"class":279,"line":461},[277,30409,2664],{"class":283},[277,30411,2139],{"class":356},[277,30413,22620],{"class":283},[277,30415,29663],{"class":301},[277,30417,29642],{"class":283},[277,30419,29668],{"class":356},[277,30421,29648],{"class":283},[277,30423,2123],{"class":356},[277,30425,2132],{"class":283},[277,30427,30428,30430,30432,30434,30436,30438,30440,30442,30444],{"class":279,"line":476},[277,30429,2664],{"class":283},[277,30431,2163],{"class":356},[277,30433,22620],{"class":283},[277,30435,29685],{"class":301},[277,30437,29642],{"class":283},[277,30439,29690],{"class":356},[277,30441,29648],{"class":283},[277,30443,2149],{"class":356},[277,30445,2132],{"class":283},[277,30447,30448],{"class":279,"line":500},[277,30449,10174],{"class":283},[277,30451,30452],{"class":279,"line":505},[277,30453,18478],{"class":283},[277,30455,30456],{"class":279,"line":520},[277,30457,1131],{"class":283},[277,30459,30460],{"class":279,"line":539},[277,30461,2742],{"class":283},[277,30463,30464,30467],{"class":279,"line":545},[277,30465,30466],{"class":291}," filteredProducts",[277,30468,473],{"class":283},[277,30470,30471,30473,30475,30478,30480,30482,30484,30486,30488],{"class":279,"line":550},[277,30472,2754],{"class":311},[277,30474,1268],{"class":356},[277,30476,30477],{"class":283},".products.",[277,30479,2218],{"class":291},[277,30481,2334],{"class":283},[277,30483,21],{"class":349},[277,30485,2340],{"class":283},[277,30487,601],{"class":311},[277,30489,343],{"class":283},[277,30491,30492,30494,30496,30498],{"class":279,"line":578},[277,30493,2774],{"class":311},[277,30495,29743],{"class":356},[277,30497,340],{"class":311},[277,30499,30500],{"class":283}," p.name\n",[277,30502,30503,30505,30507],{"class":279,"line":583},[277,30504,2785],{"class":283},[277,30506,2249],{"class":291},[277,30508,622],{"class":283},[277,30510,30511,30513,30515,30517,30519,30522,30524],{"class":279,"line":588},[277,30512,2785],{"class":283},[277,30514,2258],{"class":291},[277,30516,448],{"class":283},[277,30518,1341],{"class":356},[277,30520,30521],{"class":283},".query.",[277,30523,2249],{"class":291},[277,30525,29765],{"class":283},[277,30527,30528,30530,30532],{"class":279,"line":606},[277,30529,2774],{"class":311},[277,30531,29772],{"class":356},[277,30533,29746],{"class":311},[277,30535,30536,30539,30542,30544,30546,30548,30550,30552,30555,30557,30559],{"class":279,"line":614},[277,30537,30538],{"class":356}," this",[277,30540,30541],{"class":283},".minPrice ",[277,30543,29782],{"class":311},[277,30545,424],{"class":356},[277,30547,29787],{"class":311},[277,30549,29790],{"class":283},[277,30551,29793],{"class":311},[277,30553,30554],{"class":291}," Number",[277,30556,448],{"class":283},[277,30558,1341],{"class":356},[277,30560,30561],{"class":283},".minPrice);\n",[277,30563,30564,30566,30568,30570,30572,30574,30577,30579],{"class":279,"line":625},[277,30565,2774],{"class":311},[277,30567,29803],{"class":356},[277,30569,340],{"class":311},[277,30571,2288],{"class":311},[277,30573,1341],{"class":356},[277,30575,30576],{"class":283},".onlyInStock ",[277,30578,708],{"class":311},[277,30580,29815],{"class":283},[277,30582,30583],{"class":279,"line":637},[277,30584,328],{"emptyLinePlaceholder":327},[277,30586,30587,30589,30591,30593,30595,30597],{"class":279,"line":646},[277,30588,2842],{"class":311},[277,30590,29826],{"class":283},[277,30592,2310],{"class":311},[277,30594,29831],{"class":283},[277,30596,2310],{"class":311},[277,30598,29836],{"class":283},[277,30600,30601],{"class":279,"line":668},[277,30602,30603],{"class":283}," });\n",[277,30605,30606],{"class":279,"line":673},[277,30607,7016],{"class":283},[277,30609,30610],{"class":279,"line":679},[277,30611,1131],{"class":283},[277,30613,30614],{"class":279,"line":684},[277,30615,18255],{"class":283},[277,30617,30618,30620,30622],{"class":279,"line":700},[277,30619,785],{"class":283},[277,30621,288],{"class":287},[277,30623,305],{"class":283},[277,30625,30626],{"class":279,"line":717},[277,30627,328],{"emptyLinePlaceholder":327},[277,30629,30630,30632,30634],{"class":279,"line":722},[277,30631,284],{"class":283},[277,30633,802],{"class":287},[277,30635,305],{"class":283},[277,30637,30638,30640,30642],{"class":279,"line":729},[277,30639,810],{"class":283},[277,30641,4121],{"class":287},[277,30643,305],{"class":283},[277,30645,30646,30648,30650,30652,30654],{"class":279,"line":738},[277,30647,829],{"class":283},[277,30649,30],{"class":287},[277,30651,29881],{"class":283},[277,30653,30],{"class":287},[277,30655,305],{"class":283},[277,30657,30658],{"class":279,"line":747},[277,30659,328],{"emptyLinePlaceholder":327},[277,30661,30662,30664,30666,30668,30670,30672],{"class":279,"line":754},[277,30663,829],{"class":283},[277,30665,29353],{"class":287},[277,30667,23751],{"class":291},[277,30669,298],{"class":283},[277,30671,29902],{"class":301},[277,30673,4325],{"class":283},[277,30675,30676],{"class":279,"line":772},[277,30677,328],{"emptyLinePlaceholder":327},[277,30679,30680,30682,30684],{"class":279,"line":777},[277,30681,829],{"class":283},[277,30683,3875],{"class":287},[277,30685,305],{"class":283},[277,30687,30688],{"class":279,"line":782},[277,30689,29921],{"class":283},[277,30691,30692,30694,30696,30698,30700,30702,30704,30706,30708,30710,30712,30714],{"class":279,"line":792},[277,30693,879],{"class":283},[277,30695,18041],{"class":287},[277,30697,28907],{"class":291},[277,30699,298],{"class":283},[277,30701,29934],{"class":301},[277,30703,4270],{"class":291},[277,30705,298],{"class":283},[277,30707,28919],{"class":301},[277,30709,28922],{"class":291},[277,30711,298],{"class":283},[277,30713,28927],{"class":301},[277,30715,4325],{"class":283},[277,30717,30718,30720,30722],{"class":279,"line":797},[277,30719,922],{"class":283},[277,30721,3875],{"class":287},[277,30723,305],{"class":283},[277,30725,30726],{"class":279,"line":807},[277,30727,328],{"emptyLinePlaceholder":327},[277,30729,30730,30732,30734],{"class":279,"line":826},[277,30731,829],{"class":283},[277,30733,3875],{"class":287},[277,30735,305],{"class":283},[277,30737,30738,30740,30742,30744,30746,30748,30750,30752,30754],{"class":279,"line":849},[277,30739,879],{"class":283},[277,30741,18041],{"class":287},[277,30743,23751],{"class":291},[277,30745,298],{"class":283},[277,30747,29981],{"class":301},[277,30749,4270],{"class":291},[277,30751,298],{"class":283},[277,30753,29189],{"class":301},[277,30755,4325],{"class":283},[277,30757,30758],{"class":279,"line":854},[277,30759,29994],{"class":283},[277,30761,30762,30764,30766],{"class":279,"line":876},[277,30763,922],{"class":283},[277,30765,3875],{"class":287},[277,30767,305],{"class":283},[277,30769,30770],{"class":279,"line":891},[277,30771,328],{"emptyLinePlaceholder":327},[277,30773,30774,30776,30778],{"class":279,"line":905},[277,30775,829],{"class":283},[277,30777,38],{"class":287},[277,30779,305],{"class":283},[277,30781,30782,30784,30786,30788,30790,30792,30794,30796,30798],{"class":279,"line":919},[277,30783,879],{"class":283},[277,30785,41],{"class":287},[277,30787,12785],{"class":291},[277,30789,298],{"class":283},[277,30791,30027],{"class":301},[277,30793,4317],{"class":291},[277,30795,298],{"class":283},[277,30797,30034],{"class":301},[277,30799,305],{"class":283},[277,30801,30802],{"class":279,"line":929},[277,30803,30041],{"class":283},[277,30805,30806,30808,30810,30812,30814,30816,30818,30820],{"class":279,"line":934},[277,30807,26686],{"class":283},[277,30809,277],{"class":287},[277,30811,834],{"class":291},[277,30813,298],{"class":283},[277,30815,30054],{"class":301},[277,30817,30057],{"class":283},[277,30819,277],{"class":287},[277,30821,305],{"class":283},[277,30823,30824,30826,30828],{"class":279,"line":951},[277,30825,4175],{"class":283},[277,30827,41],{"class":287},[277,30829,305],{"class":283},[277,30831,30832,30834,30836],{"class":279,"line":961},[277,30833,922],{"class":283},[277,30835,38],{"class":287},[277,30837,305],{"class":283},[277,30839,30840,30842,30844],{"class":279,"line":1473},[277,30841,954],{"class":283},[277,30843,4121],{"class":287},[277,30845,305],{"class":283},[277,30847,30848,30850,30852],{"class":279,"line":1478},[277,30849,785],{"class":283},[277,30851,802],{"class":287},[277,30853,305],{"class":283},[30,30855,1596],{"id":1595},[21,30857,30858,30860],{},[16,30859,17971],{}," es la forma idiomática en Vue 3 para sincronizar UI y estado en formularios y componentes.",[21,30862,30863],{},"Úsalo para reducir boilerplate y mantener consistencia, pero evita convertirlo en un atajo para lógica de negocio compleja.",[21,30865,21824],{},[38,30867,30868,30874,30883,30893],{},[41,30869,30870,30871,30873],{},"En inputs nativos, simplifica ",[16,30872,28154],{}," + eventos.",[41,30875,30876,30877,5245,30879,28409,30881,104],{},"En componentes, respeta ",[16,30878,28231],{},[16,30880,28237],{},[16,30882,28412],{},[41,30884,30885,30886,225,30888,225,30890,30892],{},"Aplica modificadores (",[16,30887,28256],{},[16,30889,28261],{},[16,30891,28266],{},") cuando mejoren la calidad de los datos o el rendimiento.",[41,30894,30895],{},"Mantén el flujo de datos claro y explícito cuando el dominio lo requiera.",[1606,30897,3118],{},{"title":273,"searchDepth":308,"depth":308,"links":30899},[30900,30901,30905,30906,30907,30914,30915,30917,30918,30922],{"id":20624,"depth":308,"text":20625},{"id":60,"depth":308,"text":61,"children":30902},[30903,30904],{"id":28174,"depth":324,"text":28175},{"id":28219,"depth":324,"text":28220},{"id":128,"depth":308,"text":129},{"id":155,"depth":308,"text":156},{"id":189,"depth":308,"text":190,"children":30908},[30909,30910,30912,30913],{"id":28337,"depth":324,"text":28338},{"id":28420,"depth":324,"text":30911},"2) Enlazar v-model a expresiones no escribibles",{"id":28494,"depth":324,"text":28495},{"id":28523,"depth":324,"text":28524},{"id":28535,"depth":308,"text":28536},{"id":28797,"depth":308,"text":30916},"2) Input numérico con v-model.number",{"id":29084,"depth":308,"text":29085},{"id":29345,"depth":308,"text":29346,"children":30919},[30920,30921],{"id":26861,"depth":324,"text":26862},{"id":27451,"depth":324,"text":27452},{"id":1595,"depth":308,"text":1596},"https://res.cloudinary.com/denj4fg7f/image/upload/v1771265788/directives-vue-v-model-guide_ticgya.png","Imagen temporal para portada del artículo sobre v-model en Vue","2026-02-16","Aprende a usar v-model en Vue 3 para formularios y componentes personalizados, con Composition API y Options API, casos reales, errores comunes y buenas practicas.",{"script":30928},[30929],{"type":1632,"key":1633,"data-nuxt-schema-org":327,"nodes":30930},[30931],{"headline":30932,"author":30933,"datePublished":30934,"@type":1640},"Directiva v-model en Vue: guía completa para formularios y componentes",{"name":1637,"@type":1638},"2026-02-16T13:30:00-05:00",{"updatedAt":30934,"coverCaption":17759,"author":1637,"keywords":30936},[1645,17971,30937,30938,271,971],"formularios","two-way binding","/blog/directives-vue-v-model-guide.es",[30941],{"headline":30932,"author":30942,"datePublished":30934,"@type":1640},{"name":1637,"@type":1638},{"title":28121,"description":30926},"blog/directives-vue-v-model-guide.es",[30946,30947,30950,30951],{"tag":20588,"color":20589},{"tag":30948,"color":30949},"Formularios","#E67E22",{"tag":3167,"color":3168},{"tag":9074,"color":9075},"AgIU1gU24ojbR94ulA9qthmIdF_QyUDb-9NFjzZ8Bck",{"id":30954,"title":30955,"body":30956,"cover":33955,"coverAlt":33956,"date":33957,"description":33958,"draft":1627,"extension":1628,"head":33959,"locale":1641,"meta":33967,"navigation":327,"path":33971,"schemaOrg":33972,"seo":33975,"series":20582,"seriesDescription":20583,"seriesOrder":346,"seriesTitle":20584,"slug":1656,"stem":33976,"tags":33977,"__hash__":33983},"blog/blog/directives-vue-v-on-guide.es.md","Directivas en Vue: v-on",{"type":8,"value":30957,"toc":33932},[30958,30963,30971,30973,30981,30992,30999,31001,31004,31039,31042,31072,31077,31132,31134,31139,31141,31172,31174,31179,31192,31197,31199,31203,31205,31238,31245,31274,31281,31283,31310,31312,31342,31349,31353,31356,31421,31424,31455,31458,31465,31467,31496,31498,31526,31532,31534,31538,31641,31750,31756,31964,32177,32181,32322,32470,32474,32597,32729,32731,32734,32753,33361,33893,33895,33900,33903,33929],[11,30959,20605,30961],{"id":30960},"directivas-en-vue-v-on",[16,30962,17977],{},[21,30964,30965,30967,30968,30970],{},[16,30966,17977],{}," conecta eventos del DOM o de componentes con funciones de tu app.\nCuando el usuario hace clic, escribe o pulsa una tecla, ",[16,30969,17977],{}," dispara la lógica que definiste.",[30,30972,20625],{"id":20624},[21,30974,15938,30975,30977,30978,30980],{},[16,30976,17977],{},", una interfaz no responde a la interacción del usuario.\nCon ",[16,30979,17977],{},", puedes:",[38,30982,30983,30986,30989],{},[41,30984,30985],{},"Capturar acciones del usuario sin manipular el DOM manualmente.",[41,30987,30988],{},"Mantener la interacción declarativa y legible en el template.",[41,30990,30991],{},"Separar estado, renderizado y comportamiento de forma consistente con Vue.",[3111,30993,30994],{},[21,30995,30996,30998],{},[16,30997,17977],{}," es la base de botones, formularios, atajos de teclado y comunicación entre componentes vía eventos.",[30,31000,24653],{"id":24652},[21,31002,31003],{},"La forma larga:",[267,31005,31007],{"className":269,"code":31006,"filename":9339,"language":272,"meta":273,"style":273},"\u003Cbutton v-on:click=\"increment\">Sumar\u003C/button>\n",[16,31008,31009],{"__ignoreMap":273},[277,31010,31011,31013,31015,31018,31020,31023,31025,31027,31030,31032,31035,31037],{"class":279,"line":280},[277,31012,284],{"class":283},[277,31014,4267],{"class":287},[277,31016,31017],{"class":291}," v-on",[277,31019,353],{"class":283},[277,31021,31022],{"class":291},"click",[277,31024,298],{"class":283},[277,31026,866],{"class":301},[277,31028,31029],{"class":283},"increment",[277,31031,866],{"class":301},[277,31033,31034],{"class":283},">Sumar\u003C/",[277,31036,4267],{"class":287},[277,31038,305],{"class":283},[21,31040,31041],{},"La forma corta recomendada:",[267,31043,31045],{"className":269,"code":31044,"filename":9339,"language":272,"meta":273,"style":273},"\u003Cbutton @click=\"increment\">Sumar\u003C/button>\n",[16,31046,31047],{"__ignoreMap":273},[277,31048,31049,31051,31053,31056,31058,31060,31062,31064,31066,31068,31070],{"class":279,"line":280},[277,31050,284],{"class":283},[277,31052,4267],{"class":287},[277,31054,31055],{"class":283}," @",[277,31057,31022],{"class":291},[277,31059,298],{"class":283},[277,31061,866],{"class":301},[277,31063,31029],{"class":283},[277,31065,866],{"class":301},[277,31067,31034],{"class":283},[277,31069,4267],{"class":287},[277,31071,305],{"class":283},[21,31073,31074,31076],{},[16,31075,17977],{}," admite:",[38,31078,31079,31092,31101,31116],{},[41,31080,31081,31082,225,31084,225,31086,225,31089,1895],{},"Eventos nativos (",[16,31083,31022],{},[16,31085,18041],{},[16,31087,31088],{},"submit",[16,31090,31091],{},"keydown",[41,31093,31094,31095,225,31098,1895],{},"Eventos emitidos por componentes (",[16,31096,31097],{},"@save",[16,31099,31100],{},"@close",[41,31102,31103,31104,225,31107,225,31110,225,31113,1895],{},"Modificadores de evento (",[16,31105,31106],{},".prevent",[16,31108,31109],{},".stop",[16,31111,31112],{},".once",[16,31114,31115],{},".self",[41,31117,31118,31119,225,31122,31125,31126,225,31129,1808],{},"Modificadores de teclado (",[16,31120,31121],{},".enter",[16,31123,31124],{},".esc",", combinaciones con ",[16,31127,31128],{},"ctrl",[16,31130,31131],{},"shift",[30,31133,129],{"id":128},[21,31135,20777,31136,31138],{},[16,31137,17977],{}," cuando necesites reaccionar a acciones del usuario o a eventos de componentes.",[21,31140,3305],{},[38,31142,31143,31149,31155,31161,31166],{},[41,31144,31145,31146,1895],{},"Botones de acción (",[16,31147,31148],{},"@click=\"createTask\"",[41,31150,31151,31152,1895],{},"Formularios (",[16,31153,31154],{},"@submit.prevent=\"submitForm\"",[41,31156,31157,31158,1895],{},"Inputs en tiempo real (",[16,31159,31160],{},"@input=\"handleSearch\"",[41,31162,17808,31163,1895],{},[16,31164,31165],{},"@keydown.ctrl.enter=\"publish\"",[41,31167,31168,31169,1895],{},"Eventos personalizados desde componentes hijos (",[16,31170,31171],{},"@save=\"persistTask\"",[30,31173,156],{"id":155},[21,31175,7664,31176,31178],{},[16,31177,17977],{}," en estos casos:",[38,31180,31181,31184,31189],{},[41,31182,31183],{},"Cuando no hay interacción real y el contenido es completamente estático.",[41,31185,31186,31187,104],{},"Cuando colocas demasiada lógica inline en el template; es mejor moverla a funciones o ",[16,31188,1732],{},[41,31190,31191],{},"Cuando intentas “resolver” seguridad con eventos del frontend: la validación real debe ocurrir en backend.",[3111,31193,31194],{},[21,31195,31196],{},"También evita encadenar muchos modificadores sin una intención clara, porque dificulta el mantenimiento.",[30,31198,190],{"id":189},[192,31200,31202],{"id":31201},"_1-ejecutar-la-función-en-vez-de-referenciarla","1) Ejecutar la función en vez de referenciarla",[21,31204,24892],{},[267,31206,31208],{"className":269,"code":31207,"filename":28344,"language":272,"meta":273,"style":273},"\u003Cbutton @click=\"saveTask()\">Guardar\u003C/button>\n",[16,31209,31210],{"__ignoreMap":273},[277,31211,31212,31214,31216,31218,31220,31222,31224,31227,31229,31231,31234,31236],{"class":279,"line":280},[277,31213,284],{"class":283},[277,31215,4267],{"class":287},[277,31217,31055],{"class":283},[277,31219,31022],{"class":291},[277,31221,298],{"class":283},[277,31223,866],{"class":301},[277,31225,31226],{"class":291},"saveTask",[277,31228,28452],{"class":283},[277,31230,866],{"class":301},[277,31232,31233],{"class":283},">Guardar\u003C/",[277,31235,4267],{"class":287},[277,31237,305],{"class":283},[21,31239,31240,31241,31244],{},"Esto ",[72,31242,31243],{},"es válido",", pero si no necesitas argumentos, suele ser más limpio:",[267,31246,31248],{"className":269,"code":31247,"filename":28470,"language":272,"meta":273,"style":273},"\u003Cbutton @click=\"saveTask\">Guardar\u003C/button>\n",[16,31249,31250],{"__ignoreMap":273},[277,31251,31252,31254,31256,31258,31260,31262,31264,31266,31268,31270,31272],{"class":279,"line":280},[277,31253,284],{"class":283},[277,31255,4267],{"class":287},[277,31257,31055],{"class":283},[277,31259,31022],{"class":291},[277,31261,298],{"class":283},[277,31263,866],{"class":301},[277,31265,31226],{"class":283},[277,31267,866],{"class":301},[277,31269,31233],{"class":283},[277,31271,4267],{"class":287},[277,31273,305],{"class":283},[192,31275,31277,31278,31280],{"id":31276},"_2-olvidar-prevent-en-formularios","2) Olvidar ",[16,31279,31106],{}," en formularios",[21,31282,24892],{},[267,31284,31286],{"className":269,"code":31285,"filename":28344,"language":272,"meta":273,"style":273},"\u003Cform @submit=\"submitForm\">\n",[16,31287,31288],{"__ignoreMap":273},[277,31289,31290,31292,31295,31297,31299,31301,31303,31306,31308],{"class":279,"line":280},[277,31291,284],{"class":283},[277,31293,31294],{"class":287},"form",[277,31296,31055],{"class":283},[277,31298,31088],{"class":291},[277,31300,298],{"class":283},[277,31302,866],{"class":301},[277,31304,31305],{"class":283},"submitForm",[277,31307,866],{"class":301},[277,31309,305],{"class":283},[21,31311,28466],{},[267,31313,31315],{"className":269,"code":31314,"filename":28470,"language":272,"meta":273,"style":273},"\u003Cform @submit.prevent=\"submitForm\">\n",[16,31316,31317],{"__ignoreMap":273},[277,31318,31319,31321,31323,31325,31327,31329,31332,31334,31336,31338,31340],{"class":279,"line":280},[277,31320,284],{"class":283},[277,31322,31294],{"class":287},[277,31324,31055],{"class":283},[277,31326,31088],{"class":291},[277,31328,104],{"class":283},[277,31330,31331],{"class":291},"prevent",[277,31333,298],{"class":283},[277,31335,866],{"class":301},[277,31337,31305],{"class":283},[277,31339,866],{"class":301},[277,31341,305],{"class":283},[3111,31343,31344],{},[21,31345,15938,31346,31348],{},[16,31347,31106],{},", el navegador recarga la página por defecto.",[192,31350,31352],{"id":31351},"_3-poner-demasiada-lógica-dentro-del-template","3) Poner demasiada lógica dentro del template",[21,31354,31355],{},"Evitar:",[267,31357,31359],{"className":269,"code":31358,"filename":28344,"language":272,"meta":273,"style":273},"\u003Cbutton @click=\"isAdmin && canEdit && !isLocked ? publishNow() : showWarning()\">\n Publicar\n\u003C/button>\n",[16,31360,31361,31408,31413],{"__ignoreMap":273},[277,31362,31363,31365,31367,31369,31371,31373,31375,31378,31380,31383,31385,31387,31390,31392,31395,31397,31399,31402,31404,31406],{"class":279,"line":280},[277,31364,284],{"class":283},[277,31366,4267],{"class":287},[277,31368,31055],{"class":283},[277,31370,31022],{"class":291},[277,31372,298],{"class":283},[277,31374,866],{"class":301},[277,31376,31377],{"class":283},"isAdmin ",[277,31379,2310],{"class":311},[277,31381,31382],{"class":283}," canEdit ",[277,31384,2310],{"class":311},[277,31386,2288],{"class":311},[277,31388,31389],{"class":283},"isLocked ",[277,31391,2285],{"class":311},[277,31393,31394],{"class":291}," publishNow",[277,31396,8129],{"class":283},[277,31398,353],{"class":311},[277,31400,31401],{"class":291}," showWarning",[277,31403,28452],{"class":283},[277,31405,866],{"class":301},[277,31407,305],{"class":283},[277,31409,31410],{"class":279,"line":308},[277,31411,31412],{"class":283}," Publicar\n",[277,31414,31415,31417,31419],{"class":279,"line":324},[277,31416,785],{"class":283},[277,31418,4267],{"class":287},[277,31420,305],{"class":283},[21,31422,31423],{},"Mejor:",[267,31425,31427],{"className":269,"code":31426,"filename":28470,"language":272,"meta":273,"style":273},"\u003Cbutton @click=\"handlePublishClick\">Publicar\u003C/button>\n",[16,31428,31429],{"__ignoreMap":273},[277,31430,31431,31433,31435,31437,31439,31441,31443,31446,31448,31451,31453],{"class":279,"line":280},[277,31432,284],{"class":283},[277,31434,4267],{"class":287},[277,31436,31055],{"class":283},[277,31438,31022],{"class":291},[277,31440,298],{"class":283},[277,31442,866],{"class":301},[277,31444,31445],{"class":283},"handlePublishClick",[277,31447,866],{"class":301},[277,31449,31450],{"class":283},">Publicar\u003C/",[277,31452,4267],{"class":287},[277,31454,305],{"class":283},[21,31456,31457],{},"Y mover la decisión a una función clara en el script.",[192,31459,31461,31462,31464],{"id":31460},"_4-usar-event-sin-declararlo","4) Usar ",[16,31463,2337],{}," sin declararlo",[21,31466,24892],{},[267,31468,31470],{"className":269,"code":31469,"filename":28344,"language":272,"meta":273,"style":273},"\u003Cinput @input=\"onInput(event)\" />\n",[16,31471,31472],{"__ignoreMap":273},[277,31473,31474,31476,31478,31480,31482,31484,31486,31489,31492,31494],{"class":279,"line":280},[277,31475,284],{"class":283},[277,31477,18041],{"class":287},[277,31479,31055],{"class":283},[277,31481,18041],{"class":291},[277,31483,298],{"class":283},[277,31485,866],{"class":301},[277,31487,31488],{"class":291},"onInput",[277,31490,31491],{"class":283},"(event)",[277,31493,866],{"class":301},[277,31495,4325],{"class":283},[21,31497,28466],{},[267,31499,31501],{"className":269,"code":31500,"filename":28470,"language":272,"meta":273,"style":273},"\u003Cinput @input=\"onInput($event)\" />\n",[16,31502,31503],{"__ignoreMap":273},[277,31504,31505,31507,31509,31511,31513,31515,31517,31519,31522,31524],{"class":279,"line":280},[277,31506,284],{"class":283},[277,31508,18041],{"class":287},[277,31510,31055],{"class":283},[277,31512,18041],{"class":291},[277,31514,298],{"class":283},[277,31516,866],{"class":301},[277,31518,31488],{"class":291},[277,31520,31521],{"class":283},"($event)",[277,31523,866],{"class":301},[277,31525,4325],{"class":283},[21,31527,31528,31529,31531],{},"O mejor aún, tipar el evento y leer ",[16,31530,1783],{}," de forma segura en TypeScript.",[30,31533,1946],{"id":1945},[192,31535,31537],{"id":31536},"_1-click-simple-para-actualizar-estado","1) Click simple para actualizar estado",[267,31539,31542],{"className":269,"code":31540,"filename":271,"highlights":31541,"language":272,"meta":273,"style":273},"\u003Cscript setup lang=\"ts\">\nimport { ref } from \"vue\";\n\nconst count = ref(0);\n\u003C/script>\n\n\u003Ctemplate>\n \u003Cbutton @click=\"count++\">Clicks: {{ count }}\u003C/button>\n\u003C/template>\n",[331,381],[16,31543,31544,31560,31572,31576,31593,31601,31605,31613,31633],{"__ignoreMap":273},[277,31545,31546,31548,31550,31552,31554,31556,31558],{"class":279,"line":280},[277,31547,284],{"class":283},[277,31549,288],{"class":287},[277,31551,292],{"class":291},[277,31553,295],{"class":291},[277,31555,298],{"class":283},[277,31557,302],{"class":301},[277,31559,305],{"class":283},[277,31561,31562,31564,31566,31568,31570],{"class":279,"line":308},[277,31563,312],{"class":311},[277,31565,11006],{"class":283},[277,31567,318],{"class":311},[277,31569,18148],{"class":301},[277,31571,18151],{"class":283},[277,31573,31574],{"class":279,"line":324},[277,31575,328],{"emptyLinePlaceholder":327},[277,31577,31579,31581,31583,31585,31587,31589,31591],{"class":31578,"line":331},[279,9398],[277,31580,405],{"class":311},[277,31582,9380],{"class":356},[277,31584,340],{"class":311},[277,31586,413],{"class":291},[277,31588,448],{"class":283},[277,31590,3542],{"class":356},[277,31592,18277],{"class":283},[277,31594,31595,31597,31599],{"class":279,"line":346},[277,31596,785],{"class":283},[277,31598,288],{"class":287},[277,31600,305],{"class":283},[277,31602,31603],{"class":279,"line":360},[277,31604,328],{"emptyLinePlaceholder":327},[277,31606,31607,31609,31611],{"class":279,"line":371},[277,31608,284],{"class":283},[277,31610,802],{"class":287},[277,31612,305],{"class":283},[277,31614,31616,31618,31620,31622,31624,31626,31629,31631],{"class":31615,"line":381},[279,9398],[277,31617,810],{"class":283},[277,31619,4267],{"class":287},[277,31621,4278],{"class":291},[277,31623,298],{"class":283},[277,31625,12464],{"class":301},[277,31627,31628],{"class":283},">Clicks: {{ count }}\u003C/",[277,31630,4267],{"class":287},[277,31632,305],{"class":283},[277,31634,31635,31637,31639],{"class":279,"line":391},[277,31636,785],{"class":283},[277,31638,802],{"class":287},[277,31640,305],{"class":283},[267,31642,31645],{"className":269,"code":31643,"filename":971,"highlights":31644,"language":272,"meta":273,"style":273},"\u003Cscript lang=\"ts\">\nexport default {\n data() {\n return {\n count: 0,\n };\n },\n};\n\u003C/script>\n\n\u003Ctemplate>\n \u003Cbutton @click=\"count++\">Clicks: {{ count }}\u003C/button>\n\u003C/template>\n",[346,436],[16,31646,31647,31661,31669,31675,31681,31691,31695,31699,31703,31711,31715,31723,31742],{"__ignoreMap":273},[277,31648,31649,31651,31653,31655,31657,31659],{"class":279,"line":280},[277,31650,284],{"class":283},[277,31652,288],{"class":287},[277,31654,295],{"class":291},[277,31656,298],{"class":283},[277,31658,302],{"class":301},[277,31660,305],{"class":283},[277,31662,31663,31665,31667],{"class":279,"line":308},[277,31664,1057],{"class":311},[277,31666,1060],{"class":311},[277,31668,343],{"class":283},[277,31670,31671,31673],{"class":279,"line":324},[277,31672,1086],{"class":291},[277,31674,473],{"class":283},[277,31676,31677,31679],{"class":279,"line":331},[277,31678,1093],{"class":311},[277,31680,343],{"class":283},[277,31682,31684,31687,31689],{"class":31683,"line":346},[279,9398],[277,31685,31686],{"class":283}," count: ",[277,31688,3542],{"class":356},[277,31690,1077],{"class":283},[277,31692,31693],{"class":279,"line":360},[277,31694,18478],{"class":283},[277,31696,31697],{"class":279,"line":371},[277,31698,1131],{"class":283},[277,31700,31701],{"class":279,"line":381},[277,31702,18255],{"class":283},[277,31704,31705,31707,31709],{"class":279,"line":391},[277,31706,785],{"class":283},[277,31708,288],{"class":287},[277,31710,305],{"class":283},[277,31712,31713],{"class":279,"line":397},[277,31714,328],{"emptyLinePlaceholder":327},[277,31716,31717,31719,31721],{"class":279,"line":402},[277,31718,284],{"class":283},[277,31720,802],{"class":287},[277,31722,305],{"class":283},[277,31724,31726,31728,31730,31732,31734,31736,31738,31740],{"class":31725,"line":436},[279,9398],[277,31727,810],{"class":283},[277,31729,4267],{"class":287},[277,31731,4278],{"class":291},[277,31733,298],{"class":283},[277,31735,12464],{"class":301},[277,31737,31628],{"class":283},[277,31739,4267],{"class":287},[277,31741,305],{"class":283},[277,31743,31744,31746,31748],{"class":279,"line":456},[277,31745,785],{"class":283},[277,31747,802],{"class":287},[277,31749,305],{"class":283},[192,31751,31753,31754],{"id":31752},"_2-submit-de-formulario-con-prevent","2) Submit de formulario con ",[16,31755,31106],{},[267,31757,31760],{"className":269,"code":31758,"filename":271,"highlights":31759,"language":272,"meta":273,"style":273},"\u003Cscript setup lang=\"ts\">\nimport { ref } from \"vue\";\n\nconst email = ref(\"\");\n\nfunction submitForm() {\n if (!email.value.trim()) return;\n console.log(\"Enviar:\", email.value);\n}\n\u003C/script>\n\n\u003Ctemplate>\n \u003Cform @submit.prevent=\"submitForm\">\n \u003Cinput v-model=\"email\" type=\"email\" placeholder=\"tu@email.com\" />\n \u003Cbutton type=\"submit\">Enviar\u003C/button>\n \u003C/form>\n\u003C/template>\n",[456],[16,31761,31762,31778,31790,31794,31811,31815,31824,31844,31858,31862,31870,31874,31882,31899,31928,31948,31956],{"__ignoreMap":273},[277,31763,31764,31766,31768,31770,31772,31774,31776],{"class":279,"line":280},[277,31765,284],{"class":283},[277,31767,288],{"class":287},[277,31769,292],{"class":291},[277,31771,295],{"class":291},[277,31773,298],{"class":283},[277,31775,302],{"class":301},[277,31777,305],{"class":283},[277,31779,31780,31782,31784,31786,31788],{"class":279,"line":308},[277,31781,312],{"class":311},[277,31783,11006],{"class":283},[277,31785,318],{"class":311},[277,31787,18148],{"class":301},[277,31789,18151],{"class":283},[277,31791,31792],{"class":279,"line":324},[277,31793,328],{"emptyLinePlaceholder":327},[277,31795,31796,31798,31801,31803,31805,31807,31809],{"class":279,"line":331},[277,31797,405],{"class":311},[277,31799,31800],{"class":356}," email",[277,31802,340],{"class":311},[277,31804,413],{"class":291},[277,31806,448],{"class":283},[277,31808,25316],{"class":301},[277,31810,18277],{"class":283},[277,31812,31813],{"class":279,"line":346},[277,31814,328],{"emptyLinePlaceholder":327},[277,31816,31817,31819,31822],{"class":279,"line":360},[277,31818,2460],{"class":311},[277,31820,31821],{"class":291}," submitForm",[277,31823,473],{"class":283},[277,31825,31826,31828,31830,31832,31835,31838,31840,31842],{"class":279,"line":371},[277,31827,508],{"class":311},[277,31829,511],{"class":283},[277,31831,514],{"class":311},[277,31833,31834],{"class":283},"email.value.",[277,31836,31837],{"class":291},"trim",[277,31839,569],{"class":283},[277,31841,18346],{"class":311},[277,31843,18151],{"class":283},[277,31845,31846,31848,31850,31852,31855],{"class":279,"line":381},[277,31847,2349],{"class":283},[277,31849,2352],{"class":291},[277,31851,448],{"class":283},[277,31853,31854],{"class":301},"\"Enviar:\"",[277,31856,31857],{"class":283},", email.value);\n",[277,31859,31860],{"class":279,"line":391},[277,31861,394],{"class":283},[277,31863,31864,31866,31868],{"class":279,"line":397},[277,31865,785],{"class":283},[277,31867,288],{"class":287},[277,31869,305],{"class":283},[277,31871,31872],{"class":279,"line":402},[277,31873,328],{"emptyLinePlaceholder":327},[277,31875,31876,31878,31880],{"class":279,"line":436},[277,31877,284],{"class":283},[277,31879,802],{"class":287},[277,31881,305],{"class":283},[277,31883,31885,31887,31889,31892,31894,31897],{"class":31884,"line":456},[279,9398],[277,31886,810],{"class":283},[277,31888,31294],{"class":287},[277,31890,31891],{"class":291}," @submit.prevent",[277,31893,298],{"class":283},[277,31895,31896],{"class":301},"\"submitForm\"",[277,31898,305],{"class":283},[277,31900,31901,31903,31905,31907,31909,31912,31914,31916,31918,31921,31923,31926],{"class":279,"line":461},[277,31902,829],{"class":283},[277,31904,18041],{"class":287},[277,31906,23751],{"class":291},[277,31908,298],{"class":283},[277,31910,31911],{"class":301},"\"email\"",[277,31913,4270],{"class":291},[277,31915,298],{"class":283},[277,31917,31911],{"class":301},[277,31919,31920],{"class":291}," placeholder",[277,31922,298],{"class":283},[277,31924,31925],{"class":301},"\"tu@email.com\"",[277,31927,4325],{"class":283},[277,31929,31930,31932,31934,31936,31938,31941,31944,31946],{"class":279,"line":476},[277,31931,829],{"class":283},[277,31933,4267],{"class":287},[277,31935,4270],{"class":291},[277,31937,298],{"class":283},[277,31939,31940],{"class":301},"\"submit\"",[277,31942,31943],{"class":283},">Enviar\u003C/",[277,31945,4267],{"class":287},[277,31947,305],{"class":283},[277,31949,31950,31952,31954],{"class":279,"line":500},[277,31951,954],{"class":283},[277,31953,31294],{"class":287},[277,31955,305],{"class":283},[277,31957,31958,31960,31962],{"class":279,"line":505},[277,31959,785],{"class":283},[277,31961,802],{"class":287},[277,31963,305],{"class":283},[267,31965,31968],{"className":269,"code":31966,"filename":971,"highlights":31967,"language":272,"meta":273,"style":273},"\u003Cscript lang=\"ts\">\nexport default {\n data() {\n return {\n email: \"\",\n };\n },\n methods: {\n submitForm() {\n if (!this.email.trim()) return;\n console.log(\"Enviar:\", this.email);\n },\n },\n};\n\u003C/script>\n\n\u003Ctemplate>\n \u003Cform @submit.prevent=\"submitForm\">\n \u003Cinput v-model=\"email\" type=\"email\" placeholder=\"tu@email.com\" />\n \u003Cbutton type=\"submit\">Enviar\u003C/button>\n \u003C/form>\n\u003C/template>\n",[520],[16,31969,31970,31984,31992,31998,32004,32013,32017,32021,32025,32032,32053,32070,32074,32078,32082,32090,32094,32102,32117,32143,32161,32169],{"__ignoreMap":273},[277,31971,31972,31974,31976,31978,31980,31982],{"class":279,"line":280},[277,31973,284],{"class":283},[277,31975,288],{"class":287},[277,31977,295],{"class":291},[277,31979,298],{"class":283},[277,31981,302],{"class":301},[277,31983,305],{"class":283},[277,31985,31986,31988,31990],{"class":279,"line":308},[277,31987,1057],{"class":311},[277,31989,1060],{"class":311},[277,31991,343],{"class":283},[277,31993,31994,31996],{"class":279,"line":324},[277,31995,1086],{"class":291},[277,31997,473],{"class":283},[277,31999,32000,32002],{"class":279,"line":331},[277,32001,1093],{"class":311},[277,32003,343],{"class":283},[277,32005,32006,32009,32011],{"class":279,"line":346},[277,32007,32008],{"class":283}," email: ",[277,32010,25316],{"class":301},[277,32012,1077],{"class":283},[277,32014,32015],{"class":279,"line":360},[277,32016,18478],{"class":283},[277,32018,32019],{"class":279,"line":371},[277,32020,1131],{"class":283},[277,32022,32023],{"class":279,"line":381},[277,32024,1140],{"class":283},[277,32026,32027,32030],{"class":279,"line":391},[277,32028,32029],{"class":291}," submitForm",[277,32031,473],{"class":283},[277,32033,32034,32036,32038,32040,32042,32045,32047,32049,32051],{"class":279,"line":397},[277,32035,1177],{"class":311},[277,32037,511],{"class":283},[277,32039,514],{"class":311},[277,32041,1341],{"class":356},[277,32043,32044],{"class":283},".email.",[277,32046,31837],{"class":291},[277,32048,569],{"class":283},[277,32050,18346],{"class":311},[277,32052,18151],{"class":283},[277,32054,32055,32057,32059,32061,32063,32065,32067],{"class":279,"line":402},[277,32056,14529],{"class":283},[277,32058,2352],{"class":291},[277,32060,448],{"class":283},[277,32062,31854],{"class":301},[277,32064,225],{"class":283},[277,32066,1341],{"class":356},[277,32068,32069],{"class":283},".email);\n",[277,32071,32072],{"class":279,"line":436},[277,32073,7016],{"class":283},[277,32075,32076],{"class":279,"line":456},[277,32077,1131],{"class":283},[277,32079,32080],{"class":279,"line":461},[277,32081,18255],{"class":283},[277,32083,32084,32086,32088],{"class":279,"line":476},[277,32085,785],{"class":283},[277,32087,288],{"class":287},[277,32089,305],{"class":283},[277,32091,32092],{"class":279,"line":500},[277,32093,328],{"emptyLinePlaceholder":327},[277,32095,32096,32098,32100],{"class":279,"line":505},[277,32097,284],{"class":283},[277,32099,802],{"class":287},[277,32101,305],{"class":283},[277,32103,32105,32107,32109,32111,32113,32115],{"class":32104,"line":520},[279,9398],[277,32106,810],{"class":283},[277,32108,31294],{"class":287},[277,32110,31891],{"class":291},[277,32112,298],{"class":283},[277,32114,31896],{"class":301},[277,32116,305],{"class":283},[277,32118,32119,32121,32123,32125,32127,32129,32131,32133,32135,32137,32139,32141],{"class":279,"line":539},[277,32120,829],{"class":283},[277,32122,18041],{"class":287},[277,32124,23751],{"class":291},[277,32126,298],{"class":283},[277,32128,31911],{"class":301},[277,32130,4270],{"class":291},[277,32132,298],{"class":283},[277,32134,31911],{"class":301},[277,32136,31920],{"class":291},[277,32138,298],{"class":283},[277,32140,31925],{"class":301},[277,32142,4325],{"class":283},[277,32144,32145,32147,32149,32151,32153,32155,32157,32159],{"class":279,"line":545},[277,32146,829],{"class":283},[277,32148,4267],{"class":287},[277,32150,4270],{"class":291},[277,32152,298],{"class":283},[277,32154,31940],{"class":301},[277,32156,31943],{"class":283},[277,32158,4267],{"class":287},[277,32160,305],{"class":283},[277,32162,32163,32165,32167],{"class":279,"line":550},[277,32164,954],{"class":283},[277,32166,31294],{"class":287},[277,32168,305],{"class":283},[277,32170,32171,32173,32175],{"class":279,"line":578},[277,32172,785],{"class":283},[277,32174,802],{"class":287},[277,32176,305],{"class":283},[192,32178,32180],{"id":32179},"_3-atajo-de-teclado-con-modificadores","3) Atajo de teclado con modificadores",[267,32182,32185],{"className":269,"code":32183,"filename":271,"highlights":32184,"language":272,"meta":273,"style":273},"\u003Cscript setup lang=\"ts\">\nimport { ref } from \"vue\";\n\nconst note = ref(\"\");\n\nfunction saveDraft() {\n console.log(\"Borrador guardado:\", note.value);\n}\n\u003C/script>\n\n\u003Ctemplate>\n \u003Ctextarea v-model=\"note\" @keydown.ctrl.enter.prevent=\"saveDraft\" />\n\u003C/template>\n",[436],[16,32186,32187,32203,32215,32219,32236,32240,32249,32263,32267,32275,32279,32287,32314],{"__ignoreMap":273},[277,32188,32189,32191,32193,32195,32197,32199,32201],{"class":279,"line":280},[277,32190,284],{"class":283},[277,32192,288],{"class":287},[277,32194,292],{"class":291},[277,32196,295],{"class":291},[277,32198,298],{"class":283},[277,32200,302],{"class":301},[277,32202,305],{"class":283},[277,32204,32205,32207,32209,32211,32213],{"class":279,"line":308},[277,32206,312],{"class":311},[277,32208,11006],{"class":283},[277,32210,318],{"class":311},[277,32212,18148],{"class":301},[277,32214,18151],{"class":283},[277,32216,32217],{"class":279,"line":324},[277,32218,328],{"emptyLinePlaceholder":327},[277,32220,32221,32223,32226,32228,32230,32232,32234],{"class":279,"line":331},[277,32222,405],{"class":311},[277,32224,32225],{"class":356}," note",[277,32227,340],{"class":311},[277,32229,413],{"class":291},[277,32231,448],{"class":283},[277,32233,25316],{"class":301},[277,32235,18277],{"class":283},[277,32237,32238],{"class":279,"line":346},[277,32239,328],{"emptyLinePlaceholder":327},[277,32241,32242,32244,32247],{"class":279,"line":360},[277,32243,2460],{"class":311},[277,32245,32246],{"class":291}," saveDraft",[277,32248,473],{"class":283},[277,32250,32251,32253,32255,32257,32260],{"class":279,"line":371},[277,32252,2349],{"class":283},[277,32254,2352],{"class":291},[277,32256,448],{"class":283},[277,32258,32259],{"class":301},"\"Borrador guardado:\"",[277,32261,32262],{"class":283},", note.value);\n",[277,32264,32265],{"class":279,"line":381},[277,32266,394],{"class":283},[277,32268,32269,32271,32273],{"class":279,"line":391},[277,32270,785],{"class":283},[277,32272,288],{"class":287},[277,32274,305],{"class":283},[277,32276,32277],{"class":279,"line":397},[277,32278,328],{"emptyLinePlaceholder":327},[277,32280,32281,32283,32285],{"class":279,"line":402},[277,32282,284],{"class":283},[277,32284,802],{"class":287},[277,32286,305],{"class":283},[277,32288,32290,32292,32295,32297,32299,32302,32305,32307,32310,32312],{"class":32289,"line":436},[279,9398],[277,32291,810],{"class":283},[277,32293,32294],{"class":287},"textarea",[277,32296,23751],{"class":291},[277,32298,298],{"class":283},[277,32300,32301],{"class":301},"\"note\"",[277,32303,32304],{"class":291}," @keydown.ctrl.enter.prevent",[277,32306,298],{"class":283},[277,32308,32309],{"class":301},"\"saveDraft\"",[277,32311,25951],{"class":25950},[277,32313,305],{"class":283},[277,32315,32316,32318,32320],{"class":279,"line":456},[277,32317,785],{"class":283},[277,32319,802],{"class":287},[277,32321,305],{"class":283},[267,32323,32326],{"className":269,"code":32324,"filename":971,"highlights":32325,"language":272,"meta":273,"style":273},"\u003Cscript lang=\"ts\">\nexport default {\n data() {\n return {\n note: \"\",\n };\n },\n methods: {\n saveDraft() {\n console.log(\"Borrador guardado:\", this.note);\n },\n },\n};\n\u003C/script>\n\n\u003Ctemplate>\n \u003Ctextarea v-model=\"note\" @keydown.ctrl.enter.prevent=\"saveDraft\" />\n\u003C/template>\n",[505],[16,32327,32328,32342,32350,32356,32362,32371,32375,32379,32383,32390,32407,32411,32415,32419,32427,32431,32439,32462],{"__ignoreMap":273},[277,32329,32330,32332,32334,32336,32338,32340],{"class":279,"line":280},[277,32331,284],{"class":283},[277,32333,288],{"class":287},[277,32335,295],{"class":291},[277,32337,298],{"class":283},[277,32339,302],{"class":301},[277,32341,305],{"class":283},[277,32343,32344,32346,32348],{"class":279,"line":308},[277,32345,1057],{"class":311},[277,32347,1060],{"class":311},[277,32349,343],{"class":283},[277,32351,32352,32354],{"class":279,"line":324},[277,32353,1086],{"class":291},[277,32355,473],{"class":283},[277,32357,32358,32360],{"class":279,"line":331},[277,32359,1093],{"class":311},[277,32361,343],{"class":283},[277,32363,32364,32367,32369],{"class":279,"line":346},[277,32365,32366],{"class":283}," note: ",[277,32368,25316],{"class":301},[277,32370,1077],{"class":283},[277,32372,32373],{"class":279,"line":360},[277,32374,18478],{"class":283},[277,32376,32377],{"class":279,"line":371},[277,32378,1131],{"class":283},[277,32380,32381],{"class":279,"line":381},[277,32382,1140],{"class":283},[277,32384,32385,32388],{"class":279,"line":391},[277,32386,32387],{"class":291}," saveDraft",[277,32389,473],{"class":283},[277,32391,32392,32394,32396,32398,32400,32402,32404],{"class":279,"line":397},[277,32393,14529],{"class":283},[277,32395,2352],{"class":291},[277,32397,448],{"class":283},[277,32399,32259],{"class":301},[277,32401,225],{"class":283},[277,32403,1341],{"class":356},[277,32405,32406],{"class":283},".note);\n",[277,32408,32409],{"class":279,"line":402},[277,32410,7016],{"class":283},[277,32412,32413],{"class":279,"line":436},[277,32414,1131],{"class":283},[277,32416,32417],{"class":279,"line":456},[277,32418,18255],{"class":283},[277,32420,32421,32423,32425],{"class":279,"line":461},[277,32422,785],{"class":283},[277,32424,288],{"class":287},[277,32426,305],{"class":283},[277,32428,32429],{"class":279,"line":476},[277,32430,328],{"emptyLinePlaceholder":327},[277,32432,32433,32435,32437],{"class":279,"line":500},[277,32434,284],{"class":283},[277,32436,802],{"class":287},[277,32438,305],{"class":283},[277,32440,32442,32444,32446,32448,32450,32452,32454,32456,32458,32460],{"class":32441,"line":505},[279,9398],[277,32443,810],{"class":283},[277,32445,32294],{"class":287},[277,32447,23751],{"class":291},[277,32449,298],{"class":283},[277,32451,32301],{"class":301},[277,32453,32304],{"class":291},[277,32455,298],{"class":283},[277,32457,32309],{"class":301},[277,32459,25951],{"class":25950},[277,32461,305],{"class":283},[277,32463,32464,32466,32468],{"class":279,"line":520},[277,32465,785],{"class":283},[277,32467,802],{"class":287},[277,32469,305],{"class":283},[192,32471,32473],{"id":32472},"_4-evento-personalizado-desde-un-componente-hijo","4) Evento personalizado desde un componente hijo",[267,32475,32478],{"className":269,"code":32476,"filename":271,"highlights":32477,"language":272,"meta":273,"style":273},"\u003Cscript setup lang=\"ts\">\nimport TaskForm from \"./TaskForm.vue\";\n\nfunction handleSave(taskTitle: string) {\n console.log(\"Nueva tarea:\", taskTitle);\n}\n\u003C/script>\n\n\u003Ctemplate>\n \u003CTaskForm @save=\"handleSave\" />\n\u003C/template>\n",[331,397],[16,32479,32480,32496,32510,32514,32533,32547,32551,32559,32563,32571,32589],{"__ignoreMap":273},[277,32481,32482,32484,32486,32488,32490,32492,32494],{"class":279,"line":280},[277,32483,284],{"class":283},[277,32485,288],{"class":287},[277,32487,292],{"class":291},[277,32489,295],{"class":291},[277,32491,298],{"class":283},[277,32493,302],{"class":301},[277,32495,305],{"class":283},[277,32497,32498,32500,32503,32505,32508],{"class":279,"line":308},[277,32499,312],{"class":311},[277,32501,32502],{"class":283}," TaskForm ",[277,32504,318],{"class":311},[277,32506,32507],{"class":301}," \"./TaskForm.vue\"",[277,32509,18151],{"class":283},[277,32511,32512],{"class":279,"line":324},[277,32513,328],{"emptyLinePlaceholder":327},[277,32515,32517,32519,32522,32524,32527,32529,32531],{"class":32516,"line":331},[279,9398],[277,32518,2460],{"class":311},[277,32520,32521],{"class":291}," handleSave",[277,32523,448],{"class":283},[277,32525,32526],{"class":349},"taskTitle",[277,32528,353],{"class":311},[277,32530,21376],{"class":356},[277,32532,2476],{"class":283},[277,32534,32535,32537,32539,32541,32544],{"class":279,"line":346},[277,32536,2349],{"class":283},[277,32538,2352],{"class":291},[277,32540,448],{"class":283},[277,32542,32543],{"class":301},"\"Nueva tarea:\"",[277,32545,32546],{"class":283},", taskTitle);\n",[277,32548,32549],{"class":279,"line":360},[277,32550,394],{"class":283},[277,32552,32553,32555,32557],{"class":279,"line":371},[277,32554,785],{"class":283},[277,32556,288],{"class":287},[277,32558,305],{"class":283},[277,32560,32561],{"class":279,"line":381},[277,32562,328],{"emptyLinePlaceholder":327},[277,32564,32565,32567,32569],{"class":279,"line":391},[277,32566,284],{"class":283},[277,32568,802],{"class":287},[277,32570,305],{"class":283},[277,32572,32574,32576,32579,32582,32584,32587],{"class":32573,"line":397},[279,9398],[277,32575,810],{"class":283},[277,32577,32578],{"class":287},"TaskForm",[277,32580,32581],{"class":291}," @save",[277,32583,298],{"class":283},[277,32585,32586],{"class":301},"\"handleSave\"",[277,32588,4325],{"class":283},[277,32590,32591,32593,32595],{"class":279,"line":402},[277,32592,785],{"class":283},[277,32594,802],{"class":287},[277,32596,305],{"class":283},[267,32598,32601],{"className":269,"code":32599,"filename":971,"highlights":32600,"language":272,"meta":273,"style":273},"\u003Cscript lang=\"ts\">\nimport TaskForm from \"./TaskForm.vue\";\n\nexport default {\n components: { TaskForm },\n methods: {\n handleSave(taskTitle) {\n console.log(\"Nueva tarea:\", taskTitle);\n },\n },\n};\n\u003C/script>\n\n\u003Ctemplate>\n \u003CTaskForm @save=\"handleSave\" />\n\u003C/template>\n",[360,461],[16,32602,32603,32617,32629,32633,32641,32646,32651,32662,32674,32678,32682,32686,32694,32698,32707,32721],{"__ignoreMap":273},[277,32604,32605,32607,32609,32611,32613,32615],{"class":279,"line":280},[277,32606,284],{"class":283},[277,32608,288],{"class":287},[277,32610,295],{"class":291},[277,32612,298],{"class":283},[277,32614,302],{"class":301},[277,32616,305],{"class":283},[277,32618,32619,32621,32623,32625,32627],{"class":279,"line":308},[277,32620,312],{"class":311},[277,32622,32502],{"class":283},[277,32624,318],{"class":311},[277,32626,32507],{"class":301},[277,32628,18151],{"class":283},[277,32630,32631],{"class":279,"line":324},[277,32632,328],{"emptyLinePlaceholder":327},[277,32634,32635,32637,32639],{"class":279,"line":331},[277,32636,1057],{"class":311},[277,32638,1060],{"class":311},[277,32640,343],{"class":283},[277,32642,32643],{"class":279,"line":346},[277,32644,32645],{"class":283}," components: { TaskForm },\n",[277,32647,32649],{"class":32648,"line":360},[279,9398],[277,32650,1140],{"class":283},[277,32652,32653,32656,32658,32660],{"class":279,"line":371},[277,32654,32655],{"class":291}," handleSave",[277,32657,448],{"class":283},[277,32659,32526],{"class":349},[277,32661,2476],{"class":283},[277,32663,32664,32666,32668,32670,32672],{"class":279,"line":381},[277,32665,14529],{"class":283},[277,32667,2352],{"class":291},[277,32669,448],{"class":283},[277,32671,32543],{"class":301},[277,32673,32546],{"class":283},[277,32675,32676],{"class":279,"line":391},[277,32677,7016],{"class":283},[277,32679,32680],{"class":279,"line":397},[277,32681,1131],{"class":283},[277,32683,32684],{"class":279,"line":402},[277,32685,18255],{"class":283},[277,32687,32688,32690,32692],{"class":279,"line":436},[277,32689,785],{"class":283},[277,32691,288],{"class":287},[277,32693,305],{"class":283},[277,32695,32696],{"class":279,"line":456},[277,32697,328],{"emptyLinePlaceholder":327},[277,32699,32701,32703,32705],{"class":32700,"line":461},[279,9398],[277,32702,284],{"class":283},[277,32704,802],{"class":287},[277,32706,305],{"class":283},[277,32708,32709,32711,32713,32715,32717,32719],{"class":279,"line":476},[277,32710,810],{"class":283},[277,32712,32578],{"class":287},[277,32714,32581],{"class":291},[277,32716,298],{"class":283},[277,32718,32586],{"class":301},[277,32720,4325],{"class":283},[277,32722,32723,32725,32727],{"class":279,"line":500},[277,32724,785],{"class":283},[277,32726,802],{"class":287},[277,32728,305],{"class":283},[30,32730,1976],{"id":1975},[21,32732,32733],{},"Componente de lista de tareas con:",[38,32735,32736,32742,32747],{},[41,32737,32738,32741],{},[16,32739,32740],{},"@submit.prevent"," para crear tareas.",[41,32743,32744,32746],{},[16,32745,24784],{}," para marcar como completada.",[41,32748,32749,32752],{},[16,32750,32751],{},"@keydown.enter"," para envío rápido.",[267,32754,32756],{"className":269,"code":32755,"filename":271,"language":272,"meta":273,"style":273},"\u003Cscript setup lang=\"ts\">\nimport { computed, ref } from \"vue\";\n\ntype Task = {\n id: number;\n title: string;\n done: boolean;\n};\n\nconst draft = ref(\"\");\nconst tasks = ref\u003CTask[]>([]);\n\nconst remaining = computed(() => tasks.value.filter((task) => !task.done).length);\n\nfunction addTask() {\n const title = draft.value.trim();\n if (!title) return;\n\n tasks.value.push({\n id: Date.now(),\n title,\n done: false,\n });\n draft.value = \"\";\n}\n\nfunction toggleTask(id: number) {\n const task = tasks.value.find((item) => item.id === id);\n if (!task) return;\n task.done = !task.done;\n}\n\u003C/script>\n\n\u003Ctemplate>\n \u003Csection>\n \u003Ch2>Tareas\u003C/h2>\n \u003Cp>Pendientes: {{ remaining }}\u003C/p>\n\n \u003Cform @submit.prevent=\"addTask\">\n \u003Cinput\n v-model=\"draft\"\n type=\"text\"\n placeholder=\"Escribe una tarea y pulsa Enter\"\n @keydown.enter.prevent=\"addTask\"\n />\n \u003Cbutton type=\"submit\">Agregar\u003C/button>\n \u003C/form>\n\n \u003Cul>\n \u003Cli v-for=\"task in tasks\" :key=\"task.id\">\n \u003Cbutton @click=\"toggleTask(task.id)\">\n {{ task.done ? \"Reabrir\" : \"Completar\" }}\n \u003C/button>\n \u003Cspan :style=\"{ textDecoration: task.done ? 'line-through' : 'none' }\">\n {{ task.title }}\n \u003C/span>\n \u003C/li>\n \u003C/ul>\n \u003C/section>\n\u003C/template>\n",[16,32757,32758,32774,32786,32790,32800,32810,32820,32830,32834,32838,32855,32872,32876,32912,32916,32925,32941,32956,32960,32969,32977,32982,32991,32996,33008,33012,33016,33032,33059,33073,33084,33088,33096,33100,33108,33116,33129,33142,33146,33161,33167,33177,33186,33196,33206,33211,33230,33238,33242,33250,33272,33287,33292,33300,33316,33321,33329,33337,33345,33353],{"__ignoreMap":273},[277,32759,32760,32762,32764,32766,32768,32770,32772],{"class":279,"line":280},[277,32761,284],{"class":283},[277,32763,288],{"class":287},[277,32765,292],{"class":291},[277,32767,295],{"class":291},[277,32769,298],{"class":283},[277,32771,302],{"class":301},[277,32773,305],{"class":283},[277,32775,32776,32778,32780,32782,32784],{"class":279,"line":308},[277,32777,312],{"class":311},[277,32779,23384],{"class":283},[277,32781,318],{"class":311},[277,32783,18148],{"class":301},[277,32785,18151],{"class":283},[277,32787,32788],{"class":279,"line":324},[277,32789,328],{"emptyLinePlaceholder":327},[277,32791,32792,32794,32796,32798],{"class":279,"line":331},[277,32793,334],{"class":311},[277,32795,5630],{"class":291},[277,32797,340],{"class":311},[277,32799,343],{"class":283},[277,32801,32802,32804,32806,32808],{"class":279,"line":346},[277,32803,350],{"class":349},[277,32805,353],{"class":311},[277,32807,2473],{"class":356},[277,32809,18151],{"class":283},[277,32811,32812,32814,32816,32818],{"class":279,"line":360},[277,32813,5647],{"class":349},[277,32815,353],{"class":311},[277,32817,21376],{"class":356},[277,32819,18151],{"class":283},[277,32821,32822,32824,32826,32828],{"class":279,"line":371},[277,32823,5656],{"class":349},[277,32825,353],{"class":311},[277,32827,22553],{"class":356},[277,32829,18151],{"class":283},[277,32831,32832],{"class":279,"line":381},[277,32833,18255],{"class":283},[277,32835,32836],{"class":279,"line":391},[277,32837,328],{"emptyLinePlaceholder":327},[277,32839,32840,32842,32845,32847,32849,32851,32853],{"class":279,"line":397},[277,32841,405],{"class":311},[277,32843,32844],{"class":356}," draft",[277,32846,340],{"class":311},[277,32848,413],{"class":291},[277,32850,448],{"class":283},[277,32852,25316],{"class":301},[277,32854,18277],{"class":283},[277,32856,32857,32859,32861,32863,32865,32867,32869],{"class":279,"line":402},[277,32858,405],{"class":311},[277,32860,2097],{"class":356},[277,32862,340],{"class":311},[277,32864,413],{"class":291},[277,32866,284],{"class":283},[277,32868,5684],{"class":291},[277,32870,32871],{"class":283},"[]>([]);\n",[277,32873,32874],{"class":279,"line":436},[277,32875,328],{"emptyLinePlaceholder":327},[277,32877,32878,32880,32883,32885,32887,32889,32891,32893,32895,32897,32899,32901,32903,32905,32908,32910],{"class":279,"line":456},[277,32879,405],{"class":311},[277,32881,32882],{"class":356}," remaining",[277,32884,340],{"class":311},[277,32886,2200],{"class":291},[277,32888,2203],{"class":283},[277,32890,601],{"class":311},[277,32892,2215],{"class":283},[277,32894,2218],{"class":291},[277,32896,2334],{"class":283},[277,32898,2223],{"class":349},[277,32900,2340],{"class":283},[277,32902,601],{"class":311},[277,32904,2288],{"class":311},[277,32906,32907],{"class":283},"task.done).",[277,32909,9813],{"class":356},[277,32911,18277],{"class":283},[277,32913,32914],{"class":279,"line":461},[277,32915,328],{"emptyLinePlaceholder":327},[277,32917,32918,32920,32923],{"class":279,"line":476},[277,32919,2460],{"class":311},[277,32921,32922],{"class":291}," addTask",[277,32924,473],{"class":283},[277,32926,32927,32929,32932,32934,32937,32939],{"class":279,"line":500},[277,32928,479],{"class":311},[277,32930,32931],{"class":356}," title",[277,32933,340],{"class":311},[277,32935,32936],{"class":283}," draft.value.",[277,32938,31837],{"class":291},[277,32940,19422],{"class":283},[277,32942,32943,32945,32947,32949,32952,32954],{"class":279,"line":505},[277,32944,508],{"class":311},[277,32946,511],{"class":283},[277,32948,514],{"class":311},[277,32950,32951],{"class":283},"title) ",[277,32953,18346],{"class":311},[277,32955,18151],{"class":283},[277,32957,32958],{"class":279,"line":520},[277,32959,328],{"emptyLinePlaceholder":327},[277,32961,32962,32965,32967],{"class":279,"line":539},[277,32963,32964],{"class":283}," tasks.value.",[277,32966,9780],{"class":291},[277,32968,1066],{"class":283},[277,32970,32971,32973,32975],{"class":279,"line":545},[277,32972,9787],{"class":283},[277,32974,9790],{"class":291},[277,32976,9793],{"class":283},[277,32978,32979],{"class":279,"line":550},[277,32980,32981],{"class":283}," title,\n",[277,32983,32984,32987,32989],{"class":279,"line":578},[277,32985,32986],{"class":283}," done: ",[277,32988,2123],{"class":356},[277,32990,1077],{"class":283},[277,32992,32993],{"class":279,"line":583},[277,32994,32995],{"class":283}," });\n",[277,32997,32998,33001,33003,33006],{"class":279,"line":588},[277,32999,33000],{"class":283}," draft.value ",[277,33002,298],{"class":311},[277,33004,33005],{"class":301}," \"\"",[277,33007,18151],{"class":283},[277,33009,33010],{"class":279,"line":606},[277,33011,394],{"class":283},[277,33013,33014],{"class":279,"line":614},[277,33015,328],{"emptyLinePlaceholder":327},[277,33017,33018,33020,33022,33024,33026,33028,33030],{"class":279,"line":625},[277,33019,2460],{"class":311},[277,33021,2463],{"class":291},[277,33023,448],{"class":283},[277,33025,22042],{"class":349},[277,33027,353],{"class":311},[277,33029,2473],{"class":356},[277,33031,2476],{"class":283},[277,33033,33034,33036,33038,33040,33042,33044,33046,33048,33050,33052,33054,33056],{"class":279,"line":637},[277,33035,479],{"class":311},[277,33037,2483],{"class":356},[277,33039,340],{"class":311},[277,33041,2215],{"class":283},[277,33043,2490],{"class":291},[277,33045,2334],{"class":283},[277,33047,2495],{"class":349},[277,33049,2340],{"class":283},[277,33051,601],{"class":311},[277,33053,2500],{"class":283},[277,33055,2503],{"class":311},[277,33057,33058],{"class":283}," id);\n",[277,33060,33061,33063,33065,33067,33069,33071],{"class":279,"line":646},[277,33062,508],{"class":311},[277,33064,511],{"class":283},[277,33066,514],{"class":311},[277,33068,2521],{"class":283},[277,33070,18346],{"class":311},[277,33072,18151],{"class":283},[277,33074,33075,33077,33079,33081],{"class":279,"line":668},[277,33076,2532],{"class":283},[277,33078,298],{"class":311},[277,33080,2288],{"class":311},[277,33082,33083],{"class":283},"task.done;\n",[277,33085,33086],{"class":279,"line":673},[277,33087,394],{"class":283},[277,33089,33090,33092,33094],{"class":279,"line":679},[277,33091,785],{"class":283},[277,33093,288],{"class":287},[277,33095,305],{"class":283},[277,33097,33098],{"class":279,"line":684},[277,33099,328],{"emptyLinePlaceholder":327},[277,33101,33102,33104,33106],{"class":279,"line":700},[277,33103,284],{"class":283},[277,33105,802],{"class":287},[277,33107,305],{"class":283},[277,33109,33110,33112,33114],{"class":279,"line":717},[277,33111,810],{"class":283},[277,33113,4121],{"class":287},[277,33115,305],{"class":283},[277,33117,33118,33120,33122,33125,33127],{"class":279,"line":722},[277,33119,829],{"class":283},[277,33121,30],{"class":287},[277,33123,33124],{"class":283},">Tareas\u003C/",[277,33126,30],{"class":287},[277,33128,305],{"class":283},[277,33130,33131,33133,33135,33138,33140],{"class":279,"line":729},[277,33132,829],{"class":283},[277,33134,21],{"class":287},[277,33136,33137],{"class":283},">Pendientes: {{ remaining }}\u003C/",[277,33139,21],{"class":287},[277,33141,305],{"class":283},[277,33143,33144],{"class":279,"line":738},[277,33145,328],{"emptyLinePlaceholder":327},[277,33147,33148,33150,33152,33154,33156,33159],{"class":279,"line":747},[277,33149,829],{"class":283},[277,33151,31294],{"class":287},[277,33153,31891],{"class":291},[277,33155,298],{"class":283},[277,33157,33158],{"class":301},"\"addTask\"",[277,33160,305],{"class":283},[277,33162,33163,33165],{"class":279,"line":754},[277,33164,879],{"class":283},[277,33166,11549],{"class":287},[277,33168,33169,33172,33174],{"class":279,"line":772},[277,33170,33171],{"class":291}," v-model",[277,33173,298],{"class":283},[277,33175,33176],{"class":301},"\"draft\"\n",[277,33178,33179,33182,33184],{"class":279,"line":777},[277,33180,33181],{"class":291}," type",[277,33183,298],{"class":283},[277,33185,29470],{"class":301},[277,33187,33188,33191,33193],{"class":279,"line":782},[277,33189,33190],{"class":291}," placeholder",[277,33192,298],{"class":283},[277,33194,33195],{"class":301},"\"Escribe una tarea y pulsa Enter\"\n",[277,33197,33198,33201,33203],{"class":279,"line":792},[277,33199,33200],{"class":291}," @keydown.enter.prevent",[277,33202,298],{"class":283},[277,33204,33205],{"class":301},"\"addTask\"\n",[277,33207,33208],{"class":279,"line":797},[277,33209,33210],{"class":283}," />\n",[277,33212,33213,33215,33217,33219,33221,33223,33226,33228],{"class":279,"line":807},[277,33214,879],{"class":283},[277,33216,4267],{"class":287},[277,33218,4270],{"class":291},[277,33220,298],{"class":283},[277,33222,31940],{"class":301},[277,33224,33225],{"class":283},">Agregar\u003C/",[277,33227,4267],{"class":287},[277,33229,305],{"class":283},[277,33231,33232,33234,33236],{"class":279,"line":826},[277,33233,922],{"class":283},[277,33235,31294],{"class":287},[277,33237,305],{"class":283},[277,33239,33240],{"class":279,"line":849},[277,33241,328],{"emptyLinePlaceholder":327},[277,33243,33244,33246,33248],{"class":279,"line":854},[277,33245,829],{"class":283},[277,33247,38],{"class":287},[277,33249,305],{"class":283},[277,33251,33252,33254,33256,33258,33260,33263,33265,33267,33270],{"class":279,"line":876},[277,33253,879],{"class":283},[277,33255,41],{"class":287},[277,33257,12785],{"class":291},[277,33259,298],{"class":283},[277,33261,33262],{"class":301},"\"task in tasks\"",[277,33264,4317],{"class":291},[277,33266,298],{"class":283},[277,33268,33269],{"class":301},"\"task.id\"",[277,33271,305],{"class":283},[277,33273,33274,33276,33278,33280,33282,33285],{"class":279,"line":891},[277,33275,26686],{"class":283},[277,33277,4267],{"class":287},[277,33279,4278],{"class":291},[277,33281,298],{"class":283},[277,33283,33284],{"class":301},"\"toggleTask(task.id)\"",[277,33286,305],{"class":283},[277,33288,33289],{"class":279,"line":905},[277,33290,33291],{"class":283}," {{ task.done ? \"Reabrir\" : \"Completar\" }}\n",[277,33293,33294,33296,33298],{"class":279,"line":919},[277,33295,26734],{"class":283},[277,33297,4267],{"class":287},[277,33299,305],{"class":283},[277,33301,33302,33304,33306,33309,33311,33314],{"class":279,"line":929},[277,33303,26686],{"class":283},[277,33305,277],{"class":287},[277,33307,33308],{"class":291}," :style",[277,33310,298],{"class":283},[277,33312,33313],{"class":301},"\"{ textDecoration: task.done ? 'line-through' : 'none' }\"",[277,33315,305],{"class":283},[277,33317,33318],{"class":279,"line":934},[277,33319,33320],{"class":283}," {{ task.title }}\n",[277,33322,33323,33325,33327],{"class":279,"line":951},[277,33324,26734],{"class":283},[277,33326,277],{"class":287},[277,33328,305],{"class":283},[277,33330,33331,33333,33335],{"class":279,"line":961},[277,33332,4175],{"class":283},[277,33334,41],{"class":287},[277,33336,305],{"class":283},[277,33338,33339,33341,33343],{"class":279,"line":1473},[277,33340,922],{"class":283},[277,33342,38],{"class":287},[277,33344,305],{"class":283},[277,33346,33347,33349,33351],{"class":279,"line":1478},[277,33348,954],{"class":283},[277,33350,4121],{"class":287},[277,33352,305],{"class":283},[277,33354,33355,33357,33359],{"class":279,"line":1497},[277,33356,785],{"class":283},[277,33358,802],{"class":287},[277,33360,305],{"class":283},[267,33362,33364],{"className":269,"code":33363,"filename":971,"language":272,"meta":273,"style":273},"\u003Cscript lang=\"ts\">\nexport default {\n data() {\n return {\n draft: \"\",\n tasks: [],\n };\n },\n computed: {\n remaining() {\n return this.tasks.filter((task) => !task.done).length;\n },\n },\n methods: {\n addTask() {\n const title = this.draft.trim();\n if (!title) return;\n\n this.tasks.push({\n id: Date.now(),\n title,\n done: false,\n });\n this.draft = \"\";\n },\n toggleTask(id) {\n const task = this.tasks.find((item) => item.id === id);\n if (!task) return;\n task.done = !task.done;\n },\n },\n};\n\u003C/script>\n\n\u003Ctemplate>\n \u003Csection>\n \u003Ch2>Tareas\u003C/h2>\n \u003Cp>Pendientes: {{ remaining }}\u003C/p>\n\n \u003Cform @submit.prevent=\"addTask\">\n \u003Cinput\n v-model=\"draft\"\n type=\"text\"\n placeholder=\"Escribe una tarea y pulsa Enter\"\n @keydown.enter.prevent=\"addTask\"\n />\n \u003Cbutton type=\"submit\">Agregar\u003C/button>\n \u003C/form>\n\n \u003Cul>\n \u003Cli v-for=\"task in tasks\" :key=\"task.id\">\n \u003Cbutton @click=\"toggleTask(task.id)\">\n {{ task.done ? \"Reabrir\" : \"Completar\" }}\n \u003C/button>\n \u003Cspan :style=\"{ textDecoration: task.done ? 'line-through' : 'none' }\">\n {{ task.title }}\n \u003C/span>\n \u003C/li>\n \u003C/ul>\n \u003C/section>\n\u003C/template>\n",[16,33365,33366,33380,33388,33394,33400,33409,33413,33417,33421,33425,33432,33458,33462,33466,33470,33477,33494,33508,33512,33522,33530,33535,33544,33548,33561,33565,33575,33603,33617,33627,33631,33635,33639,33647,33651,33659,33667,33679,33691,33695,33709,33715,33723,33731,33739,33747,33751,33769,33777,33781,33789,33809,33823,33827,33835,33849,33853,33861,33869,33877,33885],{"__ignoreMap":273},[277,33367,33368,33370,33372,33374,33376,33378],{"class":279,"line":280},[277,33369,284],{"class":283},[277,33371,288],{"class":287},[277,33373,295],{"class":291},[277,33375,298],{"class":283},[277,33377,302],{"class":301},[277,33379,305],{"class":283},[277,33381,33382,33384,33386],{"class":279,"line":308},[277,33383,1057],{"class":311},[277,33385,1060],{"class":311},[277,33387,343],{"class":283},[277,33389,33390,33392],{"class":279,"line":324},[277,33391,1086],{"class":291},[277,33393,473],{"class":283},[277,33395,33396,33398],{"class":279,"line":331},[277,33397,1093],{"class":311},[277,33399,343],{"class":283},[277,33401,33402,33405,33407],{"class":279,"line":346},[277,33403,33404],{"class":283}," draft: ",[277,33406,25316],{"class":301},[277,33408,1077],{"class":283},[277,33410,33411],{"class":279,"line":360},[277,33412,6606],{"class":283},[277,33414,33415],{"class":279,"line":371},[277,33416,18478],{"class":283},[277,33418,33419],{"class":279,"line":381},[277,33420,1131],{"class":283},[277,33422,33423],{"class":279,"line":391},[277,33424,2742],{"class":283},[277,33426,33427,33430],{"class":279,"line":397},[277,33428,33429],{"class":291}," remaining",[277,33431,473],{"class":283},[277,33433,33434,33436,33438,33440,33442,33444,33446,33448,33450,33452,33454,33456],{"class":279,"line":402},[277,33435,2754],{"class":311},[277,33437,1268],{"class":356},[277,33439,2759],{"class":283},[277,33441,2218],{"class":291},[277,33443,2334],{"class":283},[277,33445,2223],{"class":349},[277,33447,2340],{"class":283},[277,33449,601],{"class":311},[277,33451,2288],{"class":311},[277,33453,32907],{"class":283},[277,33455,9813],{"class":356},[277,33457,18151],{"class":283},[277,33459,33460],{"class":279,"line":436},[277,33461,7016],{"class":283},[277,33463,33464],{"class":279,"line":456},[277,33465,1131],{"class":283},[277,33467,33468],{"class":279,"line":461},[277,33469,1140],{"class":283},[277,33471,33472,33475],{"class":279,"line":476},[277,33473,33474],{"class":291}," addTask",[277,33476,473],{"class":283},[277,33478,33479,33481,33483,33485,33487,33490,33492],{"class":279,"line":500},[277,33480,1154],{"class":311},[277,33482,32931],{"class":356},[277,33484,340],{"class":311},[277,33486,1268],{"class":356},[277,33488,33489],{"class":283},".draft.",[277,33491,31837],{"class":291},[277,33493,19422],{"class":283},[277,33495,33496,33498,33500,33502,33504,33506],{"class":279,"line":505},[277,33497,1177],{"class":311},[277,33499,511],{"class":283},[277,33501,514],{"class":311},[277,33503,32951],{"class":283},[277,33505,18346],{"class":311},[277,33507,18151],{"class":283},[277,33509,33510],{"class":279,"line":520},[277,33511,328],{"emptyLinePlaceholder":327},[277,33513,33514,33516,33518,33520],{"class":279,"line":539},[277,33515,1212],{"class":356},[277,33517,2759],{"class":283},[277,33519,9780],{"class":291},[277,33521,1066],{"class":283},[277,33523,33524,33526,33528],{"class":279,"line":545},[277,33525,10220],{"class":283},[277,33527,9790],{"class":291},[277,33529,9793],{"class":283},[277,33531,33532],{"class":279,"line":550},[277,33533,33534],{"class":283}," title,\n",[277,33536,33537,33540,33542],{"class":279,"line":578},[277,33538,33539],{"class":283}," done: ",[277,33541,2123],{"class":356},[277,33543,1077],{"class":283},[277,33545,33546],{"class":279,"line":583},[277,33547,30603],{"class":283},[277,33549,33550,33552,33555,33557,33559],{"class":279,"line":588},[277,33551,1212],{"class":356},[277,33553,33554],{"class":283},".draft ",[277,33556,298],{"class":311},[277,33558,33005],{"class":301},[277,33560,18151],{"class":283},[277,33562,33563],{"class":279,"line":606},[277,33564,7016],{"class":283},[277,33566,33567,33569,33571,33573],{"class":279,"line":614},[277,33568,2987],{"class":291},[277,33570,448],{"class":283},[277,33572,22042],{"class":349},[277,33574,2476],{"class":283},[277,33576,33577,33579,33581,33583,33585,33587,33589,33591,33593,33595,33597,33599,33601],{"class":279,"line":625},[277,33578,1154],{"class":311},[277,33580,2483],{"class":356},[277,33582,340],{"class":311},[277,33584,1268],{"class":356},[277,33586,2759],{"class":283},[277,33588,2490],{"class":291},[277,33590,2334],{"class":283},[277,33592,2495],{"class":349},[277,33594,2340],{"class":283},[277,33596,601],{"class":311},[277,33598,2500],{"class":283},[277,33600,2503],{"class":311},[277,33602,33058],{"class":283},[277,33604,33605,33607,33609,33611,33613,33615],{"class":279,"line":637},[277,33606,1177],{"class":311},[277,33608,511],{"class":283},[277,33610,514],{"class":311},[277,33612,2521],{"class":283},[277,33614,18346],{"class":311},[277,33616,18151],{"class":283},[277,33618,33619,33621,33623,33625],{"class":279,"line":646},[277,33620,3044],{"class":283},[277,33622,298],{"class":311},[277,33624,2288],{"class":311},[277,33626,33083],{"class":283},[277,33628,33629],{"class":279,"line":668},[277,33630,7016],{"class":283},[277,33632,33633],{"class":279,"line":673},[277,33634,1131],{"class":283},[277,33636,33637],{"class":279,"line":679},[277,33638,18255],{"class":283},[277,33640,33641,33643,33645],{"class":279,"line":684},[277,33642,785],{"class":283},[277,33644,288],{"class":287},[277,33646,305],{"class":283},[277,33648,33649],{"class":279,"line":700},[277,33650,328],{"emptyLinePlaceholder":327},[277,33652,33653,33655,33657],{"class":279,"line":717},[277,33654,284],{"class":283},[277,33656,802],{"class":287},[277,33658,305],{"class":283},[277,33660,33661,33663,33665],{"class":279,"line":722},[277,33662,810],{"class":283},[277,33664,4121],{"class":287},[277,33666,305],{"class":283},[277,33668,33669,33671,33673,33675,33677],{"class":279,"line":729},[277,33670,829],{"class":283},[277,33672,30],{"class":287},[277,33674,33124],{"class":283},[277,33676,30],{"class":287},[277,33678,305],{"class":283},[277,33680,33681,33683,33685,33687,33689],{"class":279,"line":738},[277,33682,829],{"class":283},[277,33684,21],{"class":287},[277,33686,33137],{"class":283},[277,33688,21],{"class":287},[277,33690,305],{"class":283},[277,33692,33693],{"class":279,"line":747},[277,33694,328],{"emptyLinePlaceholder":327},[277,33696,33697,33699,33701,33703,33705,33707],{"class":279,"line":754},[277,33698,829],{"class":283},[277,33700,31294],{"class":287},[277,33702,31891],{"class":291},[277,33704,298],{"class":283},[277,33706,33158],{"class":301},[277,33708,305],{"class":283},[277,33710,33711,33713],{"class":279,"line":772},[277,33712,879],{"class":283},[277,33714,11549],{"class":287},[277,33716,33717,33719,33721],{"class":279,"line":777},[277,33718,33171],{"class":291},[277,33720,298],{"class":283},[277,33722,33176],{"class":301},[277,33724,33725,33727,33729],{"class":279,"line":782},[277,33726,33181],{"class":291},[277,33728,298],{"class":283},[277,33730,29470],{"class":301},[277,33732,33733,33735,33737],{"class":279,"line":792},[277,33734,33190],{"class":291},[277,33736,298],{"class":283},[277,33738,33195],{"class":301},[277,33740,33741,33743,33745],{"class":279,"line":797},[277,33742,33200],{"class":291},[277,33744,298],{"class":283},[277,33746,33205],{"class":301},[277,33748,33749],{"class":279,"line":807},[277,33750,33210],{"class":283},[277,33752,33753,33755,33757,33759,33761,33763,33765,33767],{"class":279,"line":826},[277,33754,879],{"class":283},[277,33756,4267],{"class":287},[277,33758,4270],{"class":291},[277,33760,298],{"class":283},[277,33762,31940],{"class":301},[277,33764,33225],{"class":283},[277,33766,4267],{"class":287},[277,33768,305],{"class":283},[277,33770,33771,33773,33775],{"class":279,"line":849},[277,33772,922],{"class":283},[277,33774,31294],{"class":287},[277,33776,305],{"class":283},[277,33778,33779],{"class":279,"line":854},[277,33780,328],{"emptyLinePlaceholder":327},[277,33782,33783,33785,33787],{"class":279,"line":876},[277,33784,829],{"class":283},[277,33786,38],{"class":287},[277,33788,305],{"class":283},[277,33790,33791,33793,33795,33797,33799,33801,33803,33805,33807],{"class":279,"line":891},[277,33792,879],{"class":283},[277,33794,41],{"class":287},[277,33796,12785],{"class":291},[277,33798,298],{"class":283},[277,33800,33262],{"class":301},[277,33802,4317],{"class":291},[277,33804,298],{"class":283},[277,33806,33269],{"class":301},[277,33808,305],{"class":283},[277,33810,33811,33813,33815,33817,33819,33821],{"class":279,"line":905},[277,33812,26686],{"class":283},[277,33814,4267],{"class":287},[277,33816,4278],{"class":291},[277,33818,298],{"class":283},[277,33820,33284],{"class":301},[277,33822,305],{"class":283},[277,33824,33825],{"class":279,"line":919},[277,33826,33291],{"class":283},[277,33828,33829,33831,33833],{"class":279,"line":929},[277,33830,26734],{"class":283},[277,33832,4267],{"class":287},[277,33834,305],{"class":283},[277,33836,33837,33839,33841,33843,33845,33847],{"class":279,"line":934},[277,33838,26686],{"class":283},[277,33840,277],{"class":287},[277,33842,33308],{"class":291},[277,33844,298],{"class":283},[277,33846,33313],{"class":301},[277,33848,305],{"class":283},[277,33850,33851],{"class":279,"line":951},[277,33852,33320],{"class":283},[277,33854,33855,33857,33859],{"class":279,"line":961},[277,33856,26734],{"class":283},[277,33858,277],{"class":287},[277,33860,305],{"class":283},[277,33862,33863,33865,33867],{"class":279,"line":1473},[277,33864,4175],{"class":283},[277,33866,41],{"class":287},[277,33868,305],{"class":283},[277,33870,33871,33873,33875],{"class":279,"line":1478},[277,33872,922],{"class":283},[277,33874,38],{"class":287},[277,33876,305],{"class":283},[277,33878,33879,33881,33883],{"class":279,"line":1497},[277,33880,954],{"class":283},[277,33882,4121],{"class":287},[277,33884,305],{"class":283},[277,33886,33887,33889,33891],{"class":279,"line":1510},[277,33888,785],{"class":283},[277,33890,802],{"class":287},[277,33892,305],{"class":283},[30,33894,1596],{"id":1595},[21,33896,33897,33899],{},[16,33898,17977],{}," es la directiva que convierte plantillas estáticas en interfaces interactivas.\nSi la usas con handlers claros y modificadores correctos, reduces bugs y mejoras legibilidad.",[21,33901,33902],{},"Puntos clave para recordar:",[38,33904,33905,33913,33916,33926],{},[41,33906,20777,33907,33910,33911,104],{},[16,33908,33909],{},"@"," como shorthand de ",[16,33912,17977],{},[41,33914,33915],{},"Prefiere funciones del script sobre expresiones complejas inline.",[41,33917,33918,33919,225,33921,225,33923,33925],{},"Aprovecha modificadores (",[16,33920,31106],{},[16,33922,31109],{},[16,33924,31112],{},") cuando sean necesarios.",[41,33927,33928],{},"Mantén consistencia entre Composition API y Options API para facilitar mantenimiento.",[1606,33930,33931],{},"html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .s9eBZ, html code.shiki .s9eBZ{--shiki-default:#22863A;--shiki-dark:#85E89D}html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}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 .szBVR, html code.shiki .szBVR{--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}html pre.shiki code .s7hpK, html code.shiki .s7hpK{--shiki-default:#B31D28;--shiki-default-font-style:italic;--shiki-dark:#FDAEB7;--shiki-dark-font-style:italic}html pre.shiki code .s4XuR, html code.shiki .s4XuR{--shiki-default:#E36209;--shiki-dark:#FFAB70}",{"title":273,"searchDepth":308,"depth":308,"links":33933},[33934,33935,33936,33937,33938,33946,33953,33954],{"id":20624,"depth":308,"text":20625},{"id":24652,"depth":308,"text":24653},{"id":128,"depth":308,"text":129},{"id":155,"depth":308,"text":156},{"id":189,"depth":308,"text":190,"children":33939},[33940,33941,33943,33944],{"id":31201,"depth":324,"text":31202},{"id":31276,"depth":324,"text":33942},"2) Olvidar .prevent en formularios",{"id":31351,"depth":324,"text":31352},{"id":31460,"depth":324,"text":33945},"4) Usar event sin declararlo",{"id":1945,"depth":308,"text":1946,"children":33947},[33948,33949,33951,33952],{"id":31536,"depth":324,"text":31537},{"id":31752,"depth":324,"text":33950},"2) Submit de formulario con .prevent",{"id":32179,"depth":324,"text":32180},{"id":32472,"depth":324,"text":32473},{"id":1975,"depth":308,"text":1976},{"id":1595,"depth":308,"text":1596},"https://res.cloudinary.com/denj4fg7f/image/upload/v1771022043/directives-vue-v-on-guide_hwtqel.png","Imagen temporal para portada del articulo sobre v-on en Vue","2026-02-13","Aprende a usar v-on en Vue con eventos del DOM, modificadores, atajos de teclado y buenas practicas para mantener componentes claros y mantenibles.",{"script":33960},[33961],{"type":1632,"key":1633,"data-nuxt-schema-org":327,"nodes":33962},[33963],{"headline":33964,"author":33965,"datePublished":33966,"@type":1640},"Directiva v-on en Vue: guia practica para manejar eventos",{"name":1637,"@type":1638},"2026-02-13T10:30:00-05:00",{"updatedAt":33966,"coverCaption":17759,"author":1637,"keywords":33968},[1645,17977,33969,33970,271,971],"eventos","event modifiers","/blog/directives-vue-v-on-guide.es",[33973],{"headline":33964,"author":33974,"datePublished":33966,"@type":1640},{"name":1637,"@type":1638},{"title":30955,"description":33958},"blog/directives-vue-v-on-guide.es",[33978,33979,33982],{"tag":20588,"color":20589},{"tag":33980,"color":33981},"Eventos","#2D98DA",{"tag":9074,"color":9075},"YWhmpR3FSyV0lOvzaHd-sKKK0-1vhXyd08KqQJW7u4w",{"id":33985,"title":33986,"body":33987,"cover":36943,"coverAlt":36944,"date":36945,"description":36946,"draft":1627,"extension":1628,"head":36947,"locale":1641,"meta":36955,"navigation":327,"path":36960,"schemaOrg":36961,"seo":36964,"series":20582,"seriesDescription":20583,"seriesOrder":331,"seriesTitle":20584,"slug":1656,"stem":36965,"tags":36966,"__hash__":36971},"blog/blog/directives-vue-v-bind-guide.es.md","Directivas en Vue: v-bind",{"type":8,"value":33988,"toc":36912},[33989,33994,33999,34004,34006,34011,34025,34030,34032,34035,34070,34073,34102,34107,34152,34154,34159,34177,34179,34181,34197,34199,34206,34208,34243,34245,34293,34300,34310,34312,34379,34384,34388,34393,34419,34429,34436,34441,34443,34449,34565,34680,34686,34794,34905,34913,35066,35209,35216,35343,35464,35470,35473,35593,35706,35714,35859,36009,36016,36020,36026,36447,36867,36869,36874,36877,36903,36909],[11,33990,20605,33992],{"id":33991},"directivas-en-vue-v-bind",[16,33993,17974],{},[21,33995,33996,33998],{},[16,33997,17974],{}," conecta atributos o props del template con datos reactivos.\nSi el estado cambia, el atributo también cambia.",[21,34000,24593,34001,34003],{},[16,34002,17974],{}," es una de las piezas más importantes porque te permite pasar de HTML estático a UI dinámica sin manipular el DOM manualmente.",[30,34005,20625],{"id":20624},[21,34007,15938,34008,34010],{},[16,34009,17974],{},", terminarías escribiendo lógica imperativa para:",[38,34012,34013,34016,34019,34022],{},[41,34014,34015],{},"Activar/desactivar botones.",[41,34017,34018],{},"Cambiar clases según estado.",[41,34020,34021],{},"Renderizar enlaces o imágenes dinámicas,",[41,34023,34024],{},"Pasar datos de un componente padre a uno hijo.",[21,34026,11996,34027,34029],{},[16,34028,17974],{},", todo eso se vuelve declarativo.\nDescribes la relación entre estado y UI, y Vue se encarga del resto.",[30,34031,24653],{"id":24652},[21,34033,34034],{},"La forma base es:",[267,34036,34038],{"className":269,"code":34037,"filename":9339,"language":272,"meta":273,"style":273},"\u003Ca v-bind:href=\"url\">Ir al sitio\u003C/a>\n",[16,34039,34040],{"__ignoreMap":273},[277,34041,34042,34044,34046,34049,34051,34054,34056,34058,34061,34063,34066,34068],{"class":279,"line":280},[277,34043,284],{"class":283},[277,34045,13178],{"class":287},[277,34047,34048],{"class":291}," v-bind",[277,34050,353],{"class":283},[277,34052,34053],{"class":291},"href",[277,34055,298],{"class":283},[277,34057,866],{"class":301},[277,34059,34060],{"class":283},"url",[277,34062,866],{"class":301},[277,34064,34065],{"class":283},">Ir al sitio\u003C/",[277,34067,13178],{"class":287},[277,34069,305],{"class":283},[21,34071,34072],{},"Shorthand recomendado:",[267,34074,34076],{"className":269,"code":34075,"filename":9339,"language":272,"meta":273,"style":273},"\u003Ca :href=\"url\">Ir al sitio\u003C/a>\n",[16,34077,34078],{"__ignoreMap":273},[277,34079,34080,34082,34084,34086,34088,34090,34092,34094,34096,34098,34100],{"class":279,"line":280},[277,34081,284],{"class":283},[277,34083,13178],{"class":287},[277,34085,6244],{"class":283},[277,34087,34053],{"class":291},[277,34089,298],{"class":283},[277,34091,866],{"class":301},[277,34093,34060],{"class":283},[277,34095,866],{"class":301},[277,34097,34065],{"class":283},[277,34099,13178],{"class":287},[277,34101,305],{"class":283},[21,34103,34104,34106],{},[16,34105,17974],{}," funciona con:",[38,34108,34109,34125,34131,34140,34146],{},[41,34110,34111,34112,225,34114,225,34117,225,34120,225,34122,34124],{},"Atributos HTML (",[16,34113,34053],{},[16,34115,34116],{},"src",[16,34118,34119],{},"disabled",[16,34121,22042],{},[16,34123,23415],{},"),",[41,34126,34127,34128,34124],{},"Props de componentes (",[16,34129,34130],{},":user=\"currentUser\"",[41,34132,34133,34134,1697,34137,34139],{},"Bindings especiales para ",[16,34135,34136],{},"class",[16,34138,1606],{},",",[41,34141,34142,34143,34124],{},"Argumentos dinámicos (",[16,34144,34145],{},":[attrName]=\"value\"",[41,34147,34148,34149,1895],{},"Spread-like bindings (",[16,34150,34151],{},"v-bind=\"attrsObject\"",[30,34153,129],{"id":128},[21,34155,20777,34156,34158],{},[16,34157,17974],{}," cuando necesites:",[38,34160,34161,34164,34171,34174],{},[41,34162,34163],{},"Valores dinámicos en atributos.",[41,34165,34166,34167,5245,34169,1895],{},"Cambiar presentación según estado (",[16,34168,34136],{},[16,34170,1606],{},[41,34172,34173],{},"Pasar datos reactivos a componentes hijos.",[41,34175,34176],{},"Construir componentes reutilizables con props configurables.",[30,34178,156],{"id":155},[21,34180,162],{},[38,34182,34183,34186,34191],{},[41,34184,34185],{},"El valor es fijo y nunca cambia (puedes dejar HTML estático).",[41,34187,34188,34189,1895],{},"Metes lógica compleja directamente en el template (mejor mover a ",[16,34190,1732],{},[41,34192,34193,34194,34196],{},"Usas ",[16,34195,17974],{}," como sustituto de validación o seguridad (eso no lo resuelve el template).",[30,34198,190],{"id":189},[192,34200,34202,34203,34205],{"id":34201},"_1-olvidar-que-v-bind-evalúa-javascript","1) Olvidar que ",[16,34204,17974],{}," evalúa JavaScript",[21,34207,24892],{},[267,34209,34212],{"className":269,"code":34210,"filename":34211,"language":272,"meta":273,"style":273},"\u003Cimg :src=\"/images/avatar.png\" />\n","Incorrecto",[16,34213,34214],{"__ignoreMap":273},[277,34215,34216,34218,34221,34223,34225,34227,34229,34231,34234,34236,34239,34241],{"class":279,"line":280},[277,34217,284],{"class":283},[277,34219,34220],{"class":287},"img",[277,34222,6244],{"class":283},[277,34224,34116],{"class":291},[277,34226,298],{"class":283},[277,34228,866],{"class":301},[277,34230,15951],{"class":311},[277,34232,34233],{"class":283},"images",[277,34235,15951],{"class":311},[277,34237,34238],{"class":283},"avatar.png",[277,34240,866],{"class":301},[277,34242,4325],{"class":283},[21,34244,28466],{},[267,34246,34249],{"className":269,"code":34247,"filename":34248,"language":272,"meta":273,"style":273},"\u003Cimg src=\"/images/avatar.png\" />\n\u003C!-- o -->\n\u003Cimg :src=\"avatarUrl\" />\n","Correcto",[16,34250,34251,34267,34272],{"__ignoreMap":273},[277,34252,34253,34255,34257,34260,34262,34265],{"class":279,"line":280},[277,34254,284],{"class":283},[277,34256,34220],{"class":287},[277,34258,34259],{"class":291}," src",[277,34261,298],{"class":283},[277,34263,34264],{"class":301},"\"/images/avatar.png\"",[277,34266,4325],{"class":283},[277,34268,34269],{"class":279,"line":308},[277,34270,34271],{"class":12741},"\u003C!-- o -->\n",[277,34273,34274,34276,34278,34280,34282,34284,34286,34289,34291],{"class":279,"line":324},[277,34275,284],{"class":283},[277,34277,34220],{"class":287},[277,34279,6244],{"class":283},[277,34281,34116],{"class":291},[277,34283,298],{"class":283},[277,34285,866],{"class":301},[277,34287,34288],{"class":283},"avatarUrl",[277,34290,866],{"class":301},[277,34292,4325],{"class":283},[21,34294,34295,34296,34299],{},"Si usas ",[16,34297,34298],{},":src",", Vue espera una expresión JS válida.",[192,34301,34303,34304,118,34307],{"id":34302},"_2-poner-demasiada-lógica-inline-en-class-o-style","2) Poner demasiada lógica inline en ",[16,34305,34306],{},":class",[16,34308,34309],{},":style",[21,34311,24892],{},[267,34313,34315],{"className":269,"code":34314,"filename":28344,"language":272,"meta":273,"style":273},"\u003Cbutton :class=\"isAdmin && isActive && !isLocked ? 'btn btn-primary' : isLocked ? 'btn btn-muted' : 'btn'\">\n Guardar\n\u003C/button>\n",[16,34316,34317,34366,34371],{"__ignoreMap":273},[277,34318,34319,34321,34323,34325,34327,34329,34331,34333,34335,34338,34340,34342,34344,34346,34349,34351,34354,34356,34359,34361,34364],{"class":279,"line":280},[277,34320,284],{"class":283},[277,34322,4267],{"class":287},[277,34324,6244],{"class":283},[277,34326,34136],{"class":291},[277,34328,298],{"class":283},[277,34330,866],{"class":301},[277,34332,31377],{"class":283},[277,34334,2310],{"class":311},[277,34336,34337],{"class":283}," isActive ",[277,34339,2310],{"class":311},[277,34341,2288],{"class":311},[277,34343,31389],{"class":283},[277,34345,2285],{"class":311},[277,34347,34348],{"class":301}," 'btn btn-primary'",[277,34350,6244],{"class":311},[277,34352,34353],{"class":283}," isLocked ",[277,34355,2285],{"class":311},[277,34357,34358],{"class":301}," 'btn btn-muted'",[277,34360,6244],{"class":311},[277,34362,34363],{"class":301}," 'btn'\"",[277,34365,305],{"class":283},[277,34367,34368],{"class":279,"line":308},[277,34369,34370],{"class":283}," Guardar\n",[277,34372,34373,34375,34377],{"class":279,"line":324},[277,34374,785],{"class":283},[277,34376,4267],{"class":287},[277,34378,305],{"class":283},[21,34380,34381,34382,104],{},"Mejor: extraer a ",[16,34383,1732],{},[192,34385,34387],{"id":34386},"_3-confundir-atributo-html-con-prop-de-componente","3) Confundir atributo HTML con prop de componente",[21,34389,34390,34392],{},[16,34391,17974],{}," sirve para ambos, pero en componentes debes pasar la prop exacta definida por el hijo:",[267,34394,34397],{"className":269,"code":34395,"filename":34396,"language":272,"meta":273,"style":273},"\u003CUserCard :user=\"user\" />\n","Padre",[16,34398,34399],{"__ignoreMap":273},[277,34400,34401,34403,34405,34407,34409,34411,34413,34415,34417],{"class":279,"line":280},[277,34402,284],{"class":283},[277,34404,22608],{"class":287},[277,34406,6244],{"class":283},[277,34408,27313],{"class":291},[277,34410,298],{"class":283},[277,34412,866],{"class":301},[277,34414,27313],{"class":283},[277,34416,866],{"class":301},[277,34418,4325],{"class":283},[21,34420,34421,34422,34425,34426,34428],{},"Si el hijo espera ",[16,34423,34424],{},"profile"," y tú pasas ",[16,34427,27313],{},", no llegará la data correcta.",[192,34430,34432,34433,34435],{"id":34431},"_4-creer-que-v-bind-protege-datos","4) Creer que ",[16,34434,17974],{}," \"protege\" datos",[21,34437,34438,34440],{},[16,34439,17974],{}," solo refleja estado en la UI.\nNo reemplaza validación del backend ni reglas de autorización.",[30,34442,1946],{"id":1945},[192,34444,34446,34447,19],{"id":34445},"_1-básico-enlace-dinámico-href","1) Básico: enlace dinámico (",[16,34448,34053],{},[267,34450,34453],{"className":269,"code":34451,"filename":271,"highlights":34452,"language":272,"meta":273,"style":273},"\u003Cscript setup>\nimport { ref } from \"vue\";\n\nconst docsUrl = ref(\"https://vuejs.org/\");\n\u003C/script>\n\n\u003Ctemplate>\n \u003Ca :href=\"docsUrl\" target=\"_blank\" rel=\"noopener\">Documentación Vue\u003C/a>\n\u003C/template>\n",[331,381],[16,34454,34455,34465,34477,34481,34500,34508,34512,34520,34557],{"__ignoreMap":273},[277,34456,34457,34459,34461,34463],{"class":279,"line":280},[277,34458,284],{"class":283},[277,34460,288],{"class":287},[277,34462,292],{"class":291},[277,34464,305],{"class":283},[277,34466,34467,34469,34471,34473,34475],{"class":279,"line":308},[277,34468,312],{"class":311},[277,34470,11006],{"class":283},[277,34472,318],{"class":311},[277,34474,18148],{"class":301},[277,34476,18151],{"class":283},[277,34478,34479],{"class":279,"line":324},[277,34480,328],{"emptyLinePlaceholder":327},[277,34482,34484,34486,34489,34491,34493,34495,34498],{"class":34483,"line":331},[279,9398],[277,34485,405],{"class":311},[277,34487,34488],{"class":356}," docsUrl",[277,34490,340],{"class":311},[277,34492,413],{"class":291},[277,34494,448],{"class":283},[277,34496,34497],{"class":301},"\"https://vuejs.org/\"",[277,34499,18277],{"class":283},[277,34501,34502,34504,34506],{"class":279,"line":346},[277,34503,785],{"class":283},[277,34505,288],{"class":287},[277,34507,305],{"class":283},[277,34509,34510],{"class":279,"line":360},[277,34511,328],{"emptyLinePlaceholder":327},[277,34513,34514,34516,34518],{"class":279,"line":371},[277,34515,284],{"class":283},[277,34517,802],{"class":287},[277,34519,305],{"class":283},[277,34521,34523,34525,34527,34530,34532,34535,34537,34539,34542,34545,34547,34550,34553,34555],{"class":34522,"line":381},[279,9398],[277,34524,810],{"class":283},[277,34526,13178],{"class":287},[277,34528,34529],{"class":291}," :href",[277,34531,298],{"class":283},[277,34533,34534],{"class":301},"\"docsUrl\"",[277,34536,18401],{"class":291},[277,34538,298],{"class":283},[277,34540,34541],{"class":301},"\"_blank\"",[277,34543,34544],{"class":291}," rel",[277,34546,298],{"class":283},[277,34548,34549],{"class":301},"\"noopener\"",[277,34551,34552],{"class":283},">Documentación Vue\u003C/",[277,34554,13178],{"class":287},[277,34556,305],{"class":283},[277,34558,34559,34561,34563],{"class":279,"line":391},[277,34560,785],{"class":283},[277,34562,802],{"class":287},[277,34564,305],{"class":283},[267,34566,34569],{"className":269,"code":34567,"filename":971,"highlights":34568,"language":272,"meta":273,"style":273},"\u003Cscript>\nexport default {\n data() {\n return {\n docsUrl: \"https://vuejs.org/\",\n };\n },\n};\n\u003C/script>\n\n\u003Ctemplate>\n \u003Ca :href=\"docsUrl\" target=\"_blank\" rel=\"noopener\">Documentación Vue\u003C/a>\n\u003C/template>\n",[346,436],[16,34570,34571,34579,34587,34593,34599,34609,34613,34617,34621,34629,34633,34641,34672],{"__ignoreMap":273},[277,34572,34573,34575,34577],{"class":279,"line":280},[277,34574,284],{"class":283},[277,34576,288],{"class":287},[277,34578,305],{"class":283},[277,34580,34581,34583,34585],{"class":279,"line":308},[277,34582,1057],{"class":311},[277,34584,1060],{"class":311},[277,34586,343],{"class":283},[277,34588,34589,34591],{"class":279,"line":324},[277,34590,1086],{"class":291},[277,34592,473],{"class":283},[277,34594,34595,34597],{"class":279,"line":331},[277,34596,1093],{"class":311},[277,34598,343],{"class":283},[277,34600,34602,34605,34607],{"class":34601,"line":346},[279,9398],[277,34603,34604],{"class":283}," docsUrl: ",[277,34606,34497],{"class":301},[277,34608,1077],{"class":283},[277,34610,34611],{"class":279,"line":360},[277,34612,18478],{"class":283},[277,34614,34615],{"class":279,"line":371},[277,34616,1131],{"class":283},[277,34618,34619],{"class":279,"line":381},[277,34620,18255],{"class":283},[277,34622,34623,34625,34627],{"class":279,"line":391},[277,34624,785],{"class":283},[277,34626,288],{"class":287},[277,34628,305],{"class":283},[277,34630,34631],{"class":279,"line":397},[277,34632,328],{"emptyLinePlaceholder":327},[277,34634,34635,34637,34639],{"class":279,"line":402},[277,34636,284],{"class":283},[277,34638,802],{"class":287},[277,34640,305],{"class":283},[277,34642,34644,34646,34648,34650,34652,34654,34656,34658,34660,34662,34664,34666,34668,34670],{"class":34643,"line":436},[279,9398],[277,34645,810],{"class":283},[277,34647,13178],{"class":287},[277,34649,34529],{"class":291},[277,34651,298],{"class":283},[277,34653,34534],{"class":301},[277,34655,18401],{"class":291},[277,34657,298],{"class":283},[277,34659,34541],{"class":301},[277,34661,34544],{"class":291},[277,34663,298],{"class":283},[277,34665,34549],{"class":301},[277,34667,34552],{"class":283},[277,34669,13178],{"class":287},[277,34671,305],{"class":283},[277,34673,34674,34676,34678],{"class":279,"line":456},[277,34675,785],{"class":283},[277,34677,802],{"class":287},[277,34679,305],{"class":283},[192,34681,34683,34684,19],{"id":34682},"_2-atributo-booleano-dinámico-disabled","2) Atributo booleano dinámico (",[16,34685,34119],{},[267,34687,34690],{"className":269,"code":34688,"filename":271,"highlights":34689,"language":272,"meta":273,"style":273},"\u003Cscript setup>\nimport { ref } from \"vue\";\n\nconst isSaving = ref(false);\n\u003C/script>\n\n\u003Ctemplate>\n \u003Cbutton :disabled=\"isSaving\">\n {{ isSaving ? \"Guardando...\" : \"Guardar cambios\" }}\n \u003C/button>\n\u003C/template>\n",[331,381],[16,34691,34692,34702,34714,34718,34736,34744,34748,34756,34773,34778,34786],{"__ignoreMap":273},[277,34693,34694,34696,34698,34700],{"class":279,"line":280},[277,34695,284],{"class":283},[277,34697,288],{"class":287},[277,34699,292],{"class":291},[277,34701,305],{"class":283},[277,34703,34704,34706,34708,34710,34712],{"class":279,"line":308},[277,34705,312],{"class":311},[277,34707,11006],{"class":283},[277,34709,318],{"class":311},[277,34711,18148],{"class":301},[277,34713,18151],{"class":283},[277,34715,34716],{"class":279,"line":324},[277,34717,328],{"emptyLinePlaceholder":327},[277,34719,34721,34723,34726,34728,34730,34732,34734],{"class":34720,"line":331},[279,9398],[277,34722,405],{"class":311},[277,34724,34725],{"class":356}," isSaving",[277,34727,340],{"class":311},[277,34729,413],{"class":291},[277,34731,448],{"class":283},[277,34733,2123],{"class":356},[277,34735,18277],{"class":283},[277,34737,34738,34740,34742],{"class":279,"line":346},[277,34739,785],{"class":283},[277,34741,288],{"class":287},[277,34743,305],{"class":283},[277,34745,34746],{"class":279,"line":360},[277,34747,328],{"emptyLinePlaceholder":327},[277,34749,34750,34752,34754],{"class":279,"line":371},[277,34751,284],{"class":283},[277,34753,802],{"class":287},[277,34755,305],{"class":283},[277,34757,34759,34761,34763,34766,34768,34771],{"class":34758,"line":381},[279,9398],[277,34760,810],{"class":283},[277,34762,4267],{"class":287},[277,34764,34765],{"class":291}," :disabled",[277,34767,298],{"class":283},[277,34769,34770],{"class":301},"\"isSaving\"",[277,34772,305],{"class":283},[277,34774,34775],{"class":279,"line":391},[277,34776,34777],{"class":283}," {{ isSaving ? \"Guardando...\" : \"Guardar cambios\" }}\n",[277,34779,34780,34782,34784],{"class":279,"line":397},[277,34781,954],{"class":283},[277,34783,4267],{"class":287},[277,34785,305],{"class":283},[277,34787,34788,34790,34792],{"class":279,"line":402},[277,34789,785],{"class":283},[277,34791,802],{"class":287},[277,34793,305],{"class":283},[267,34795,34798],{"className":269,"code":34796,"filename":971,"highlights":34797,"language":272,"meta":273,"style":273},"\u003Cscript>\nexport default {\n data() {\n return {\n isSaving: false,\n };\n },\n};\n\u003C/script>\n\n\u003Ctemplate>\n \u003Cbutton :disabled=\"isSaving\">\n {{ isSaving ? \"Guardando...\" : \"Guardar cambios\" }}\n \u003C/button>\n\u003C/template>\n",[346,436],[16,34799,34800,34808,34816,34822,34828,34838,34842,34846,34850,34858,34862,34870,34885,34889,34897],{"__ignoreMap":273},[277,34801,34802,34804,34806],{"class":279,"line":280},[277,34803,284],{"class":283},[277,34805,288],{"class":287},[277,34807,305],{"class":283},[277,34809,34810,34812,34814],{"class":279,"line":308},[277,34811,1057],{"class":311},[277,34813,1060],{"class":311},[277,34815,343],{"class":283},[277,34817,34818,34820],{"class":279,"line":324},[277,34819,1086],{"class":291},[277,34821,473],{"class":283},[277,34823,34824,34826],{"class":279,"line":331},[277,34825,1093],{"class":311},[277,34827,343],{"class":283},[277,34829,34831,34834,34836],{"class":34830,"line":346},[279,9398],[277,34832,34833],{"class":283}," isSaving: ",[277,34835,2123],{"class":356},[277,34837,1077],{"class":283},[277,34839,34840],{"class":279,"line":360},[277,34841,18478],{"class":283},[277,34843,34844],{"class":279,"line":371},[277,34845,1131],{"class":283},[277,34847,34848],{"class":279,"line":381},[277,34849,18255],{"class":283},[277,34851,34852,34854,34856],{"class":279,"line":391},[277,34853,785],{"class":283},[277,34855,288],{"class":287},[277,34857,305],{"class":283},[277,34859,34860],{"class":279,"line":397},[277,34861,328],{"emptyLinePlaceholder":327},[277,34863,34864,34866,34868],{"class":279,"line":402},[277,34865,284],{"class":283},[277,34867,802],{"class":287},[277,34869,305],{"class":283},[277,34871,34873,34875,34877,34879,34881,34883],{"class":34872,"line":436},[279,9398],[277,34874,810],{"class":283},[277,34876,4267],{"class":287},[277,34878,34765],{"class":291},[277,34880,298],{"class":283},[277,34882,34770],{"class":301},[277,34884,305],{"class":283},[277,34886,34887],{"class":279,"line":456},[277,34888,34777],{"class":283},[277,34890,34891,34893,34895],{"class":279,"line":461},[277,34892,954],{"class":283},[277,34894,4267],{"class":287},[277,34896,305],{"class":283},[277,34898,34899,34901,34903],{"class":279,"line":476},[277,34900,785],{"class":283},[277,34902,802],{"class":287},[277,34904,305],{"class":283},[192,34906,34908,34909,34912],{"id":34907},"_3-v-bindclass-con-objeto-patrón-recomendado","3) ",[16,34910,34911],{},"v-bind:class"," con objeto (patrón recomendado)",[267,34914,34917],{"className":269,"code":34915,"filename":271,"highlights":34916,"language":272,"meta":273,"style":273},"\u003Cscript setup>\nimport { ref } from \"vue\";\n\nconst isActive = ref(true);\nconst hasError = ref(false);\n\u003C/script>\n\n\u003Ctemplate>\n \u003Cp\n :class=\"{\n 'text-success': isActive,\n 'text-danger': hasError,\n 'text-muted': !isActive && !hasError,\n }\"\n >\n Estado del sistema\n \u003C/p>\n\u003C/template>\n",[331,397,402,436,456,461],[16,34918,34919,34929,34941,34945,34963,34979,34987,34991,34999,35006,35017,35023,35029,35035,35041,35045,35050,35058],{"__ignoreMap":273},[277,34920,34921,34923,34925,34927],{"class":279,"line":280},[277,34922,284],{"class":283},[277,34924,288],{"class":287},[277,34926,292],{"class":291},[277,34928,305],{"class":283},[277,34930,34931,34933,34935,34937,34939],{"class":279,"line":308},[277,34932,312],{"class":311},[277,34934,11006],{"class":283},[277,34936,318],{"class":311},[277,34938,18148],{"class":301},[277,34940,18151],{"class":283},[277,34942,34943],{"class":279,"line":324},[277,34944,328],{"emptyLinePlaceholder":327},[277,34946,34948,34950,34953,34955,34957,34959,34961],{"class":34947,"line":331},[279,9398],[277,34949,405],{"class":311},[277,34951,34952],{"class":356}," isActive",[277,34954,340],{"class":311},[277,34956,413],{"class":291},[277,34958,448],{"class":283},[277,34960,2149],{"class":356},[277,34962,18277],{"class":283},[277,34964,34965,34967,34969,34971,34973,34975,34977],{"class":279,"line":346},[277,34966,405],{"class":311},[277,34968,3483],{"class":356},[277,34970,340],{"class":311},[277,34972,413],{"class":291},[277,34974,448],{"class":283},[277,34976,2123],{"class":356},[277,34978,18277],{"class":283},[277,34980,34981,34983,34985],{"class":279,"line":360},[277,34982,785],{"class":283},[277,34984,288],{"class":287},[277,34986,305],{"class":283},[277,34988,34989],{"class":279,"line":371},[277,34990,328],{"emptyLinePlaceholder":327},[277,34992,34993,34995,34997],{"class":279,"line":381},[277,34994,284],{"class":283},[277,34996,802],{"class":287},[277,34998,305],{"class":283},[277,35000,35001,35003],{"class":279,"line":391},[277,35002,810],{"class":283},[277,35004,35005],{"class":287},"p\n",[277,35007,35009,35012,35014],{"class":35008,"line":397},[279,9398],[277,35010,35011],{"class":291}," :class",[277,35013,298],{"class":283},[277,35015,35016],{"class":301},"\"{\n",[277,35018,35020],{"class":35019,"line":402},[279,9398],[277,35021,35022],{"class":301}," 'text-success': isActive,\n",[277,35024,35026],{"class":35025,"line":436},[279,9398],[277,35027,35028],{"class":301}," 'text-danger': hasError,\n",[277,35030,35032],{"class":35031,"line":456},[279,9398],[277,35033,35034],{"class":301}," 'text-muted': !isActive && !hasError,\n",[277,35036,35038],{"class":35037,"line":461},[279,9398],[277,35039,35040],{"class":301}," }\"\n",[277,35042,35043],{"class":279,"line":476},[277,35044,22757],{"class":283},[277,35046,35047],{"class":279,"line":500},[277,35048,35049],{"class":283}," Estado del sistema\n",[277,35051,35052,35054,35056],{"class":279,"line":505},[277,35053,954],{"class":283},[277,35055,21],{"class":287},[277,35057,305],{"class":283},[277,35059,35060,35062,35064],{"class":279,"line":520},[277,35061,785],{"class":283},[277,35063,802],{"class":287},[277,35065,305],{"class":283},[267,35067,35070],{"className":269,"code":35068,"filename":971,"highlights":35069,"language":272,"meta":273,"style":273},"\u003Cscript>\nexport default {\n data() {\n return {\n isActive: true,\n hasError: false,\n };\n },\n};\n\u003C/script>\n\n\u003Ctemplate>\n \u003Cp\n :class=\"{\n 'text-success': isActive,\n 'text-danger': hasError,\n 'text-muted': !isActive && !hasError,\n }\"\n >\n Estado del sistema\n \u003C/p>\n\u003C/template>\n",[346,456,461,476,500,505],[16,35071,35072,35080,35088,35094,35100,35110,35118,35122,35126,35130,35138,35142,35150,35157,35166,35171,35176,35181,35185,35189,35193,35201],{"__ignoreMap":273},[277,35073,35074,35076,35078],{"class":279,"line":280},[277,35075,284],{"class":283},[277,35077,288],{"class":287},[277,35079,305],{"class":283},[277,35081,35082,35084,35086],{"class":279,"line":308},[277,35083,1057],{"class":311},[277,35085,1060],{"class":311},[277,35087,343],{"class":283},[277,35089,35090,35092],{"class":279,"line":324},[277,35091,1086],{"class":291},[277,35093,473],{"class":283},[277,35095,35096,35098],{"class":279,"line":331},[277,35097,1093],{"class":311},[277,35099,343],{"class":283},[277,35101,35103,35106,35108],{"class":35102,"line":346},[279,9398],[277,35104,35105],{"class":283}," isActive: ",[277,35107,2149],{"class":356},[277,35109,1077],{"class":283},[277,35111,35112,35114,35116],{"class":279,"line":360},[277,35113,4663],{"class":283},[277,35115,2123],{"class":356},[277,35117,1077],{"class":283},[277,35119,35120],{"class":279,"line":371},[277,35121,18478],{"class":283},[277,35123,35124],{"class":279,"line":381},[277,35125,1131],{"class":283},[277,35127,35128],{"class":279,"line":391},[277,35129,18255],{"class":283},[277,35131,35132,35134,35136],{"class":279,"line":397},[277,35133,785],{"class":283},[277,35135,288],{"class":287},[277,35137,305],{"class":283},[277,35139,35140],{"class":279,"line":402},[277,35141,328],{"emptyLinePlaceholder":327},[277,35143,35144,35146,35148],{"class":279,"line":436},[277,35145,284],{"class":283},[277,35147,802],{"class":287},[277,35149,305],{"class":283},[277,35151,35153,35155],{"class":35152,"line":456},[279,9398],[277,35154,810],{"class":283},[277,35156,35005],{"class":287},[277,35158,35160,35162,35164],{"class":35159,"line":461},[279,9398],[277,35161,35011],{"class":291},[277,35163,298],{"class":283},[277,35165,35016],{"class":301},[277,35167,35169],{"class":35168,"line":476},[279,9398],[277,35170,35022],{"class":301},[277,35172,35174],{"class":35173,"line":500},[279,9398],[277,35175,35028],{"class":301},[277,35177,35179],{"class":35178,"line":505},[279,9398],[277,35180,35034],{"class":301},[277,35182,35183],{"class":279,"line":520},[277,35184,35040],{"class":301},[277,35186,35187],{"class":279,"line":539},[277,35188,22757],{"class":283},[277,35190,35191],{"class":279,"line":545},[277,35192,35049],{"class":283},[277,35194,35195,35197,35199],{"class":279,"line":550},[277,35196,954],{"class":283},[277,35198,21],{"class":287},[277,35200,305],{"class":283},[277,35202,35203,35205,35207],{"class":279,"line":578},[277,35204,785],{"class":283},[277,35206,802],{"class":287},[277,35208,305],{"class":283},[192,35210,26774,35212,35215],{"id":35211},"_4-v-bindstyle-dinámico-con-objeto",[16,35213,35214],{},"v-bind:style"," dinámico con objeto",[267,35217,35220],{"className":269,"code":35218,"filename":271,"highlights":35219,"language":272,"meta":273,"style":273},"\u003Cscript setup>\nimport { ref } from \"vue\";\n\nconst fontSize = ref(16);\nconst textColor = ref(\"#1D5BA1\");\n\u003C/script>\n\n\u003Ctemplate>\n \u003Cp :style=\"{ fontSize: `${fontSize}px`, color: textColor }\">\n Texto con estilo reactivo\n \u003C/p>\n\u003C/template>\n",[331,346,391],[16,35221,35222,35232,35244,35248,35267,35286,35294,35298,35306,35322,35327,35335],{"__ignoreMap":273},[277,35223,35224,35226,35228,35230],{"class":279,"line":280},[277,35225,284],{"class":283},[277,35227,288],{"class":287},[277,35229,292],{"class":291},[277,35231,305],{"class":283},[277,35233,35234,35236,35238,35240,35242],{"class":279,"line":308},[277,35235,312],{"class":311},[277,35237,11006],{"class":283},[277,35239,318],{"class":311},[277,35241,18148],{"class":301},[277,35243,18151],{"class":283},[277,35245,35246],{"class":279,"line":324},[277,35247,328],{"emptyLinePlaceholder":327},[277,35249,35251,35253,35256,35258,35260,35262,35265],{"class":35250,"line":331},[279,9398],[277,35252,405],{"class":311},[277,35254,35255],{"class":356}," fontSize",[277,35257,340],{"class":311},[277,35259,413],{"class":291},[277,35261,448],{"class":283},[277,35263,35264],{"class":356},"16",[277,35266,18277],{"class":283},[277,35268,35270,35272,35275,35277,35279,35281,35284],{"class":35269,"line":346},[279,9398],[277,35271,405],{"class":311},[277,35273,35274],{"class":356}," textColor",[277,35276,340],{"class":311},[277,35278,413],{"class":291},[277,35280,448],{"class":283},[277,35282,35283],{"class":301},"\"#1D5BA1\"",[277,35285,18277],{"class":283},[277,35287,35288,35290,35292],{"class":279,"line":360},[277,35289,785],{"class":283},[277,35291,288],{"class":287},[277,35293,305],{"class":283},[277,35295,35296],{"class":279,"line":371},[277,35297,328],{"emptyLinePlaceholder":327},[277,35299,35300,35302,35304],{"class":279,"line":381},[277,35301,284],{"class":283},[277,35303,802],{"class":287},[277,35305,305],{"class":283},[277,35307,35309,35311,35313,35315,35317,35320],{"class":35308,"line":391},[279,9398],[277,35310,810],{"class":283},[277,35312,21],{"class":287},[277,35314,33308],{"class":291},[277,35316,298],{"class":283},[277,35318,35319],{"class":301},"\"{ fontSize: `${fontSize}px`, color: textColor }\"",[277,35321,305],{"class":283},[277,35323,35324],{"class":279,"line":397},[277,35325,35326],{"class":283}," Texto con estilo reactivo\n",[277,35328,35329,35331,35333],{"class":279,"line":402},[277,35330,954],{"class":283},[277,35332,21],{"class":287},[277,35334,305],{"class":283},[277,35336,35337,35339,35341],{"class":279,"line":436},[277,35338,785],{"class":283},[277,35340,802],{"class":287},[277,35342,305],{"class":283},[267,35344,35347],{"className":269,"code":35345,"filename":971,"highlights":35346,"language":272,"meta":273,"style":273},"\u003Cscript>\nexport default {\n data() {\n return {\n fontSize: 16,\n textColor: \"#1D5BA1\",\n };\n },\n};\n\u003C/script>\n\n\u003Ctemplate>\n \u003Cp :style=\"{ fontSize: `${fontSize}px`, color: textColor }\">\n Texto con estilo reactivo\n \u003C/p>\n\u003C/template>\n",[346,360,456],[16,35348,35349,35357,35365,35371,35377,35387,35397,35401,35405,35409,35417,35421,35429,35444,35448,35456],{"__ignoreMap":273},[277,35350,35351,35353,35355],{"class":279,"line":280},[277,35352,284],{"class":283},[277,35354,288],{"class":287},[277,35356,305],{"class":283},[277,35358,35359,35361,35363],{"class":279,"line":308},[277,35360,1057],{"class":311},[277,35362,1060],{"class":311},[277,35364,343],{"class":283},[277,35366,35367,35369],{"class":279,"line":324},[277,35368,1086],{"class":291},[277,35370,473],{"class":283},[277,35372,35373,35375],{"class":279,"line":331},[277,35374,1093],{"class":311},[277,35376,343],{"class":283},[277,35378,35380,35383,35385],{"class":35379,"line":346},[279,9398],[277,35381,35382],{"class":283}," fontSize: ",[277,35384,35264],{"class":356},[277,35386,1077],{"class":283},[277,35388,35390,35393,35395],{"class":35389,"line":360},[279,9398],[277,35391,35392],{"class":283}," textColor: ",[277,35394,35283],{"class":301},[277,35396,1077],{"class":283},[277,35398,35399],{"class":279,"line":371},[277,35400,18478],{"class":283},[277,35402,35403],{"class":279,"line":381},[277,35404,1131],{"class":283},[277,35406,35407],{"class":279,"line":391},[277,35408,18255],{"class":283},[277,35410,35411,35413,35415],{"class":279,"line":397},[277,35412,785],{"class":283},[277,35414,288],{"class":287},[277,35416,305],{"class":283},[277,35418,35419],{"class":279,"line":402},[277,35420,328],{"emptyLinePlaceholder":327},[277,35422,35423,35425,35427],{"class":279,"line":436},[277,35424,284],{"class":283},[277,35426,802],{"class":287},[277,35428,305],{"class":283},[277,35430,35432,35434,35436,35438,35440,35442],{"class":35431,"line":456},[279,9398],[277,35433,810],{"class":283},[277,35435,21],{"class":287},[277,35437,33308],{"class":291},[277,35439,298],{"class":283},[277,35441,35319],{"class":301},[277,35443,305],{"class":283},[277,35445,35446],{"class":279,"line":461},[277,35447,35326],{"class":283},[277,35449,35450,35452,35454],{"class":279,"line":476},[277,35451,954],{"class":283},[277,35453,21],{"class":287},[277,35455,305],{"class":283},[277,35457,35458,35460,35462],{"class":279,"line":500},[277,35459,785],{"class":283},[277,35461,802],{"class":287},[277,35463,305],{"class":283},[192,35465,35467,35468],{"id":35466},"_5-argumento-dinámico-attrnamevalue","5) Argumento dinámico: ",[16,35469,34145],{},[21,35471,35472],{},"Útil cuando el nombre del atributo también depende del estado.",[267,35474,35477],{"className":269,"code":35475,"filename":271,"highlights":35476,"language":272,"meta":273,"style":273},"\u003Cscript setup>\nimport { ref } from \"vue\";\n\nconst attrName = ref(\"title\");\nconst attrValue = ref(\"Tooltip dinámico\");\n\u003C/script>\n\n\u003Ctemplate>\n \u003Cbutton :[attrName]=\"attrValue\">Hover me\u003C/button>\n\u003C/template>\n",[331,346,391],[16,35478,35479,35489,35501,35505,35524,35543,35551,35555,35563,35585],{"__ignoreMap":273},[277,35480,35481,35483,35485,35487],{"class":279,"line":280},[277,35482,284],{"class":283},[277,35484,288],{"class":287},[277,35486,292],{"class":291},[277,35488,305],{"class":283},[277,35490,35491,35493,35495,35497,35499],{"class":279,"line":308},[277,35492,312],{"class":311},[277,35494,11006],{"class":283},[277,35496,318],{"class":311},[277,35498,18148],{"class":301},[277,35500,18151],{"class":283},[277,35502,35503],{"class":279,"line":324},[277,35504,328],{"emptyLinePlaceholder":327},[277,35506,35508,35510,35513,35515,35517,35519,35522],{"class":35507,"line":331},[279,9398],[277,35509,405],{"class":311},[277,35511,35512],{"class":356}," attrName",[277,35514,340],{"class":311},[277,35516,413],{"class":291},[277,35518,448],{"class":283},[277,35520,35521],{"class":301},"\"title\"",[277,35523,18277],{"class":283},[277,35525,35527,35529,35532,35534,35536,35538,35541],{"class":35526,"line":346},[279,9398],[277,35528,405],{"class":311},[277,35530,35531],{"class":356}," attrValue",[277,35533,340],{"class":311},[277,35535,413],{"class":291},[277,35537,448],{"class":283},[277,35539,35540],{"class":301},"\"Tooltip dinámico\"",[277,35542,18277],{"class":283},[277,35544,35545,35547,35549],{"class":279,"line":360},[277,35546,785],{"class":283},[277,35548,288],{"class":287},[277,35550,305],{"class":283},[277,35552,35553],{"class":279,"line":371},[277,35554,328],{"emptyLinePlaceholder":327},[277,35556,35557,35559,35561],{"class":279,"line":381},[277,35558,284],{"class":283},[277,35560,802],{"class":287},[277,35562,305],{"class":283},[277,35564,35566,35568,35570,35573,35575,35578,35581,35583],{"class":35565,"line":391},[279,9398],[277,35567,810],{"class":283},[277,35569,4267],{"class":287},[277,35571,35572],{"class":291}," :[attrName]",[277,35574,298],{"class":283},[277,35576,35577],{"class":301},"\"attrValue\"",[277,35579,35580],{"class":283},">Hover me\u003C/",[277,35582,4267],{"class":287},[277,35584,305],{"class":283},[277,35586,35587,35589,35591],{"class":279,"line":397},[277,35588,785],{"class":283},[277,35590,802],{"class":287},[277,35592,305],{"class":283},[267,35594,35597],{"className":269,"code":35595,"filename":971,"highlights":35596,"language":272,"meta":273,"style":273},"\u003Cscript>\nexport default {\n data() {\n return {\n attrName: \"title\",\n attrValue: \"Tooltip dinámico\",\n };\n },\n};\n\u003C/script>\n\n\u003Ctemplate>\n \u003Cbutton :[attrName]=\"attrValue\">Hover me\u003C/button>\n\u003C/template>\n",[346,360,456],[16,35598,35599,35607,35615,35621,35627,35637,35647,35651,35655,35659,35667,35671,35679,35698],{"__ignoreMap":273},[277,35600,35601,35603,35605],{"class":279,"line":280},[277,35602,284],{"class":283},[277,35604,288],{"class":287},[277,35606,305],{"class":283},[277,35608,35609,35611,35613],{"class":279,"line":308},[277,35610,1057],{"class":311},[277,35612,1060],{"class":311},[277,35614,343],{"class":283},[277,35616,35617,35619],{"class":279,"line":324},[277,35618,1086],{"class":291},[277,35620,473],{"class":283},[277,35622,35623,35625],{"class":279,"line":331},[277,35624,1093],{"class":311},[277,35626,343],{"class":283},[277,35628,35630,35633,35635],{"class":35629,"line":346},[279,9398],[277,35631,35632],{"class":283}," attrName: ",[277,35634,35521],{"class":301},[277,35636,1077],{"class":283},[277,35638,35640,35643,35645],{"class":35639,"line":360},[279,9398],[277,35641,35642],{"class":283}," attrValue: ",[277,35644,35540],{"class":301},[277,35646,1077],{"class":283},[277,35648,35649],{"class":279,"line":371},[277,35650,18478],{"class":283},[277,35652,35653],{"class":279,"line":381},[277,35654,1131],{"class":283},[277,35656,35657],{"class":279,"line":391},[277,35658,18255],{"class":283},[277,35660,35661,35663,35665],{"class":279,"line":397},[277,35662,785],{"class":283},[277,35664,288],{"class":287},[277,35666,305],{"class":283},[277,35668,35669],{"class":279,"line":402},[277,35670,328],{"emptyLinePlaceholder":327},[277,35672,35673,35675,35677],{"class":279,"line":436},[277,35674,284],{"class":283},[277,35676,802],{"class":287},[277,35678,305],{"class":283},[277,35680,35682,35684,35686,35688,35690,35692,35694,35696],{"class":35681,"line":456},[279,9398],[277,35683,810],{"class":283},[277,35685,4267],{"class":287},[277,35687,35572],{"class":291},[277,35689,298],{"class":283},[277,35691,35577],{"class":301},[277,35693,35580],{"class":283},[277,35695,4267],{"class":287},[277,35697,305],{"class":283},[277,35699,35700,35702,35704],{"class":279,"line":461},[277,35701,785],{"class":283},[277,35703,802],{"class":287},[277,35705,305],{"class":283},[192,35707,35709,35710,35713],{"id":35708},"_6-v-bindobj-para-pasar-múltiples-atributos-o-props","6) ",[16,35711,35712],{},"v-bind=\"obj\""," para pasar múltiples atributos o props",[267,35715,35718],{"className":269,"code":35716,"filename":271,"highlights":35717,"language":272,"meta":273,"style":273},"\u003Cscript setup>\nimport { ref } from \"vue\";\n\nconst inputAttrs = ref({\n id: \"email\",\n type: \"email\",\n placeholder: \"tu@email.com\",\n autocomplete: \"email\",\n required: true,\n});\n\u003C/script>\n\n\u003Ctemplate>\n \u003Cinput v-bind=\"inputAttrs\" />\n\u003C/template>\n",[331,346,360,371,381,391,397,461],[16,35719,35720,35730,35742,35746,35760,35770,35780,35790,35800,35810,35815,35823,35827,35835,35851],{"__ignoreMap":273},[277,35721,35722,35724,35726,35728],{"class":279,"line":280},[277,35723,284],{"class":283},[277,35725,288],{"class":287},[277,35727,292],{"class":291},[277,35729,305],{"class":283},[277,35731,35732,35734,35736,35738,35740],{"class":279,"line":308},[277,35733,312],{"class":311},[277,35735,11006],{"class":283},[277,35737,318],{"class":311},[277,35739,18148],{"class":301},[277,35741,18151],{"class":283},[277,35743,35744],{"class":279,"line":324},[277,35745,328],{"emptyLinePlaceholder":327},[277,35747,35749,35751,35754,35756,35758],{"class":35748,"line":331},[279,9398],[277,35750,405],{"class":311},[277,35752,35753],{"class":356}," inputAttrs",[277,35755,340],{"class":311},[277,35757,413],{"class":291},[277,35759,1066],{"class":283},[277,35761,35763,35766,35768],{"class":35762,"line":346},[279,9398],[277,35764,35765],{"class":283}," id: ",[277,35767,31911],{"class":301},[277,35769,1077],{"class":283},[277,35771,35773,35776,35778],{"class":35772,"line":360},[279,9398],[277,35774,35775],{"class":283}," type: ",[277,35777,31911],{"class":301},[277,35779,1077],{"class":283},[277,35781,35783,35786,35788],{"class":35782,"line":371},[279,9398],[277,35784,35785],{"class":283}," placeholder: ",[277,35787,31925],{"class":301},[277,35789,1077],{"class":283},[277,35791,35793,35796,35798],{"class":35792,"line":381},[279,9398],[277,35794,35795],{"class":283}," autocomplete: ",[277,35797,31911],{"class":301},[277,35799,1077],{"class":283},[277,35801,35803,35806,35808],{"class":35802,"line":391},[279,9398],[277,35804,35805],{"class":283}," required: ",[277,35807,2149],{"class":356},[277,35809,1077],{"class":283},[277,35811,35813],{"class":35812,"line":397},[279,9398],[277,35814,21454],{"class":283},[277,35816,35817,35819,35821],{"class":279,"line":402},[277,35818,785],{"class":283},[277,35820,288],{"class":287},[277,35822,305],{"class":283},[277,35824,35825],{"class":279,"line":436},[277,35826,328],{"emptyLinePlaceholder":327},[277,35828,35829,35831,35833],{"class":279,"line":456},[277,35830,284],{"class":283},[277,35832,802],{"class":287},[277,35834,305],{"class":283},[277,35836,35838,35840,35842,35844,35846,35849],{"class":35837,"line":461},[279,9398],[277,35839,810],{"class":283},[277,35841,18041],{"class":287},[277,35843,34048],{"class":291},[277,35845,298],{"class":283},[277,35847,35848],{"class":301},"\"inputAttrs\"",[277,35850,4325],{"class":283},[277,35852,35853,35855,35857],{"class":279,"line":476},[277,35854,785],{"class":283},[277,35856,802],{"class":287},[277,35858,305],{"class":283},[267,35860,35863],{"className":269,"code":35861,"filename":971,"highlights":35862,"language":272,"meta":273,"style":273},"\u003Cscript>\nexport default {\n data() {\n return {\n inputAttrs: {\n id: \"email\",\n type: \"email\",\n placeholder: \"tu@email.com\",\n autocomplete: \"email\",\n required: true,\n },\n };\n },\n};\n\u003C/script>\n\n\u003Ctemplate>\n \u003Cinput v-bind=\"inputAttrs\" />\n\u003C/template>\n",[346,360,371,381,391,397,402,520],[16,35864,35865,35873,35881,35887,35893,35899,35909,35919,35929,35939,35949,35954,35958,35962,35966,35974,35978,35986,36001],{"__ignoreMap":273},[277,35866,35867,35869,35871],{"class":279,"line":280},[277,35868,284],{"class":283},[277,35870,288],{"class":287},[277,35872,305],{"class":283},[277,35874,35875,35877,35879],{"class":279,"line":308},[277,35876,1057],{"class":311},[277,35878,1060],{"class":311},[277,35880,343],{"class":283},[277,35882,35883,35885],{"class":279,"line":324},[277,35884,1086],{"class":291},[277,35886,473],{"class":283},[277,35888,35889,35891],{"class":279,"line":331},[277,35890,1093],{"class":311},[277,35892,343],{"class":283},[277,35894,35896],{"class":35895,"line":346},[279,9398],[277,35897,35898],{"class":283}," inputAttrs: {\n",[277,35900,35902,35905,35907],{"class":35901,"line":360},[279,9398],[277,35903,35904],{"class":283}," id: ",[277,35906,31911],{"class":301},[277,35908,1077],{"class":283},[277,35910,35912,35915,35917],{"class":35911,"line":371},[279,9398],[277,35913,35914],{"class":283}," type: ",[277,35916,31911],{"class":301},[277,35918,1077],{"class":283},[277,35920,35922,35925,35927],{"class":35921,"line":381},[279,9398],[277,35923,35924],{"class":283}," placeholder: ",[277,35926,31925],{"class":301},[277,35928,1077],{"class":283},[277,35930,35932,35935,35937],{"class":35931,"line":391},[279,9398],[277,35933,35934],{"class":283}," autocomplete: ",[277,35936,31911],{"class":301},[277,35938,1077],{"class":283},[277,35940,35942,35945,35947],{"class":35941,"line":397},[279,9398],[277,35943,35944],{"class":283}," required: ",[277,35946,2149],{"class":356},[277,35948,1077],{"class":283},[277,35950,35952],{"class":35951,"line":402},[279,9398],[277,35953,2629],{"class":283},[277,35955,35956],{"class":279,"line":436},[277,35957,18478],{"class":283},[277,35959,35960],{"class":279,"line":456},[277,35961,1131],{"class":283},[277,35963,35964],{"class":279,"line":461},[277,35965,18255],{"class":283},[277,35967,35968,35970,35972],{"class":279,"line":476},[277,35969,785],{"class":283},[277,35971,288],{"class":287},[277,35973,305],{"class":283},[277,35975,35976],{"class":279,"line":500},[277,35977,328],{"emptyLinePlaceholder":327},[277,35979,35980,35982,35984],{"class":279,"line":505},[277,35981,284],{"class":283},[277,35983,802],{"class":287},[277,35985,305],{"class":283},[277,35987,35989,35991,35993,35995,35997,35999],{"class":35988,"line":520},[279,9398],[277,35990,810],{"class":283},[277,35992,18041],{"class":287},[277,35994,34048],{"class":291},[277,35996,298],{"class":283},[277,35998,35848],{"class":301},[277,36000,4325],{"class":283},[277,36002,36003,36005,36007],{"class":279,"line":539},[277,36004,785],{"class":283},[277,36006,802],{"class":287},[277,36008,305],{"class":283},[3111,36010,36011],{},[21,36012,36013,36015],{},[16,36014,35712],{}," también es común para forwarding de props en componentes base.",[30,36017,36019],{"id":36018},"ejemplo-integrado","Ejemplo integrado",[21,36021,36022,36023,36025],{},"Formulario simple con ",[16,36024,17974],{}," para atributos, clases y estado.",[267,36027,36029],{"className":269,"code":36028,"filename":271,"language":272,"meta":273,"style":273},"\u003Cscript setup>\nimport { computed, ref } from \"vue\";\n\nconst email = ref(\"\");\nconst isSubmitting = ref(false);\nconst hasError = ref(false);\n\nconst inputAttrs = computed(() => ({\n type: \"email\",\n placeholder: \"Ingresa tu correo\",\n autocomplete: \"email\",\n required: true,\n}));\n\nconst buttonClass = computed(() => ({\n \"btn-primary\": !isSubmitting.value,\n \"btn-disabled\": isSubmitting.value,\n}));\n\nfunction submit() {\n hasError.value = email.value.trim() === \"\";\n if (hasError.value) return;\n isSubmitting.value = true;\n setTimeout(() => {\n isSubmitting.value = false;\n }, 1000);\n}\n\u003C/script>\n\n\u003Ctemplate>\n \u003Cform @submit.prevent=\"submit\">\n \u003Cinput v-bind=\"inputAttrs\" v-model=\"email\" :class=\"{ 'input-error': hasError }\" />\n\n \u003Cbutton :disabled=\"isSubmitting\" :class=\"buttonClass\">\n {{ isSubmitting ? \"Enviando...\" : \"Enviar\" }}\n \u003C/button>\n\n \u003Cp :style=\"{ color: hasError ? '#E74C3C' : '#2ECC71' }\">\n {{ hasError ? \"El correo es obligatorio.\" : \"Listo para enviar.\" }}\n \u003C/p>\n \u003C/form>\n\u003C/template>\n",[16,36030,36031,36041,36053,36057,36073,36090,36106,36110,36127,36135,36144,36152,36160,36165,36169,36186,36198,36206,36210,36214,36223,36242,36253,36264,36275,36286,36294,36298,36306,36310,36318,36332,36360,36364,36386,36391,36399,36403,36418,36423,36431,36439],{"__ignoreMap":273},[277,36032,36033,36035,36037,36039],{"class":279,"line":280},[277,36034,284],{"class":283},[277,36036,288],{"class":287},[277,36038,292],{"class":291},[277,36040,305],{"class":283},[277,36042,36043,36045,36047,36049,36051],{"class":279,"line":308},[277,36044,312],{"class":311},[277,36046,23384],{"class":283},[277,36048,318],{"class":311},[277,36050,18148],{"class":301},[277,36052,18151],{"class":283},[277,36054,36055],{"class":279,"line":324},[277,36056,328],{"emptyLinePlaceholder":327},[277,36058,36059,36061,36063,36065,36067,36069,36071],{"class":279,"line":331},[277,36060,405],{"class":311},[277,36062,31800],{"class":356},[277,36064,340],{"class":311},[277,36066,413],{"class":291},[277,36068,448],{"class":283},[277,36070,25316],{"class":301},[277,36072,18277],{"class":283},[277,36074,36075,36077,36080,36082,36084,36086,36088],{"class":279,"line":346},[277,36076,405],{"class":311},[277,36078,36079],{"class":356}," isSubmitting",[277,36081,340],{"class":311},[277,36083,413],{"class":291},[277,36085,448],{"class":283},[277,36087,2123],{"class":356},[277,36089,18277],{"class":283},[277,36091,36092,36094,36096,36098,36100,36102,36104],{"class":279,"line":360},[277,36093,405],{"class":311},[277,36095,3483],{"class":356},[277,36097,340],{"class":311},[277,36099,413],{"class":291},[277,36101,448],{"class":283},[277,36103,2123],{"class":356},[277,36105,18277],{"class":283},[277,36107,36108],{"class":279,"line":371},[277,36109,328],{"emptyLinePlaceholder":327},[277,36111,36112,36114,36116,36118,36120,36122,36124],{"class":279,"line":381},[277,36113,405],{"class":311},[277,36115,35753],{"class":356},[277,36117,340],{"class":311},[277,36119,2200],{"class":291},[277,36121,2203],{"class":283},[277,36123,601],{"class":311},[277,36125,36126],{"class":283}," ({\n",[277,36128,36129,36131,36133],{"class":279,"line":391},[277,36130,35775],{"class":283},[277,36132,31911],{"class":301},[277,36134,1077],{"class":283},[277,36136,36137,36139,36142],{"class":279,"line":397},[277,36138,35785],{"class":283},[277,36140,36141],{"class":301},"\"Ingresa tu correo\"",[277,36143,1077],{"class":283},[277,36145,36146,36148,36150],{"class":279,"line":402},[277,36147,35795],{"class":283},[277,36149,31911],{"class":301},[277,36151,1077],{"class":283},[277,36153,36154,36156,36158],{"class":279,"line":436},[277,36155,35805],{"class":283},[277,36157,2149],{"class":356},[277,36159,1077],{"class":283},[277,36161,36162],{"class":279,"line":456},[277,36163,36164],{"class":283},"}));\n",[277,36166,36167],{"class":279,"line":461},[277,36168,328],{"emptyLinePlaceholder":327},[277,36170,36171,36173,36176,36178,36180,36182,36184],{"class":279,"line":476},[277,36172,405],{"class":311},[277,36174,36175],{"class":356}," buttonClass",[277,36177,340],{"class":311},[277,36179,2200],{"class":291},[277,36181,2203],{"class":283},[277,36183,601],{"class":311},[277,36185,36126],{"class":283},[277,36187,36188,36191,36193,36195],{"class":279,"line":500},[277,36189,36190],{"class":301}," \"btn-primary\"",[277,36192,20699],{"class":283},[277,36194,514],{"class":311},[277,36196,36197],{"class":283},"isSubmitting.value,\n",[277,36199,36200,36203],{"class":279,"line":505},[277,36201,36202],{"class":301}," \"btn-disabled\"",[277,36204,36205],{"class":283},": isSubmitting.value,\n",[277,36207,36208],{"class":279,"line":520},[277,36209,36164],{"class":283},[277,36211,36212],{"class":279,"line":539},[277,36213,328],{"emptyLinePlaceholder":327},[277,36215,36216,36218,36221],{"class":279,"line":545},[277,36217,2460],{"class":311},[277,36219,36220],{"class":291}," submit",[277,36222,473],{"class":283},[277,36224,36225,36227,36229,36232,36234,36236,36238,36240],{"class":279,"line":550},[277,36226,3945],{"class":283},[277,36228,298],{"class":311},[277,36230,36231],{"class":283}," email.value.",[277,36233,31837],{"class":291},[277,36235,8129],{"class":283},[277,36237,2503],{"class":311},[277,36239,33005],{"class":301},[277,36241,18151],{"class":283},[277,36243,36244,36246,36249,36251],{"class":279,"line":578},[277,36245,508],{"class":311},[277,36247,36248],{"class":283}," (hasError.value) ",[277,36250,18346],{"class":311},[277,36252,18151],{"class":283},[277,36254,36255,36258,36260,36262],{"class":279,"line":583},[277,36256,36257],{"class":283}," isSubmitting.value ",[277,36259,298],{"class":311},[277,36261,20433],{"class":356},[277,36263,18151],{"class":283},[277,36265,36266,36269,36271,36273],{"class":279,"line":588},[277,36267,36268],{"class":291}," setTimeout",[277,36270,2203],{"class":283},[277,36272,601],{"class":311},[277,36274,343],{"class":283},[277,36276,36277,36280,36282,36284],{"class":279,"line":606},[277,36278,36279],{"class":283}," isSubmitting.value ",[277,36281,298],{"class":311},[277,36283,19366],{"class":356},[277,36285,18151],{"class":283},[277,36287,36288,36290,36292],{"class":279,"line":614},[277,36289,6120],{"class":283},[277,36291,11248],{"class":356},[277,36293,18277],{"class":283},[277,36295,36296],{"class":279,"line":625},[277,36297,394],{"class":283},[277,36299,36300,36302,36304],{"class":279,"line":637},[277,36301,785],{"class":283},[277,36303,288],{"class":287},[277,36305,305],{"class":283},[277,36307,36308],{"class":279,"line":646},[277,36309,328],{"emptyLinePlaceholder":327},[277,36311,36312,36314,36316],{"class":279,"line":668},[277,36313,284],{"class":283},[277,36315,802],{"class":287},[277,36317,305],{"class":283},[277,36319,36320,36322,36324,36326,36328,36330],{"class":279,"line":673},[277,36321,810],{"class":283},[277,36323,31294],{"class":287},[277,36325,31891],{"class":291},[277,36327,298],{"class":283},[277,36329,31940],{"class":301},[277,36331,305],{"class":283},[277,36333,36334,36336,36338,36340,36342,36344,36346,36348,36350,36353,36355,36358],{"class":279,"line":679},[277,36335,829],{"class":283},[277,36337,18041],{"class":287},[277,36339,34048],{"class":291},[277,36341,298],{"class":283},[277,36343,35848],{"class":301},[277,36345,23751],{"class":291},[277,36347,298],{"class":283},[277,36349,31911],{"class":301},[277,36351,36352],{"class":291}," :class",[277,36354,298],{"class":283},[277,36356,36357],{"class":301},"\"{ 'input-error': hasError }\"",[277,36359,4325],{"class":283},[277,36361,36362],{"class":279,"line":684},[277,36363,328],{"emptyLinePlaceholder":327},[277,36365,36366,36368,36370,36372,36374,36377,36379,36381,36384],{"class":279,"line":700},[277,36367,829],{"class":283},[277,36369,4267],{"class":287},[277,36371,34765],{"class":291},[277,36373,298],{"class":283},[277,36375,36376],{"class":301},"\"isSubmitting\"",[277,36378,36352],{"class":291},[277,36380,298],{"class":283},[277,36382,36383],{"class":301},"\"buttonClass\"",[277,36385,305],{"class":283},[277,36387,36388],{"class":279,"line":717},[277,36389,36390],{"class":283}," {{ isSubmitting ? \"Enviando...\" : \"Enviar\" }}\n",[277,36392,36393,36395,36397],{"class":279,"line":722},[277,36394,922],{"class":283},[277,36396,4267],{"class":287},[277,36398,305],{"class":283},[277,36400,36401],{"class":279,"line":729},[277,36402,328],{"emptyLinePlaceholder":327},[277,36404,36405,36407,36409,36411,36413,36416],{"class":279,"line":738},[277,36406,829],{"class":283},[277,36408,21],{"class":287},[277,36410,33308],{"class":291},[277,36412,298],{"class":283},[277,36414,36415],{"class":301},"\"{ color: hasError ? '#E74C3C' : '#2ECC71' }\"",[277,36417,305],{"class":283},[277,36419,36420],{"class":279,"line":747},[277,36421,36422],{"class":283}," {{ hasError ? \"El correo es obligatorio.\" : \"Listo para enviar.\" }}\n",[277,36424,36425,36427,36429],{"class":279,"line":754},[277,36426,922],{"class":283},[277,36428,21],{"class":287},[277,36430,305],{"class":283},[277,36432,36433,36435,36437],{"class":279,"line":772},[277,36434,954],{"class":283},[277,36436,31294],{"class":287},[277,36438,305],{"class":283},[277,36440,36441,36443,36445],{"class":279,"line":777},[277,36442,785],{"class":283},[277,36444,802],{"class":287},[277,36446,305],{"class":283},[267,36448,36450],{"className":269,"code":36449,"filename":971,"language":272,"meta":273,"style":273},"\u003Cscript>\nexport default {\n data() {\n return {\n email: \"\",\n isSubmitting: false,\n hasError: false,\n };\n },\n computed: {\n inputAttrs() {\n return {\n type: \"email\",\n placeholder: \"Ingresa tu correo\",\n autocomplete: \"email\",\n required: true,\n };\n },\n buttonClass() {\n return {\n \"btn-primary\": !this.isSubmitting,\n \"btn-disabled\": this.isSubmitting,\n };\n },\n },\n methods: {\n submit() {\n this.hasError = this.email.trim() === \"\";\n if (this.hasError) return;\n this.isSubmitting = true;\n setTimeout(() => {\n this.isSubmitting = false;\n }, 1000);\n },\n },\n};\n\u003C/script>\n\n\u003Ctemplate>\n \u003Cform @submit.prevent=\"submit\">\n \u003Cinput v-bind=\"inputAttrs\" v-model=\"email\" :class=\"{ 'input-error': hasError }\" />\n\n \u003Cbutton :disabled=\"isSubmitting\" :class=\"buttonClass\">\n {{ isSubmitting ? \"Enviando...\" : \"Enviar\" }}\n \u003C/button>\n\n \u003Cp :style=\"{ color: hasError ? '#E74C3C' : '#2ECC71' }\">\n {{ hasError ? \"El correo es obligatorio.\" : \"Listo para enviar.\" }}\n \u003C/p>\n \u003C/form>\n\u003C/template>\n",[16,36451,36452,36460,36468,36474,36480,36488,36497,36505,36509,36513,36517,36524,36530,36538,36546,36554,36562,36567,36571,36578,36584,36598,36609,36613,36617,36621,36625,36632,36654,36669,36682,36693,36705,36713,36717,36721,36725,36733,36737,36745,36759,36785,36789,36809,36813,36821,36825,36839,36843,36851,36859],{"__ignoreMap":273},[277,36453,36454,36456,36458],{"class":279,"line":280},[277,36455,284],{"class":283},[277,36457,288],{"class":287},[277,36459,305],{"class":283},[277,36461,36462,36464,36466],{"class":279,"line":308},[277,36463,1057],{"class":311},[277,36465,1060],{"class":311},[277,36467,343],{"class":283},[277,36469,36470,36472],{"class":279,"line":324},[277,36471,1086],{"class":291},[277,36473,473],{"class":283},[277,36475,36476,36478],{"class":279,"line":331},[277,36477,1093],{"class":311},[277,36479,343],{"class":283},[277,36481,36482,36484,36486],{"class":279,"line":346},[277,36483,32008],{"class":283},[277,36485,25316],{"class":301},[277,36487,1077],{"class":283},[277,36489,36490,36493,36495],{"class":279,"line":360},[277,36491,36492],{"class":283}," isSubmitting: ",[277,36494,2123],{"class":356},[277,36496,1077],{"class":283},[277,36498,36499,36501,36503],{"class":279,"line":371},[277,36500,4663],{"class":283},[277,36502,2123],{"class":356},[277,36504,1077],{"class":283},[277,36506,36507],{"class":279,"line":381},[277,36508,18478],{"class":283},[277,36510,36511],{"class":279,"line":391},[277,36512,1131],{"class":283},[277,36514,36515],{"class":279,"line":397},[277,36516,2742],{"class":283},[277,36518,36519,36522],{"class":279,"line":402},[277,36520,36521],{"class":291}," inputAttrs",[277,36523,473],{"class":283},[277,36525,36526,36528],{"class":279,"line":436},[277,36527,2754],{"class":311},[277,36529,343],{"class":283},[277,36531,36532,36534,36536],{"class":279,"line":456},[277,36533,35914],{"class":283},[277,36535,31911],{"class":301},[277,36537,1077],{"class":283},[277,36539,36540,36542,36544],{"class":279,"line":461},[277,36541,35924],{"class":283},[277,36543,36141],{"class":301},[277,36545,1077],{"class":283},[277,36547,36548,36550,36552],{"class":279,"line":476},[277,36549,35934],{"class":283},[277,36551,31911],{"class":301},[277,36553,1077],{"class":283},[277,36555,36556,36558,36560],{"class":279,"line":500},[277,36557,35944],{"class":283},[277,36559,2149],{"class":356},[277,36561,1077],{"class":283},[277,36563,36564],{"class":279,"line":505},[277,36565,36566],{"class":283}," };\n",[277,36568,36569],{"class":279,"line":520},[277,36570,7016],{"class":283},[277,36572,36573,36576],{"class":279,"line":539},[277,36574,36575],{"class":291}," buttonClass",[277,36577,473],{"class":283},[277,36579,36580,36582],{"class":279,"line":545},[277,36581,2754],{"class":311},[277,36583,343],{"class":283},[277,36585,36586,36589,36591,36593,36595],{"class":279,"line":550},[277,36587,36588],{"class":301}," \"btn-primary\"",[277,36590,20699],{"class":283},[277,36592,514],{"class":311},[277,36594,1341],{"class":356},[277,36596,36597],{"class":283},".isSubmitting,\n",[277,36599,36600,36603,36605,36607],{"class":279,"line":578},[277,36601,36602],{"class":301}," \"btn-disabled\"",[277,36604,20699],{"class":283},[277,36606,1341],{"class":356},[277,36608,36597],{"class":283},[277,36610,36611],{"class":279,"line":583},[277,36612,36566],{"class":283},[277,36614,36615],{"class":279,"line":588},[277,36616,7016],{"class":283},[277,36618,36619],{"class":279,"line":606},[277,36620,1131],{"class":283},[277,36622,36623],{"class":279,"line":614},[277,36624,1140],{"class":283},[277,36626,36627,36630],{"class":279,"line":625},[277,36628,36629],{"class":291}," submit",[277,36631,473],{"class":283},[277,36633,36634,36636,36638,36640,36642,36644,36646,36648,36650,36652],{"class":279,"line":637},[277,36635,1212],{"class":356},[277,36637,4727],{"class":283},[277,36639,298],{"class":311},[277,36641,1268],{"class":356},[277,36643,32044],{"class":283},[277,36645,31837],{"class":291},[277,36647,8129],{"class":283},[277,36649,2503],{"class":311},[277,36651,33005],{"class":301},[277,36653,18151],{"class":283},[277,36655,36656,36658,36660,36662,36665,36667],{"class":279,"line":646},[277,36657,1177],{"class":311},[277,36659,511],{"class":283},[277,36661,1341],{"class":356},[277,36663,36664],{"class":283},".hasError) ",[277,36666,18346],{"class":311},[277,36668,18151],{"class":283},[277,36670,36671,36673,36676,36678,36680],{"class":279,"line":668},[277,36672,1212],{"class":356},[277,36674,36675],{"class":283},".isSubmitting ",[277,36677,298],{"class":311},[277,36679,20433],{"class":356},[277,36681,18151],{"class":283},[277,36683,36684,36687,36689,36691],{"class":279,"line":673},[277,36685,36686],{"class":291}," setTimeout",[277,36688,2203],{"class":283},[277,36690,601],{"class":311},[277,36692,343],{"class":283},[277,36694,36695,36697,36699,36701,36703],{"class":279,"line":679},[277,36696,8819],{"class":356},[277,36698,36675],{"class":283},[277,36700,298],{"class":311},[277,36702,19366],{"class":356},[277,36704,18151],{"class":283},[277,36706,36707,36709,36711],{"class":279,"line":684},[277,36708,7084],{"class":283},[277,36710,11248],{"class":356},[277,36712,18277],{"class":283},[277,36714,36715],{"class":279,"line":700},[277,36716,7016],{"class":283},[277,36718,36719],{"class":279,"line":717},[277,36720,1131],{"class":283},[277,36722,36723],{"class":279,"line":722},[277,36724,18255],{"class":283},[277,36726,36727,36729,36731],{"class":279,"line":729},[277,36728,785],{"class":283},[277,36730,288],{"class":287},[277,36732,305],{"class":283},[277,36734,36735],{"class":279,"line":738},[277,36736,328],{"emptyLinePlaceholder":327},[277,36738,36739,36741,36743],{"class":279,"line":747},[277,36740,284],{"class":283},[277,36742,802],{"class":287},[277,36744,305],{"class":283},[277,36746,36747,36749,36751,36753,36755,36757],{"class":279,"line":754},[277,36748,810],{"class":283},[277,36750,31294],{"class":287},[277,36752,31891],{"class":291},[277,36754,298],{"class":283},[277,36756,31940],{"class":301},[277,36758,305],{"class":283},[277,36760,36761,36763,36765,36767,36769,36771,36773,36775,36777,36779,36781,36783],{"class":279,"line":772},[277,36762,829],{"class":283},[277,36764,18041],{"class":287},[277,36766,34048],{"class":291},[277,36768,298],{"class":283},[277,36770,35848],{"class":301},[277,36772,23751],{"class":291},[277,36774,298],{"class":283},[277,36776,31911],{"class":301},[277,36778,36352],{"class":291},[277,36780,298],{"class":283},[277,36782,36357],{"class":301},[277,36784,4325],{"class":283},[277,36786,36787],{"class":279,"line":777},[277,36788,328],{"emptyLinePlaceholder":327},[277,36790,36791,36793,36795,36797,36799,36801,36803,36805,36807],{"class":279,"line":782},[277,36792,829],{"class":283},[277,36794,4267],{"class":287},[277,36796,34765],{"class":291},[277,36798,298],{"class":283},[277,36800,36376],{"class":301},[277,36802,36352],{"class":291},[277,36804,298],{"class":283},[277,36806,36383],{"class":301},[277,36808,305],{"class":283},[277,36810,36811],{"class":279,"line":792},[277,36812,36390],{"class":283},[277,36814,36815,36817,36819],{"class":279,"line":797},[277,36816,922],{"class":283},[277,36818,4267],{"class":287},[277,36820,305],{"class":283},[277,36822,36823],{"class":279,"line":807},[277,36824,328],{"emptyLinePlaceholder":327},[277,36826,36827,36829,36831,36833,36835,36837],{"class":279,"line":826},[277,36828,829],{"class":283},[277,36830,21],{"class":287},[277,36832,33308],{"class":291},[277,36834,298],{"class":283},[277,36836,36415],{"class":301},[277,36838,305],{"class":283},[277,36840,36841],{"class":279,"line":849},[277,36842,36422],{"class":283},[277,36844,36845,36847,36849],{"class":279,"line":854},[277,36846,922],{"class":283},[277,36848,21],{"class":287},[277,36850,305],{"class":283},[277,36852,36853,36855,36857],{"class":279,"line":876},[277,36854,954],{"class":283},[277,36856,31294],{"class":287},[277,36858,305],{"class":283},[277,36860,36861,36863,36865],{"class":279,"line":891},[277,36862,785],{"class":283},[277,36864,802],{"class":287},[277,36866,305],{"class":283},[30,36868,1596],{"id":1595},[21,36870,36871,36873],{},[16,36872,17974],{}," es la forma declarativa de conectar estado y atributos en Vue.\nDominarlo te permite construir interfaces dinámicas de manera limpia y mantenible.",[21,36875,36876],{},"Qué recordar:",[38,36878,36879,36886,36893,36898],{},[41,36880,36881,36883,36884,104],{},[16,36882,353],{}," es shorthand de ",[16,36885,17974],{},[41,36887,36888,36889,1697,36891,104],{},"Úsalo para atributos, props, ",[16,36890,34136],{},[16,36892,1606],{},[41,36894,36895,36896,104],{},"Evita lógica compleja inline: mueve reglas a ",[16,36897,1732],{},[41,36899,36900,36902],{},[16,36901,35712],{}," es ideal para agrupar atributos/props.",[21,36904,36905,36906,36908],{},"Si entiendes bien ",[16,36907,17974],{},", entiendes una parte central de cómo Vue traduce reactividad en UI real.",[1606,36910,36911],{},"html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .s9eBZ, html code.shiki .s9eBZ{--shiki-default:#22863A;--shiki-dark:#85E89D}html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}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 .szBVR, html code.shiki .szBVR{--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .sJ8bj, html code.shiki .sJ8bj{--shiki-default:#6A737D;--shiki-dark:#6A737D}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}",{"title":273,"searchDepth":308,"depth":308,"links":36913},[36914,36915,36916,36917,36918,36927,36941,36942],{"id":20624,"depth":308,"text":20625},{"id":24652,"depth":308,"text":24653},{"id":128,"depth":308,"text":129},{"id":155,"depth":308,"text":156},{"id":189,"depth":308,"text":190,"children":36919},[36920,36922,36924,36925],{"id":34201,"depth":324,"text":36921},"1) Olvidar que v-bind evalúa JavaScript",{"id":34302,"depth":324,"text":36923},"2) Poner demasiada lógica inline en :class o :style",{"id":34386,"depth":324,"text":34387},{"id":34431,"depth":324,"text":36926},"4) Creer que v-bind \"protege\" datos",{"id":1945,"depth":308,"text":1946,"children":36928},[36929,36931,36933,36935,36937,36939],{"id":34445,"depth":324,"text":36930},"1) Básico: enlace dinámico (href)",{"id":34682,"depth":324,"text":36932},"2) Atributo booleano dinámico (disabled)",{"id":34907,"depth":324,"text":36934},"3) v-bind:class con objeto (patrón recomendado)",{"id":35211,"depth":324,"text":36936},"4) v-bind:style dinámico con objeto",{"id":35466,"depth":324,"text":36938},"5) Argumento dinámico: :[attrName]=\"value\"",{"id":35708,"depth":324,"text":36940},"6) v-bind=\"obj\" para pasar múltiples atributos o props",{"id":36018,"depth":308,"text":36019},{"id":1595,"depth":308,"text":1596},"https://res.cloudinary.com/denj4fg7f/image/upload/v1770849828/directives-vue-v-bind-guide_gqrgyj.png","Imagen temporal para portada del artículo sobre v-bind en Vue","2026-02-11","Aprende a usar v-bind en Vue desde lo más básico hasta patrones avanzados: atributos dinámicos, class/style reactivos, props en componentes y errores comunes.",{"script":36948},[36949],{"type":1632,"key":1633,"data-nuxt-schema-org":327,"nodes":36950},[36951],{"headline":36952,"author":36953,"datePublished":36954,"@type":1640},"Directiva v-bind en Vue: guía de básico a avanzado",{"name":1637,"@type":1638},"2026-02-11T18:00:00-05:00",{"updatedAt":36954,"coverCaption":17759,"author":1637,"keywords":36956},[1645,17974,36957,36958,36959,271,971],"atributos dinámicos","class binding","style binding","/blog/directives-vue-v-bind-guide.es",[36962],{"headline":36952,"author":36963,"datePublished":36954,"@type":1640},{"name":1637,"@type":1638},{"title":33986,"description":36946},"blog/directives-vue-v-bind-guide.es",[36967,36968,36969,36970],{"tag":20588,"color":20589},{"tag":21891,"color":21892},{"tag":3167,"color":3168},{"tag":9074,"color":9075},"7FeTPe6HFMnbuZRGNOIulmDkWQFSNvI3bgVet7-64c0",{"id":36973,"title":36974,"body":36975,"cover":40301,"coverAlt":40302,"date":40303,"description":40304,"draft":1627,"extension":1628,"head":40305,"locale":1641,"meta":40313,"navigation":327,"path":40316,"schemaOrg":40317,"seo":40320,"series":20582,"seriesDescription":20583,"seriesOrder":324,"seriesTitle":20584,"slug":1656,"stem":40321,"tags":40322,"__hash__":40328},"blog/blog/directives-vue-v-for-guide.es.md","Directivas en Vue: v-for",{"type":8,"value":36976,"toc":40265},[36977,36984,36989,36992,37005,37008,37010,37013,37030,37036,37047,37053,37056,37067,37069,37075,37099,37103,37226,37351,37355,37358,37564,37771,37778,37784,37787,37905,38029,38033,38171,38312,38318,38511,38701,38705,38711,38719,38996,39260,39266,39415,39575,39579,39800,40019,40025,40033,40088,40091,40099,40108,40175,40183,40189,40192,40198,40204,40208,40234,40236,40241,40244,40259,40262],[11,36978,36980,36981,36983],{"id":36979},"directiva-v-for-en-vue-de-lo-básico-a-lo-avanzado","Directiva ",[16,36982,24880],{}," en Vue: de lo básico a lo avanzado",[21,36985,36986,36988],{},[16,36987,24880],{}," es la directiva de Vue para renderizar listas.\nParece simple, pero usarla bien marca una diferencia enorme en rendimiento, estabilidad visual y legibilidad del código.",[21,36990,36991],{},"La idea clave es esta:",[38,36993,36994,36999],{},[41,36995,36996,36998],{},[16,36997,24880],{}," describe cómo repetir estructura en el template.",[41,37000,37001,37004],{},[16,37002,37003],{},":key"," le dice a Vue cómo identificar cada nodo de forma estable.",[21,37006,37007],{},"Si dominas ese par, evitas la mayoría de bugs en listas dinámicas.",[30,37009,20625],{"id":20624},[21,37011,37012],{},"En aplicaciones reales siempre renderizas listas:",[38,37014,37015,37018,37021,37024,37027],{},[41,37016,37017],{},"Tareas",[41,37019,37020],{},"Productos",[41,37022,37023],{},"Comentarios",[41,37025,37026],{},"Notificaciones",[41,37028,37029],{},"Filas de tablas",[21,37031,37032,37033,37035],{},"Cuando la lista cambia (insertar, borrar, reordenar), Vue necesita saber qué item es cuál.\nSi la clave (",[16,37034,1789],{},") no es estable, aparecen errores como:",[38,37037,37038,37041,37044],{},[41,37039,37040],{},"Estados internos mezclados entre filas",[41,37042,37043],{},"Animaciones raras",[41,37045,37046],{},"Inputs que \"saltan\" de elemento",[30,37048,37050,37051],{"id":37049},"cuándo-usar-v-for","Cuándo usar ",[16,37052,24880],{},[21,37054,37055],{},"Úsalo cuando necesitas:",[38,37057,37058,37061,37064],{},[41,37059,37060],{},"Renderizar arrays u objetos reactivos",[41,37062,37063],{},"Repetir componentes con distintos datos",[41,37065,37066],{},"Mostrar estructuras anidadas (ej: categorías y productos)",[30,37068,156],{"id":155},[21,37070,37071,37072,37074],{},"Evita usar ",[16,37073,24880],{}," para:",[38,37076,37077,37080,37090],{},[41,37078,37079],{},"Hacer filtrado complejo directamente en el template",[41,37081,37082,37083,1697,37085,37087,37088],{},"Combinar ",[16,37084,7538],{},[16,37086,24880],{}," en el mismo nodo si puedes prefiltrar con ",[16,37089,1732],{},[41,37091,9292,37092,37095,37096,37098],{},[16,37093,37094],{},"index"," como ",[16,37097,1789],{}," en listas que cambian de orden",[30,37100,37102],{"id":37101},"sintaxis-base","Sintaxis base",[267,37104,37107],{"className":269,"code":37105,"filename":271,"highlights":37106,"language":272,"meta":273,"style":273},"\u003Cscript setup>\nimport { ref } from 'vue'\n\nconst frameworks = ref(['Vue', 'React', 'Svelte'])\n\u003C/script>\n\n\u003Ctemplate>\n \u003Cli v-for=\"framework in frameworks\" :key=\"framework\">\n {{ framework }}\n \u003C/li>\n\u003C/template>\n",[381],[16,37108,37109,37119,37129,37133,37162,37170,37174,37182,37205,37210,37218],{"__ignoreMap":273},[277,37110,37111,37113,37115,37117],{"class":279,"line":280},[277,37112,284],{"class":283},[277,37114,288],{"class":287},[277,37116,292],{"class":291},[277,37118,305],{"class":283},[277,37120,37121,37123,37125,37127],{"class":279,"line":308},[277,37122,312],{"class":311},[277,37124,11006],{"class":283},[277,37126,318],{"class":311},[277,37128,321],{"class":301},[277,37130,37131],{"class":279,"line":324},[277,37132,328],{"emptyLinePlaceholder":327},[277,37134,37135,37137,37140,37142,37144,37147,37150,37152,37155,37157,37160],{"class":279,"line":331},[277,37136,405],{"class":311},[277,37138,37139],{"class":356}," frameworks",[277,37141,340],{"class":311},[277,37143,413],{"class":291},[277,37145,37146],{"class":283},"([",[277,37148,37149],{"class":301},"'Vue'",[277,37151,225],{"class":283},[277,37153,37154],{"class":301},"'React'",[277,37156,225],{"class":283},[277,37158,37159],{"class":301},"'Svelte'",[277,37161,2184],{"class":283},[277,37163,37164,37166,37168],{"class":279,"line":346},[277,37165,785],{"class":283},[277,37167,288],{"class":287},[277,37169,305],{"class":283},[277,37171,37172],{"class":279,"line":360},[277,37173,328],{"emptyLinePlaceholder":327},[277,37175,37176,37178,37180],{"class":279,"line":371},[277,37177,284],{"class":283},[277,37179,802],{"class":287},[277,37181,305],{"class":283},[277,37183,37185,37187,37189,37191,37193,37196,37198,37200,37203],{"class":37184,"line":381},[279,9398],[277,37186,810],{"class":283},[277,37188,41],{"class":287},[277,37190,12785],{"class":291},[277,37192,298],{"class":283},[277,37194,37195],{"class":301},"\"framework in frameworks\"",[277,37197,4317],{"class":291},[277,37199,298],{"class":283},[277,37201,37202],{"class":301},"\"framework\"",[277,37204,305],{"class":283},[277,37206,37207],{"class":279,"line":391},[277,37208,37209],{"class":283}," {{ framework }}\n",[277,37211,37212,37214,37216],{"class":279,"line":397},[277,37213,954],{"class":283},[277,37215,41],{"class":287},[277,37217,305],{"class":283},[277,37219,37220,37222,37224],{"class":279,"line":402},[277,37221,785],{"class":283},[277,37223,802],{"class":287},[277,37225,305],{"class":283},[267,37227,37230],{"className":269,"code":37228,"filename":971,"highlights":37229,"language":272,"meta":273,"style":273},"\u003Cscript>\nexport default {\n data() {\n return {\n frameworks: ['Vue', 'React', 'Svelte']\n }\n }\n}\n\u003C/script>\n\n\u003Ctemplate>\n \u003Cli v-for=\"framework in frameworks\" :key=\"framework\">\n {{ framework }}\n \u003C/li>\n\u003C/template>\n",[436],[16,37231,37232,37240,37248,37254,37260,37278,37282,37286,37290,37298,37302,37310,37331,37335,37343],{"__ignoreMap":273},[277,37233,37234,37236,37238],{"class":279,"line":280},[277,37235,284],{"class":283},[277,37237,288],{"class":287},[277,37239,305],{"class":283},[277,37241,37242,37244,37246],{"class":279,"line":308},[277,37243,1057],{"class":311},[277,37245,1060],{"class":311},[277,37247,343],{"class":283},[277,37249,37250,37252],{"class":279,"line":324},[277,37251,1086],{"class":291},[277,37253,473],{"class":283},[277,37255,37256,37258],{"class":279,"line":331},[277,37257,1093],{"class":311},[277,37259,343],{"class":283},[277,37261,37262,37265,37267,37269,37271,37273,37275],{"class":279,"line":346},[277,37263,37264],{"class":283}," frameworks: [",[277,37266,37149],{"class":301},[277,37268,225],{"class":283},[277,37270,37154],{"class":301},[277,37272,225],{"class":283},[277,37274,37159],{"class":301},[277,37276,37277],{"class":283},"]\n",[277,37279,37280],{"class":279,"line":360},[277,37281,1126],{"class":283},[277,37283,37284],{"class":279,"line":371},[277,37285,542],{"class":283},[277,37287,37288],{"class":279,"line":381},[277,37289,394],{"class":283},[277,37291,37292,37294,37296],{"class":279,"line":391},[277,37293,785],{"class":283},[277,37295,288],{"class":287},[277,37297,305],{"class":283},[277,37299,37300],{"class":279,"line":397},[277,37301,328],{"emptyLinePlaceholder":327},[277,37303,37304,37306,37308],{"class":279,"line":402},[277,37305,284],{"class":283},[277,37307,802],{"class":287},[277,37309,305],{"class":283},[277,37311,37313,37315,37317,37319,37321,37323,37325,37327,37329],{"class":37312,"line":436},[279,9398],[277,37314,810],{"class":283},[277,37316,41],{"class":287},[277,37318,12785],{"class":291},[277,37320,298],{"class":283},[277,37322,37195],{"class":301},[277,37324,4317],{"class":291},[277,37326,298],{"class":283},[277,37328,37202],{"class":301},[277,37330,305],{"class":283},[277,37332,37333],{"class":279,"line":456},[277,37334,37209],{"class":283},[277,37336,37337,37339,37341],{"class":279,"line":461},[277,37338,954],{"class":283},[277,37340,41],{"class":287},[277,37342,305],{"class":283},[277,37344,37345,37347,37349],{"class":279,"line":476},[277,37346,785],{"class":283},[277,37348,802],{"class":287},[277,37350,305],{"class":283},[30,37352,37354],{"id":37353},"ejemplo-básico-lista-de-tareas","Ejemplo básico: lista de tareas",[21,37356,37357],{},"Este es el patrón más común y correcto para empezar.",[267,37359,37362],{"className":269,"code":37360,"filename":271,"highlights":37361,"language":272,"meta":273,"style":273},"\u003Cscript setup>\nimport { ref } from 'vue'\n\nconst todos = ref([\n { id: 1, text: 'Aprender v-for', done: true },\n { id: 2, text: 'Practicar key estable', done: false },\n { id: 3, text: 'Evitar index como key', done: false }\n])\n\u003C/script>\n\n\u003Ctemplate>\n \u003Cul>\n \u003Cli v-for=\"todo in todos\" :key=\"todo.id\">\n \u003Cspan :style=\"{ textDecoration: todo.done ? 'line-through' : 'none' }\">\n {{ todo.text }}\n \u003C/span>\n \u003C/li>\n \u003C/ul>\n\u003C/template>\n",[331,346,360,371,381,456],[16,37363,37364,37374,37384,37388,37402,37420,37438,37456,37461,37469,37473,37481,37489,37512,37527,37532,37540,37548,37556],{"__ignoreMap":273},[277,37365,37366,37368,37370,37372],{"class":279,"line":280},[277,37367,284],{"class":283},[277,37369,288],{"class":287},[277,37371,292],{"class":291},[277,37373,305],{"class":283},[277,37375,37376,37378,37380,37382],{"class":279,"line":308},[277,37377,312],{"class":311},[277,37379,11006],{"class":283},[277,37381,318],{"class":311},[277,37383,321],{"class":301},[277,37385,37386],{"class":279,"line":324},[277,37387,328],{"emptyLinePlaceholder":327},[277,37389,37391,37393,37396,37398,37400],{"class":37390,"line":331},[279,9398],[277,37392,405],{"class":311},[277,37394,37395],{"class":356}," todos",[277,37397,340],{"class":311},[277,37399,413],{"class":291},[277,37401,2104],{"class":283},[277,37403,37405,37407,37409,37411,37414,37416,37418],{"class":37404,"line":346},[279,9398],[277,37406,2109],{"class":283},[277,37408,2072],{"class":356},[277,37410,9690],{"class":283},[277,37412,37413],{"class":301},"'Aprender v-for'",[277,37415,2120],{"class":283},[277,37417,2149],{"class":356},[277,37419,2132],{"class":283},[277,37421,37423,37425,37427,37429,37432,37434,37436],{"class":37422,"line":360},[279,9398],[277,37424,2109],{"class":283},[277,37426,2139],{"class":356},[277,37428,9690],{"class":283},[277,37430,37431],{"class":301},"'Practicar key estable'",[277,37433,2120],{"class":283},[277,37435,2123],{"class":356},[277,37437,2132],{"class":283},[277,37439,37441,37443,37445,37447,37450,37452,37454],{"class":37440,"line":371},[279,9398],[277,37442,2109],{"class":283},[277,37444,2163],{"class":356},[277,37446,9690],{"class":283},[277,37448,37449],{"class":301},"'Evitar index como key'",[277,37451,2120],{"class":283},[277,37453,2123],{"class":356},[277,37455,2179],{"class":283},[277,37457,37459],{"class":37458,"line":381},[279,9398],[277,37460,2184],{"class":283},[277,37462,37463,37465,37467],{"class":279,"line":391},[277,37464,785],{"class":283},[277,37466,288],{"class":287},[277,37468,305],{"class":283},[277,37470,37471],{"class":279,"line":397},[277,37472,328],{"emptyLinePlaceholder":327},[277,37474,37475,37477,37479],{"class":279,"line":402},[277,37476,284],{"class":283},[277,37478,802],{"class":287},[277,37480,305],{"class":283},[277,37482,37483,37485,37487],{"class":279,"line":436},[277,37484,810],{"class":283},[277,37486,38],{"class":287},[277,37488,305],{"class":283},[277,37490,37492,37494,37496,37498,37500,37503,37505,37507,37510],{"class":37491,"line":456},[279,9398],[277,37493,829],{"class":283},[277,37495,41],{"class":287},[277,37497,12785],{"class":291},[277,37499,298],{"class":283},[277,37501,37502],{"class":301},"\"todo in todos\"",[277,37504,4317],{"class":291},[277,37506,298],{"class":283},[277,37508,37509],{"class":301},"\"todo.id\"",[277,37511,305],{"class":283},[277,37513,37514,37516,37518,37520,37522,37525],{"class":279,"line":461},[277,37515,879],{"class":283},[277,37517,277],{"class":287},[277,37519,33308],{"class":291},[277,37521,298],{"class":283},[277,37523,37524],{"class":301},"\"{ textDecoration: todo.done ? 'line-through' : 'none' }\"",[277,37526,305],{"class":283},[277,37528,37529],{"class":279,"line":476},[277,37530,37531],{"class":283}," {{ todo.text }}\n",[277,37533,37534,37536,37538],{"class":279,"line":500},[277,37535,4175],{"class":283},[277,37537,277],{"class":287},[277,37539,305],{"class":283},[277,37541,37542,37544,37546],{"class":279,"line":505},[277,37543,922],{"class":283},[277,37545,41],{"class":287},[277,37547,305],{"class":283},[277,37549,37550,37552,37554],{"class":279,"line":520},[277,37551,954],{"class":283},[277,37553,38],{"class":287},[277,37555,305],{"class":283},[277,37557,37558,37560,37562],{"class":279,"line":539},[277,37559,785],{"class":283},[277,37561,802],{"class":287},[277,37563,305],{"class":283},[267,37565,37568],{"className":269,"code":37566,"filename":971,"highlights":37567,"language":272,"meta":273,"style":273},"\u003Cscript>\nexport default {\n data() {\n return {\n todos: [\n { id: 1, text: 'Aprender v-for', done: true },\n { id: 2, text: 'Practicar key estable', done: false },\n { id: 3, text: 'Evitar index como key', done: false }\n ]\n }\n }\n}\n\u003C/script>\n\n\u003Ctemplate>\n \u003Cul>\n \u003Cli v-for=\"todo in todos\" :key=\"todo.id\">\n \u003Cspan :style=\"{ textDecoration: todo.done ? 'line-through' : 'none' }\">\n {{ todo.text }}\n \u003C/span>\n \u003C/li>\n \u003C/ul>\n\u003C/template>\n",[346,360,371,381,391,505],[16,37569,37570,37578,37586,37592,37598,37604,37621,37638,37655,37660,37664,37668,37672,37680,37684,37692,37700,37721,37735,37739,37747,37755,37763],{"__ignoreMap":273},[277,37571,37572,37574,37576],{"class":279,"line":280},[277,37573,284],{"class":283},[277,37575,288],{"class":287},[277,37577,305],{"class":283},[277,37579,37580,37582,37584],{"class":279,"line":308},[277,37581,1057],{"class":311},[277,37583,1060],{"class":311},[277,37585,343],{"class":283},[277,37587,37588,37590],{"class":279,"line":324},[277,37589,1086],{"class":291},[277,37591,473],{"class":283},[277,37593,37594,37596],{"class":279,"line":331},[277,37595,1093],{"class":311},[277,37597,343],{"class":283},[277,37599,37601],{"class":37600,"line":346},[279,9398],[277,37602,37603],{"class":283}," todos: [\n",[277,37605,37607,37609,37611,37613,37615,37617,37619],{"class":37606,"line":360},[279,9398],[277,37608,2664],{"class":283},[277,37610,2072],{"class":356},[277,37612,9690],{"class":283},[277,37614,37413],{"class":301},[277,37616,2120],{"class":283},[277,37618,2149],{"class":356},[277,37620,2132],{"class":283},[277,37622,37624,37626,37628,37630,37632,37634,37636],{"class":37623,"line":371},[279,9398],[277,37625,2664],{"class":283},[277,37627,2139],{"class":356},[277,37629,9690],{"class":283},[277,37631,37431],{"class":301},[277,37633,2120],{"class":283},[277,37635,2123],{"class":356},[277,37637,2132],{"class":283},[277,37639,37641,37643,37645,37647,37649,37651,37653],{"class":37640,"line":381},[279,9398],[277,37642,2664],{"class":283},[277,37644,2163],{"class":356},[277,37646,9690],{"class":283},[277,37648,37449],{"class":301},[277,37650,2120],{"class":283},[277,37652,2123],{"class":356},[277,37654,2179],{"class":283},[277,37656,37658],{"class":37657,"line":391},[279,9398],[277,37659,2725],{"class":283},[277,37661,37662],{"class":279,"line":397},[277,37663,1126],{"class":283},[277,37665,37666],{"class":279,"line":402},[277,37667,542],{"class":283},[277,37669,37670],{"class":279,"line":436},[277,37671,394],{"class":283},[277,37673,37674,37676,37678],{"class":279,"line":456},[277,37675,785],{"class":283},[277,37677,288],{"class":287},[277,37679,305],{"class":283},[277,37681,37682],{"class":279,"line":461},[277,37683,328],{"emptyLinePlaceholder":327},[277,37685,37686,37688,37690],{"class":279,"line":476},[277,37687,284],{"class":283},[277,37689,802],{"class":287},[277,37691,305],{"class":283},[277,37693,37694,37696,37698],{"class":279,"line":500},[277,37695,810],{"class":283},[277,37697,38],{"class":287},[277,37699,305],{"class":283},[277,37701,37703,37705,37707,37709,37711,37713,37715,37717,37719],{"class":37702,"line":505},[279,9398],[277,37704,829],{"class":283},[277,37706,41],{"class":287},[277,37708,12785],{"class":291},[277,37710,298],{"class":283},[277,37712,37502],{"class":301},[277,37714,4317],{"class":291},[277,37716,298],{"class":283},[277,37718,37509],{"class":301},[277,37720,305],{"class":283},[277,37722,37723,37725,37727,37729,37731,37733],{"class":279,"line":520},[277,37724,879],{"class":283},[277,37726,277],{"class":287},[277,37728,33308],{"class":291},[277,37730,298],{"class":283},[277,37732,37524],{"class":301},[277,37734,305],{"class":283},[277,37736,37737],{"class":279,"line":539},[277,37738,37531],{"class":283},[277,37740,37741,37743,37745],{"class":279,"line":545},[277,37742,4175],{"class":283},[277,37744,277],{"class":287},[277,37746,305],{"class":283},[277,37748,37749,37751,37753],{"class":279,"line":550},[277,37750,922],{"class":283},[277,37752,41],{"class":287},[277,37754,305],{"class":283},[277,37756,37757,37759,37761],{"class":279,"line":578},[277,37758,954],{"class":283},[277,37760,38],{"class":287},[277,37762,305],{"class":283},[277,37764,37765,37767,37769],{"class":279,"line":583},[277,37766,785],{"class":283},[277,37768,802],{"class":287},[277,37770,305],{"class":283},[30,37772,37774,37775],{"id":37773},"nivel-intermedio-índice-objetos-y-template-v-for","Nivel intermedio: índice, objetos y ",[16,37776,37777],{},"template v-for",[192,37779,37781,37782],{"id":37780},"_1-índice-en-v-for","1) Índice en ",[16,37783,24880],{},[21,37785,37786],{},"Puedes obtener índice cuando realmente lo necesitas:",[267,37788,37791],{"className":269,"code":37789,"filename":271,"highlights":37790,"language":272,"meta":273,"style":273},"\u003Cscript setup>\nimport { ref } from 'vue'\n\nconst users = ref(['Ana', 'Luis', 'Marta'])\n\u003C/script>\n\n\u003Ctemplate>\n \u003Cp v-for=\"(user, index) in users\" :key=\"user\">\n #{{ index + 1 }} - {{ user }}\n \u003C/p>\n\u003C/template>\n",[381],[16,37792,37793,37803,37813,37817,37842,37850,37854,37862,37884,37889,37897],{"__ignoreMap":273},[277,37794,37795,37797,37799,37801],{"class":279,"line":280},[277,37796,284],{"class":283},[277,37798,288],{"class":287},[277,37800,292],{"class":291},[277,37802,305],{"class":283},[277,37804,37805,37807,37809,37811],{"class":279,"line":308},[277,37806,312],{"class":311},[277,37808,11006],{"class":283},[277,37810,318],{"class":311},[277,37812,321],{"class":301},[277,37814,37815],{"class":279,"line":324},[277,37816,328],{"emptyLinePlaceholder":327},[277,37818,37819,37821,37823,37825,37827,37829,37831,37833,37835,37837,37840],{"class":279,"line":331},[277,37820,405],{"class":311},[277,37822,11021],{"class":356},[277,37824,340],{"class":311},[277,37826,413],{"class":291},[277,37828,37146],{"class":283},[277,37830,2129],{"class":301},[277,37832,225],{"class":283},[277,37834,2154],{"class":301},[277,37836,225],{"class":283},[277,37838,37839],{"class":301},"'Marta'",[277,37841,2184],{"class":283},[277,37843,37844,37846,37848],{"class":279,"line":346},[277,37845,785],{"class":283},[277,37847,288],{"class":287},[277,37849,305],{"class":283},[277,37851,37852],{"class":279,"line":360},[277,37853,328],{"emptyLinePlaceholder":327},[277,37855,37856,37858,37860],{"class":279,"line":371},[277,37857,284],{"class":283},[277,37859,802],{"class":287},[277,37861,305],{"class":283},[277,37863,37865,37867,37869,37871,37873,37876,37878,37880,37882],{"class":37864,"line":381},[279,9398],[277,37866,810],{"class":283},[277,37868,21],{"class":287},[277,37870,12785],{"class":291},[277,37872,298],{"class":283},[277,37874,37875],{"class":301},"\"(user, index) in users\"",[277,37877,4317],{"class":291},[277,37879,298],{"class":283},[277,37881,21518],{"class":301},[277,37883,305],{"class":283},[277,37885,37886],{"class":279,"line":391},[277,37887,37888],{"class":283}," #{{ index + 1 }} - {{ user }}\n",[277,37890,37891,37893,37895],{"class":279,"line":397},[277,37892,954],{"class":283},[277,37894,21],{"class":287},[277,37896,305],{"class":283},[277,37898,37899,37901,37903],{"class":279,"line":402},[277,37900,785],{"class":283},[277,37902,802],{"class":287},[277,37904,305],{"class":283},[267,37906,37909],{"className":269,"code":37907,"filename":971,"highlights":37908,"language":272,"meta":273,"style":273},"\u003Cscript>\nexport default {\n data() {\n return {\n users: ['Ana', 'Luis', 'Marta']\n }\n }\n}\n\u003C/script>\n\n\u003Ctemplate>\n \u003Cp v-for=\"(user, index) in users\" :key=\"user\">\n #{{ index + 1 }} - {{ user }}\n \u003C/p>\n\u003C/template>\n",[436],[16,37910,37911,37919,37927,37933,37939,37956,37960,37964,37968,37976,37980,37988,38009,38013,38021],{"__ignoreMap":273},[277,37912,37913,37915,37917],{"class":279,"line":280},[277,37914,284],{"class":283},[277,37916,288],{"class":287},[277,37918,305],{"class":283},[277,37920,37921,37923,37925],{"class":279,"line":308},[277,37922,1057],{"class":311},[277,37924,1060],{"class":311},[277,37926,343],{"class":283},[277,37928,37929,37931],{"class":279,"line":324},[277,37930,1086],{"class":291},[277,37932,473],{"class":283},[277,37934,37935,37937],{"class":279,"line":331},[277,37936,1093],{"class":311},[277,37938,343],{"class":283},[277,37940,37941,37944,37946,37948,37950,37952,37954],{"class":279,"line":346},[277,37942,37943],{"class":283}," users: [",[277,37945,2129],{"class":301},[277,37947,225],{"class":283},[277,37949,2154],{"class":301},[277,37951,225],{"class":283},[277,37953,37839],{"class":301},[277,37955,37277],{"class":283},[277,37957,37958],{"class":279,"line":360},[277,37959,1126],{"class":283},[277,37961,37962],{"class":279,"line":371},[277,37963,542],{"class":283},[277,37965,37966],{"class":279,"line":381},[277,37967,394],{"class":283},[277,37969,37970,37972,37974],{"class":279,"line":391},[277,37971,785],{"class":283},[277,37973,288],{"class":287},[277,37975,305],{"class":283},[277,37977,37978],{"class":279,"line":397},[277,37979,328],{"emptyLinePlaceholder":327},[277,37981,37982,37984,37986],{"class":279,"line":402},[277,37983,284],{"class":283},[277,37985,802],{"class":287},[277,37987,305],{"class":283},[277,37989,37991,37993,37995,37997,37999,38001,38003,38005,38007],{"class":37990,"line":436},[279,9398],[277,37992,810],{"class":283},[277,37994,21],{"class":287},[277,37996,12785],{"class":291},[277,37998,298],{"class":283},[277,38000,37875],{"class":301},[277,38002,4317],{"class":291},[277,38004,298],{"class":283},[277,38006,21518],{"class":301},[277,38008,305],{"class":283},[277,38010,38011],{"class":279,"line":456},[277,38012,37888],{"class":283},[277,38014,38015,38017,38019],{"class":279,"line":461},[277,38016,954],{"class":283},[277,38018,21],{"class":287},[277,38020,305],{"class":283},[277,38022,38023,38025,38027],{"class":279,"line":476},[277,38024,785],{"class":283},[277,38026,802],{"class":287},[277,38028,305],{"class":283},[192,38030,38032],{"id":38031},"_2-iterar-un-objeto","2) Iterar un objeto",[267,38034,38037],{"className":269,"code":38035,"filename":271,"highlights":38036,"language":272,"meta":273,"style":273},"\u003Cscript setup>\nimport { ref } from 'vue'\n\nconst profile = ref({\n name: 'Cristian',\n role: 'Frontend Dev',\n country: 'Colombia'\n})\n\u003C/script>\n\n\u003Ctemplate>\n \u003Cli v-for=\"(value, key) in profile\" :key=\"key\">\n {{ key }}: {{ value }}\n \u003C/li>\n\u003C/template>\n",[436],[16,38038,38039,38049,38059,38063,38076,38085,38095,38103,38107,38115,38119,38127,38150,38155,38163],{"__ignoreMap":273},[277,38040,38041,38043,38045,38047],{"class":279,"line":280},[277,38042,284],{"class":283},[277,38044,288],{"class":287},[277,38046,292],{"class":291},[277,38048,305],{"class":283},[277,38050,38051,38053,38055,38057],{"class":279,"line":308},[277,38052,312],{"class":311},[277,38054,11006],{"class":283},[277,38056,318],{"class":311},[277,38058,321],{"class":301},[277,38060,38061],{"class":279,"line":324},[277,38062,328],{"emptyLinePlaceholder":327},[277,38064,38065,38067,38070,38072,38074],{"class":279,"line":331},[277,38066,405],{"class":311},[277,38068,38069],{"class":356}," profile",[277,38071,340],{"class":311},[277,38073,413],{"class":291},[277,38075,1066],{"class":283},[277,38077,38078,38080,38083],{"class":279,"line":346},[277,38079,1071],{"class":283},[277,38081,38082],{"class":301},"'Cristian'",[277,38084,1077],{"class":283},[277,38086,38087,38090,38093],{"class":279,"line":360},[277,38088,38089],{"class":283}," role: ",[277,38091,38092],{"class":301},"'Frontend Dev'",[277,38094,1077],{"class":283},[277,38096,38097,38100],{"class":279,"line":371},[277,38098,38099],{"class":283}," country: ",[277,38101,38102],{"class":301},"'Colombia'\n",[277,38104,38105],{"class":279,"line":381},[277,38106,676],{"class":283},[277,38108,38109,38111,38113],{"class":279,"line":391},[277,38110,785],{"class":283},[277,38112,288],{"class":287},[277,38114,305],{"class":283},[277,38116,38117],{"class":279,"line":397},[277,38118,328],{"emptyLinePlaceholder":327},[277,38120,38121,38123,38125],{"class":279,"line":402},[277,38122,284],{"class":283},[277,38124,802],{"class":287},[277,38126,305],{"class":283},[277,38128,38130,38132,38134,38136,38138,38141,38143,38145,38148],{"class":38129,"line":436},[279,9398],[277,38131,810],{"class":283},[277,38133,41],{"class":287},[277,38135,12785],{"class":291},[277,38137,298],{"class":283},[277,38139,38140],{"class":301},"\"(value, key) in profile\"",[277,38142,4317],{"class":291},[277,38144,298],{"class":283},[277,38146,38147],{"class":301},"\"key\"",[277,38149,305],{"class":283},[277,38151,38152],{"class":279,"line":456},[277,38153,38154],{"class":283}," {{ key }}: {{ value }}\n",[277,38156,38157,38159,38161],{"class":279,"line":461},[277,38158,954],{"class":283},[277,38160,41],{"class":287},[277,38162,305],{"class":283},[277,38164,38165,38167,38169],{"class":279,"line":476},[277,38166,785],{"class":283},[277,38168,802],{"class":287},[277,38170,305],{"class":283},[267,38172,38175],{"className":269,"code":38173,"filename":971,"highlights":38174,"language":272,"meta":273,"style":273},"\u003Cscript>\nexport default {\n data() {\n return {\n profile: {\n name: 'Cristian',\n role: 'Frontend Dev',\n country: 'Colombia'\n }\n }\n }\n}\n\u003C/script>\n\n\u003Ctemplate>\n \u003Cli v-for=\"(value, key) in profile\" :key=\"key\">\n {{ key }}: {{ value }}\n \u003C/li>\n\u003C/template>\n",[500],[16,38176,38177,38185,38193,38199,38205,38210,38219,38228,38235,38239,38243,38247,38251,38259,38263,38271,38292,38296,38304],{"__ignoreMap":273},[277,38178,38179,38181,38183],{"class":279,"line":280},[277,38180,284],{"class":283},[277,38182,288],{"class":287},[277,38184,305],{"class":283},[277,38186,38187,38189,38191],{"class":279,"line":308},[277,38188,1057],{"class":311},[277,38190,1060],{"class":311},[277,38192,343],{"class":283},[277,38194,38195,38197],{"class":279,"line":324},[277,38196,1086],{"class":291},[277,38198,473],{"class":283},[277,38200,38201,38203],{"class":279,"line":331},[277,38202,1093],{"class":311},[277,38204,343],{"class":283},[277,38206,38207],{"class":279,"line":346},[277,38208,38209],{"class":283}," profile: {\n",[277,38211,38212,38215,38217],{"class":279,"line":360},[277,38213,38214],{"class":283}," name: ",[277,38216,38082],{"class":301},[277,38218,1077],{"class":283},[277,38220,38221,38224,38226],{"class":279,"line":371},[277,38222,38223],{"class":283}," role: ",[277,38225,38092],{"class":301},[277,38227,1077],{"class":283},[277,38229,38230,38233],{"class":279,"line":381},[277,38231,38232],{"class":283}," country: ",[277,38234,38102],{"class":301},[277,38236,38237],{"class":279,"line":391},[277,38238,1203],{"class":283},[277,38240,38241],{"class":279,"line":397},[277,38242,1126],{"class":283},[277,38244,38245],{"class":279,"line":402},[277,38246,542],{"class":283},[277,38248,38249],{"class":279,"line":436},[277,38250,394],{"class":283},[277,38252,38253,38255,38257],{"class":279,"line":456},[277,38254,785],{"class":283},[277,38256,288],{"class":287},[277,38258,305],{"class":283},[277,38260,38261],{"class":279,"line":461},[277,38262,328],{"emptyLinePlaceholder":327},[277,38264,38265,38267,38269],{"class":279,"line":476},[277,38266,284],{"class":283},[277,38268,802],{"class":287},[277,38270,305],{"class":283},[277,38272,38274,38276,38278,38280,38282,38284,38286,38288,38290],{"class":38273,"line":500},[279,9398],[277,38275,810],{"class":283},[277,38277,41],{"class":287},[277,38279,12785],{"class":291},[277,38281,298],{"class":283},[277,38283,38140],{"class":301},[277,38285,4317],{"class":291},[277,38287,298],{"class":283},[277,38289,38147],{"class":301},[277,38291,305],{"class":283},[277,38293,38294],{"class":279,"line":505},[277,38295,38154],{"class":283},[277,38297,38298,38300,38302],{"class":279,"line":520},[277,38299,954],{"class":283},[277,38301,41],{"class":287},[277,38303,305],{"class":283},[277,38305,38306,38308,38310],{"class":279,"line":539},[277,38307,785],{"class":283},[277,38309,802],{"class":287},[277,38311,305],{"class":283},[192,38313,38315,38316],{"id":38314},"_3-repetir-varios-nodos-con-template","3) Repetir varios nodos con ",[16,38317,802],{},[267,38319,38322],{"className":269,"code":38320,"filename":271,"highlights":38321,"language":272,"meta":273,"style":273},"\u003Cscript setup>\nimport { ref } from 'vue'\n\nconst items = ref([\n { id: 1, title: 'Vue 3', description: 'Framework progresivo' },\n { id: 2, title: 'Pinia', description: 'Estado global moderno' }\n])\n\u003C/script>\n\n\u003Ctemplate>\n \u003Ctemplate v-for=\"item in items\" :key=\"item.id\">\n \u003Ch3>{{ item.title }}\u003C/h3>\n \u003Cp>{{ item.description }}\u003C/p>\n \u003Chr />\n \u003C/template>\n\u003C/template>\n",[402],[16,38323,38324,38334,38344,38348,38361,38380,38398,38402,38410,38414,38422,38460,38473,38486,38495,38503],{"__ignoreMap":273},[277,38325,38326,38328,38330,38332],{"class":279,"line":280},[277,38327,284],{"class":283},[277,38329,288],{"class":287},[277,38331,292],{"class":291},[277,38333,305],{"class":283},[277,38335,38336,38338,38340,38342],{"class":279,"line":308},[277,38337,312],{"class":311},[277,38339,11006],{"class":283},[277,38341,318],{"class":311},[277,38343,321],{"class":301},[277,38345,38346],{"class":279,"line":324},[277,38347,328],{"emptyLinePlaceholder":327},[277,38349,38350,38352,38355,38357,38359],{"class":279,"line":331},[277,38351,405],{"class":311},[277,38353,38354],{"class":356}," items",[277,38356,340],{"class":311},[277,38358,413],{"class":291},[277,38360,2104],{"class":283},[277,38362,38363,38365,38367,38369,38372,38375,38378],{"class":279,"line":346},[277,38364,2109],{"class":283},[277,38366,2072],{"class":356},[277,38368,2114],{"class":283},[277,38370,38371],{"class":301},"'Vue 3'",[277,38373,38374],{"class":283},", description: ",[277,38376,38377],{"class":301},"'Framework progresivo'",[277,38379,2132],{"class":283},[277,38381,38382,38384,38386,38388,38391,38393,38396],{"class":279,"line":360},[277,38383,2109],{"class":283},[277,38385,2139],{"class":356},[277,38387,2114],{"class":283},[277,38389,38390],{"class":301},"'Pinia'",[277,38392,38374],{"class":283},[277,38394,38395],{"class":301},"'Estado global moderno'",[277,38397,2179],{"class":283},[277,38399,38400],{"class":279,"line":371},[277,38401,2184],{"class":283},[277,38403,38404,38406,38408],{"class":279,"line":381},[277,38405,785],{"class":283},[277,38407,288],{"class":287},[277,38409,305],{"class":283},[277,38411,38412],{"class":279,"line":391},[277,38413,328],{"emptyLinePlaceholder":327},[277,38415,38416,38418,38420],{"class":279,"line":397},[277,38417,284],{"class":283},[277,38419,802],{"class":287},[277,38421,305],{"class":283},[277,38423,38425,38427,38429,38431,38433,38435,38438,38441,38443,38445,38447,38449,38451,38453,38456,38458],{"class":38424,"line":402},[279,9398],[277,38426,810],{"class":283},[277,38428,802],{"class":287},[277,38430,12785],{"class":311},[277,38432,298],{"class":283},[277,38434,866],{"class":301},[277,38436,38437],{"class":283},"item ",[277,38439,38440],{"class":311},"in",[277,38442,38354],{"class":283},[277,38444,866],{"class":301},[277,38446,6244],{"class":283},[277,38448,1789],{"class":291},[277,38450,298],{"class":283},[277,38452,866],{"class":301},[277,38454,38455],{"class":283},"item.id",[277,38457,866],{"class":301},[277,38459,305],{"class":283},[277,38461,38462,38464,38466,38469,38471],{"class":279,"line":436},[277,38463,829],{"class":283},[277,38465,192],{"class":287},[277,38467,38468],{"class":283},">{{ item.title }}\u003C/",[277,38470,192],{"class":287},[277,38472,305],{"class":283},[277,38474,38475,38477,38479,38482,38484],{"class":279,"line":456},[277,38476,829],{"class":283},[277,38478,21],{"class":287},[277,38480,38481],{"class":283},">{{ item.description }}\u003C/",[277,38483,21],{"class":287},[277,38485,305],{"class":283},[277,38487,38488,38490,38493],{"class":279,"line":461},[277,38489,829],{"class":283},[277,38491,38492],{"class":287},"hr",[277,38494,4325],{"class":283},[277,38496,38497,38499,38501],{"class":279,"line":476},[277,38498,954],{"class":283},[277,38500,802],{"class":287},[277,38502,305],{"class":283},[277,38504,38505,38507,38509],{"class":279,"line":500},[277,38506,785],{"class":283},[277,38508,802],{"class":287},[277,38510,305],{"class":283},[267,38512,38515],{"className":269,"code":38513,"filename":971,"highlights":38514,"language":272,"meta":273,"style":273},"\u003Cscript>\nexport default {\n data() {\n return {\n items: [\n { id: 1, title: 'Vue 3', description: 'Framework progresivo' },\n { id: 2, title: 'Pinia', description: 'Estado global moderno' }\n ]\n }\n }\n}\n\u003C/script>\n\n\u003Ctemplate>\n \u003Ctemplate v-for=\"item in items\" :key=\"item.id\">\n \u003Ch3>{{ item.title }}\u003C/h3>\n \u003Cp>{{ item.description }}\u003C/p>\n \u003Chr />\n \u003C/template>\n\u003C/template>\n",[476],[16,38516,38517,38525,38533,38539,38545,38550,38566,38582,38586,38590,38594,38598,38606,38610,38618,38653,38665,38677,38685,38693],{"__ignoreMap":273},[277,38518,38519,38521,38523],{"class":279,"line":280},[277,38520,284],{"class":283},[277,38522,288],{"class":287},[277,38524,305],{"class":283},[277,38526,38527,38529,38531],{"class":279,"line":308},[277,38528,1057],{"class":311},[277,38530,1060],{"class":311},[277,38532,343],{"class":283},[277,38534,38535,38537],{"class":279,"line":324},[277,38536,1086],{"class":291},[277,38538,473],{"class":283},[277,38540,38541,38543],{"class":279,"line":331},[277,38542,1093],{"class":311},[277,38544,343],{"class":283},[277,38546,38547],{"class":279,"line":346},[277,38548,38549],{"class":283}," items: [\n",[277,38551,38552,38554,38556,38558,38560,38562,38564],{"class":279,"line":360},[277,38553,2664],{"class":283},[277,38555,2072],{"class":356},[277,38557,2114],{"class":283},[277,38559,38371],{"class":301},[277,38561,38374],{"class":283},[277,38563,38377],{"class":301},[277,38565,2132],{"class":283},[277,38567,38568,38570,38572,38574,38576,38578,38580],{"class":279,"line":371},[277,38569,2664],{"class":283},[277,38571,2139],{"class":356},[277,38573,2114],{"class":283},[277,38575,38390],{"class":301},[277,38577,38374],{"class":283},[277,38579,38395],{"class":301},[277,38581,2179],{"class":283},[277,38583,38584],{"class":279,"line":381},[277,38585,2725],{"class":283},[277,38587,38588],{"class":279,"line":391},[277,38589,1126],{"class":283},[277,38591,38592],{"class":279,"line":397},[277,38593,542],{"class":283},[277,38595,38596],{"class":279,"line":402},[277,38597,394],{"class":283},[277,38599,38600,38602,38604],{"class":279,"line":436},[277,38601,785],{"class":283},[277,38603,288],{"class":287},[277,38605,305],{"class":283},[277,38607,38608],{"class":279,"line":456},[277,38609,328],{"emptyLinePlaceholder":327},[277,38611,38612,38614,38616],{"class":279,"line":461},[277,38613,284],{"class":283},[277,38615,802],{"class":287},[277,38617,305],{"class":283},[277,38619,38621,38623,38625,38627,38629,38631,38633,38635,38637,38639,38641,38643,38645,38647,38649,38651],{"class":38620,"line":476},[279,9398],[277,38622,810],{"class":283},[277,38624,802],{"class":287},[277,38626,12785],{"class":311},[277,38628,298],{"class":283},[277,38630,866],{"class":301},[277,38632,38437],{"class":283},[277,38634,38440],{"class":311},[277,38636,38354],{"class":283},[277,38638,866],{"class":301},[277,38640,6244],{"class":283},[277,38642,1789],{"class":291},[277,38644,298],{"class":283},[277,38646,866],{"class":301},[277,38648,38455],{"class":283},[277,38650,866],{"class":301},[277,38652,305],{"class":283},[277,38654,38655,38657,38659,38661,38663],{"class":279,"line":500},[277,38656,829],{"class":283},[277,38658,192],{"class":287},[277,38660,38468],{"class":283},[277,38662,192],{"class":287},[277,38664,305],{"class":283},[277,38666,38667,38669,38671,38673,38675],{"class":279,"line":505},[277,38668,829],{"class":283},[277,38670,21],{"class":287},[277,38672,38481],{"class":283},[277,38674,21],{"class":287},[277,38676,305],{"class":283},[277,38678,38679,38681,38683],{"class":279,"line":520},[277,38680,829],{"class":283},[277,38682,38492],{"class":287},[277,38684,4325],{"class":283},[277,38686,38687,38689,38691],{"class":279,"line":539},[277,38688,954],{"class":283},[277,38690,802],{"class":287},[277,38692,305],{"class":283},[277,38694,38695,38697,38699],{"class":279,"line":545},[277,38696,785],{"class":283},[277,38698,802],{"class":287},[277,38700,305],{"class":283},[30,38702,38704],{"id":38703},"nivel-avanzado-listas-derivadas-componentes-y-anidación","Nivel avanzado: listas derivadas, componentes y anidación",[192,38706,38708,38709],{"id":38707},"_1-prefiltrar-y-ordenar-con-computed","1) Prefiltrar y ordenar con ",[16,38710,1732],{},[21,38712,38713,38714,38716,38717,104],{},"No hagas lógica pesada dentro del ",[16,38715,24880],{},".\nDeriva la lista antes, con ",[16,38718,1732],{},[267,38720,38723],{"className":269,"code":38721,"filename":271,"highlights":38722,"language":272,"meta":273,"style":273},"\u003Cscript setup>\nimport { computed, ref } from 'vue'\n\nconst products = ref([\n { id: 1, name: 'Laptop', price: 1200, stock: 5 },\n { id: 2, name: 'Mouse', price: 25, stock: 0 },\n { id: 3, name: 'Keyboard', price: 80, stock: 12 }\n])\n\nconst inStockSorted = computed(() => {\n return products.value\n .filter(product => product.stock > 0)\n .slice()\n .sort((a, b) => a.price - b.price)\n})\n\u003C/script>\n\n\u003Ctemplate>\n \u003Cli v-for=\"product in inStockSorted\" :key=\"product.id\">\n {{ product.name }} - ${{ product.price }}\n \u003C/li>\n\u003C/template>\n",[397,402,436,456,461,476,539],[16,38724,38725,38735,38745,38749,38761,38784,38806,38829,38833,38837,38855,38863,38887,38897,38927,38932,38940,38944,38952,38975,38980,38988],{"__ignoreMap":273},[277,38726,38727,38729,38731,38733],{"class":279,"line":280},[277,38728,284],{"class":283},[277,38730,288],{"class":287},[277,38732,292],{"class":291},[277,38734,305],{"class":283},[277,38736,38737,38739,38741,38743],{"class":279,"line":308},[277,38738,312],{"class":311},[277,38740,23384],{"class":283},[277,38742,318],{"class":311},[277,38744,321],{"class":301},[277,38746,38747],{"class":279,"line":324},[277,38748,328],{"emptyLinePlaceholder":327},[277,38750,38751,38753,38755,38757,38759],{"class":279,"line":331},[277,38752,405],{"class":311},[277,38754,29622],{"class":356},[277,38756,340],{"class":311},[277,38758,413],{"class":291},[277,38760,2104],{"class":283},[277,38762,38763,38765,38767,38769,38772,38774,38777,38779,38782],{"class":279,"line":346},[277,38764,2109],{"class":283},[277,38766,2072],{"class":356},[277,38768,22620],{"class":283},[277,38770,38771],{"class":301},"'Laptop'",[277,38773,29642],{"class":283},[277,38775,38776],{"class":356},"1200",[277,38778,29648],{"class":283},[277,38780,38781],{"class":356},"5",[277,38783,2132],{"class":283},[277,38785,38786,38788,38790,38792,38795,38797,38800,38802,38804],{"class":279,"line":360},[277,38787,2109],{"class":283},[277,38789,2139],{"class":356},[277,38791,22620],{"class":283},[277,38793,38794],{"class":301},"'Mouse'",[277,38796,29642],{"class":283},[277,38798,38799],{"class":356},"25",[277,38801,29648],{"class":283},[277,38803,3542],{"class":356},[277,38805,2132],{"class":283},[277,38807,38808,38810,38812,38814,38817,38819,38822,38824,38827],{"class":279,"line":371},[277,38809,2109],{"class":283},[277,38811,2163],{"class":356},[277,38813,22620],{"class":283},[277,38815,38816],{"class":301},"'Keyboard'",[277,38818,29642],{"class":283},[277,38820,38821],{"class":356},"80",[277,38823,29648],{"class":283},[277,38825,38826],{"class":356},"12",[277,38828,2179],{"class":283},[277,38830,38831],{"class":279,"line":381},[277,38832,2184],{"class":283},[277,38834,38835],{"class":279,"line":391},[277,38836,328],{"emptyLinePlaceholder":327},[277,38838,38840,38842,38845,38847,38849,38851,38853],{"class":38839,"line":397},[279,9398],[277,38841,405],{"class":311},[277,38843,38844],{"class":356}," inStockSorted",[277,38846,340],{"class":311},[277,38848,2200],{"class":291},[277,38850,2203],{"class":283},[277,38852,601],{"class":311},[277,38854,343],{"class":283},[277,38856,38858,38860],{"class":38857,"line":402},[279,9398],[277,38859,2212],{"class":311},[277,38861,38862],{"class":283}," products.value\n",[277,38864,38866,38869,38871,38873,38875,38877,38880,38882,38885],{"class":38865,"line":436},[279,9398],[277,38867,38868],{"class":283}," .",[277,38870,2218],{"class":291},[277,38872,448],{"class":283},[277,38874,869],{"class":349},[277,38876,2226],{"class":311},[277,38878,38879],{"class":283}," product.stock ",[277,38881,9921],{"class":311},[277,38883,38884],{"class":356}," 0",[277,38886,433],{"class":283},[277,38888,38890,38892,38895],{"class":38889,"line":456},[279,9398],[277,38891,38868],{"class":283},[277,38893,38894],{"class":291},"slice",[277,38896,622],{"class":283},[277,38898,38900,38902,38905,38907,38909,38911,38914,38916,38918,38921,38924],{"class":38899,"line":461},[279,9398],[277,38901,38868],{"class":283},[277,38903,38904],{"class":291},"sort",[277,38906,2334],{"class":283},[277,38908,13178],{"class":349},[277,38910,225],{"class":283},[277,38912,38913],{"class":349},"b",[277,38915,2340],{"class":283},[277,38917,601],{"class":311},[277,38919,38920],{"class":283}," a.price ",[277,38922,38923],{"class":311},"-",[277,38925,38926],{"class":283}," b.price)\n",[277,38928,38930],{"class":38929,"line":476},[279,9398],[277,38931,676],{"class":283},[277,38933,38934,38936,38938],{"class":279,"line":500},[277,38935,785],{"class":283},[277,38937,288],{"class":287},[277,38939,305],{"class":283},[277,38941,38942],{"class":279,"line":505},[277,38943,328],{"emptyLinePlaceholder":327},[277,38945,38946,38948,38950],{"class":279,"line":520},[277,38947,284],{"class":283},[277,38949,802],{"class":287},[277,38951,305],{"class":283},[277,38953,38955,38957,38959,38961,38963,38966,38968,38970,38973],{"class":38954,"line":539},[279,9398],[277,38956,810],{"class":283},[277,38958,41],{"class":287},[277,38960,12785],{"class":291},[277,38962,298],{"class":283},[277,38964,38965],{"class":301},"\"product in inStockSorted\"",[277,38967,4317],{"class":291},[277,38969,298],{"class":283},[277,38971,38972],{"class":301},"\"product.id\"",[277,38974,305],{"class":283},[277,38976,38977],{"class":279,"line":545},[277,38978,38979],{"class":283}," {{ product.name }} - ${{ product.price }}\n",[277,38981,38982,38984,38986],{"class":279,"line":550},[277,38983,954],{"class":283},[277,38985,41],{"class":287},[277,38987,305],{"class":283},[277,38989,38990,38992,38994],{"class":279,"line":578},[277,38991,785],{"class":283},[277,38993,802],{"class":287},[277,38995,305],{"class":283},[267,38997,39000],{"className":269,"code":38998,"filename":971,"highlights":38999,"language":272,"meta":273,"style":273},"\u003Cscript>\nexport default {\n data() {\n return {\n products: [\n { id: 1, name: 'Laptop', price: 1200, stock: 5 },\n { id: 2, name: 'Mouse', price: 25, stock: 0 },\n { id: 3, name: 'Keyboard', price: 80, stock: 12 }\n ]\n }\n },\n computed: {\n inStockSorted() {\n return this.products\n .filter(product => product.stock > 0)\n .slice()\n .sort((a, b) => a.price - b.price)\n }\n }\n}\n\u003C/script>\n\n\u003Ctemplate>\n \u003Cli v-for=\"product in inStockSorted\" :key=\"product.id\">\n {{ product.name }} - ${{ product.price }}\n \u003C/li>\n\u003C/template>\n",[436,456,461,476,500,505,520,539,588],[16,39001,39002,39010,39018,39024,39030,39034,39054,39074,39094,39098,39102,39106,39111,39119,39129,39151,39160,39185,39190,39195,39199,39207,39211,39219,39240,39244,39252],{"__ignoreMap":273},[277,39003,39004,39006,39008],{"class":279,"line":280},[277,39005,284],{"class":283},[277,39007,288],{"class":287},[277,39009,305],{"class":283},[277,39011,39012,39014,39016],{"class":279,"line":308},[277,39013,1057],{"class":311},[277,39015,1060],{"class":311},[277,39017,343],{"class":283},[277,39019,39020,39022],{"class":279,"line":324},[277,39021,1086],{"class":291},[277,39023,473],{"class":283},[277,39025,39026,39028],{"class":279,"line":331},[277,39027,1093],{"class":311},[277,39029,343],{"class":283},[277,39031,39032],{"class":279,"line":346},[277,39033,30385],{"class":283},[277,39035,39036,39038,39040,39042,39044,39046,39048,39050,39052],{"class":279,"line":360},[277,39037,2664],{"class":283},[277,39039,2072],{"class":356},[277,39041,22620],{"class":283},[277,39043,38771],{"class":301},[277,39045,29642],{"class":283},[277,39047,38776],{"class":356},[277,39049,29648],{"class":283},[277,39051,38781],{"class":356},[277,39053,2132],{"class":283},[277,39055,39056,39058,39060,39062,39064,39066,39068,39070,39072],{"class":279,"line":371},[277,39057,2664],{"class":283},[277,39059,2139],{"class":356},[277,39061,22620],{"class":283},[277,39063,38794],{"class":301},[277,39065,29642],{"class":283},[277,39067,38799],{"class":356},[277,39069,29648],{"class":283},[277,39071,3542],{"class":356},[277,39073,2132],{"class":283},[277,39075,39076,39078,39080,39082,39084,39086,39088,39090,39092],{"class":279,"line":381},[277,39077,2664],{"class":283},[277,39079,2163],{"class":356},[277,39081,22620],{"class":283},[277,39083,38816],{"class":301},[277,39085,29642],{"class":283},[277,39087,38821],{"class":356},[277,39089,29648],{"class":283},[277,39091,38826],{"class":356},[277,39093,2179],{"class":283},[277,39095,39096],{"class":279,"line":391},[277,39097,2725],{"class":283},[277,39099,39100],{"class":279,"line":397},[277,39101,1126],{"class":283},[277,39103,39104],{"class":279,"line":402},[277,39105,1131],{"class":283},[277,39107,39109],{"class":39108,"line":436},[279,9398],[277,39110,2742],{"class":283},[277,39112,39114,39117],{"class":39113,"line":456},[279,9398],[277,39115,39116],{"class":291}," inStockSorted",[277,39118,473],{"class":283},[277,39120,39122,39124,39126],{"class":39121,"line":461},[279,9398],[277,39123,2754],{"class":311},[277,39125,1268],{"class":356},[277,39127,39128],{"class":283},".products\n",[277,39130,39132,39135,39137,39139,39141,39143,39145,39147,39149],{"class":39131,"line":476},[279,9398],[277,39133,39134],{"class":283}," .",[277,39136,2218],{"class":291},[277,39138,448],{"class":283},[277,39140,869],{"class":349},[277,39142,2226],{"class":311},[277,39144,38879],{"class":283},[277,39146,9921],{"class":311},[277,39148,38884],{"class":356},[277,39150,433],{"class":283},[277,39152,39154,39156,39158],{"class":39153,"line":500},[279,9398],[277,39155,39134],{"class":283},[277,39157,38894],{"class":291},[277,39159,622],{"class":283},[277,39161,39163,39165,39167,39169,39171,39173,39175,39177,39179,39181,39183],{"class":39162,"line":505},[279,9398],[277,39164,39134],{"class":283},[277,39166,38904],{"class":291},[277,39168,2334],{"class":283},[277,39170,13178],{"class":349},[277,39172,225],{"class":283},[277,39174,38913],{"class":349},[277,39176,2340],{"class":283},[277,39178,601],{"class":311},[277,39180,38920],{"class":283},[277,39182,38923],{"class":311},[277,39184,38926],{"class":283},[277,39186,39188],{"class":39187,"line":520},[279,9398],[277,39189,1126],{"class":283},[277,39191,39193],{"class":39192,"line":539},[279,9398],[277,39194,542],{"class":283},[277,39196,39197],{"class":279,"line":545},[277,39198,394],{"class":283},[277,39200,39201,39203,39205],{"class":279,"line":550},[277,39202,785],{"class":283},[277,39204,288],{"class":287},[277,39206,305],{"class":283},[277,39208,39209],{"class":279,"line":578},[277,39210,328],{"emptyLinePlaceholder":327},[277,39212,39213,39215,39217],{"class":279,"line":583},[277,39214,284],{"class":283},[277,39216,802],{"class":287},[277,39218,305],{"class":283},[277,39220,39222,39224,39226,39228,39230,39232,39234,39236,39238],{"class":39221,"line":588},[279,9398],[277,39223,810],{"class":283},[277,39225,41],{"class":287},[277,39227,12785],{"class":291},[277,39229,298],{"class":283},[277,39231,38965],{"class":301},[277,39233,4317],{"class":291},[277,39235,298],{"class":283},[277,39237,38972],{"class":301},[277,39239,305],{"class":283},[277,39241,39242],{"class":279,"line":606},[277,39243,38979],{"class":283},[277,39245,39246,39248,39250],{"class":279,"line":614},[277,39247,954],{"class":283},[277,39249,41],{"class":287},[277,39251,305],{"class":283},[277,39253,39254,39256,39258],{"class":279,"line":625},[277,39255,785],{"class":283},[277,39257,802],{"class":287},[277,39259,305],{"class":283},[192,39261,39263,39264],{"id":39262},"_2-renderizar-componentes-con-v-for","2) Renderizar componentes con ",[16,39265,24880],{},[267,39267,39270],{"className":269,"code":39268,"filename":271,"highlights":39269,"language":272,"meta":273,"style":273},"\u003Cscript setup>\nimport { ref } from 'vue'\nimport UserCard from '~/components/UserCard.vue'\n\nconst users = ref([\n { id: 'u1', name: 'Ana', role: 'Admin' },\n { id: 'u2', name: 'Luis', role: 'Editor' }\n])\n\u003C/script>\n\n\u003Ctemplate>\n \u003CUserCard v-for=\"user in users\" :key=\"user.id\" :user=\"user\" />\n\u003C/template>\n",[436],[16,39271,39272,39282,39292,39304,39308,39320,39338,39356,39360,39368,39372,39380,39407],{"__ignoreMap":273},[277,39273,39274,39276,39278,39280],{"class":279,"line":280},[277,39275,284],{"class":283},[277,39277,288],{"class":287},[277,39279,292],{"class":291},[277,39281,305],{"class":283},[277,39283,39284,39286,39288,39290],{"class":279,"line":308},[277,39285,312],{"class":311},[277,39287,11006],{"class":283},[277,39289,318],{"class":311},[277,39291,321],{"class":301},[277,39293,39294,39296,39299,39301],{"class":279,"line":324},[277,39295,312],{"class":311},[277,39297,39298],{"class":283}," UserCard ",[277,39300,318],{"class":311},[277,39302,39303],{"class":301}," '~/components/UserCard.vue'\n",[277,39305,39306],{"class":279,"line":331},[277,39307,328],{"emptyLinePlaceholder":327},[277,39309,39310,39312,39314,39316,39318],{"class":279,"line":346},[277,39311,405],{"class":311},[277,39313,11021],{"class":356},[277,39315,340],{"class":311},[277,39317,413],{"class":291},[277,39319,2104],{"class":283},[277,39321,39322,39324,39327,39329,39331,39333,39336],{"class":279,"line":360},[277,39323,2109],{"class":283},[277,39325,39326],{"class":301},"'u1'",[277,39328,22620],{"class":283},[277,39330,2129],{"class":301},[277,39332,27262],{"class":283},[277,39334,39335],{"class":301},"'Admin'",[277,39337,2132],{"class":283},[277,39339,39340,39342,39345,39347,39349,39351,39354],{"class":279,"line":371},[277,39341,2109],{"class":283},[277,39343,39344],{"class":301},"'u2'",[277,39346,22620],{"class":283},[277,39348,2154],{"class":301},[277,39350,27262],{"class":283},[277,39352,39353],{"class":301},"'Editor'",[277,39355,2179],{"class":283},[277,39357,39358],{"class":279,"line":381},[277,39359,2184],{"class":283},[277,39361,39362,39364,39366],{"class":279,"line":391},[277,39363,785],{"class":283},[277,39365,288],{"class":287},[277,39367,305],{"class":283},[277,39369,39370],{"class":279,"line":397},[277,39371,328],{"emptyLinePlaceholder":327},[277,39373,39374,39376,39378],{"class":279,"line":402},[277,39375,284],{"class":283},[277,39377,802],{"class":287},[277,39379,305],{"class":283},[277,39381,39383,39385,39387,39389,39391,39393,39395,39397,39399,39401,39403,39405],{"class":39382,"line":436},[279,9398],[277,39384,810],{"class":283},[277,39386,22608],{"class":287},[277,39388,12785],{"class":291},[277,39390,298],{"class":283},[277,39392,12790],{"class":301},[277,39394,4317],{"class":291},[277,39396,298],{"class":283},[277,39398,12797],{"class":301},[277,39400,27117],{"class":291},[277,39402,298],{"class":283},[277,39404,21518],{"class":301},[277,39406,4325],{"class":283},[277,39408,39409,39411,39413],{"class":279,"line":456},[277,39410,785],{"class":283},[277,39412,802],{"class":287},[277,39414,305],{"class":283},[267,39416,39419],{"className":269,"code":39417,"filename":971,"highlights":39418,"language":272,"meta":273,"style":273},"\u003Cscript>\nimport UserCard from '~/components/UserCard.vue'\n\nexport default {\n components: { UserCard },\n data() {\n return {\n users: [\n { id: 'u1', name: 'Ana', role: 'Admin' },\n { id: 'u2', name: 'Luis', role: 'Editor' }\n ]\n }\n }\n}\n\u003C/script>\n\n\u003Ctemplate>\n \u003CUserCard v-for=\"user in users\" :key=\"user.id\" :user=\"user\" />\n\u003C/template>\n",[520],[16,39420,39421,39429,39439,39443,39451,39456,39462,39468,39472,39488,39504,39508,39512,39516,39520,39528,39532,39540,39567],{"__ignoreMap":273},[277,39422,39423,39425,39427],{"class":279,"line":280},[277,39424,284],{"class":283},[277,39426,288],{"class":287},[277,39428,305],{"class":283},[277,39430,39431,39433,39435,39437],{"class":279,"line":308},[277,39432,312],{"class":311},[277,39434,39298],{"class":283},[277,39436,318],{"class":311},[277,39438,39303],{"class":301},[277,39440,39441],{"class":279,"line":324},[277,39442,328],{"emptyLinePlaceholder":327},[277,39444,39445,39447,39449],{"class":279,"line":331},[277,39446,1057],{"class":311},[277,39448,1060],{"class":311},[277,39450,343],{"class":283},[277,39452,39453],{"class":279,"line":346},[277,39454,39455],{"class":283}," components: { UserCard },\n",[277,39457,39458,39460],{"class":279,"line":360},[277,39459,1086],{"class":291},[277,39461,473],{"class":283},[277,39463,39464,39466],{"class":279,"line":371},[277,39465,1093],{"class":311},[277,39467,343],{"class":283},[277,39469,39470],{"class":279,"line":381},[277,39471,22894],{"class":283},[277,39473,39474,39476,39478,39480,39482,39484,39486],{"class":279,"line":391},[277,39475,2664],{"class":283},[277,39477,39326],{"class":301},[277,39479,22620],{"class":283},[277,39481,2129],{"class":301},[277,39483,27262],{"class":283},[277,39485,39335],{"class":301},[277,39487,2132],{"class":283},[277,39489,39490,39492,39494,39496,39498,39500,39502],{"class":279,"line":397},[277,39491,2664],{"class":283},[277,39493,39344],{"class":301},[277,39495,22620],{"class":283},[277,39497,2154],{"class":301},[277,39499,27262],{"class":283},[277,39501,39353],{"class":301},[277,39503,2179],{"class":283},[277,39505,39506],{"class":279,"line":402},[277,39507,2725],{"class":283},[277,39509,39510],{"class":279,"line":436},[277,39511,1126],{"class":283},[277,39513,39514],{"class":279,"line":456},[277,39515,542],{"class":283},[277,39517,39518],{"class":279,"line":461},[277,39519,394],{"class":283},[277,39521,39522,39524,39526],{"class":279,"line":476},[277,39523,785],{"class":283},[277,39525,288],{"class":287},[277,39527,305],{"class":283},[277,39529,39530],{"class":279,"line":500},[277,39531,328],{"emptyLinePlaceholder":327},[277,39533,39534,39536,39538],{"class":279,"line":505},[277,39535,284],{"class":283},[277,39537,802],{"class":287},[277,39539,305],{"class":283},[277,39541,39543,39545,39547,39549,39551,39553,39555,39557,39559,39561,39563,39565],{"class":39542,"line":520},[279,9398],[277,39544,810],{"class":283},[277,39546,22608],{"class":287},[277,39548,12785],{"class":291},[277,39550,298],{"class":283},[277,39552,12790],{"class":301},[277,39554,4317],{"class":291},[277,39556,298],{"class":283},[277,39558,12797],{"class":301},[277,39560,27117],{"class":291},[277,39562,298],{"class":283},[277,39564,21518],{"class":301},[277,39566,4325],{"class":283},[277,39568,39569,39571,39573],{"class":279,"line":539},[277,39570,785],{"class":283},[277,39572,802],{"class":287},[277,39574,305],{"class":283},[192,39576,39578],{"id":39577},"_3-listas-anidadas-categorías-y-productos","3) Listas anidadas (categorías y productos)",[267,39580,39583],{"className":269,"code":39581,"filename":271,"highlights":39582,"language":272,"meta":273,"style":273},"\u003Cscript setup>\nimport { ref } from 'vue'\n\nconst categories = ref([\n {\n id: 'c1',\n name: 'Periféricos',\n products: [\n { id: 'p1', name: 'Mouse' },\n { id: 'p2', name: 'Teclado' }\n ]\n }\n])\n\u003C/script>\n\n\u003Ctemplate>\n \u003Csection v-for=\"category in categories\" :key=\"category.id\">\n \u003Ch3>{{ category.name }}\u003C/h3>\n \u003Cli v-for=\"product in category.products\" :key=\"product.id\">\n {{ product.name }}\n \u003C/li>\n \u003C/section>\n\u003C/template>\n",[505,539],[16,39584,39585,39595,39605,39609,39622,39627,39637,39647,39652,39666,39680,39685,39689,39693,39701,39705,39713,39736,39749,39771,39776,39784,39792],{"__ignoreMap":273},[277,39586,39587,39589,39591,39593],{"class":279,"line":280},[277,39588,284],{"class":283},[277,39590,288],{"class":287},[277,39592,292],{"class":291},[277,39594,305],{"class":283},[277,39596,39597,39599,39601,39603],{"class":279,"line":308},[277,39598,312],{"class":311},[277,39600,11006],{"class":283},[277,39602,318],{"class":311},[277,39604,321],{"class":301},[277,39606,39607],{"class":279,"line":324},[277,39608,328],{"emptyLinePlaceholder":327},[277,39610,39611,39613,39616,39618,39620],{"class":279,"line":331},[277,39612,405],{"class":311},[277,39614,39615],{"class":356}," categories",[277,39617,340],{"class":311},[277,39619,413],{"class":291},[277,39621,2104],{"class":283},[277,39623,39624],{"class":279,"line":346},[277,39625,39626],{"class":283}," {\n",[277,39628,39629,39632,39635],{"class":279,"line":360},[277,39630,39631],{"class":283}," id: ",[277,39633,39634],{"class":301},"'c1'",[277,39636,1077],{"class":283},[277,39638,39639,39642,39645],{"class":279,"line":371},[277,39640,39641],{"class":283}," name: ",[277,39643,39644],{"class":301},"'Periféricos'",[277,39646,1077],{"class":283},[277,39648,39649],{"class":279,"line":381},[277,39650,39651],{"class":283}," products: [\n",[277,39653,39654,39657,39660,39662,39664],{"class":279,"line":391},[277,39655,39656],{"class":283}," { id: ",[277,39658,39659],{"class":301},"'p1'",[277,39661,22620],{"class":283},[277,39663,38794],{"class":301},[277,39665,2132],{"class":283},[277,39667,39668,39670,39673,39675,39678],{"class":279,"line":397},[277,39669,39656],{"class":283},[277,39671,39672],{"class":301},"'p2'",[277,39674,22620],{"class":283},[277,39676,39677],{"class":301},"'Teclado'",[277,39679,2179],{"class":283},[277,39681,39682],{"class":279,"line":402},[277,39683,39684],{"class":283}," ]\n",[277,39686,39687],{"class":279,"line":436},[277,39688,542],{"class":283},[277,39690,39691],{"class":279,"line":456},[277,39692,2184],{"class":283},[277,39694,39695,39697,39699],{"class":279,"line":461},[277,39696,785],{"class":283},[277,39698,288],{"class":287},[277,39700,305],{"class":283},[277,39702,39703],{"class":279,"line":476},[277,39704,328],{"emptyLinePlaceholder":327},[277,39706,39707,39709,39711],{"class":279,"line":500},[277,39708,284],{"class":283},[277,39710,802],{"class":287},[277,39712,305],{"class":283},[277,39714,39716,39718,39720,39722,39724,39727,39729,39731,39734],{"class":39715,"line":505},[279,9398],[277,39717,810],{"class":283},[277,39719,4121],{"class":287},[277,39721,12785],{"class":291},[277,39723,298],{"class":283},[277,39725,39726],{"class":301},"\"category in categories\"",[277,39728,4317],{"class":291},[277,39730,298],{"class":283},[277,39732,39733],{"class":301},"\"category.id\"",[277,39735,305],{"class":283},[277,39737,39738,39740,39742,39745,39747],{"class":279,"line":520},[277,39739,829],{"class":283},[277,39741,192],{"class":287},[277,39743,39744],{"class":283},">{{ category.name }}\u003C/",[277,39746,192],{"class":287},[277,39748,305],{"class":283},[277,39750,39752,39754,39756,39758,39760,39763,39765,39767,39769],{"class":39751,"line":539},[279,9398],[277,39753,829],{"class":283},[277,39755,41],{"class":287},[277,39757,12785],{"class":291},[277,39759,298],{"class":283},[277,39761,39762],{"class":301},"\"product in category.products\"",[277,39764,4317],{"class":291},[277,39766,298],{"class":283},[277,39768,38972],{"class":301},[277,39770,305],{"class":283},[277,39772,39773],{"class":279,"line":545},[277,39774,39775],{"class":283}," {{ product.name }}\n",[277,39777,39778,39780,39782],{"class":279,"line":550},[277,39779,922],{"class":283},[277,39781,41],{"class":287},[277,39783,305],{"class":283},[277,39785,39786,39788,39790],{"class":279,"line":578},[277,39787,954],{"class":283},[277,39789,4121],{"class":287},[277,39791,305],{"class":283},[277,39793,39794,39796,39798],{"class":279,"line":583},[277,39795,785],{"class":283},[277,39797,802],{"class":287},[277,39799,305],{"class":283},[267,39801,39804],{"className":269,"code":39802,"filename":971,"highlights":39803,"language":272,"meta":273,"style":273},"\u003Cscript>\nexport default {\n data() {\n return {\n categories: [\n {\n id: 'c1',\n name: 'Periféricos',\n products: [\n { id: 'p1', name: 'Mouse' },\n { id: 'p2', name: 'Teclado' }\n ]\n }\n ]\n }\n }\n}\n\u003C/script>\n\n\u003Ctemplate>\n \u003Csection v-for=\"category in categories\" :key=\"category.id\">\n \u003Ch3>{{ category.name }}\u003C/h3>\n \u003Cli v-for=\"product in category.products\" :key=\"product.id\">\n {{ product.name }}\n \u003C/li>\n \u003C/section>\n\u003C/template>\n",[550,583],[16,39805,39806,39814,39822,39828,39834,39839,39844,39853,39862,39867,39880,39892,39897,39901,39905,39909,39913,39917,39925,39929,39937,39958,39970,39991,39995,40003,40011],{"__ignoreMap":273},[277,39807,39808,39810,39812],{"class":279,"line":280},[277,39809,284],{"class":283},[277,39811,288],{"class":287},[277,39813,305],{"class":283},[277,39815,39816,39818,39820],{"class":279,"line":308},[277,39817,1057],{"class":311},[277,39819,1060],{"class":311},[277,39821,343],{"class":283},[277,39823,39824,39826],{"class":279,"line":324},[277,39825,1086],{"class":291},[277,39827,473],{"class":283},[277,39829,39830,39832],{"class":279,"line":331},[277,39831,1093],{"class":311},[277,39833,343],{"class":283},[277,39835,39836],{"class":279,"line":346},[277,39837,39838],{"class":283}," categories: [\n",[277,39840,39841],{"class":279,"line":360},[277,39842,39843],{"class":283}," {\n",[277,39845,39846,39849,39851],{"class":279,"line":371},[277,39847,39848],{"class":283}," id: ",[277,39850,39634],{"class":301},[277,39852,1077],{"class":283},[277,39854,39855,39858,39860],{"class":279,"line":381},[277,39856,39857],{"class":283}," name: ",[277,39859,39644],{"class":301},[277,39861,1077],{"class":283},[277,39863,39864],{"class":279,"line":391},[277,39865,39866],{"class":283}," products: [\n",[277,39868,39869,39872,39874,39876,39878],{"class":279,"line":397},[277,39870,39871],{"class":283}," { id: ",[277,39873,39659],{"class":301},[277,39875,22620],{"class":283},[277,39877,38794],{"class":301},[277,39879,2132],{"class":283},[277,39881,39882,39884,39886,39888,39890],{"class":279,"line":402},[277,39883,39871],{"class":283},[277,39885,39672],{"class":301},[277,39887,22620],{"class":283},[277,39889,39677],{"class":301},[277,39891,2179],{"class":283},[277,39893,39894],{"class":279,"line":436},[277,39895,39896],{"class":283}," ]\n",[277,39898,39899],{"class":279,"line":456},[277,39900,8868],{"class":283},[277,39902,39903],{"class":279,"line":461},[277,39904,2725],{"class":283},[277,39906,39907],{"class":279,"line":476},[277,39908,1126],{"class":283},[277,39910,39911],{"class":279,"line":500},[277,39912,542],{"class":283},[277,39914,39915],{"class":279,"line":505},[277,39916,394],{"class":283},[277,39918,39919,39921,39923],{"class":279,"line":520},[277,39920,785],{"class":283},[277,39922,288],{"class":287},[277,39924,305],{"class":283},[277,39926,39927],{"class":279,"line":539},[277,39928,328],{"emptyLinePlaceholder":327},[277,39930,39931,39933,39935],{"class":279,"line":545},[277,39932,284],{"class":283},[277,39934,802],{"class":287},[277,39936,305],{"class":283},[277,39938,39940,39942,39944,39946,39948,39950,39952,39954,39956],{"class":39939,"line":550},[279,9398],[277,39941,810],{"class":283},[277,39943,4121],{"class":287},[277,39945,12785],{"class":291},[277,39947,298],{"class":283},[277,39949,39726],{"class":301},[277,39951,4317],{"class":291},[277,39953,298],{"class":283},[277,39955,39733],{"class":301},[277,39957,305],{"class":283},[277,39959,39960,39962,39964,39966,39968],{"class":279,"line":578},[277,39961,829],{"class":283},[277,39963,192],{"class":287},[277,39965,39744],{"class":283},[277,39967,192],{"class":287},[277,39969,305],{"class":283},[277,39971,39973,39975,39977,39979,39981,39983,39985,39987,39989],{"class":39972,"line":583},[279,9398],[277,39974,829],{"class":283},[277,39976,41],{"class":287},[277,39978,12785],{"class":291},[277,39980,298],{"class":283},[277,39982,39762],{"class":301},[277,39984,4317],{"class":291},[277,39986,298],{"class":283},[277,39988,38972],{"class":301},[277,39990,305],{"class":283},[277,39992,39993],{"class":279,"line":588},[277,39994,39775],{"class":283},[277,39996,39997,39999,40001],{"class":279,"line":606},[277,39998,922],{"class":283},[277,40000,41],{"class":287},[277,40002,305],{"class":283},[277,40004,40005,40007,40009],{"class":279,"line":614},[277,40006,954],{"class":283},[277,40008,4121],{"class":287},[277,40010,305],{"class":283},[277,40012,40013,40015,40017],{"class":279,"line":625},[277,40014,785],{"class":283},[277,40016,802],{"class":287},[277,40018,305],{"class":283},[30,40020,40022,40023],{"id":40021},"errores-comunes-con-v-for","Errores comunes con ",[16,40024,24880],{},[192,40026,20821,40028,37095,40030,40032],{"id":40027},"_1-usar-index-como-key-en-listas-mutables",[16,40029,37094],{},[16,40031,1789],{}," en listas mutables",[267,40034,40037],{"className":269,"code":40035,"filename":34211,"highlights":40036,"language":272,"meta":273,"style":273},"\u003Cli v-for=\"(item, index) in items\" :key=\"index\">\n {{ item.name }}\n\u003C/li>\n",[280],[16,40038,40039,40075,40080],{"__ignoreMap":273},[277,40040,40042,40044,40046,40048,40050,40052,40055,40057,40059,40061,40063,40065,40067,40069,40071,40073],{"class":40041,"line":280},[279,9398],[277,40043,284],{"class":283},[277,40045,41],{"class":287},[277,40047,12785],{"class":311},[277,40049,298],{"class":283},[277,40051,866],{"class":301},[277,40053,40054],{"class":283},"(item, index) ",[277,40056,38440],{"class":311},[277,40058,38354],{"class":283},[277,40060,866],{"class":301},[277,40062,6244],{"class":283},[277,40064,1789],{"class":291},[277,40066,298],{"class":283},[277,40068,866],{"class":301},[277,40070,37094],{"class":283},[277,40072,866],{"class":301},[277,40074,305],{"class":283},[277,40076,40077],{"class":279,"line":308},[277,40078,40079],{"class":283}," {{ item.name }}\n",[277,40081,40082,40084,40086],{"class":279,"line":324},[277,40083,785],{"class":283},[277,40085,41],{"class":287},[277,40087,305],{"class":283},[21,40089,40090],{},"Esto puede romper el estado de cada fila al reordenar o insertar elementos.",[3111,40092,40093],{},[21,40094,40095,40096,40098],{},"Usa una clave estable (",[16,40097,38455],{},") cuando exista.",[192,40100,40102,40103,1697,40105,40107],{"id":40101},"_2-mezclar-v-if-y-v-for-en-el-mismo-nodo","2) Mezclar ",[16,40104,7538],{},[16,40106,24880],{}," en el mismo nodo",[267,40109,40112],{"className":269,"code":40110,"filename":28344,"highlights":40111,"language":272,"meta":273,"style":273},"\u003Cli v-for=\"user in users\" v-if=\"user.active\" :key=\"user.id\">\n {{ user.name }}\n\u003C/li>\n",[280],[16,40113,40114,40162,40167],{"__ignoreMap":273},[277,40115,40117,40119,40121,40123,40125,40127,40130,40132,40134,40136,40138,40140,40142,40145,40147,40149,40151,40153,40155,40158,40160],{"class":40116,"line":280},[279,9398],[277,40118,284],{"class":283},[277,40120,41],{"class":287},[277,40122,12785],{"class":311},[277,40124,298],{"class":283},[277,40126,866],{"class":301},[277,40128,40129],{"class":283},"user ",[277,40131,38440],{"class":311},[277,40133,11021],{"class":283},[277,40135,866],{"class":301},[277,40137,834],{"class":311},[277,40139,298],{"class":283},[277,40141,866],{"class":301},[277,40143,40144],{"class":283},"user.active",[277,40146,866],{"class":301},[277,40148,6244],{"class":283},[277,40150,1789],{"class":291},[277,40152,298],{"class":283},[277,40154,866],{"class":301},[277,40156,40157],{"class":283},"user.id",[277,40159,866],{"class":301},[277,40161,305],{"class":283},[277,40163,40164],{"class":279,"line":308},[277,40165,40166],{"class":283}," {{ user.name }}\n",[277,40168,40169,40171,40173],{"class":279,"line":324},[277,40170,785],{"class":283},[277,40172,41],{"class":287},[277,40174,305],{"class":283},[3111,40176,40177],{},[21,40178,40179,40180,40182],{},"Crea una lista ",[16,40181,1732],{}," filtrada e itera esa lista.",[192,40184,40186,40187],{"id":40185},"_3-mutar-directamente-el-resultado-de-un-computed","3) Mutar directamente el resultado de un ",[16,40188,1732],{},[21,40190,40191],{},"Si derives una lista ordenada/filtrada, no la mutas directamente.\nLa fuente de verdad debe seguir siendo el estado original.",[192,40193,26774,40195,40197],{"id":40194},"_4-key-duplicadas",[16,40196,1789],{}," duplicadas",[21,40199,40200,40201,40203],{},"Si dos elementos comparten la misma ",[16,40202,1789],{},", Vue no puede hacer diff correctamente.\nResultado: renders inconsistentes y bugs visuales difíciles de depurar.",[30,40205,40207],{"id":40206},"buenas-prácticas-rápidas","Buenas prácticas rápidas",[38,40209,40210,40217,40222,40225,40231],{},[41,40211,20777,40212,40214,40215,104],{},[16,40213,22042],{}," estable para ",[16,40216,37003],{},[41,40218,40219,40220,104],{},"Prefiltra y ordena con ",[16,40221,1732],{},[41,40223,40224],{},"Evita lógica compleja en el template.",[41,40226,40227,40228,40230],{},"Mantén los bloques ",[16,40229,24880],{}," pequeños y legibles.",[41,40232,40233],{},"En listas grandes, considera paginación o virtualización.",[30,40235,17671],{"id":17670},[21,40237,40238,40240],{},[16,40239,24880],{}," no es solo \"pintar arrays\".\nEs una pieza central del renderizado declarativo en Vue.",[21,40242,40243],{},"Si aplicas estas reglas:",[38,40245,40246,40251,40256],{},[41,40247,40248,40250],{},[16,40249,1789],{}," estable",[41,40252,40253,40254],{},"Listas derivadas con ",[16,40255,1732],{},[41,40257,40258],{},"Estructura limpia del template",[21,40260,40261],{},"Vas a tener componentes más predecibles, más performantes y mucho más fáciles de mantener.",[1606,40263,40264],{},"html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .s9eBZ, html code.shiki .s9eBZ{--shiki-default:#22863A;--shiki-dark:#85E89D}html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .szBVR, html code.shiki .szBVR{--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}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 .s4XuR, html code.shiki .s4XuR{--shiki-default:#E36209;--shiki-dark:#FFAB70}",{"title":273,"searchDepth":308,"depth":308,"links":40266},[40267,40268,40270,40271,40272,40273,40281,40288,40299,40300],{"id":20624,"depth":308,"text":20625},{"id":37049,"depth":308,"text":40269},"Cuándo usar v-for",{"id":155,"depth":308,"text":156},{"id":37101,"depth":308,"text":37102},{"id":37353,"depth":308,"text":37354},{"id":37773,"depth":308,"text":40274,"children":40275},"Nivel intermedio: índice, objetos y template v-for",[40276,40278,40279],{"id":37780,"depth":324,"text":40277},"1) Índice en v-for",{"id":38031,"depth":324,"text":38032},{"id":38314,"depth":324,"text":40280},"3) Repetir varios nodos con template",{"id":38703,"depth":308,"text":38704,"children":40282},[40283,40285,40287],{"id":38707,"depth":324,"text":40284},"1) Prefiltrar y ordenar con computed",{"id":39262,"depth":324,"text":40286},"2) Renderizar componentes con v-for",{"id":39577,"depth":324,"text":39578},{"id":40021,"depth":308,"text":40289,"children":40290},"Errores comunes con v-for",[40291,40293,40295,40297],{"id":40027,"depth":324,"text":40292},"1) Usar index como key en listas mutables",{"id":40101,"depth":324,"text":40294},"2) Mezclar v-if y v-for en el mismo nodo",{"id":40185,"depth":324,"text":40296},"3) Mutar directamente el resultado de un computed",{"id":40194,"depth":324,"text":40298},"4) key duplicadas",{"id":40206,"depth":308,"text":40207},{"id":17670,"depth":308,"text":17671},"https://res.cloudinary.com/denj4fg7f/image/upload/v1770690176/directives-vue-v-for-guide_itbdds.png","Imagen temporal para portada del artículo sobre v-for en Vue","2026-02-10","Aprende a dominar v-for en Vue con ejemplos prácticos desde lo más básico hasta patrones avanzados, uso correcto de key, errores comunes y buenas prácticas en Composition API y Options API.",{"script":40306},[40307],{"type":1632,"key":1633,"data-nuxt-schema-org":327,"nodes":40308},[40309],{"headline":40310,"author":40311,"datePublished":40312,"@type":1640},"Directiva v-for en Vue: guía completa de básico a avanzado",{"name":1637,"@type":1638},"2026-02-09T21:30:00-05:00",{"updatedAt":40312,"coverCaption":17759,"author":1637,"keywords":40314},[1645,24880,40315,1789,271,971,10645],"listas","/blog/directives-vue-v-for-guide.es",[40318],{"headline":40310,"author":40319,"datePublished":40312,"@type":1640},{"name":1637,"@type":1638},{"title":36974,"description":40304},"blog/directives-vue-v-for-guide.es",[40323,40324,40326,40327],{"tag":20588,"color":20589},{"tag":40325,"color":3168},"Listas",{"tag":21891,"color":21892},{"tag":9074,"color":9075},"XUaxKVi8KzZe0IYaQ4SYj_q5sPhfP5avdlXkrHvmKjc",{"id":40330,"title":40331,"body":40332,"cover":42171,"coverAlt":42172,"date":42173,"description":42174,"draft":1627,"extension":1628,"head":42175,"locale":1641,"meta":42183,"navigation":327,"path":42188,"schemaOrg":42189,"seo":42192,"series":20582,"seriesDescription":20583,"seriesOrder":308,"seriesTitle":20584,"slug":1656,"stem":42193,"tags":42194,"__hash__":42201},"blog/blog/directives-vue-v-if-v-else-v-show-guide.es.md","Directivas en Vue: v-if, v-else y v-show",{"type":8,"value":40333,"toc":42145},[40334,40345,40359,40386,40396,40400,40404,40420,40425,40436,40447,40455,40466,40469,40484,40488,40495,40499,40507,40519,40523,40558,40566,40569,40807,41050,41070,41076,41084,41270,41458,41462,41469,41480,41489,41499,41509,41754,41987,41989,41998,42000,42051,42063,42069,42084,42091,42104,42106,42134,42142],[11,40335,40337,225,40339,1697,40342,40344],{"id":40336},"v-if-v-else-y-v-show-en-vue-cuándo-usar-cada-una",[16,40338,7538],{},[16,40340,40341],{},"v-else",[16,40343,7701],{}," en Vue: cuándo usar cada una",[21,40346,40347,40348,225,40350,1697,40352,40354,40355,40358],{},"Las directivas ",[16,40349,7538],{},[16,40351,40341],{},[16,40353,7701],{}," sirven para ",[72,40356,40357],{},"mostrar u ocultar contenido"," en función de una condición reactiva.\nLa diferencia clave —la que evita bugs sutiles y problemas de rendimiento— es esta:",[38,40360,40361,40373],{},[41,40362,40363,20699,40369,40372],{},[72,40364,40365,5245,40367],{},[16,40366,7538],{},[16,40368,40341],{},[3292,40370,40371],{},"crean o destruyen"," elementos del DOM.",[41,40374,40375,20699,40379,40382,40383,104],{},[72,40376,40377],{},[16,40378,7701],{},[3292,40380,40381],{},"no destruye nada","; solo alterna ",[16,40384,40385],{},"display: none",[21,40387,40388,40389,12494,40392,40395],{},"Si lo piensas como ",[72,40390,40391],{},"“¿Esto existe?”",[72,40393,40394],{},"“¿Esto se ve?”",", ya vas por buen camino.",[30,40397,40399],{"id":40398},"qué-hace-cada-una","Qué hace cada una",[192,40401,40402],{"id":7538},[16,40403,7538],{},[21,40405,40406,40407,40410,40411,40413,40414,40416,40417,104],{},"Renderiza el elemento ",[72,40408,40409],{},"solo si"," la condición es ",[16,40412,2149],{},".\nSi es ",[16,40415,2123],{},", el elemento ",[72,40418,40419],{},"no existe en el DOM",[21,40421,40422],{},[72,40423,40424],{},"Útil cuando:",[38,40426,40427,40430,40433],{},[41,40428,40429],{},"El contenido es pesado (componentes grandes, listas, gráficos)",[41,40431,40432],{},"No debería existir si no se cumple la condición (permisos de UI, flujos sensibles)",[41,40434,40435],{},"Se muestra pocas veces u ocasionalmente",[3111,40437,40438],{},[21,40439,40440,40442,40443,40446],{},[16,40441,7538],{}," tiene un costo mayor al alternar, porque implica ",[72,40444,40445],{},"montaje y desmontaje"," del árbol de componentes.",[192,40448,40450,1697,40452],{"id":40449},"v-else-y-v-else-if",[16,40451,40341],{},[16,40453,40454],{},"v-else-if",[21,40456,40457,40458,40461,40462,118,40464,104],{},"Se usan ",[72,40459,40460],{},"inmediatamente después"," de un ",[16,40463,7538],{},[16,40465,40454],{},[21,40467,40468],{},"Reglas importantes:",[38,40470,40471,40478],{},[41,40472,40473,40474,40477],{},"Deben estar ",[72,40475,40476],{},"adyacentes"," (sin nodos intermedios).",[41,40479,40480,40481,104],{},"Vue los interpreta como ",[72,40482,40483],{},"un único bloque condicional",[192,40485,40486],{"id":7701},[16,40487,7701],{},[21,40489,40490,40491,40494],{},"El elemento ",[72,40492,40493],{},"siempre se renderiza"," (existe en el DOM), pero se muestra u oculta con CSS.",[21,40496,40497],{},[72,40498,40424],{},[38,40500,40501,40504],{},[41,40502,40503],{},"La visibilidad cambia con frecuencia (toggles, menús, paneles)",[41,40505,40506],{},"Quieres evitar el costo de montar/desmontar",[3111,40508,40509],{},[21,40510,40511,10969,40513,40518],{},[16,40512,7701],{},[72,40514,40515,40516],{},"no funciona con ",[16,40517,26159],{},", porque no es un elemento real.\nEl contenido sigue en el DOM: foco, tab order y accesibilidad pueden verse afectados si no se gestiona bien.",[30,40520,40522],{"id":40521},"resumen-rápido-cuál-usar","Resumen rápido: cuál usar",[38,40524,40525,40536,40549],{},[41,40526,20777,40527,40531,40532,40535],{},[72,40528,40529],{},[16,40530,7538],{}," cuando el contenido ",[72,40533,40534],{},"no debe existir"," si la condición no se cumple.",[41,40537,20777,40538,40531,40542,40545,40546,104],{},[72,40539,40540],{},[16,40541,7701],{},[72,40543,40544],{},"solo debe ocultarse"," y el toggle será ",[72,40547,40548],{},"frecuente",[41,40550,20777,40551,40555,40556,104],{},[72,40552,40553],{},[16,40554,40341],{}," para el caso alternativo inmediato de un ",[16,40557,7538],{},[30,40559,40561,40562,28155,40564,19],{"id":40560},"ejemplo-1-login-v-if-v-else","Ejemplo 1: Login (",[16,40563,7538],{},[16,40565,40341],{},[21,40567,40568],{},"Cuando una persona está autenticada, muestras el panel; si no, un CTA para iniciar sesión.",[267,40570,40573],{"className":269,"code":40571,"filename":271,"highlights":40572,"language":272,"meta":273,"style":273},"\u003Cscript setup>\nimport { ref } from \"vue\";\n\nconst isLoggedIn = ref(false);\n\nfunction toggleLogin() {\n isLoggedIn.value = !isLoggedIn.value;\n}\n\u003C/script>\n\n\u003Ctemplate>\n \u003Cbutton @click=\"toggleLogin\">\n {{ isLoggedIn ? \"Log out\" : \"Log in\" }}\n \u003C/button>\n\n \u003Csection v-if=\"isLoggedIn\">\n \u003Ch2>Welcome back\u003C/h2>\n \u003Cp>You have access to your dashboard.\u003C/p>\n \u003C/section>\n\n \u003Csection v-else>\n \u003Ch2>Please log in\u003C/h2>\n \u003Cp>You need an account to continue.\u003C/p>\n \u003C/section>\n\u003C/template>\n",[371,500,550],[16,40574,40575,40585,40597,40601,40618,40622,40631,40644,40648,40656,40660,40668,40683,40688,40696,40700,40716,40729,40742,40750,40754,40765,40778,40791,40799],{"__ignoreMap":273},[277,40576,40577,40579,40581,40583],{"class":279,"line":280},[277,40578,284],{"class":283},[277,40580,288],{"class":287},[277,40582,292],{"class":291},[277,40584,305],{"class":283},[277,40586,40587,40589,40591,40593,40595],{"class":279,"line":308},[277,40588,312],{"class":311},[277,40590,11006],{"class":283},[277,40592,318],{"class":311},[277,40594,18148],{"class":301},[277,40596,18151],{"class":283},[277,40598,40599],{"class":279,"line":324},[277,40600,328],{"emptyLinePlaceholder":327},[277,40602,40603,40605,40608,40610,40612,40614,40616],{"class":279,"line":331},[277,40604,405],{"class":311},[277,40606,40607],{"class":356}," isLoggedIn",[277,40609,340],{"class":311},[277,40611,413],{"class":291},[277,40613,448],{"class":283},[277,40615,2123],{"class":356},[277,40617,18277],{"class":283},[277,40619,40620],{"class":279,"line":346},[277,40621,328],{"emptyLinePlaceholder":327},[277,40623,40624,40626,40629],{"class":279,"line":360},[277,40625,2460],{"class":311},[277,40627,40628],{"class":291}," toggleLogin",[277,40630,473],{"class":283},[277,40632,40634,40637,40639,40641],{"class":40633,"line":371},[279,9398],[277,40635,40636],{"class":283}," isLoggedIn.value ",[277,40638,298],{"class":311},[277,40640,2288],{"class":311},[277,40642,40643],{"class":283},"isLoggedIn.value;\n",[277,40645,40646],{"class":279,"line":381},[277,40647,394],{"class":283},[277,40649,40650,40652,40654],{"class":279,"line":391},[277,40651,785],{"class":283},[277,40653,288],{"class":287},[277,40655,305],{"class":283},[277,40657,40658],{"class":279,"line":397},[277,40659,328],{"emptyLinePlaceholder":327},[277,40661,40662,40664,40666],{"class":279,"line":402},[277,40663,284],{"class":283},[277,40665,802],{"class":287},[277,40667,305],{"class":283},[277,40669,40670,40672,40674,40676,40678,40681],{"class":279,"line":436},[277,40671,810],{"class":283},[277,40673,4267],{"class":287},[277,40675,4278],{"class":291},[277,40677,298],{"class":283},[277,40679,40680],{"class":301},"\"toggleLogin\"",[277,40682,305],{"class":283},[277,40684,40685],{"class":279,"line":456},[277,40686,40687],{"class":283}," {{ isLoggedIn ? \"Log out\" : \"Log in\" }}\n",[277,40689,40690,40692,40694],{"class":279,"line":461},[277,40691,954],{"class":283},[277,40693,4267],{"class":287},[277,40695,305],{"class":283},[277,40697,40698],{"class":279,"line":476},[277,40699,328],{"emptyLinePlaceholder":327},[277,40701,40703,40705,40707,40709,40711,40714],{"class":40702,"line":500},[279,9398],[277,40704,810],{"class":283},[277,40706,4121],{"class":287},[277,40708,834],{"class":291},[277,40710,298],{"class":283},[277,40712,40713],{"class":301},"\"isLoggedIn\"",[277,40715,305],{"class":283},[277,40717,40718,40720,40722,40725,40727],{"class":279,"line":505},[277,40719,829],{"class":283},[277,40721,30],{"class":287},[277,40723,40724],{"class":283},">Welcome back\u003C/",[277,40726,30],{"class":287},[277,40728,305],{"class":283},[277,40730,40731,40733,40735,40738,40740],{"class":279,"line":520},[277,40732,829],{"class":283},[277,40734,21],{"class":287},[277,40736,40737],{"class":283},">You have access to your dashboard.\u003C/",[277,40739,21],{"class":287},[277,40741,305],{"class":283},[277,40743,40744,40746,40748],{"class":279,"line":539},[277,40745,954],{"class":283},[277,40747,4121],{"class":287},[277,40749,305],{"class":283},[277,40751,40752],{"class":279,"line":545},[277,40753,328],{"emptyLinePlaceholder":327},[277,40755,40757,40759,40761,40763],{"class":40756,"line":550},[279,9398],[277,40758,810],{"class":283},[277,40760,4121],{"class":287},[277,40762,941],{"class":291},[277,40764,305],{"class":283},[277,40766,40767,40769,40771,40774,40776],{"class":279,"line":578},[277,40768,829],{"class":283},[277,40770,30],{"class":287},[277,40772,40773],{"class":283},">Please log in\u003C/",[277,40775,30],{"class":287},[277,40777,305],{"class":283},[277,40779,40780,40782,40784,40787,40789],{"class":279,"line":583},[277,40781,829],{"class":283},[277,40783,21],{"class":287},[277,40785,40786],{"class":283},">You need an account to continue.\u003C/",[277,40788,21],{"class":287},[277,40790,305],{"class":283},[277,40792,40793,40795,40797],{"class":279,"line":588},[277,40794,954],{"class":283},[277,40796,4121],{"class":287},[277,40798,305],{"class":283},[277,40800,40801,40803,40805],{"class":279,"line":606},[277,40802,785],{"class":283},[277,40804,802],{"class":287},[277,40806,305],{"class":283},[267,40808,40811],{"className":269,"code":40809,"filename":971,"highlights":40810,"language":272,"meta":273,"style":273},"\u003Cscript>\nexport default {\n data() {\n return {\n isLoggedIn: false,\n };\n },\n methods: {\n toggleLogin() {\n this.isLoggedIn = !this.isLoggedIn;\n },\n },\n};\n\u003C/script>\n\n\u003Ctemplate>\n \u003Cbutton @click=\"toggleLogin\">\n {{ isLoggedIn ? \"Log out\" : \"Log in\" }}\n \u003C/button>\n\n \u003Csection v-if=\"isLoggedIn\">\n \u003Ch2>Welcome back\u003C/h2>\n \u003Cp>You have access to your dashboard.\u003C/p>\n \u003C/section>\n\n \u003Csection v-else>\n \u003Ch2>Please log in\u003C/h2>\n \u003Cp>You need an account to continue.\u003C/p>\n \u003C/section>\n\u003C/template>\n",[397,550,614],[16,40812,40813,40821,40829,40835,40841,40850,40854,40858,40862,40869,40886,40890,40894,40898,40906,40910,40918,40932,40936,40944,40948,40963,40975,40987,40995,40999,41010,41022,41034,41042],{"__ignoreMap":273},[277,40814,40815,40817,40819],{"class":279,"line":280},[277,40816,284],{"class":283},[277,40818,288],{"class":287},[277,40820,305],{"class":283},[277,40822,40823,40825,40827],{"class":279,"line":308},[277,40824,1057],{"class":311},[277,40826,1060],{"class":311},[277,40828,343],{"class":283},[277,40830,40831,40833],{"class":279,"line":324},[277,40832,1086],{"class":291},[277,40834,473],{"class":283},[277,40836,40837,40839],{"class":279,"line":331},[277,40838,1093],{"class":311},[277,40840,343],{"class":283},[277,40842,40843,40846,40848],{"class":279,"line":346},[277,40844,40845],{"class":283}," isLoggedIn: ",[277,40847,2123],{"class":356},[277,40849,1077],{"class":283},[277,40851,40852],{"class":279,"line":360},[277,40853,18478],{"class":283},[277,40855,40856],{"class":279,"line":371},[277,40857,1131],{"class":283},[277,40859,40860],{"class":279,"line":381},[277,40861,1140],{"class":283},[277,40863,40864,40867],{"class":279,"line":391},[277,40865,40866],{"class":291}," toggleLogin",[277,40868,473],{"class":283},[277,40870,40872,40874,40877,40879,40881,40883],{"class":40871,"line":397},[279,9398],[277,40873,1212],{"class":356},[277,40875,40876],{"class":283},".isLoggedIn ",[277,40878,298],{"class":311},[277,40880,2288],{"class":311},[277,40882,1341],{"class":356},[277,40884,40885],{"class":283},".isLoggedIn;\n",[277,40887,40888],{"class":279,"line":402},[277,40889,7016],{"class":283},[277,40891,40892],{"class":279,"line":436},[277,40893,1131],{"class":283},[277,40895,40896],{"class":279,"line":456},[277,40897,18255],{"class":283},[277,40899,40900,40902,40904],{"class":279,"line":461},[277,40901,785],{"class":283},[277,40903,288],{"class":287},[277,40905,305],{"class":283},[277,40907,40908],{"class":279,"line":476},[277,40909,328],{"emptyLinePlaceholder":327},[277,40911,40912,40914,40916],{"class":279,"line":500},[277,40913,284],{"class":283},[277,40915,802],{"class":287},[277,40917,305],{"class":283},[277,40919,40920,40922,40924,40926,40928,40930],{"class":279,"line":505},[277,40921,810],{"class":283},[277,40923,4267],{"class":287},[277,40925,4278],{"class":291},[277,40927,298],{"class":283},[277,40929,40680],{"class":301},[277,40931,305],{"class":283},[277,40933,40934],{"class":279,"line":520},[277,40935,40687],{"class":283},[277,40937,40938,40940,40942],{"class":279,"line":539},[277,40939,954],{"class":283},[277,40941,4267],{"class":287},[277,40943,305],{"class":283},[277,40945,40946],{"class":279,"line":545},[277,40947,328],{"emptyLinePlaceholder":327},[277,40949,40951,40953,40955,40957,40959,40961],{"class":40950,"line":550},[279,9398],[277,40952,810],{"class":283},[277,40954,4121],{"class":287},[277,40956,834],{"class":291},[277,40958,298],{"class":283},[277,40960,40713],{"class":301},[277,40962,305],{"class":283},[277,40964,40965,40967,40969,40971,40973],{"class":279,"line":578},[277,40966,829],{"class":283},[277,40968,30],{"class":287},[277,40970,40724],{"class":283},[277,40972,30],{"class":287},[277,40974,305],{"class":283},[277,40976,40977,40979,40981,40983,40985],{"class":279,"line":583},[277,40978,829],{"class":283},[277,40980,21],{"class":287},[277,40982,40737],{"class":283},[277,40984,21],{"class":287},[277,40986,305],{"class":283},[277,40988,40989,40991,40993],{"class":279,"line":588},[277,40990,954],{"class":283},[277,40992,4121],{"class":287},[277,40994,305],{"class":283},[277,40996,40997],{"class":279,"line":606},[277,40998,328],{"emptyLinePlaceholder":327},[277,41000,41002,41004,41006,41008],{"class":41001,"line":614},[279,9398],[277,41003,810],{"class":283},[277,41005,4121],{"class":287},[277,41007,941],{"class":291},[277,41009,305],{"class":283},[277,41011,41012,41014,41016,41018,41020],{"class":279,"line":625},[277,41013,829],{"class":283},[277,41015,30],{"class":287},[277,41017,40773],{"class":283},[277,41019,30],{"class":287},[277,41021,305],{"class":283},[277,41023,41024,41026,41028,41030,41032],{"class":279,"line":637},[277,41025,829],{"class":283},[277,41027,21],{"class":287},[277,41029,40786],{"class":283},[277,41031,21],{"class":287},[277,41033,305],{"class":283},[277,41035,41036,41038,41040],{"class":279,"line":646},[277,41037,954],{"class":283},[277,41039,4121],{"class":287},[277,41041,305],{"class":283},[277,41043,41044,41046,41048],{"class":279,"line":668},[277,41045,785],{"class":283},[277,41047,802],{"class":287},[277,41049,305],{"class":283},[3111,41051,41052],{},[21,41053,17879,41054,41057,41058,16974,41061,41063,41064,41067,41068,104],{},[16,41055,41056],{},"\u003Csection v-else>"," debe ir ",[72,41059,41060],{},"justo después",[16,41062,7538],{},".\nSi intercalas un comentario, un ",[16,41065,41066],{},"\u003Cdiv>"," u otro nodo, Vue deja de asociarlo como ",[16,41069,16666],{},[30,41071,41073,41074,19],{"id":41072},"ejemplo-2-tabs-o-panel-que-se-abre-y-cierra-v-show","Ejemplo 2: Tabs o panel que se abre y cierra (",[16,41075,7701],{},[21,41077,41078,41079,41083],{},"Un panel de filtros que el usuario abre y cierra constantemente. Aquí ",[72,41080,41081],{},[16,41082,7701],{}," es ideal.",[267,41085,41088],{"className":269,"code":41086,"filename":271,"highlights":41087,"language":272,"meta":273,"style":273},"\u003Cscript setup>\nimport { ref } from \"vue\";\n\nconst isOpen = ref(false);\n\u003C/script>\n\n\u003Ctemplate>\n \u003Cbutton @click=\"isOpen = !isOpen\">\n {{ isOpen ? \"Hide filters\" : \"Show filters\" }}\n \u003C/button>\n\n \u003Caside v-show=\"isOpen\" class=\"filters\">\n \u003Ch3>Filters\u003C/h3>\n \u003Clabel>\n \u003Cinput type=\"checkbox\" />\n Only available items\n \u003C/label>\n \u003C/aside>\n\u003C/template>\n",[331,436],[16,41089,41090,41100,41112,41116,41133,41141,41145,41153,41167,41172,41180,41184,41206,41219,41227,41241,41246,41254,41262],{"__ignoreMap":273},[277,41091,41092,41094,41096,41098],{"class":279,"line":280},[277,41093,284],{"class":283},[277,41095,288],{"class":287},[277,41097,292],{"class":291},[277,41099,305],{"class":283},[277,41101,41102,41104,41106,41108,41110],{"class":279,"line":308},[277,41103,312],{"class":311},[277,41105,11006],{"class":283},[277,41107,318],{"class":311},[277,41109,18148],{"class":301},[277,41111,18151],{"class":283},[277,41113,41114],{"class":279,"line":324},[277,41115,328],{"emptyLinePlaceholder":327},[277,41117,41119,41121,41123,41125,41127,41129,41131],{"class":41118,"line":331},[279,9398],[277,41120,405],{"class":311},[277,41122,18266],{"class":356},[277,41124,340],{"class":311},[277,41126,413],{"class":291},[277,41128,448],{"class":283},[277,41130,2123],{"class":356},[277,41132,18277],{"class":283},[277,41134,41135,41137,41139],{"class":279,"line":346},[277,41136,785],{"class":283},[277,41138,288],{"class":287},[277,41140,305],{"class":283},[277,41142,41143],{"class":279,"line":360},[277,41144,328],{"emptyLinePlaceholder":327},[277,41146,41147,41149,41151],{"class":279,"line":371},[277,41148,284],{"class":283},[277,41150,802],{"class":287},[277,41152,305],{"class":283},[277,41154,41155,41157,41159,41161,41163,41165],{"class":279,"line":381},[277,41156,810],{"class":283},[277,41158,4267],{"class":287},[277,41160,4278],{"class":291},[277,41162,298],{"class":283},[277,41164,18700],{"class":301},[277,41166,305],{"class":283},[277,41168,41169],{"class":279,"line":391},[277,41170,41171],{"class":283}," {{ isOpen ? \"Hide filters\" : \"Show filters\" }}\n",[277,41173,41174,41176,41178],{"class":279,"line":397},[277,41175,954],{"class":283},[277,41177,4267],{"class":287},[277,41179,305],{"class":283},[277,41181,41182],{"class":279,"line":402},[277,41183,328],{"emptyLinePlaceholder":327},[277,41185,41187,41189,41191,41194,41196,41198,41200,41202,41204],{"class":41186,"line":436},[279,9398],[277,41188,810],{"class":283},[277,41190,21481],{"class":287},[277,41192,41193],{"class":291}," v-show",[277,41195,298],{"class":283},[277,41197,18724],{"class":301},[277,41199,816],{"class":291},[277,41201,298],{"class":283},[277,41203,6417],{"class":301},[277,41205,305],{"class":283},[277,41207,41208,41210,41212,41215,41217],{"class":279,"line":456},[277,41209,829],{"class":283},[277,41211,192],{"class":287},[277,41213,41214],{"class":283},">Filters\u003C/",[277,41216,192],{"class":287},[277,41218,305],{"class":283},[277,41220,41221,41223,41225],{"class":279,"line":461},[277,41222,829],{"class":283},[277,41224,3875],{"class":287},[277,41226,305],{"class":283},[277,41228,41229,41231,41233,41235,41237,41239],{"class":279,"line":476},[277,41230,879],{"class":283},[277,41232,18041],{"class":287},[277,41234,4270],{"class":291},[277,41236,298],{"class":283},[277,41238,29189],{"class":301},[277,41240,4325],{"class":283},[277,41242,41243],{"class":279,"line":500},[277,41244,41245],{"class":283}," Only available items\n",[277,41247,41248,41250,41252],{"class":279,"line":505},[277,41249,922],{"class":283},[277,41251,3875],{"class":287},[277,41253,305],{"class":283},[277,41255,41256,41258,41260],{"class":279,"line":520},[277,41257,954],{"class":283},[277,41259,21481],{"class":287},[277,41261,305],{"class":283},[277,41263,41264,41266,41268],{"class":279,"line":539},[277,41265,785],{"class":283},[277,41267,802],{"class":287},[277,41269,305],{"class":283},[267,41271,41274],{"className":269,"code":41272,"filename":971,"highlights":41273,"language":272,"meta":273,"style":273},"\u003Cscript>\nexport default {\n data() {\n return {\n isOpen: false,\n };\n },\n};\n\u003C/script>\n\n\u003Ctemplate>\n \u003Cbutton @click=\"isOpen = !isOpen\">\n {{ isOpen ? \"Hide filters\" : \"Show filters\" }}\n \u003C/button>\n\n \u003Caside v-show=\"isOpen\" class=\"filters\">\n \u003Ch3>Filters\u003C/h3>\n \u003Clabel>\n \u003Cinput type=\"checkbox\" />\n Only available items\n \u003C/label>\n \u003C/aside>\n\u003C/template>\n",[346,500],[16,41275,41276,41284,41292,41298,41304,41313,41317,41321,41325,41333,41337,41345,41359,41363,41371,41375,41396,41408,41416,41430,41434,41442,41450],{"__ignoreMap":273},[277,41277,41278,41280,41282],{"class":279,"line":280},[277,41279,284],{"class":283},[277,41281,288],{"class":287},[277,41283,305],{"class":283},[277,41285,41286,41288,41290],{"class":279,"line":308},[277,41287,1057],{"class":311},[277,41289,1060],{"class":311},[277,41291,343],{"class":283},[277,41293,41294,41296],{"class":279,"line":324},[277,41295,1086],{"class":291},[277,41297,473],{"class":283},[277,41299,41300,41302],{"class":279,"line":331},[277,41301,1093],{"class":311},[277,41303,343],{"class":283},[277,41305,41307,41309,41311],{"class":41306,"line":346},[279,9398],[277,41308,18831],{"class":283},[277,41310,2123],{"class":356},[277,41312,1077],{"class":283},[277,41314,41315],{"class":279,"line":360},[277,41316,18478],{"class":283},[277,41318,41319],{"class":279,"line":371},[277,41320,1131],{"class":283},[277,41322,41323],{"class":279,"line":381},[277,41324,18255],{"class":283},[277,41326,41327,41329,41331],{"class":279,"line":391},[277,41328,785],{"class":283},[277,41330,288],{"class":287},[277,41332,305],{"class":283},[277,41334,41335],{"class":279,"line":397},[277,41336,328],{"emptyLinePlaceholder":327},[277,41338,41339,41341,41343],{"class":279,"line":402},[277,41340,284],{"class":283},[277,41342,802],{"class":287},[277,41344,305],{"class":283},[277,41346,41347,41349,41351,41353,41355,41357],{"class":279,"line":436},[277,41348,810],{"class":283},[277,41350,4267],{"class":287},[277,41352,4278],{"class":291},[277,41354,298],{"class":283},[277,41356,18700],{"class":301},[277,41358,305],{"class":283},[277,41360,41361],{"class":279,"line":456},[277,41362,41171],{"class":283},[277,41364,41365,41367,41369],{"class":279,"line":461},[277,41366,954],{"class":283},[277,41368,4267],{"class":287},[277,41370,305],{"class":283},[277,41372,41373],{"class":279,"line":476},[277,41374,328],{"emptyLinePlaceholder":327},[277,41376,41378,41380,41382,41384,41386,41388,41390,41392,41394],{"class":41377,"line":500},[279,9398],[277,41379,810],{"class":283},[277,41381,21481],{"class":287},[277,41383,41193],{"class":291},[277,41385,298],{"class":283},[277,41387,18724],{"class":301},[277,41389,816],{"class":291},[277,41391,298],{"class":283},[277,41393,6417],{"class":301},[277,41395,305],{"class":283},[277,41397,41398,41400,41402,41404,41406],{"class":279,"line":505},[277,41399,829],{"class":283},[277,41401,192],{"class":287},[277,41403,41214],{"class":283},[277,41405,192],{"class":287},[277,41407,305],{"class":283},[277,41409,41410,41412,41414],{"class":279,"line":520},[277,41411,829],{"class":283},[277,41413,3875],{"class":287},[277,41415,305],{"class":283},[277,41417,41418,41420,41422,41424,41426,41428],{"class":279,"line":539},[277,41419,879],{"class":283},[277,41421,18041],{"class":287},[277,41423,4270],{"class":291},[277,41425,298],{"class":283},[277,41427,29189],{"class":301},[277,41429,4325],{"class":283},[277,41431,41432],{"class":279,"line":545},[277,41433,41245],{"class":283},[277,41435,41436,41438,41440],{"class":279,"line":550},[277,41437,922],{"class":283},[277,41439,3875],{"class":287},[277,41441,305],{"class":283},[277,41443,41444,41446,41448],{"class":279,"line":578},[277,41445,954],{"class":283},[277,41447,21481],{"class":287},[277,41449,305],{"class":283},[277,41451,41452,41454,41456],{"class":279,"line":583},[277,41453,785],{"class":283},[277,41455,802],{"class":287},[277,41457,305],{"class":283},[192,41459,41461],{"id":41460},"nota-de-ux-y-accesibilidad","Nota de UX y accesibilidad",[21,41463,41464,41465,41468],{},"Como el panel ",[72,41466,41467],{},"sigue existiendo",", sus elementos interactivos pueden:",[38,41470,41471,41474,41477],{},[41,41472,41473],{},"Conservar estado",[41,41475,41476],{},"Conservar foco (a veces deseable, a veces no)",[41,41478,41479],{},"Seguir siendo accesibles para lectores de pantalla si no se manejan roles/ARIA",[21,41481,41482,41483,41486,41487,104],{},"Si el contenido ",[72,41484,41485],{},"no debería existir"," en absoluto, usa ",[16,41488,7538],{},[30,41490,41492,41494,41495,41498],{"id":41491},"v-else-if-múltiples-estados-sin-anidar-if-innecesarios",[16,41493,40454],{},": múltiples estados (sin anidar ",[16,41496,41497],{},"if"," innecesarios)",[21,41500,41501,41502,225,41504,1697,41506,104],{},"Un patrón común: ",[3292,41503,3343],{},[3292,41505,3349],{},[3292,41507,41508],{},"success",[267,41510,41513],{"className":269,"code":41511,"filename":271,"highlights":41512,"language":272,"meta":273,"style":273},"\u003Cscript setup>\nimport { ref } from \"vue\";\n\nconst status = ref(\"idle\"); // \"idle\" | \"loading\" | \"error\" | \"success\"\n\u003C/script>\n\n\u003Ctemplate>\n \u003Cbutton @click=\"status = 'loading'\">Simulate loading\u003C/button>\n \u003Cbutton @click=\"status = 'error'\">Simulate error\u003C/button>\n \u003Cbutton @click=\"status = 'success'\">Simulate success\u003C/button>\n \u003Cbutton @click=\"status = 'idle'\">Reset\u003C/button>\n\n \u003Cp v-if=\"status === 'loading'\">Loading...\u003C/p>\n \u003Cp v-else-if=\"status === 'error'\">Something went wrong.\u003C/p>\n \u003Cp v-else-if=\"status === 'success'\">Done!\u003C/p>\n \u003Cp v-else>Idle. Click a button.\u003C/p>\n\u003C/template>\n",[331,456,461,476,500],[16,41514,41515,41525,41537,41541,41563,41571,41575,41583,41603,41623,41643,41663,41667,41688,41709,41730,41746],{"__ignoreMap":273},[277,41516,41517,41519,41521,41523],{"class":279,"line":280},[277,41518,284],{"class":283},[277,41520,288],{"class":287},[277,41522,292],{"class":291},[277,41524,305],{"class":283},[277,41526,41527,41529,41531,41533,41535],{"class":279,"line":308},[277,41528,312],{"class":311},[277,41530,11006],{"class":283},[277,41532,318],{"class":311},[277,41534,18148],{"class":301},[277,41536,18151],{"class":283},[277,41538,41539],{"class":279,"line":324},[277,41540,328],{"emptyLinePlaceholder":327},[277,41542,41544,41546,41548,41550,41552,41554,41557,41560],{"class":41543,"line":331},[279,9398],[277,41545,405],{"class":311},[277,41547,5726],{"class":356},[277,41549,340],{"class":311},[277,41551,413],{"class":291},[277,41553,448],{"class":283},[277,41555,41556],{"class":301},"\"idle\"",[277,41558,41559],{"class":283},"); ",[277,41561,41562],{"class":12741},"// \"idle\" | \"loading\" | \"error\" | \"success\"\n",[277,41564,41565,41567,41569],{"class":279,"line":346},[277,41566,785],{"class":283},[277,41568,288],{"class":287},[277,41570,305],{"class":283},[277,41572,41573],{"class":279,"line":360},[277,41574,328],{"emptyLinePlaceholder":327},[277,41576,41577,41579,41581],{"class":279,"line":371},[277,41578,284],{"class":283},[277,41580,802],{"class":287},[277,41582,305],{"class":283},[277,41584,41585,41587,41589,41591,41593,41596,41599,41601],{"class":279,"line":381},[277,41586,810],{"class":283},[277,41588,4267],{"class":287},[277,41590,4278],{"class":291},[277,41592,298],{"class":283},[277,41594,41595],{"class":301},"\"status = 'loading'\"",[277,41597,41598],{"class":283},">Simulate loading\u003C/",[277,41600,4267],{"class":287},[277,41602,305],{"class":283},[277,41604,41605,41607,41609,41611,41613,41616,41619,41621],{"class":279,"line":391},[277,41606,810],{"class":283},[277,41608,4267],{"class":287},[277,41610,4278],{"class":291},[277,41612,298],{"class":283},[277,41614,41615],{"class":301},"\"status = 'error'\"",[277,41617,41618],{"class":283},">Simulate error\u003C/",[277,41620,4267],{"class":287},[277,41622,305],{"class":283},[277,41624,41625,41627,41629,41631,41633,41636,41639,41641],{"class":279,"line":397},[277,41626,810],{"class":283},[277,41628,4267],{"class":287},[277,41630,4278],{"class":291},[277,41632,298],{"class":283},[277,41634,41635],{"class":301},"\"status = 'success'\"",[277,41637,41638],{"class":283},">Simulate success\u003C/",[277,41640,4267],{"class":287},[277,41642,305],{"class":283},[277,41644,41645,41647,41649,41651,41653,41656,41659,41661],{"class":279,"line":402},[277,41646,810],{"class":283},[277,41648,4267],{"class":287},[277,41650,4278],{"class":291},[277,41652,298],{"class":283},[277,41654,41655],{"class":301},"\"status = 'idle'\"",[277,41657,41658],{"class":283},">Reset\u003C/",[277,41660,4267],{"class":287},[277,41662,305],{"class":283},[277,41664,41665],{"class":279,"line":436},[277,41666,328],{"emptyLinePlaceholder":327},[277,41668,41670,41672,41674,41676,41678,41681,41684,41686],{"class":41669,"line":456},[279,9398],[277,41671,810],{"class":283},[277,41673,21],{"class":287},[277,41675,834],{"class":291},[277,41677,298],{"class":283},[277,41679,41680],{"class":301},"\"status === 'loading'\"",[277,41682,41683],{"class":283},">Loading...\u003C/",[277,41685,21],{"class":287},[277,41687,305],{"class":283},[277,41689,41691,41693,41695,41697,41699,41702,41705,41707],{"class":41690,"line":461},[279,9398],[277,41692,810],{"class":283},[277,41694,21],{"class":287},[277,41696,861],{"class":291},[277,41698,298],{"class":283},[277,41700,41701],{"class":301},"\"status === 'error'\"",[277,41703,41704],{"class":283},">Something went wrong.\u003C/",[277,41706,21],{"class":287},[277,41708,305],{"class":283},[277,41710,41712,41714,41716,41718,41720,41723,41726,41728],{"class":41711,"line":476},[279,9398],[277,41713,810],{"class":283},[277,41715,21],{"class":287},[277,41717,861],{"class":291},[277,41719,298],{"class":283},[277,41721,41722],{"class":301},"\"status === 'success'\"",[277,41724,41725],{"class":283},">Done!\u003C/",[277,41727,21],{"class":287},[277,41729,305],{"class":283},[277,41731,41733,41735,41737,41739,41742,41744],{"class":41732,"line":500},[279,9398],[277,41734,810],{"class":283},[277,41736,21],{"class":287},[277,41738,941],{"class":291},[277,41740,41741],{"class":283},">Idle. Click a button.\u003C/",[277,41743,21],{"class":287},[277,41745,305],{"class":283},[277,41747,41748,41750,41752],{"class":279,"line":505},[277,41749,785],{"class":283},[277,41751,802],{"class":287},[277,41753,305],{"class":283},[267,41755,41758],{"className":269,"code":41756,"filename":971,"highlights":41757,"language":272,"meta":273,"style":273},"\u003Cscript>\nexport default {\n data() {\n return {\n status: \"idle\", // \"idle\" | \"loading\" | \"error\" | \"success\"\n };\n },\n};\n\u003C/script>\n\n\u003Ctemplate>\n \u003Cbutton @click=\"status = 'loading'\">Simulate loading\u003C/button>\n \u003Cbutton @click=\"status = 'error'\">Simulate error\u003C/button>\n \u003Cbutton @click=\"status = 'success'\">Simulate success\u003C/button>\n \u003Cbutton @click=\"status = 'idle'\">Reset\u003C/button>\n\n \u003Cp v-if=\"status === 'loading'\">Loading...\u003C/p>\n \u003Cp v-else-if=\"status === 'error'\">Something went wrong.\u003C/p>\n \u003Cp v-else-if=\"status === 'success'\">Done!\u003C/p>\n \u003Cp v-else>Idle. Click a button.\u003C/p>\n\u003C/template>\n",[346,505,520,539,545],[16,41759,41760,41768,41776,41782,41788,41799,41803,41807,41811,41819,41823,41831,41849,41867,41885,41903,41907,41926,41945,41964,41979],{"__ignoreMap":273},[277,41761,41762,41764,41766],{"class":279,"line":280},[277,41763,284],{"class":283},[277,41765,288],{"class":287},[277,41767,305],{"class":283},[277,41769,41770,41772,41774],{"class":279,"line":308},[277,41771,1057],{"class":311},[277,41773,1060],{"class":311},[277,41775,343],{"class":283},[277,41777,41778,41780],{"class":279,"line":324},[277,41779,1086],{"class":291},[277,41781,473],{"class":283},[277,41783,41784,41786],{"class":279,"line":331},[277,41785,1093],{"class":311},[277,41787,343],{"class":283},[277,41789,41791,41793,41795,41797],{"class":41790,"line":346},[279,9398],[277,41792,6620],{"class":283},[277,41794,41556],{"class":301},[277,41796,225],{"class":283},[277,41798,41562],{"class":12741},[277,41800,41801],{"class":279,"line":360},[277,41802,18478],{"class":283},[277,41804,41805],{"class":279,"line":371},[277,41806,1131],{"class":283},[277,41808,41809],{"class":279,"line":381},[277,41810,18255],{"class":283},[277,41812,41813,41815,41817],{"class":279,"line":391},[277,41814,785],{"class":283},[277,41816,288],{"class":287},[277,41818,305],{"class":283},[277,41820,41821],{"class":279,"line":397},[277,41822,328],{"emptyLinePlaceholder":327},[277,41824,41825,41827,41829],{"class":279,"line":402},[277,41826,284],{"class":283},[277,41828,802],{"class":287},[277,41830,305],{"class":283},[277,41832,41833,41835,41837,41839,41841,41843,41845,41847],{"class":279,"line":436},[277,41834,810],{"class":283},[277,41836,4267],{"class":287},[277,41838,4278],{"class":291},[277,41840,298],{"class":283},[277,41842,41595],{"class":301},[277,41844,41598],{"class":283},[277,41846,4267],{"class":287},[277,41848,305],{"class":283},[277,41850,41851,41853,41855,41857,41859,41861,41863,41865],{"class":279,"line":456},[277,41852,810],{"class":283},[277,41854,4267],{"class":287},[277,41856,4278],{"class":291},[277,41858,298],{"class":283},[277,41860,41615],{"class":301},[277,41862,41618],{"class":283},[277,41864,4267],{"class":287},[277,41866,305],{"class":283},[277,41868,41869,41871,41873,41875,41877,41879,41881,41883],{"class":279,"line":461},[277,41870,810],{"class":283},[277,41872,4267],{"class":287},[277,41874,4278],{"class":291},[277,41876,298],{"class":283},[277,41878,41635],{"class":301},[277,41880,41638],{"class":283},[277,41882,4267],{"class":287},[277,41884,305],{"class":283},[277,41886,41887,41889,41891,41893,41895,41897,41899,41901],{"class":279,"line":476},[277,41888,810],{"class":283},[277,41890,4267],{"class":287},[277,41892,4278],{"class":291},[277,41894,298],{"class":283},[277,41896,41655],{"class":301},[277,41898,41658],{"class":283},[277,41900,4267],{"class":287},[277,41902,305],{"class":283},[277,41904,41905],{"class":279,"line":500},[277,41906,328],{"emptyLinePlaceholder":327},[277,41908,41910,41912,41914,41916,41918,41920,41922,41924],{"class":41909,"line":505},[279,9398],[277,41911,810],{"class":283},[277,41913,21],{"class":287},[277,41915,834],{"class":291},[277,41917,298],{"class":283},[277,41919,41680],{"class":301},[277,41921,41683],{"class":283},[277,41923,21],{"class":287},[277,41925,305],{"class":283},[277,41927,41929,41931,41933,41935,41937,41939,41941,41943],{"class":41928,"line":520},[279,9398],[277,41930,810],{"class":283},[277,41932,21],{"class":287},[277,41934,861],{"class":291},[277,41936,298],{"class":283},[277,41938,41701],{"class":301},[277,41940,41704],{"class":283},[277,41942,21],{"class":287},[277,41944,305],{"class":283},[277,41946,41948,41950,41952,41954,41956,41958,41960,41962],{"class":41947,"line":539},[279,9398],[277,41949,810],{"class":283},[277,41951,21],{"class":287},[277,41953,861],{"class":291},[277,41955,298],{"class":283},[277,41957,41722],{"class":301},[277,41959,41725],{"class":283},[277,41961,21],{"class":287},[277,41963,305],{"class":283},[277,41965,41967,41969,41971,41973,41975,41977],{"class":41966,"line":545},[279,9398],[277,41968,810],{"class":283},[277,41970,21],{"class":287},[277,41972,941],{"class":291},[277,41974,41741],{"class":283},[277,41976,21],{"class":287},[277,41978,305],{"class":283},[277,41980,41981,41983,41985],{"class":279,"line":550},[277,41982,785],{"class":283},[277,41984,802],{"class":287},[277,41986,305],{"class":283},[30,41988,190],{"id":189},[192,41990,41992,41993,41995,41996],{"id":41991},"_1-v-else-separado-del-v-if","1) ",[16,41994,40341],{}," separado del ",[16,41997,7538],{},[21,41999,24892],{},[267,42001,42004],{"className":269,"code":42002,"filename":9339,"highlights":42003,"language":272,"meta":273,"style":273},"\u003Cdiv v-if=\"ok\">Ok\u003C/div>\n\u003C!-- comentario o nodo -->\n\u003Cdiv v-else>No ok\u003C/div>\n",[308],[16,42005,42006,42030,42036],{"__ignoreMap":273},[277,42007,42008,42010,42012,42014,42016,42018,42021,42023,42026,42028],{"class":279,"line":280},[277,42009,284],{"class":283},[277,42011,4201],{"class":287},[277,42013,834],{"class":311},[277,42015,298],{"class":283},[277,42017,866],{"class":301},[277,42019,42020],{"class":283},"ok",[277,42022,866],{"class":301},[277,42024,42025],{"class":283},">Ok\u003C/",[277,42027,4201],{"class":287},[277,42029,305],{"class":283},[277,42031,42033],{"class":42032,"line":308},[279,9398],[277,42034,42035],{"class":12741},"\u003C!-- comentario o nodo -->\n",[277,42037,42038,42040,42042,42044,42047,42049],{"class":279,"line":324},[277,42039,284],{"class":283},[277,42041,4201],{"class":287},[277,42043,941],{"class":311},[277,42045,42046],{"class":283},">No ok\u003C/",[277,42048,4201],{"class":287},[277,42050,305],{"class":283},[3111,42052,42053],{},[21,42054,17879,42055,41057,42057,42060,42061,104],{},[16,42056,40341],{},[72,42058,42059],{},"inmediatamente"," después del ",[16,42062,7538],{},[192,42064,12603,42066,42068],{"id":42065},"_2-usar-v-show-para-contenido-que-no-debería-existir",[16,42067,7701],{}," para contenido que no debería existir",[21,42070,42071,42072,42074,42075,225,42078,42081,42082,104],{},"Si ocultas con ",[16,42073,7701],{}," algo como un ",[3292,42076,42077],{},"admin panel",[72,42079,42080],{},"sigue en el DOM",".\nNo es seguridad; es solo presentación. La seguridad va en el backend, pero en la UI al menos usa ",[16,42083,7538],{},[192,42085,42087,42088,42090],{"id":42086},"_3-pensar-que-v-if-es-gratis","3) Pensar que ",[16,42089,7538],{}," es “gratis”",[21,42092,42093,42094,42096,42097,42100,42101,42103],{},"Alternar ",[16,42095,7538],{}," muchas veces implica ",[72,42098,42099],{},"montajes y desmontajes repetidos",".\nSi el usuario va a abrir y cerrar algo constantemente, ",[16,42102,7701],{}," suele ser mejor opción.",[30,42105,17671],{"id":17670},[38,42107,42108,42119,42127],{},[41,42109,42110,42114,42115,42118],{},[72,42111,42112],{},[16,42113,7538],{},": controla la ",[72,42116,42117],{},"existencia real"," del elemento.",[41,42120,42121,42126],{},[72,42122,42123],{},[16,42124,42125],{},"v-else / v-else-if",": ramas alternativas del mismo bloque condicional.",[41,42128,42129,42133],{},[72,42130,42131],{},[16,42132,7701],{},": ocultar/mostrar rápido con CSS, sin destruir el DOM.",[3111,42135,42136],{},[21,42137,42138,42139],{},"Una UI se vuelve más clara cuando decides conscientemente:\n",[72,42140,42141],{},"¿Quiero que esto exista o solo que se vea?",[1606,42143,42144],{},"html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .s9eBZ, html code.shiki .s9eBZ{--shiki-default:#22863A;--shiki-dark:#85E89D}html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .szBVR, html code.shiki .szBVR{--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}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 .sJ8bj, html code.shiki .sJ8bj{--shiki-default:#6A737D;--shiki-dark:#6A737D}",{"title":273,"searchDepth":308,"depth":308,"links":42146},[42147,42153,42154,42156,42160,42162,42170],{"id":40398,"depth":308,"text":40399,"children":42148},[42149,42150,42152],{"id":7538,"depth":324,"text":7538},{"id":40449,"depth":324,"text":42151},"v-else y v-else-if",{"id":7701,"depth":324,"text":7701},{"id":40521,"depth":308,"text":40522},{"id":40560,"depth":308,"text":42155},"Ejemplo 1: Login (v-if + v-else)",{"id":41072,"depth":308,"text":42157,"children":42158},"Ejemplo 2: Tabs o panel que se abre y cierra (v-show)",[42159],{"id":41460,"depth":324,"text":41461},{"id":41491,"depth":308,"text":42161},"v-else-if: múltiples estados (sin anidar if innecesarios)",{"id":189,"depth":308,"text":190,"children":42163},[42164,42166,42168],{"id":41991,"depth":324,"text":42165},"1) v-else separado del v-if",{"id":42065,"depth":324,"text":42167},"2) Usar v-show para contenido que no debería existir",{"id":42086,"depth":324,"text":42169},"3) Pensar que v-if es “gratis”",{"id":17670,"depth":308,"text":17671},"https://res.cloudinary.com/denj4fg7f/image/upload/v1771265982/directives-vue-v-if-v-else-v-show-guide_qmtjik.png","Ilustración conceptual del renderizado condicional en Vue.js","2026-02-05","Aprende a usar v-if, v-else y v-show en Vue con ejemplos claros, buenas prácticas y notas clave para elegir correctamente entre renderizado condicional y visibilidad.",{"script":42176},[42177],{"type":1632,"key":1633,"data-nuxt-schema-org":327,"nodes":42178},[42179],{"headline":42180,"author":42181,"datePublished":42182,"@type":1640},"v-if, v-else y v-show en Vue: cuándo usar cada uno",{"name":1637,"@type":1638},"2026-02-05T12:30:00-05:00",{"updatedAt":42182,"coverCaption":42184,"author":1637,"keywords":42185},"Renderizado condicional en Vue.js ilustrado por TODOvue",[1645,7538,40341,7701,42186,42187,271,971],"conditional rendering","directives","/blog/directives-vue-v-if-v-else-v-show-guide.es",[42190],{"headline":42180,"author":42191,"datePublished":42182,"@type":1640},{"name":1637,"@type":1638},{"title":40331,"description":42174},"blog/directives-vue-v-if-v-else-v-show-guide.es",[42195,42196,42199,42200],{"tag":20588,"color":20589},{"tag":42197,"color":42198},"Renderizado Condicional","#E056FD",{"tag":21891,"color":21892},{"tag":9074,"color":9075},"TkJqW4T4cLFojTQtYJ-K1AYGAxTaIfMdcflMpUaN50U",{"id":42203,"title":42204,"body":42205,"cover":45570,"coverAlt":42204,"date":45571,"description":45572,"draft":1627,"extension":1628,"head":45573,"locale":1641,"meta":45580,"navigation":327,"path":45585,"schemaOrg":45586,"seo":45589,"series":20582,"seriesDescription":20583,"seriesOrder":280,"seriesTitle":20584,"slug":1656,"stem":45590,"tags":45591,"__hash__":45598},"blog/blog/vue-directives-overview.es.md","Directivas en Vue: Una Visión General",{"type":8,"value":42206,"toc":45551},[42207,42211,42226,42237,42239,42242,42294,42303,42312,42315,42326,42438,42553,42557,42566,42568,42576,42673,42773,42777,42780,42783,42794,42929,43070,43078,43082,43085,43090,43095,43196,43312,43316,43323,43326,43336,43447,43561,43569,43573,43576,43697,43838,43851,43855,43858,43953,44053,44056,44060,44063,44159,44260,44269,44273,44276,44422,44579,44585,44589,44596,44705,44818,44821,44825,44828,44958,45077,45084,45088,45091,45159,45233,45236,45240,45243,45311,45384,45387,45390,45393,45484,45518,45521,45523,45529,45532,45542,45549],[11,42208,42210],{"id":42209},"directivas-en-vue-3-guía-completa-para-entenderlas-bien","Directivas en Vue 3: guía completa para entenderlas bien",[21,42212,42213,42214,42217,42218,42221,42222,42225],{},"Las directivas en Vue son ",[72,42215,42216],{},"atributos especiales"," que permiten aplicar lógica reactiva directamente sobre el DOM.\nTodas comienzan con ",[16,42219,42220],{},"v-"," y existen para ",[72,42223,42224],{},"reducir código imperativo"," y hacer que el template sea más expresivo y declarativo.",[21,42227,42228,42229,42232,42233,42236],{},"Esta entrada es un ",[72,42230,42231],{},"mapa general",": no profundiza al extremo, pero te deja claro ",[72,42234,42235],{},"qué hace cada directiva, cuándo usarla y qué problema resuelve",".\nCada una tendrá luego su artículo dedicado.",[30,42238,13169],{"id":13168},[21,42240,42241],{},"Si quieres profundizar en cada directiva, aquí tienes la ruta completa de esta serie:",[38,42243,42244,42249,42254,42259,42264,42269,42274,42279,42284,42289],{},[41,42245,42246],{},[13178,42247,40331],{"href":42248},"/blog/directives-vue-v-if-v-else-v-show-guide.es/",[41,42250,42251],{},[13178,42252,36974],{"href":42253},"/blog/directives-vue-v-for-guide.es/",[41,42255,42256],{},[13178,42257,33986],{"href":42258},"/blog/directives-vue-v-bind-guide.es/",[41,42260,42261],{},[13178,42262,28121],{"href":42263},"/blog/directives-vue-v-model-guide.es/",[41,42265,42266],{},[13178,42267,30955],{"href":42268},"/blog/directives-vue-v-on-guide.es/",[41,42270,42271],{},[13178,42272,24579],{"href":42273},"/blog/directives-vue-v-text-v-html-guide.es/",[41,42275,42276],{},[13178,42277,25861],{"href":42278},"/blog/directives-vue-v-slot-guide.es/",[41,42280,42281],{},[13178,42282,21898],{"href":42283},"/blog/directives-vue-v-once-v-memo-v-pre-guide.es/",[41,42285,42286],{},[13178,42287,20599],{"href":42288},"/blog/directives-vue-v-cloak-guide.es/",[41,42290,42291],{},[13178,42292,17780],{"href":42293},"/blog/directives-vue-custom-directives-guide.es/",[30,42295,42297,225,42299,225,42301],{"id":42296},"v-if-v-else-if-v-else",[16,42298,7538],{},[16,42300,40454],{},[16,42302,40341],{},[21,42304,42305,42306,42309,42310,104],{},"Sirven para ",[72,42307,42308],{},"renderizar o eliminar elementos del DOM"," según una condición reactiva.\nSi la condición es falsa, el elemento ",[72,42311,40419],{},[21,42313,42314],{},"Úsala cuando:",[38,42316,42317,42320,42323],{},[41,42318,42319],{},"El contenido es pesado",[41,42321,42322],{},"No siempre debe existir",[41,42324,42325],{},"Depende de permisos o estados críticos",[267,42327,42330],{"className":269,"code":42328,"filename":271,"highlights":42329,"language":272,"meta":273,"style":273},"\u003Cscript setup>\nimport { ref } from 'vue'\n\nconst isLogged = ref(true)\n\u003C/script>\n\n\u003Ctemplate>\n \u003Cp v-if=\"isLogged\">Bienvenido\u003C/p>\n \u003Cp v-else>No has iniciado sesión\u003C/p>\n\u003C/template>\n",[381,391],[16,42331,42332,42342,42352,42356,42373,42381,42385,42393,42414,42430],{"__ignoreMap":273},[277,42333,42334,42336,42338,42340],{"class":279,"line":280},[277,42335,284],{"class":283},[277,42337,288],{"class":287},[277,42339,292],{"class":291},[277,42341,305],{"class":283},[277,42343,42344,42346,42348,42350],{"class":279,"line":308},[277,42345,312],{"class":311},[277,42347,11006],{"class":283},[277,42349,318],{"class":311},[277,42351,321],{"class":301},[277,42353,42354],{"class":279,"line":324},[277,42355,328],{"emptyLinePlaceholder":327},[277,42357,42358,42360,42363,42365,42367,42369,42371],{"class":279,"line":331},[277,42359,405],{"class":311},[277,42361,42362],{"class":356}," isLogged",[277,42364,340],{"class":311},[277,42366,413],{"class":291},[277,42368,448],{"class":283},[277,42370,2149],{"class":356},[277,42372,433],{"class":283},[277,42374,42375,42377,42379],{"class":279,"line":346},[277,42376,785],{"class":283},[277,42378,288],{"class":287},[277,42380,305],{"class":283},[277,42382,42383],{"class":279,"line":360},[277,42384,328],{"emptyLinePlaceholder":327},[277,42386,42387,42389,42391],{"class":279,"line":371},[277,42388,284],{"class":283},[277,42390,802],{"class":287},[277,42392,305],{"class":283},[277,42394,42396,42398,42400,42402,42404,42407,42410,42412],{"class":42395,"line":381},[279,9398],[277,42397,810],{"class":283},[277,42399,21],{"class":287},[277,42401,834],{"class":291},[277,42403,298],{"class":283},[277,42405,42406],{"class":301},"\"isLogged\"",[277,42408,42409],{"class":283},">Bienvenido\u003C/",[277,42411,21],{"class":287},[277,42413,305],{"class":283},[277,42415,42417,42419,42421,42423,42426,42428],{"class":42416,"line":391},[279,9398],[277,42418,810],{"class":283},[277,42420,21],{"class":287},[277,42422,941],{"class":291},[277,42424,42425],{"class":283},">No has iniciado sesión\u003C/",[277,42427,21],{"class":287},[277,42429,305],{"class":283},[277,42431,42432,42434,42436],{"class":279,"line":397},[277,42433,785],{"class":283},[277,42435,802],{"class":287},[277,42437,305],{"class":283},[267,42439,42442],{"className":269,"code":42440,"filename":971,"highlights":42441,"language":272,"meta":273,"style":273},"\u003Cscript>\nexport default {\n data() {\n return {\n isLogged: true\n }\n }\n}\n\u003C/script>\n\n\u003Ctemplate>\n \u003Cp v-if=\"isLogged\">Bienvenido\u003C/p>\n \u003Cp v-else>No has iniciado sesión\u003C/p>\n\u003C/template>\n",[436,456],[16,42443,42444,42452,42460,42466,42472,42479,42483,42487,42491,42499,42503,42511,42530,42545],{"__ignoreMap":273},[277,42445,42446,42448,42450],{"class":279,"line":280},[277,42447,284],{"class":283},[277,42449,288],{"class":287},[277,42451,305],{"class":283},[277,42453,42454,42456,42458],{"class":279,"line":308},[277,42455,1057],{"class":311},[277,42457,1060],{"class":311},[277,42459,343],{"class":283},[277,42461,42462,42464],{"class":279,"line":324},[277,42463,1086],{"class":291},[277,42465,473],{"class":283},[277,42467,42468,42470],{"class":279,"line":331},[277,42469,1093],{"class":311},[277,42471,343],{"class":283},[277,42473,42474,42477],{"class":279,"line":346},[277,42475,42476],{"class":283}," isLogged: ",[277,42478,2082],{"class":356},[277,42480,42481],{"class":279,"line":360},[277,42482,1126],{"class":283},[277,42484,42485],{"class":279,"line":371},[277,42486,542],{"class":283},[277,42488,42489],{"class":279,"line":381},[277,42490,394],{"class":283},[277,42492,42493,42495,42497],{"class":279,"line":391},[277,42494,785],{"class":283},[277,42496,288],{"class":287},[277,42498,305],{"class":283},[277,42500,42501],{"class":279,"line":397},[277,42502,328],{"emptyLinePlaceholder":327},[277,42504,42505,42507,42509],{"class":279,"line":402},[277,42506,284],{"class":283},[277,42508,802],{"class":287},[277,42510,305],{"class":283},[277,42512,42514,42516,42518,42520,42522,42524,42526,42528],{"class":42513,"line":436},[279,9398],[277,42515,810],{"class":283},[277,42517,21],{"class":287},[277,42519,834],{"class":291},[277,42521,298],{"class":283},[277,42523,42406],{"class":301},[277,42525,42409],{"class":283},[277,42527,21],{"class":287},[277,42529,305],{"class":283},[277,42531,42533,42535,42537,42539,42541,42543],{"class":42532,"line":456},[279,9398],[277,42534,810],{"class":283},[277,42536,21],{"class":287},[277,42538,941],{"class":291},[277,42540,42425],{"class":283},[277,42542,21],{"class":287},[277,42544,305],{"class":283},[277,42546,42547,42549,42551],{"class":279,"line":461},[277,42548,785],{"class":283},[277,42550,802],{"class":287},[277,42552,305],{"class":283},[30,42554,42555],{"id":7701},[16,42556,7701],{},[21,42558,42559,42560,42562,42563,104],{},"Controla la visibilidad usando CSS (",[16,42561,40385],{},"), pero ",[72,42564,42565],{},"el elemento siempre existe en el DOM",[21,42567,42314],{},[38,42569,42570,42573],{},[41,42571,42572],{},"El elemento se muestra y oculta con frecuencia",[41,42574,42575],{},"No quieres pagar el costo de montar y desmontar el nodo",[267,42577,42580],{"className":269,"code":42578,"filename":271,"highlights":42579,"language":272,"meta":273,"style":273},"\u003Cscript setup>\nimport { ref } from 'vue'\n \nconst isVisible = ref(true)\n\u003C/script>\n\n\u003Ctemplate>\n \u003Cp v-show=\"isVisible\">Contenido visible\u003C/p>\n\u003C/template>\n",[381],[16,42581,42582,42592,42602,42607,42624,42632,42636,42644,42665],{"__ignoreMap":273},[277,42583,42584,42586,42588,42590],{"class":279,"line":280},[277,42585,284],{"class":283},[277,42587,288],{"class":287},[277,42589,292],{"class":291},[277,42591,305],{"class":283},[277,42593,42594,42596,42598,42600],{"class":279,"line":308},[277,42595,312],{"class":311},[277,42597,11006],{"class":283},[277,42599,318],{"class":311},[277,42601,321],{"class":301},[277,42603,42604],{"class":279,"line":324},[277,42605,42606],{"class":283}," \n",[277,42608,42609,42611,42614,42616,42618,42620,42622],{"class":279,"line":331},[277,42610,405],{"class":311},[277,42612,42613],{"class":356}," isVisible",[277,42615,340],{"class":311},[277,42617,413],{"class":291},[277,42619,448],{"class":283},[277,42621,2149],{"class":356},[277,42623,433],{"class":283},[277,42625,42626,42628,42630],{"class":279,"line":346},[277,42627,785],{"class":283},[277,42629,288],{"class":287},[277,42631,305],{"class":283},[277,42633,42634],{"class":279,"line":360},[277,42635,328],{"emptyLinePlaceholder":327},[277,42637,42638,42640,42642],{"class":279,"line":371},[277,42639,284],{"class":283},[277,42641,802],{"class":287},[277,42643,305],{"class":283},[277,42645,42647,42649,42651,42653,42655,42658,42661,42663],{"class":42646,"line":381},[279,9398],[277,42648,810],{"class":283},[277,42650,21],{"class":287},[277,42652,41193],{"class":291},[277,42654,298],{"class":283},[277,42656,42657],{"class":301},"\"isVisible\"",[277,42659,42660],{"class":283},">Contenido visible\u003C/",[277,42662,21],{"class":287},[277,42664,305],{"class":283},[277,42666,42667,42669,42671],{"class":279,"line":391},[277,42668,785],{"class":283},[277,42670,802],{"class":287},[277,42672,305],{"class":283},[267,42674,42677],{"className":269,"code":42675,"filename":971,"highlights":42676,"language":272,"meta":273,"style":273},"\u003Cscript>\nexport default {\n data() {\n return {\n isVisible: true\n }\n }\n}\n\u003C/script>\n\n\u003Ctemplate>\n \u003Cp v-show=\"isVisible\">Contenido visible\u003C/p>\n\u003C/template>\n",[436],[16,42678,42679,42687,42695,42701,42707,42714,42718,42722,42726,42734,42738,42746,42765],{"__ignoreMap":273},[277,42680,42681,42683,42685],{"class":279,"line":280},[277,42682,284],{"class":283},[277,42684,288],{"class":287},[277,42686,305],{"class":283},[277,42688,42689,42691,42693],{"class":279,"line":308},[277,42690,1057],{"class":311},[277,42692,1060],{"class":311},[277,42694,343],{"class":283},[277,42696,42697,42699],{"class":279,"line":324},[277,42698,1086],{"class":291},[277,42700,473],{"class":283},[277,42702,42703,42705],{"class":279,"line":331},[277,42704,1093],{"class":311},[277,42706,343],{"class":283},[277,42708,42709,42712],{"class":279,"line":346},[277,42710,42711],{"class":283}," isVisible: ",[277,42713,2082],{"class":356},[277,42715,42716],{"class":279,"line":360},[277,42717,1126],{"class":283},[277,42719,42720],{"class":279,"line":371},[277,42721,542],{"class":283},[277,42723,42724],{"class":279,"line":381},[277,42725,394],{"class":283},[277,42727,42728,42730,42732],{"class":279,"line":391},[277,42729,785],{"class":283},[277,42731,288],{"class":287},[277,42733,305],{"class":283},[277,42735,42736],{"class":279,"line":397},[277,42737,328],{"emptyLinePlaceholder":327},[277,42739,42740,42742,42744],{"class":279,"line":402},[277,42741,284],{"class":283},[277,42743,802],{"class":287},[277,42745,305],{"class":283},[277,42747,42749,42751,42753,42755,42757,42759,42761,42763],{"class":42748,"line":436},[279,9398],[277,42750,810],{"class":283},[277,42752,21],{"class":287},[277,42754,41193],{"class":291},[277,42756,298],{"class":283},[277,42758,42657],{"class":301},[277,42760,42660],{"class":283},[277,42762,21],{"class":287},[277,42764,305],{"class":283},[277,42766,42767,42769,42771],{"class":279,"line":456},[277,42768,785],{"class":283},[277,42770,802],{"class":287},[277,42772,305],{"class":283},[30,42774,42775],{"id":24880},[16,42776,24880],{},[21,42778,42779],{},"Permite renderizar listas a partir de arreglos u objetos reactivos.",[21,42781,42782],{},"Clave mental:",[3111,42784,42785],{},[21,42786,42787,42789,42790,42793],{},[16,42788,24880],{}," describe ",[72,42791,42792],{},"estructura",", no lógica.",[267,42795,42798],{"className":269,"code":42796,"filename":271,"highlights":42797,"language":272,"meta":273,"style":273},"\u003Cscript setup>\nimport { ref } from 'vue'\n \nconst items = ref([\n { id: 1, name: 'Vue' },\n { id: 2, name: 'React' }\n])\n\u003C/script>\n\n\u003Ctemplate>\n \u003Cli v-for=\"item in items\" :key=\"item.id\">\n {{ item.name }}\n \u003C/li>\n\u003C/template>\n",[402,436,456],[16,42799,42800,42810,42820,42824,42836,42848,42860,42864,42872,42876,42884,42906,42912,42921],{"__ignoreMap":273},[277,42801,42802,42804,42806,42808],{"class":279,"line":280},[277,42803,284],{"class":283},[277,42805,288],{"class":287},[277,42807,292],{"class":291},[277,42809,305],{"class":283},[277,42811,42812,42814,42816,42818],{"class":279,"line":308},[277,42813,312],{"class":311},[277,42815,11006],{"class":283},[277,42817,318],{"class":311},[277,42819,321],{"class":301},[277,42821,42822],{"class":279,"line":324},[277,42823,42606],{"class":283},[277,42825,42826,42828,42830,42832,42834],{"class":279,"line":331},[277,42827,405],{"class":311},[277,42829,38354],{"class":356},[277,42831,340],{"class":311},[277,42833,413],{"class":291},[277,42835,2104],{"class":283},[277,42837,42838,42840,42842,42844,42846],{"class":279,"line":346},[277,42839,2109],{"class":283},[277,42841,2072],{"class":356},[277,42843,22620],{"class":283},[277,42845,37149],{"class":301},[277,42847,2132],{"class":283},[277,42849,42850,42852,42854,42856,42858],{"class":279,"line":360},[277,42851,2109],{"class":283},[277,42853,2139],{"class":356},[277,42855,22620],{"class":283},[277,42857,37154],{"class":301},[277,42859,2179],{"class":283},[277,42861,42862],{"class":279,"line":371},[277,42863,2184],{"class":283},[277,42865,42866,42868,42870],{"class":279,"line":381},[277,42867,785],{"class":283},[277,42869,288],{"class":287},[277,42871,305],{"class":283},[277,42873,42874],{"class":279,"line":391},[277,42875,328],{"emptyLinePlaceholder":327},[277,42877,42878,42880,42882],{"class":279,"line":397},[277,42879,284],{"class":283},[277,42881,802],{"class":287},[277,42883,305],{"class":283},[277,42885,42887,42889,42891,42893,42895,42898,42900,42902,42904],{"class":42886,"line":402},[279,9398],[277,42888,810],{"class":283},[277,42890,41],{"class":287},[277,42892,12785],{"class":291},[277,42894,298],{"class":283},[277,42896,42897],{"class":301},"\"item in items\"",[277,42899,4317],{"class":291},[277,42901,298],{"class":283},[277,42903,30034],{"class":301},[277,42905,305],{"class":283},[277,42907,42909],{"class":42908,"line":436},[279,9398],[277,42910,42911],{"class":283}," {{ item.name }}\n",[277,42913,42915,42917,42919],{"class":42914,"line":456},[279,9398],[277,42916,954],{"class":283},[277,42918,41],{"class":287},[277,42920,305],{"class":283},[277,42922,42923,42925,42927],{"class":279,"line":461},[277,42924,785],{"class":283},[277,42926,802],{"class":287},[277,42928,305],{"class":283},[267,42930,42933],{"className":269,"code":42931,"filename":971,"highlights":42932,"language":272,"meta":273,"style":273},"\u003Cscript>\nexport default {\n data() {\n return {\n items: [\n { id: 1, name: 'Vue' },\n { id: 2, name: 'React' }\n ]\n }\n }\n}\n\u003C/script>\n\n\u003Ctemplate>\n \u003Cli v-for=\"item in items\" :key=\"item.id\">\n {{ item.name }}\n \u003C/li>\n\u003C/template>\n",[476,500,505],[16,42934,42935,42943,42951,42957,42963,42967,42979,42991,42995,42999,43003,43007,43015,43019,43027,43048,43053,43062],{"__ignoreMap":273},[277,42936,42937,42939,42941],{"class":279,"line":280},[277,42938,284],{"class":283},[277,42940,288],{"class":287},[277,42942,305],{"class":283},[277,42944,42945,42947,42949],{"class":279,"line":308},[277,42946,1057],{"class":311},[277,42948,1060],{"class":311},[277,42950,343],{"class":283},[277,42952,42953,42955],{"class":279,"line":324},[277,42954,1086],{"class":291},[277,42956,473],{"class":283},[277,42958,42959,42961],{"class":279,"line":331},[277,42960,1093],{"class":311},[277,42962,343],{"class":283},[277,42964,42965],{"class":279,"line":346},[277,42966,38549],{"class":283},[277,42968,42969,42971,42973,42975,42977],{"class":279,"line":360},[277,42970,2664],{"class":283},[277,42972,2072],{"class":356},[277,42974,22620],{"class":283},[277,42976,37149],{"class":301},[277,42978,2132],{"class":283},[277,42980,42981,42983,42985,42987,42989],{"class":279,"line":371},[277,42982,2664],{"class":283},[277,42984,2139],{"class":356},[277,42986,22620],{"class":283},[277,42988,37154],{"class":301},[277,42990,2179],{"class":283},[277,42992,42993],{"class":279,"line":381},[277,42994,2725],{"class":283},[277,42996,42997],{"class":279,"line":391},[277,42998,1126],{"class":283},[277,43000,43001],{"class":279,"line":397},[277,43002,542],{"class":283},[277,43004,43005],{"class":279,"line":402},[277,43006,394],{"class":283},[277,43008,43009,43011,43013],{"class":279,"line":436},[277,43010,785],{"class":283},[277,43012,288],{"class":287},[277,43014,305],{"class":283},[277,43016,43017],{"class":279,"line":456},[277,43018,328],{"emptyLinePlaceholder":327},[277,43020,43021,43023,43025],{"class":279,"line":461},[277,43022,284],{"class":283},[277,43024,802],{"class":287},[277,43026,305],{"class":283},[277,43028,43030,43032,43034,43036,43038,43040,43042,43044,43046],{"class":43029,"line":476},[279,9398],[277,43031,810],{"class":283},[277,43033,41],{"class":287},[277,43035,12785],{"class":291},[277,43037,298],{"class":283},[277,43039,42897],{"class":301},[277,43041,4317],{"class":291},[277,43043,298],{"class":283},[277,43045,30034],{"class":301},[277,43047,305],{"class":283},[277,43049,43051],{"class":43050,"line":500},[279,9398],[277,43052,42911],{"class":283},[277,43054,43056,43058,43060],{"class":43055,"line":505},[279,9398],[277,43057,954],{"class":283},[277,43059,41],{"class":287},[277,43061,305],{"class":283},[277,43063,43064,43066,43068],{"class":279,"line":520},[277,43065,785],{"class":283},[277,43067,802],{"class":287},[277,43069,305],{"class":283},[21,43071,43072,10969,43074,43077],{},[16,43073,1789],{},[72,43075,43076],{},"no es opcional",". Nunca lo fue.\nEs esencial para que Vue pueda optimizar correctamente el renderizado.",[30,43079,43080],{"id":17974},[16,43081,17974],{},[21,43083,43084],{},"Vincula dinámicamente atributos HTML o props de componentes.",[21,43086,7830,43087,43089],{},[16,43088,17974],{}," como:",[3111,43091,43092],{},[21,43093,43094],{},"“Este atributo depende del estado”",[267,43096,43099],{"className":269,"code":43097,"filename":271,"highlights":43098,"language":272,"meta":273,"style":273},"\u003Cscript setup>\nimport { ref } from 'vue'\n\nconst imageUrl = ref('https://example.com/image.jpg')\n\u003C/script>\n\n\u003Ctemplate>\n \u003Cimg v-bind:src=\"imageUrl\" alt=\"Imagen dinámica\" />\n\u003C/template>\n",[381],[16,43100,43101,43111,43121,43125,43143,43151,43155,43163,43188],{"__ignoreMap":273},[277,43102,43103,43105,43107,43109],{"class":279,"line":280},[277,43104,284],{"class":283},[277,43106,288],{"class":287},[277,43108,292],{"class":291},[277,43110,305],{"class":283},[277,43112,43113,43115,43117,43119],{"class":279,"line":308},[277,43114,312],{"class":311},[277,43116,11006],{"class":283},[277,43118,318],{"class":311},[277,43120,321],{"class":301},[277,43122,43123],{"class":279,"line":324},[277,43124,328],{"emptyLinePlaceholder":327},[277,43126,43127,43129,43132,43134,43136,43138,43141],{"class":279,"line":331},[277,43128,405],{"class":311},[277,43130,43131],{"class":356}," imageUrl",[277,43133,340],{"class":311},[277,43135,413],{"class":291},[277,43137,448],{"class":283},[277,43139,43140],{"class":301},"'https://example.com/image.jpg'",[277,43142,433],{"class":283},[277,43144,43145,43147,43149],{"class":279,"line":346},[277,43146,785],{"class":283},[277,43148,288],{"class":287},[277,43150,305],{"class":283},[277,43152,43153],{"class":279,"line":360},[277,43154,328],{"emptyLinePlaceholder":327},[277,43156,43157,43159,43161],{"class":279,"line":371},[277,43158,284],{"class":283},[277,43160,802],{"class":287},[277,43162,305],{"class":283},[277,43164,43166,43168,43170,43173,43175,43178,43181,43183,43186],{"class":43165,"line":381},[279,9398],[277,43167,810],{"class":283},[277,43169,34220],{"class":287},[277,43171,43172],{"class":291}," v-bind:src",[277,43174,298],{"class":283},[277,43176,43177],{"class":301},"\"imageUrl\"",[277,43179,43180],{"class":291}," alt",[277,43182,298],{"class":283},[277,43184,43185],{"class":301},"\"Imagen dinámica\"",[277,43187,4325],{"class":283},[277,43189,43190,43192,43194],{"class":279,"line":391},[277,43191,785],{"class":283},[277,43193,802],{"class":287},[277,43195,305],{"class":283},[267,43197,43200],{"className":269,"code":43198,"filename":971,"highlights":43199,"language":272,"meta":273,"style":273},"\u003Cscript>\nexport default {\n data() {\n return {\n imageUrl: '/logo.png',\n description: 'Logo'\n }\n }\n}\n\u003C/script>\n\n\u003Ctemplate>\n \u003Cimg :src=\"imageUrl\" :alt=\"description\" />\n\u003C/template>\n",[456],[16,43201,43202,43210,43218,43224,43230,43240,43248,43252,43256,43260,43268,43272,43280,43304],{"__ignoreMap":273},[277,43203,43204,43206,43208],{"class":279,"line":280},[277,43205,284],{"class":283},[277,43207,288],{"class":287},[277,43209,305],{"class":283},[277,43211,43212,43214,43216],{"class":279,"line":308},[277,43213,1057],{"class":311},[277,43215,1060],{"class":311},[277,43217,343],{"class":283},[277,43219,43220,43222],{"class":279,"line":324},[277,43221,1086],{"class":291},[277,43223,473],{"class":283},[277,43225,43226,43228],{"class":279,"line":331},[277,43227,1093],{"class":311},[277,43229,343],{"class":283},[277,43231,43232,43235,43238],{"class":279,"line":346},[277,43233,43234],{"class":283}," imageUrl: ",[277,43236,43237],{"class":301},"'/logo.png'",[277,43239,1077],{"class":283},[277,43241,43242,43245],{"class":279,"line":360},[277,43243,43244],{"class":283}," description: ",[277,43246,43247],{"class":301},"'Logo'\n",[277,43249,43250],{"class":279,"line":371},[277,43251,1126],{"class":283},[277,43253,43254],{"class":279,"line":381},[277,43255,542],{"class":283},[277,43257,43258],{"class":279,"line":391},[277,43259,394],{"class":283},[277,43261,43262,43264,43266],{"class":279,"line":397},[277,43263,785],{"class":283},[277,43265,288],{"class":287},[277,43267,305],{"class":283},[277,43269,43270],{"class":279,"line":402},[277,43271,328],{"emptyLinePlaceholder":327},[277,43273,43274,43276,43278],{"class":279,"line":436},[277,43275,284],{"class":283},[277,43277,802],{"class":287},[277,43279,305],{"class":283},[277,43281,43283,43285,43287,43290,43292,43294,43297,43299,43302],{"class":43282,"line":456},[279,9398],[277,43284,810],{"class":283},[277,43286,34220],{"class":287},[277,43288,43289],{"class":291}," :src",[277,43291,298],{"class":283},[277,43293,43177],{"class":301},[277,43295,43296],{"class":291}," :alt",[277,43298,298],{"class":283},[277,43300,43301],{"class":301},"\"description\"",[277,43303,4325],{"class":283},[277,43305,43306,43308,43310],{"class":279,"line":461},[277,43307,785],{"class":283},[277,43309,802],{"class":287},[277,43311,305],{"class":283},[30,43313,43314],{"id":17971},[16,43315,17971],{},[21,43317,43318,43319,43322],{},"Crea una ",[72,43320,43321],{},"sincronización bidireccional"," entre el estado y un input o componente.",[21,43324,43325],{},"Es ideal para:",[38,43327,43328,43330,43333],{},[41,43329,30948],{},[41,43331,43332],{},"Inputs controlados",[41,43334,43335],{},"Componentes reutilizables",[267,43337,43340],{"className":269,"code":43338,"filename":271,"highlights":43339,"language":272,"meta":273,"style":273},"\u003Cscript setup>\nimport { ref } from 'vue'\n\nconst username = ref('')\n\u003C/script>\n\n\u003Ctemplate>\n \u003Cinput v-model=\"username\" placeholder=\"Ingresa tu nombre de usuario\" />\n \u003Cp>Hola, {{ username }}!\u003C/p>\n\u003C/template>\n",[381],[16,43341,43342,43352,43362,43366,43383,43391,43395,43403,43426,43439],{"__ignoreMap":273},[277,43343,43344,43346,43348,43350],{"class":279,"line":280},[277,43345,284],{"class":283},[277,43347,288],{"class":287},[277,43349,292],{"class":291},[277,43351,305],{"class":283},[277,43353,43354,43356,43358,43360],{"class":279,"line":308},[277,43355,312],{"class":311},[277,43357,11006],{"class":283},[277,43359,318],{"class":311},[277,43361,321],{"class":301},[277,43363,43364],{"class":279,"line":324},[277,43365,328],{"emptyLinePlaceholder":327},[277,43367,43368,43370,43373,43375,43377,43379,43381],{"class":279,"line":331},[277,43369,405],{"class":311},[277,43371,43372],{"class":356}," username",[277,43374,340],{"class":311},[277,43376,413],{"class":291},[277,43378,448],{"class":283},[277,43380,451],{"class":301},[277,43382,433],{"class":283},[277,43384,43385,43387,43389],{"class":279,"line":346},[277,43386,785],{"class":283},[277,43388,288],{"class":287},[277,43390,305],{"class":283},[277,43392,43393],{"class":279,"line":360},[277,43394,328],{"emptyLinePlaceholder":327},[277,43396,43397,43399,43401],{"class":279,"line":371},[277,43398,284],{"class":283},[277,43400,802],{"class":287},[277,43402,305],{"class":283},[277,43404,43406,43408,43410,43412,43414,43417,43419,43421,43424],{"class":43405,"line":381},[279,9398],[277,43407,810],{"class":283},[277,43409,18041],{"class":287},[277,43411,23751],{"class":291},[277,43413,298],{"class":283},[277,43415,43416],{"class":301},"\"username\"",[277,43418,31920],{"class":291},[277,43420,298],{"class":283},[277,43422,43423],{"class":301},"\"Ingresa tu nombre de usuario\"",[277,43425,4325],{"class":283},[277,43427,43428,43430,43432,43435,43437],{"class":279,"line":391},[277,43429,810],{"class":283},[277,43431,21],{"class":287},[277,43433,43434],{"class":283},">Hola, {{ username }}!\u003C/",[277,43436,21],{"class":287},[277,43438,305],{"class":283},[277,43440,43441,43443,43445],{"class":279,"line":397},[277,43442,785],{"class":283},[277,43444,802],{"class":287},[277,43446,305],{"class":283},[267,43448,43451],{"className":269,"code":43449,"filename":971,"highlights":43450,"language":272,"meta":273,"style":273},"\u003Cscript>\nexport default {\n data() {\n return {\n username: ''\n }\n }\n}\n\u003C/script>\n\n\u003Ctemplate>\n \u003Cinput v-model=\"username\" placeholder=\"Ingresa tu nombre de usuario\" />\n \u003Cp>Hola, {{ username }}!\u003C/p>\n\u003C/template>\n",[436],[16,43452,43453,43461,43469,43475,43481,43488,43492,43496,43500,43508,43512,43520,43541,43553],{"__ignoreMap":273},[277,43454,43455,43457,43459],{"class":279,"line":280},[277,43456,284],{"class":283},[277,43458,288],{"class":287},[277,43460,305],{"class":283},[277,43462,43463,43465,43467],{"class":279,"line":308},[277,43464,1057],{"class":311},[277,43466,1060],{"class":311},[277,43468,343],{"class":283},[277,43470,43471,43473],{"class":279,"line":324},[277,43472,1086],{"class":291},[277,43474,473],{"class":283},[277,43476,43477,43479],{"class":279,"line":331},[277,43478,1093],{"class":311},[277,43480,343],{"class":283},[277,43482,43483,43486],{"class":279,"line":346},[277,43484,43485],{"class":283}," username: ",[277,43487,1121],{"class":301},[277,43489,43490],{"class":279,"line":360},[277,43491,1126],{"class":283},[277,43493,43494],{"class":279,"line":371},[277,43495,542],{"class":283},[277,43497,43498],{"class":279,"line":381},[277,43499,394],{"class":283},[277,43501,43502,43504,43506],{"class":279,"line":391},[277,43503,785],{"class":283},[277,43505,288],{"class":287},[277,43507,305],{"class":283},[277,43509,43510],{"class":279,"line":397},[277,43511,328],{"emptyLinePlaceholder":327},[277,43513,43514,43516,43518],{"class":279,"line":402},[277,43515,284],{"class":283},[277,43517,802],{"class":287},[277,43519,305],{"class":283},[277,43521,43523,43525,43527,43529,43531,43533,43535,43537,43539],{"class":43522,"line":436},[279,9398],[277,43524,810],{"class":283},[277,43526,18041],{"class":287},[277,43528,23751],{"class":291},[277,43530,298],{"class":283},[277,43532,43416],{"class":301},[277,43534,31920],{"class":291},[277,43536,298],{"class":283},[277,43538,43423],{"class":301},[277,43540,4325],{"class":283},[277,43542,43543,43545,43547,43549,43551],{"class":279,"line":456},[277,43544,810],{"class":283},[277,43546,21],{"class":287},[277,43548,43434],{"class":283},[277,43550,21],{"class":287},[277,43552,305],{"class":283},[277,43554,43555,43557,43559],{"class":279,"line":461},[277,43556,785],{"class":283},[277,43558,802],{"class":287},[277,43560,305],{"class":283},[21,43562,43563,43564,28155,43566,43568],{},"Internamente, combina props y eventos (",[16,43565,28231],{},[16,43567,28237],{},").\nNo es magia, pero se le parece bastante.",[30,43570,43571],{"id":17977},[16,43572,17977],{},[21,43574,43575],{},"Escucha eventos del DOM y ejecuta lógica reactiva.",[267,43577,43580],{"className":269,"code":43578,"filename":271,"highlights":43579,"language":272,"meta":273,"style":273},"\u003Cscript setup>\nimport { ref } from 'vue'\n\nconst count = ref(0)\nconst increment = () => {\n count.value++\n}\n\u003C/script>\n\n\u003Ctemplate>\n \u003Cbutton v-on:click=\"increment\">Has hecho clic {{ count }} veces\u003C/button>\n\u003C/template>\n",[402],[16,43581,43582,43592,43602,43606,43622,43637,43643,43647,43655,43659,43667,43689],{"__ignoreMap":273},[277,43583,43584,43586,43588,43590],{"class":279,"line":280},[277,43585,284],{"class":283},[277,43587,288],{"class":287},[277,43589,292],{"class":291},[277,43591,305],{"class":283},[277,43593,43594,43596,43598,43600],{"class":279,"line":308},[277,43595,312],{"class":311},[277,43597,11006],{"class":283},[277,43599,318],{"class":311},[277,43601,321],{"class":301},[277,43603,43604],{"class":279,"line":324},[277,43605,328],{"emptyLinePlaceholder":327},[277,43607,43608,43610,43612,43614,43616,43618,43620],{"class":279,"line":331},[277,43609,405],{"class":311},[277,43611,9380],{"class":356},[277,43613,340],{"class":311},[277,43615,413],{"class":291},[277,43617,448],{"class":283},[277,43619,3542],{"class":356},[277,43621,433],{"class":283},[277,43623,43624,43626,43629,43631,43633,43635],{"class":279,"line":346},[277,43625,405],{"class":311},[277,43627,43628],{"class":291}," increment",[277,43630,340],{"class":311},[277,43632,598],{"class":283},[277,43634,601],{"class":311},[277,43636,343],{"class":283},[277,43638,43639,43641],{"class":279,"line":360},[277,43640,9412],{"class":283},[277,43642,9415],{"class":311},[277,43644,43645],{"class":279,"line":371},[277,43646,394],{"class":283},[277,43648,43649,43651,43653],{"class":279,"line":381},[277,43650,785],{"class":283},[277,43652,288],{"class":287},[277,43654,305],{"class":283},[277,43656,43657],{"class":279,"line":391},[277,43658,328],{"emptyLinePlaceholder":327},[277,43660,43661,43663,43665],{"class":279,"line":397},[277,43662,284],{"class":283},[277,43664,802],{"class":287},[277,43666,305],{"class":283},[277,43668,43670,43672,43674,43677,43679,43682,43685,43687],{"class":43669,"line":402},[279,9398],[277,43671,810],{"class":283},[277,43673,4267],{"class":287},[277,43675,43676],{"class":291}," v-on:click",[277,43678,298],{"class":283},[277,43680,43681],{"class":301},"\"increment\"",[277,43683,43684],{"class":283},">Has hecho clic {{ count }} veces\u003C/",[277,43686,4267],{"class":287},[277,43688,305],{"class":283},[277,43690,43691,43693,43695],{"class":279,"line":436},[277,43692,785],{"class":283},[277,43694,802],{"class":287},[277,43696,305],{"class":283},[267,43698,43701],{"className":269,"code":43699,"filename":971,"highlights":43700,"language":272,"meta":273,"style":273},"\u003Cscript>\nexport default {\n data() {\n return {\n count: 0\n }\n },\n methods: {\n increment() {\n this.count++\n }\n }\n}\n\u003C/script>\n\n\u003Ctemplate>\n \u003Cbutton v-on:click=\"increment\">Clickeame\u003C/button>\n \u003Cp>Has clickeado {{ count }} veces.\u003C/p>\n\u003C/template>\n",[505],[16,43702,43703,43711,43719,43725,43731,43737,43741,43745,43749,43756,43765,43769,43773,43777,43785,43789,43797,43817,43830],{"__ignoreMap":273},[277,43704,43705,43707,43709],{"class":279,"line":280},[277,43706,284],{"class":283},[277,43708,288],{"class":287},[277,43710,305],{"class":283},[277,43712,43713,43715,43717],{"class":279,"line":308},[277,43714,1057],{"class":311},[277,43716,1060],{"class":311},[277,43718,343],{"class":283},[277,43720,43721,43723],{"class":279,"line":324},[277,43722,1086],{"class":291},[277,43724,473],{"class":283},[277,43726,43727,43729],{"class":279,"line":331},[277,43728,1093],{"class":311},[277,43730,343],{"class":283},[277,43732,43733,43735],{"class":279,"line":346},[277,43734,31686],{"class":283},[277,43736,4692],{"class":356},[277,43738,43739],{"class":279,"line":360},[277,43740,1126],{"class":283},[277,43742,43743],{"class":279,"line":371},[277,43744,1131],{"class":283},[277,43746,43747],{"class":279,"line":381},[277,43748,1140],{"class":283},[277,43750,43751,43754],{"class":279,"line":391},[277,43752,43753],{"class":291}," increment",[277,43755,473],{"class":283},[277,43757,43758,43760,43763],{"class":279,"line":397},[277,43759,1212],{"class":356},[277,43761,43762],{"class":283},".count",[277,43764,9415],{"class":311},[277,43766,43767],{"class":279,"line":402},[277,43768,1126],{"class":283},[277,43770,43771],{"class":279,"line":436},[277,43772,542],{"class":283},[277,43774,43775],{"class":279,"line":456},[277,43776,394],{"class":283},[277,43778,43779,43781,43783],{"class":279,"line":461},[277,43780,785],{"class":283},[277,43782,288],{"class":287},[277,43784,305],{"class":283},[277,43786,43787],{"class":279,"line":476},[277,43788,328],{"emptyLinePlaceholder":327},[277,43790,43791,43793,43795],{"class":279,"line":500},[277,43792,284],{"class":283},[277,43794,802],{"class":287},[277,43796,305],{"class":283},[277,43798,43800,43802,43804,43806,43808,43810,43813,43815],{"class":43799,"line":505},[279,9398],[277,43801,810],{"class":283},[277,43803,4267],{"class":287},[277,43805,43676],{"class":291},[277,43807,298],{"class":283},[277,43809,43681],{"class":301},[277,43811,43812],{"class":283},">Clickeame\u003C/",[277,43814,4267],{"class":287},[277,43816,305],{"class":283},[277,43818,43819,43821,43823,43826,43828],{"class":279,"line":520},[277,43820,810],{"class":283},[277,43822,21],{"class":287},[277,43824,43825],{"class":283},">Has clickeado {{ count }} veces.\u003C/",[277,43827,21],{"class":287},[277,43829,305],{"class":283},[277,43831,43832,43834,43836],{"class":279,"line":539},[277,43833,785],{"class":283},[277,43835,802],{"class":287},[277,43837,305],{"class":283},[21,43839,43840,43841,511,43844,225,43846,225,43848,43850],{},"Soporta ",[72,43842,43843],{},"modificadores",[16,43845,31109],{},[16,43847,31106],{},[16,43849,31112],{},", etc.) que evitan código innecesario.",[30,43852,43853],{"id":24587},[16,43854,24587],{},[21,43856,43857],{},"Inserta texto plano en un elemento, reemplazando su contenido.",[267,43859,43862],{"className":269,"code":43860,"filename":271,"highlights":43861,"language":272,"meta":273,"style":273},"\u003Cscript setup>\nimport { ref } from 'vue'\n\nconst message = ref('Hola Mundo')\n\u003C/script>\n\n\u003Ctemplate>\n \u003Cdiv v-text=\"message\">\u003C/div>\n\u003C/template>\n",[381],[16,43863,43864,43874,43884,43888,43905,43913,43917,43925,43945],{"__ignoreMap":273},[277,43865,43866,43868,43870,43872],{"class":279,"line":280},[277,43867,284],{"class":283},[277,43869,288],{"class":287},[277,43871,292],{"class":291},[277,43873,305],{"class":283},[277,43875,43876,43878,43880,43882],{"class":279,"line":308},[277,43877,312],{"class":311},[277,43879,11006],{"class":283},[277,43881,318],{"class":311},[277,43883,321],{"class":301},[277,43885,43886],{"class":279,"line":324},[277,43887,328],{"emptyLinePlaceholder":327},[277,43889,43890,43892,43894,43896,43898,43900,43903],{"class":279,"line":331},[277,43891,405],{"class":311},[277,43893,23154],{"class":356},[277,43895,340],{"class":311},[277,43897,413],{"class":291},[277,43899,448],{"class":283},[277,43901,43902],{"class":301},"'Hola Mundo'",[277,43904,433],{"class":283},[277,43906,43907,43909,43911],{"class":279,"line":346},[277,43908,785],{"class":283},[277,43910,288],{"class":287},[277,43912,305],{"class":283},[277,43914,43915],{"class":279,"line":360},[277,43916,328],{"emptyLinePlaceholder":327},[277,43918,43919,43921,43923],{"class":279,"line":371},[277,43920,284],{"class":283},[277,43922,802],{"class":287},[277,43924,305],{"class":283},[277,43926,43928,43930,43932,43934,43936,43939,43941,43943],{"class":43927,"line":381},[279,9398],[277,43929,810],{"class":283},[277,43931,4201],{"class":287},[277,43933,24678],{"class":291},[277,43935,298],{"class":283},[277,43937,43938],{"class":301},"\"message\"",[277,43940,24690],{"class":283},[277,43942,4201],{"class":287},[277,43944,305],{"class":283},[277,43946,43947,43949,43951],{"class":279,"line":391},[277,43948,785],{"class":283},[277,43950,802],{"class":287},[277,43952,305],{"class":283},[267,43954,43957],{"className":269,"code":43955,"filename":971,"highlights":43956,"language":272,"meta":273,"style":273},"\u003Cscript>\nexport default {\n data() {\n return {\n message: 'Hola Vue'\n }\n }\n}\n\u003C/script>\n\n\u003Ctemplate>\n \u003Cdiv v-text=\"message\">\u003C/div>\n\u003C/template>\n",[436],[16,43958,43959,43967,43975,43981,43987,43994,43998,44002,44006,44014,44018,44026,44045],{"__ignoreMap":273},[277,43960,43961,43963,43965],{"class":279,"line":280},[277,43962,284],{"class":283},[277,43964,288],{"class":287},[277,43966,305],{"class":283},[277,43968,43969,43971,43973],{"class":279,"line":308},[277,43970,1057],{"class":311},[277,43972,1060],{"class":311},[277,43974,343],{"class":283},[277,43976,43977,43979],{"class":279,"line":324},[277,43978,1086],{"class":291},[277,43980,473],{"class":283},[277,43982,43983,43985],{"class":279,"line":331},[277,43984,1093],{"class":311},[277,43986,343],{"class":283},[277,43988,43989,43991],{"class":279,"line":346},[277,43990,23268],{"class":283},[277,43992,43993],{"class":301},"'Hola Vue'\n",[277,43995,43996],{"class":279,"line":360},[277,43997,1126],{"class":283},[277,43999,44000],{"class":279,"line":371},[277,44001,542],{"class":283},[277,44003,44004],{"class":279,"line":381},[277,44005,394],{"class":283},[277,44007,44008,44010,44012],{"class":279,"line":391},[277,44009,785],{"class":283},[277,44011,288],{"class":287},[277,44013,305],{"class":283},[277,44015,44016],{"class":279,"line":397},[277,44017,328],{"emptyLinePlaceholder":327},[277,44019,44020,44022,44024],{"class":279,"line":402},[277,44021,284],{"class":283},[277,44023,802],{"class":287},[277,44025,305],{"class":283},[277,44027,44029,44031,44033,44035,44037,44039,44041,44043],{"class":44028,"line":436},[279,9398],[277,44030,810],{"class":283},[277,44032,4201],{"class":287},[277,44034,24678],{"class":291},[277,44036,298],{"class":283},[277,44038,43938],{"class":301},[277,44040,24690],{"class":283},[277,44042,4201],{"class":287},[277,44044,305],{"class":283},[277,44046,44047,44049,44051],{"class":279,"line":456},[277,44048,785],{"class":283},[277,44050,802],{"class":287},[277,44052,305],{"class":283},[21,44054,44055],{},"No se usa mucho, pero existe para casos muy específicos donde no quieres interpolaciones.",[30,44057,44058],{"id":24590},[16,44059,24590],{},[21,44061,44062],{},"Inserta HTML sin escapar.",[267,44064,44067],{"className":269,"code":44065,"filename":271,"highlights":44066,"language":272,"meta":273,"style":273},"\u003Cscript setup>\nimport { ref } from 'vue'\n\nconst rawHtml = ref('\u003Cstrong>Texto en negrita\u003C/strong>')\n\u003C/script>\n\n\u003Ctemplate>\n \u003Cdiv v-html=\"rawHtml\">\u003C/div>\n\u003C/template>\n",[381],[16,44068,44069,44079,44089,44093,44111,44119,44123,44131,44151],{"__ignoreMap":273},[277,44070,44071,44073,44075,44077],{"class":279,"line":280},[277,44072,284],{"class":283},[277,44074,288],{"class":287},[277,44076,292],{"class":291},[277,44078,305],{"class":283},[277,44080,44081,44083,44085,44087],{"class":279,"line":308},[277,44082,312],{"class":311},[277,44084,11006],{"class":283},[277,44086,318],{"class":311},[277,44088,321],{"class":301},[277,44090,44091],{"class":279,"line":324},[277,44092,328],{"emptyLinePlaceholder":327},[277,44094,44095,44097,44100,44102,44104,44106,44109],{"class":279,"line":331},[277,44096,405],{"class":311},[277,44098,44099],{"class":356}," rawHtml",[277,44101,340],{"class":311},[277,44103,413],{"class":291},[277,44105,448],{"class":283},[277,44107,44108],{"class":301},"'\u003Cstrong>Texto en negrita\u003C/strong>'",[277,44110,433],{"class":283},[277,44112,44113,44115,44117],{"class":279,"line":346},[277,44114,785],{"class":283},[277,44116,288],{"class":287},[277,44118,305],{"class":283},[277,44120,44121],{"class":279,"line":360},[277,44122,328],{"emptyLinePlaceholder":327},[277,44124,44125,44127,44129],{"class":279,"line":371},[277,44126,284],{"class":283},[277,44128,802],{"class":287},[277,44130,305],{"class":283},[277,44132,44134,44136,44138,44140,44142,44145,44147,44149],{"class":44133,"line":381},[279,9398],[277,44135,810],{"class":283},[277,44137,4201],{"class":287},[277,44139,24748],{"class":291},[277,44141,298],{"class":283},[277,44143,44144],{"class":301},"\"rawHtml\"",[277,44146,24690],{"class":283},[277,44148,4201],{"class":287},[277,44150,305],{"class":283},[277,44152,44153,44155,44157],{"class":279,"line":391},[277,44154,785],{"class":283},[277,44156,802],{"class":287},[277,44158,305],{"class":283},[267,44160,44163],{"className":269,"code":44161,"filename":971,"highlights":44162,"language":272,"meta":273,"style":273},"\u003Cscript>\nexport default {\n data() {\n return {\n rawHtml: '\u003Cstrong>HTML dinámico\u003C/strong>'\n }\n }\n}\n\u003C/script>\n\n\u003Ctemplate>\n \u003Cdiv v-html=\"rawHtml\">\u003C/div>\n\u003C/template>\n",[436],[16,44164,44165,44173,44181,44187,44193,44201,44205,44209,44213,44221,44225,44233,44252],{"__ignoreMap":273},[277,44166,44167,44169,44171],{"class":279,"line":280},[277,44168,284],{"class":283},[277,44170,288],{"class":287},[277,44172,305],{"class":283},[277,44174,44175,44177,44179],{"class":279,"line":308},[277,44176,1057],{"class":311},[277,44178,1060],{"class":311},[277,44180,343],{"class":283},[277,44182,44183,44185],{"class":279,"line":324},[277,44184,1086],{"class":291},[277,44186,473],{"class":283},[277,44188,44189,44191],{"class":279,"line":331},[277,44190,1093],{"class":311},[277,44192,343],{"class":283},[277,44194,44195,44198],{"class":279,"line":346},[277,44196,44197],{"class":283}," rawHtml: ",[277,44199,44200],{"class":301},"'\u003Cstrong>HTML dinámico\u003C/strong>'\n",[277,44202,44203],{"class":279,"line":360},[277,44204,1126],{"class":283},[277,44206,44207],{"class":279,"line":371},[277,44208,542],{"class":283},[277,44210,44211],{"class":279,"line":381},[277,44212,394],{"class":283},[277,44214,44215,44217,44219],{"class":279,"line":391},[277,44216,785],{"class":283},[277,44218,288],{"class":287},[277,44220,305],{"class":283},[277,44222,44223],{"class":279,"line":397},[277,44224,328],{"emptyLinePlaceholder":327},[277,44226,44227,44229,44231],{"class":279,"line":402},[277,44228,284],{"class":283},[277,44230,802],{"class":287},[277,44232,305],{"class":283},[277,44234,44236,44238,44240,44242,44244,44246,44248,44250],{"class":44235,"line":436},[279,9398],[277,44237,810],{"class":283},[277,44239,4201],{"class":287},[277,44241,24748],{"class":291},[277,44243,298],{"class":283},[277,44245,44144],{"class":301},[277,44247,24690],{"class":283},[277,44249,4201],{"class":287},[277,44251,305],{"class":283},[277,44253,44254,44256,44258],{"class":279,"line":456},[277,44255,785],{"class":283},[277,44257,802],{"class":287},[277,44259,305],{"class":283},[3111,44261,44262],{},[21,44263,44264,44265,44268],{},"⚠️ ",[72,44266,44267],{},"Nunca lo uses con contenido no confiable",".\nEs una puerta directa a XSS si no sabes exactamente lo que estás renderizando.",[30,44270,44271],{"id":25869},[16,44272,25869],{},[21,44274,44275],{},"Permite definir contenido dinámico dentro de componentes mediante slots.",[267,44277,44280],{"className":269,"code":44278,"filename":271,"highlights":44279,"language":272,"meta":273,"style":273},"\u003Cscript setup>\n\u003C/script>\n\n\u003Ctemplate>\n \u003CMyCard>\n \u003Ctemplate v-slot:header>\n \u003Ch1>Encabezado Personalizado\u003C/h1>\n \u003C/template>\n \u003Cp>Contenido del cuerpo de la tarjeta.\u003C/p>\n \u003Ctemplate v-slot:footer>\n \u003Cbutton>Acción\u003C/button>\n \u003C/template>\n \u003C/MyCard>\n\u003C/template>\n",[360,397],[16,44281,44282,44292,44300,44304,44312,44321,44336,44349,44357,44370,44385,44398,44406,44414],{"__ignoreMap":273},[277,44283,44284,44286,44288,44290],{"class":279,"line":280},[277,44285,284],{"class":283},[277,44287,288],{"class":287},[277,44289,292],{"class":291},[277,44291,305],{"class":283},[277,44293,44294,44296,44298],{"class":279,"line":308},[277,44295,785],{"class":283},[277,44297,288],{"class":287},[277,44299,305],{"class":283},[277,44301,44302],{"class":279,"line":324},[277,44303,328],{"emptyLinePlaceholder":327},[277,44305,44306,44308,44310],{"class":279,"line":331},[277,44307,284],{"class":283},[277,44309,802],{"class":287},[277,44311,305],{"class":283},[277,44313,44314,44316,44319],{"class":279,"line":346},[277,44315,810],{"class":283},[277,44317,44318],{"class":287},"MyCard",[277,44320,305],{"class":283},[277,44322,44324,44326,44328,44330,44332,44334],{"class":44323,"line":360},[279,9398],[277,44325,829],{"class":283},[277,44327,802],{"class":287},[277,44329,26191],{"class":291},[277,44331,353],{"class":283},[277,44333,4138],{"class":291},[277,44335,305],{"class":283},[277,44337,44338,44340,44342,44345,44347],{"class":279,"line":371},[277,44339,879],{"class":283},[277,44341,11],{"class":287},[277,44343,44344],{"class":283},">Encabezado Personalizado\u003C/",[277,44346,11],{"class":287},[277,44348,305],{"class":283},[277,44350,44351,44353,44355],{"class":279,"line":381},[277,44352,922],{"class":283},[277,44354,802],{"class":287},[277,44356,305],{"class":283},[277,44358,44359,44361,44363,44366,44368],{"class":279,"line":391},[277,44360,829],{"class":283},[277,44362,21],{"class":287},[277,44364,44365],{"class":283},">Contenido del cuerpo de la tarjeta.\u003C/",[277,44367,21],{"class":287},[277,44369,305],{"class":283},[277,44371,44373,44375,44377,44379,44381,44383],{"class":44372,"line":397},[279,9398],[277,44374,829],{"class":283},[277,44376,802],{"class":287},[277,44378,26191],{"class":291},[277,44380,353],{"class":283},[277,44382,26581],{"class":291},[277,44384,305],{"class":283},[277,44386,44387,44389,44391,44394,44396],{"class":279,"line":402},[277,44388,879],{"class":283},[277,44390,4267],{"class":287},[277,44392,44393],{"class":283},">Acción\u003C/",[277,44395,4267],{"class":287},[277,44397,305],{"class":283},[277,44399,44400,44402,44404],{"class":279,"line":436},[277,44401,922],{"class":283},[277,44403,802],{"class":287},[277,44405,305],{"class":283},[277,44407,44408,44410,44412],{"class":279,"line":456},[277,44409,954],{"class":283},[277,44411,44318],{"class":287},[277,44413,305],{"class":283},[277,44415,44416,44418,44420],{"class":279,"line":461},[277,44417,785],{"class":283},[277,44419,802],{"class":287},[277,44421,305],{"class":283},[267,44423,44426],{"className":269,"code":44424,"filename":971,"highlights":44425,"language":272,"meta":273,"style":273},"\u003Cscript>\nexport default {\n components: { MyCard }\n}\n\u003C/script>\n\n\u003Ctemplate>\n \u003CMyCard>\n \u003Ctemplate v-slot:header>\n \u003Ch1>Encabezado Personalizado\u003C/h1>\n \u003C/template>\n \u003Cp>Contenido del cuerpo de la tarjeta.\u003C/p>\n \u003Ctemplate v-slot:footer>\n \u003Cbutton>Acción\u003C/button>\n \u003C/template>\n \u003C/MyCard>\n\u003C/template>\n",[391,456],[16,44427,44428,44436,44444,44449,44453,44461,44465,44473,44481,44496,44508,44516,44528,44543,44555,44563,44571],{"__ignoreMap":273},[277,44429,44430,44432,44434],{"class":279,"line":280},[277,44431,284],{"class":283},[277,44433,288],{"class":287},[277,44435,305],{"class":283},[277,44437,44438,44440,44442],{"class":279,"line":308},[277,44439,1057],{"class":311},[277,44441,1060],{"class":311},[277,44443,343],{"class":283},[277,44445,44446],{"class":279,"line":324},[277,44447,44448],{"class":283}," components: { MyCard }\n",[277,44450,44451],{"class":279,"line":331},[277,44452,394],{"class":283},[277,44454,44455,44457,44459],{"class":279,"line":346},[277,44456,785],{"class":283},[277,44458,288],{"class":287},[277,44460,305],{"class":283},[277,44462,44463],{"class":279,"line":360},[277,44464,328],{"emptyLinePlaceholder":327},[277,44466,44467,44469,44471],{"class":279,"line":371},[277,44468,284],{"class":283},[277,44470,802],{"class":287},[277,44472,305],{"class":283},[277,44474,44475,44477,44479],{"class":279,"line":381},[277,44476,810],{"class":283},[277,44478,44318],{"class":287},[277,44480,305],{"class":283},[277,44482,44484,44486,44488,44490,44492,44494],{"class":44483,"line":391},[279,9398],[277,44485,829],{"class":283},[277,44487,802],{"class":287},[277,44489,26191],{"class":291},[277,44491,353],{"class":283},[277,44493,4138],{"class":291},[277,44495,305],{"class":283},[277,44497,44498,44500,44502,44504,44506],{"class":279,"line":397},[277,44499,879],{"class":283},[277,44501,11],{"class":287},[277,44503,44344],{"class":283},[277,44505,11],{"class":287},[277,44507,305],{"class":283},[277,44509,44510,44512,44514],{"class":279,"line":402},[277,44511,922],{"class":283},[277,44513,802],{"class":287},[277,44515,305],{"class":283},[277,44517,44518,44520,44522,44524,44526],{"class":279,"line":436},[277,44519,829],{"class":283},[277,44521,21],{"class":287},[277,44523,44365],{"class":283},[277,44525,21],{"class":287},[277,44527,305],{"class":283},[277,44529,44531,44533,44535,44537,44539,44541],{"class":44530,"line":456},[279,9398],[277,44532,829],{"class":283},[277,44534,802],{"class":287},[277,44536,26191],{"class":291},[277,44538,353],{"class":283},[277,44540,26581],{"class":291},[277,44542,305],{"class":283},[277,44544,44545,44547,44549,44551,44553],{"class":279,"line":461},[277,44546,879],{"class":283},[277,44548,4267],{"class":287},[277,44550,44393],{"class":283},[277,44552,4267],{"class":287},[277,44554,305],{"class":283},[277,44556,44557,44559,44561],{"class":279,"line":476},[277,44558,922],{"class":283},[277,44560,802],{"class":287},[277,44562,305],{"class":283},[277,44564,44565,44567,44569],{"class":279,"line":500},[277,44566,954],{"class":283},[277,44568,44318],{"class":287},[277,44570,305],{"class":283},[277,44572,44573,44575,44577],{"class":279,"line":505},[277,44574,785],{"class":283},[277,44576,802],{"class":287},[277,44578,305],{"class":283},[21,44580,44581,44582,104],{},"Es clave para crear componentes ",[72,44583,44584],{},"flexibles, composables y reutilizables",[30,44586,44587],{"id":21906},[16,44588,21906],{},[21,44590,44591,44592,44595],{},"Renderiza el contenido ",[72,44593,44594],{},"una sola vez"," y lo excluye del sistema reactivo.",[267,44597,44600],{"className":269,"code":44598,"filename":271,"highlights":44599,"language":272,"meta":273,"style":273},"\u003Cscript setup>\nimport { ref } from 'vue'\n \nconst count = ref(0)\n\u003C/script>\n\n\u003Ctemplate>\n \u003Cp v-once>Este texto no cambiará: {{ count }}\u003C/p>\n \u003Cbutton @click=\"count++\">Incrementar\u003C/button>\n\u003C/template>\n",[381],[16,44601,44602,44612,44622,44626,44642,44650,44654,44662,44678,44697],{"__ignoreMap":273},[277,44603,44604,44606,44608,44610],{"class":279,"line":280},[277,44605,284],{"class":283},[277,44607,288],{"class":287},[277,44609,292],{"class":291},[277,44611,305],{"class":283},[277,44613,44614,44616,44618,44620],{"class":279,"line":308},[277,44615,312],{"class":311},[277,44617,11006],{"class":283},[277,44619,318],{"class":311},[277,44621,321],{"class":301},[277,44623,44624],{"class":279,"line":324},[277,44625,42606],{"class":283},[277,44627,44628,44630,44632,44634,44636,44638,44640],{"class":279,"line":331},[277,44629,405],{"class":311},[277,44631,9380],{"class":356},[277,44633,340],{"class":311},[277,44635,413],{"class":291},[277,44637,448],{"class":283},[277,44639,3542],{"class":356},[277,44641,433],{"class":283},[277,44643,44644,44646,44648],{"class":279,"line":346},[277,44645,785],{"class":283},[277,44647,288],{"class":287},[277,44649,305],{"class":283},[277,44651,44652],{"class":279,"line":360},[277,44653,328],{"emptyLinePlaceholder":327},[277,44655,44656,44658,44660],{"class":279,"line":371},[277,44657,284],{"class":283},[277,44659,802],{"class":287},[277,44661,305],{"class":283},[277,44663,44665,44667,44669,44671,44674,44676],{"class":44664,"line":381},[279,9398],[277,44666,810],{"class":283},[277,44668,21],{"class":287},[277,44670,22314],{"class":291},[277,44672,44673],{"class":283},">Este texto no cambiará: {{ count }}\u003C/",[277,44675,21],{"class":287},[277,44677,305],{"class":283},[277,44679,44680,44682,44684,44686,44688,44690,44693,44695],{"class":279,"line":391},[277,44681,810],{"class":283},[277,44683,4267],{"class":287},[277,44685,4278],{"class":291},[277,44687,298],{"class":283},[277,44689,12464],{"class":301},[277,44691,44692],{"class":283},">Incrementar\u003C/",[277,44694,4267],{"class":287},[277,44696,305],{"class":283},[277,44698,44699,44701,44703],{"class":279,"line":397},[277,44700,785],{"class":283},[277,44702,802],{"class":287},[277,44704,305],{"class":283},[267,44706,44709],{"className":269,"code":44707,"filename":971,"highlights":44708,"language":272,"meta":273,"style":273},"\u003Cscript>\nexport default {\n data() {\n return {\n count: 0\n }\n }\n}\n\u003C/script>\n\n\u003Ctemplate>\n \u003Cp v-once>Este texto no cambiará: {{ count }}\u003C/p>\n \u003Cbutton @click=\"count++\">Incrementar\u003C/button>\n\u003C/template>\n",[436],[16,44710,44711,44719,44727,44733,44739,44745,44749,44753,44757,44765,44769,44777,44792,44810],{"__ignoreMap":273},[277,44712,44713,44715,44717],{"class":279,"line":280},[277,44714,284],{"class":283},[277,44716,288],{"class":287},[277,44718,305],{"class":283},[277,44720,44721,44723,44725],{"class":279,"line":308},[277,44722,1057],{"class":311},[277,44724,1060],{"class":311},[277,44726,343],{"class":283},[277,44728,44729,44731],{"class":279,"line":324},[277,44730,1086],{"class":291},[277,44732,473],{"class":283},[277,44734,44735,44737],{"class":279,"line":331},[277,44736,1093],{"class":311},[277,44738,343],{"class":283},[277,44740,44741,44743],{"class":279,"line":346},[277,44742,31686],{"class":283},[277,44744,4692],{"class":356},[277,44746,44747],{"class":279,"line":360},[277,44748,1126],{"class":283},[277,44750,44751],{"class":279,"line":371},[277,44752,542],{"class":283},[277,44754,44755],{"class":279,"line":381},[277,44756,394],{"class":283},[277,44758,44759,44761,44763],{"class":279,"line":391},[277,44760,785],{"class":283},[277,44762,288],{"class":287},[277,44764,305],{"class":283},[277,44766,44767],{"class":279,"line":397},[277,44768,328],{"emptyLinePlaceholder":327},[277,44770,44771,44773,44775],{"class":279,"line":402},[277,44772,284],{"class":283},[277,44774,802],{"class":287},[277,44776,305],{"class":283},[277,44778,44780,44782,44784,44786,44788,44790],{"class":44779,"line":436},[279,9398],[277,44781,810],{"class":283},[277,44783,21],{"class":287},[277,44785,22314],{"class":291},[277,44787,44673],{"class":283},[277,44789,21],{"class":287},[277,44791,305],{"class":283},[277,44793,44794,44796,44798,44800,44802,44804,44806,44808],{"class":279,"line":456},[277,44795,810],{"class":283},[277,44797,4267],{"class":287},[277,44799,4278],{"class":291},[277,44801,298],{"class":283},[277,44803,12464],{"class":301},[277,44805,44692],{"class":283},[277,44807,4267],{"class":287},[277,44809,305],{"class":283},[277,44811,44812,44814,44816],{"class":279,"line":461},[277,44813,785],{"class":283},[277,44815,802],{"class":287},[277,44817,305],{"class":283},[21,44819,44820],{},"Útil cuando el contenido no debe actualizarse jamás, incluso si el estado cambia.",[30,44822,44823],{"id":21909},[16,44824,21909],{},[21,44826,44827],{},"Evita renderizados innecesarios cuando las dependencias no cambian.",[267,44829,44832],{"className":269,"code":44830,"filename":271,"highlights":44831,"language":272,"meta":273,"style":273},"\u003Cscript setup>\nimport { ref } from 'vue'\n\nconst count = ref(0)\n\u003C/script>\n\n\u003Ctemplate>\n \u003Cdiv v-memo=\"[count]\">\n \u003Cp>Este bloque solo se re-renderiza si 'count' cambia: {{ count }}\u003C/p>\n \u003C/div>\n \u003Cbutton @click=\"count++\">Incrementar\u003C/button>\n\u003C/template>\n",[381],[16,44833,44834,44844,44854,44858,44874,44882,44886,44894,44911,44924,44932,44950],{"__ignoreMap":273},[277,44835,44836,44838,44840,44842],{"class":279,"line":280},[277,44837,284],{"class":283},[277,44839,288],{"class":287},[277,44841,292],{"class":291},[277,44843,305],{"class":283},[277,44845,44846,44848,44850,44852],{"class":279,"line":308},[277,44847,312],{"class":311},[277,44849,11006],{"class":283},[277,44851,318],{"class":311},[277,44853,321],{"class":301},[277,44855,44856],{"class":279,"line":324},[277,44857,328],{"emptyLinePlaceholder":327},[277,44859,44860,44862,44864,44866,44868,44870,44872],{"class":279,"line":331},[277,44861,405],{"class":311},[277,44863,9380],{"class":356},[277,44865,340],{"class":311},[277,44867,413],{"class":291},[277,44869,448],{"class":283},[277,44871,3542],{"class":356},[277,44873,433],{"class":283},[277,44875,44876,44878,44880],{"class":279,"line":346},[277,44877,785],{"class":283},[277,44879,288],{"class":287},[277,44881,305],{"class":283},[277,44883,44884],{"class":279,"line":360},[277,44885,328],{"emptyLinePlaceholder":327},[277,44887,44888,44890,44892],{"class":279,"line":371},[277,44889,284],{"class":283},[277,44891,802],{"class":287},[277,44893,305],{"class":283},[277,44895,44897,44899,44901,44904,44906,44909],{"class":44896,"line":381},[279,9398],[277,44898,810],{"class":283},[277,44900,4201],{"class":287},[277,44902,44903],{"class":291}," v-memo",[277,44905,298],{"class":283},[277,44907,44908],{"class":301},"\"[count]\"",[277,44910,305],{"class":283},[277,44912,44913,44915,44917,44920,44922],{"class":279,"line":391},[277,44914,829],{"class":283},[277,44916,21],{"class":287},[277,44918,44919],{"class":283},">Este bloque solo se re-renderiza si 'count' cambia: {{ count }}\u003C/",[277,44921,21],{"class":287},[277,44923,305],{"class":283},[277,44925,44926,44928,44930],{"class":279,"line":397},[277,44927,954],{"class":283},[277,44929,4201],{"class":287},[277,44931,305],{"class":283},[277,44933,44934,44936,44938,44940,44942,44944,44946,44948],{"class":279,"line":402},[277,44935,810],{"class":283},[277,44937,4267],{"class":287},[277,44939,4278],{"class":291},[277,44941,298],{"class":283},[277,44943,12464],{"class":301},[277,44945,44692],{"class":283},[277,44947,4267],{"class":287},[277,44949,305],{"class":283},[277,44951,44952,44954,44956],{"class":279,"line":436},[277,44953,785],{"class":283},[277,44955,802],{"class":287},[277,44957,305],{"class":283},[267,44959,44962],{"className":269,"code":44960,"filename":971,"highlights":44961,"language":272,"meta":273,"style":273},"\u003Cscript>\nexport default {\n data() {\n return {\n value: 10\n }\n }\n}\n\u003C/script>\n\n\u003Ctemplate>\n \u003Cdiv v-memo=\"[value]\">\n \u003Cp>El valor es: {{ value }}\u003C/p>\n \u003C/div>\n\u003C/template>\n",[436],[16,44963,44964,44972,44980,44986,44992,45000,45004,45008,45012,45020,45024,45032,45048,45061,45069],{"__ignoreMap":273},[277,44965,44966,44968,44970],{"class":279,"line":280},[277,44967,284],{"class":283},[277,44969,288],{"class":287},[277,44971,305],{"class":283},[277,44973,44974,44976,44978],{"class":279,"line":308},[277,44975,1057],{"class":311},[277,44977,1060],{"class":311},[277,44979,343],{"class":283},[277,44981,44982,44984],{"class":279,"line":324},[277,44983,1086],{"class":291},[277,44985,473],{"class":283},[277,44987,44988,44990],{"class":279,"line":331},[277,44989,1093],{"class":311},[277,44991,343],{"class":283},[277,44993,44994,44997],{"class":279,"line":346},[277,44995,44996],{"class":283}," value: ",[277,44998,44999],{"class":356},"10\n",[277,45001,45002],{"class":279,"line":360},[277,45003,1126],{"class":283},[277,45005,45006],{"class":279,"line":371},[277,45007,542],{"class":283},[277,45009,45010],{"class":279,"line":381},[277,45011,394],{"class":283},[277,45013,45014,45016,45018],{"class":279,"line":391},[277,45015,785],{"class":283},[277,45017,288],{"class":287},[277,45019,305],{"class":283},[277,45021,45022],{"class":279,"line":397},[277,45023,328],{"emptyLinePlaceholder":327},[277,45025,45026,45028,45030],{"class":279,"line":402},[277,45027,284],{"class":283},[277,45029,802],{"class":287},[277,45031,305],{"class":283},[277,45033,45035,45037,45039,45041,45043,45046],{"class":45034,"line":436},[279,9398],[277,45036,810],{"class":283},[277,45038,4201],{"class":287},[277,45040,44903],{"class":291},[277,45042,298],{"class":283},[277,45044,45045],{"class":301},"\"[value]\"",[277,45047,305],{"class":283},[277,45049,45050,45052,45054,45057,45059],{"class":279,"line":456},[277,45051,829],{"class":283},[277,45053,21],{"class":287},[277,45055,45056],{"class":283},">El valor es: {{ value }}\u003C/",[277,45058,21],{"class":287},[277,45060,305],{"class":283},[277,45062,45063,45065,45067],{"class":279,"line":461},[277,45064,954],{"class":283},[277,45066,4201],{"class":287},[277,45068,305],{"class":283},[277,45070,45071,45073,45075],{"class":279,"line":476},[277,45072,785],{"class":283},[277,45074,802],{"class":287},[277,45076,305],{"class":283},[21,45078,45079,45080,45083],{},"Es una ",[72,45081,45082],{},"optimización avanzada",".\nNo está pensada para usarse “porque sí”, sino en cuellos de botella reales.",[30,45085,45086],{"id":21912},[16,45087,21912],{},[21,45089,45090],{},"Evita que Vue compile el contenido del nodo.",[267,45092,45095],{"className":269,"code":45093,"filename":271,"highlights":45094,"language":272,"meta":273,"style":273},"\u003Cscript setup>\n\u003C/script>\n\n\u003Ctemplate>\n \u003Cdiv v-pre>\n {{ esto_no_se_evaluará }}\n \u003C/div>\n\u003C/template>\n",[346],[16,45096,45097,45107,45115,45119,45127,45138,45143,45151],{"__ignoreMap":273},[277,45098,45099,45101,45103,45105],{"class":279,"line":280},[277,45100,284],{"class":283},[277,45102,288],{"class":287},[277,45104,292],{"class":291},[277,45106,305],{"class":283},[277,45108,45109,45111,45113],{"class":279,"line":308},[277,45110,785],{"class":283},[277,45112,288],{"class":287},[277,45114,305],{"class":283},[277,45116,45117],{"class":279,"line":324},[277,45118,328],{"emptyLinePlaceholder":327},[277,45120,45121,45123,45125],{"class":279,"line":331},[277,45122,284],{"class":283},[277,45124,802],{"class":287},[277,45126,305],{"class":283},[277,45128,45130,45132,45134,45136],{"class":45129,"line":346},[279,9398],[277,45131,810],{"class":283},[277,45133,4201],{"class":287},[277,45135,23208],{"class":291},[277,45137,305],{"class":283},[277,45139,45140],{"class":279,"line":360},[277,45141,45142],{"class":283}," {{ esto_no_se_evaluará }}\n",[277,45144,45145,45147,45149],{"class":279,"line":371},[277,45146,954],{"class":283},[277,45148,4201],{"class":287},[277,45150,305],{"class":283},[277,45152,45153,45155,45157],{"class":279,"line":381},[277,45154,785],{"class":283},[277,45156,802],{"class":287},[277,45158,305],{"class":283},[267,45160,45163],{"className":269,"code":45161,"filename":971,"highlights":45162,"language":272,"meta":273,"style":273},"\u003Cscript>\nexport default {}\n\u003C/script>\n\n\u003Ctemplate>\n \u003Cdiv v-pre>\n {{ esto_no_se_evaluará }}\n \u003C/div>\n\u003C/template>\n",[360],[16,45164,45165,45173,45182,45190,45194,45202,45213,45217,45225],{"__ignoreMap":273},[277,45166,45167,45169,45171],{"class":279,"line":280},[277,45168,284],{"class":283},[277,45170,288],{"class":287},[277,45172,305],{"class":283},[277,45174,45175,45177,45179],{"class":279,"line":308},[277,45176,1057],{"class":311},[277,45178,1060],{"class":311},[277,45180,45181],{"class":283}," {}\n",[277,45183,45184,45186,45188],{"class":279,"line":324},[277,45185,785],{"class":283},[277,45187,288],{"class":287},[277,45189,305],{"class":283},[277,45191,45192],{"class":279,"line":331},[277,45193,328],{"emptyLinePlaceholder":327},[277,45195,45196,45198,45200],{"class":279,"line":346},[277,45197,284],{"class":283},[277,45199,802],{"class":287},[277,45201,305],{"class":283},[277,45203,45205,45207,45209,45211],{"class":45204,"line":360},[279,9398],[277,45206,810],{"class":283},[277,45208,4201],{"class":287},[277,45210,23208],{"class":291},[277,45212,305],{"class":283},[277,45214,45215],{"class":279,"line":371},[277,45216,45142],{"class":283},[277,45218,45219,45221,45223],{"class":279,"line":381},[277,45220,954],{"class":283},[277,45222,4201],{"class":287},[277,45224,305],{"class":283},[277,45226,45227,45229,45231],{"class":279,"line":391},[277,45228,785],{"class":283},[277,45230,802],{"class":287},[277,45232,305],{"class":283},[21,45234,45235],{},"Perfecta para mostrar snippets, ejemplos literales o templates de demostración.",[30,45237,45238],{"id":20608},[16,45239,20608],{},[21,45241,45242],{},"Oculta el template hasta que Vue termine de montar la aplicación.",[267,45244,45247],{"className":269,"code":45245,"filename":271,"highlights":45246,"language":272,"meta":273,"style":273},"\u003Cscript setup>\n\u003C/script>\n\n\u003Ctemplate>\n \u003Cdiv v-cloak>\n {{ mensaje }}\n \u003C/div>\n\u003C/template>\n",[346],[16,45248,45249,45259,45267,45271,45279,45290,45295,45303],{"__ignoreMap":273},[277,45250,45251,45253,45255,45257],{"class":279,"line":280},[277,45252,284],{"class":283},[277,45254,288],{"class":287},[277,45256,292],{"class":291},[277,45258,305],{"class":283},[277,45260,45261,45263,45265],{"class":279,"line":308},[277,45262,785],{"class":283},[277,45264,288],{"class":287},[277,45266,305],{"class":283},[277,45268,45269],{"class":279,"line":324},[277,45270,328],{"emptyLinePlaceholder":327},[277,45272,45273,45275,45277],{"class":279,"line":331},[277,45274,284],{"class":283},[277,45276,802],{"class":287},[277,45278,305],{"class":283},[277,45280,45282,45284,45286,45288],{"class":45281,"line":346},[279,9398],[277,45283,810],{"class":283},[277,45285,4201],{"class":287},[277,45287,20999],{"class":291},[277,45289,305],{"class":283},[277,45291,45292],{"class":279,"line":360},[277,45293,45294],{"class":283}," {{ mensaje }}\n",[277,45296,45297,45299,45301],{"class":279,"line":371},[277,45298,954],{"class":283},[277,45300,4201],{"class":287},[277,45302,305],{"class":283},[277,45304,45305,45307,45309],{"class":279,"line":381},[277,45306,785],{"class":283},[277,45308,802],{"class":287},[277,45310,305],{"class":283},[267,45312,45315],{"className":269,"code":45313,"filename":971,"highlights":45314,"language":272,"meta":273,"style":273},"\u003Cscript>\nexport default {}\n\u003C/script>\n\n\u003Ctemplate>\n \u003Cdiv v-cloak>\n {{ mensaje }}\n \u003C/div>\n\u003C/template>\n",[360],[16,45316,45317,45325,45333,45341,45345,45353,45364,45368,45376],{"__ignoreMap":273},[277,45318,45319,45321,45323],{"class":279,"line":280},[277,45320,284],{"class":283},[277,45322,288],{"class":287},[277,45324,305],{"class":283},[277,45326,45327,45329,45331],{"class":279,"line":308},[277,45328,1057],{"class":311},[277,45330,1060],{"class":311},[277,45332,45181],{"class":283},[277,45334,45335,45337,45339],{"class":279,"line":324},[277,45336,785],{"class":283},[277,45338,288],{"class":287},[277,45340,305],{"class":283},[277,45342,45343],{"class":279,"line":331},[277,45344,328],{"emptyLinePlaceholder":327},[277,45346,45347,45349,45351],{"class":279,"line":346},[277,45348,284],{"class":283},[277,45350,802],{"class":287},[277,45352,305],{"class":283},[277,45354,45356,45358,45360,45362],{"class":45355,"line":360},[279,9398],[277,45357,810],{"class":283},[277,45359,4201],{"class":287},[277,45361,20999],{"class":291},[277,45363,305],{"class":283},[277,45365,45366],{"class":279,"line":371},[277,45367,45294],{"class":283},[277,45369,45370,45372,45374],{"class":279,"line":381},[277,45371,954],{"class":283},[277,45373,4201],{"class":287},[277,45375,305],{"class":283},[277,45377,45378,45380,45382],{"class":279,"line":391},[277,45379,785],{"class":283},[277,45381,802],{"class":287},[277,45383,305],{"class":283},[21,45385,45386],{},"Evita el parpadeo inicial en aplicaciones renderizadas del lado del cliente.",[30,45388,3241],{"id":45389},"directivas-personalizadas",[21,45391,45392],{},"Permiten extender Vue para manipular directamente el DOM cuando no hay otra opción más declarativa.",[267,45394,45397],{"className":15972,"code":45395,"filename":19438,"highlights":45396,"language":15975,"meta":273,"style":273},"import { createApp } from 'vue'\nimport App from './App.vue'\nconst app = createApp(App)\napp.directive('focus', {\n mounted(el) {\n el.focus()\n }\n})\n",[331,346,360,371,381],[16,45398,45399,45410,45422,45437,45453,45464,45474,45479],{"__ignoreMap":273},[277,45400,45401,45403,45406,45408],{"class":279,"line":280},[277,45402,312],{"class":311},[277,45404,45405],{"class":283}," { createApp } ",[277,45407,318],{"class":311},[277,45409,321],{"class":301},[277,45411,45412,45414,45417,45419],{"class":279,"line":308},[277,45413,312],{"class":311},[277,45415,45416],{"class":283}," App ",[277,45418,318],{"class":311},[277,45420,45421],{"class":301}," './App.vue'\n",[277,45423,45424,45426,45429,45431,45434],{"class":279,"line":324},[277,45425,405],{"class":311},[277,45427,45428],{"class":356}," app",[277,45430,340],{"class":311},[277,45432,45433],{"class":291}," createApp",[277,45435,45436],{"class":283},"(App)\n",[277,45438,45440,45443,45446,45448,45451],{"class":45439,"line":331},[279,9398],[277,45441,45442],{"class":283},"app.",[277,45444,45445],{"class":291},"directive",[277,45447,448],{"class":283},[277,45449,45450],{"class":301},"'focus'",[277,45452,2360],{"class":283},[277,45454,45456,45458,45460,45462],{"class":45455,"line":346},[279,9398],[277,45457,6784],{"class":291},[277,45459,448],{"class":283},[277,45461,18319],{"class":349},[277,45463,2476],{"class":283},[277,45465,45467,45470,45472],{"class":45466,"line":360},[279,9398],[277,45468,45469],{"class":283}," el.",[277,45471,11476],{"class":291},[277,45473,622],{"class":283},[277,45475,45477],{"class":45476,"line":371},[279,9398],[277,45478,542],{"class":283},[277,45480,45482],{"class":45481,"line":381},[279,9398],[277,45483,676],{"class":283},[267,45485,45488],{"className":269,"code":45486,"filename":9339,"highlights":45487,"language":272,"meta":273,"style":273},"\u003Ctemplate>\n \u003Cinput v-focus />\n\u003C/template>\n",[308],[16,45489,45490,45498,45510],{"__ignoreMap":273},[277,45491,45492,45494,45496],{"class":279,"line":280},[277,45493,284],{"class":283},[277,45495,802],{"class":287},[277,45497,305],{"class":283},[277,45499,45501,45503,45505,45508],{"class":45500,"line":308},[279,9398],[277,45502,810],{"class":283},[277,45504,18041],{"class":287},[277,45506,45507],{"class":291}," v-focus",[277,45509,4325],{"class":283},[277,45511,45512,45514,45516],{"class":279,"line":324},[277,45513,785],{"class":283},[277,45515,802],{"class":287},[277,45517,305],{"class":283},[21,45519,45520],{},"Son poderosas, pero deben usarse con cuidado:\nsi abusas de ellas, probablemente estás rompiendo el modelo mental de Vue.",[30,45522,17671],{"id":17670},[21,45524,45525,45526,104],{},"Las directivas no son solo sintaxis bonita.\nSon ",[72,45527,45528],{},"contratos claros entre el estado y el DOM",[21,45530,45531],{},"Este artículo es el punto de partida.\nCada directiva tendrá su entrada individual, con:",[38,45533,45534,45537,45539],{},[41,45535,45536],{},"Casos reales",[41,45538,190],{},[41,45540,45541],{},"Buenas y malas prácticas",[21,45543,45544,45545,45548],{},"Este mapa ya te permite ",[72,45546,45547],{},"leer código Vue con criterio",".\nLo demás es profundidad, no confusión.",[1606,45550,40264],{},{"title":273,"searchDepth":308,"depth":308,"links":45552},[45553,45554,45556,45557,45558,45559,45560,45561,45562,45563,45564,45565,45566,45567,45568,45569],{"id":13168,"depth":308,"text":13169},{"id":42296,"depth":308,"text":45555},"v-if, v-else-if, v-else",{"id":7701,"depth":308,"text":7701},{"id":24880,"depth":308,"text":24880},{"id":17974,"depth":308,"text":17974},{"id":17971,"depth":308,"text":17971},{"id":17977,"depth":308,"text":17977},{"id":24587,"depth":308,"text":24587},{"id":24590,"depth":308,"text":24590},{"id":25869,"depth":308,"text":25869},{"id":21906,"depth":308,"text":21906},{"id":21909,"depth":308,"text":21909},{"id":21912,"depth":308,"text":21912},{"id":20608,"depth":308,"text":20608},{"id":45389,"depth":308,"text":3241},{"id":17670,"depth":308,"text":17671},"https://res.cloudinary.com/denj4fg7f/image/upload/v1770161262/vue-directives-overview_qyrngz.png","2026-02-04","Explora las directivas esenciales de Vue.js, su sintaxis y casos de uso comunes.",{"script":45574},[45575],{"type":1632,"key":1633,"data-nuxt-schema-org":327,"nodes":45576},[45577],{"headline":42204,"author":45578,"datePublished":45579,"@type":1640},{"name":1637,"@type":1638},"2026-02-03T20:00:00-05:00",{"updatedAt":28100,"readingTime":360,"coverCaption":45581,"author":1637,"keywords":45582},"Imagen destacada que representa las directivas en Vue.js.",[1645,20588,45583,45584],"Desarrollo Frontend","Buenas Prácticas","/blog/vue-directives-overview.es",[45587],{"headline":42204,"author":45588,"datePublished":45579,"@type":1640},{"name":1637,"@type":1638},{"title":42204,"description":45572},"blog/vue-directives-overview.es",[45592,45593,45594,45595,45596,45597],{"tag":20588,"color":20589},{"tag":21891,"color":21892},{"tag":42197,"color":42198},{"tag":40325,"color":3168},{"tag":3167,"color":3168},{"tag":9074,"color":9075},"_TiH5SZfhuhLltkiEIYgNLFFzrrnC62SUz0UvHozHoI",{"id":45600,"title":45601,"body":45602,"cover":46365,"coverAlt":45601,"date":46366,"description":46367,"draft":1627,"extension":1628,"head":46368,"locale":1641,"meta":46375,"navigation":327,"path":46381,"schemaOrg":46382,"seo":46385,"series":1656,"seriesDescription":1656,"seriesOrder":1656,"seriesTitle":1656,"slug":1656,"stem":46386,"tags":46387,"__hash__":46396},"blog/blog/mastering-renderless-components-vue-3.es.md","Patrones Avanzados en Vue 3: El Poder de los Renderless Components",{"type":8,"value":45603,"toc":46354},[45604,45608,45619,45623,45630,45637,45641,45655,45659,45662,45814,45967,45973,46085,46092,46112,46203,46206,46210,46220,46299,46311,46315,46338,46342,46351],[11,45605,45607],{"id":45606},"el-patrón-renderless-en-vue-3-arquitectura-y-separación-de-responsabilidades","El Patrón Renderless en Vue 3: Arquitectura y Separación de Responsabilidades",[21,45609,45610,45611,45614,45615,45618],{},"En el ecosistema de Vue 3, la reutilización de código ha evolucionado significativamente gracias a la Composition API. Sin embargo, persiste un desafío recurrente: ",[72,45612,45613],{},"¿Cómo compartir una lógica de interfaz compleja sin imponer un diseño o una estructura HTML específicos?"," Aquí es donde el patrón de ",[72,45616,45617],{},"Renderless Components"," se consolida como una herramienta indispensable para la arquitectura de software.",[30,45620,45622],{"id":45621},"qué-es-un-renderless-component","¿Qué es un Renderless Component?",[21,45624,45625,45626,45629],{},"Un componente ",[3292,45627,45628],{},"renderless"," (sin renderizado) es aquel que no genera ningún marcado propio ni estilos CSS. Su única responsabilidad es encapsular el estado y la lógica de comportamiento para exponer estos datos al componente padre. El padre, a su vez, decide exactamente qué elementos del DOM utilizar y cómo estilizarlos.",[21,45631,45632,45633,45636],{},"Este patrón es la columna vertebral de las ",[72,45634,45635],{},"bibliotecas \"Headless UI\"",", permitiendo que la lógica de un componente —como la gestión de un modal, un desplegable o un formulario— sea universal, mientras que el diseño permanece 100% personalizable.",[30,45638,45640],{"id":45639},"el-motor-scoped-slots","El Motor: Scoped Slots",[21,45642,45643,45644,45647,45648,45650,45651,45654],{},"La implementación de este patrón se apoya en los ",[72,45645,45646],{},"Scoped Slots",". A diferencia de un ",[3292,45649,25947],{}," convencional, un ",[3292,45652,45653],{},"scoped slot"," permite al componente hijo enviar datos \"hacia arriba\" a la plantilla del padre en el momento de la ejecución.",[192,45656,45658],{"id":45657},"ejemplo-práctico-un-controlador-de-visibilidad","Ejemplo Práctico: Un Controlador de Visibilidad",[21,45660,45661],{},"Imagina un componente que gestiona el estado de \"abierto/cerrado\", algo esencial en menús y modales.",[267,45663,45667],{"className":269,"code":45664,"filename":45665,"highlights":45666,"language":272,"meta":273,"style":273},"\u003Cscript setup>\n import { ref } from 'vue';\n\n const isOpen = ref(false);\n const toggle = () => {\n isOpen.value = !isOpen.value;\n };\n\n // Exponemos el estado y el método al slot\n\u003C/script>\n\n\u003Ctemplate>\n \u003Cslot :isOpen=\"isOpen\" :toggle=\"toggle\">\u003C/slot>\n\u003C/template>\n","LogicToggle.vue - Composition API",[331,346,360,371,456],[16,45668,45669,45679,45693,45697,45714,45730,45743,45749,45753,45758,45766,45770,45778,45806],{"__ignoreMap":273},[277,45670,45671,45673,45675,45677],{"class":279,"line":280},[277,45672,284],{"class":283},[277,45674,288],{"class":287},[277,45676,292],{"class":291},[277,45678,305],{"class":283},[277,45680,45681,45684,45686,45688,45691],{"class":279,"line":308},[277,45682,45683],{"class":311}," import",[277,45685,11006],{"class":283},[277,45687,318],{"class":311},[277,45689,45690],{"class":301}," 'vue'",[277,45692,18151],{"class":283},[277,45694,45695],{"class":279,"line":324},[277,45696,328],{"emptyLinePlaceholder":327},[277,45698,45700,45702,45704,45706,45708,45710,45712],{"class":45699,"line":331},[279,9398],[277,45701,479],{"class":311},[277,45703,18266],{"class":356},[277,45705,340],{"class":311},[277,45707,413],{"class":291},[277,45709,448],{"class":283},[277,45711,2123],{"class":356},[277,45713,18277],{"class":283},[277,45715,45717,45719,45722,45724,45726,45728],{"class":45716,"line":346},[279,9398],[277,45718,479],{"class":311},[277,45720,45721],{"class":291}," toggle",[277,45723,340],{"class":311},[277,45725,598],{"class":283},[277,45727,601],{"class":311},[277,45729,343],{"class":283},[277,45731,45733,45736,45738,45740],{"class":45732,"line":360},[279,9398],[277,45734,45735],{"class":283}," isOpen.value ",[277,45737,298],{"class":311},[277,45739,2288],{"class":311},[277,45741,45742],{"class":283},"isOpen.value;\n",[277,45744,45746],{"class":45745,"line":371},[279,9398],[277,45747,45748],{"class":283}," };\n",[277,45750,45751],{"class":279,"line":381},[277,45752,328],{"emptyLinePlaceholder":327},[277,45754,45755],{"class":279,"line":391},[277,45756,45757],{"class":12741}," // Exponemos el estado y el método al slot\n",[277,45759,45760,45762,45764],{"class":279,"line":397},[277,45761,785],{"class":283},[277,45763,288],{"class":287},[277,45765,305],{"class":283},[277,45767,45768],{"class":279,"line":402},[277,45769,328],{"emptyLinePlaceholder":327},[277,45771,45772,45774,45776],{"class":279,"line":436},[277,45773,284],{"class":283},[277,45775,802],{"class":287},[277,45777,305],{"class":283},[277,45779,45781,45783,45785,45788,45790,45792,45795,45797,45800,45802,45804],{"class":45780,"line":456},[279,9398],[277,45782,810],{"class":283},[277,45784,25947],{"class":287},[277,45786,45787],{"class":291}," :isOpen",[277,45789,298],{"class":283},[277,45791,18724],{"class":301},[277,45793,45794],{"class":291}," :toggle",[277,45796,298],{"class":283},[277,45798,45799],{"class":301},"\"toggle\"",[277,45801,24690],{"class":283},[277,45803,25947],{"class":287},[277,45805,305],{"class":283},[277,45807,45808,45810,45812],{"class":279,"line":461},[277,45809,785],{"class":283},[277,45811,802],{"class":287},[277,45813,305],{"class":283},[267,45815,45819],{"className":269,"code":45816,"filename":45817,"highlights":45818,"language":272,"meta":273,"style":273},"\u003Cscript>\n export default {\n data() {\n return {\n isOpen: false\n };\n },\n methods: {\n toggle() {\n this.isOpen = !this.isOpen;\n }\n }\n };\n // Exponemos el estado y el método al slot\n\u003C/script>\n\n\u003Ctemplate>\n \u003Cslot :isOpen=\"isOpen\" :toggle=\"toggle\">\u003C/slot>\n\u003C/template>\n","LogicToggle.vue - Options API",[346,391,397,402,520],[16,45820,45821,45829,45838,45845,45851,45859,45863,45867,45872,45880,45897,45902,45906,45910,45914,45922,45926,45934,45959],{"__ignoreMap":273},[277,45822,45823,45825,45827],{"class":279,"line":280},[277,45824,284],{"class":283},[277,45826,288],{"class":287},[277,45828,305],{"class":283},[277,45830,45831,45834,45836],{"class":279,"line":308},[277,45832,45833],{"class":311}," export",[277,45835,1060],{"class":311},[277,45837,343],{"class":283},[277,45839,45840,45843],{"class":279,"line":324},[277,45841,45842],{"class":291}," data",[277,45844,473],{"class":283},[277,45846,45847,45849],{"class":279,"line":331},[277,45848,2754],{"class":311},[277,45850,343],{"class":283},[277,45852,45854,45857],{"class":45853,"line":346},[279,9398],[277,45855,45856],{"class":283}," isOpen: ",[277,45858,2043],{"class":356},[277,45860,45861],{"class":279,"line":360},[277,45862,36566],{"class":283},[277,45864,45865],{"class":279,"line":371},[277,45866,7016],{"class":283},[277,45868,45869],{"class":279,"line":381},[277,45870,45871],{"class":283}," methods: {\n",[277,45873,45875,45878],{"class":45874,"line":391},[279,9398],[277,45876,45877],{"class":291}," toggle",[277,45879,473],{"class":283},[277,45881,45883,45885,45888,45890,45892,45894],{"class":45882,"line":397},[279,9398],[277,45884,8819],{"class":356},[277,45886,45887],{"class":283},".isOpen ",[277,45889,298],{"class":311},[277,45891,2288],{"class":311},[277,45893,1341],{"class":356},[277,45895,45896],{"class":283},".isOpen;\n",[277,45898,45900],{"class":45899,"line":402},[279,9398],[277,45901,1203],{"class":283},[277,45903,45904],{"class":279,"line":436},[277,45905,1126],{"class":283},[277,45907,45908],{"class":279,"line":456},[277,45909,45748],{"class":283},[277,45911,45912],{"class":279,"line":461},[277,45913,45757],{"class":12741},[277,45915,45916,45918,45920],{"class":279,"line":476},[277,45917,785],{"class":283},[277,45919,288],{"class":287},[277,45921,305],{"class":283},[277,45923,45924],{"class":279,"line":500},[277,45925,328],{"emptyLinePlaceholder":327},[277,45927,45928,45930,45932],{"class":279,"line":505},[277,45929,284],{"class":283},[277,45931,802],{"class":287},[277,45933,305],{"class":283},[277,45935,45937,45939,45941,45943,45945,45947,45949,45951,45953,45955,45957],{"class":45936,"line":520},[279,9398],[277,45938,810],{"class":283},[277,45940,25947],{"class":287},[277,45942,45787],{"class":291},[277,45944,298],{"class":283},[277,45946,18724],{"class":301},[277,45948,45794],{"class":291},[277,45950,298],{"class":283},[277,45952,45799],{"class":301},[277,45954,24690],{"class":283},[277,45956,25947],{"class":287},[277,45958,305],{"class":283},[277,45960,45961,45963,45965],{"class":279,"line":539},[277,45962,785],{"class":283},[277,45964,802],{"class":287},[277,45966,305],{"class":283},[21,45968,45969,45972],{},[72,45970,45971],{},"Implementación en el Padre","\nAl consumir este componente, gozas de total libertad creativa:",[267,45974,45978],{"className":269,"code":45975,"filename":45976,"highlights":45977,"language":272,"meta":273,"style":273},"\u003Ctemplate>\n \u003CLogicToggle v-slot=\"{ isOpen, toggle }\">\n \u003Cbutton @click=\"toggle\">\n {{ isOpen ? 'Cerrar Menú' : 'Abrir Menú' }}\n \u003C/button>\n \u003Cdiv v-if=\"isOpen\" class=\"custom-dropdown\">\n Contenido dinámico aquí\n \u003C/div>\n \u003C/LogicToggle>\n\u003C/template>\n","ParentComponent.vue",[308,324,331,360],[16,45979,45980,45988,46005,46020,46026,46034,46056,46061,46069,46077],{"__ignoreMap":273},[277,45981,45982,45984,45986],{"class":279,"line":280},[277,45983,284],{"class":283},[277,45985,802],{"class":287},[277,45987,305],{"class":283},[277,45989,45991,45993,45996,45998,46000,46003],{"class":45990,"line":308},[279,9398],[277,45992,810],{"class":283},[277,45994,45995],{"class":287},"LogicToggle",[277,45997,26191],{"class":291},[277,45999,298],{"class":283},[277,46001,46002],{"class":301},"\"{ isOpen, toggle }\"",[277,46004,305],{"class":283},[277,46006,46008,46010,46012,46014,46016,46018],{"class":46007,"line":324},[279,9398],[277,46009,829],{"class":283},[277,46011,4267],{"class":287},[277,46013,4278],{"class":291},[277,46015,298],{"class":283},[277,46017,45799],{"class":301},[277,46019,305],{"class":283},[277,46021,46023],{"class":46022,"line":331},[279,9398],[277,46024,46025],{"class":283}," {{ isOpen ? 'Cerrar Menú' : 'Abrir Menú' }}\n",[277,46027,46028,46030,46032],{"class":279,"line":346},[277,46029,922],{"class":283},[277,46031,4267],{"class":287},[277,46033,305],{"class":283},[277,46035,46037,46039,46041,46043,46045,46047,46049,46051,46054],{"class":46036,"line":360},[279,9398],[277,46038,829],{"class":283},[277,46040,4201],{"class":287},[277,46042,834],{"class":291},[277,46044,298],{"class":283},[277,46046,18724],{"class":301},[277,46048,816],{"class":291},[277,46050,298],{"class":283},[277,46052,46053],{"class":301},"\"custom-dropdown\"",[277,46055,305],{"class":283},[277,46057,46058],{"class":279,"line":371},[277,46059,46060],{"class":283}," Contenido dinámico aquí\n",[277,46062,46063,46065,46067],{"class":279,"line":381},[277,46064,922],{"class":283},[277,46066,4201],{"class":287},[277,46068,305],{"class":283},[277,46070,46071,46073,46075],{"class":279,"line":391},[277,46072,954],{"class":283},[277,46074,45995],{"class":287},[277,46076,305],{"class":283},[277,46078,46079,46081,46083],{"class":279,"line":397},[277,46080,785],{"class":283},[277,46082,802],{"class":287},[277,46084,305],{"class":283},[30,46086,46088,46089,19],{"id":46087},"optimización-senior-render-functions-h","Optimización Senior: Render Functions (",[16,46090,46091],{},"h",[21,46093,46094,46095,46097,46098,46101,46102,511,46104,46107,46108,46111],{},"Para alcanzar un nivel de producción profesional, especialmente en bibliotecas distribuidas vía NPM, es recomendable prescindir del bloque ",[16,46096,26159],{},". Al utilizar la función ",[16,46099,46100],{},"render"," y el método ",[16,46103,46091],{},[3292,46105,46106],{},"hyperscript","), eliminamos la ",[72,46109,46110],{},"sobrecarga"," de la compilación de plantillas y evitamos la creación de nodos adicionales innecesarios en el DOM.",[267,46113,46119],{"className":46114,"code":46115,"filename":46116,"highlights":46117,"language":46118,"meta":273,"style":273},"language-javascript shiki shiki-themes github-light github-dark","import { ref, h } from 'vue';\n\nexport default {\n setup(props, { slots }) {\n const isOpen = ref(false);\n const toggle = () => (isOpen.value = !isOpen.value);\n\n return () => {\n // Retornamos el slot por defecto pasando el estado\n return slots.default ? slots.default({\n isOpen: isOpen.value,\n toggle\n }) : null;\n };\n }\n};\n","LogicToggle.js",[331,346,360,397,402,436,456],"javascript",[16,46120,46121,46126,46130,46135,46141,46147,46153,46157,46162,46167,46173,46179,46185,46191,46195,46199],{"__ignoreMap":273},[277,46122,46123],{"class":279,"line":280},[277,46124,46125],{},"import { ref, h } from 'vue';\n",[277,46127,46128],{"class":279,"line":308},[277,46129,328],{"emptyLinePlaceholder":327},[277,46131,46132],{"class":279,"line":324},[277,46133,46134],{},"export default {\n",[277,46136,46138],{"class":46137,"line":331},[279,9398],[277,46139,46140],{}," setup(props, { slots }) {\n",[277,46142,46144],{"class":46143,"line":346},[279,9398],[277,46145,46146],{}," const isOpen = ref(false);\n",[277,46148,46150],{"class":46149,"line":360},[279,9398],[277,46151,46152],{}," const toggle = () => (isOpen.value = !isOpen.value);\n",[277,46154,46155],{"class":279,"line":371},[277,46156,328],{"emptyLinePlaceholder":327},[277,46158,46159],{"class":279,"line":381},[277,46160,46161],{}," return () => {\n",[277,46163,46164],{"class":279,"line":391},[277,46165,46166],{}," // Retornamos el slot por defecto pasando el estado\n",[277,46168,46170],{"class":46169,"line":397},[279,9398],[277,46171,46172],{}," return slots.default ? slots.default({\n",[277,46174,46176],{"class":46175,"line":402},[279,9398],[277,46177,46178],{}," isOpen: isOpen.value,\n",[277,46180,46182],{"class":46181,"line":436},[279,9398],[277,46183,46184],{}," toggle\n",[277,46186,46188],{"class":46187,"line":456},[279,9398],[277,46189,46190],{}," }) : null;\n",[277,46192,46193],{"class":279,"line":461},[277,46194,18478],{},[277,46196,46197],{"class":279,"line":476},[277,46198,542],{},[277,46200,46201],{"class":279,"line":500},[277,46202,18255],{},[21,46204,46205],{},"Esta aproximación permite que el componente actúe como un \"pasamanos\" puro de datos, manteniendo el Virtual DOM limpio y eficiente.",[30,46207,46209],{"id":46208},"renderless-components-vs-composables","Renderless Components vs. Composables",[21,46211,46212,46213,511,46216,46219],{},"Una duda frecuente es por qué no utilizar simplemente un ",[3292,46214,46215],{},"Composable",[16,46217,46218],{},"useToggle","). La elección depende del contexto:",[5392,46221,46222,46233],{},[5395,46223,46224],{},[5398,46225,46226,46229,46231],{},[5401,46227,46228],{},"Característica",[5401,46230,13469],{},[5401,46232,45617],{},[5414,46234,46235,46248,46261,46274,46286],{},[5398,46236,46237,46242,46245],{},[5419,46238,46239],{},[72,46240,46241],{},"Encapsulación",[5419,46243,46244],{},"Lógica pura de JavaScript.",[5419,46246,46247],{},"Lógica ligada al ciclo de vida del componente.",[5398,46249,46250,46255,46258],{},[5419,46251,46252],{},[72,46253,46254],{},"Plantilla",[5419,46256,46257],{},"Se importa en el script.",[5419,46259,46260],{},"Se define de forma declarativa en la plantilla.",[5398,46262,46263,46268,46271],{},[5419,46264,46265],{},[72,46266,46267],{},"Ámbito",[5419,46269,46270],{},"Ideal para lógica global o de negocio.",[5419,46272,46273],{},"Ideal para patrones de UI (accesibilidad, eventos).",[5398,46275,46276,46280,46283],{},[5419,46277,46278],{},[72,46279,26340],{},[5419,46281,46282],{},"No tiene acceso a slots.",[5419,46284,46285],{},"Puede orquestar múltiples subcomponentes.",[5398,46287,46288,46293,46296],{},[5419,46289,46290],{},[72,46291,46292],{},"Curva de aprendizaje",[5419,46294,46295],{},"Requiere entender reactividad pura.",[5419,46297,46298],{},"Más intuitivo para desarrolladores de plantillas.",[21,46300,46301,46302,46304,46305,46307,46308,1895],{},"Los ",[3292,46303,45617],{}," brillan cuando la lógica requiere interactuar con el ciclo de vida (como ",[16,46306,687],{},") o cuando deseas crear una jerarquía de componentes que compartan un estado implícito (",[3292,46309,46310],{},"Compound Components",[30,46312,46314],{"id":46313},"ventajas-competitivas-del-patrón","Ventajas Competitivas del Patrón",[10089,46316,46317,46326,46332],{},[41,46318,46319,46322,46323,46325],{},[72,46320,46321],{},"Mantenibilidad:"," Si la lógica de validación cambia, solo modificas el componente ",[3292,46324,45628],{},". La interfaz permanece intacta.",[41,46327,46328,46331],{},[72,46329,46330],{},"Testabilidad:"," Facilita las pruebas unitarias sobre la lógica de estado sin lidiar con selectores de CSS o colisiones de estilos.",[41,46333,46334,46337],{},[72,46335,46336],{},"Extensibilidad:"," Permite crear múltiples versiones visuales de una misma funcionalidad sin duplicar código lógico.",[30,46339,46341],{"id":46340},"consideraciones-finales","Consideraciones Finales",[21,46343,46344,46345,46347,46348,46350],{},"Si bien este patrón ofrece una flexibilidad inigualable, debe usarse con criterio. En plantillas muy extensas, el uso excesivo de ",[16,46346,25869],{}," puede dificultar la lectura del código. Sin embargo, para el desarrollo de sistemas de diseño y bibliotecas de componentes, los ",[72,46349,45617],{}," representan el estándar de oro en la arquitectura de Vue 3.",[1606,46352,46353],{},"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 .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .s9eBZ, html code.shiki .s9eBZ{--shiki-default:#22863A;--shiki-dark:#85E89D}html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .szBVR, html code.shiki .szBVR{--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}html pre.shiki code .sJ8bj, html code.shiki .sJ8bj{--shiki-default:#6A737D;--shiki-dark:#6A737D}",{"title":273,"searchDepth":308,"depth":308,"links":46355},[46356,46357,46360,46362,46363,46364],{"id":45621,"depth":308,"text":45622},{"id":45639,"depth":308,"text":45640,"children":46358},[46359],{"id":45657,"depth":324,"text":45658},{"id":46087,"depth":308,"text":46361},"Optimización Senior: Render Functions (h)",{"id":46208,"depth":308,"text":46209},{"id":46313,"depth":308,"text":46314},{"id":46340,"depth":308,"text":46341},"https://res.cloudinary.com/denj4fg7f/image/upload/v1769789805/mastering-renderless-components-vue-3_f5mqbs.png","2026-01-30","Explora cómo los Renderless Components en Vue 3 pueden mejorar la reutilización de código y la separación de lógica y presentación en tus aplicaciones.",{"script":46369},[46370],{"type":1632,"key":1633,"data-nuxt-schema-org":327,"nodes":46371},[46372],{"headline":45601,"author":46373,"datePublished":46374,"@type":1640},{"name":1637,"@type":1638},"2026-01-30T17:00:00-05:00",{"updatedAt":46376,"coverCaption":46377,"author":1637,"keywords":46378},"2026-02-11T00:00:00-05:00","Imagen destacada que representa el concepto de Renderless Components en Vue 3.",[13114,45617,46379,46380,45583],"Reutilización de Código","Patrones de Diseño","/blog/mastering-renderless-components-vue-3.es",[46383],{"headline":45601,"author":46384,"datePublished":46374,"@type":1640},{"name":1637,"@type":1638},{"title":45601,"description":46367},"blog/mastering-renderless-components-vue-3.es",[46388,46389,46391,46392,46393,46394],{"tag":1665,"color":1666},{"tag":46380,"color":46390},"#9C27B0",{"tag":1668,"color":1669},{"tag":3167,"color":3168},{"tag":1671,"color":1672},{"tag":45584,"color":46395},"#2196F3","wkBzCTrYSVlz1Kd-5Eu3wdkl3Wa1TA2xf4r2o20kVNU",{"id":46398,"title":46399,"body":46400,"cover":48321,"coverAlt":46399,"date":48322,"description":48323,"draft":1627,"extension":1628,"head":48324,"locale":1641,"meta":48331,"navigation":327,"path":48334,"schemaOrg":48335,"seo":48338,"series":1656,"seriesDescription":1656,"seriesOrder":1656,"seriesTitle":1656,"slug":1656,"stem":48339,"tags":48340,"__hash__":48351},"blog/blog/vue-provide-inject-avoid-prop-drilling.es.md","Provide e Inject en Vue 3: Guía definitiva para eliminar el Prop Drilling",{"type":8,"value":46401,"toc":48306},[46402,46406,46413,46423,46427,46454,46461,46464,46478,46482,46485,46491,46613,46693,46699,46795,46872,46876,46889,46910,46920,46938,46945,46950,47082,47273,47278,47412,47641,47645,47652,47694,47698,47701,47712,47718,47880,47886,48092,48096,48107,48118,48122,48133,48155,48158,48162,48236,48240,48260,48262,48272,48300,48303],[11,46403,46405],{"id":46404},"provide-e-inject-cómo-evitar-el-prop-drilling-en-vuejs","Provide e Inject: Cómo evitar el Prop Drilling en Vue.js",[21,46407,46408,46409,46412],{},"Imagina que en tu proyecto tienes un componente \"Abuelo\" que debe enviar un dato a un componente \"Nieto\". Tradicionalmente, tendrías que pasar ese dato a través del componente \"Padre\", aunque este último no lo utilice para nada. A este fenómeno se le conoce como ",[72,46410,46411],{},"Prop Drilling",", y es una de las principales causas de que el código se vuelva complejo y difícil de mantener.",[21,46414,46415,46418,46419,46422],{},[16,46416,46417],{},"Provide"," e ",[16,46420,46421],{},"Inject"," permiten que un componente ancestro exponga un dato para que cualquier descendiente lo \"atrape\" directamente, sin necesidad de pasarlo manualmente por cada nivel de la jerarquía.",[30,46424,46426],{"id":46425},"problemas-comunes-del-prop-drilling","Problemas comunes del Prop Drilling",[10089,46428,46429,46439,46445],{},[41,46430,46431,46434,46435,46438],{},[72,46432,46433],{},"Mantenimiento costoso:"," Si decides renombrar una ",[16,46436,46437],{},"prop"," o modificar su estructura, debes actualizar cada componente intermedio, incluso si no consumen el dato.",[41,46440,46441,46444],{},[72,46442,46443],{},"Fragilidad:"," Al depender de múltiples niveles de anidamiento, es más fácil romper la cadena de datos por un error en un componente intermedio.",[41,46446,46447,46450,46451,46453],{},[72,46448,46449],{},"Baja Reutilización:"," Los componentes intermedios pierden versatilidad, ya que quedan obligados a recibir y transmitir ",[16,46452,1882],{}," que no pertenecen a su lógica interna.",[30,46455,46457,46458],{"id":46456},"la-solución-nativa-provide-e-inject","La solución nativa: ",[72,46459,46460],{},"Provide e Inject",[21,46462,46463],{},"Vue nos ofrece una solución integrada sin necesidad de recurrir a librerías externas de gestión de estado (como Pinia):",[38,46465,46466,46472],{},[41,46467,46468,46471],{},[72,46469,46470],{},"Provide:"," El componente ancestro define y \"provee\" el dato al árbol de componentes.",[41,46473,46474,46477],{},[72,46475,46476],{},"Inject:"," Cualquier componente descendiente, sin importar su profundidad, \"inyecta\" y consume ese dato.",[30,46479,46481],{"id":46480},"implementación-en-vue-3-composition-api-y-options-api","Implementación en Vue 3 (Composition API y Options API)",[21,46483,46484],{},"Para implementar esta comunicación, seguimos una estructura de clave y valor.",[23924,46486,46488],{"id":46487},"componente-emisor-abuelo",[72,46489,46490],{},"Componente Emisor (Abuelo):",[267,46492,46495],{"className":269,"code":46493,"filename":271,"highlights":46494,"language":272,"meta":273,"style":273},"\u003Cscript setup>\nimport { ref, provide } from 'vue'\nimport Hijo from './Hijo.vue'\n\nconst nombreApp = ref('TODOvue')\n\n// Provee el dato usando una \"clave\" única\nprovide('app-name-key', nombreApp)\n\u003C/script>\n\n\u003Ctemplate>\n \u003CHijo />\n\u003C/template>\n",[308,381],[16,46496,46497,46507,46519,46531,46535,46553,46557,46562,46576,46584,46588,46596,46605],{"__ignoreMap":273},[277,46498,46499,46501,46503,46505],{"class":279,"line":280},[277,46500,284],{"class":283},[277,46502,288],{"class":287},[277,46504,292],{"class":291},[277,46506,305],{"class":283},[277,46508,46510,46512,46515,46517],{"class":46509,"line":308},[279,9398],[277,46511,312],{"class":311},[277,46513,46514],{"class":283}," { ref, provide } ",[277,46516,318],{"class":311},[277,46518,321],{"class":301},[277,46520,46521,46523,46526,46528],{"class":279,"line":324},[277,46522,312],{"class":311},[277,46524,46525],{"class":283}," Hijo ",[277,46527,318],{"class":311},[277,46529,46530],{"class":301}," './Hijo.vue'\n",[277,46532,46533],{"class":279,"line":331},[277,46534,328],{"emptyLinePlaceholder":327},[277,46536,46537,46539,46542,46544,46546,46548,46551],{"class":279,"line":346},[277,46538,405],{"class":311},[277,46540,46541],{"class":356}," nombreApp",[277,46543,340],{"class":311},[277,46545,413],{"class":291},[277,46547,448],{"class":283},[277,46549,46550],{"class":301},"'TODOvue'",[277,46552,433],{"class":283},[277,46554,46555],{"class":279,"line":360},[277,46556,328],{"emptyLinePlaceholder":327},[277,46558,46559],{"class":279,"line":371},[277,46560,46561],{"class":12741},"// Provee el dato usando una \"clave\" única\n",[277,46563,46565,46568,46570,46573],{"class":46564,"line":381},[279,9398],[277,46566,46567],{"class":291},"provide",[277,46569,448],{"class":283},[277,46571,46572],{"class":301},"'app-name-key'",[277,46574,46575],{"class":283},", nombreApp)\n",[277,46577,46578,46580,46582],{"class":279,"line":391},[277,46579,785],{"class":283},[277,46581,288],{"class":287},[277,46583,305],{"class":283},[277,46585,46586],{"class":279,"line":397},[277,46587,328],{"emptyLinePlaceholder":327},[277,46589,46590,46592,46594],{"class":279,"line":402},[277,46591,284],{"class":283},[277,46593,802],{"class":287},[277,46595,305],{"class":283},[277,46597,46598,46600,46603],{"class":279,"line":436},[277,46599,810],{"class":283},[277,46601,46602],{"class":287},"Hijo",[277,46604,4325],{"class":283},[277,46606,46607,46609,46611],{"class":279,"line":456},[277,46608,785],{"class":283},[277,46610,802],{"class":287},[277,46612,305],{"class":283},[267,46614,46617],{"className":269,"code":46615,"filename":971,"highlights":46616,"language":272,"meta":273,"style":273},"\u003Cscript>\nexport default {\n provide: {\n nombreApp : 'TODOvue'\n }\n}\n\u003C/script>\n\n\u003Ctemplate>\n \u003CHijo />\n\u003C/template>\n",[324],[16,46618,46619,46627,46635,46641,46649,46653,46657,46665,46669,46677,46685],{"__ignoreMap":273},[277,46620,46621,46623,46625],{"class":279,"line":280},[277,46622,284],{"class":283},[277,46624,288],{"class":287},[277,46626,305],{"class":283},[277,46628,46629,46631,46633],{"class":279,"line":308},[277,46630,1057],{"class":311},[277,46632,1060],{"class":311},[277,46634,343],{"class":283},[277,46636,46638],{"class":46637,"line":324},[279,9398],[277,46639,46640],{"class":283}," provide: {\n",[277,46642,46643,46646],{"class":279,"line":331},[277,46644,46645],{"class":283}," nombreApp : ",[277,46647,46648],{"class":301},"'TODOvue'\n",[277,46650,46651],{"class":279,"line":346},[277,46652,542],{"class":283},[277,46654,46655],{"class":279,"line":360},[277,46656,394],{"class":283},[277,46658,46659,46661,46663],{"class":279,"line":371},[277,46660,785],{"class":283},[277,46662,288],{"class":287},[277,46664,305],{"class":283},[277,46666,46667],{"class":279,"line":381},[277,46668,328],{"emptyLinePlaceholder":327},[277,46670,46671,46673,46675],{"class":279,"line":391},[277,46672,284],{"class":283},[277,46674,802],{"class":287},[277,46676,305],{"class":283},[277,46678,46679,46681,46683],{"class":279,"line":397},[277,46680,810],{"class":283},[277,46682,46602],{"class":287},[277,46684,4325],{"class":283},[277,46686,46687,46689,46691],{"class":279,"line":402},[277,46688,785],{"class":283},[277,46690,802],{"class":287},[277,46692,305],{"class":283},[23924,46694,46696],{"id":46695},"componente-receptor-nieto",[72,46697,46698],{},"Componente Receptor (Nieto):",[267,46700,46703],{"className":269,"code":46701,"filename":271,"highlights":46702,"language":272,"meta":273,"style":273},"\u003Cscript setup>\nimport { inject } from 'vue'\n\n// \"Atrapa\" el dato usando la misma clave definida en el ancestro\nconst nombreApp = inject('app-name-key')\n\u003C/script>\n\n\u003Ctemplate>\n \u003Ch1>{{ nombreApp }}\u003C/h1>\n\u003C/template>\n",[308,346],[16,46704,46705,46715,46727,46731,46736,46754,46762,46766,46774,46787],{"__ignoreMap":273},[277,46706,46707,46709,46711,46713],{"class":279,"line":280},[277,46708,284],{"class":283},[277,46710,288],{"class":287},[277,46712,292],{"class":291},[277,46714,305],{"class":283},[277,46716,46718,46720,46723,46725],{"class":46717,"line":308},[279,9398],[277,46719,312],{"class":311},[277,46721,46722],{"class":283}," { inject } ",[277,46724,318],{"class":311},[277,46726,321],{"class":301},[277,46728,46729],{"class":279,"line":324},[277,46730,328],{"emptyLinePlaceholder":327},[277,46732,46733],{"class":279,"line":331},[277,46734,46735],{"class":12741},"// \"Atrapa\" el dato usando la misma clave definida en el ancestro\n",[277,46737,46739,46741,46743,46745,46748,46750,46752],{"class":46738,"line":346},[279,9398],[277,46740,405],{"class":311},[277,46742,46541],{"class":356},[277,46744,340],{"class":311},[277,46746,46747],{"class":291}," inject",[277,46749,448],{"class":283},[277,46751,46572],{"class":301},[277,46753,433],{"class":283},[277,46755,46756,46758,46760],{"class":279,"line":360},[277,46757,785],{"class":283},[277,46759,288],{"class":287},[277,46761,305],{"class":283},[277,46763,46764],{"class":279,"line":371},[277,46765,328],{"emptyLinePlaceholder":327},[277,46767,46768,46770,46772],{"class":279,"line":381},[277,46769,284],{"class":283},[277,46771,802],{"class":287},[277,46773,305],{"class":283},[277,46775,46776,46778,46780,46783,46785],{"class":279,"line":391},[277,46777,810],{"class":283},[277,46779,11],{"class":287},[277,46781,46782],{"class":283},">{{ nombreApp }}\u003C/",[277,46784,11],{"class":287},[277,46786,305],{"class":283},[277,46788,46789,46791,46793],{"class":279,"line":397},[277,46790,785],{"class":283},[277,46792,802],{"class":287},[277,46794,305],{"class":283},[267,46796,46799],{"className":269,"code":46797,"filename":971,"highlights":46798,"language":272,"meta":273,"style":273},"\u003Cscript>\nexport default {\n inject: ['nombreApp'],\n}\n\u003C/script>\n\n\u003Ctemplate>\n \u003Ch1>{{ nombreApp }}\u003C/h1>\n\u003C/template>\n",[324],[16,46800,46801,46809,46817,46828,46832,46840,46844,46852,46864],{"__ignoreMap":273},[277,46802,46803,46805,46807],{"class":279,"line":280},[277,46804,284],{"class":283},[277,46806,288],{"class":287},[277,46808,305],{"class":283},[277,46810,46811,46813,46815],{"class":279,"line":308},[277,46812,1057],{"class":311},[277,46814,1060],{"class":311},[277,46816,343],{"class":283},[277,46818,46820,46823,46826],{"class":46819,"line":324},[279,9398],[277,46821,46822],{"class":283}," inject: [",[277,46824,46825],{"class":301},"'nombreApp'",[277,46827,30180],{"class":283},[277,46829,46830],{"class":279,"line":331},[277,46831,394],{"class":283},[277,46833,46834,46836,46838],{"class":279,"line":346},[277,46835,785],{"class":283},[277,46837,288],{"class":287},[277,46839,305],{"class":283},[277,46841,46842],{"class":279,"line":360},[277,46843,328],{"emptyLinePlaceholder":327},[277,46845,46846,46848,46850],{"class":279,"line":371},[277,46847,284],{"class":283},[277,46849,802],{"class":287},[277,46851,305],{"class":283},[277,46853,46854,46856,46858,46860,46862],{"class":279,"line":381},[277,46855,810],{"class":283},[277,46857,11],{"class":287},[277,46859,46782],{"class":283},[277,46861,11],{"class":287},[277,46863,305],{"class":283},[277,46865,46866,46868,46870],{"class":279,"line":391},[277,46867,785],{"class":283},[277,46869,802],{"class":287},[277,46871,305],{"class":283},[30,46873,46875],{"id":46874},"el-reto-de-la-reactividad-y-la-seguridad","El reto de la reactividad y la seguridad",[21,46877,46878,46879,9178,46881,46883,46884,46888],{},"Para que los cambios en el dato fluyan correctamente, debemos pasar un ",[16,46880,1927],{},[16,46882,12319],{},". Si quieres profundizar más sobre cómo funciona la reactividad en Vue 3, puedes consultar nuestra entrada ",[13178,46885,46887],{"href":46886},"/blog/vue-reactivity-explained.es/","¿Qué es la reactividad? La magia detrás de Vue.js explicada con claridad",". Sin embargo, esto introduce un riesgo: un componente hijo podría intentar modificar el valor directamente.",[267,46890,46893],{"className":46114,"code":46891,"filename":46892,"language":46118,"meta":273,"style":273},"// ¡Peligro! Modificar el estado desde un hijo dificulta la depuración\nidioma.value = 'en'\n","inject-example.js",[16,46894,46895,46900],{"__ignoreMap":273},[277,46896,46897],{"class":279,"line":280},[277,46898,46899],{"class":12741},"// ¡Peligro! Modificar el estado desde un hijo dificulta la depuración\n",[277,46901,46902,46905,46907],{"class":279,"line":308},[277,46903,46904],{"class":283},"idioma.value ",[277,46906,298],{"class":311},[277,46908,46909],{"class":301}," 'en'\n",[21,46911,46912,46913,46916,46917,353],{},"Si cualquier componente puede alterar el estado inyectado, perdemos el rastro de ",[72,46914,46915],{},"quién, cuándo y por qué"," cambió el dato. Para solucionar esto, aplicamos el patrón de ",[72,46918,46919],{},"Inyección de Solo Lectura",[10089,46921,46922,46932],{},[41,46923,46924,46927,46928,46931],{},[72,46925,46926],{},"El dato:"," Se protege con ",[16,46929,46930],{},"readonly()"," para evitar modificaciones accidentales.",[41,46933,46934,46937],{},[72,46935,46936],{},"La función:"," Se provee una función específica para realizar el cambio, centralizando la lógica en el ancestro.",[30,46939,46941,46942],{"id":46940},"ejemplo-de-uso-correcto-con-readonly","Ejemplo de uso correcto con ",[16,46943,46944],{},"readonly",[23924,46946,46948],{"id":46947},"componente-emisor-abuelo-1",[72,46949,46490],{},[267,46951,46954],{"className":269,"code":46952,"filename":271,"highlights":46953,"language":272,"meta":273,"style":273},"\u003Cscript setup>\nimport { ref, provide, readonly } from 'vue'\n\nconst idioma = ref('es')\nconst cambiarIdioma = (nuevo) => {\n idioma.value = nuevo\n}\n\nprovide('config-idioma', {\n idioma: readonly(idioma), // Protegemos el estado\n cambiarIdioma // Exponemos la vía de modificación\n})\n\u003C/script>\n",[397],[16,46955,46956,46966,46977,46981,46999,47019,47029,47033,47037,47048,47062,47070,47074],{"__ignoreMap":273},[277,46957,46958,46960,46962,46964],{"class":279,"line":280},[277,46959,284],{"class":283},[277,46961,288],{"class":287},[277,46963,292],{"class":291},[277,46965,305],{"class":283},[277,46967,46968,46970,46973,46975],{"class":279,"line":308},[277,46969,312],{"class":311},[277,46971,46972],{"class":283}," { ref, provide, readonly } ",[277,46974,318],{"class":311},[277,46976,321],{"class":301},[277,46978,46979],{"class":279,"line":324},[277,46980,328],{"emptyLinePlaceholder":327},[277,46982,46983,46985,46988,46990,46992,46994,46997],{"class":279,"line":331},[277,46984,405],{"class":311},[277,46986,46987],{"class":356}," idioma",[277,46989,340],{"class":311},[277,46991,413],{"class":291},[277,46993,448],{"class":283},[277,46995,46996],{"class":301},"'es'",[277,46998,433],{"class":283},[277,47000,47001,47003,47006,47008,47010,47013,47015,47017],{"class":279,"line":346},[277,47002,405],{"class":311},[277,47004,47005],{"class":291}," cambiarIdioma",[277,47007,340],{"class":311},[277,47009,511],{"class":283},[277,47011,47012],{"class":349},"nuevo",[277,47014,2340],{"class":283},[277,47016,601],{"class":311},[277,47018,343],{"class":283},[277,47020,47021,47024,47026],{"class":279,"line":360},[277,47022,47023],{"class":283}," idioma.value ",[277,47025,298],{"class":311},[277,47027,47028],{"class":283}," nuevo\n",[277,47030,47031],{"class":279,"line":371},[277,47032,394],{"class":283},[277,47034,47035],{"class":279,"line":381},[277,47036,328],{"emptyLinePlaceholder":327},[277,47038,47039,47041,47043,47046],{"class":279,"line":391},[277,47040,46567],{"class":291},[277,47042,448],{"class":283},[277,47044,47045],{"class":301},"'config-idioma'",[277,47047,2360],{"class":283},[277,47049,47051,47054,47056,47059],{"class":47050,"line":397},[279,9398],[277,47052,47053],{"class":283}," idioma: ",[277,47055,46944],{"class":291},[277,47057,47058],{"class":283},"(idioma), ",[277,47060,47061],{"class":12741},"// Protegemos el estado\n",[277,47063,47064,47067],{"class":279,"line":402},[277,47065,47066],{"class":283}," cambiarIdioma ",[277,47068,47069],{"class":12741},"// Exponemos la vía de modificación\n",[277,47071,47072],{"class":279,"line":436},[277,47073,676],{"class":283},[277,47075,47076,47078,47080],{"class":279,"line":456},[277,47077,785],{"class":283},[277,47079,288],{"class":287},[277,47081,305],{"class":283},[267,47083,47086],{"className":269,"code":47084,"filename":971,"highlights":47085,"language":272,"meta":273,"style":273},"\u003Cscript>\nimport { computed } from 'vue'\n\nexport default {\n data() {\n return {\n idioma: 'es'\n }\n },\n methods: {\n cambiarIdioma(nuevo) {\n this.idioma = nuevo\n }\n },\n provide() {\n return {\n // IMPORTANTE: En Options API, 'provide' se evalúa una sola vez.\n // Para mantener reactividad, envolvemos el valor con computed()\n // que crea una función getter que Vue reevalúa automáticamente\n 'config-idioma': {\n // Usamos computed para que el hijo vea los cambios de this.idioma\n idioma: computed(() => this.idioma),\n cambiarIdioma: this.cambiarIdioma\n }\n }\n }\n}\n\u003C/script>\n",[583],[16,47087,47088,47096,47107,47111,47119,47125,47131,47139,47143,47147,47151,47162,47173,47177,47181,47188,47194,47199,47204,47209,47217,47222,47238,47249,47253,47257,47261,47265],{"__ignoreMap":273},[277,47089,47090,47092,47094],{"class":279,"line":280},[277,47091,284],{"class":283},[277,47093,288],{"class":287},[277,47095,305],{"class":283},[277,47097,47098,47100,47103,47105],{"class":279,"line":308},[277,47099,312],{"class":311},[277,47101,47102],{"class":283}," { computed } ",[277,47104,318],{"class":311},[277,47106,321],{"class":301},[277,47108,47109],{"class":279,"line":324},[277,47110,328],{"emptyLinePlaceholder":327},[277,47112,47113,47115,47117],{"class":279,"line":331},[277,47114,1057],{"class":311},[277,47116,1060],{"class":311},[277,47118,343],{"class":283},[277,47120,47121,47123],{"class":279,"line":346},[277,47122,1086],{"class":291},[277,47124,473],{"class":283},[277,47126,47127,47129],{"class":279,"line":360},[277,47128,1093],{"class":311},[277,47130,343],{"class":283},[277,47132,47133,47136],{"class":279,"line":371},[277,47134,47135],{"class":283}," idioma: ",[277,47137,47138],{"class":301},"'es'\n",[277,47140,47141],{"class":279,"line":381},[277,47142,1126],{"class":283},[277,47144,47145],{"class":279,"line":391},[277,47146,1131],{"class":283},[277,47148,47149],{"class":279,"line":397},[277,47150,45871],{"class":283},[277,47152,47153,47156,47158,47160],{"class":279,"line":402},[277,47154,47155],{"class":291}," cambiarIdioma",[277,47157,448],{"class":283},[277,47159,47012],{"class":349},[277,47161,2476],{"class":283},[277,47163,47164,47166,47169,47171],{"class":279,"line":436},[277,47165,8819],{"class":356},[277,47167,47168],{"class":283},".idioma ",[277,47170,298],{"class":311},[277,47172,47028],{"class":283},[277,47174,47175],{"class":279,"line":456},[277,47176,1203],{"class":283},[277,47178,47179],{"class":279,"line":461},[277,47180,1131],{"class":283},[277,47182,47183,47186],{"class":279,"line":476},[277,47184,47185],{"class":291}," provide",[277,47187,473],{"class":283},[277,47189,47190,47192],{"class":279,"line":500},[277,47191,1093],{"class":311},[277,47193,343],{"class":283},[277,47195,47196],{"class":279,"line":505},[277,47197,47198],{"class":12741}," // IMPORTANTE: En Options API, 'provide' se evalúa una sola vez.\n",[277,47200,47201],{"class":279,"line":520},[277,47202,47203],{"class":12741}," // Para mantener reactividad, envolvemos el valor con computed()\n",[277,47205,47206],{"class":279,"line":539},[277,47207,47208],{"class":12741}," // que crea una función getter que Vue reevalúa automáticamente\n",[277,47210,47211,47214],{"class":279,"line":545},[277,47212,47213],{"class":301}," 'config-idioma'",[277,47215,47216],{"class":283},": {\n",[277,47218,47219],{"class":279,"line":550},[277,47220,47221],{"class":12741}," // Usamos computed para que el hijo vea los cambios de this.idioma\n",[277,47223,47224,47227,47229,47231,47233,47235],{"class":279,"line":578},[277,47225,47226],{"class":283}," idioma: ",[277,47228,1732],{"class":291},[277,47230,2203],{"class":283},[277,47232,601],{"class":311},[277,47234,1268],{"class":356},[277,47236,47237],{"class":283},".idioma),\n",[277,47239,47241,47244,47246],{"class":47240,"line":583},[279,9398],[277,47242,47243],{"class":283}," cambiarIdioma: ",[277,47245,1341],{"class":356},[277,47247,47248],{"class":283},".cambiarIdioma\n",[277,47250,47251],{"class":279,"line":588},[277,47252,1203],{"class":283},[277,47254,47255],{"class":279,"line":606},[277,47256,1126],{"class":283},[277,47258,47259],{"class":279,"line":614},[277,47260,542],{"class":283},[277,47262,47263],{"class":279,"line":625},[277,47264,394],{"class":283},[277,47266,47267,47269,47271],{"class":279,"line":637},[277,47268,785],{"class":283},[277,47270,288],{"class":287},[277,47272,305],{"class":283},[23924,47274,47276],{"id":47275},"componente-receptor-nieto-1",[72,47277,46698],{},[267,47279,47282],{"className":269,"code":47280,"filename":271,"highlights":47281,"language":272,"meta":273,"style":273},"\u003Cscript setup>\nimport { inject } from 'vue'\n\nconst { idioma, cambiarIdioma } = inject('config-idioma')\n\u003C/script>\n\n\u003Ctemplate>\n \u003Cdiv>\n \u003Cp>Idioma actual: {{ idioma }}\u003C/p>\n \u003Cbutton @click=\"cambiarIdioma('en')\">Cambiar a Inglés\u003C/button>\n \u003C/div>\n\u003C/template>\n",[331],[16,47283,47284,47294,47304,47308,47335,47343,47347,47355,47363,47376,47396,47404],{"__ignoreMap":273},[277,47285,47286,47288,47290,47292],{"class":279,"line":280},[277,47287,284],{"class":283},[277,47289,288],{"class":287},[277,47291,292],{"class":291},[277,47293,305],{"class":283},[277,47295,47296,47298,47300,47302],{"class":279,"line":308},[277,47297,312],{"class":311},[277,47299,46722],{"class":283},[277,47301,318],{"class":311},[277,47303,321],{"class":301},[277,47305,47306],{"class":279,"line":324},[277,47307,328],{"emptyLinePlaceholder":327},[277,47309,47311,47313,47315,47318,47320,47323,47325,47327,47329,47331,47333],{"class":47310,"line":331},[279,9398],[277,47312,405],{"class":311},[277,47314,5995],{"class":283},[277,47316,47317],{"class":356},"idioma",[277,47319,225],{"class":283},[277,47321,47322],{"class":356},"cambiarIdioma",[277,47324,17506],{"class":283},[277,47326,298],{"class":311},[277,47328,46747],{"class":291},[277,47330,448],{"class":283},[277,47332,47045],{"class":301},[277,47334,433],{"class":283},[277,47336,47337,47339,47341],{"class":279,"line":346},[277,47338,785],{"class":283},[277,47340,288],{"class":287},[277,47342,305],{"class":283},[277,47344,47345],{"class":279,"line":360},[277,47346,328],{"emptyLinePlaceholder":327},[277,47348,47349,47351,47353],{"class":279,"line":371},[277,47350,284],{"class":283},[277,47352,802],{"class":287},[277,47354,305],{"class":283},[277,47356,47357,47359,47361],{"class":279,"line":381},[277,47358,810],{"class":283},[277,47360,4201],{"class":287},[277,47362,305],{"class":283},[277,47364,47365,47367,47369,47372,47374],{"class":279,"line":391},[277,47366,829],{"class":283},[277,47368,21],{"class":287},[277,47370,47371],{"class":283},">Idioma actual: {{ idioma }}\u003C/",[277,47373,21],{"class":287},[277,47375,305],{"class":283},[277,47377,47378,47380,47382,47384,47386,47389,47392,47394],{"class":279,"line":397},[277,47379,829],{"class":283},[277,47381,4267],{"class":287},[277,47383,4278],{"class":291},[277,47385,298],{"class":283},[277,47387,47388],{"class":301},"\"cambiarIdioma('en')\"",[277,47390,47391],{"class":283},">Cambiar a Inglés\u003C/",[277,47393,4267],{"class":287},[277,47395,305],{"class":283},[277,47397,47398,47400,47402],{"class":279,"line":402},[277,47399,954],{"class":283},[277,47401,4201],{"class":287},[277,47403,305],{"class":283},[277,47405,47406,47408,47410],{"class":279,"line":436},[277,47407,785],{"class":283},[277,47409,802],{"class":287},[277,47411,305],{"class":283},[267,47413,47416],{"className":269,"code":47414,"filename":971,"highlights":47415,"language":272,"meta":273,"style":273},"\u003Cscript>\nexport default {\n inject: {\n configIdioma: {\n from: 'config-idioma',\n default: () => ({\n idioma: { value: 'es' },\n cambiarIdioma: () => {}\n })\n }\n },\n computed: {\n idiomaActual() {\n return this.configIdioma.idioma.value\n }\n },\n methods: {\n cambiarAIngles() {\n this.configIdioma.cambiarIdioma('en')\n }\n }\n}\n\u003C/script>\n\n\u003Ctemplate>\n \u003Cdiv>\n \u003Cp>Idioma actual: {{ idiomaActual }}\u003C/p>\n \u003Cbutton @click=\"cambiarAIngles\">Cambiar a Inglés\u003C/button>\n \u003C/div>\n\u003C/template>\n",[371,461],[16,47417,47418,47426,47434,47439,47444,47453,47464,47474,47485,47489,47493,47497,47501,47508,47518,47522,47526,47530,47537,47553,47557,47561,47565,47573,47577,47585,47593,47606,47625,47633],{"__ignoreMap":273},[277,47419,47420,47422,47424],{"class":279,"line":280},[277,47421,284],{"class":283},[277,47423,288],{"class":287},[277,47425,305],{"class":283},[277,47427,47428,47430,47432],{"class":279,"line":308},[277,47429,1057],{"class":311},[277,47431,1060],{"class":311},[277,47433,343],{"class":283},[277,47435,47436],{"class":279,"line":324},[277,47437,47438],{"class":283}," inject: {\n",[277,47440,47441],{"class":279,"line":331},[277,47442,47443],{"class":283}," configIdioma: {\n",[277,47445,47446,47449,47451],{"class":279,"line":346},[277,47447,47448],{"class":283}," from: ",[277,47450,47045],{"class":301},[277,47452,1077],{"class":283},[277,47454,47455,47458,47460,47462],{"class":279,"line":360},[277,47456,47457],{"class":291}," default",[277,47459,3790],{"class":283},[277,47461,601],{"class":311},[277,47463,36126],{"class":283},[277,47465,47467,47470,47472],{"class":47466,"line":371},[279,9398],[277,47468,47469],{"class":283}," idioma: { value: ",[277,47471,46996],{"class":301},[277,47473,2132],{"class":283},[277,47475,47476,47479,47481,47483],{"class":279,"line":381},[277,47477,47478],{"class":291}," cambiarIdioma",[277,47480,3790],{"class":283},[277,47482,601],{"class":311},[277,47484,45181],{"class":283},[277,47486,47487],{"class":279,"line":391},[277,47488,2853],{"class":283},[277,47490,47491],{"class":279,"line":397},[277,47492,1126],{"class":283},[277,47494,47495],{"class":279,"line":402},[277,47496,1131],{"class":283},[277,47498,47499],{"class":279,"line":436},[277,47500,2742],{"class":283},[277,47502,47503,47506],{"class":279,"line":456},[277,47504,47505],{"class":291}," idiomaActual",[277,47507,473],{"class":283},[277,47509,47511,47513,47515],{"class":47510,"line":461},[279,9398],[277,47512,2754],{"class":311},[277,47514,1268],{"class":356},[277,47516,47517],{"class":283},".configIdioma.idioma.value\n",[277,47519,47520],{"class":279,"line":476},[277,47521,1126],{"class":283},[277,47523,47524],{"class":279,"line":500},[277,47525,1131],{"class":283},[277,47527,47528],{"class":279,"line":505},[277,47529,1140],{"class":283},[277,47531,47532,47535],{"class":279,"line":520},[277,47533,47534],{"class":291}," cambiarAIngles",[277,47536,473],{"class":283},[277,47538,47539,47541,47544,47546,47548,47551],{"class":279,"line":539},[277,47540,1212],{"class":356},[277,47542,47543],{"class":283},".configIdioma.",[277,47545,47322],{"class":291},[277,47547,448],{"class":283},[277,47549,47550],{"class":301},"'en'",[277,47552,433],{"class":283},[277,47554,47555],{"class":279,"line":545},[277,47556,1126],{"class":283},[277,47558,47559],{"class":279,"line":550},[277,47560,542],{"class":283},[277,47562,47563],{"class":279,"line":578},[277,47564,394],{"class":283},[277,47566,47567,47569,47571],{"class":279,"line":583},[277,47568,785],{"class":283},[277,47570,288],{"class":287},[277,47572,305],{"class":283},[277,47574,47575],{"class":279,"line":588},[277,47576,328],{"emptyLinePlaceholder":327},[277,47578,47579,47581,47583],{"class":279,"line":606},[277,47580,284],{"class":283},[277,47582,802],{"class":287},[277,47584,305],{"class":283},[277,47586,47587,47589,47591],{"class":279,"line":614},[277,47588,810],{"class":283},[277,47590,4201],{"class":287},[277,47592,305],{"class":283},[277,47594,47595,47597,47599,47602,47604],{"class":279,"line":625},[277,47596,829],{"class":283},[277,47598,21],{"class":287},[277,47600,47601],{"class":283},">Idioma actual: {{ idiomaActual }}\u003C/",[277,47603,21],{"class":287},[277,47605,305],{"class":283},[277,47607,47608,47610,47612,47614,47616,47619,47621,47623],{"class":279,"line":637},[277,47609,829],{"class":283},[277,47611,4267],{"class":287},[277,47613,4278],{"class":291},[277,47615,298],{"class":283},[277,47617,47618],{"class":301},"\"cambiarAIngles\"",[277,47620,47391],{"class":283},[277,47622,4267],{"class":287},[277,47624,305],{"class":283},[277,47626,47627,47629,47631],{"class":279,"line":646},[277,47628,954],{"class":283},[277,47630,4201],{"class":287},[277,47632,305],{"class":283},[277,47634,47635,47637,47639],{"class":279,"line":668},[277,47636,785],{"class":283},[277,47638,802],{"class":287},[277,47640,305],{"class":283},[30,47642,47644],{"id":47643},"manejo-de-valores-por-defecto","Manejo de valores por defecto",[21,47646,47647,47648,47651],{},"Para hacer tus componentes más robustos, puedes definir un valor por defecto en el ",[16,47649,47650],{},"inject",". Si el componente se usa fuera de un árbol que provea la clave, evitarás errores de ejecución:",[267,47653,47657],{"className":46114,"code":47654,"filename":47655,"highlights":47656,"language":46118,"meta":273,"style":273},"// Si no encuentra 'user-data', usará el objeto por defecto\nconst usuario = inject('user-data', { nombre: 'Invitado', premium: false })\n","inject-default.js",[308],[16,47658,47659,47664],{"__ignoreMap":273},[277,47660,47661],{"class":279,"line":280},[277,47662,47663],{"class":12741},"// Si no encuentra 'user-data', usará el objeto por defecto\n",[277,47665,47667,47669,47672,47674,47676,47678,47681,47684,47687,47690,47692],{"class":47666,"line":308},[279,9398],[277,47668,405],{"class":311},[277,47670,47671],{"class":356}," usuario",[277,47673,340],{"class":311},[277,47675,46747],{"class":291},[277,47677,448],{"class":283},[277,47679,47680],{"class":301},"'user-data'",[277,47682,47683],{"class":283},", { nombre: ",[277,47685,47686],{"class":301},"'Invitado'",[277,47688,47689],{"class":283},", premium: ",[277,47691,2123],{"class":356},[277,47693,16886],{"class":283},[30,47695,47697],{"id":47696},"provideinject-a-nivel-de-aplicación","Provide/Inject a nivel de aplicación",[21,47699,47700],{},"Además de usarlo entre componentes, puedes definir valores globales directamente en la instancia de la aplicación. Esto es útil para:",[38,47702,47703,47706,47709],{},[41,47704,47705],{},"Configuración de la aplicación (URL de API, claves de servicios)",[41,47707,47708],{},"Temas o preferencias globales",[41,47710,47711],{},"Plugins o utilidades compartidas",[23924,47713,47715],{"id":47714},"implementación",[72,47716,47717],{},"Implementación:",[267,47719,47722],{"className":46114,"code":47720,"filename":19438,"highlights":47721,"language":46118,"meta":273,"style":273},"import { createApp } from 'vue'\nimport App from './App.vue'\n\nconst app = createApp(App)\n\n// Provee valores globales disponibles en toda la aplicación\napp.provide('api-url', 'https://api.ejemplo.com')\napp.provide('theme', 'dark')\napp.provide('analytics', {\n trackEvent: (eventName) => {\n console.log(`Evento: ${eventName}`)\n }\n})\n\napp.mount('#app')\n",[371,381],[16,47723,47724,47734,47744,47748,47760,47764,47769,47788,47807,47820,47837,47854,47858,47862,47866],{"__ignoreMap":273},[277,47725,47726,47728,47730,47732],{"class":279,"line":280},[277,47727,312],{"class":311},[277,47729,45405],{"class":283},[277,47731,318],{"class":311},[277,47733,321],{"class":301},[277,47735,47736,47738,47740,47742],{"class":279,"line":308},[277,47737,312],{"class":311},[277,47739,45416],{"class":283},[277,47741,318],{"class":311},[277,47743,45421],{"class":301},[277,47745,47746],{"class":279,"line":324},[277,47747,328],{"emptyLinePlaceholder":327},[277,47749,47750,47752,47754,47756,47758],{"class":279,"line":331},[277,47751,405],{"class":311},[277,47753,45428],{"class":356},[277,47755,340],{"class":311},[277,47757,45433],{"class":291},[277,47759,45436],{"class":283},[277,47761,47762],{"class":279,"line":346},[277,47763,328],{"emptyLinePlaceholder":327},[277,47765,47766],{"class":279,"line":360},[277,47767,47768],{"class":12741},"// Provee valores globales disponibles en toda la aplicación\n",[277,47770,47772,47774,47776,47778,47781,47783,47786],{"class":47771,"line":371},[279,9398],[277,47773,45442],{"class":283},[277,47775,46567],{"class":291},[277,47777,448],{"class":283},[277,47779,47780],{"class":301},"'api-url'",[277,47782,225],{"class":283},[277,47784,47785],{"class":301},"'https://api.ejemplo.com'",[277,47787,433],{"class":283},[277,47789,47791,47793,47795,47797,47800,47802,47805],{"class":47790,"line":381},[279,9398],[277,47792,45442],{"class":283},[277,47794,46567],{"class":291},[277,47796,448],{"class":283},[277,47798,47799],{"class":301},"'theme'",[277,47801,225],{"class":283},[277,47803,47804],{"class":301},"'dark'",[277,47806,433],{"class":283},[277,47808,47809,47811,47813,47815,47818],{"class":279,"line":391},[277,47810,45442],{"class":283},[277,47812,46567],{"class":291},[277,47814,448],{"class":283},[277,47816,47817],{"class":301},"'analytics'",[277,47819,2360],{"class":283},[277,47821,47822,47825,47828,47831,47833,47835],{"class":279,"line":397},[277,47823,47824],{"class":291}," trackEvent",[277,47826,47827],{"class":283},": (",[277,47829,47830],{"class":349},"eventName",[277,47832,2340],{"class":283},[277,47834,601],{"class":311},[277,47836,343],{"class":283},[277,47838,47839,47841,47843,47845,47848,47850,47852],{"class":279,"line":402},[277,47840,2881],{"class":283},[277,47842,2352],{"class":291},[277,47844,448],{"class":283},[277,47846,47847],{"class":301},"`Evento: ${",[277,47849,47830],{"class":283},[277,47851,3888],{"class":301},[277,47853,433],{"class":283},[277,47855,47856],{"class":279,"line":436},[277,47857,542],{"class":283},[277,47859,47860],{"class":279,"line":456},[277,47861,676],{"class":283},[277,47863,47864],{"class":279,"line":461},[277,47865,328],{"emptyLinePlaceholder":327},[277,47867,47868,47870,47873,47875,47878],{"class":279,"line":476},[277,47869,45442],{"class":283},[277,47871,47872],{"class":291},"mount",[277,47874,448],{"class":283},[277,47876,47877],{"class":301},"'#app'",[277,47879,433],{"class":283},[23924,47881,47883],{"id":47882},"consumiendo-en-cualquier-componente",[72,47884,47885],{},"Consumiendo en cualquier componente:",[267,47887,47891],{"className":269,"code":47888,"filename":47889,"highlights":47890,"language":272,"meta":273,"style":273},"\u003Cscript setup>\nimport { inject } from 'vue'\n\nconst apiUrl = inject('api-url')\nconst theme = inject('theme')\nconst analytics = inject('analytics')\n\nconst handleClick = () => {\n analytics.trackEvent('button-click')\n}\n\u003C/script>\n\n\u003Ctemplate>\n \u003Cdiv :class=\"`theme-${theme}`\">\n \u003Cp>API Base: {{ apiUrl }}\u003C/p>\n \u003Cbutton @click=\"handleClick\">Hacer clic\u003C/button>\n \u003C/div>\n\u003C/template>\n","SomeComponent.vue",[331,346],[16,47892,47893,47903,47913,47917,47935,47953,47970,47974,47989,48004,48008,48016,48020,48028,48043,48056,48076,48084],{"__ignoreMap":273},[277,47894,47895,47897,47899,47901],{"class":279,"line":280},[277,47896,284],{"class":283},[277,47898,288],{"class":287},[277,47900,292],{"class":291},[277,47902,305],{"class":283},[277,47904,47905,47907,47909,47911],{"class":279,"line":308},[277,47906,312],{"class":311},[277,47908,46722],{"class":283},[277,47910,318],{"class":311},[277,47912,321],{"class":301},[277,47914,47915],{"class":279,"line":324},[277,47916,328],{"emptyLinePlaceholder":327},[277,47918,47920,47922,47925,47927,47929,47931,47933],{"class":47919,"line":331},[279,9398],[277,47921,405],{"class":311},[277,47923,47924],{"class":356}," apiUrl",[277,47926,340],{"class":311},[277,47928,46747],{"class":291},[277,47930,448],{"class":283},[277,47932,47780],{"class":301},[277,47934,433],{"class":283},[277,47936,47938,47940,47943,47945,47947,47949,47951],{"class":47937,"line":346},[279,9398],[277,47939,405],{"class":311},[277,47941,47942],{"class":356}," theme",[277,47944,340],{"class":311},[277,47946,46747],{"class":291},[277,47948,448],{"class":283},[277,47950,47799],{"class":301},[277,47952,433],{"class":283},[277,47954,47955,47957,47960,47962,47964,47966,47968],{"class":279,"line":360},[277,47956,405],{"class":311},[277,47958,47959],{"class":356}," analytics",[277,47961,340],{"class":311},[277,47963,46747],{"class":291},[277,47965,448],{"class":283},[277,47967,47817],{"class":301},[277,47969,433],{"class":283},[277,47971,47972],{"class":279,"line":371},[277,47973,328],{"emptyLinePlaceholder":327},[277,47975,47976,47978,47981,47983,47985,47987],{"class":279,"line":381},[277,47977,405],{"class":311},[277,47979,47980],{"class":291}," handleClick",[277,47982,340],{"class":311},[277,47984,598],{"class":283},[277,47986,601],{"class":311},[277,47988,343],{"class":283},[277,47990,47991,47994,47997,47999,48002],{"class":279,"line":391},[277,47992,47993],{"class":283}," analytics.",[277,47995,47996],{"class":291},"trackEvent",[277,47998,448],{"class":283},[277,48000,48001],{"class":301},"'button-click'",[277,48003,433],{"class":283},[277,48005,48006],{"class":279,"line":397},[277,48007,394],{"class":283},[277,48009,48010,48012,48014],{"class":279,"line":402},[277,48011,785],{"class":283},[277,48013,288],{"class":287},[277,48015,305],{"class":283},[277,48017,48018],{"class":279,"line":436},[277,48019,328],{"emptyLinePlaceholder":327},[277,48021,48022,48024,48026],{"class":279,"line":456},[277,48023,284],{"class":283},[277,48025,802],{"class":287},[277,48027,305],{"class":283},[277,48029,48030,48032,48034,48036,48038,48041],{"class":279,"line":461},[277,48031,810],{"class":283},[277,48033,4201],{"class":287},[277,48035,36352],{"class":291},[277,48037,298],{"class":283},[277,48039,48040],{"class":301},"\"`theme-${theme}`\"",[277,48042,305],{"class":283},[277,48044,48045,48047,48049,48052,48054],{"class":279,"line":476},[277,48046,829],{"class":283},[277,48048,21],{"class":287},[277,48050,48051],{"class":283},">API Base: {{ apiUrl }}\u003C/",[277,48053,21],{"class":287},[277,48055,305],{"class":283},[277,48057,48058,48060,48062,48064,48066,48069,48072,48074],{"class":279,"line":500},[277,48059,829],{"class":283},[277,48061,4267],{"class":287},[277,48063,4278],{"class":291},[277,48065,298],{"class":283},[277,48067,48068],{"class":301},"\"handleClick\"",[277,48070,48071],{"class":283},">Hacer clic\u003C/",[277,48073,4267],{"class":287},[277,48075,305],{"class":283},[277,48077,48078,48080,48082],{"class":279,"line":505},[277,48079,954],{"class":283},[277,48081,4201],{"class":287},[277,48083,305],{"class":283},[277,48085,48086,48088,48090],{"class":279,"line":520},[277,48087,785],{"class":283},[277,48089,802],{"class":287},[277,48091,305],{"class":283},[23924,48093,48095],{"id":48094},"ventajas","Ventajas",[38,48097,48098,48101,48104],{},[41,48099,48100],{},"No necesitas crear un componente raíz solo para proveer valores",[41,48102,48103],{},"Ideal para configuraciones que no cambian durante la vida de la aplicación",[41,48105,48106],{},"Simplifica el testing al poder sobrescribir estos valores fácilmente",[3111,48108,48109],{},[21,48110,48111,48114,48115,104],{},[72,48112,48113],{},"Nota:"," Para valores reactivos a nivel de aplicación que cambien frecuentemente, considera usar Pinia en lugar de ",[16,48116,48117],{},"app.provide()",[30,48119,48121],{"id":48120},"bajo-el-capó-cómo-funciona","Bajo el capó: ¿Cómo funciona?",[21,48123,48124,48125,48128,48129,48132],{},"La eficiencia de ",[16,48126,48127],{},"provide/inject"," radica en que utiliza la ",[72,48130,48131],{},"cadena de prototipos"," de JavaScript.",[10089,48134,48135,48150],{},[41,48136,48137,48139,48140,48143,48144,48146,48147,104],{},[72,48138,46470],{}," Cuando un componente provee algo, Vue crea un nuevo objeto ",[16,48141,48142],{},"provides"," para ese componente que hereda del objeto ",[16,48145,48142],{}," de su padre mediante ",[16,48148,48149],{},"Object.create()",[41,48151,48152,48154],{},[72,48153,46476],{}," Vue simplemente busca la clave en el objeto. Si no está en el padre inmediato, el motor de JavaScript sube por la cadena de prototipos hasta encontrarlo o llegar al final.",[21,48156,48157],{},"Esta arquitectura permite que un hijo \"sobrescriba\" un valor para sus propios descendientes sin afectar a sus hermanos o ancestros, garantizando un aislamiento total.",[30,48159,48161],{"id":48160},"resumen-de-capacidades","Resumen de capacidades",[5392,48163,48164,48176],{},[5395,48165,48166],{},[5398,48167,48168,48170,48173],{},[5401,48169,46228],{},[5401,48171,48172],{},"Nivel Básico",[5401,48174,48175],{},"Nivel Profesional",[5414,48177,48178,48191,48207,48220],{},[5398,48179,48180,48185,48188],{},[5419,48181,48182],{},[72,48183,48184],{},"Flujo",[5419,48186,48187],{},"Pasar datos de A a B",[5419,48189,48190],{},"Arquitectura de estado jerárquico",[5398,48192,48193,48198,48201],{},[5419,48194,48195],{},[72,48196,48197],{},"Seguridad",[5419,48199,48200],{},"Datos mutables (riesgoso)",[5419,48202,48203,48204,48206],{},"Uso de ",[16,48205,46930],{}," para proteger el estado",[5398,48208,48209,48214,48217],{},[5419,48210,48211],{},[72,48212,48213],{},"Robustez",[5419,48215,48216],{},"Puede fallar si falta la clave",[5419,48218,48219],{},"Uso de valores por defecto",[5398,48221,48222,48227,48230],{},[5419,48223,48224],{},[72,48225,48226],{},"Alcance",[5419,48228,48229],{},"Entre componentes locales",[5419,48231,48232,48233],{},"Configuración global a nivel de ",[16,48234,48235],{},"app",[30,48237,48239],{"id":48238},"cuándo-no-usar-provideinject","Cuándo NO usar Provide/Inject",[38,48241,48242,48248,48254],{},[41,48243,48244,48247],{},[72,48245,48246],{},"Para estado global complejo:"," Usa Pinia o Vuex",[41,48249,48250,48253],{},[72,48251,48252],{},"Para comunicación entre hermanos:"," Usa composables o el patrón Event Bus",[41,48255,48256,48259],{},[72,48257,48258],{},"Para estado simple de 2 niveles:"," Las props son más explícitas y fáciles de seguir",[30,48261,17671],{"id":17670},[21,48263,48264,46418,48266,48268,48269,48271],{},[16,48265,46417],{},[16,48267,47650],{}," son herramientas poderosas que, usadas correctamente, eliminan el ",[72,48270,46411],{}," sin comprometer la mantenibilidad del código. La clave está en:",[10089,48273,48274,48282,48288,48294],{},[41,48275,48276,48279,48280],{},[72,48277,48278],{},"Proteger el estado"," con ",[16,48281,46930],{},[41,48283,48284,48287],{},[72,48285,48286],{},"Proveer funciones"," para modificarlo de forma controlada",[41,48289,48290,48293],{},[72,48291,48292],{},"Definir valores por defecto"," para mayor robustez",[41,48295,48296,48299],{},[72,48297,48298],{},"Usarlo en el nivel adecuado:"," componentes para estado jerárquico, Pinia para estado global complejo",[21,48301,48302],{},"Dominar este patrón te permitirá construir aplicaciones Vue más escalables y fáciles de mantener.",[1606,48304,48305],{},"html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .s9eBZ, html code.shiki .s9eBZ{--shiki-default:#22863A;--shiki-dark:#85E89D}html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .szBVR, html code.shiki .szBVR{--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}html pre.shiki code .sJ8bj, html code.shiki .sJ8bj{--shiki-default:#6A737D;--shiki-dark:#6A737D}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 .s4XuR, html code.shiki .s4XuR{--shiki-default:#E36209;--shiki-dark:#FFAB70}",{"title":273,"searchDepth":308,"depth":308,"links":48307},[48308,48309,48311,48312,48313,48315,48316,48317,48318,48319,48320],{"id":46425,"depth":308,"text":46426},{"id":46456,"depth":308,"text":48310},"La solución nativa: Provide e Inject",{"id":46480,"depth":308,"text":46481},{"id":46874,"depth":308,"text":46875},{"id":46940,"depth":308,"text":48314},"Ejemplo de uso correcto con readonly",{"id":47643,"depth":308,"text":47644},{"id":47696,"depth":308,"text":47697},{"id":48120,"depth":308,"text":48121},{"id":48160,"depth":308,"text":48161},{"id":48238,"depth":308,"text":48239},{"id":17670,"depth":308,"text":17671},"https://res.cloudinary.com/denj4fg7f/image/upload/v1769126104/vue-provide-inject-avoid-prop-drilling_pkd9s1.png","2026-01-23","Aprende a usar provide e inject en Vue.js para eliminar el Prop Drilling, gestionar la reactividad de forma segura con readonly y mejorar la arquitectura de tus componentes.",{"script":48325},[48326],{"type":1632,"key":1633,"data-nuxt-schema-org":327,"nodes":48327},[48328],{"headline":46399,"author":48329,"datePublished":48330,"@type":1640},{"name":1637,"@type":1638},"2026-01-22T23:30:00-05:00",{"updatedAt":46376,"coverCaption":48332,"author":1637,"keywords":48333},"Provide e Inject en Vue 3 por TODOvue",[1645,46417,46421,46411,271,17761],"/blog/vue-provide-inject-avoid-prop-drilling.es",[48336],{"headline":46399,"author":48337,"datePublished":48330,"@type":1640},{"name":1637,"@type":1638},{"title":46399,"description":48323},"blog/vue-provide-inject-avoid-prop-drilling.es",[48341,48344,48347,48348,48349,48350],{"tag":48342,"color":48343},"Inyección de Dependencias","#2E86DE",{"tag":48345,"color":48346},"Gestión de Estado","#FF9800",{"tag":1665,"color":1666},{"tag":46380,"color":46390},{"tag":1668,"color":1669},{"tag":45584,"color":46395},"FT4c-BeVz5R6eLwab6zTqdL2OAkKfUL-giyeASVBMeE",{"id":48353,"title":46887,"body":48354,"cover":48992,"coverAlt":48993,"date":48994,"description":48995,"draft":1627,"extension":1628,"head":48996,"locale":1641,"meta":49004,"navigation":327,"path":49007,"schemaOrg":49008,"seo":49011,"series":1656,"seriesDescription":1656,"seriesOrder":1656,"seriesTitle":1656,"slug":1656,"stem":49012,"tags":49013,"__hash__":49019},"blog/blog/vue-reactivity-explained.es.md",{"type":8,"value":48355,"toc":48978},[48356,48359,48362,48365,48369,48372,48393,48396,48404,48408,48411,48418,48430,48445,48451,48457,48460,48468,48478,48481,48544,48552,48556,48559,48579,48582,48586,48589,48607,48632,48635,48693,48697,48834,48972,48975],[11,48357,46887],{"id":48358},"qué-es-la-reactividad-la-magia-detrás-de-vuejs-explicada-con-claridad",[21,48360,48361],{},"La reactividad es el corazón de Vue.js. Es lo que hace que la interfaz no sea un adorno bonito, sino un sistema vivo que responde a los cambios de estado sin que tú tengas que perseguir el DOM como si fuera 2012.",[21,48363,48364],{},"En este artículo vamos a desmontar el concepto sin misticismo innecesario: primero con una analogía simple, luego con lo que realmente ocurre a nivel técnico, y finalmente con buenas prácticas que te ahorrarán bugs y problemas de rendimiento.",[30,48366,48368],{"id":48367},"la-analogía-el-efecto-excel","La analogía: el efecto Excel",[21,48370,48371],{},"No necesitas un doctorado en ciencias de la computación para entender la reactividad. Basta con haber usado Excel sin romper nada.",[21,48373,48374,48375,48378,48379,48382,48383,48385,48386,118,48389,48392],{},"Si en una celda ",[72,48376,48377],{},"C1"," escribes la fórmula ",[16,48380,48381],{},"=A1 + B1",", el valor de ",[72,48384,48377],{}," se actualiza automáticamente cuando cambian ",[72,48387,48388],{},"A1",[72,48390,48391],{},"B1",". No haces clic en “refrescar”, no vuelves a escribir la fórmula. Simplemente ocurre.",[21,48394,48395],{},"Eso es reactividad: una relación automática entre datos y resultados.",[3111,48397,48398],{},[21,48399,48400,48403],{},[72,48401,48402],{},"Analogía del mundo real:"," imagina una cafetera inteligente. En el momento en que detecta que hay una taza colocada, el botón de iniciar se activa. No porque alguien lo programe cada vez, sino porque el sistema está atento al estado.",[30,48405,48407],{"id":48406},"la-evolución-técnica-de-vue-2-a-vue-3","La evolución técnica: de Vue 2 a Vue 3",[21,48409,48410],{},"Vue no siempre tuvo el sistema de reactividad elegante que conocemos hoy. Entender su evolución ayuda a escribir mejor código y a no pelearse con el framework.",[192,48412,48414,48415],{"id":48413},"vue-2-objectdefineproperty","Vue 2: ",[16,48416,48417],{},"Object.defineProperty",[21,48419,48420,48421,1697,48424,48427,48428,104],{},"En Vue 2, cada propiedad reactiva se convertía en un par de ",[3292,48422,48423],{},"getters",[3292,48425,48426],{},"setters"," usando ",[16,48429,48417],{},[38,48431,48432],{},[41,48433,48434,48437,48438,48441,48442,104],{},[72,48435,48436],{},"La limitación:"," Vue tenía que recorrer el objeto completo al inicializarlo. Si añadías una propiedad nueva o modificabas un índice de un array directamente (",[16,48439,48440],{},"arr[0] = x","), Vue no se enteraba. Por eso existían soluciones como ",[16,48443,48444],{},"Vue.set()",[192,48446,48448,48449],{"id":48447},"vue-3-el-poder-de-proxy","Vue 3: el poder de ",[16,48450,16977],{},[21,48452,48453,48454,48132],{},"Vue 3 cambió completamente el enfoque usando ",[72,48455,48456],{},"Proxies",[21,48458,48459],{},"Un Proxy envuelve un objeto y puede interceptar prácticamente cualquier operación: leer, escribir, borrar o añadir propiedades.",[38,48461,48462],{},[41,48463,48464,48467],{},[72,48465,48466],{},"La ventaja:"," no importa cuándo ni cómo cambie el objeto. Vue puede detectarlo. El resultado es una reactividad más profunda, más predecible y con mejor rendimiento.",[30,48469,48471,48472,12494,48475],{"id":48470},"los-dos-pilares-ref-vs-reactive","Los dos pilares: ",[16,48473,48474],{},"ref()",[16,48476,48477],{},"reactive()",[21,48479,48480],{},"Si usas la Composition API, esta duda aparece antes de que termines tu primer café.",[5392,48482,48483,48497],{},[5395,48484,48485],{},[5398,48486,48487,48489,48493],{},[5401,48488,46228],{},[5401,48490,48491],{},[16,48492,48474],{},[5401,48494,48495],{},[16,48496,48477],{},[5414,48498,48499,48510,48522,48533],{},[5398,48500,48501,48504,48507],{},[5419,48502,48503],{},"Tipo de dato",[5419,48505,48506],{},"Primitivos y objetos",[5419,48508,48509],{},"Solo objetos y colecciones",[5398,48511,48512,48515,48519],{},[5419,48513,48514],{},"Acceso en JS",[5419,48516,48517],{},[16,48518,17076],{},[5419,48520,48521],{},"Acceso directo",[5398,48523,48524,48528,48531],{},[5419,48525,110,48526],{},[16,48527,26159],{},[5419,48529,48530],{},"Auto-desempaquetado",[5419,48532,48521],{},[5398,48534,48535,48538,48541],{},[5419,48536,48537],{},"Uso ideal",[5419,48539,48540],{},"Estados simples y aislados",[5419,48542,48543],{},"Estados complejos o anidados",[21,48545,48546,48547,48549,48550,104],{},"Regla mental rápida: si es una sola cosa, ",[16,48548,1927],{},". Si es una estructura, ",[16,48551,12319],{},[30,48553,48555],{"id":48554},"el-ciclo-interno-track-y-trigger","El ciclo interno: track y trigger",[21,48557,48558],{},"El motor de reactividad de Vue funciona con un sistema sorprendentemente elegante:",[10089,48560,48561,48567,48573],{},[41,48562,48563,48566],{},[72,48564,48565],{},"Track:"," cuando una función lee una variable reactiva, Vue registra esa relación.",[41,48568,48569,48572],{},[72,48570,48571],{},"Trigger:"," cuando el valor cambia, Vue notifica a todas las funciones que dependen de él.",[41,48574,48575,48578],{},[72,48576,48577],{},"Update:"," el componente se vuelve a renderizar. El Virtual DOM se encarga de actualizar solo lo necesario.",[21,48580,48581],{},"Tú cambias datos. Vue decide qué tocar en el DOM. Separación de responsabilidades en su máxima expresión.",[30,48583,48585],{"id":48584},"consejos-de-rendimiento-nivel-2026","Consejos de rendimiento (nivel 2026)",[21,48587,48588],{},"Si tu aplicación empieza a crecer, estas decisiones importan más de lo que parece.",[38,48590,48591,48601],{},[41,48592,48593,48600],{},[72,48594,48595,1697,48597,353],{},[16,48596,17550],{},[16,48598,48599],{},"shallowReactive"," útiles cuando trabajas con objetos grandes que no necesitan reactividad profunda.",[41,48602,48603,48606],{},[72,48604,48605],{},"Cuidado al desestructurar:"," hacer esto rompe la reactividad:",[267,48608,48611],{"className":46114,"code":48609,"filename":48610,"language":46118,"meta":273,"style":273},"const { nombre } = estadoReactivo; // mal\n","index.js",[16,48612,48613],{"__ignoreMap":273},[277,48614,48615,48617,48619,48622,48624,48626,48629],{"class":279,"line":280},[277,48616,405],{"class":311},[277,48618,5995],{"class":283},[277,48620,48621],{"class":356},"nombre",[277,48623,17506],{"class":283},[277,48625,298],{"class":311},[277,48627,48628],{"class":283}," estadoReactivo; ",[277,48630,48631],{"class":12741},"// mal\n",[21,48633,48634],{},"La forma correcta es:",[267,48636,48638],{"className":46114,"code":48637,"filename":48610,"language":46118,"meta":273,"style":273},"import { reactive, toRefs } from 'vue';\n\nconst estado = reactive({ nombre: 'Vue' });\nconst { nombre } = toRefs(estado);\n",[16,48639,48640,48653,48657,48675],{"__ignoreMap":273},[277,48641,48642,48644,48647,48649,48651],{"class":279,"line":280},[277,48643,312],{"class":311},[277,48645,48646],{"class":283}," { reactive, toRefs } ",[277,48648,318],{"class":311},[277,48650,45690],{"class":301},[277,48652,18151],{"class":283},[277,48654,48655],{"class":279,"line":308},[277,48656,328],{"emptyLinePlaceholder":327},[277,48658,48659,48661,48664,48666,48668,48671,48673],{"class":279,"line":324},[277,48660,405],{"class":311},[277,48662,48663],{"class":356}," estado",[277,48665,340],{"class":311},[277,48667,2024],{"class":291},[277,48669,48670],{"class":283},"({ nombre: ",[277,48672,37149],{"class":301},[277,48674,29404],{"class":283},[277,48676,48677,48679,48681,48683,48685,48687,48690],{"class":279,"line":331},[277,48678,405],{"class":311},[277,48680,5995],{"class":283},[277,48682,48621],{"class":356},[277,48684,17506],{"class":283},[277,48686,298],{"class":311},[277,48688,48689],{"class":291}," toRefs",[277,48691,48692],{"class":283},"(estado);\n",[30,48694,48696],{"id":48695},"ejemplo-práctico-el-contador-más-honesto-del-mundo","Ejemplo práctico: el contador más honesto del mundo",[267,48698,48700],{"className":269,"code":48699,"filename":271,"language":272,"meta":273,"style":273},"\u003Cscript setup>\nimport { ref } from 'vue';\n\nconst tazasDeCafe = ref(0);\n\nconst incrementar = () => {\n tazasDeCafe.value++;\n};\n\u003C/script>\n\n\u003Ctemplate>\n \u003Cbutton @click=\"incrementar\">\n Tazas consumidas: {{ tazasDeCafe }}\n \u003C/button>\n\u003C/template>\n",[16,48701,48702,48712,48724,48728,48745,48749,48764,48774,48778,48786,48790,48798,48813,48818,48826],{"__ignoreMap":273},[277,48703,48704,48706,48708,48710],{"class":279,"line":280},[277,48705,284],{"class":283},[277,48707,288],{"class":287},[277,48709,292],{"class":291},[277,48711,305],{"class":283},[277,48713,48714,48716,48718,48720,48722],{"class":279,"line":308},[277,48715,312],{"class":311},[277,48717,11006],{"class":283},[277,48719,318],{"class":311},[277,48721,45690],{"class":301},[277,48723,18151],{"class":283},[277,48725,48726],{"class":279,"line":324},[277,48727,328],{"emptyLinePlaceholder":327},[277,48729,48730,48732,48735,48737,48739,48741,48743],{"class":279,"line":331},[277,48731,405],{"class":311},[277,48733,48734],{"class":356}," tazasDeCafe",[277,48736,340],{"class":311},[277,48738,413],{"class":291},[277,48740,448],{"class":283},[277,48742,3542],{"class":356},[277,48744,18277],{"class":283},[277,48746,48747],{"class":279,"line":346},[277,48748,328],{"emptyLinePlaceholder":327},[277,48750,48751,48753,48756,48758,48760,48762],{"class":279,"line":360},[277,48752,405],{"class":311},[277,48754,48755],{"class":291}," incrementar",[277,48757,340],{"class":311},[277,48759,598],{"class":283},[277,48761,601],{"class":311},[277,48763,343],{"class":283},[277,48765,48766,48769,48772],{"class":279,"line":371},[277,48767,48768],{"class":283}," tazasDeCafe.value",[277,48770,48771],{"class":311},"++",[277,48773,18151],{"class":283},[277,48775,48776],{"class":279,"line":381},[277,48777,18255],{"class":283},[277,48779,48780,48782,48784],{"class":279,"line":391},[277,48781,785],{"class":283},[277,48783,288],{"class":287},[277,48785,305],{"class":283},[277,48787,48788],{"class":279,"line":397},[277,48789,328],{"emptyLinePlaceholder":327},[277,48791,48792,48794,48796],{"class":279,"line":402},[277,48793,284],{"class":283},[277,48795,802],{"class":287},[277,48797,305],{"class":283},[277,48799,48800,48802,48804,48806,48808,48811],{"class":279,"line":436},[277,48801,810],{"class":283},[277,48803,4267],{"class":287},[277,48805,4278],{"class":291},[277,48807,298],{"class":283},[277,48809,48810],{"class":301},"\"incrementar\"",[277,48812,305],{"class":283},[277,48814,48815],{"class":279,"line":456},[277,48816,48817],{"class":283}," Tazas consumidas: {{ tazasDeCafe }}\n",[277,48819,48820,48822,48824],{"class":279,"line":461},[277,48821,954],{"class":283},[277,48823,4267],{"class":287},[277,48825,305],{"class":283},[277,48827,48828,48830,48832],{"class":279,"line":476},[277,48829,785],{"class":283},[277,48831,802],{"class":287},[277,48833,305],{"class":283},[267,48835,48837],{"className":269,"code":48836,"filename":971,"language":272,"meta":273,"style":273},"\u003Cscript>\nexport default {\n data() {\n return {\n tazasDeCafe: 0,\n };\n },\n methods: {\n incrementar() {\n this.tazasDeCafe++;\n },\n },\n};\n\u003C/script>\n\n\u003Ctemplate>\n \u003Cbutton @click=\"incrementar\">\n Tazas consumidas: {{ tazasDeCafe }}\n \u003C/button>\n\u003C/template>\n",[16,48838,48839,48847,48855,48861,48867,48876,48880,48884,48888,48895,48906,48910,48914,48918,48926,48930,48938,48952,48956,48964],{"__ignoreMap":273},[277,48840,48841,48843,48845],{"class":279,"line":280},[277,48842,284],{"class":283},[277,48844,288],{"class":287},[277,48846,305],{"class":283},[277,48848,48849,48851,48853],{"class":279,"line":308},[277,48850,1057],{"class":311},[277,48852,1060],{"class":311},[277,48854,343],{"class":283},[277,48856,48857,48859],{"class":279,"line":324},[277,48858,1086],{"class":291},[277,48860,473],{"class":283},[277,48862,48863,48865],{"class":279,"line":331},[277,48864,1093],{"class":311},[277,48866,343],{"class":283},[277,48868,48869,48872,48874],{"class":279,"line":346},[277,48870,48871],{"class":283}," tazasDeCafe: ",[277,48873,3542],{"class":356},[277,48875,1077],{"class":283},[277,48877,48878],{"class":279,"line":360},[277,48879,18478],{"class":283},[277,48881,48882],{"class":279,"line":371},[277,48883,1131],{"class":283},[277,48885,48886],{"class":279,"line":381},[277,48887,1140],{"class":283},[277,48889,48890,48893],{"class":279,"line":391},[277,48891,48892],{"class":291}," incrementar",[277,48894,473],{"class":283},[277,48896,48897,48899,48902,48904],{"class":279,"line":397},[277,48898,1212],{"class":356},[277,48900,48901],{"class":283},".tazasDeCafe",[277,48903,48771],{"class":311},[277,48905,18151],{"class":283},[277,48907,48908],{"class":279,"line":402},[277,48909,7016],{"class":283},[277,48911,48912],{"class":279,"line":436},[277,48913,1131],{"class":283},[277,48915,48916],{"class":279,"line":456},[277,48917,18255],{"class":283},[277,48919,48920,48922,48924],{"class":279,"line":461},[277,48921,785],{"class":283},[277,48923,288],{"class":287},[277,48925,305],{"class":283},[277,48927,48928],{"class":279,"line":476},[277,48929,328],{"emptyLinePlaceholder":327},[277,48931,48932,48934,48936],{"class":279,"line":500},[277,48933,284],{"class":283},[277,48935,802],{"class":287},[277,48937,305],{"class":283},[277,48939,48940,48942,48944,48946,48948,48950],{"class":279,"line":505},[277,48941,810],{"class":283},[277,48943,4267],{"class":287},[277,48945,4278],{"class":291},[277,48947,298],{"class":283},[277,48949,48810],{"class":301},[277,48951,305],{"class":283},[277,48953,48954],{"class":279,"line":520},[277,48955,48817],{"class":283},[277,48957,48958,48960,48962],{"class":279,"line":539},[277,48959,954],{"class":283},[277,48961,4267],{"class":287},[277,48963,305],{"class":283},[277,48965,48966,48968,48970],{"class":279,"line":545},[277,48967,785],{"class":283},[277,48969,802],{"class":287},[277,48971,305],{"class":283},[21,48973,48974],{},"Cada clic actualiza el estado. Vue detecta el cambio, vuelve a renderizar lo necesario y tú no tocas el DOM en ningún momento. Eso es la reactividad bien entendida: menos código imperativo, menos errores mentales y una interfaz que hace exactamente lo que debería.",[1606,48976,48977],{},"html pre.shiki code .szBVR, html code.shiki .szBVR{--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}html pre.shiki code .sJ8bj, html code.shiki .sJ8bj{--shiki-default:#6A737D;--shiki-dark:#6A737D}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 .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .s9eBZ, html code.shiki .s9eBZ{--shiki-default:#22863A;--shiki-dark:#85E89D}",{"title":273,"searchDepth":308,"depth":308,"links":48979},[48980,48981,48987,48989,48990,48991],{"id":48367,"depth":308,"text":48368},{"id":48406,"depth":308,"text":48407,"children":48982},[48983,48985],{"id":48413,"depth":324,"text":48984},"Vue 2: Object.defineProperty",{"id":48447,"depth":324,"text":48986},"Vue 3: el poder de Proxy",{"id":48470,"depth":308,"text":48988},"Los dos pilares: ref() vs reactive()",{"id":48554,"depth":308,"text":48555},{"id":48584,"depth":308,"text":48585},{"id":48695,"depth":308,"text":48696},"https://res.cloudinary.com/denj4fg7f/image/upload/v1767664201/magical_vue_coding_laboratory_p1incq.jpg","Ilustración de un laboratorio de codificación mágica de Vue.js","2026-01-06","Explora el sistema de reactividad de Vue.js, desde analogías simples hasta su implementación técnica con Proxies, y aprende a optimizar tus aplicaciones.",{"script":48997},[48998],{"type":1632,"key":1633,"data-nuxt-schema-org":327,"nodes":48999},[49000],{"headline":49001,"author":49002,"datePublished":49003,"@type":1640},"Vue 3.6 Beta: La Revolución de Vapor Mode y el Nuevo Motor de Reactividad",{"name":1637,"@type":1638},"2026-01-05T22:00:00-05:00",{"updatedAt":46376,"coverCaption":49005,"author":1637,"keywords":49006},"Ilustración de un laboratorio de codificación mágica de Vue.js por TODOvue",[1645,3167,48456,271,1927,12319],"/blog/vue-reactivity-explained.es",[49009],{"headline":49001,"author":49010,"datePublished":49003,"@type":1640},{"name":1637,"@type":1638},{"title":46887,"description":48995},"blog/vue-reactivity-explained.es",[49014,49015,49016],{"tag":3167,"color":3168},{"tag":9074,"color":9075},{"tag":49017,"color":49018},"Historia","#F27E68","kA0PMDINVoB0Dsgq3xyYI2bGeetWqOo0cgy2htftkyY",{"id":49021,"title":49001,"body":49022,"cover":49860,"coverAlt":49861,"date":49862,"description":49863,"draft":1627,"extension":1628,"head":49864,"locale":1641,"meta":49871,"navigation":327,"path":49874,"schemaOrg":49875,"seo":49878,"series":1656,"seriesDescription":1656,"seriesOrder":1656,"seriesTitle":1656,"slug":1656,"stem":49879,"tags":49880,"__hash__":49891},"blog/blog/vue-beta-vapor-mode-revealed.es.md",{"type":8,"value":49023,"toc":49839},[49024,49027,49038,49044,49048,49058,49062,49069,49072,49115,49123,49131,49137,49141,49150,49157,49162,49186,49191,49218,49222,49225,49229,49317,49326,49330,49343,49347,49350,49513,49519,49523,49615,49619,49622,49626,49644,49659,49673,49687,49691,49698,49780,49784,49790,49824,49826,49836],[11,49025,49001],{"id":49026},"vue-36-beta-la-revolución-de-vapor-mode-y-el-nuevo-motor-de-reactividad",[21,49028,49029,49030,49033,49034,49037],{},"El ecosistema de Vue ha alcanzado un punto de inflexión con el lanzamiento de la ",[72,49031,49032],{},"versión 3.6.0-beta.1",".\nEsta actualización no es un paso incremental; es una reingeniería profunda que prepara a Vue para un futuro donde el ",[72,49035,49036],{},"Virtual DOM (VDOM)"," deja de ser el protagonista absoluto.",[21,49039,49040,49041,104],{},"En este artículo, desglosamos los dos pilares de esta beta: la llegada de la \"Paridad Funcional\" en Vapor Mode y el nuevo motor de señales inspirado en ",[16,49042,49043],{},"alien-signals",[30,49045,49047],{"id":49046},"vapor-mode-alcanzando-la-paridad-funcional","Vapor Mode: Alcanzando la \"Paridad Funcional\"",[21,49049,49050,49051,49054,49055,104],{},"Hasta hace poco, ",[72,49052,49053],{},"Vapor Mode"," era un experimento prometedor pero limitado.\nCon la versión 3.6, el equipo core anuncia que se ha alcanzado la ",[72,49056,49057],{},"Paridad Funcional",[192,49059,49061],{"id":49060},"qué-significa-paridad-funcional-exactamente","¿Qué significa \"Paridad Funcional\" exactamente?",[21,49063,49064,49065,49068],{},"En el desarrollo de software, este término significa que una nueva implementación (en este caso, el compilador Vapor) ya es capaz de hacer ",[72,49066,49067],{},"exactamente lo mismo"," que la implementación original (el compilador de VDOM estándar).",[21,49070,49071],{},"Para nosotros los desarrolladores, esto implica que Vapor ya no es solo para \"componentes simples\". Ahora soporta:",[38,49073,49074,49087,49102],{},[41,49075,49076,49079,49080,225,49082,49084,49085,104],{},[72,49077,49078],{},"Directivas de control total:"," Manejo complejo de ",[16,49081,7538],{},[16,49083,24880],{}," (con algoritmos de movimiento de nodos optimizados) y ",[16,49086,17971],{},[41,49088,49089,49092,49093,49095,49096,49099,49100,104],{},[72,49090,49091],{},"Arquitectura de Componentes:"," Soporte para ",[3292,49094,45646],{},", componentes dinámicos (",[16,49097,49098],{},"\u003Ccomponent :is=\"...\">",") y ",[16,49101,7488],{},[41,49103,49104,49107,49108,49111,49112,104],{},[72,49105,49106],{},"Funciones integradas:"," Soporte nativo para ",[16,49109,49110],{},"\u003CTeleport>"," y el sistema de ",[16,49113,49114],{},"\u003CTransition>",[3111,49116,49117],{},[21,49118,49119,49122],{},[72,49120,49121],{},"En resumen:"," La paridad funcional permite que un componente complejo de producción pueda ser compilado en modo Vapor sin perder ninguna característica de Vue, pero ganando una velocidad de ejecución sin precedentes.",[30,49124,49126,49127,49130],{"id":49125},"refactorización-de-vuereactivity-el-efecto-alien","Refactorización de ",[16,49128,49129],{},"@vue/reactivity",": El efecto \"Alien\"",[21,49132,49133,49134,49136],{},"La gran sorpresa técnica de Vue 3.6 es la integración de los conceptos de ",[72,49135,49043],{}," (una librería de señales ultrarrápida creada por Johnson Chu, miembro del core team) dentro del núcleo de Vue.",[192,49138,49140],{"id":49139},"por-qué-cambiar-el-motor-de-señales","¿Por qué cambiar el motor de señales?",[21,49142,49143,49144,49146,49147,49149],{},"El sistema de reactividad de Vue 3 basado en ",[16,49145,16977],{}," era excelente, pero sufría en dos puntos: el uso de memoria y la limpieza de dependencias.\nLa adopción del modelo de ",[16,49148,49043],{}," resuelve esto cambiando la estructura de datos interna.",[23924,49151,49153,49154,49156],{"id":49152},"el-cambio-técnico-de-set-a-listas-enlazadas","El cambio técnico: De ",[16,49155,15824],{}," a Listas Enlazadas",[21,49158,49159,49160,104],{},"Tradicionalmente, Vue guardaba los \"suscriptores\" (los efectos que deben ejecutarse cuando un dato cambia) en objetos tipo ",[16,49161,15824],{},[38,49163,49164,49176],{},[41,49165,49166,49169,49170,49172,49173,1895],{},[72,49167,49168],{},"El Problema:"," Crear miles de ",[16,49171,15824],{}," consume mucha memoria y estresa al recolector de basura (",[3292,49174,49175],{},"Garbage Collector",[41,49177,49178,49181,49182,49185],{},[72,49179,49180],{},"La Solución:"," El nuevo motor usa una ",[72,49183,49184],{},"Lista Doblemente Enlazada",". Las suscripciones se conectan entre sí como eslabones de una cadena.",[21,49187,49188],{},[72,49189,49190],{},"Los beneficios reales son impactantes:",[10089,49192,49193,49203,49209],{},[41,49194,49195,49198,49199,49202],{},[72,49196,49197],{},"Reducción de Memoria:"," Hasta un ",[72,49200,49201],{},"14% - 20% menos de consumo"," en aplicaciones con alta densidad de estados.",[41,49204,49205,49208],{},[72,49206,49207],{},"Operaciones O(1):"," Añadir o eliminar una suscripción reactiva ahora tiene un coste constante, sin importar cuántas dependencias existan.",[41,49210,49211,49214,49215,49217],{},[72,49212,49213],{},"Computadas Inteligentes:"," Se ha refinado el algoritmo de \"limpieza\" (cleanup), evitando que las propiedades ",[16,49216,1732],{}," se recalculen innecesariamente cuando las dependencias no han cambiado realmente.",[30,49219,49221],{"id":49220},"comparativa-vnode-vs-vapor-mode","Comparativa: VNode vs. Vapor Mode",[21,49223,49224],{},"Para entender por qué esto es una revolución, comparemos qué sucede \"bajo el capó\" con un componente básico.",[192,49226,49228],{"id":49227},"código-fuente","Código Fuente",[267,49230,49232],{"className":269,"code":49231,"filename":271,"language":272,"meta":273,"style":273},"\u003Cscript setup>\nimport { ref } from 'vue'\nconst count = ref(0)\n\u003C/script>\n\n\u003Ctemplate>\n \u003Cbutton @click=\"count++\">Contador: {{ count }}\u003C/button>\n\u003C/template>\n",[16,49233,49234,49244,49254,49270,49278,49282,49290,49309],{"__ignoreMap":273},[277,49235,49236,49238,49240,49242],{"class":279,"line":280},[277,49237,284],{"class":283},[277,49239,288],{"class":287},[277,49241,292],{"class":291},[277,49243,305],{"class":283},[277,49245,49246,49248,49250,49252],{"class":279,"line":308},[277,49247,312],{"class":311},[277,49249,11006],{"class":283},[277,49251,318],{"class":311},[277,49253,321],{"class":301},[277,49255,49256,49258,49260,49262,49264,49266,49268],{"class":279,"line":324},[277,49257,405],{"class":311},[277,49259,9380],{"class":356},[277,49261,340],{"class":311},[277,49263,413],{"class":291},[277,49265,448],{"class":283},[277,49267,3542],{"class":356},[277,49269,433],{"class":283},[277,49271,49272,49274,49276],{"class":279,"line":331},[277,49273,785],{"class":283},[277,49275,288],{"class":287},[277,49277,305],{"class":283},[277,49279,49280],{"class":279,"line":346},[277,49281,328],{"emptyLinePlaceholder":327},[277,49283,49284,49286,49288],{"class":279,"line":360},[277,49285,284],{"class":283},[277,49287,802],{"class":287},[277,49289,305],{"class":283},[277,49291,49292,49294,49296,49298,49300,49302,49305,49307],{"class":279,"line":371},[277,49293,810],{"class":283},[277,49295,4267],{"class":287},[277,49297,4278],{"class":291},[277,49299,298],{"class":283},[277,49301,12464],{"class":301},[277,49303,49304],{"class":283},">Contador: {{ count }}\u003C/",[277,49306,4267],{"class":287},[277,49308,305],{"class":283},[277,49310,49311,49313,49315],{"class":279,"line":381},[277,49312,785],{"class":283},[277,49314,802],{"class":287},[277,49316,305],{"class":283},[267,49318,49320],{"className":269,"code":49319,"filename":971,"language":272,"meta":273,"style":273},"// Vapor Mode es exclusivo de Composition API. No hay soporte disponible para Options API.\n",[16,49321,49322],{"__ignoreMap":273},[277,49323,49324],{"class":279,"line":280},[277,49325,49319],{"class":283},[192,49327,49329],{"id":49328},"el-enfoque-tradicional-virtual-dom","El enfoque tradicional (Virtual DOM)",[21,49331,49332,49333,49335,49336,49338,49339,49342],{},"Vue crea un objeto de JavaScript (VNode) que representa el botón. Cuando ",[16,49334,17503],{}," cambia, Vue crea un ",[72,49337,47012],{}," VNode, compara ambos (",[3292,49340,49341],{},"diffing",") y decide qué parte del DOM real actualizar. Esto ocurre en milisegundos, pero tiene un costo de CPU y memoria.",[192,49344,49346],{"id":49345},"el-enfoque-vapor-directo-al-grano","El enfoque Vapor (Directo al grano)",[21,49348,49349],{},"El compilador de Vapor genera código que \"apunta\" directamente al nodo de texto del botón.",[267,49351,49354],{"className":46114,"code":49352,"filename":49353,"language":46118,"meta":273,"style":273},"import { delegateEvents, t, setInterpolation, renderEffect } from '@vue/runtime-vapor'\n\nconst t0 = t('\u003Cbutton>\u003C/button>') // Plantilla estática\n\nexport function render(_ctx) {\n const el0 = t0() \n delegateEvents(el0, 'click', () => _ctx.count++)\n \n // No hay comparación de árboles. Hay un \"vínculo\" directo.\n renderEffect(() => {\n setInterpolation(el0, () => `Contador: ${_ctx.count}`)\n })\n \n return el0\n}\n","Counter.vapor.compiled.js",[16,49355,49356,49368,49372,49394,49398,49414,49428,49451,49455,49460,49471,49494,49498,49502,49509],{"__ignoreMap":273},[277,49357,49358,49360,49363,49365],{"class":279,"line":280},[277,49359,312],{"class":311},[277,49361,49362],{"class":283}," { delegateEvents, t, setInterpolation, renderEffect } ",[277,49364,318],{"class":311},[277,49366,49367],{"class":301}," '@vue/runtime-vapor'\n",[277,49369,49370],{"class":279,"line":308},[277,49371,328],{"emptyLinePlaceholder":327},[277,49373,49374,49376,49379,49381,49384,49386,49389,49391],{"class":279,"line":324},[277,49375,405],{"class":311},[277,49377,49378],{"class":356}," t0",[277,49380,340],{"class":311},[277,49382,49383],{"class":291}," t",[277,49385,448],{"class":283},[277,49387,49388],{"class":301},"'\u003Cbutton>\u003C/button>'",[277,49390,2340],{"class":283},[277,49392,49393],{"class":12741},"// Plantilla estática\n",[277,49395,49396],{"class":279,"line":331},[277,49397,328],{"emptyLinePlaceholder":327},[277,49399,49400,49402,49404,49407,49409,49412],{"class":279,"line":346},[277,49401,1057],{"class":311},[277,49403,467],{"class":311},[277,49405,49406],{"class":291}," render",[277,49408,448],{"class":283},[277,49410,49411],{"class":349},"_ctx",[277,49413,2476],{"class":283},[277,49415,49416,49418,49421,49423,49425],{"class":279,"line":360},[277,49417,479],{"class":311},[277,49419,49420],{"class":356}," el0",[277,49422,340],{"class":311},[277,49424,49378],{"class":291},[277,49426,49427],{"class":283},"() \n",[277,49429,49430,49433,49436,49439,49442,49444,49447,49449],{"class":279,"line":371},[277,49431,49432],{"class":291}," delegateEvents",[277,49434,49435],{"class":283},"(el0, ",[277,49437,49438],{"class":301},"'click'",[277,49440,49441],{"class":283},", () ",[277,49443,601],{"class":311},[277,49445,49446],{"class":283}," _ctx.count",[277,49448,48771],{"class":311},[277,49450,433],{"class":283},[277,49452,49453],{"class":279,"line":381},[277,49454,42606],{"class":283},[277,49456,49457],{"class":279,"line":391},[277,49458,49459],{"class":12741}," // No hay comparación de árboles. Hay un \"vínculo\" directo.\n",[277,49461,49462,49465,49467,49469],{"class":279,"line":397},[277,49463,49464],{"class":291}," renderEffect",[277,49466,2203],{"class":283},[277,49468,601],{"class":311},[277,49470,343],{"class":283},[277,49472,49473,49476,49479,49481,49484,49486,49488,49490,49492],{"class":279,"line":402},[277,49474,49475],{"class":291}," setInterpolation",[277,49477,49478],{"class":283},"(el0, () ",[277,49480,601],{"class":311},[277,49482,49483],{"class":301}," `Contador: ${",[277,49485,49411],{"class":283},[277,49487,104],{"class":301},[277,49489,17503],{"class":283},[277,49491,3888],{"class":301},[277,49493,433],{"class":283},[277,49495,49496],{"class":279,"line":436},[277,49497,2318],{"class":283},[277,49499,49500],{"class":279,"line":456},[277,49501,42606],{"class":283},[277,49503,49504,49506],{"class":279,"line":461},[277,49505,2212],{"class":311},[277,49507,49508],{"class":283}," el0\n",[277,49510,49511],{"class":279,"line":476},[277,49512,394],{"class":283},[21,49514,49515,49518],{},[72,49516,49517],{},"Resultado:"," Cero Virtual DOM, cero algoritmos de comparación, solo manipulación directa del DOM con la máxima eficiencia posible.",[30,49520,49522],{"id":49521},"tabla-de-rendimiento-y-capacidades","Tabla de Rendimiento y Capacidades",[5392,49524,49525,49537],{},[5395,49526,49527],{},[5398,49528,49529,49531,49534],{},[5401,49530,46228],{},[5401,49532,49533],{},"Vue 3.5 (Standard)",[5401,49535,49536],{},"Vue 3.6 (Vapor Mode)",[5414,49538,49539,49553,49569,49584,49600],{},[5398,49540,49541,49546,49548],{},[5419,49542,49543],{},[72,49544,49545],{},"Estructura Interna",[5419,49547,49036],{},[5419,49549,49550],{},[72,49551,49552],{},"VDOM-less (Directo)",[5398,49554,49555,49560,49565],{},[5419,49556,49557],{},[72,49558,49559],{},"Motor de Señales",[5419,49561,49562,49563],{},"Basado en ",[16,49564,15824],{},[5419,49566,49567],{},[72,49568,49184],{},[5398,49570,49571,49576,49579],{},[5419,49572,49573],{},[72,49574,49575],{},"Consumo de Memoria",[5419,49577,49578],{},"Base estándar",[5419,49580,49581],{},[72,49582,49583],{},"~14% menor",[5398,49585,49586,49591,49594],{},[5419,49587,49588],{},[72,49589,49590],{},"Interoperabilidad",[5419,49592,49593],{},"Completa",[5419,49595,49596,49597,19],{},"Alta (vía ",[16,49598,49599],{},"vaporInterop",[5398,49601,49602,49607,49610],{},[5419,49603,49604],{},[72,49605,49606],{},"Recomendado para",[5419,49608,49609],{},"Apps generales, SSR masivo",[5419,49611,49612],{},[72,49613,49614],{},"Dispositivos IoT, Dashboards pesados, Web Components",[30,49616,49618],{"id":49617},"cómo-empezar-a-probarlo","¿Cómo empezar a probarlo?",[21,49620,49621],{},"Para experimentar con estas mejoras, debes usar la versión beta y configurar tu entorno de Vite para reconocer el modo Vapor.",[192,49623,49625],{"id":49624},"paso-1-instalación","Paso 1: Instalación",[267,49627,49632],{"className":49628,"code":49629,"filename":49630,"language":49631,"meta":273,"style":273},"language-bash shiki shiki-themes github-light github-dark","npm install vue@3.6.0-beta.1\n","npm","bash",[16,49633,49634],{"__ignoreMap":273},[277,49635,49636,49638,49641],{"class":279,"line":280},[277,49637,49630],{"class":291},[277,49639,49640],{"class":301}," install",[277,49642,49643],{"class":301}," vue@3.6.0-beta.1\n",[267,49645,49648],{"className":49628,"code":49646,"filename":49647,"language":49631,"meta":273,"style":273},"pnpm add vue@3.6.0-beta.1\n","pnpm",[16,49649,49650],{"__ignoreMap":273},[277,49651,49652,49654,49657],{"class":279,"line":280},[277,49653,49647],{"class":291},[277,49655,49656],{"class":301}," add",[277,49658,49643],{"class":301},[267,49660,49663],{"className":49628,"code":49661,"filename":49662,"language":49631,"meta":273,"style":273},"yarn add vue@3.6.0-beta.1\n","yarn",[16,49664,49665],{"__ignoreMap":273},[277,49666,49667,49669,49671],{"class":279,"line":280},[277,49668,49662],{"class":291},[277,49670,49656],{"class":301},[277,49672,49643],{"class":301},[267,49674,49677],{"className":49628,"code":49675,"filename":49676,"language":49631,"meta":273,"style":273},"bun add vue@3.6.0-beta.1\n","bun",[16,49678,49679],{"__ignoreMap":273},[277,49680,49681,49683,49685],{"class":279,"line":280},[277,49682,49676],{"class":291},[277,49684,49656],{"class":301},[277,49686,49643],{"class":301},[192,49688,49690],{"id":49689},"paso-2-configuración-de-vite","Paso 2: Configuración de Vite",[21,49692,49693,49694,49697],{},"Activa el soporte para archivos ",[16,49695,49696],{},".vapor.vue"," (la convención recomendada para diferenciar componentes):",[267,49699,49703],{"className":46114,"code":49700,"filename":49701,"highlights":49702,"language":46118,"meta":273,"style":273},"import { defineConfig } from 'vite'\nimport vue from '@vitejs/plugin-vue'\n\nexport default defineConfig({\n plugins: [\n vue({\n vapor: true // Activa el compilador de Vapor\n })\n ]\n})\n","vite.config.js",[371],[16,49704,49705,49717,49729,49733,49744,49749,49756,49767,49771,49776],{"__ignoreMap":273},[277,49706,49707,49709,49712,49714],{"class":279,"line":280},[277,49708,312],{"class":311},[277,49710,49711],{"class":283}," { defineConfig } ",[277,49713,318],{"class":311},[277,49715,49716],{"class":301}," 'vite'\n",[277,49718,49719,49721,49724,49726],{"class":279,"line":308},[277,49720,312],{"class":311},[277,49722,49723],{"class":283}," vue ",[277,49725,318],{"class":311},[277,49727,49728],{"class":301}," '@vitejs/plugin-vue'\n",[277,49730,49731],{"class":279,"line":324},[277,49732,328],{"emptyLinePlaceholder":327},[277,49734,49735,49737,49739,49742],{"class":279,"line":331},[277,49736,1057],{"class":311},[277,49738,1060],{"class":311},[277,49740,49741],{"class":291}," defineConfig",[277,49743,1066],{"class":283},[277,49745,49746],{"class":279,"line":346},[277,49747,49748],{"class":283}," plugins: [\n",[277,49750,49751,49754],{"class":279,"line":360},[277,49752,49753],{"class":291}," vue",[277,49755,1066],{"class":283},[277,49757,49759,49762,49764],{"class":49758,"line":371},[279,9398],[277,49760,49761],{"class":283}," vapor: ",[277,49763,2149],{"class":356},[277,49765,49766],{"class":12741}," // Activa el compilador de Vapor\n",[277,49768,49769],{"class":279,"line":381},[277,49770,2913],{"class":283},[277,49772,49773],{"class":279,"line":391},[277,49774,49775],{"class":283}," ]\n",[277,49777,49778],{"class":279,"line":397},[277,49779,676],{"class":283},[192,49781,49783],{"id":49782},"paso-3-uso-de-componentes","Paso 3: Uso de componentes",[21,49785,49786,49787,49789],{},"Puedes mezclar componentes estándar y Vapor. Para forzar a un componente a usar el nuevo motor, usa la extensión ",[16,49788,49696],{}," o define el bloque script:",[267,49791,49795],{"className":269,"code":49792,"filename":49793,"highlights":49794,"language":272,"meta":273,"style":273},"\u003Cscript setup vapor>\n// Este componente se compilará sin Virtual DOM\n\u003C/script>\n","Index.vue",[280],[16,49796,49797,49811,49816],{"__ignoreMap":273},[277,49798,49800,49802,49804,49806,49809],{"class":49799,"line":280},[279,9398],[277,49801,284],{"class":283},[277,49803,288],{"class":287},[277,49805,292],{"class":291},[277,49807,49808],{"class":291}," vapor",[277,49810,305],{"class":283},[277,49812,49813],{"class":279,"line":308},[277,49814,49815],{"class":12741},"// Este componente se compilará sin Virtual DOM\n",[277,49817,49818,49820,49822],{"class":279,"line":324},[277,49819,785],{"class":283},[277,49821,288],{"class":287},[277,49823,305],{"class":283},[30,49825,17671],{"id":17670},[21,49827,49828,49829,49832,49833,49835],{},"Vue 3.6 no es solo una actualización; es un mensaje claro a la comunidad: ",[72,49830,49831],{},"Vue puede ser tan rápido y ligero como el que más, sin sacrificar su amada sintaxis."," Al integrar la eficiencia de ",[16,49834,49043],{}," y alcanzar la paridad funcional con Vapor, Vue se posiciona como el framework más flexible y potente para la próxima década del desarrollo web.",[1606,49837,49838],{},"html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .s9eBZ, html code.shiki .s9eBZ{--shiki-default:#22863A;--shiki-dark:#85E89D}html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .szBVR, html code.shiki .szBVR{--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}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 .sJ8bj, html code.shiki .sJ8bj{--shiki-default:#6A737D;--shiki-dark:#6A737D}html pre.shiki code .s4XuR, html code.shiki .s4XuR{--shiki-default:#E36209;--shiki-dark:#FFAB70}",{"title":273,"searchDepth":308,"depth":308,"links":49840},[49841,49844,49848,49853,49854,49859],{"id":49046,"depth":308,"text":49047,"children":49842},[49843],{"id":49060,"depth":324,"text":49061},{"id":49125,"depth":308,"text":49845,"children":49846},"Refactorización de @vue/reactivity: El efecto \"Alien\"",[49847],{"id":49139,"depth":324,"text":49140},{"id":49220,"depth":308,"text":49221,"children":49849},[49850,49851,49852],{"id":49227,"depth":324,"text":49228},{"id":49328,"depth":324,"text":49329},{"id":49345,"depth":324,"text":49346},{"id":49521,"depth":308,"text":49522},{"id":49617,"depth":308,"text":49618,"children":49855},[49856,49857,49858],{"id":49624,"depth":324,"text":49625},{"id":49689,"depth":324,"text":49690},{"id":49782,"depth":324,"text":49783},{"id":17670,"depth":308,"text":17671},"https://res.cloudinary.com/denj4fg7f/image/upload/v1766870280/vue-beta-vapor-mode-revealed_snvcqg.png","Logo de Vue.js sobre un fondo de código fuente","2025-12-27","Explora las novedades de Vue 3.6 Beta, incluyendo Vapor Mode y la integración de alien-signals para una reactividad más eficiente.",{"script":49865},[49866],{"type":1632,"key":1633,"data-nuxt-schema-org":327,"nodes":49867},[49868],{"headline":49001,"author":49869,"datePublished":49870,"@type":1640},{"name":1637,"@type":1638},"2025-12-27T00:00:00-05",{"updatedAt":46376,"coverCaption":49872,"author":1637,"keywords":49873},"Descubre las innovaciones de Vue 3.6 Beta: Vapor Mode y un motor de reactividad renovado","vue 3.6, vapor mode, alien-signals, reactividad, javascript, framework, frontend, beta","/blog/vue-beta-vapor-mode-revealed.es",[49876],{"headline":49001,"author":49877,"datePublished":49870,"@type":1640},{"name":1637,"@type":1638},{"title":49001,"description":49863},"blog/vue-beta-vapor-mode-revealed.es",[49881,49884,49886,49887,49890],{"tag":49882,"color":49883},"Beta","#42B883",{"tag":49053,"color":49885},"#41B2A6",{"tag":3167,"color":3168},{"tag":49888,"color":49889},"Ecosistema","#68D4F2",{"tag":1671,"color":1672},"A6Q1HoZGN7cVXgiqEGeT2SrCupp9KD1iIJTRYwsxnyY",{"id":49893,"title":49894,"body":49895,"cover":50853,"coverAlt":50854,"date":50855,"description":50856,"draft":1627,"extension":1628,"head":50857,"locale":1641,"meta":50864,"navigation":327,"path":50866,"schemaOrg":50867,"seo":50870,"series":1656,"seriesDescription":1656,"seriesOrder":1656,"seriesTitle":1656,"slug":1656,"stem":50871,"tags":50872,"__hash__":50877},"blog/blog/setting-up-vue-with-vite.es.md","¿Cómo crear tu primer proyecto con Vue usando Vite?",{"type":8,"value":49896,"toc":50841},[49897,49901,49908,49912,49915,49951,49955,49962,49975,49979,49982,50000,50016,50031,50046,50056,50060,50063,50087,50091,50094,50097,50109,50112,50124,50135,50146,50157,50164,50168,50171,50186,50197,50208,50221,50228,50232,50235,50276,50280,50286,50549,50801,50805,50838],[11,49898,49900],{"id":49899},"guía-creando-tu-primer-proyecto-con-vue-y-vite","Guía: Creando tu primer proyecto con Vue y Vite",[21,49902,49903,49904,49907],{},"En esta guía aprenderás a configurar un entorno de desarrollo moderno. ",[72,49905,49906],{},"Vite"," es una herramienta que reemplaza al antiguo Vue CLI, ofreciendo una velocidad de carga casi instantánea durante el desarrollo.",[30,49909,49911],{"id":49910},"resumen-de-la-solución","Resumen de la solución",[21,49913,49914],{},"Para completar este proyecto, seguiremos estos pasos:",[10089,49916,49917,49923,49933,49939,49945],{},[41,49918,49919,49922],{},[72,49920,49921],{},"Preparación",": Verificación de herramientas necesarias (Node.js).",[41,49924,49925,49928,49929,49932],{},[72,49926,49927],{},"Andamiaje",": Uso del comando ",[16,49930,49931],{},"npm create vite"," para generar la estructura.",[41,49934,49935,49938],{},[72,49936,49937],{},"Instalación",": Configuración de las dependencias del proyecto.",[41,49940,49941,49944],{},[72,49942,49943],{},"Ejecución",": Lanzamiento del servidor de desarrollo local.",[41,49946,49947,49950],{},[72,49948,49949],{},"Exploración",": Breve explicación de la estructura de archivos generada.",[30,49952,49954],{"id":49953},"requisitos-previos","Requisitos previos",[21,49956,49957,49958,49961],{},"Antes de empezar, asegúrate de tener instalado ",[72,49959,49960],{},"Node.js"," (versión 18 o superior). Puedes verificarlo abriendo una terminal y escribiendo:",[267,49963,49965],{"className":49628,"code":49964,"filename":49631,"language":49631,"meta":273,"style":273},"node -v\n",[16,49966,49967],{"__ignoreMap":273},[277,49968,49969,49972],{"class":279,"line":280},[277,49970,49971],{"class":291},"node",[277,49973,49974],{"class":356}," -v\n",[30,49976,49978],{"id":49977},"paso-1-inicializar-el-proyecto","Paso 1: Inicializar el proyecto",[21,49980,49981],{},"Abre tu terminal en la carpeta donde quieras guardar tu proyecto y ejecuta el siguiente comando:",[267,49983,49985],{"className":49628,"code":49984,"filename":49630,"language":49631,"meta":273,"style":273},"npm create vite@latest mi-primer-proyecto-vue\n",[16,49986,49987],{"__ignoreMap":273},[277,49988,49989,49991,49994,49997],{"class":279,"line":280},[277,49990,49630],{"class":291},[277,49992,49993],{"class":301}," create",[277,49995,49996],{"class":301}," vite@latest",[277,49998,49999],{"class":301}," mi-primer-proyecto-vue\n",[267,50001,50003],{"className":49628,"code":50002,"filename":49647,"language":49631,"meta":273,"style":273},"pnpm create vite mi-primer-proyecto-vue\n",[16,50004,50005],{"__ignoreMap":273},[277,50006,50007,50009,50011,50014],{"class":279,"line":280},[277,50008,49647],{"class":291},[277,50010,49993],{"class":301},[277,50012,50013],{"class":301}," vite",[277,50015,49999],{"class":301},[267,50017,50019],{"className":49628,"code":50018,"filename":49662,"language":49631,"meta":273,"style":273},"yarn create vite mi-primer-proyecto-vue\n",[16,50020,50021],{"__ignoreMap":273},[277,50022,50023,50025,50027,50029],{"class":279,"line":280},[277,50024,49662],{"class":291},[277,50026,49993],{"class":301},[277,50028,50013],{"class":301},[277,50030,49999],{"class":301},[267,50032,50034],{"className":49628,"code":50033,"filename":49676,"language":49631,"meta":273,"style":273},"bun create vite mi-primer-proyecto-vue\n",[16,50035,50036],{"__ignoreMap":273},[277,50037,50038,50040,50042,50044],{"class":279,"line":280},[277,50039,49676],{"class":291},[277,50041,49993],{"class":301},[277,50043,50013],{"class":301},[277,50045,49999],{"class":301},[3111,50047,50048],{},[21,50049,50050,10969,50052,50055],{},[72,50051,48113],{},[16,50053,50054],{},"mi-primer-proyecto-vue"," es el nombre de la carpeta que se creará. Puedes cambiarlo por el que prefieras.",[30,50057,50059],{"id":50058},"paso-2-configuración-del-asistente","Paso 2: Configuración del asistente",[21,50061,50062],{},"Una vez ejecutado el comando, la terminal te hará unas preguntas interactivas. Sigue estas opciones para un proyecto estándar:",[10089,50064,50065,50073],{},[41,50066,50067,50070,50071,104],{},[72,50068,50069],{},"Select a framework:"," Usa las flechas del teclado para seleccionar ",[16,50072,20616],{},[41,50074,50075,50078,50079,50082,50083,50086],{},[72,50076,50077],{},"Select a variant:"," Selecciona ",[16,50080,50081],{},"JavaScript"," (o ",[16,50084,50085],{},"TypeScript"," si prefieres tipado fuerte, pero para empezar recomendamos JavaScript).",[30,50088,50090],{"id":50089},"paso-3-instalación-de-dependencias","Paso 3: Instalación de dependencias",[21,50092,50093],{},"Vite crea la estructura de archivos, pero no instala las librerías automáticamente para ahorrar tiempo. Debes entrar a la carpeta e instalarlas manualmente:",[21,50095,50096],{},"Entra a la carpeta del proyecto",[267,50098,50100],{"className":49628,"code":50099,"filename":49631,"language":49631,"meta":273,"style":273},"cd mi-primer-proyecto-vue\n",[16,50101,50102],{"__ignoreMap":273},[277,50103,50104,50107],{"class":279,"line":280},[277,50105,50106],{"class":356},"cd",[277,50108,49999],{"class":301},[21,50110,50111],{},"Instala todas las librerías necesarias",[267,50113,50115],{"className":49628,"code":50114,"filename":49630,"language":49631,"meta":273,"style":273},"npm install\n",[16,50116,50117],{"__ignoreMap":273},[277,50118,50119,50121],{"class":279,"line":280},[277,50120,49630],{"class":291},[277,50122,50123],{"class":301}," install\n",[267,50125,50127],{"className":49628,"code":50126,"filename":49647,"language":49631,"meta":273,"style":273},"pnpm install\n",[16,50128,50129],{"__ignoreMap":273},[277,50130,50131,50133],{"class":279,"line":280},[277,50132,49647],{"class":291},[277,50134,50123],{"class":301},[267,50136,50138],{"className":49628,"code":50137,"filename":49662,"language":49631,"meta":273,"style":273},"yarn install\n",[16,50139,50140],{"__ignoreMap":273},[277,50141,50142,50144],{"class":279,"line":280},[277,50143,49662],{"class":291},[277,50145,50123],{"class":301},[267,50147,50149],{"className":49628,"code":50148,"filename":49676,"language":49631,"meta":273,"style":273},"bun install\n",[16,50150,50151],{"__ignoreMap":273},[277,50152,50153,50155],{"class":279,"line":280},[277,50154,49676],{"class":291},[277,50156,50123],{"class":301},[21,50158,50159,50160,50163],{},"Este proceso creará la carpeta ",[16,50161,50162],{},"node_modules",", que contiene todo el código necesario para que Vue funcione.",[30,50165,50167],{"id":50166},"paso-4-ejecutar-el-servidor-de-desarrollo","Paso 4: Ejecutar el servidor de desarrollo",[21,50169,50170],{},"¡Ya estás listo! Ahora inicia el servidor para ver tu aplicación en el navegador:",[267,50172,50174],{"className":49628,"code":50173,"filename":49630,"language":49631,"meta":273,"style":273},"npm run dev\n",[16,50175,50176],{"__ignoreMap":273},[277,50177,50178,50180,50183],{"class":279,"line":280},[277,50179,49630],{"class":291},[277,50181,50182],{"class":301}," run",[277,50184,50185],{"class":301}," dev\n",[267,50187,50189],{"className":49628,"code":50188,"filename":49647,"language":49631,"meta":273,"style":273},"pnpm dev\n",[16,50190,50191],{"__ignoreMap":273},[277,50192,50193,50195],{"class":279,"line":280},[277,50194,49647],{"class":291},[277,50196,50185],{"class":301},[267,50198,50200],{"className":49628,"code":50199,"filename":49662,"language":49631,"meta":273,"style":273},"yarn dev\n",[16,50201,50202],{"__ignoreMap":273},[277,50203,50204,50206],{"class":279,"line":280},[277,50205,49662],{"class":291},[277,50207,50185],{"class":301},[267,50209,50211],{"className":49628,"code":50210,"filename":49676,"language":49631,"meta":273,"style":273},"bun run dev\n",[16,50212,50213],{"__ignoreMap":273},[277,50214,50215,50217,50219],{"class":279,"line":280},[277,50216,49676],{"class":291},[277,50218,50182],{"class":301},[277,50220,50185],{"class":301},[21,50222,50223,50224,50227],{},"La terminal te mostrará una URL (normalmente ",[16,50225,50226],{},"http://localhost:5173/","). Abre ese enlace en tu navegador y verás la página de bienvenida de Vue.",[30,50229,50231],{"id":50230},"paso-5-estructura-del-proyecto","Paso 5: Estructura del proyecto",[21,50233,50234],{},"Aquí tienes una descripción de los archivos más importantes que verás en tu editor de código:",[38,50236,50237,50245,50253,50261,50269],{},[41,50238,50239,50244],{},[72,50240,50241],{},[16,50242,50243],{},"index.html",": El punto de entrada principal. Vite lo usa para montar la aplicación.",[41,50246,50247,50252],{},[72,50248,50249],{},[16,50250,50251],{},"src/main.js",": El archivo JavaScript que inicializa la instancia de Vue y la conecta con el HTML.",[41,50254,50255,50260],{},[72,50256,50257],{},[16,50258,50259],{},"src/App.vue",": El componente raíz de tu aplicación. Todo lo que escribas aquí se verá en pantalla.",[41,50262,50263,50268],{},[72,50264,50265],{},[16,50266,50267],{},"src/components/",": Carpeta donde guardarás tus propios componentes reutilizables.",[41,50270,50271,50275],{},[72,50272,50273],{},[16,50274,49701],{},": Archivo de configuración de Vite.",[30,50277,50279],{"id":50278},"ejemplo-de-un-componente-básico","Ejemplo de un componente básico",[21,50281,50282,50283,50285],{},"Para empezar a programar, puedes abrir el archivo ",[16,50284,50259],{}," y reemplazar su contenido con este código sencillo para entender cómo funciona la reactividad:",[267,50287,50289],{"className":269,"code":50288,"filename":271,"language":272,"meta":273,"style":273},"\u003Ctemplate>\n \u003Cdiv>\n \u003Ch1>{{ mensaje }}\u003C/h1>\n \u003Cbutton @click=\"incrementar\">Contador: {{ contador }}\u003C/button>\n \u003C/div>\n\u003C/template>\n\n\u003Cscript setup>\nimport { ref } from 'vue';\n\n// Definimos una variable reactiva\nconst mensaje = \"¡Hola desde mi app con Vite!\";\nconst contador = ref(0);\n\n// Función para cambiar el estado\nconst incrementar = () => {\n contador.value++;\n};\n\u003C/script>\n\n\u003Cstyle scoped>\nh1 {\n color: #42b983;\n}\nbutton {\n padding: 10px 20px;\n cursor: pointer;\n}\n\u003C/style>\n",[16,50290,50291,50299,50307,50320,50339,50347,50355,50359,50369,50381,50385,50390,50404,50421,50425,50430,50444,50453,50457,50465,50469,50480,50486,50497,50501,50507,50525,50537,50541],{"__ignoreMap":273},[277,50292,50293,50295,50297],{"class":279,"line":280},[277,50294,284],{"class":283},[277,50296,802],{"class":287},[277,50298,305],{"class":283},[277,50300,50301,50303,50305],{"class":279,"line":308},[277,50302,810],{"class":283},[277,50304,4201],{"class":287},[277,50306,305],{"class":283},[277,50308,50309,50311,50313,50316,50318],{"class":279,"line":324},[277,50310,829],{"class":283},[277,50312,11],{"class":287},[277,50314,50315],{"class":283},">{{ mensaje }}\u003C/",[277,50317,11],{"class":287},[277,50319,305],{"class":283},[277,50321,50322,50324,50326,50328,50330,50332,50335,50337],{"class":279,"line":331},[277,50323,829],{"class":283},[277,50325,4267],{"class":287},[277,50327,4278],{"class":291},[277,50329,298],{"class":283},[277,50331,48810],{"class":301},[277,50333,50334],{"class":283},">Contador: {{ contador }}\u003C/",[277,50336,4267],{"class":287},[277,50338,305],{"class":283},[277,50340,50341,50343,50345],{"class":279,"line":346},[277,50342,954],{"class":283},[277,50344,4201],{"class":287},[277,50346,305],{"class":283},[277,50348,50349,50351,50353],{"class":279,"line":360},[277,50350,785],{"class":283},[277,50352,802],{"class":287},[277,50354,305],{"class":283},[277,50356,50357],{"class":279,"line":371},[277,50358,328],{"emptyLinePlaceholder":327},[277,50360,50361,50363,50365,50367],{"class":279,"line":381},[277,50362,284],{"class":283},[277,50364,288],{"class":287},[277,50366,292],{"class":291},[277,50368,305],{"class":283},[277,50370,50371,50373,50375,50377,50379],{"class":279,"line":391},[277,50372,312],{"class":311},[277,50374,11006],{"class":283},[277,50376,318],{"class":311},[277,50378,45690],{"class":301},[277,50380,18151],{"class":283},[277,50382,50383],{"class":279,"line":397},[277,50384,328],{"emptyLinePlaceholder":327},[277,50386,50387],{"class":279,"line":402},[277,50388,50389],{"class":12741},"// Definimos una variable reactiva\n",[277,50391,50392,50394,50397,50399,50402],{"class":279,"line":436},[277,50393,405],{"class":311},[277,50395,50396],{"class":356}," mensaje",[277,50398,340],{"class":311},[277,50400,50401],{"class":301}," \"¡Hola desde mi app con Vite!\"",[277,50403,18151],{"class":283},[277,50405,50406,50408,50411,50413,50415,50417,50419],{"class":279,"line":456},[277,50407,405],{"class":311},[277,50409,50410],{"class":356}," contador",[277,50412,340],{"class":311},[277,50414,413],{"class":291},[277,50416,448],{"class":283},[277,50418,3542],{"class":356},[277,50420,18277],{"class":283},[277,50422,50423],{"class":279,"line":461},[277,50424,328],{"emptyLinePlaceholder":327},[277,50426,50427],{"class":279,"line":476},[277,50428,50429],{"class":12741},"// Función para cambiar el estado\n",[277,50431,50432,50434,50436,50438,50440,50442],{"class":279,"line":500},[277,50433,405],{"class":311},[277,50435,48755],{"class":291},[277,50437,340],{"class":311},[277,50439,598],{"class":283},[277,50441,601],{"class":311},[277,50443,343],{"class":283},[277,50445,50446,50449,50451],{"class":279,"line":505},[277,50447,50448],{"class":283}," contador.value",[277,50450,48771],{"class":311},[277,50452,18151],{"class":283},[277,50454,50455],{"class":279,"line":520},[277,50456,18255],{"class":283},[277,50458,50459,50461,50463],{"class":279,"line":539},[277,50460,785],{"class":283},[277,50462,288],{"class":287},[277,50464,305],{"class":283},[277,50466,50467],{"class":279,"line":545},[277,50468,328],{"emptyLinePlaceholder":327},[277,50470,50471,50473,50475,50478],{"class":279,"line":550},[277,50472,284],{"class":283},[277,50474,1606],{"class":287},[277,50476,50477],{"class":291}," scoped",[277,50479,305],{"class":283},[277,50481,50482,50484],{"class":279,"line":578},[277,50483,11],{"class":287},[277,50485,343],{"class":283},[277,50487,50488,50490,50492,50495],{"class":279,"line":583},[277,50489,21263],{"class":356},[277,50491,20699],{"class":283},[277,50493,50494],{"class":356},"#42b983",[277,50496,18151],{"class":283},[277,50498,50499],{"class":279,"line":588},[277,50500,394],{"class":283},[277,50502,50503,50505],{"class":279,"line":606},[277,50504,4267],{"class":287},[277,50506,343],{"class":283},[277,50508,50509,50511,50513,50516,50518,50521,50523],{"class":279,"line":614},[277,50510,21275],{"class":356},[277,50512,20699],{"class":283},[277,50514,50515],{"class":356},"10",[277,50517,21297],{"class":311},[277,50519,50520],{"class":356}," 20",[277,50522,21297],{"class":311},[277,50524,18151],{"class":283},[277,50526,50527,50530,50532,50535],{"class":279,"line":625},[277,50528,50529],{"class":356}," cursor",[277,50531,20699],{"class":283},[277,50533,50534],{"class":356},"pointer",[277,50536,18151],{"class":283},[277,50538,50539],{"class":279,"line":637},[277,50540,394],{"class":283},[277,50542,50543,50545,50547],{"class":279,"line":646},[277,50544,785],{"class":283},[277,50546,1606],{"class":287},[277,50548,305],{"class":283},[267,50550,50552],{"className":269,"code":50551,"filename":971,"language":272,"meta":273,"style":273},"\u003Ctemplate>\n \u003Cdiv>\n \u003Ch1>{{ mensaje }}\u003C/h1>\n \u003Cbutton @click=\"incrementar\">Contador: {{ contador }}\u003C/button>\n \u003C/div>\n\u003C/template>\n\n\u003Cscript>\nexport default {\n name: 'App',\n data() {\n return {\n mensaje: '¡Hola desde mi app con Vite!',\n contador: 0\n };\n },\n methods: {\n incrementar() {\n this.contador++;\n }\n }\n};\n\u003C/script>\n\n\u003Cstyle scoped>\nh1 {\n color: #42b983;\n}\nbutton {\n padding: 10px 20px;\n cursor: pointer;\n}\n\u003C/style>\n",[16,50553,50554,50562,50570,50582,50600,50608,50616,50620,50628,50636,50645,50651,50657,50667,50674,50678,50682,50686,50692,50703,50707,50711,50715,50723,50727,50737,50743,50753,50757,50763,50779,50789,50793],{"__ignoreMap":273},[277,50555,50556,50558,50560],{"class":279,"line":280},[277,50557,284],{"class":283},[277,50559,802],{"class":287},[277,50561,305],{"class":283},[277,50563,50564,50566,50568],{"class":279,"line":308},[277,50565,810],{"class":283},[277,50567,4201],{"class":287},[277,50569,305],{"class":283},[277,50571,50572,50574,50576,50578,50580],{"class":279,"line":324},[277,50573,829],{"class":283},[277,50575,11],{"class":287},[277,50577,50315],{"class":283},[277,50579,11],{"class":287},[277,50581,305],{"class":283},[277,50583,50584,50586,50588,50590,50592,50594,50596,50598],{"class":279,"line":331},[277,50585,829],{"class":283},[277,50587,4267],{"class":287},[277,50589,4278],{"class":291},[277,50591,298],{"class":283},[277,50593,48810],{"class":301},[277,50595,50334],{"class":283},[277,50597,4267],{"class":287},[277,50599,305],{"class":283},[277,50601,50602,50604,50606],{"class":279,"line":346},[277,50603,954],{"class":283},[277,50605,4201],{"class":287},[277,50607,305],{"class":283},[277,50609,50610,50612,50614],{"class":279,"line":360},[277,50611,785],{"class":283},[277,50613,802],{"class":287},[277,50615,305],{"class":283},[277,50617,50618],{"class":279,"line":371},[277,50619,328],{"emptyLinePlaceholder":327},[277,50621,50622,50624,50626],{"class":279,"line":381},[277,50623,284],{"class":283},[277,50625,288],{"class":287},[277,50627,305],{"class":283},[277,50629,50630,50632,50634],{"class":279,"line":391},[277,50631,1057],{"class":311},[277,50633,1060],{"class":311},[277,50635,343],{"class":283},[277,50637,50638,50640,50643],{"class":279,"line":397},[277,50639,1071],{"class":283},[277,50641,50642],{"class":301},"'App'",[277,50644,1077],{"class":283},[277,50646,50647,50649],{"class":279,"line":402},[277,50648,1086],{"class":291},[277,50650,473],{"class":283},[277,50652,50653,50655],{"class":279,"line":436},[277,50654,1093],{"class":311},[277,50656,343],{"class":283},[277,50658,50659,50662,50665],{"class":279,"line":456},[277,50660,50661],{"class":283}," mensaje: ",[277,50663,50664],{"class":301},"'¡Hola desde mi app con Vite!'",[277,50666,1077],{"class":283},[277,50668,50669,50672],{"class":279,"line":461},[277,50670,50671],{"class":283}," contador: ",[277,50673,4692],{"class":356},[277,50675,50676],{"class":279,"line":476},[277,50677,18478],{"class":283},[277,50679,50680],{"class":279,"line":500},[277,50681,1131],{"class":283},[277,50683,50684],{"class":279,"line":505},[277,50685,1140],{"class":283},[277,50687,50688,50690],{"class":279,"line":520},[277,50689,48892],{"class":291},[277,50691,473],{"class":283},[277,50693,50694,50696,50699,50701],{"class":279,"line":539},[277,50695,1212],{"class":356},[277,50697,50698],{"class":283},".contador",[277,50700,48771],{"class":311},[277,50702,18151],{"class":283},[277,50704,50705],{"class":279,"line":545},[277,50706,1126],{"class":283},[277,50708,50709],{"class":279,"line":550},[277,50710,542],{"class":283},[277,50712,50713],{"class":279,"line":578},[277,50714,18255],{"class":283},[277,50716,50717,50719,50721],{"class":279,"line":583},[277,50718,785],{"class":283},[277,50720,288],{"class":287},[277,50722,305],{"class":283},[277,50724,50725],{"class":279,"line":588},[277,50726,328],{"emptyLinePlaceholder":327},[277,50728,50729,50731,50733,50735],{"class":279,"line":606},[277,50730,284],{"class":283},[277,50732,1606],{"class":287},[277,50734,50477],{"class":291},[277,50736,305],{"class":283},[277,50738,50739,50741],{"class":279,"line":614},[277,50740,11],{"class":287},[277,50742,343],{"class":283},[277,50744,50745,50747,50749,50751],{"class":279,"line":625},[277,50746,21263],{"class":356},[277,50748,20699],{"class":283},[277,50750,50494],{"class":356},[277,50752,18151],{"class":283},[277,50754,50755],{"class":279,"line":637},[277,50756,394],{"class":283},[277,50758,50759,50761],{"class":279,"line":646},[277,50760,4267],{"class":287},[277,50762,343],{"class":283},[277,50764,50765,50767,50769,50771,50773,50775,50777],{"class":279,"line":668},[277,50766,21275],{"class":356},[277,50768,20699],{"class":283},[277,50770,50515],{"class":356},[277,50772,21297],{"class":311},[277,50774,50520],{"class":356},[277,50776,21297],{"class":311},[277,50778,18151],{"class":283},[277,50780,50781,50783,50785,50787],{"class":279,"line":673},[277,50782,50529],{"class":356},[277,50784,20699],{"class":283},[277,50786,50534],{"class":356},[277,50788,18151],{"class":283},[277,50790,50791],{"class":279,"line":679},[277,50792,394],{"class":283},[277,50794,50795,50797,50799],{"class":279,"line":684},[277,50796,785],{"class":283},[277,50798,1606],{"class":287},[277,50800,305],{"class":283},[192,50802,50804],{"id":50803},"explicación-del-código","Explicación del código:",[38,50806,50807,50817,50827],{},[41,50808,50809,50813,50814,50816],{},[72,50810,50811],{},[16,50812,26159],{},": Contiene el HTML. Usamos ",[16,50815,24722],{}," para mostrar variables.",[41,50818,50819,50823,50824,50826],{},[72,50820,50821],{},[16,50822,19250],{},": Es la forma moderna de escribir lógica en Vue 3. Usamos ",[16,50825,1927],{}," para que Vue sepa que cuando el valor cambie, debe actualizar la pantalla.",[41,50828,50829,50833,50834,50837],{},[72,50830,50831],{},[16,50832,20838],{},": Aquí va el CSS, y el atributo ",[16,50835,50836],{},"scoped"," asegura que los estilos solo afecten a este componente.",[1606,50839,50840],{},"html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}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 .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .s9eBZ, html code.shiki .s9eBZ{--shiki-default:#22863A;--shiki-dark:#85E89D}html pre.shiki code .szBVR, html code.shiki .szBVR{--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .sJ8bj, html code.shiki .sJ8bj{--shiki-default:#6A737D;--shiki-dark:#6A737D}",{"title":273,"searchDepth":308,"depth":308,"links":50842},[50843,50844,50845,50846,50847,50848,50849,50850],{"id":49910,"depth":308,"text":49911},{"id":49953,"depth":308,"text":49954},{"id":49977,"depth":308,"text":49978},{"id":50058,"depth":308,"text":50059},{"id":50089,"depth":308,"text":50090},{"id":50166,"depth":308,"text":50167},{"id":50230,"depth":308,"text":50231},{"id":50278,"depth":308,"text":50279,"children":50851},[50852],{"id":50803,"depth":324,"text":50804},"https://res.cloudinary.com/denj4fg7f/image/upload/v1766607505/setting_up_vue_with_vite_crikmp.png","Logo de Vue.js con el logo de Vite de fondo","2025-12-24","Una guía paso a paso para configurar un entorno de desarrollo moderno con Vue.js y Vite.",{"script":50858},[50859],{"type":1632,"key":1633,"data-nuxt-schema-org":327,"nodes":50860},[50861],{"headline":49894,"author":50862,"datePublished":50863,"@type":1640},{"name":1637,"@type":1638},"2025-12-24T00:00:00-05",{"updatedAt":46376,"coverCaption":50865},"Configura tu entorno de desarrollo con Vue y Vite en minutos","/blog/setting-up-vue-with-vite.es",[50868],{"headline":49894,"author":50869,"datePublished":50863,"@type":1640},{"name":1637,"@type":1638},{"title":49894,"description":50856},"blog/setting-up-vue-with-vite.es",[50873,50875,50876],{"tag":49906,"color":50874},"#646CFF",{"tag":49888,"color":49889},{"tag":9074,"color":9075},"nisSD7gx7iXbl0uktGTbkKJM-KnfAw_jtFWm-ZmgpK8",{"id":50879,"title":50880,"body":50881,"cover":51055,"coverAlt":51056,"date":51057,"description":51058,"draft":1627,"extension":1628,"head":51059,"locale":1641,"meta":51066,"navigation":327,"path":51068,"schemaOrg":51069,"seo":51072,"series":1656,"seriesDescription":1656,"seriesOrder":1656,"seriesTitle":1656,"slug":1656,"stem":51073,"tags":51074,"__hash__":51077},"blog/blog/history-evolution-philosophy-vue-progressive-framework.es.md","Historia y Evolución de Vue.js: El Framework Progresivo",{"type":8,"value":50882,"toc":51046},[50883,50887,50893,50897,50908,50914,50918,50925,50965,50975,50979,50983,50997,51001,51004,51029,51033],[11,50884,50886],{"id":50885},"vuejs-la-evolución-del-framework-progresivo","Vue.js: La Evolución del Framework Progresivo",[21,50888,50889,50890,50892],{},"Desde su humilde comienzo como un proyecto paralelo en Google hasta convertirse en uno de los pilares del desarrollo web moderno, ",[72,50891,1645],{}," ha mantenido una filosofía única: ser el framework que crece contigo. En este artículo, exploraremos cómo su historia y diseño técnico han redefinido la experiencia de desarrollo (DX).",[30,50894,50896],{"id":50895},"el-origen-la-visión-de-evan-you","El Origen: La Visión de Evan You",[21,50898,50899,50900,50903,50904,50907],{},"La historia de Vue comienza en 2013, dentro de las oficinas de Google Creative Lab. ",[72,50901,50902],{},"Evan You",", trabajando con AngularJS, sintió que podía extraer lo mejor de ese mundo (el enlace de datos o ",[3292,50905,50906],{},"data binding",") y combinarlo con una estructura mucho más ligera y menos restrictiva.",[21,50909,110,50910,50913],{},[72,50911,50912],{},"febrero de 2014",", se lanzó oficialmente la versión 1.0. A diferencia de sus competidores, Vue no nació bajo el ala de una gran corporación (como React con Facebook o Angular con Google), sino como un proyecto independiente impulsado por la comunidad y el feedback directo de los desarrolladores.",[30,50915,50917],{"id":50916},"la-filosofía-del-framework-progresivo","La Filosofía del \"Framework Progresivo\"",[21,50919,50920,50921,50924],{},"¿Qué significa realmente que Vue sea ",[72,50922,50923],{},"progresivo","? A diferencia de los frameworks monolíticos, Vue se divide en capas que puedes adoptar según tus necesidades:",[10089,50926,50927,50933,50939,50948,50957],{},[41,50928,50929,50932],{},[72,50930,50931],{},"Declarative Rendering:"," Puedes usarlo solo para manejar el DOM.",[41,50934,50935,50938],{},[72,50936,50937],{},"Component System:"," Para crear interfaces modulares.",[41,50940,50941,50944,50945,104],{},[72,50942,50943],{},"Client-Side Routing:"," Mediante ",[3292,50946,50947],{},"Vue Router",[41,50949,50950,50944,50953,50956],{},[72,50951,50952],{},"State Management:",[3292,50954,50955],{},"Pinia"," (anteriormente Vuex).",[41,50958,50959,50962,50963,104],{},[72,50960,50961],{},"Build System:"," Optimizado actualmente por ",[3292,50964,49906],{},[21,50966,50967,50968,50970,50971,50974],{},"Esta escalabilidad permite que un desarrollador integre Vue en una página legacy mediante un simple ",[16,50969,19250],{}," de CDN, o construya una ",[72,50972,50973],{},"Single Page Application (SPA)"," compleja con millones de usuarios.",[30,50976,50978],{"id":50977},"evolución-técnica-de-la-v1-a-la-v3","Evolución Técnica: De la V1 a la V3",[192,50980,50982],{"id":50981},"vue-2-la-consolidación","Vue 2: La Consolidación",[21,50984,50985,50986,50989,50990,50993,50994,50996],{},"Lanzado en 2016, introdujo el ",[72,50987,50988],{},"Virtual DOM",", mejorando drásticamente el rendimiento. Fue la era donde el ecosistema explotó, popularizando los ",[72,50991,50992],{},"Single File Components (SFC)"," y el uso de ",[16,50995,48417],{}," para su sistema de reactividad.",[192,50998,51000],{"id":50999},"vue-3-el-gran-salto-one-piece","Vue 3: El Gran Salto (One Piece)",[21,51002,51003],{},"En septiembre de 2020, Vue 3 trajo una reescritura completa del núcleo. Los cambios clave fueron:",[38,51005,51006,51017,51023],{},[41,51007,51008,51011,51012,51014,51015,1895],{},[72,51009,51010],{},"Composition API:"," Una alternativa superior a la ",[3292,51013,971],{}," para organizar la lógica de componentes complejos y mejorar la reutilización de código (",[3292,51016,12330],{},[41,51018,51019,51022],{},[72,51020,51021],{},"Reactividad basada en Proxies:"," Superando las limitaciones de Vue 2, permitiendo detectar cambios en propiedades nuevas y arreglos de forma nativa.",[41,51024,51025,51028],{},[72,51026,51027],{},"Soporte de TypeScript de primer nivel:"," El framework ahora está escrito en TS, facilitando el tipado estático.",[30,51030,51032],{"id":51031},"el-futuro-y-el-ecosistema-actual","El Futuro y el Ecosistema Actual",[21,51034,51035,51036,51038,51039,51042,51043,51045],{},"Hoy, Vue no es solo una librería; es un estándar de rendimiento gracias a ",[72,51037,49906],{},", el motor de bundling creado por el propio equipo de Vue que ha revolucionado la industria. Con el auge de ",[72,51040,51041],{},"Nuxt 3"," para aplicaciones SSR (Server Side Rendering) y la transición oficial a ",[72,51044,50955],{}," como gestor de estado, el ecosistema es más robusto y maduro que nunca.",{"title":273,"searchDepth":308,"depth":308,"links":51047},[51048,51049,51050,51054],{"id":50895,"depth":308,"text":50896},{"id":50916,"depth":308,"text":50917},{"id":50977,"depth":308,"text":50978,"children":51051},[51052,51053],{"id":50981,"depth":324,"text":50982},{"id":50999,"depth":324,"text":51000},{"id":51031,"depth":308,"text":51032},"https://res.cloudinary.com/denj4fg7f/image/upload/v1766105778/historia_de_vue_wbwv72.png","Logo de Vue.js con fondo de código fuente","2025-12-19","Desde sus inicios como un proyecto paralelo en Google hasta convertirse en uno de los pilares del desarrollo web moderno, exploramos la evolución y filosofía de Vue.js.",{"script":51060},[51061],{"type":1632,"key":1633,"data-nuxt-schema-org":327,"nodes":51062},[51063],{"headline":50880,"author":51064,"datePublished":51065,"@type":1640},{"name":1637,"@type":1638},"2025-12-19T00:00:00-05",{"updatedAt":46376,"coverCaption":51067},"Explorando la evolución de Vue.js desde sus inicios hasta la actualidad","/blog/history-evolution-philosophy-vue-progressive-framework.es",[51070],{"headline":50880,"author":51071,"datePublished":51065,"@type":1640},{"name":1637,"@type":1638},{"title":50880,"description":51058},"blog/history-evolution-philosophy-vue-progressive-framework.es",[51075,51076],{"tag":49017,"color":49018},{"tag":49888,"color":49889},"za74lWir7bqMzxflbMIiTVoDNp7ZkaBvQ9_9paq4BFo",{"id":51079,"title":51080,"body":51081,"cover":51712,"coverAlt":49861,"date":51713,"description":51714,"draft":1627,"extension":1628,"head":51715,"locale":1641,"meta":51722,"navigation":327,"path":51725,"schemaOrg":51726,"seo":51729,"series":1656,"seriesDescription":1656,"seriesOrder":1656,"seriesTitle":1656,"slug":1656,"stem":51730,"tags":51731,"__hash__":51735},"blog/blog/what-is-vue-js-and-why-you-should-use-it.es.md","¿Qué es Vue.js y por qué deberías usarlo?",{"type":8,"value":51082,"toc":51694},[51083,51087,51093,51099,51102,51106,51112,51118,51123,51129,51140,51144,51150,51365,51574,51585,51589,51592,51598,51610,51615,51625,51629,51635,51640,51646,51661,51667,51672,51678,51683,51685,51688,51691],[11,51084,51086],{"id":51085},"vuejs-el-framework-progresivo-para-la-web-moderna","Vue.js: El Framework Progresivo para la Web Moderna",[21,51088,51089,51090,51092],{},"En el saturado ecosistema de JavaScript, elegir una herramienta para el frontend puede sentirse como intentar dar a un blanco móvil. Sin embargo, ",[72,51091,1645],{}," ha logrado posicionarse no solo como una alternativa a gigantes como React o Angular, sino como la opción preferida para quienes buscan un equilibrio entre potencia, simplicidad y rendimiento.",[21,51094,51095,51098],{},[72,51096,51097],{},"Vue.js es un framework JavaScript de código abierto"," creado por Evan You en 2014, diseñado específicamente para construir interfaces de usuario interactivas y aplicaciones de una sola página (SPA). Su filosofía se centra en ser accesible, versátil y eficiente, priorizando la experiencia del desarrollador sin comprometer el rendimiento.",[21,51100,51101],{},"Pero, ¿qué es exactamente lo que hace a Vue especial y por qué deberías considerarlo para tu próximo proyecto en 2025?",[30,51103,51105],{"id":51104},"el-concepto-de-framework-progresivo","El Concepto de \"Framework Progresivo\"",[21,51107,51108,51109,51111],{},"A diferencia de otros frameworks monolíticos que te obligan a adoptar toda su estructura desde el día uno, Vue se define como ",[72,51110,50923],{},". Esto significa que su complejidad escala según tus necesidades:",[192,51113,51115],{"id":51114},"uso-como-librería",[72,51116,51117],{},"Uso como librería:",[38,51119,51120],{},[41,51121,51122],{},"Puedes integrar Vue en una página existente mediante un simple CDN para manejar widgets pequeños o añadir interactividad ligera sin reescribir todo tu backend.",[192,51124,51126],{"id":51125},"uso-como-framework-spa",[72,51127,51128],{},"Uso como Framework (SPA):",[38,51130,51131],{},[41,51132,51133,51134,51136,51137,51139],{},"Puedes construir aplicaciones robustas de una sola página (Single Page Applications) utilizando su ecosistema oficial completo: ",[72,51135,50947],{}," para la navegación y ",[72,51138,50955],{}," para la gestión del estado global.",[30,51141,51143],{"id":51142},"reactividad-transparente-y-eficiente","Reactividad Transparente y Eficiente",[21,51145,51146,51147,51149],{},"El corazón de Vue es su sistema de reactividad. En su versión 3, Vue utiliza los ",[16,51148,16977],{}," nativos de JavaScript para interceptar cambios en los datos. Esto permite que el framework sepa exactamente qué parte del DOM debe actualizarse, evitando renderizados innecesarios y procesos pesados de comparación de nodos.",[267,51151,51153],{"className":269,"code":51152,"filename":271,"language":272,"meta":273,"style":273},"\u003Cscript setup>\nimport { ref, computed } from 'vue';\n\n// Estado reactivo simple\nconst contador = ref(0);\n\n// Propiedad computada: se recalcula solo cuando cambia 'contador'\nconst esPar = computed(() => contador.value % 2 === 0);\n\nconst incrementar = () => {\n contador.value++;\n};\n\u003C/script>\n\n\u003Ctemplate>\n \u003Cdiv class=\"contador\">\n \u003Ch3>Contador: {{ contador }}\u003C/h3>\n \u003Cp>El número es: {{ esPar ? 'Par' : 'Impar' }}\u003C/p>\n \u003Cbutton @click=\"incrementar\">Incrementar\u003C/button>\n \u003C/div>\n\u003C/template>\n",[16,51154,51155,51165,51177,51181,51186,51202,51206,51211,51241,51245,51259,51267,51271,51279,51283,51291,51306,51318,51331,51349,51357],{"__ignoreMap":273},[277,51156,51157,51159,51161,51163],{"class":279,"line":280},[277,51158,284],{"class":283},[277,51160,288],{"class":287},[277,51162,292],{"class":291},[277,51164,305],{"class":283},[277,51166,51167,51169,51171,51173,51175],{"class":279,"line":308},[277,51168,312],{"class":311},[277,51170,12362],{"class":283},[277,51172,318],{"class":311},[277,51174,45690],{"class":301},[277,51176,18151],{"class":283},[277,51178,51179],{"class":279,"line":324},[277,51180,328],{"emptyLinePlaceholder":327},[277,51182,51183],{"class":279,"line":331},[277,51184,51185],{"class":12741},"// Estado reactivo simple\n",[277,51187,51188,51190,51192,51194,51196,51198,51200],{"class":279,"line":346},[277,51189,405],{"class":311},[277,51191,50410],{"class":356},[277,51193,340],{"class":311},[277,51195,413],{"class":291},[277,51197,448],{"class":283},[277,51199,3542],{"class":356},[277,51201,18277],{"class":283},[277,51203,51204],{"class":279,"line":360},[277,51205,328],{"emptyLinePlaceholder":327},[277,51207,51208],{"class":279,"line":371},[277,51209,51210],{"class":12741},"// Propiedad computada: se recalcula solo cuando cambia 'contador'\n",[277,51212,51213,51215,51218,51220,51222,51224,51226,51229,51232,51234,51237,51239],{"class":279,"line":381},[277,51214,405],{"class":311},[277,51216,51217],{"class":356}," esPar",[277,51219,340],{"class":311},[277,51221,2200],{"class":291},[277,51223,2203],{"class":283},[277,51225,601],{"class":311},[277,51227,51228],{"class":283}," contador.value ",[277,51230,51231],{"class":311},"%",[277,51233,12410],{"class":356},[277,51235,51236],{"class":311}," ===",[277,51238,38884],{"class":356},[277,51240,18277],{"class":283},[277,51242,51243],{"class":279,"line":391},[277,51244,328],{"emptyLinePlaceholder":327},[277,51246,51247,51249,51251,51253,51255,51257],{"class":279,"line":397},[277,51248,405],{"class":311},[277,51250,48755],{"class":291},[277,51252,340],{"class":311},[277,51254,598],{"class":283},[277,51256,601],{"class":311},[277,51258,343],{"class":283},[277,51260,51261,51263,51265],{"class":279,"line":402},[277,51262,50448],{"class":283},[277,51264,48771],{"class":311},[277,51266,18151],{"class":283},[277,51268,51269],{"class":279,"line":436},[277,51270,18255],{"class":283},[277,51272,51273,51275,51277],{"class":279,"line":456},[277,51274,785],{"class":283},[277,51276,288],{"class":287},[277,51278,305],{"class":283},[277,51280,51281],{"class":279,"line":461},[277,51282,328],{"emptyLinePlaceholder":327},[277,51284,51285,51287,51289],{"class":279,"line":476},[277,51286,284],{"class":283},[277,51288,802],{"class":287},[277,51290,305],{"class":283},[277,51292,51293,51295,51297,51299,51301,51304],{"class":279,"line":500},[277,51294,810],{"class":283},[277,51296,4201],{"class":287},[277,51298,816],{"class":291},[277,51300,298],{"class":283},[277,51302,51303],{"class":301},"\"contador\"",[277,51305,305],{"class":283},[277,51307,51308,51310,51312,51314,51316],{"class":279,"line":505},[277,51309,829],{"class":283},[277,51311,192],{"class":287},[277,51313,50334],{"class":283},[277,51315,192],{"class":287},[277,51317,305],{"class":283},[277,51319,51320,51322,51324,51327,51329],{"class":279,"line":520},[277,51321,829],{"class":283},[277,51323,21],{"class":287},[277,51325,51326],{"class":283},">El número es: {{ esPar ? 'Par' : 'Impar' }}\u003C/",[277,51328,21],{"class":287},[277,51330,305],{"class":283},[277,51332,51333,51335,51337,51339,51341,51343,51345,51347],{"class":279,"line":539},[277,51334,829],{"class":283},[277,51336,4267],{"class":287},[277,51338,4278],{"class":291},[277,51340,298],{"class":283},[277,51342,48810],{"class":301},[277,51344,44692],{"class":283},[277,51346,4267],{"class":287},[277,51348,305],{"class":283},[277,51350,51351,51353,51355],{"class":279,"line":545},[277,51352,954],{"class":283},[277,51354,4201],{"class":287},[277,51356,305],{"class":283},[277,51358,51359,51361,51363],{"class":279,"line":550},[277,51360,785],{"class":283},[277,51362,802],{"class":287},[277,51364,305],{"class":283},[267,51366,51368],{"className":269,"code":51367,"filename":971,"language":272,"meta":273,"style":273},"\u003Cscript>\nexport default {\n data() {\n return {\n contador: 0\n };\n },\n computed: {\n esPar() {\n return this.contador % 2 === 0;\n }\n },\n methods: {\n incrementar() {\n this.contador++;\n }\n }\n};\n\u003C/script>\n\n\u003Ctemplate>\n \u003Cdiv class=\"contador\">\n \u003Ch3>Contador: {{ contador }}\u003C/h3>\n \u003Cp>El número es: {{ esPar ? 'Par' : 'Impar' }}\u003C/p>\n \u003Cbutton @click=\"incrementar\">Incrementar\u003C/button>\n \u003C/div>\n\u003C/template>\n",[16,51369,51370,51378,51386,51392,51398,51404,51408,51412,51416,51423,51442,51446,51450,51454,51460,51470,51474,51478,51482,51490,51494,51502,51516,51528,51540,51558,51566],{"__ignoreMap":273},[277,51371,51372,51374,51376],{"class":279,"line":280},[277,51373,284],{"class":283},[277,51375,288],{"class":287},[277,51377,305],{"class":283},[277,51379,51380,51382,51384],{"class":279,"line":308},[277,51381,1057],{"class":311},[277,51383,1060],{"class":311},[277,51385,343],{"class":283},[277,51387,51388,51390],{"class":279,"line":324},[277,51389,1086],{"class":291},[277,51391,473],{"class":283},[277,51393,51394,51396],{"class":279,"line":331},[277,51395,1093],{"class":311},[277,51397,343],{"class":283},[277,51399,51400,51402],{"class":279,"line":346},[277,51401,50671],{"class":283},[277,51403,4692],{"class":356},[277,51405,51406],{"class":279,"line":360},[277,51407,18478],{"class":283},[277,51409,51410],{"class":279,"line":371},[277,51411,1131],{"class":283},[277,51413,51414],{"class":279,"line":381},[277,51415,2742],{"class":283},[277,51417,51418,51421],{"class":279,"line":391},[277,51419,51420],{"class":291}," esPar",[277,51422,473],{"class":283},[277,51424,51425,51427,51429,51432,51434,51436,51438,51440],{"class":279,"line":397},[277,51426,2754],{"class":311},[277,51428,1268],{"class":356},[277,51430,51431],{"class":283},".contador ",[277,51433,51231],{"class":311},[277,51435,12410],{"class":356},[277,51437,51236],{"class":311},[277,51439,38884],{"class":356},[277,51441,18151],{"class":283},[277,51443,51444],{"class":279,"line":402},[277,51445,1126],{"class":283},[277,51447,51448],{"class":279,"line":436},[277,51449,1131],{"class":283},[277,51451,51452],{"class":279,"line":456},[277,51453,1140],{"class":283},[277,51455,51456,51458],{"class":279,"line":461},[277,51457,48892],{"class":291},[277,51459,473],{"class":283},[277,51461,51462,51464,51466,51468],{"class":279,"line":476},[277,51463,1212],{"class":356},[277,51465,50698],{"class":283},[277,51467,48771],{"class":311},[277,51469,18151],{"class":283},[277,51471,51472],{"class":279,"line":500},[277,51473,1126],{"class":283},[277,51475,51476],{"class":279,"line":505},[277,51477,542],{"class":283},[277,51479,51480],{"class":279,"line":520},[277,51481,18255],{"class":283},[277,51483,51484,51486,51488],{"class":279,"line":539},[277,51485,785],{"class":283},[277,51487,288],{"class":287},[277,51489,305],{"class":283},[277,51491,51492],{"class":279,"line":545},[277,51493,328],{"emptyLinePlaceholder":327},[277,51495,51496,51498,51500],{"class":279,"line":550},[277,51497,284],{"class":283},[277,51499,802],{"class":287},[277,51501,305],{"class":283},[277,51503,51504,51506,51508,51510,51512,51514],{"class":279,"line":578},[277,51505,810],{"class":283},[277,51507,4201],{"class":287},[277,51509,816],{"class":291},[277,51511,298],{"class":283},[277,51513,51303],{"class":301},[277,51515,305],{"class":283},[277,51517,51518,51520,51522,51524,51526],{"class":279,"line":583},[277,51519,829],{"class":283},[277,51521,192],{"class":287},[277,51523,50334],{"class":283},[277,51525,192],{"class":287},[277,51527,305],{"class":283},[277,51529,51530,51532,51534,51536,51538],{"class":279,"line":588},[277,51531,829],{"class":283},[277,51533,21],{"class":287},[277,51535,51326],{"class":283},[277,51537,21],{"class":287},[277,51539,305],{"class":283},[277,51541,51542,51544,51546,51548,51550,51552,51554,51556],{"class":279,"line":606},[277,51543,829],{"class":283},[277,51545,4267],{"class":287},[277,51547,4278],{"class":291},[277,51549,298],{"class":283},[277,51551,48810],{"class":301},[277,51553,44692],{"class":283},[277,51555,4267],{"class":287},[277,51557,305],{"class":283},[277,51559,51560,51562,51564],{"class":279,"line":614},[277,51561,954],{"class":283},[277,51563,4201],{"class":287},[277,51565,305],{"class":283},[277,51567,51568,51570,51572],{"class":279,"line":625},[277,51569,785],{"class":283},[277,51571,802],{"class":287},[277,51573,305],{"class":283},[21,51575,51576,51577,51580,51581,51584],{},"Este simple ejemplo demuestra cómo Vue rastrea automáticamente las dependencias: cuando ",[16,51578,51579],{},"contador"," cambia, tanto la visualización del número como la propiedad computada ",[16,51582,51583],{},"esPar"," se actualizan sin intervención manual.",[30,51586,51588],{"id":51587},"versatilidad-de-apis-options-vs-composition","Versatilidad de APIs: Options vs. Composition",[21,51590,51591],{},"Una de las mayores fortalezas de Vue es su dualidad, adaptándose al nivel de experiencia del equipo y a la escala del problema:",[192,51593,51595],{"id":51594},"options-api",[72,51596,51597],{},"Options API:",[38,51599,51600],{},[41,51601,51602,51603,225,51605,225,51607,51609],{},"La forma clásica. Organiza el código por \"opciones\" (",[16,51604,12059],{},[16,51606,12068],{},[16,51608,1732],{},"). Es extremadamente legible y recomendada para quienes están haciendo la transición desde HTML/JS básico o jQuery.",[192,51611,51613],{"id":51612},"composition-api",[72,51614,51010],{},[38,51616,51617],{},[41,51618,51619,51620,51622,51623,104],{},"Introducida en Vue 3, permite agrupar la lógica por funcionalidades en lugar de por tipos de opción. Es la herramienta definitiva para proyectos grandes, ya que facilita la creación de lógica reutilizable (",[72,51621,13469],{},") y ofrece una integración nativa y robusta con ",[72,51624,50085],{},[30,51626,51628],{"id":51627},"por-qué-elegir-vuejs-hoy","¿Por qué elegir Vue.js hoy?",[192,51630,51632],{"id":51631},"curva-de-aprendizaje-amable",[72,51633,51634],{},"Curva de aprendizaje amable:",[38,51636,51637],{},[41,51638,51639],{},"Si dominas los fundamentos de la web (HTML, CSS y JS), serás productivo en Vue en cuestión de horas. Su sintaxis de plantillas (Templates) es familiar y reduce la carga cognitiva.",[192,51641,51643],{"id":51642},"ecosistema-unificado",[72,51644,51645],{},"Ecosistema Unificado:",[38,51647,51648],{},[41,51649,51650,51651,51653,51654,51656,51657,51660],{},"El equipo oficial de Vue mantiene las herramientas críticas: ",[72,51652,49906],{}," (el bundler más rápido del mercado), ",[72,51655,50955],{}," (estado) y ",[72,51658,51659],{},"Router",". Esto garantiza que todas las piezas encajen perfectamente tras cada actualización.",[192,51662,51664],{"id":51663},"rendimiento-de-élite",[72,51665,51666],{},"Rendimiento de Élite:",[38,51668,51669],{},[41,51670,51671],{},"Gracias a un compilador inteligente que optimiza las plantillas en tiempo de construcción, Vue genera un código de ejecución ligero que suele superar en velocidad a frameworks con mayor cuota de mercado.",[192,51673,51675],{"id":51674},"documentación-de-referencia",[72,51676,51677],{},"Documentación de referencia:",[38,51679,51680],{},[41,51681,51682],{},"Es ampliamente considerada como el estándar de oro en la industria por ser clara, estar siempre actualizada y ofrecer ejemplos que funcionan \"a la primera\".",[30,51684,17671],{"id":17670},[21,51686,51687],{},"Vue.js no intenta reinventar la web, sino hacer que trabajar en ella sea más placentero y eficiente. Es la elección lógica si buscas un framework que crezca con tu proyecto, ofreciendo la flexibilidad de una pequeña librería con la potencia de un entorno empresarial de alto nivel.",[21,51689,51690],{},"Ya sea que estés construyendo tu primera aplicación web o migrando un proyecto legacy, Vue te acompaña en cada etapa sin imponerte decisiones arquitectónicas prematuras. Su comunidad activa, el soporte corporativo de empresas como Alibaba y la constante innovación del equipo core garantizan que Vue seguirá siendo relevante en los años venideros.",[1606,51692,51693],{},"html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .s9eBZ, html code.shiki .s9eBZ{--shiki-default:#22863A;--shiki-dark:#85E89D}html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .szBVR, html code.shiki .szBVR{--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}html pre.shiki code .sJ8bj, html code.shiki .sJ8bj{--shiki-default:#6A737D;--shiki-dark:#6A737D}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}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":273,"searchDepth":308,"depth":308,"links":51695},[51696,51700,51701,51705,51711],{"id":51104,"depth":308,"text":51105,"children":51697},[51698,51699],{"id":51114,"depth":324,"text":51117},{"id":51125,"depth":324,"text":51128},{"id":51142,"depth":308,"text":51143},{"id":51587,"depth":308,"text":51588,"children":51702},[51703,51704],{"id":51594,"depth":324,"text":51597},{"id":51612,"depth":324,"text":51010},{"id":51627,"depth":308,"text":51628,"children":51706},[51707,51708,51709,51710],{"id":51631,"depth":324,"text":51634},{"id":51642,"depth":324,"text":51645},{"id":51663,"depth":324,"text":51666},{"id":51674,"depth":324,"text":51677},{"id":17670,"depth":308,"text":17671},"https://res.cloudinary.com/denj4fg7f/image/upload/v1766098457/Que_es_Vue_y_por_que_deberias_usarlo_tmowoz.png","2025-12-18","Descubre Vue.js, un framework progresivo de JavaScript, y aprende por qué es una excelente opción para desarrollar aplicaciones web modernas y reactivas.",{"script":51716},[51717],{"type":1632,"key":1633,"data-nuxt-schema-org":327,"nodes":51718},[51719],{"headline":51080,"author":51720,"datePublished":51721,"@type":1640},{"name":1637,"@type":1638},"2025-12-18T00:00:00-05",{"updatedAt":46376,"coverCaption":51723,"author":1637,"keywords":51724},"Explorando Vue.js: El framework progresivo para la web moderna","vue.js, javascript, framework, frontend, spa, reactividad, composition api, vue 3","/blog/what-is-vue-js-and-why-you-should-use-it.es",[51727],{"headline":51080,"author":51728,"datePublished":51721,"@type":1640},{"name":1637,"@type":1638},{"title":51080,"description":51714},"blog/what-is-vue-js-and-why-you-should-use-it.es",[51732,51733,51734],{"tag":49888,"color":49889},{"tag":9074,"color":9075},{"tag":49017,"color":49018},"dlcnS8xScY4fwq-IMUdSPpUBggTkLlzZ3njwEGhyCv8",{"id":51737,"title":51738,"body":51739,"cover":51894,"coverAlt":51895,"date":51896,"description":51897,"draft":1627,"extension":1628,"head":51898,"locale":1641,"meta":51905,"navigation":327,"path":51907,"schemaOrg":51908,"seo":51911,"series":1656,"seriesDescription":1656,"seriesOrder":1656,"seriesTitle":1656,"slug":1656,"stem":51912,"tags":51913,"__hash__":51919},"blog/blog/welcome-to-todovue.es.md","TODOvue: Un espacio dedicado al ecosistema de Vue.js",{"type":8,"value":51740,"toc":51888},[51741,51747,51753,51763,51767,51770,51821,51825,51831,51838,51845,51849,51863,51867,51873,51876,51878],[11,51742,51744,51745,514],{"id":51743},"bienvenidos-a-todovue","¡Bienvenidos a ",[72,51746,1637],{},[21,51748,51749,51750,51752],{},"Este espacio nace de una necesidad clara: establecer un punto de encuentro para desarrolladores que, al igual que yo, encuentran en el ecosistema de ",[72,51751,1645],{}," una de las herramientas más potentes, elegantes y eficientes para construir la web moderna.",[21,51754,51755,51757,51758,225,51760,51762],{},[72,51756,1637],{}," no es solo un blog; es un proyecto técnico dedicado a desglosar cada rincón de ",[72,51759,13114],{},[72,51761,113],{}," y el abanico de librerías que optimizan nuestro flujo de trabajo diario.",[30,51764,51766],{"id":51765},"qué-esperar-de-este-blog","¿Qué esperar de este blog?",[21,51768,51769],{},"Nuestro objetivo es trascender los tutoriales introductorios. En TODOvue profundizaremos en pilares fundamentales para el desarrollo profesional:",[38,51771,51772,51783,51798,51808],{},[41,51773,51774,51777,51778,51780,51781,104],{},[72,51775,51776],{},"Patrones de Diseño y Composición",": Uso avanzado de la ",[72,51779,271],{},", patrones de reusabilidad y diseño de ",[3292,51782,12330],{},[41,51784,51785,51788,51789,225,51791,225,51794,51797],{},[72,51786,51787],{},"Ecosistema Nuxt",": Estrategias de renderizado avanzado (",[72,51790,1646],{},[72,51792,51793],{},"SSG",[72,51795,51796],{},"Hybrid Rendering / ISR","), gestión de módulos y despliegue optimizado.",[41,51799,51800,51803,51804,51807],{},[72,51801,51802],{},"Rendimiento y Optimización",": Técnicas de ",[3292,51805,51806],{},"code-splitting",", optimización de bundles y estrategias para alcanzar la máxima velocidad en el lado del cliente.",[41,51809,51810,51813,51814,225,51816,225,51818,51820],{},[72,51811,51812],{},"Herramientas y Librerías",": Análisis profundo de ",[72,51815,50955],{},[72,51817,50947],{},[72,51819,49906],{}," y las propuestas emergentes más disruptivas de la comunidad.",[30,51822,51824],{"id":51823},"dogfooding-construido-con-lo-que-enseñamos","\"Dogfooding\": Construido con lo que enseñamos",[21,51826,51827,51828,104],{},"Un aspecto diferencial de este blog es su propia arquitectura. Todo lo que interactúa en esta plataforma ha sido desarrollado bajo los principios de ",[72,51829,51830],{},"Atomic Design",[21,51832,51833,51834,51837],{},"He decidido que cada pieza de TODOvue —desde los átomos (botones) hasta el motor de renderizado de artículos— funcione como un componente independiente publicado en ",[72,51835,51836],{},"NPM",". Aunque el foco principal es el contenido educativo, la infraestructura es totalmente transparente y abierta para quienes deseen integrarla en sus propios proyectos.",[21,51839,51840,51841,51844],{},"Creemos en el ",[72,51842,51843],{},"Open Source"," no solo como una filosofía, sino como una práctica de ingeniería. Si un componente es lo suficientemente robusto para dar vida a este blog, debe estar disponible para la comunidad en el registro de NPM.",[30,51846,51848],{"id":51847},"por-qué-ahora","¿Por qué ahora?",[21,51850,51851,51852,51854,51855,51858,51859,51862],{},"Vue 3 ha alcanzado un estado de madurez excepcional. Gracias a la adopción de ",[16,51853,19250],{},", la estabilidad de Nuxt 3 y la velocidad de Vite, el desarrollo ",[3292,51856,51857],{},"frontend"," nunca ha sido tan gratificante. Sin embargo, la evolución es constante: surgen nuevos retos, ",[3292,51860,51861],{},"breaking changes"," y patrones de arquitectura que merecen ser documentados y analizados con rigor técnico.",[30,51864,51866],{"id":51865},"únete-a-la-conversación","Únete a la conversación",[21,51868,51869,51870,51872],{},"Este es el inicio de un camino de aprendizaje continuo. ",[72,51871,1637],{}," aspira a ser una fuente de consulta confiable y un espacio de intercambio de conocimientos.",[21,51874,51875],{},"Te invito a explorar el contenido, experimentar con los componentes que alimentan este sitio y, sobre todo, a mantener la curiosidad por este framework que nos apasiona.",[38492,51877],{},[21,51879,51880,51883,51884],{},[72,51881,51882],{},"¿Hay algún tema específico de Vue o Nuxt que te gustaría que tratáramos primero?","\n¡Contáctame! ",[13178,51885,51887],{"href":51886},"mailto:blog@todovue.blog","blog@todovue.blog",{"title":273,"searchDepth":308,"depth":308,"links":51889},[51890,51891,51892,51893],{"id":51765,"depth":308,"text":51766},{"id":51823,"depth":308,"text":51824},{"id":51847,"depth":308,"text":51848},{"id":51865,"depth":308,"text":51866},"https://res.cloudinary.com/denj4fg7f/image/upload/v1766098456/TODOvue_idegxt.png","Logo de TODOvue con código fuente de fondo","2025-12-17","Bienvenidos a TODOvue. Un blog técnico diseñado por y para desarrolladores, donde exploramos a fondo Vue 3, Nuxt y la arquitectura de componentes moderna.",{"script":51899},[51900],{"type":1632,"key":1633,"data-nuxt-schema-org":327,"nodes":51901},[51902],{"headline":51738,"author":51903,"datePublished":51904,"@type":1640},{"name":1637,"@type":1638},"2025-12-17T00:00:00-05:00",{"updatedAt":46376,"coverCaption":51906},"Explorando el universo de Vue.js de principio a fin","/blog/welcome-to-todovue.es",[51909],{"headline":51738,"author":51910,"datePublished":51904,"@type":1640},{"name":1637,"@type":1638},{"title":51738,"description":51897},"blog/welcome-to-todovue.es",[51914,51915,51918],{"tag":1637,"color":49883},{"tag":51916,"color":51917},"Offtopic","#605AD1",{"tag":49888,"color":49889},"BCmOBO-2soGuV9x4K2M7CuS5RcLjexaIWQo_apfWI2k",{"id":5,"title":6,"body":51921,"cover":1623,"coverAlt":1624,"date":1625,"description":1626,"draft":1627,"extension":1628,"head":53201,"locale":1641,"meta":53207,"navigation":327,"path":1648,"schemaOrg":53209,"seo":53212,"series":1653,"seriesDescription":1654,"seriesOrder":391,"seriesTitle":1655,"slug":1656,"stem":1657,"tags":53213,"__hash__":1673},{"type":8,"value":51922,"toc":53187},[51923,51927,51929,51933,51935,51937,51947,51951,51953,51961,51963,51973,51975,51991,51993,51995,51999,52007,52011,52013,52015,52017,52031,52035,52037,52039,52045,52051,52053,52063,52065,52067,52071,52073,52077,52079,52081,52605,53169,53173,53177,53179,53183,53185],[11,51924,14,51925,19],{"id":13},[16,51926,18],{},[21,51928,23],{},[21,51930,51931,28],{},[16,51932,18],{},[30,51934,33],{"id":32},[21,51936,36],{},[38,51938,51939,51941,51943,51945],{},[41,51940,43],{},[41,51942,46],{},[41,51944,49],{},[41,51946,52],{},[21,51948,51949,57],{},[16,51950,18],{},[30,51952,61],{"id":60},[21,51954,51955,66,51957,70,51959,75],{},[16,51956,18],{},[16,51958,69],{},[72,51960,74],{},[21,51962,78],{},[38,51964,51965,51967,51969,51971],{},[41,51966,83],{},[41,51968,86],{},[41,51970,89],{},[41,51972,92],{},[21,51974,95],{},[38,51976,51977,51981,51983],{},[41,51978,100,51979,104],{},[72,51980,103],{},[41,51982,107],{},[41,51984,110,51985,114,51987,118,51989,122],{},[72,51986,113],{},[16,51988,117],{},[16,51990,121],{},[21,51992,125],{},[30,51994,129],{"id":128},[21,51996,51997,134],{},[16,51998,18],{},[38,52000,52001,52003,52005],{},[41,52002,139],{},[41,52004,142],{},[41,52006,145],{},[21,52008,148,52009,152],{},[72,52010,151],{},[30,52012,156],{"id":155},[21,52014,159],{},[21,52016,162],{},[38,52018,52019,52021,52023,52029],{},[41,52020,167],{},[41,52022,170],{},[41,52024,173,52025,118,52027,104],{},[16,52026,117],{},[16,52028,121],{},[41,52030,180],{},[21,52032,183,52033,186],{},[16,52034,18],{},[30,52036,190],{"id":189},[192,52038,195],{"id":194},[21,52040,52041,200,52043,204],{},[16,52042,18],{},[16,52044,203],{},[21,52046,207,52047,118,52049,214],{},[16,52048,210],{},[16,52050,213],{},[192,52052,218],{"id":217},[21,52054,221,52055,225,52057,229,52059,233,52061,236],{},[16,52056,224],{},[16,52058,228],{},[16,52060,232],{},[16,52062,18],{},[192,52064,240],{"id":239},[21,52066,243],{},[21,52068,246,52069,104],{},[16,52070,203],{},[192,52072,252],{"id":251},[21,52074,255,52075,258],{},[16,52076,18],{},[21,52078,261],{},[30,52080,265],{"id":264},[267,52082,52083],{"className":269,"code":270,"filename":271,"language":272,"meta":273,"style":273},[16,52084,52085,52101,52111,52115,52125,52133,52141,52149,52157,52161,52165,52189,52205,52209,52219,52237,52241,52251,52265,52269,52273,52293,52297,52301,52315,52321,52329,52337,52343,52359,52363,52367,52371,52385,52397,52401,52407,52415,52423,52429,52445,52449,52453,52461,52465,52473,52487,52505,52509,52527,52539,52551,52563,52571,52575,52589,52597],{"__ignoreMap":273},[277,52086,52087,52089,52091,52093,52095,52097,52099],{"class":279,"line":280},[277,52088,284],{"class":283},[277,52090,288],{"class":287},[277,52092,292],{"class":291},[277,52094,295],{"class":291},[277,52096,298],{"class":283},[277,52098,302],{"class":301},[277,52100,305],{"class":283},[277,52102,52103,52105,52107,52109],{"class":279,"line":308},[277,52104,312],{"class":311},[277,52106,315],{"class":283},[277,52108,318],{"class":311},[277,52110,321],{"class":301},[277,52112,52113],{"class":279,"line":324},[277,52114,328],{"emptyLinePlaceholder":327},[277,52116,52117,52119,52121,52123],{"class":279,"line":331},[277,52118,334],{"class":311},[277,52120,337],{"class":291},[277,52122,340],{"class":311},[277,52124,343],{"class":283},[277,52126,52127,52129,52131],{"class":279,"line":346},[277,52128,350],{"class":349},[277,52130,353],{"class":311},[277,52132,357],{"class":356},[277,52134,52135,52137,52139],{"class":279,"line":360},[277,52136,363],{"class":349},[277,52138,353],{"class":311},[277,52140,368],{"class":356},[277,52142,52143,52145,52147],{"class":279,"line":371},[277,52144,374],{"class":349},[277,52146,353],{"class":311},[277,52148,357],{"class":356},[277,52150,52151,52153,52155],{"class":279,"line":381},[277,52152,384],{"class":349},[277,52154,353],{"class":311},[277,52156,357],{"class":356},[277,52158,52159],{"class":279,"line":391},[277,52160,394],{"class":283},[277,52162,52163],{"class":279,"line":397},[277,52164,328],{"emptyLinePlaceholder":327},[277,52166,52167,52169,52171,52173,52175,52177,52179,52181,52183,52185,52187],{"class":279,"line":402},[277,52168,405],{"class":311},[277,52170,408],{"class":356},[277,52172,340],{"class":311},[277,52174,413],{"class":291},[277,52176,284],{"class":283},[277,52178,418],{"class":291},[277,52180,421],{"class":311},[277,52182,424],{"class":356},[277,52184,427],{"class":283},[277,52186,430],{"class":356},[277,52188,433],{"class":283},[277,52190,52191,52193,52195,52197,52199,52201,52203],{"class":279,"line":436},[277,52192,405],{"class":311},[277,52194,441],{"class":356},[277,52196,340],{"class":311},[277,52198,413],{"class":291},[277,52200,448],{"class":283},[277,52202,451],{"class":301},[277,52204,433],{"class":283},[277,52206,52207],{"class":279,"line":456},[277,52208,328],{"emptyLinePlaceholder":327},[277,52210,52211,52213,52215,52217],{"class":279,"line":461},[277,52212,464],{"class":311},[277,52214,467],{"class":311},[277,52216,470],{"class":291},[277,52218,473],{"class":283},[277,52220,52221,52223,52225,52227,52229,52231,52233,52235],{"class":279,"line":476},[277,52222,479],{"class":311},[277,52224,482],{"class":356},[277,52226,340],{"class":311},[277,52228,487],{"class":311},[277,52230,490],{"class":291},[277,52232,448],{"class":283},[277,52234,495],{"class":301},[277,52236,433],{"class":283},[277,52238,52239],{"class":279,"line":500},[277,52240,328],{"emptyLinePlaceholder":327},[277,52242,52243,52245,52247,52249],{"class":279,"line":505},[277,52244,508],{"class":311},[277,52246,511],{"class":283},[277,52248,514],{"class":311},[277,52250,517],{"class":283},[277,52252,52253,52255,52257,52259,52261,52263],{"class":279,"line":520},[277,52254,523],{"class":311},[277,52256,526],{"class":311},[277,52258,529],{"class":291},[277,52260,448],{"class":283},[277,52262,534],{"class":301},[277,52264,433],{"class":283},[277,52266,52267],{"class":279,"line":539},[277,52268,542],{"class":283},[277,52270,52271],{"class":279,"line":545},[277,52272,328],{"emptyLinePlaceholder":327},[277,52274,52275,52277,52279,52281,52283,52285,52287,52289,52291],{"class":279,"line":550},[277,52276,553],{"class":283},[277,52278,298],{"class":311},[277,52280,511],{"class":283},[277,52282,560],{"class":311},[277,52284,563],{"class":283},[277,52286,566],{"class":291},[277,52288,569],{"class":283},[277,52290,572],{"class":311},[277,52292,575],{"class":291},[277,52294,52295],{"class":279,"line":578},[277,52296,394],{"class":283},[277,52298,52299],{"class":279,"line":583},[277,52300,328],{"emptyLinePlaceholder":327},[277,52302,52303,52305,52307,52309,52311,52313],{"class":279,"line":588},[277,52304,591],{"class":291},[277,52306,448],{"class":283},[277,52308,464],{"class":311},[277,52310,598],{"class":283},[277,52312,601],{"class":311},[277,52314,343],{"class":283},[277,52316,52317,52319],{"class":279,"line":606},[277,52318,609],{"class":311},[277,52320,343],{"class":283},[277,52322,52323,52325,52327],{"class":279,"line":614},[277,52324,617],{"class":311},[277,52326,470],{"class":291},[277,52328,622],{"class":283},[277,52330,52331,52333,52335],{"class":279,"line":625},[277,52332,628],{"class":283},[277,52334,631],{"class":311},[277,52336,634],{"class":283},[277,52338,52339,52341],{"class":279,"line":637},[277,52340,640],{"class":283},[277,52342,643],{"class":311},[277,52344,52345,52347,52349,52351,52353,52355,52357],{"class":279,"line":646},[277,52346,649],{"class":283},[277,52348,652],{"class":311},[277,52350,529],{"class":291},[277,52352,657],{"class":311},[277,52354,660],{"class":283},[277,52356,353],{"class":311},[277,52358,665],{"class":301},[277,52360,52361],{"class":279,"line":668},[277,52362,542],{"class":283},[277,52364,52365],{"class":279,"line":673},[277,52366,676],{"class":283},[277,52368,52369],{"class":279,"line":679},[277,52370,328],{"emptyLinePlaceholder":327},[277,52372,52373,52375,52377,52379,52381,52383],{"class":279,"line":684},[277,52374,687],{"class":291},[277,52376,448],{"class":283},[277,52378,464],{"class":311},[277,52380,598],{"class":283},[277,52382,601],{"class":311},[277,52384,343],{"class":283},[277,52386,52387,52389,52391,52393,52395],{"class":279,"line":700},[277,52388,508],{"class":311},[277,52390,705],{"class":283},[277,52392,708],{"class":311},[277,52394,711],{"class":283},[277,52396,714],{"class":311},[277,52398,52399],{"class":279,"line":717},[277,52400,328],{"emptyLinePlaceholder":327},[277,52402,52403,52405],{"class":279,"line":722},[277,52404,609],{"class":311},[277,52406,343],{"class":283},[277,52408,52409,52411,52413],{"class":279,"line":729},[277,52410,617],{"class":311},[277,52412,470],{"class":291},[277,52414,622],{"class":283},[277,52416,52417,52419,52421],{"class":279,"line":738},[277,52418,628],{"class":283},[277,52420,631],{"class":311},[277,52422,634],{"class":283},[277,52424,52425,52427],{"class":279,"line":747},[277,52426,640],{"class":283},[277,52428,643],{"class":311},[277,52430,52431,52433,52435,52437,52439,52441,52443],{"class":279,"line":754},[277,52432,649],{"class":283},[277,52434,652],{"class":311},[277,52436,529],{"class":291},[277,52438,657],{"class":311},[277,52440,660],{"class":283},[277,52442,353],{"class":311},[277,52444,769],{"class":301},[277,52446,52447],{"class":279,"line":772},[277,52448,542],{"class":283},[277,52450,52451],{"class":279,"line":777},[277,52452,676],{"class":283},[277,52454,52455,52457,52459],{"class":279,"line":782},[277,52456,785],{"class":283},[277,52458,288],{"class":287},[277,52460,305],{"class":283},[277,52462,52463],{"class":279,"line":792},[277,52464,328],{"emptyLinePlaceholder":327},[277,52466,52467,52469,52471],{"class":279,"line":797},[277,52468,284],{"class":283},[277,52470,802],{"class":287},[277,52472,305],{"class":283},[277,52474,52475,52477,52479,52481,52483,52485],{"class":279,"line":807},[277,52476,810],{"class":283},[277,52478,813],{"class":287},[277,52480,816],{"class":291},[277,52482,298],{"class":283},[277,52484,821],{"class":301},[277,52486,305],{"class":283},[277,52488,52489,52491,52493,52495,52497,52499,52501,52503],{"class":279,"line":826},[277,52490,829],{"class":283},[277,52492,21],{"class":287},[277,52494,834],{"class":291},[277,52496,298],{"class":283},[277,52498,839],{"class":301},[277,52500,842],{"class":283},[277,52502,21],{"class":287},[277,52504,305],{"class":283},[277,52506,52507],{"class":279,"line":849},[277,52508,328],{"emptyLinePlaceholder":327},[277,52510,52511,52513,52515,52517,52519,52521,52523,52525],{"class":279,"line":854},[277,52512,829],{"class":283},[277,52514,802],{"class":287},[277,52516,861],{"class":311},[277,52518,298],{"class":283},[277,52520,866],{"class":301},[277,52522,869],{"class":283},[277,52524,866],{"class":301},[277,52526,305],{"class":283},[277,52528,52529,52531,52533,52535,52537],{"class":279,"line":876},[277,52530,879],{"class":283},[277,52532,11],{"class":287},[277,52534,884],{"class":283},[277,52536,11],{"class":287},[277,52538,305],{"class":283},[277,52540,52541,52543,52545,52547,52549],{"class":279,"line":891},[277,52542,879],{"class":283},[277,52544,21],{"class":287},[277,52546,898],{"class":283},[277,52548,21],{"class":287},[277,52550,305],{"class":283},[277,52552,52553,52555,52557,52559,52561],{"class":279,"line":905},[277,52554,879],{"class":283},[277,52556,21],{"class":287},[277,52558,912],{"class":283},[277,52560,21],{"class":287},[277,52562,305],{"class":283},[277,52564,52565,52567,52569],{"class":279,"line":919},[277,52566,922],{"class":283},[277,52568,802],{"class":287},[277,52570,305],{"class":283},[277,52572,52573],{"class":279,"line":929},[277,52574,328],{"emptyLinePlaceholder":327},[277,52576,52577,52579,52581,52583,52585,52587],{"class":279,"line":934},[277,52578,829],{"class":283},[277,52580,21],{"class":287},[277,52582,941],{"class":291},[277,52584,944],{"class":283},[277,52586,21],{"class":287},[277,52588,305],{"class":283},[277,52590,52591,52593,52595],{"class":279,"line":951},[277,52592,954],{"class":283},[277,52594,813],{"class":287},[277,52596,305],{"class":283},[277,52598,52599,52601,52603],{"class":279,"line":961},[277,52600,785],{"class":283},[277,52602,802],{"class":287},[277,52604,305],{"class":283},[267,52606,52607],{"className":269,"code":970,"filename":971,"language":272,"meta":273,"style":273},[16,52608,52609,52623,52633,52637,52647,52655,52663,52671,52679,52683,52687,52697,52705,52709,52715,52721,52737,52743,52747,52751,52755,52759,52767,52785,52789,52799,52813,52817,52821,52843,52847,52851,52855,52863,52869,52881,52889,52897,52913,52917,52921,52925,52933,52951,52955,52961,52973,52981,52989,53005,53009,53013,53017,53025,53029,53037,53051,53069,53073,53091,53103,53115,53127,53135,53139,53153,53161],{"__ignoreMap":273},[277,52610,52611,52613,52615,52617,52619,52621],{"class":279,"line":280},[277,52612,284],{"class":283},[277,52614,288],{"class":287},[277,52616,295],{"class":291},[277,52618,298],{"class":283},[277,52620,302],{"class":301},[277,52622,305],{"class":283},[277,52624,52625,52627,52629,52631],{"class":279,"line":308},[277,52626,312],{"class":311},[277,52628,994],{"class":283},[277,52630,318],{"class":311},[277,52632,321],{"class":301},[277,52634,52635],{"class":279,"line":324},[277,52636,328],{"emptyLinePlaceholder":327},[277,52638,52639,52641,52643,52645],{"class":279,"line":331},[277,52640,334],{"class":311},[277,52642,337],{"class":291},[277,52644,340],{"class":311},[277,52646,343],{"class":283},[277,52648,52649,52651,52653],{"class":279,"line":346},[277,52650,350],{"class":349},[277,52652,353],{"class":311},[277,52654,357],{"class":356},[277,52656,52657,52659,52661],{"class":279,"line":360},[277,52658,363],{"class":349},[277,52660,353],{"class":311},[277,52662,368],{"class":356},[277,52664,52665,52667,52669],{"class":279,"line":371},[277,52666,374],{"class":349},[277,52668,353],{"class":311},[277,52670,357],{"class":356},[277,52672,52673,52675,52677],{"class":279,"line":381},[277,52674,384],{"class":349},[277,52676,353],{"class":311},[277,52678,357],{"class":356},[277,52680,52681],{"class":279,"line":391},[277,52682,394],{"class":283},[277,52684,52685],{"class":279,"line":397},[277,52686,328],{"emptyLinePlaceholder":327},[277,52688,52689,52691,52693,52695],{"class":279,"line":402},[277,52690,1057],{"class":311},[277,52692,1060],{"class":311},[277,52694,1063],{"class":291},[277,52696,1066],{"class":283},[277,52698,52699,52701,52703],{"class":279,"line":436},[277,52700,1071],{"class":283},[277,52702,1074],{"class":301},[277,52704,1077],{"class":283},[277,52706,52707],{"class":279,"line":456},[277,52708,328],{"emptyLinePlaceholder":327},[277,52710,52711,52713],{"class":279,"line":461},[277,52712,1086],{"class":291},[277,52714,473],{"class":283},[277,52716,52717,52719],{"class":279,"line":476},[277,52718,1093],{"class":311},[277,52720,343],{"class":283},[277,52722,52723,52725,52727,52729,52731,52733,52735],{"class":279,"line":500},[277,52724,1100],{"class":283},[277,52726,430],{"class":356},[277,52728,1105],{"class":311},[277,52730,337],{"class":291},[277,52732,421],{"class":311},[277,52734,424],{"class":356},[277,52736,1077],{"class":283},[277,52738,52739,52741],{"class":279,"line":505},[277,52740,1118],{"class":283},[277,52742,1121],{"class":301},[277,52744,52745],{"class":279,"line":520},[277,52746,1126],{"class":283},[277,52748,52749],{"class":279,"line":539},[277,52750,1131],{"class":283},[277,52752,52753],{"class":279,"line":545},[277,52754,328],{"emptyLinePlaceholder":327},[277,52756,52757],{"class":279,"line":550},[277,52758,1140],{"class":283},[277,52760,52761,52763,52765],{"class":279,"line":578},[277,52762,1145],{"class":311},[277,52764,470],{"class":291},[277,52766,473],{"class":283},[277,52768,52769,52771,52773,52775,52777,52779,52781,52783],{"class":279,"line":583},[277,52770,1154],{"class":311},[277,52772,482],{"class":356},[277,52774,340],{"class":311},[277,52776,487],{"class":311},[277,52778,490],{"class":291},[277,52780,448],{"class":283},[277,52782,495],{"class":301},[277,52784,433],{"class":283},[277,52786,52787],{"class":279,"line":588},[277,52788,328],{"emptyLinePlaceholder":327},[277,52790,52791,52793,52795,52797],{"class":279,"line":606},[277,52792,1177],{"class":311},[277,52794,511],{"class":283},[277,52796,514],{"class":311},[277,52798,517],{"class":283},[277,52800,52801,52803,52805,52807,52809,52811],{"class":279,"line":614},[277,52802,1188],{"class":311},[277,52804,526],{"class":311},[277,52806,529],{"class":291},[277,52808,448],{"class":283},[277,52810,534],{"class":301},[277,52812,433],{"class":283},[277,52814,52815],{"class":279,"line":625},[277,52816,1203],{"class":283},[277,52818,52819],{"class":279,"line":637},[277,52820,328],{"emptyLinePlaceholder":327},[277,52822,52823,52825,52827,52829,52831,52833,52835,52837,52839,52841],{"class":279,"line":646},[277,52824,1212],{"class":356},[277,52826,1215],{"class":283},[277,52828,298],{"class":311},[277,52830,511],{"class":283},[277,52832,560],{"class":311},[277,52834,563],{"class":283},[277,52836,566],{"class":291},[277,52838,569],{"class":283},[277,52840,572],{"class":311},[277,52842,575],{"class":291},[277,52844,52845],{"class":279,"line":668},[277,52846,1126],{"class":283},[277,52848,52849],{"class":279,"line":673},[277,52850,1131],{"class":283},[277,52852,52853],{"class":279,"line":679},[277,52854,328],{"emptyLinePlaceholder":327},[277,52856,52857,52859,52861],{"class":279,"line":684},[277,52858,1248],{"class":311},[277,52860,1251],{"class":291},[277,52862,473],{"class":283},[277,52864,52865,52867],{"class":279,"line":700},[277,52866,1258],{"class":311},[277,52868,343],{"class":283},[277,52870,52871,52873,52875,52877,52879],{"class":279,"line":717},[277,52872,1265],{"class":311},[277,52874,1268],{"class":356},[277,52876,104],{"class":283},[277,52878,1273],{"class":291},[277,52880,622],{"class":283},[277,52882,52883,52885,52887],{"class":279,"line":722},[277,52884,1280],{"class":283},[277,52886,631],{"class":311},[277,52888,634],{"class":283},[277,52890,52891,52893,52895],{"class":279,"line":729},[277,52892,1212],{"class":356},[277,52894,1291],{"class":283},[277,52896,643],{"class":311},[277,52898,52899,52901,52903,52905,52907,52909,52911],{"class":279,"line":738},[277,52900,1298],{"class":283},[277,52902,652],{"class":311},[277,52904,529],{"class":291},[277,52906,657],{"class":311},[277,52908,660],{"class":283},[277,52910,353],{"class":311},[277,52912,665],{"class":301},[277,52914,52915],{"class":279,"line":747},[277,52916,1126],{"class":283},[277,52918,52919],{"class":279,"line":754},[277,52920,1131],{"class":283},[277,52922,52923],{"class":279,"line":772},[277,52924,328],{"emptyLinePlaceholder":327},[277,52926,52927,52929,52931],{"class":279,"line":777},[277,52928,1248],{"class":311},[277,52930,1329],{"class":291},[277,52932,473],{"class":283},[277,52934,52935,52937,52939,52941,52943,52945,52947,52949],{"class":279,"line":782},[277,52936,1336],{"class":311},[277,52938,511],{"class":283},[277,52940,1341],{"class":356},[277,52942,1215],{"class":283},[277,52944,708],{"class":311},[277,52946,1268],{"class":356},[277,52948,1350],{"class":283},[277,52950,714],{"class":311},[277,52952,52953],{"class":279,"line":792},[277,52954,328],{"emptyLinePlaceholder":327},[277,52956,52957,52959],{"class":279,"line":797},[277,52958,1258],{"class":311},[277,52960,343],{"class":283},[277,52962,52963,52965,52967,52969,52971],{"class":279,"line":807},[277,52964,1265],{"class":311},[277,52966,1268],{"class":356},[277,52968,104],{"class":283},[277,52970,1273],{"class":291},[277,52972,622],{"class":283},[277,52974,52975,52977,52979],{"class":279,"line":826},[277,52976,1280],{"class":283},[277,52978,631],{"class":311},[277,52980,634],{"class":283},[277,52982,52983,52985,52987],{"class":279,"line":849},[277,52984,1212],{"class":356},[277,52986,1291],{"class":283},[277,52988,643],{"class":311},[277,52990,52991,52993,52995,52997,52999,53001,53003],{"class":279,"line":854},[277,52992,1298],{"class":283},[277,52994,652],{"class":311},[277,52996,529],{"class":291},[277,52998,657],{"class":311},[277,53000,660],{"class":283},[277,53002,353],{"class":311},[277,53004,769],{"class":301},[277,53006,53007],{"class":279,"line":876},[277,53008,1126],{"class":283},[277,53010,53011],{"class":279,"line":891},[277,53012,542],{"class":283},[277,53014,53015],{"class":279,"line":905},[277,53016,676],{"class":283},[277,53018,53019,53021,53023],{"class":279,"line":919},[277,53020,785],{"class":283},[277,53022,288],{"class":287},[277,53024,305],{"class":283},[277,53026,53027],{"class":279,"line":929},[277,53028,328],{"emptyLinePlaceholder":327},[277,53030,53031,53033,53035],{"class":279,"line":934},[277,53032,284],{"class":283},[277,53034,802],{"class":287},[277,53036,305],{"class":283},[277,53038,53039,53041,53043,53045,53047,53049],{"class":279,"line":951},[277,53040,810],{"class":283},[277,53042,813],{"class":287},[277,53044,816],{"class":291},[277,53046,298],{"class":283},[277,53048,821],{"class":301},[277,53050,305],{"class":283},[277,53052,53053,53055,53057,53059,53061,53063,53065,53067],{"class":279,"line":961},[277,53054,829],{"class":283},[277,53056,21],{"class":287},[277,53058,834],{"class":291},[277,53060,298],{"class":283},[277,53062,839],{"class":301},[277,53064,842],{"class":283},[277,53066,21],{"class":287},[277,53068,305],{"class":283},[277,53070,53071],{"class":279,"line":1473},[277,53072,328],{"emptyLinePlaceholder":327},[277,53074,53075,53077,53079,53081,53083,53085,53087,53089],{"class":279,"line":1478},[277,53076,829],{"class":283},[277,53078,802],{"class":287},[277,53080,861],{"class":311},[277,53082,298],{"class":283},[277,53084,866],{"class":301},[277,53086,869],{"class":283},[277,53088,866],{"class":301},[277,53090,305],{"class":283},[277,53092,53093,53095,53097,53099,53101],{"class":279,"line":1497},[277,53094,879],{"class":283},[277,53096,11],{"class":287},[277,53098,884],{"class":283},[277,53100,11],{"class":287},[277,53102,305],{"class":283},[277,53104,53105,53107,53109,53111,53113],{"class":279,"line":1510},[277,53106,879],{"class":283},[277,53108,21],{"class":287},[277,53110,898],{"class":283},[277,53112,21],{"class":287},[277,53114,305],{"class":283},[277,53116,53117,53119,53121,53123,53125],{"class":279,"line":1523},[277,53118,879],{"class":283},[277,53120,21],{"class":287},[277,53122,912],{"class":283},[277,53124,21],{"class":287},[277,53126,305],{"class":283},[277,53128,53129,53131,53133],{"class":279,"line":1536},[277,53130,922],{"class":283},[277,53132,802],{"class":287},[277,53134,305],{"class":283},[277,53136,53137],{"class":279,"line":1545},[277,53138,328],{"emptyLinePlaceholder":327},[277,53140,53141,53143,53145,53147,53149,53151],{"class":279,"line":1550},[277,53142,829],{"class":283},[277,53144,21],{"class":287},[277,53146,941],{"class":291},[277,53148,944],{"class":283},[277,53150,21],{"class":287},[277,53152,305],{"class":283},[277,53154,53155,53157,53159],{"class":279,"line":1565},[277,53156,954],{"class":283},[277,53158,813],{"class":287},[277,53160,305],{"class":283},[277,53162,53163,53165,53167],{"class":279,"line":1574},[277,53164,785],{"class":283},[277,53166,802],{"class":287},[277,53168,305],{"class":283},[21,53170,1583,53171,1586],{},[16,53172,210],{},[21,53174,1589,53175,1592],{},[16,53176,203],{},[30,53178,1596],{"id":1595},[21,53180,53181,1601],{},[16,53182,18],{},[21,53184,1604],{},[1606,53186,1608],{},{"title":273,"searchDepth":308,"depth":308,"links":53188},[53189,53190,53191,53192,53193,53199,53200],{"id":32,"depth":308,"text":33},{"id":60,"depth":308,"text":61},{"id":128,"depth":308,"text":129},{"id":155,"depth":308,"text":156},{"id":189,"depth":308,"text":190,"children":53194},[53195,53196,53197,53198],{"id":194,"depth":324,"text":195},{"id":217,"depth":324,"text":218},{"id":239,"depth":324,"text":240},{"id":251,"depth":324,"text":252},{"id":264,"depth":308,"text":265},{"id":1595,"depth":308,"text":1596},{"script":53202},[53203],{"type":1632,"key":1633,"data-nuxt-schema-org":327,"nodes":53204},[53205],{"headline":6,"author":53206,"datePublished":1639,"@type":1640},{"name":1637,"@type":1638},{"updatedAt":1639,"readingTime":381,"coverCaption":1643,"author":1637,"keywords":53208},[1645,18,591,1646,1647],[53210],{"headline":6,"author":53211,"datePublished":1639,"@type":1640},{"name":1637,"@type":1638},{"title":6,"description":1626},[53214,53215,53216,53217,53218],{"tag":1660,"color":1661},{"tag":1646,"color":1663},{"tag":1665,"color":1666},{"tag":1668,"color":1669},{"tag":1671,"color":1672},[53220,54519,55773,57488,59573,60950,62315,63405,64403,66772,68486,71004,72142,74597,75697,77753,80340,83143,85893,89004,90689,93879,94538,96232,96784,97462,98310,98438,99014],{"id":5,"title":6,"body":53221,"cover":1623,"coverAlt":1624,"date":1625,"description":1626,"draft":1627,"extension":1628,"head":54501,"locale":1641,"meta":54507,"navigation":327,"path":1648,"schemaOrg":54509,"seo":54512,"series":1653,"seriesDescription":1654,"seriesOrder":391,"seriesTitle":1655,"slug":1656,"stem":1657,"tags":54513,"__hash__":1673},{"type":8,"value":53222,"toc":54487},[53223,53227,53229,53233,53235,53237,53247,53251,53253,53261,53263,53273,53275,53291,53293,53295,53299,53307,53311,53313,53315,53317,53331,53335,53337,53339,53345,53351,53353,53363,53365,53367,53371,53373,53377,53379,53381,53905,54469,54473,54477,54479,54483,54485],[11,53224,14,53225,19],{"id":13},[16,53226,18],{},[21,53228,23],{},[21,53230,53231,28],{},[16,53232,18],{},[30,53234,33],{"id":32},[21,53236,36],{},[38,53238,53239,53241,53243,53245],{},[41,53240,43],{},[41,53242,46],{},[41,53244,49],{},[41,53246,52],{},[21,53248,53249,57],{},[16,53250,18],{},[30,53252,61],{"id":60},[21,53254,53255,66,53257,70,53259,75],{},[16,53256,18],{},[16,53258,69],{},[72,53260,74],{},[21,53262,78],{},[38,53264,53265,53267,53269,53271],{},[41,53266,83],{},[41,53268,86],{},[41,53270,89],{},[41,53272,92],{},[21,53274,95],{},[38,53276,53277,53281,53283],{},[41,53278,100,53279,104],{},[72,53280,103],{},[41,53282,107],{},[41,53284,110,53285,114,53287,118,53289,122],{},[72,53286,113],{},[16,53288,117],{},[16,53290,121],{},[21,53292,125],{},[30,53294,129],{"id":128},[21,53296,53297,134],{},[16,53298,18],{},[38,53300,53301,53303,53305],{},[41,53302,139],{},[41,53304,142],{},[41,53306,145],{},[21,53308,148,53309,152],{},[72,53310,151],{},[30,53312,156],{"id":155},[21,53314,159],{},[21,53316,162],{},[38,53318,53319,53321,53323,53329],{},[41,53320,167],{},[41,53322,170],{},[41,53324,173,53325,118,53327,104],{},[16,53326,117],{},[16,53328,121],{},[41,53330,180],{},[21,53332,183,53333,186],{},[16,53334,18],{},[30,53336,190],{"id":189},[192,53338,195],{"id":194},[21,53340,53341,200,53343,204],{},[16,53342,18],{},[16,53344,203],{},[21,53346,207,53347,118,53349,214],{},[16,53348,210],{},[16,53350,213],{},[192,53352,218],{"id":217},[21,53354,221,53355,225,53357,229,53359,233,53361,236],{},[16,53356,224],{},[16,53358,228],{},[16,53360,232],{},[16,53362,18],{},[192,53364,240],{"id":239},[21,53366,243],{},[21,53368,246,53369,104],{},[16,53370,203],{},[192,53372,252],{"id":251},[21,53374,255,53375,258],{},[16,53376,18],{},[21,53378,261],{},[30,53380,265],{"id":264},[267,53382,53383],{"className":269,"code":270,"filename":271,"language":272,"meta":273,"style":273},[16,53384,53385,53401,53411,53415,53425,53433,53441,53449,53457,53461,53465,53489,53505,53509,53519,53537,53541,53551,53565,53569,53573,53593,53597,53601,53615,53621,53629,53637,53643,53659,53663,53667,53671,53685,53697,53701,53707,53715,53723,53729,53745,53749,53753,53761,53765,53773,53787,53805,53809,53827,53839,53851,53863,53871,53875,53889,53897],{"__ignoreMap":273},[277,53386,53387,53389,53391,53393,53395,53397,53399],{"class":279,"line":280},[277,53388,284],{"class":283},[277,53390,288],{"class":287},[277,53392,292],{"class":291},[277,53394,295],{"class":291},[277,53396,298],{"class":283},[277,53398,302],{"class":301},[277,53400,305],{"class":283},[277,53402,53403,53405,53407,53409],{"class":279,"line":308},[277,53404,312],{"class":311},[277,53406,315],{"class":283},[277,53408,318],{"class":311},[277,53410,321],{"class":301},[277,53412,53413],{"class":279,"line":324},[277,53414,328],{"emptyLinePlaceholder":327},[277,53416,53417,53419,53421,53423],{"class":279,"line":331},[277,53418,334],{"class":311},[277,53420,337],{"class":291},[277,53422,340],{"class":311},[277,53424,343],{"class":283},[277,53426,53427,53429,53431],{"class":279,"line":346},[277,53428,350],{"class":349},[277,53430,353],{"class":311},[277,53432,357],{"class":356},[277,53434,53435,53437,53439],{"class":279,"line":360},[277,53436,363],{"class":349},[277,53438,353],{"class":311},[277,53440,368],{"class":356},[277,53442,53443,53445,53447],{"class":279,"line":371},[277,53444,374],{"class":349},[277,53446,353],{"class":311},[277,53448,357],{"class":356},[277,53450,53451,53453,53455],{"class":279,"line":381},[277,53452,384],{"class":349},[277,53454,353],{"class":311},[277,53456,357],{"class":356},[277,53458,53459],{"class":279,"line":391},[277,53460,394],{"class":283},[277,53462,53463],{"class":279,"line":397},[277,53464,328],{"emptyLinePlaceholder":327},[277,53466,53467,53469,53471,53473,53475,53477,53479,53481,53483,53485,53487],{"class":279,"line":402},[277,53468,405],{"class":311},[277,53470,408],{"class":356},[277,53472,340],{"class":311},[277,53474,413],{"class":291},[277,53476,284],{"class":283},[277,53478,418],{"class":291},[277,53480,421],{"class":311},[277,53482,424],{"class":356},[277,53484,427],{"class":283},[277,53486,430],{"class":356},[277,53488,433],{"class":283},[277,53490,53491,53493,53495,53497,53499,53501,53503],{"class":279,"line":436},[277,53492,405],{"class":311},[277,53494,441],{"class":356},[277,53496,340],{"class":311},[277,53498,413],{"class":291},[277,53500,448],{"class":283},[277,53502,451],{"class":301},[277,53504,433],{"class":283},[277,53506,53507],{"class":279,"line":456},[277,53508,328],{"emptyLinePlaceholder":327},[277,53510,53511,53513,53515,53517],{"class":279,"line":461},[277,53512,464],{"class":311},[277,53514,467],{"class":311},[277,53516,470],{"class":291},[277,53518,473],{"class":283},[277,53520,53521,53523,53525,53527,53529,53531,53533,53535],{"class":279,"line":476},[277,53522,479],{"class":311},[277,53524,482],{"class":356},[277,53526,340],{"class":311},[277,53528,487],{"class":311},[277,53530,490],{"class":291},[277,53532,448],{"class":283},[277,53534,495],{"class":301},[277,53536,433],{"class":283},[277,53538,53539],{"class":279,"line":500},[277,53540,328],{"emptyLinePlaceholder":327},[277,53542,53543,53545,53547,53549],{"class":279,"line":505},[277,53544,508],{"class":311},[277,53546,511],{"class":283},[277,53548,514],{"class":311},[277,53550,517],{"class":283},[277,53552,53553,53555,53557,53559,53561,53563],{"class":279,"line":520},[277,53554,523],{"class":311},[277,53556,526],{"class":311},[277,53558,529],{"class":291},[277,53560,448],{"class":283},[277,53562,534],{"class":301},[277,53564,433],{"class":283},[277,53566,53567],{"class":279,"line":539},[277,53568,542],{"class":283},[277,53570,53571],{"class":279,"line":545},[277,53572,328],{"emptyLinePlaceholder":327},[277,53574,53575,53577,53579,53581,53583,53585,53587,53589,53591],{"class":279,"line":550},[277,53576,553],{"class":283},[277,53578,298],{"class":311},[277,53580,511],{"class":283},[277,53582,560],{"class":311},[277,53584,563],{"class":283},[277,53586,566],{"class":291},[277,53588,569],{"class":283},[277,53590,572],{"class":311},[277,53592,575],{"class":291},[277,53594,53595],{"class":279,"line":578},[277,53596,394],{"class":283},[277,53598,53599],{"class":279,"line":583},[277,53600,328],{"emptyLinePlaceholder":327},[277,53602,53603,53605,53607,53609,53611,53613],{"class":279,"line":588},[277,53604,591],{"class":291},[277,53606,448],{"class":283},[277,53608,464],{"class":311},[277,53610,598],{"class":283},[277,53612,601],{"class":311},[277,53614,343],{"class":283},[277,53616,53617,53619],{"class":279,"line":606},[277,53618,609],{"class":311},[277,53620,343],{"class":283},[277,53622,53623,53625,53627],{"class":279,"line":614},[277,53624,617],{"class":311},[277,53626,470],{"class":291},[277,53628,622],{"class":283},[277,53630,53631,53633,53635],{"class":279,"line":625},[277,53632,628],{"class":283},[277,53634,631],{"class":311},[277,53636,634],{"class":283},[277,53638,53639,53641],{"class":279,"line":637},[277,53640,640],{"class":283},[277,53642,643],{"class":311},[277,53644,53645,53647,53649,53651,53653,53655,53657],{"class":279,"line":646},[277,53646,649],{"class":283},[277,53648,652],{"class":311},[277,53650,529],{"class":291},[277,53652,657],{"class":311},[277,53654,660],{"class":283},[277,53656,353],{"class":311},[277,53658,665],{"class":301},[277,53660,53661],{"class":279,"line":668},[277,53662,542],{"class":283},[277,53664,53665],{"class":279,"line":673},[277,53666,676],{"class":283},[277,53668,53669],{"class":279,"line":679},[277,53670,328],{"emptyLinePlaceholder":327},[277,53672,53673,53675,53677,53679,53681,53683],{"class":279,"line":684},[277,53674,687],{"class":291},[277,53676,448],{"class":283},[277,53678,464],{"class":311},[277,53680,598],{"class":283},[277,53682,601],{"class":311},[277,53684,343],{"class":283},[277,53686,53687,53689,53691,53693,53695],{"class":279,"line":700},[277,53688,508],{"class":311},[277,53690,705],{"class":283},[277,53692,708],{"class":311},[277,53694,711],{"class":283},[277,53696,714],{"class":311},[277,53698,53699],{"class":279,"line":717},[277,53700,328],{"emptyLinePlaceholder":327},[277,53702,53703,53705],{"class":279,"line":722},[277,53704,609],{"class":311},[277,53706,343],{"class":283},[277,53708,53709,53711,53713],{"class":279,"line":729},[277,53710,617],{"class":311},[277,53712,470],{"class":291},[277,53714,622],{"class":283},[277,53716,53717,53719,53721],{"class":279,"line":738},[277,53718,628],{"class":283},[277,53720,631],{"class":311},[277,53722,634],{"class":283},[277,53724,53725,53727],{"class":279,"line":747},[277,53726,640],{"class":283},[277,53728,643],{"class":311},[277,53730,53731,53733,53735,53737,53739,53741,53743],{"class":279,"line":754},[277,53732,649],{"class":283},[277,53734,652],{"class":311},[277,53736,529],{"class":291},[277,53738,657],{"class":311},[277,53740,660],{"class":283},[277,53742,353],{"class":311},[277,53744,769],{"class":301},[277,53746,53747],{"class":279,"line":772},[277,53748,542],{"class":283},[277,53750,53751],{"class":279,"line":777},[277,53752,676],{"class":283},[277,53754,53755,53757,53759],{"class":279,"line":782},[277,53756,785],{"class":283},[277,53758,288],{"class":287},[277,53760,305],{"class":283},[277,53762,53763],{"class":279,"line":792},[277,53764,328],{"emptyLinePlaceholder":327},[277,53766,53767,53769,53771],{"class":279,"line":797},[277,53768,284],{"class":283},[277,53770,802],{"class":287},[277,53772,305],{"class":283},[277,53774,53775,53777,53779,53781,53783,53785],{"class":279,"line":807},[277,53776,810],{"class":283},[277,53778,813],{"class":287},[277,53780,816],{"class":291},[277,53782,298],{"class":283},[277,53784,821],{"class":301},[277,53786,305],{"class":283},[277,53788,53789,53791,53793,53795,53797,53799,53801,53803],{"class":279,"line":826},[277,53790,829],{"class":283},[277,53792,21],{"class":287},[277,53794,834],{"class":291},[277,53796,298],{"class":283},[277,53798,839],{"class":301},[277,53800,842],{"class":283},[277,53802,21],{"class":287},[277,53804,305],{"class":283},[277,53806,53807],{"class":279,"line":849},[277,53808,328],{"emptyLinePlaceholder":327},[277,53810,53811,53813,53815,53817,53819,53821,53823,53825],{"class":279,"line":854},[277,53812,829],{"class":283},[277,53814,802],{"class":287},[277,53816,861],{"class":311},[277,53818,298],{"class":283},[277,53820,866],{"class":301},[277,53822,869],{"class":283},[277,53824,866],{"class":301},[277,53826,305],{"class":283},[277,53828,53829,53831,53833,53835,53837],{"class":279,"line":876},[277,53830,879],{"class":283},[277,53832,11],{"class":287},[277,53834,884],{"class":283},[277,53836,11],{"class":287},[277,53838,305],{"class":283},[277,53840,53841,53843,53845,53847,53849],{"class":279,"line":891},[277,53842,879],{"class":283},[277,53844,21],{"class":287},[277,53846,898],{"class":283},[277,53848,21],{"class":287},[277,53850,305],{"class":283},[277,53852,53853,53855,53857,53859,53861],{"class":279,"line":905},[277,53854,879],{"class":283},[277,53856,21],{"class":287},[277,53858,912],{"class":283},[277,53860,21],{"class":287},[277,53862,305],{"class":283},[277,53864,53865,53867,53869],{"class":279,"line":919},[277,53866,922],{"class":283},[277,53868,802],{"class":287},[277,53870,305],{"class":283},[277,53872,53873],{"class":279,"line":929},[277,53874,328],{"emptyLinePlaceholder":327},[277,53876,53877,53879,53881,53883,53885,53887],{"class":279,"line":934},[277,53878,829],{"class":283},[277,53880,21],{"class":287},[277,53882,941],{"class":291},[277,53884,944],{"class":283},[277,53886,21],{"class":287},[277,53888,305],{"class":283},[277,53890,53891,53893,53895],{"class":279,"line":951},[277,53892,954],{"class":283},[277,53894,813],{"class":287},[277,53896,305],{"class":283},[277,53898,53899,53901,53903],{"class":279,"line":961},[277,53900,785],{"class":283},[277,53902,802],{"class":287},[277,53904,305],{"class":283},[267,53906,53907],{"className":269,"code":970,"filename":971,"language":272,"meta":273,"style":273},[16,53908,53909,53923,53933,53937,53947,53955,53963,53971,53979,53983,53987,53997,54005,54009,54015,54021,54037,54043,54047,54051,54055,54059,54067,54085,54089,54099,54113,54117,54121,54143,54147,54151,54155,54163,54169,54181,54189,54197,54213,54217,54221,54225,54233,54251,54255,54261,54273,54281,54289,54305,54309,54313,54317,54325,54329,54337,54351,54369,54373,54391,54403,54415,54427,54435,54439,54453,54461],{"__ignoreMap":273},[277,53910,53911,53913,53915,53917,53919,53921],{"class":279,"line":280},[277,53912,284],{"class":283},[277,53914,288],{"class":287},[277,53916,295],{"class":291},[277,53918,298],{"class":283},[277,53920,302],{"class":301},[277,53922,305],{"class":283},[277,53924,53925,53927,53929,53931],{"class":279,"line":308},[277,53926,312],{"class":311},[277,53928,994],{"class":283},[277,53930,318],{"class":311},[277,53932,321],{"class":301},[277,53934,53935],{"class":279,"line":324},[277,53936,328],{"emptyLinePlaceholder":327},[277,53938,53939,53941,53943,53945],{"class":279,"line":331},[277,53940,334],{"class":311},[277,53942,337],{"class":291},[277,53944,340],{"class":311},[277,53946,343],{"class":283},[277,53948,53949,53951,53953],{"class":279,"line":346},[277,53950,350],{"class":349},[277,53952,353],{"class":311},[277,53954,357],{"class":356},[277,53956,53957,53959,53961],{"class":279,"line":360},[277,53958,363],{"class":349},[277,53960,353],{"class":311},[277,53962,368],{"class":356},[277,53964,53965,53967,53969],{"class":279,"line":371},[277,53966,374],{"class":349},[277,53968,353],{"class":311},[277,53970,357],{"class":356},[277,53972,53973,53975,53977],{"class":279,"line":381},[277,53974,384],{"class":349},[277,53976,353],{"class":311},[277,53978,357],{"class":356},[277,53980,53981],{"class":279,"line":391},[277,53982,394],{"class":283},[277,53984,53985],{"class":279,"line":397},[277,53986,328],{"emptyLinePlaceholder":327},[277,53988,53989,53991,53993,53995],{"class":279,"line":402},[277,53990,1057],{"class":311},[277,53992,1060],{"class":311},[277,53994,1063],{"class":291},[277,53996,1066],{"class":283},[277,53998,53999,54001,54003],{"class":279,"line":436},[277,54000,1071],{"class":283},[277,54002,1074],{"class":301},[277,54004,1077],{"class":283},[277,54006,54007],{"class":279,"line":456},[277,54008,328],{"emptyLinePlaceholder":327},[277,54010,54011,54013],{"class":279,"line":461},[277,54012,1086],{"class":291},[277,54014,473],{"class":283},[277,54016,54017,54019],{"class":279,"line":476},[277,54018,1093],{"class":311},[277,54020,343],{"class":283},[277,54022,54023,54025,54027,54029,54031,54033,54035],{"class":279,"line":500},[277,54024,1100],{"class":283},[277,54026,430],{"class":356},[277,54028,1105],{"class":311},[277,54030,337],{"class":291},[277,54032,421],{"class":311},[277,54034,424],{"class":356},[277,54036,1077],{"class":283},[277,54038,54039,54041],{"class":279,"line":505},[277,54040,1118],{"class":283},[277,54042,1121],{"class":301},[277,54044,54045],{"class":279,"line":520},[277,54046,1126],{"class":283},[277,54048,54049],{"class":279,"line":539},[277,54050,1131],{"class":283},[277,54052,54053],{"class":279,"line":545},[277,54054,328],{"emptyLinePlaceholder":327},[277,54056,54057],{"class":279,"line":550},[277,54058,1140],{"class":283},[277,54060,54061,54063,54065],{"class":279,"line":578},[277,54062,1145],{"class":311},[277,54064,470],{"class":291},[277,54066,473],{"class":283},[277,54068,54069,54071,54073,54075,54077,54079,54081,54083],{"class":279,"line":583},[277,54070,1154],{"class":311},[277,54072,482],{"class":356},[277,54074,340],{"class":311},[277,54076,487],{"class":311},[277,54078,490],{"class":291},[277,54080,448],{"class":283},[277,54082,495],{"class":301},[277,54084,433],{"class":283},[277,54086,54087],{"class":279,"line":588},[277,54088,328],{"emptyLinePlaceholder":327},[277,54090,54091,54093,54095,54097],{"class":279,"line":606},[277,54092,1177],{"class":311},[277,54094,511],{"class":283},[277,54096,514],{"class":311},[277,54098,517],{"class":283},[277,54100,54101,54103,54105,54107,54109,54111],{"class":279,"line":614},[277,54102,1188],{"class":311},[277,54104,526],{"class":311},[277,54106,529],{"class":291},[277,54108,448],{"class":283},[277,54110,534],{"class":301},[277,54112,433],{"class":283},[277,54114,54115],{"class":279,"line":625},[277,54116,1203],{"class":283},[277,54118,54119],{"class":279,"line":637},[277,54120,328],{"emptyLinePlaceholder":327},[277,54122,54123,54125,54127,54129,54131,54133,54135,54137,54139,54141],{"class":279,"line":646},[277,54124,1212],{"class":356},[277,54126,1215],{"class":283},[277,54128,298],{"class":311},[277,54130,511],{"class":283},[277,54132,560],{"class":311},[277,54134,563],{"class":283},[277,54136,566],{"class":291},[277,54138,569],{"class":283},[277,54140,572],{"class":311},[277,54142,575],{"class":291},[277,54144,54145],{"class":279,"line":668},[277,54146,1126],{"class":283},[277,54148,54149],{"class":279,"line":673},[277,54150,1131],{"class":283},[277,54152,54153],{"class":279,"line":679},[277,54154,328],{"emptyLinePlaceholder":327},[277,54156,54157,54159,54161],{"class":279,"line":684},[277,54158,1248],{"class":311},[277,54160,1251],{"class":291},[277,54162,473],{"class":283},[277,54164,54165,54167],{"class":279,"line":700},[277,54166,1258],{"class":311},[277,54168,343],{"class":283},[277,54170,54171,54173,54175,54177,54179],{"class":279,"line":717},[277,54172,1265],{"class":311},[277,54174,1268],{"class":356},[277,54176,104],{"class":283},[277,54178,1273],{"class":291},[277,54180,622],{"class":283},[277,54182,54183,54185,54187],{"class":279,"line":722},[277,54184,1280],{"class":283},[277,54186,631],{"class":311},[277,54188,634],{"class":283},[277,54190,54191,54193,54195],{"class":279,"line":729},[277,54192,1212],{"class":356},[277,54194,1291],{"class":283},[277,54196,643],{"class":311},[277,54198,54199,54201,54203,54205,54207,54209,54211],{"class":279,"line":738},[277,54200,1298],{"class":283},[277,54202,652],{"class":311},[277,54204,529],{"class":291},[277,54206,657],{"class":311},[277,54208,660],{"class":283},[277,54210,353],{"class":311},[277,54212,665],{"class":301},[277,54214,54215],{"class":279,"line":747},[277,54216,1126],{"class":283},[277,54218,54219],{"class":279,"line":754},[277,54220,1131],{"class":283},[277,54222,54223],{"class":279,"line":772},[277,54224,328],{"emptyLinePlaceholder":327},[277,54226,54227,54229,54231],{"class":279,"line":777},[277,54228,1248],{"class":311},[277,54230,1329],{"class":291},[277,54232,473],{"class":283},[277,54234,54235,54237,54239,54241,54243,54245,54247,54249],{"class":279,"line":782},[277,54236,1336],{"class":311},[277,54238,511],{"class":283},[277,54240,1341],{"class":356},[277,54242,1215],{"class":283},[277,54244,708],{"class":311},[277,54246,1268],{"class":356},[277,54248,1350],{"class":283},[277,54250,714],{"class":311},[277,54252,54253],{"class":279,"line":792},[277,54254,328],{"emptyLinePlaceholder":327},[277,54256,54257,54259],{"class":279,"line":797},[277,54258,1258],{"class":311},[277,54260,343],{"class":283},[277,54262,54263,54265,54267,54269,54271],{"class":279,"line":807},[277,54264,1265],{"class":311},[277,54266,1268],{"class":356},[277,54268,104],{"class":283},[277,54270,1273],{"class":291},[277,54272,622],{"class":283},[277,54274,54275,54277,54279],{"class":279,"line":826},[277,54276,1280],{"class":283},[277,54278,631],{"class":311},[277,54280,634],{"class":283},[277,54282,54283,54285,54287],{"class":279,"line":849},[277,54284,1212],{"class":356},[277,54286,1291],{"class":283},[277,54288,643],{"class":311},[277,54290,54291,54293,54295,54297,54299,54301,54303],{"class":279,"line":854},[277,54292,1298],{"class":283},[277,54294,652],{"class":311},[277,54296,529],{"class":291},[277,54298,657],{"class":311},[277,54300,660],{"class":283},[277,54302,353],{"class":311},[277,54304,769],{"class":301},[277,54306,54307],{"class":279,"line":876},[277,54308,1126],{"class":283},[277,54310,54311],{"class":279,"line":891},[277,54312,542],{"class":283},[277,54314,54315],{"class":279,"line":905},[277,54316,676],{"class":283},[277,54318,54319,54321,54323],{"class":279,"line":919},[277,54320,785],{"class":283},[277,54322,288],{"class":287},[277,54324,305],{"class":283},[277,54326,54327],{"class":279,"line":929},[277,54328,328],{"emptyLinePlaceholder":327},[277,54330,54331,54333,54335],{"class":279,"line":934},[277,54332,284],{"class":283},[277,54334,802],{"class":287},[277,54336,305],{"class":283},[277,54338,54339,54341,54343,54345,54347,54349],{"class":279,"line":951},[277,54340,810],{"class":283},[277,54342,813],{"class":287},[277,54344,816],{"class":291},[277,54346,298],{"class":283},[277,54348,821],{"class":301},[277,54350,305],{"class":283},[277,54352,54353,54355,54357,54359,54361,54363,54365,54367],{"class":279,"line":961},[277,54354,829],{"class":283},[277,54356,21],{"class":287},[277,54358,834],{"class":291},[277,54360,298],{"class":283},[277,54362,839],{"class":301},[277,54364,842],{"class":283},[277,54366,21],{"class":287},[277,54368,305],{"class":283},[277,54370,54371],{"class":279,"line":1473},[277,54372,328],{"emptyLinePlaceholder":327},[277,54374,54375,54377,54379,54381,54383,54385,54387,54389],{"class":279,"line":1478},[277,54376,829],{"class":283},[277,54378,802],{"class":287},[277,54380,861],{"class":311},[277,54382,298],{"class":283},[277,54384,866],{"class":301},[277,54386,869],{"class":283},[277,54388,866],{"class":301},[277,54390,305],{"class":283},[277,54392,54393,54395,54397,54399,54401],{"class":279,"line":1497},[277,54394,879],{"class":283},[277,54396,11],{"class":287},[277,54398,884],{"class":283},[277,54400,11],{"class":287},[277,54402,305],{"class":283},[277,54404,54405,54407,54409,54411,54413],{"class":279,"line":1510},[277,54406,879],{"class":283},[277,54408,21],{"class":287},[277,54410,898],{"class":283},[277,54412,21],{"class":287},[277,54414,305],{"class":283},[277,54416,54417,54419,54421,54423,54425],{"class":279,"line":1523},[277,54418,879],{"class":283},[277,54420,21],{"class":287},[277,54422,912],{"class":283},[277,54424,21],{"class":287},[277,54426,305],{"class":283},[277,54428,54429,54431,54433],{"class":279,"line":1536},[277,54430,922],{"class":283},[277,54432,802],{"class":287},[277,54434,305],{"class":283},[277,54436,54437],{"class":279,"line":1545},[277,54438,328],{"emptyLinePlaceholder":327},[277,54440,54441,54443,54445,54447,54449,54451],{"class":279,"line":1550},[277,54442,829],{"class":283},[277,54444,21],{"class":287},[277,54446,941],{"class":291},[277,54448,944],{"class":283},[277,54450,21],{"class":287},[277,54452,305],{"class":283},[277,54454,54455,54457,54459],{"class":279,"line":1565},[277,54456,954],{"class":283},[277,54458,813],{"class":287},[277,54460,305],{"class":283},[277,54462,54463,54465,54467],{"class":279,"line":1574},[277,54464,785],{"class":283},[277,54466,802],{"class":287},[277,54468,305],{"class":283},[21,54470,1583,54471,1586],{},[16,54472,210],{},[21,54474,1589,54475,1592],{},[16,54476,203],{},[30,54478,1596],{"id":1595},[21,54480,54481,1601],{},[16,54482,18],{},[21,54484,1604],{},[1606,54486,1608],{},{"title":273,"searchDepth":308,"depth":308,"links":54488},[54489,54490,54491,54492,54493,54499,54500],{"id":32,"depth":308,"text":33},{"id":60,"depth":308,"text":61},{"id":128,"depth":308,"text":129},{"id":155,"depth":308,"text":156},{"id":189,"depth":308,"text":190,"children":54494},[54495,54496,54497,54498],{"id":194,"depth":324,"text":195},{"id":217,"depth":324,"text":218},{"id":239,"depth":324,"text":240},{"id":251,"depth":324,"text":252},{"id":264,"depth":308,"text":265},{"id":1595,"depth":308,"text":1596},{"script":54502},[54503],{"type":1632,"key":1633,"data-nuxt-schema-org":327,"nodes":54504},[54505],{"headline":6,"author":54506,"datePublished":1639,"@type":1640},{"name":1637,"@type":1638},{"updatedAt":1639,"readingTime":381,"coverCaption":1643,"author":1637,"keywords":54508},[1645,18,591,1646,1647],[54510],{"headline":6,"author":54511,"datePublished":1639,"@type":1640},{"name":1637,"@type":1638},{"title":6,"description":1626},[54514,54515,54516,54517,54518],{"tag":1660,"color":1661},{"tag":1646,"color":1663},{"tag":1665,"color":1666},{"tag":1668,"color":1669},{"tag":1671,"color":1672},{"id":1675,"title":1676,"body":54520,"cover":3138,"coverAlt":3139,"date":3140,"description":3141,"draft":1627,"extension":1628,"head":55755,"locale":1641,"meta":55761,"navigation":327,"path":3152,"schemaOrg":55763,"seo":55766,"series":1653,"seriesDescription":1654,"seriesOrder":381,"seriesTitle":1655,"slug":1656,"stem":3157,"tags":55767,"__hash__":3170},{"type":8,"value":54521,"toc":55736},[54522,54528,54530,54536,54538,54544,54546,54548,54562,54568,54570,54574,54576,54590,54592,54620,54622,54632,54634,54636,54638,54640,54652,54654,54656,54658,54660,54680,54682,54684,54686,54692,54694,54698,54700,54702,54704,54706,54708,54710,54714,54716,54720,54722,54724,54726,55214,55700,55702,55710,55712,55718,55720,55730,55734],[11,54523,1682,54524,225,54526,19],{"id":1681},[16,54525,1685],{},[16,54527,1688],{},[21,54529,1691],{},[21,54531,1694,54532,1697,54534,1700],{},[16,54533,1685],{},[16,54535,1688],{},[21,54537,1703],{},[38,54539,54540,54542],{},[41,54541,1708],{},[41,54543,1711],{},[30,54545,33],{"id":32},[21,54547,1716],{},[38,54549,54550,54552,54554,54556],{},[41,54551,1721],{},[41,54553,1724],{},[41,54555,1727],{},[41,54557,54558,1697,54560,1736],{},[16,54559,1732],{},[16,54561,1735],{},[21,54563,1739,54564,1697,54566,1744],{},[16,54565,1685],{},[16,54567,1688],{},[30,54569,61],{"id":60},[21,54571,1749,54572,1752],{},[16,54573,1732],{},[21,54575,1755],{},[38,54577,54578,54584],{},[41,54579,54580,66,54582,1765],{},[16,54581,1685],{},[16,54583,1764],{},[41,54585,54586,66,54588,1773],{},[16,54587,1688],{},[16,54589,1772],{},[21,54591,1776],{},[38,54593,54594,54598,54602,54614],{},[41,54595,54596,1784],{},[16,54597,1783],{},[41,54599,54600,1790],{},[16,54601,1789],{},[41,54603,54604,1795,54606,225,54608,225,54610,225,54612,1808],{},[16,54605,334],{},[16,54607,1798],{},[16,54609,1801],{},[16,54611,1804],{},[16,54613,1807],{},[41,54615,54616,1697,54618,1817],{},[16,54617,1813],{},[16,54619,1816],{},[21,54621,1820],{},[38,54623,54624,54626],{},[41,54625,1825],{},[41,54627,1828,54628,118,54630,1835],{},[16,54629,1831],{},[16,54631,1834],{},[21,54633,1838],{},[30,54635,129],{"id":128},[21,54637,1843],{},[21,54639,1846],{},[38,54641,54642,54644,54646,54648],{},[41,54643,1851],{},[41,54645,1854],{},[41,54647,1857],{},[41,54649,1860,54650,1863],{},[16,54651,1732],{},[21,54653,1866],{},[30,54655,156],{"id":155},[21,54657,1871],{},[21,54659,1874],{},[38,54661,54662,54672,54676,54678],{},[41,54663,1879,54664,225,54666,225,54668,118,54670,104],{},[16,54665,1882],{},[16,54667,1885],{},[16,54669,1732],{},[16,54671,1735],{},[41,54673,1892,54674,1895],{},[16,54675,1735],{},[41,54677,1898],{},[41,54679,1901],{},[21,54681,1904],{},[30,54683,190],{"id":189},[192,54685,1910],{"id":1909},[21,54687,1913,54688,118,54690,104],{},[16,54689,1735],{},[16,54691,1732],{},[192,54693,1921],{"id":1920},[21,54695,1924,54696,1928],{},[16,54697,1927],{},[192,54699,1932],{"id":1931},[21,54701,1935],{},[192,54703,1939],{"id":1938},[21,54705,1942],{},[30,54707,1946],{"id":1945},[192,54709,1950],{"id":1949},[21,54711,1953,54712,1956],{},[16,54713,1685],{},[192,54715,1960],{"id":1959},[21,54717,54718,1965],{},[16,54719,1688],{},[192,54721,1969],{"id":1968},[21,54723,1972],{},[30,54725,1976],{"id":1975},[267,54727,54728],{"className":269,"code":1979,"filename":271,"language":272,"meta":273,"style":273},[16,54729,54730,54746,54756,54760,54772,54780,54786,54790,54794,54806,54814,54820,54824,54828,54840,54860,54880,54900,54904,54908,54924,54940,54950,54958,54970,54974,54994,54998,55008,55012,55016,55020,55034,55046,55050,55058,55062,55066,55070,55074,55088,55100,55104,55112,55116,55120,55124,55128,55132,55148,55172,55176,55188,55192,55202,55206],{"__ignoreMap":273},[277,54731,54732,54734,54736,54738,54740,54742,54744],{"class":279,"line":280},[277,54733,284],{"class":283},[277,54735,288],{"class":287},[277,54737,292],{"class":291},[277,54739,295],{"class":291},[277,54741,298],{"class":283},[277,54743,302],{"class":301},[277,54745,305],{"class":283},[277,54747,54748,54750,54752,54754],{"class":279,"line":308},[277,54749,312],{"class":311},[277,54751,2004],{"class":283},[277,54753,318],{"class":311},[277,54755,321],{"class":301},[277,54757,54758],{"class":279,"line":324},[277,54759,328],{"emptyLinePlaceholder":327},[277,54761,54762,54764,54766,54768,54770],{"class":279,"line":331},[277,54763,405],{"class":311},[277,54765,2019],{"class":356},[277,54767,340],{"class":311},[277,54769,2024],{"class":291},[277,54771,1066],{"class":283},[277,54773,54774,54776,54778],{"class":279,"line":346},[277,54775,2031],{"class":283},[277,54777,451],{"class":301},[277,54779,1077],{"class":283},[277,54781,54782,54784],{"class":279,"line":360},[277,54783,2040],{"class":283},[277,54785,2043],{"class":356},[277,54787,54788],{"class":279,"line":371},[277,54789,676],{"class":283},[277,54791,54792],{"class":279,"line":381},[277,54793,328],{"emptyLinePlaceholder":327},[277,54795,54796,54798,54800,54802,54804],{"class":279,"line":391},[277,54797,405],{"class":311},[277,54799,2058],{"class":356},[277,54801,340],{"class":311},[277,54803,2024],{"class":291},[277,54805,1066],{"class":283},[277,54807,54808,54810,54812],{"class":279,"line":397},[277,54809,2069],{"class":283},[277,54811,2072],{"class":356},[277,54813,1077],{"class":283},[277,54815,54816,54818],{"class":279,"line":402},[277,54817,2079],{"class":283},[277,54819,2082],{"class":356},[277,54821,54822],{"class":279,"line":436},[277,54823,676],{"class":283},[277,54825,54826],{"class":279,"line":456},[277,54827,328],{"emptyLinePlaceholder":327},[277,54829,54830,54832,54834,54836,54838],{"class":279,"line":461},[277,54831,405],{"class":311},[277,54833,2097],{"class":356},[277,54835,340],{"class":311},[277,54837,413],{"class":291},[277,54839,2104],{"class":283},[277,54841,54842,54844,54846,54848,54850,54852,54854,54856,54858],{"class":279,"line":476},[277,54843,2109],{"class":283},[277,54845,2072],{"class":356},[277,54847,2114],{"class":283},[277,54849,2117],{"class":301},[277,54851,2120],{"class":283},[277,54853,2123],{"class":356},[277,54855,2126],{"class":283},[277,54857,2129],{"class":301},[277,54859,2132],{"class":283},[277,54861,54862,54864,54866,54868,54870,54872,54874,54876,54878],{"class":279,"line":500},[277,54863,2109],{"class":283},[277,54865,2139],{"class":356},[277,54867,2114],{"class":283},[277,54869,2144],{"class":301},[277,54871,2120],{"class":283},[277,54873,2149],{"class":356},[277,54875,2126],{"class":283},[277,54877,2154],{"class":301},[277,54879,2132],{"class":283},[277,54881,54882,54884,54886,54888,54890,54892,54894,54896,54898],{"class":279,"line":505},[277,54883,2109],{"class":283},[277,54885,2163],{"class":356},[277,54887,2114],{"class":283},[277,54889,2168],{"class":301},[277,54891,2120],{"class":283},[277,54893,2123],{"class":356},[277,54895,2126],{"class":283},[277,54897,2129],{"class":301},[277,54899,2179],{"class":283},[277,54901,54902],{"class":279,"line":520},[277,54903,2184],{"class":283},[277,54905,54906],{"class":279,"line":539},[277,54907,328],{"emptyLinePlaceholder":327},[277,54909,54910,54912,54914,54916,54918,54920,54922],{"class":279,"line":545},[277,54911,405],{"class":311},[277,54913,2195],{"class":356},[277,54915,340],{"class":311},[277,54917,2200],{"class":291},[277,54919,2203],{"class":283},[277,54921,601],{"class":311},[277,54923,343],{"class":283},[277,54925,54926,54928,54930,54932,54934,54936,54938],{"class":279,"line":550},[277,54927,2212],{"class":311},[277,54929,2215],{"class":283},[277,54931,2218],{"class":291},[277,54933,448],{"class":283},[277,54935,2223],{"class":349},[277,54937,2226],{"class":311},[277,54939,343],{"class":283},[277,54941,54942,54944,54946,54948],{"class":279,"line":578},[277,54943,2233],{"class":311},[277,54945,2236],{"class":356},[277,54947,340],{"class":311},[277,54949,2241],{"class":283},[277,54951,54952,54954,54956],{"class":279,"line":583},[277,54953,2246],{"class":283},[277,54955,2249],{"class":291},[277,54957,622],{"class":283},[277,54959,54960,54962,54964,54966,54968],{"class":279,"line":588},[277,54961,2246],{"class":283},[277,54963,2258],{"class":291},[277,54965,2261],{"class":283},[277,54967,2249],{"class":291},[277,54969,2266],{"class":283},[277,54971,54972],{"class":279,"line":606},[277,54973,328],{"emptyLinePlaceholder":327},[277,54975,54976,54978,54980,54982,54984,54986,54988,54990,54992],{"class":279,"line":614},[277,54977,2233],{"class":311},[277,54979,2277],{"class":356},[277,54981,340],{"class":311},[277,54983,2282],{"class":283},[277,54985,2285],{"class":311},[277,54987,2288],{"class":311},[277,54989,2291],{"class":283},[277,54991,353],{"class":311},[277,54993,2296],{"class":356},[277,54995,54996],{"class":279,"line":625},[277,54997,328],{"emptyLinePlaceholder":327},[277,54999,55000,55002,55004,55006],{"class":279,"line":637},[277,55001,1093],{"class":311},[277,55003,2307],{"class":283},[277,55005,2310],{"class":311},[277,55007,2313],{"class":283},[277,55009,55010],{"class":279,"line":646},[277,55011,2318],{"class":283},[277,55013,55014],{"class":279,"line":668},[277,55015,676],{"class":283},[277,55017,55018],{"class":279,"line":673},[277,55019,328],{"emptyLinePlaceholder":327},[277,55021,55022,55024,55026,55028,55030,55032],{"class":279,"line":679},[277,55023,2331],{"class":291},[277,55025,2334],{"class":283},[277,55027,2337],{"class":349},[277,55029,2340],{"class":283},[277,55031,601],{"class":311},[277,55033,343],{"class":283},[277,55035,55036,55038,55040,55042,55044],{"class":279,"line":684},[277,55037,2349],{"class":283},[277,55039,2352],{"class":291},[277,55041,448],{"class":283},[277,55043,2357],{"class":301},[277,55045,2360],{"class":283},[277,55047,55048],{"class":279,"line":700},[277,55049,2365],{"class":283},[277,55051,55052,55054,55056],{"class":279,"line":717},[277,55053,2370],{"class":283},[277,55055,2373],{"class":291},[277,55057,2376],{"class":283},[277,55059,55060],{"class":279,"line":722},[277,55061,2381],{"class":283},[277,55063,55064],{"class":279,"line":729},[277,55065,2318],{"class":283},[277,55067,55068],{"class":279,"line":738},[277,55069,676],{"class":283},[277,55071,55072],{"class":279,"line":747},[277,55073,328],{"emptyLinePlaceholder":327},[277,55075,55076,55078,55080,55082,55084,55086],{"class":279,"line":754},[277,55077,2398],{"class":291},[277,55079,2334],{"class":283},[277,55081,2337],{"class":349},[277,55083,2340],{"class":283},[277,55085,601],{"class":311},[277,55087,343],{"class":283},[277,55089,55090,55092,55094,55096,55098],{"class":279,"line":772},[277,55091,2349],{"class":283},[277,55093,2352],{"class":291},[277,55095,448],{"class":283},[277,55097,2419],{"class":301},[277,55099,2360],{"class":283},[277,55101,55102],{"class":279,"line":777},[277,55103,2365],{"class":283},[277,55105,55106,55108,55110],{"class":279,"line":782},[277,55107,2370],{"class":283},[277,55109,2373],{"class":291},[277,55111,2376],{"class":283},[277,55113,55114],{"class":279,"line":792},[277,55115,2438],{"class":283},[277,55117,55118],{"class":279,"line":797},[277,55119,2443],{"class":283},[277,55121,55122],{"class":279,"line":807},[277,55123,2318],{"class":283},[277,55125,55126],{"class":279,"line":826},[277,55127,676],{"class":283},[277,55129,55130],{"class":279,"line":849},[277,55131,328],{"emptyLinePlaceholder":327},[277,55133,55134,55136,55138,55140,55142,55144,55146],{"class":279,"line":854},[277,55135,2460],{"class":311},[277,55137,2463],{"class":291},[277,55139,448],{"class":283},[277,55141,2468],{"class":349},[277,55143,353],{"class":311},[277,55145,2473],{"class":356},[277,55147,2476],{"class":283},[277,55149,55150,55152,55154,55156,55158,55160,55162,55164,55166,55168,55170],{"class":279,"line":876},[277,55151,479],{"class":311},[277,55153,2483],{"class":356},[277,55155,340],{"class":311},[277,55157,2215],{"class":283},[277,55159,2490],{"class":291},[277,55161,448],{"class":283},[277,55163,2495],{"class":349},[277,55165,2226],{"class":311},[277,55167,2500],{"class":283},[277,55169,2503],{"class":311},[277,55171,2506],{"class":283},[277,55173,55174],{"class":279,"line":891},[277,55175,328],{"emptyLinePlaceholder":327},[277,55177,55178,55180,55182,55184,55186],{"class":279,"line":905},[277,55179,508],{"class":311},[277,55181,511],{"class":283},[277,55183,514],{"class":311},[277,55185,2521],{"class":283},[277,55187,714],{"class":311},[277,55189,55190],{"class":279,"line":919},[277,55191,328],{"emptyLinePlaceholder":327},[277,55193,55194,55196,55198,55200],{"class":279,"line":929},[277,55195,2532],{"class":283},[277,55197,298],{"class":311},[277,55199,2288],{"class":311},[277,55201,2539],{"class":283},[277,55203,55204],{"class":279,"line":934},[277,55205,394],{"class":283},[277,55207,55208,55210,55212],{"class":279,"line":951},[277,55209,785],{"class":283},[277,55211,288],{"class":287},[277,55213,305],{"class":283},[267,55215,55216],{"className":269,"code":2554,"filename":971,"language":272,"meta":273,"style":273},[16,55217,55218,55232,55240,55248,55252,55258,55264,55268,55276,55282,55286,55290,55298,55304,55308,55312,55332,55352,55372,55376,55380,55384,55388,55392,55398,55416,55426,55434,55450,55454,55476,55480,55490,55494,55498,55502,55506,55516,55528,55532,55540,55544,55548,55552,55556,55566,55578,55582,55590,55594,55598,55602,55606,55610,55614,55624,55650,55654,55666,55670,55680,55684,55688,55692],{"__ignoreMap":273},[277,55219,55220,55222,55224,55226,55228,55230],{"class":279,"line":280},[277,55221,284],{"class":283},[277,55223,288],{"class":287},[277,55225,295],{"class":291},[277,55227,298],{"class":283},[277,55229,302],{"class":301},[277,55231,305],{"class":283},[277,55233,55234,55236,55238],{"class":279,"line":308},[277,55235,1057],{"class":311},[277,55237,1060],{"class":311},[277,55239,343],{"class":283},[277,55241,55242,55244,55246],{"class":279,"line":324},[277,55243,1071],{"class":283},[277,55245,2585],{"class":301},[277,55247,1077],{"class":283},[277,55249,55250],{"class":279,"line":331},[277,55251,328],{"emptyLinePlaceholder":327},[277,55253,55254,55256],{"class":279,"line":346},[277,55255,1086],{"class":291},[277,55257,473],{"class":283},[277,55259,55260,55262],{"class":279,"line":360},[277,55261,1093],{"class":311},[277,55263,343],{"class":283},[277,55265,55266],{"class":279,"line":371},[277,55267,2608],{"class":283},[277,55269,55270,55272,55274],{"class":279,"line":381},[277,55271,2613],{"class":283},[277,55273,451],{"class":301},[277,55275,1077],{"class":283},[277,55277,55278,55280],{"class":279,"line":391},[277,55279,2622],{"class":283},[277,55281,2043],{"class":356},[277,55283,55284],{"class":279,"line":397},[277,55285,2629],{"class":283},[277,55287,55288],{"class":279,"line":402},[277,55289,2634],{"class":283},[277,55291,55292,55294,55296],{"class":279,"line":436},[277,55293,2639],{"class":283},[277,55295,2072],{"class":356},[277,55297,1077],{"class":283},[277,55299,55300,55302],{"class":279,"line":456},[277,55301,2648],{"class":283},[277,55303,2082],{"class":356},[277,55305,55306],{"class":279,"line":461},[277,55307,2629],{"class":283},[277,55309,55310],{"class":279,"line":476},[277,55311,2659],{"class":283},[277,55313,55314,55316,55318,55320,55322,55324,55326,55328,55330],{"class":279,"line":500},[277,55315,2664],{"class":283},[277,55317,2072],{"class":356},[277,55319,2114],{"class":283},[277,55321,2117],{"class":301},[277,55323,2120],{"class":283},[277,55325,2123],{"class":356},[277,55327,2126],{"class":283},[277,55329,2129],{"class":301},[277,55331,2132],{"class":283},[277,55333,55334,55336,55338,55340,55342,55344,55346,55348,55350],{"class":279,"line":505},[277,55335,2664],{"class":283},[277,55337,2139],{"class":356},[277,55339,2114],{"class":283},[277,55341,2144],{"class":301},[277,55343,2120],{"class":283},[277,55345,2149],{"class":356},[277,55347,2126],{"class":283},[277,55349,2154],{"class":301},[277,55351,2132],{"class":283},[277,55353,55354,55356,55358,55360,55362,55364,55366,55368,55370],{"class":279,"line":520},[277,55355,2664],{"class":283},[277,55357,2163],{"class":356},[277,55359,2114],{"class":283},[277,55361,2168],{"class":301},[277,55363,2120],{"class":283},[277,55365,2123],{"class":356},[277,55367,2126],{"class":283},[277,55369,2129],{"class":301},[277,55371,2179],{"class":283},[277,55373,55374],{"class":279,"line":539},[277,55375,2725],{"class":283},[277,55377,55378],{"class":279,"line":545},[277,55379,1126],{"class":283},[277,55381,55382],{"class":279,"line":550},[277,55383,1131],{"class":283},[277,55385,55386],{"class":279,"line":578},[277,55387,328],{"emptyLinePlaceholder":327},[277,55389,55390],{"class":279,"line":583},[277,55391,2742],{"class":283},[277,55393,55394,55396],{"class":279,"line":588},[277,55395,2747],{"class":291},[277,55397,473],{"class":283},[277,55399,55400,55402,55404,55406,55408,55410,55412,55414],{"class":279,"line":606},[277,55401,2754],{"class":311},[277,55403,1268],{"class":356},[277,55405,2759],{"class":283},[277,55407,2218],{"class":291},[277,55409,448],{"class":283},[277,55411,2223],{"class":349},[277,55413,2226],{"class":311},[277,55415,343],{"class":283},[277,55417,55418,55420,55422,55424],{"class":279,"line":614},[277,55419,2774],{"class":311},[277,55421,2236],{"class":356},[277,55423,340],{"class":311},[277,55425,2241],{"class":283},[277,55427,55428,55430,55432],{"class":279,"line":625},[277,55429,2785],{"class":283},[277,55431,2249],{"class":291},[277,55433,622],{"class":283},[277,55435,55436,55438,55440,55442,55444,55446,55448],{"class":279,"line":637},[277,55437,2785],{"class":283},[277,55439,2258],{"class":291},[277,55441,448],{"class":283},[277,55443,1341],{"class":356},[277,55445,2802],{"class":283},[277,55447,2249],{"class":291},[277,55449,2266],{"class":283},[277,55451,55452],{"class":279,"line":646},[277,55453,328],{"emptyLinePlaceholder":327},[277,55455,55456,55458,55460,55462,55464,55466,55468,55470,55472,55474],{"class":279,"line":668},[277,55457,2774],{"class":311},[277,55459,2277],{"class":356},[277,55461,340],{"class":311},[277,55463,1268],{"class":356},[277,55465,2823],{"class":283},[277,55467,2285],{"class":311},[277,55469,2288],{"class":311},[277,55471,2291],{"class":283},[277,55473,353],{"class":311},[277,55475,2296],{"class":356},[277,55477,55478],{"class":279,"line":673},[277,55479,328],{"emptyLinePlaceholder":327},[277,55481,55482,55484,55486,55488],{"class":279,"line":679},[277,55483,2842],{"class":311},[277,55485,2307],{"class":283},[277,55487,2310],{"class":311},[277,55489,2313],{"class":283},[277,55491,55492],{"class":279,"line":684},[277,55493,2853],{"class":283},[277,55495,55496],{"class":279,"line":700},[277,55497,1126],{"class":283},[277,55499,55500],{"class":279,"line":717},[277,55501,1131],{"class":283},[277,55503,55504],{"class":279,"line":722},[277,55505,328],{"emptyLinePlaceholder":327},[277,55507,55508,55510,55512,55514],{"class":279,"line":729},[277,55509,2870],{"class":291},[277,55511,448],{"class":283},[277,55513,2337],{"class":349},[277,55515,2476],{"class":283},[277,55517,55518,55520,55522,55524,55526],{"class":279,"line":738},[277,55519,2881],{"class":283},[277,55521,2352],{"class":291},[277,55523,448],{"class":283},[277,55525,2357],{"class":301},[277,55527,2360],{"class":283},[277,55529,55530],{"class":279,"line":747},[277,55531,2894],{"class":283},[277,55533,55534,55536,55538],{"class":279,"line":754},[277,55535,2899],{"class":283},[277,55537,2373],{"class":291},[277,55539,2376],{"class":283},[277,55541,55542],{"class":279,"line":772},[277,55543,2908],{"class":283},[277,55545,55546],{"class":279,"line":777},[277,55547,2913],{"class":283},[277,55549,55550],{"class":279,"line":782},[277,55551,1131],{"class":283},[277,55553,55554],{"class":279,"line":792},[277,55555,328],{"emptyLinePlaceholder":327},[277,55557,55558,55560,55562,55564],{"class":279,"line":797},[277,55559,2926],{"class":291},[277,55561,448],{"class":283},[277,55563,2337],{"class":349},[277,55565,2476],{"class":283},[277,55567,55568,55570,55572,55574,55576],{"class":279,"line":807},[277,55569,2881],{"class":283},[277,55571,2352],{"class":291},[277,55573,448],{"class":283},[277,55575,2419],{"class":301},[277,55577,2360],{"class":283},[277,55579,55580],{"class":279,"line":826},[277,55581,2894],{"class":283},[277,55583,55584,55586,55588],{"class":279,"line":849},[277,55585,2899],{"class":283},[277,55587,2373],{"class":291},[277,55589,2376],{"class":283},[277,55591,55592],{"class":279,"line":854},[277,55593,2961],{"class":283},[277,55595,55596],{"class":279,"line":876},[277,55597,2966],{"class":283},[277,55599,55600],{"class":279,"line":891},[277,55601,2913],{"class":283},[277,55603,55604],{"class":279,"line":905},[277,55605,1131],{"class":283},[277,55607,55608],{"class":279,"line":919},[277,55609,328],{"emptyLinePlaceholder":327},[277,55611,55612],{"class":279,"line":929},[277,55613,1140],{"class":283},[277,55615,55616,55618,55620,55622],{"class":279,"line":934},[277,55617,2987],{"class":291},[277,55619,448],{"class":283},[277,55621,2468],{"class":349},[277,55623,2476],{"class":283},[277,55625,55626,55628,55630,55632,55634,55636,55638,55640,55642,55644,55646,55648],{"class":279,"line":951},[277,55627,1154],{"class":311},[277,55629,2483],{"class":356},[277,55631,340],{"class":311},[277,55633,1268],{"class":356},[277,55635,2759],{"class":283},[277,55637,2490],{"class":291},[277,55639,448],{"class":283},[277,55641,2495],{"class":349},[277,55643,2226],{"class":311},[277,55645,2500],{"class":283},[277,55647,2503],{"class":311},[277,55649,2506],{"class":283},[277,55651,55652],{"class":279,"line":961},[277,55653,328],{"emptyLinePlaceholder":327},[277,55655,55656,55658,55660,55662,55664],{"class":279,"line":1473},[277,55657,1177],{"class":311},[277,55659,511],{"class":283},[277,55661,514],{"class":311},[277,55663,2521],{"class":283},[277,55665,714],{"class":311},[277,55667,55668],{"class":279,"line":1478},[277,55669,328],{"emptyLinePlaceholder":327},[277,55671,55672,55674,55676,55678],{"class":279,"line":1497},[277,55673,3044],{"class":283},[277,55675,298],{"class":311},[277,55677,2288],{"class":311},[277,55679,2539],{"class":283},[277,55681,55682],{"class":279,"line":1510},[277,55683,1126],{"class":283},[277,55685,55686],{"class":279,"line":1523},[277,55687,542],{"class":283},[277,55689,55690],{"class":279,"line":1536},[277,55691,394],{"class":283},[277,55693,55694,55696,55698],{"class":279,"line":1545},[277,55695,785],{"class":283},[277,55697,288],{"class":287},[277,55699,305],{"class":283},[21,55701,3073],{},[38,55703,55704,55706,55708],{},[41,55705,3078],{},[41,55707,3081],{},[41,55709,3084],{},[30,55711,1596],{"id":1595},[21,55713,55714,1697,55716,3093],{},[16,55715,1685],{},[16,55717,1688],{},[21,55719,3096],{},[38,55721,55722,55724,55726],{},[41,55723,3101],{},[41,55725,3104],{},[41,55727,3107,55728,104],{},[16,55729,1732],{},[3111,55731,55732],{},[21,55733,3115],{},[1606,55735,3118],{},{"title":273,"searchDepth":308,"depth":308,"links":55737},[55738,55739,55740,55741,55742,55748,55753,55754],{"id":32,"depth":308,"text":33},{"id":60,"depth":308,"text":61},{"id":128,"depth":308,"text":129},{"id":155,"depth":308,"text":156},{"id":189,"depth":308,"text":190,"children":55743},[55744,55745,55746,55747],{"id":1909,"depth":324,"text":1910},{"id":1920,"depth":324,"text":1921},{"id":1931,"depth":324,"text":1932},{"id":1938,"depth":324,"text":1939},{"id":1945,"depth":308,"text":1946,"children":55749},[55750,55751,55752],{"id":1949,"depth":324,"text":1950},{"id":1959,"depth":324,"text":1960},{"id":1968,"depth":324,"text":1969},{"id":1975,"depth":308,"text":1976},{"id":1595,"depth":308,"text":1596},{"script":55756},[55757],{"type":1632,"key":1633,"data-nuxt-schema-org":327,"nodes":55758},[55759],{"headline":1676,"author":55760,"datePublished":3148,"@type":1640},{"name":1637,"@type":1638},{"updatedAt":3148,"coverCaption":3150,"author":1637,"keywords":55762},[1645,1685,1688,2331,2398],[55764],{"headline":1676,"author":55765,"datePublished":3148,"@type":1640},{"name":1637,"@type":1638},{"title":1676,"description":3141},[55768,55769,55770,55771,55772],{"tag":1660,"color":1661},{"tag":3161,"color":3162},{"tag":3164,"color":3165},{"tag":3167,"color":3168},{"tag":1671,"color":1672},{"id":3172,"title":3173,"body":55774,"cover":5131,"coverAlt":5132,"date":5133,"description":5134,"draft":1627,"extension":1628,"head":57471,"locale":1641,"meta":57477,"navigation":327,"path":5147,"schemaOrg":57479,"seo":57482,"series":1653,"seriesDescription":1654,"seriesOrder":371,"seriesTitle":1655,"slug":1656,"stem":5152,"tags":57483,"__hash__":5160},{"type":8,"value":55775,"toc":57452},[55776,55780,55782,55786,55788,55790,55794,55796,55804,55806,55824,55826,55840,55842,55854,55858,55860,55864,55866,55876,55880,55882,55886,55888,55906,55910,55912,55914,55916,55918,55922,55926,55928,55930,55932,55934,55936,55940,55942,55944,55946,55948,55950,55952,55954,55956,56738,57436,57438,57442,57444,57448,57450],[11,55777,3179,55778],{"id":3178},[16,55779,3182],{},[21,55781,3185],{},[21,55783,3188,55784,3191],{},[16,55785,3182],{},[30,55787,33],{"id":32},[21,55789,3196],{},[21,55791,3199,55792,3202],{},[16,55793,3182],{},[30,55795,61],{"id":60},[21,55797,55798,3209,55800,3213,55802,3217],{},[16,55799,3182],{},[16,55801,3212],{},[72,55803,3216],{},[21,55805,3220],{},[38,55807,55808,55810,55812,55814,55818,55820,55822],{},[41,55809,3164],{},[41,55811,3227],{},[41,55813,3230],{},[41,55815,55816],{},[16,55817,3235],{},[41,55819,3238],{},[41,55821,3241],{},[41,55823,3244],{},[21,55825,3247],{},[38,55827,55828,55832,55836],{},[41,55829,55830,3255],{},[16,55831,3254],{},[41,55833,55834,3261],{},[16,55835,3260],{},[41,55837,55838,3267],{},[16,55839,3266],{},[21,55841,3270],{},[38,55843,55844,55846],{},[41,55845,3275],{},[41,55847,3278,55848,3281,55850,3284,55852,104],{},[16,55849,2123],{},[16,55851,3182],{},[16,55853,3287],{},[21,55855,3290,55856,3295],{},[3292,55857,3294],{},[30,55859,129],{"id":128},[21,55861,55862,3302],{},[16,55863,3182],{},[21,55865,3305],{},[38,55867,55868,55870,55872,55874],{},[41,55869,3310],{},[41,55871,3313],{},[41,55873,3316],{},[41,55875,3319],{},[21,55877,3322,55878,3325],{},[16,55879,3182],{},[30,55881,156],{"id":155},[21,55883,3330,55884,3333],{},[16,55885,3182],{},[21,55887,162],{},[38,55889,55890,55898,55902,55904],{},[41,55891,3340,55892,225,55894,225,55896,1895],{},[16,55893,3343],{},[16,55895,3346],{},[16,55897,3349],{},[41,55899,3352,55900,3356],{},[16,55901,3355],{},[41,55903,3359],{},[41,55905,3362],{},[21,55907,55908,3367],{},[16,55909,3182],{},[30,55911,190],{"id":189},[192,55913,3373],{"id":3372},[21,55915,3376],{},[21,55917,3379],{},[192,55919,3383,55920,3386],{"id":3382},[16,55921,2123],{},[21,55923,3389,55924,3392],{},[16,55925,2123],{},[21,55927,3395],{},[192,55929,3399],{"id":3398},[21,55931,3402],{},[21,55933,3405],{},[192,55935,3409],{"id":3408},[21,55937,3412,55938,3415],{},[16,55939,3182],{},[30,55941,1946],{"id":1945},[192,55943,3421],{"id":3420},[21,55945,3424],{},[192,55947,3428],{"id":3427},[21,55949,3431],{},[192,55951,3435],{"id":3434},[21,55953,3438],{},[30,55955,1976],{"id":1975},[267,55957,55958],{"className":269,"code":3443,"filename":271,"language":272,"meta":273,"style":273},[16,55959,55960,55976,55986,55990,56006,56022,56038,56054,56058,56070,56078,56084,56100,56104,56120,56126,56140,56144,56148,56154,56166,56178,56190,56194,56198,56202,56210,56224,56238,56244,56250,56254,56262,56272,56280,56284,56288,56292,56296,56302,56308,56320,56350,56354,56358,56362,56366,56370,56374,56396,56404,56410,56426,56434,56438,56450,56454,56458,56462,56466,56470,56476,56480,56484,56492,56500,56508,56516,56524,56528,56536,56540,56548,56562,56570,56582,56590,56594,56602,56610,56614,56634,56646,56658,56670,56694,56702,56706,56722,56730],{"__ignoreMap":273},[277,55961,55962,55964,55966,55968,55970,55972,55974],{"class":279,"line":280},[277,55963,284],{"class":283},[277,55965,288],{"class":287},[277,55967,292],{"class":291},[277,55969,295],{"class":291},[277,55971,298],{"class":283},[277,55973,302],{"class":301},[277,55975,305],{"class":283},[277,55977,55978,55980,55982,55984],{"class":279,"line":308},[277,55979,312],{"class":311},[277,55981,3468],{"class":283},[277,55983,318],{"class":311},[277,55985,321],{"class":301},[277,55987,55988],{"class":279,"line":324},[277,55989,328],{"emptyLinePlaceholder":327},[277,55991,55992,55994,55996,55998,56000,56002,56004],{"class":279,"line":331},[277,55993,405],{"class":311},[277,55995,3483],{"class":356},[277,55997,340],{"class":311},[277,55999,413],{"class":291},[277,56001,448],{"class":283},[277,56003,2123],{"class":356},[277,56005,433],{"class":283},[277,56007,56008,56010,56012,56014,56016,56018,56020],{"class":279,"line":346},[277,56009,405],{"class":311},[277,56011,441],{"class":356},[277,56013,340],{"class":311},[277,56015,413],{"class":291},[277,56017,448],{"class":283},[277,56019,451],{"class":301},[277,56021,433],{"class":283},[277,56023,56024,56026,56028,56030,56032,56034,56036],{"class":279,"line":360},[277,56025,405],{"class":311},[277,56027,3516],{"class":356},[277,56029,340],{"class":311},[277,56031,413],{"class":291},[277,56033,448],{"class":283},[277,56035,451],{"class":301},[277,56037,433],{"class":283},[277,56039,56040,56042,56044,56046,56048,56050,56052],{"class":279,"line":371},[277,56041,405],{"class":311},[277,56043,3533],{"class":356},[277,56045,340],{"class":311},[277,56047,413],{"class":291},[277,56049,448],{"class":283},[277,56051,3542],{"class":356},[277,56053,433],{"class":283},[277,56055,56056],{"class":279,"line":381},[277,56057,328],{"emptyLinePlaceholder":327},[277,56059,56060,56062,56064,56066,56068],{"class":279,"line":391},[277,56061,405],{"class":311},[277,56063,3555],{"class":356},[277,56065,340],{"class":311},[277,56067,1063],{"class":291},[277,56069,1066],{"class":283},[277,56071,56072,56074,56076],{"class":279,"line":397},[277,56073,1071],{"class":283},[277,56075,3568],{"class":301},[277,56077,1077],{"class":283},[277,56079,56080,56082],{"class":279,"line":402},[277,56081,3575],{"class":291},[277,56083,473],{"class":283},[277,56085,56086,56088,56090,56092,56094,56096,56098],{"class":279,"line":436},[277,56087,2233],{"class":311},[277,56089,3584],{"class":356},[277,56091,340],{"class":311},[277,56093,413],{"class":291},[277,56095,448],{"class":283},[277,56097,2123],{"class":356},[277,56099,433],{"class":283},[277,56101,56102],{"class":279,"line":456},[277,56103,328],{"emptyLinePlaceholder":327},[277,56105,56106,56108,56110,56112,56114,56116,56118],{"class":279,"line":461},[277,56107,2233],{"class":311},[277,56109,3605],{"class":356},[277,56111,340],{"class":311},[277,56113,2200],{"class":291},[277,56115,2203],{"class":283},[277,56117,601],{"class":311},[277,56119,343],{"class":283},[277,56121,56122,56124],{"class":279,"line":476},[277,56123,1177],{"class":311},[277,56125,3622],{"class":283},[277,56127,56128,56130,56132,56134,56136,56138],{"class":279,"line":500},[277,56129,1188],{"class":311},[277,56131,526],{"class":311},[277,56133,529],{"class":291},[277,56135,448],{"class":283},[277,56137,3635],{"class":301},[277,56139,433],{"class":283},[277,56141,56142],{"class":279,"line":505},[277,56143,1203],{"class":283},[277,56145,56146],{"class":279,"line":520},[277,56147,328],{"emptyLinePlaceholder":327},[277,56149,56150,56152],{"class":279,"line":539},[277,56151,2754],{"class":311},[277,56153,3652],{"class":283},[277,56155,56156,56158,56160,56162,56164],{"class":279,"line":545},[277,56157,3657],{"class":283},[277,56159,3660],{"class":301},[277,56161,3663],{"class":283},[277,56163,3666],{"class":356},[277,56165,2132],{"class":283},[277,56167,56168,56170,56172,56174,56176],{"class":279,"line":550},[277,56169,3657],{"class":283},[277,56171,3675],{"class":301},[277,56173,3663],{"class":283},[277,56175,3680],{"class":356},[277,56177,2132],{"class":283},[277,56179,56180,56182,56184,56186,56188],{"class":279,"line":578},[277,56181,3657],{"class":283},[277,56183,3689],{"class":301},[277,56185,3663],{"class":283},[277,56187,2163],{"class":356},[277,56189,2179],{"class":283},[277,56191,56192],{"class":279,"line":583},[277,56193,2725],{"class":283},[277,56195,56196],{"class":279,"line":588},[277,56197,2913],{"class":283},[277,56199,56200],{"class":279,"line":606},[277,56201,328],{"emptyLinePlaceholder":327},[277,56203,56204,56206,56208],{"class":279,"line":614},[277,56205,1093],{"class":311},[277,56207,598],{"class":283},[277,56209,3716],{"class":311},[277,56211,56212,56214,56216,56218,56220,56222],{"class":279,"line":625},[277,56213,3721],{"class":291},[277,56215,448],{"class":283},[277,56217,3726],{"class":301},[277,56219,3729],{"class":283},[277,56221,3732],{"class":301},[277,56223,3735],{"class":283},[277,56225,56226,56228,56230,56232,56234,56236],{"class":279,"line":637},[277,56227,3740],{"class":291},[277,56229,448],{"class":283},[277,56231,3745],{"class":301},[277,56233,225],{"class":283},[277,56235,3750],{"class":301},[277,56237,3753],{"class":283},[277,56239,56240,56242],{"class":279,"line":646},[277,56241,3740],{"class":291},[277,56243,3760],{"class":283},[277,56245,56246,56248],{"class":279,"line":668},[277,56247,3765],{"class":301},[277,56249,1077],{"class":283},[277,56251,56252],{"class":279,"line":673},[277,56253,3772],{"class":283},[277,56255,56256,56258,56260],{"class":279,"line":679},[277,56257,3777],{"class":283},[277,56259,3780],{"class":301},[277,56261,1077],{"class":283},[277,56263,56264,56266,56268,56270],{"class":279,"line":684},[277,56265,3787],{"class":291},[277,56267,3790],{"class":283},[277,56269,601],{"class":311},[277,56271,343],{"class":283},[277,56273,56274,56276,56278],{"class":279,"line":700},[277,56275,3799],{"class":283},[277,56277,298],{"class":311},[277,56279,2296],{"class":356},[277,56281,56282],{"class":279,"line":717},[277,56283,3808],{"class":283},[277,56285,56286],{"class":279,"line":722},[277,56287,3813],{"class":283},[277,56289,56290],{"class":279,"line":729},[277,56291,3818],{"class":301},[277,56293,56294],{"class":279,"line":738},[277,56295,3823],{"class":283},[277,56297,56298,56300],{"class":279,"line":747},[277,56299,3740],{"class":291},[277,56301,3760],{"class":283},[277,56303,56304,56306],{"class":279,"line":754},[277,56305,3834],{"class":301},[277,56307,1077],{"class":283},[277,56309,56310,56312,56314,56316,56318],{"class":279,"line":772},[277,56311,3841],{"class":283},[277,56313,3844],{"class":291},[277,56315,448],{"class":283},[277,56317,3849],{"class":349},[277,56319,3852],{"class":311},[277,56321,56322,56324,56326,56328,56330,56332,56334,56336,56338,56340,56342,56344,56346,56348],{"class":279,"line":777},[277,56323,3857],{"class":291},[277,56325,448],{"class":283},[277,56327,3862],{"class":301},[277,56329,3865],{"class":283},[277,56331,3868],{"class":301},[277,56333,3849],{"class":283},[277,56335,104],{"class":301},[277,56337,3875],{"class":283},[277,56339,3878],{"class":301},[277,56341,3849],{"class":283},[277,56343,104],{"class":301},[277,56345,3885],{"class":283},[277,56347,3888],{"class":301},[277,56349,433],{"class":283},[277,56351,56352],{"class":279,"line":782},[277,56353,3895],{"class":283},[277,56355,56356],{"class":279,"line":792},[277,56357,3900],{"class":283},[277,56359,56360],{"class":279,"line":797},[277,56361,3905],{"class":283},[277,56363,56364],{"class":279,"line":807},[277,56365,542],{"class":283},[277,56367,56368],{"class":279,"line":826},[277,56369,676],{"class":283},[277,56371,56372],{"class":279,"line":849},[277,56373,328],{"emptyLinePlaceholder":327},[277,56375,56376,56378,56380,56382,56384,56386,56388,56390,56392,56394],{"class":279,"line":854},[277,56377,3922],{"class":291},[277,56379,2334],{"class":283},[277,56381,3349],{"class":349},[277,56383,225],{"class":283},[277,56385,3260],{"class":349},[277,56387,225],{"class":283},[277,56389,3266],{"class":349},[277,56391,2340],{"class":283},[277,56393,601],{"class":311},[277,56395,343],{"class":283},[277,56397,56398,56400,56402],{"class":279,"line":876},[277,56399,3945],{"class":283},[277,56401,298],{"class":311},[277,56403,2296],{"class":356},[277,56405,56406,56408],{"class":279,"line":891},[277,56407,3954],{"class":283},[277,56409,643],{"class":311},[277,56411,56412,56414,56416,56418,56420,56422,56424],{"class":279,"line":905},[277,56413,3961],{"class":283},[277,56415,652],{"class":311},[277,56417,529],{"class":291},[277,56419,657],{"class":311},[277,56421,660],{"class":283},[277,56423,353],{"class":311},[277,56425,3974],{"class":301},[277,56427,56428,56430,56432],{"class":279,"line":919},[277,56429,3979],{"class":283},[277,56431,298],{"class":311},[277,56433,3984],{"class":283},[277,56435,56436],{"class":279,"line":929},[277,56437,328],{"emptyLinePlaceholder":327},[277,56439,56440,56442,56444,56446,56448],{"class":279,"line":934},[277,56441,2349],{"class":283},[277,56443,3349],{"class":291},[277,56445,448],{"class":283},[277,56447,3999],{"class":301},[277,56449,2360],{"class":283},[277,56451,56452],{"class":279,"line":951},[277,56453,4006],{"class":283},[277,56455,56456],{"class":279,"line":961},[277,56457,4011],{"class":283},[277,56459,56460],{"class":279,"line":1473},[277,56461,4016],{"class":283},[277,56463,56464],{"class":279,"line":1478},[277,56465,2318],{"class":283},[277,56467,56468],{"class":279,"line":1497},[277,56469,328],{"emptyLinePlaceholder":327},[277,56471,56472,56474],{"class":279,"line":1510},[277,56473,2212],{"class":311},[277,56475,4031],{"class":356},[277,56477,56478],{"class":279,"line":1523},[277,56479,676],{"class":283},[277,56481,56482],{"class":279,"line":1536},[277,56483,328],{"emptyLinePlaceholder":327},[277,56485,56486,56488,56490],{"class":279,"line":1545},[277,56487,2460],{"class":311},[277,56489,4046],{"class":291},[277,56491,473],{"class":283},[277,56493,56494,56496,56498],{"class":279,"line":1550},[277,56495,3945],{"class":283},[277,56497,298],{"class":311},[277,56499,4031],{"class":356},[277,56501,56502,56504,56506],{"class":279,"line":1565},[277,56503,3954],{"class":283},[277,56505,298],{"class":311},[277,56507,4065],{"class":301},[277,56509,56510,56512,56514],{"class":279,"line":1574},[277,56511,3979],{"class":283},[277,56513,298],{"class":311},[277,56515,4065],{"class":301},[277,56517,56518,56520,56522],{"class":279,"line":4076},[277,56519,4079],{"class":283},[277,56521,4082],{"class":311},[277,56523,4085],{"class":356},[277,56525,56526],{"class":279,"line":4088},[277,56527,394],{"class":283},[277,56529,56530,56532,56534],{"class":279,"line":4093},[277,56531,785],{"class":283},[277,56533,288],{"class":287},[277,56535,305],{"class":283},[277,56537,56538],{"class":279,"line":4102},[277,56539,328],{"emptyLinePlaceholder":327},[277,56541,56542,56544,56546],{"class":279,"line":4107},[277,56543,284],{"class":283},[277,56545,802],{"class":287},[277,56547,305],{"class":283},[277,56549,56550,56552,56554,56556,56558,56560],{"class":279,"line":4116},[277,56551,810],{"class":283},[277,56553,4121],{"class":287},[277,56555,816],{"class":291},[277,56557,298],{"class":283},[277,56559,4128],{"class":301},[277,56561,305],{"class":283},[277,56563,56564,56566,56568],{"class":279,"line":4133},[277,56565,829],{"class":283},[277,56567,4138],{"class":287},[277,56569,305],{"class":283},[277,56571,56572,56574,56576,56578,56580],{"class":279,"line":4143},[277,56573,879],{"class":283},[277,56575,30],{"class":287},[277,56577,4150],{"class":283},[277,56579,30],{"class":287},[277,56581,305],{"class":283},[277,56583,56584,56586,56588],{"class":279,"line":4157},[277,56585,879],{"class":283},[277,56587,21],{"class":287},[277,56589,305],{"class":283},[277,56591,56592],{"class":279,"line":4166},[277,56593,4169],{"class":283},[277,56595,56596,56598,56600],{"class":279,"line":4172},[277,56597,4175],{"class":283},[277,56599,21],{"class":287},[277,56601,305],{"class":283},[277,56603,56604,56606,56608],{"class":279,"line":4182},[277,56605,922],{"class":283},[277,56607,4138],{"class":287},[277,56609,305],{"class":283},[277,56611,56612],{"class":279,"line":4191},[277,56613,328],{"emptyLinePlaceholder":327},[277,56615,56616,56618,56620,56622,56624,56626,56628,56630,56632],{"class":279,"line":4196},[277,56617,829],{"class":283},[277,56619,4201],{"class":287},[277,56621,834],{"class":291},[277,56623,298],{"class":283},[277,56625,4208],{"class":301},[277,56627,816],{"class":291},[277,56629,298],{"class":283},[277,56631,4215],{"class":301},[277,56633,305],{"class":283},[277,56635,56636,56638,56640,56642,56644],{"class":279,"line":4220},[277,56637,879],{"class":283},[277,56639,72],{"class":287},[277,56641,4227],{"class":283},[277,56643,72],{"class":287},[277,56645,305],{"class":283},[277,56647,56648,56650,56652,56654,56656],{"class":279,"line":4234},[277,56649,879],{"class":283},[277,56651,21],{"class":287},[277,56653,842],{"class":283},[277,56655,21],{"class":287},[277,56657,305],{"class":283},[277,56659,56660,56662,56664,56666,56668],{"class":279,"line":4247},[277,56661,879],{"class":283},[277,56663,4252],{"class":287},[277,56665,4255],{"class":283},[277,56667,4252],{"class":287},[277,56669,305],{"class":283},[277,56671,56672,56674,56676,56678,56680,56682,56684,56686,56688,56690,56692],{"class":279,"line":4262},[277,56673,879],{"class":283},[277,56675,4267],{"class":287},[277,56677,4270],{"class":291},[277,56679,298],{"class":283},[277,56681,4275],{"class":301},[277,56683,4278],{"class":291},[277,56685,298],{"class":283},[277,56687,4283],{"class":301},[277,56689,4286],{"class":283},[277,56691,4267],{"class":287},[277,56693,305],{"class":283},[277,56695,56696,56698,56700],{"class":279,"line":4293},[277,56697,922],{"class":283},[277,56699,4201],{"class":287},[277,56701,305],{"class":283},[277,56703,56704],{"class":279,"line":4302},[277,56705,328],{"emptyLinePlaceholder":327},[277,56707,56708,56710,56712,56714,56716,56718,56720],{"class":279,"line":4307},[277,56709,829],{"class":283},[277,56711,4312],{"class":287},[277,56713,941],{"class":291},[277,56715,4317],{"class":291},[277,56717,298],{"class":283},[277,56719,4322],{"class":301},[277,56721,4325],{"class":283},[277,56723,56724,56726,56728],{"class":279,"line":4328},[277,56725,954],{"class":283},[277,56727,4121],{"class":287},[277,56729,305],{"class":283},[277,56731,56732,56734,56736],{"class":279,"line":4337},[277,56733,785],{"class":283},[277,56735,802],{"class":287},[277,56737,305],{"class":283},[267,56739,56740],{"className":269,"code":4346,"filename":971,"language":272,"meta":273,"style":273},[16,56741,56742,56756,56766,56774,56780,56786,56792,56796,56800,56804,56810,56820,56834,56838,56842,56848,56860,56872,56884,56888,56892,56896,56902,56906,56910,56914,56918,56922,56926,56930,56934,56938,56942,56946,56950,56954,56958,56962,56966,56970,56974,56978,56982,56986,56994,57002,57006,57010,57014,57020,57026,57034,57042,57050,57056,57060,57064,57082,57092,57100,57116,57126,57130,57142,57146,57150,57154,57158,57162,57168,57172,57176,57182,57192,57202,57212,57222,57226,57230,57234,57242,57246,57254,57268,57276,57288,57300,57308,57312,57332,57344,57356,57368,57392,57400,57404,57420,57428],{"__ignoreMap":273},[277,56743,56744,56746,56748,56750,56752,56754],{"class":279,"line":280},[277,56745,284],{"class":283},[277,56747,288],{"class":287},[277,56749,295],{"class":291},[277,56751,298],{"class":283},[277,56753,302],{"class":301},[277,56755,305],{"class":283},[277,56757,56758,56760,56762,56764],{"class":279,"line":308},[277,56759,405],{"class":311},[277,56761,3555],{"class":356},[277,56763,340],{"class":311},[277,56765,343],{"class":283},[277,56767,56768,56770,56772],{"class":279,"line":324},[277,56769,1071],{"class":283},[277,56771,3568],{"class":301},[277,56773,1077],{"class":283},[277,56775,56776,56778],{"class":279,"line":331},[277,56777,1086],{"class":291},[277,56779,473],{"class":283},[277,56781,56782,56784],{"class":279,"line":346},[277,56783,1093],{"class":311},[277,56785,343],{"class":283},[277,56787,56788,56790],{"class":279,"line":360},[277,56789,4397],{"class":283},[277,56791,2043],{"class":356},[277,56793,56794],{"class":279,"line":371},[277,56795,1126],{"class":283},[277,56797,56798],{"class":279,"line":381},[277,56799,1131],{"class":283},[277,56801,56802],{"class":279,"line":391},[277,56803,2742],{"class":283},[277,56805,56806,56808],{"class":279,"line":397},[277,56807,4416],{"class":291},[277,56809,473],{"class":283},[277,56811,56812,56814,56816,56818],{"class":279,"line":402},[277,56813,1177],{"class":311},[277,56815,511],{"class":283},[277,56817,1341],{"class":356},[277,56819,4429],{"class":283},[277,56821,56822,56824,56826,56828,56830,56832],{"class":279,"line":436},[277,56823,1188],{"class":311},[277,56825,526],{"class":311},[277,56827,529],{"class":291},[277,56829,448],{"class":283},[277,56831,3635],{"class":301},[277,56833,433],{"class":283},[277,56835,56836],{"class":279,"line":456},[277,56837,1203],{"class":283},[277,56839,56840],{"class":279,"line":461},[277,56841,328],{"emptyLinePlaceholder":327},[277,56843,56844,56846],{"class":279,"line":476},[277,56845,2754],{"class":311},[277,56847,3652],{"class":283},[277,56849,56850,56852,56854,56856,56858],{"class":279,"line":500},[277,56851,3657],{"class":283},[277,56853,3660],{"class":301},[277,56855,3663],{"class":283},[277,56857,3666],{"class":356},[277,56859,2132],{"class":283},[277,56861,56862,56864,56866,56868,56870],{"class":279,"line":505},[277,56863,3657],{"class":283},[277,56865,3675],{"class":301},[277,56867,3663],{"class":283},[277,56869,3680],{"class":356},[277,56871,2132],{"class":283},[277,56873,56874,56876,56878,56880,56882],{"class":279,"line":520},[277,56875,3657],{"class":283},[277,56877,3689],{"class":301},[277,56879,3663],{"class":283},[277,56881,2163],{"class":356},[277,56883,2179],{"class":283},[277,56885,56886],{"class":279,"line":539},[277,56887,2725],{"class":283},[277,56889,56890],{"class":279,"line":545},[277,56891,1126],{"class":283},[277,56893,56894],{"class":279,"line":550},[277,56895,1131],{"class":283},[277,56897,56898,56900],{"class":279,"line":578},[277,56899,4510],{"class":283},[277,56901,4513],{"class":301},[277,56903,56904],{"class":279,"line":583},[277,56905,4518],{"class":301},[277,56907,56908],{"class":279,"line":588},[277,56909,4523],{"class":301},[277,56911,56912],{"class":279,"line":606},[277,56913,4528],{"class":301},[277,56915,56916],{"class":279,"line":614},[277,56917,4533],{"class":301},[277,56919,56920],{"class":279,"line":625},[277,56921,4538],{"class":301},[277,56923,56924],{"class":279,"line":637},[277,56925,4543],{"class":301},[277,56927,56928],{"class":279,"line":646},[277,56929,4548],{"class":301},[277,56931,56932],{"class":279,"line":668},[277,56933,4553],{"class":301},[277,56935,56936],{"class":279,"line":673},[277,56937,328],{"emptyLinePlaceholder":327},[277,56939,56940],{"class":279,"line":679},[277,56941,4562],{"class":301},[277,56943,56944],{"class":279,"line":684},[277,56945,4567],{"class":301},[277,56947,56948],{"class":279,"line":700},[277,56949,4572],{"class":301},[277,56951,56952],{"class":279,"line":717},[277,56953,4577],{"class":301},[277,56955,56956],{"class":279,"line":722},[277,56957,4582],{"class":301},[277,56959,56960],{"class":279,"line":729},[277,56961,4587],{"class":301},[277,56963,56964],{"class":279,"line":738},[277,56965,4592],{"class":301},[277,56967,56968],{"class":279,"line":747},[277,56969,4597],{"class":301},[277,56971,56972],{"class":279,"line":754},[277,56973,4602],{"class":301},[277,56975,56976],{"class":279,"line":772},[277,56977,4607],{"class":301},[277,56979,56980],{"class":279,"line":777},[277,56981,394],{"class":283},[277,56983,56984],{"class":279,"line":782},[277,56985,328],{"emptyLinePlaceholder":327},[277,56987,56988,56990,56992],{"class":279,"line":792},[277,56989,1057],{"class":311},[277,56991,1060],{"class":311},[277,56993,343],{"class":283},[277,56995,56996,56998,57000],{"class":279,"line":797},[277,56997,1071],{"class":283},[277,56999,4630],{"class":301},[277,57001,1077],{"class":283},[277,57003,57004],{"class":279,"line":807},[277,57005,4637],{"class":283},[277,57007,57008],{"class":279,"line":826},[277,57009,4642],{"class":283},[277,57011,57012],{"class":279,"line":849},[277,57013,1131],{"class":283},[277,57015,57016,57018],{"class":279,"line":854},[277,57017,1086],{"class":291},[277,57019,473],{"class":283},[277,57021,57022,57024],{"class":279,"line":876},[277,57023,1093],{"class":311},[277,57025,343],{"class":283},[277,57027,57028,57030,57032],{"class":279,"line":891},[277,57029,4663],{"class":283},[277,57031,2123],{"class":356},[277,57033,1077],{"class":283},[277,57035,57036,57038,57040],{"class":279,"line":905},[277,57037,1118],{"class":283},[277,57039,451],{"class":301},[277,57041,1077],{"class":283},[277,57043,57044,57046,57048],{"class":279,"line":919},[277,57045,4680],{"class":283},[277,57047,451],{"class":301},[277,57049,1077],{"class":283},[277,57051,57052,57054],{"class":279,"line":929},[277,57053,4689],{"class":283},[277,57055,4692],{"class":356},[277,57057,57058],{"class":279,"line":934},[277,57059,1126],{"class":283},[277,57061,57062],{"class":279,"line":951},[277,57063,1131],{"class":283},[277,57065,57066,57068,57070,57072,57074,57076,57078,57080],{"class":279,"line":961},[277,57067,4705],{"class":291},[277,57069,448],{"class":283},[277,57071,3349],{"class":349},[277,57073,225],{"class":283},[277,57075,3260],{"class":349},[277,57077,225],{"class":283},[277,57079,3266],{"class":349},[277,57081,2476],{"class":283},[277,57083,57084,57086,57088,57090],{"class":279,"line":1473},[277,57085,4724],{"class":356},[277,57087,4727],{"class":283},[277,57089,298],{"class":311},[277,57091,2296],{"class":356},[277,57093,57094,57096,57098],{"class":279,"line":1478},[277,57095,4724],{"class":356},[277,57097,1291],{"class":283},[277,57099,643],{"class":311},[277,57101,57102,57104,57106,57108,57110,57112,57114],{"class":279,"line":1497},[277,57103,649],{"class":283},[277,57105,652],{"class":311},[277,57107,529],{"class":291},[277,57109,657],{"class":311},[277,57111,660],{"class":283},[277,57113,353],{"class":311},[277,57115,3974],{"class":301},[277,57117,57118,57120,57122,57124],{"class":279,"line":1510},[277,57119,4724],{"class":356},[277,57121,4762],{"class":283},[277,57123,298],{"class":311},[277,57125,3984],{"class":283},[277,57127,57128],{"class":279,"line":1523},[277,57129,328],{"emptyLinePlaceholder":327},[277,57131,57132,57134,57136,57138,57140],{"class":279,"line":1536},[277,57133,2881],{"class":283},[277,57135,3349],{"class":291},[277,57137,448],{"class":283},[277,57139,3999],{"class":301},[277,57141,2360],{"class":283},[277,57143,57144],{"class":279,"line":1545},[277,57145,4787],{"class":283},[277,57147,57148],{"class":279,"line":1550},[277,57149,4792],{"class":283},[277,57151,57152],{"class":279,"line":1565},[277,57153,4797],{"class":283},[277,57155,57156],{"class":279,"line":1574},[277,57157,2913],{"class":283},[277,57159,57160],{"class":279,"line":4076},[277,57161,328],{"emptyLinePlaceholder":327},[277,57163,57164,57166],{"class":279,"line":4088},[277,57165,1093],{"class":311},[277,57167,4031],{"class":356},[277,57169,57170],{"class":279,"line":4093},[277,57171,1131],{"class":283},[277,57173,57174],{"class":279,"line":4102},[277,57175,1140],{"class":283},[277,57177,57178,57180],{"class":279,"line":4107},[277,57179,4824],{"class":291},[277,57181,473],{"class":283},[277,57183,57184,57186,57188,57190],{"class":279,"line":4116},[277,57185,1212],{"class":356},[277,57187,4727],{"class":283},[277,57189,298],{"class":311},[277,57191,4031],{"class":356},[277,57193,57194,57196,57198,57200],{"class":279,"line":4133},[277,57195,1212],{"class":356},[277,57197,1291],{"class":283},[277,57199,298],{"class":311},[277,57201,4065],{"class":301},[277,57203,57204,57206,57208,57210],{"class":279,"line":4143},[277,57205,1212],{"class":356},[277,57207,4762],{"class":283},[277,57209,298],{"class":311},[277,57211,4065],{"class":301},[277,57213,57214,57216,57218,57220],{"class":279,"line":4157},[277,57215,1212],{"class":356},[277,57217,4863],{"class":283},[277,57219,4082],{"class":311},[277,57221,4085],{"class":356},[277,57223,57224],{"class":279,"line":4166},[277,57225,1126],{"class":283},[277,57227,57228],{"class":279,"line":4172},[277,57229,542],{"class":283},[277,57231,57232],{"class":279,"line":4182},[277,57233,394],{"class":283},[277,57235,57236,57238,57240],{"class":279,"line":4191},[277,57237,785],{"class":283},[277,57239,288],{"class":287},[277,57241,305],{"class":283},[277,57243,57244],{"class":279,"line":4196},[277,57245,328],{"emptyLinePlaceholder":327},[277,57247,57248,57250,57252],{"class":279,"line":4220},[277,57249,284],{"class":283},[277,57251,802],{"class":287},[277,57253,305],{"class":283},[277,57255,57256,57258,57260,57262,57264,57266],{"class":279,"line":4234},[277,57257,810],{"class":283},[277,57259,4121],{"class":287},[277,57261,816],{"class":291},[277,57263,298],{"class":283},[277,57265,4128],{"class":301},[277,57267,305],{"class":283},[277,57269,57270,57272,57274],{"class":279,"line":4247},[277,57271,829],{"class":283},[277,57273,4138],{"class":287},[277,57275,305],{"class":283},[277,57277,57278,57280,57282,57284,57286],{"class":279,"line":4262},[277,57279,879],{"class":283},[277,57281,30],{"class":287},[277,57283,4150],{"class":283},[277,57285,30],{"class":287},[277,57287,305],{"class":283},[277,57289,57290,57292,57294,57296,57298],{"class":279,"line":4293},[277,57291,879],{"class":283},[277,57293,21],{"class":287},[277,57295,4942],{"class":283},[277,57297,21],{"class":287},[277,57299,305],{"class":283},[277,57301,57302,57304,57306],{"class":279,"line":4302},[277,57303,922],{"class":283},[277,57305,4138],{"class":287},[277,57307,305],{"class":283},[277,57309,57310],{"class":279,"line":4307},[277,57311,328],{"emptyLinePlaceholder":327},[277,57313,57314,57316,57318,57320,57322,57324,57326,57328,57330],{"class":279,"line":4328},[277,57315,829],{"class":283},[277,57317,4201],{"class":287},[277,57319,834],{"class":291},[277,57321,298],{"class":283},[277,57323,4208],{"class":301},[277,57325,816],{"class":291},[277,57327,298],{"class":283},[277,57329,4215],{"class":301},[277,57331,305],{"class":283},[277,57333,57334,57336,57338,57340,57342],{"class":279,"line":4337},[277,57335,879],{"class":283},[277,57337,72],{"class":287},[277,57339,4227],{"class":283},[277,57341,72],{"class":287},[277,57343,305],{"class":283},[277,57345,57346,57348,57350,57352,57354],{"class":279,"line":4993},[277,57347,879],{"class":283},[277,57349,21],{"class":287},[277,57351,842],{"class":283},[277,57353,21],{"class":287},[277,57355,305],{"class":283},[277,57357,57358,57360,57362,57364,57366],{"class":279,"line":5006},[277,57359,879],{"class":283},[277,57361,4252],{"class":287},[277,57363,4255],{"class":283},[277,57365,4252],{"class":287},[277,57367,305],{"class":283},[277,57369,57370,57372,57374,57376,57378,57380,57382,57384,57386,57388,57390],{"class":279,"line":5019},[277,57371,879],{"class":283},[277,57373,4267],{"class":287},[277,57375,4270],{"class":291},[277,57377,298],{"class":283},[277,57379,4275],{"class":301},[277,57381,4278],{"class":291},[277,57383,298],{"class":283},[277,57385,4283],{"class":301},[277,57387,4286],{"class":283},[277,57389,4267],{"class":287},[277,57391,305],{"class":283},[277,57393,57394,57396,57398],{"class":279,"line":5044},[277,57395,922],{"class":283},[277,57397,4201],{"class":287},[277,57399,305],{"class":283},[277,57401,57402],{"class":279,"line":5053},[277,57403,328],{"emptyLinePlaceholder":327},[277,57405,57406,57408,57410,57412,57414,57416,57418],{"class":279,"line":5058},[277,57407,829],{"class":283},[277,57409,4312],{"class":287},[277,57411,941],{"class":291},[277,57413,4317],{"class":291},[277,57415,298],{"class":283},[277,57417,4322],{"class":301},[277,57419,4325],{"class":283},[277,57421,57422,57424,57426],{"class":279,"line":5075},[277,57423,954],{"class":283},[277,57425,4121],{"class":287},[277,57427,305],{"class":283},[277,57429,57430,57432,57434],{"class":279,"line":5084},[277,57431,785],{"class":283},[277,57433,802],{"class":287},[277,57435,305],{"class":283},[21,57437,5093],{},[3111,57439,57440],{},[21,57441,5098],{},[30,57443,1596],{"id":1595},[21,57445,57446,5105],{},[16,57447,3182],{},[21,57449,5108],{},[1606,57451,3118],{},{"title":273,"searchDepth":308,"depth":308,"links":57453},[57454,57455,57456,57457,57458,57464,57469,57470],{"id":32,"depth":308,"text":33},{"id":60,"depth":308,"text":61},{"id":128,"depth":308,"text":129},{"id":155,"depth":308,"text":156},{"id":189,"depth":308,"text":190,"children":57459},[57460,57461,57462,57463],{"id":3372,"depth":324,"text":3373},{"id":3382,"depth":324,"text":5121},{"id":3398,"depth":324,"text":3399},{"id":3408,"depth":324,"text":3409},{"id":1945,"depth":308,"text":1946,"children":57465},[57466,57467,57468],{"id":3420,"depth":324,"text":3421},{"id":3427,"depth":324,"text":3428},{"id":3434,"depth":324,"text":3435},{"id":1975,"depth":308,"text":1976},{"id":1595,"depth":308,"text":1596},{"script":57472},[57473],{"type":1632,"key":1633,"data-nuxt-schema-org":327,"nodes":57474},[57475],{"headline":3173,"author":57476,"datePublished":5141,"@type":1640},{"name":1637,"@type":1638},{"updatedAt":5141,"coverCaption":5143,"author":1637,"keywords":57478},[1645,3182,3922,5145,5146],[57480],{"headline":3173,"author":57481,"datePublished":5141,"@type":1640},{"name":1637,"@type":1638},{"title":3173,"description":5134},[57484,57485,57486,57487],{"tag":1660,"color":1661},{"tag":5156,"color":5157},{"tag":1668,"color":1669},{"tag":1671,"color":1672},{"id":5162,"title":5163,"body":57489,"cover":7474,"coverAlt":7475,"date":7476,"description":7477,"draft":1627,"extension":1628,"head":59556,"locale":1641,"meta":59562,"navigation":327,"path":7490,"schemaOrg":59564,"seo":59567,"series":1653,"seriesDescription":1654,"seriesOrder":360,"seriesTitle":1655,"slug":1656,"stem":7495,"tags":59568,"__hash__":7502},{"type":8,"value":57490,"toc":59537},[57491,57493,57501,57505,57507,57513,57515,57519,57521,57529,57531,57539,57541,57555,57557,57567,57569,57587,57589,57595,57597,57607,57609,57619,57621,57625,57627,57637,57639,57655,57657,57721,57723,57725,57729,57733,57737,57739,57743,57749,57753,57757,57761,57763,57767,57769,57771,57773,57779,57781,57785,57787,57793,58689,59499,59515,59517,59535],[30,57492,5169],{"id":5168},[11,57494,5173,57495,511,57497,225,57499,19],{"id":5172},[16,57496,5176],{},[16,57498,5179],{},[16,57500,5182],{},[21,57502,5185,57503,5188],{},[16,57504,5176],{},[21,57506,5191],{},[21,57508,5194,57509,1697,57511,5199],{},[16,57510,5179],{},[16,57512,5182],{},[30,57514,61],{"id":60},[21,57516,57517,5206],{},[16,57518,5176],{},[21,57520,5209],{},[38,57522,57523,57525,57527],{},[41,57524,5214],{},[41,57526,5217],{},[41,57528,5220],{},[21,57530,5223],{},[38,57532,57533,57535,57537],{},[41,57534,5228],{},[41,57536,5231],{},[41,57538,5234],{},[21,57540,5237],{},[38,57542,57543,57549],{},[41,57544,57545,5245,57547],{},[16,57546,5244],{},[16,57548,5179],{},[41,57550,57551,5245,57553],{},[16,57552,5252],{},[16,57554,5182],{},[21,57556,5257],{},[38,57558,57559,57563],{},[41,57560,57561,5264],{},[16,57562,5179],{},[41,57564,57565,5269],{},[16,57566,5182],{},[21,57568,5272],{},[38,57570,57571,57575,57579,57583],{},[41,57572,57573,5279],{},[16,57574,203],{},[41,57576,57577,5284],{},[16,57578,5179],{},[41,57580,57581,5289],{},[16,57582,5182],{},[41,57584,57585,5295],{},[16,57586,5294],{},[30,57588,129],{"id":128},[21,57590,57591,1697,57593,5304],{},[16,57592,5179],{},[16,57594,5182],{},[21,57596,3305],{},[38,57598,57599,57601,57603,57605],{},[41,57600,5311],{},[41,57602,5314],{},[41,57604,5317],{},[41,57606,5320],{},[21,57608,5323],{},[38,57610,57611,57615],{},[41,57612,5328,57613,104],{},[16,57614,5179],{},[41,57616,5333,57617,104],{},[16,57618,5182],{},[30,57620,156],{"id":155},[21,57622,5340,57623,5343],{},[16,57624,5176],{},[21,57626,5346],{},[38,57628,57629,57631,57633,57635],{},[41,57630,5351],{},[41,57632,5354],{},[41,57634,5357],{},[41,57636,5360],{},[21,57638,5363],{},[38,57640,57641,57645,57651],{},[41,57642,5368,57643,5372],{},[16,57644,5371],{},[41,57646,5375,57647,118,57649,5380],{},[16,57648,203],{},[16,57650,3235],{},[41,57652,5383,57653,5386],{},[16,57654,5176],{},[30,57656,5390],{"id":5389},[5392,57658,57659,57671],{},[5395,57660,57661],{},[5398,57662,57663,57665,57667,57669],{},[5401,57664,5403],{},[5401,57666,5406],{},[5401,57668,5409],{},[5401,57670,5412],{},[5414,57672,57673,57685,57697,57709],{},[5398,57674,57675,57679,57681,57683],{},[5419,57676,57677],{},[16,57678,203],{},[5419,57680,5425],{},[5419,57682,5428],{},[5419,57684,5431],{},[5398,57686,57687,57691,57693,57695],{},[5419,57688,57689],{},[16,57690,5179],{},[5419,57692,5440],{},[5419,57694,5443],{},[5419,57696,5446],{},[5398,57698,57699,57703,57705,57707],{},[5419,57700,57701],{},[16,57702,5182],{},[5419,57704,5455],{},[5419,57706,5458],{},[5419,57708,5461],{},[5398,57710,57711,57715,57717,57719],{},[5419,57712,57713],{},[16,57714,5294],{},[5419,57716,5470],{},[5419,57718,5473],{},[5419,57720,5476],{},[21,57722,5479],{},[30,57724,190],{"id":189},[192,57726,5485,57727],{"id":5484},[16,57728,203],{},[21,57730,5490,57731,5493],{},[16,57732,203],{},[21,57734,5496,57735,104],{},[16,57736,5179],{},[192,57738,5502],{"id":5501},[21,57740,5505,57741,5509],{},[16,57742,5508],{},[21,57744,5512,57745,5515,57747,5518],{},[16,57746,5182],{},[16,57748,5179],{},[192,57750,5522,57751,5525],{"id":5521},[16,57752,5294],{},[21,57754,5528,57755,5531],{},[16,57756,5176],{},[21,57758,5534,57759,5537],{},[16,57760,5294],{},[192,57762,5541],{"id":5540},[21,57764,57765,5546],{},[16,57766,5176],{},[21,57768,5549],{},[30,57770,1946],{"id":1945},[192,57772,5555],{"id":5554},[21,57774,5558,57775,5561,57777,5564],{},[16,57776,5176],{},[16,57778,5179],{},[192,57780,5568],{"id":5567},[21,57782,5571,57783,5574],{},[16,57784,5182],{},[192,57786,5578],{"id":5577},[21,57788,5581,57789,5584,57791,5587],{},[16,57790,203],{},[16,57792,5179],{},[267,57794,57795],{"className":269,"code":5590,"filename":271,"language":272,"meta":273,"style":273},[16,57796,57797,57813,57823,57827,57837,57845,57853,57861,57865,57869,57885,57913,57929,57953,57983,57999,58003,58019,58031,58049,58053,58057,58069,58085,58089,58093,58099,58103,58107,58117,58125,58129,58147,58177,58181,58189,58209,58217,58221,58225,58233,58247,58251,58265,58273,58281,58285,58289,58297,58311,58315,58321,58329,58333,58337,58347,58355,58359,58363,58377,58393,58401,58407,58411,58415,58425,58433,58439,58443,58451,58455,58463,58477,58485,58497,58509,58527,58535,58539,58553,58571,58589,58607,58615,58619,58627,58633,58641,58649,58653,58657,58665,58673,58681],{"__ignoreMap":273},[277,57798,57799,57801,57803,57805,57807,57809,57811],{"class":279,"line":280},[277,57800,284],{"class":283},[277,57802,288],{"class":287},[277,57804,292],{"class":291},[277,57806,295],{"class":291},[277,57808,298],{"class":283},[277,57810,302],{"class":301},[277,57812,305],{"class":283},[277,57814,57815,57817,57819,57821],{"class":279,"line":308},[277,57816,312],{"class":311},[277,57818,5615],{"class":283},[277,57820,318],{"class":311},[277,57822,321],{"class":301},[277,57824,57825],{"class":279,"line":324},[277,57826,328],{"emptyLinePlaceholder":327},[277,57828,57829,57831,57833,57835],{"class":279,"line":331},[277,57830,334],{"class":311},[277,57832,5630],{"class":291},[277,57834,340],{"class":311},[277,57836,343],{"class":283},[277,57838,57839,57841,57843],{"class":279,"line":346},[277,57840,350],{"class":349},[277,57842,353],{"class":311},[277,57844,357],{"class":356},[277,57846,57847,57849,57851],{"class":279,"line":360},[277,57848,5647],{"class":349},[277,57850,353],{"class":311},[277,57852,368],{"class":356},[277,57854,57855,57857,57859],{"class":279,"line":371},[277,57856,5656],{"class":349},[277,57858,353],{"class":311},[277,57860,5661],{"class":356},[277,57862,57863],{"class":279,"line":381},[277,57864,394],{"class":283},[277,57866,57867],{"class":279,"line":391},[277,57868,328],{"emptyLinePlaceholder":327},[277,57870,57871,57873,57875,57877,57879,57881,57883],{"class":279,"line":397},[277,57872,405],{"class":311},[277,57874,2097],{"class":356},[277,57876,340],{"class":311},[277,57878,413],{"class":291},[277,57880,284],{"class":283},[277,57882,5684],{"class":291},[277,57884,5687],{"class":283},[277,57886,57887,57889,57891,57893,57895,57897,57899,57901,57903,57905,57907,57909,57911],{"class":279,"line":402},[277,57888,405],{"class":311},[277,57890,5694],{"class":356},[277,57892,340],{"class":311},[277,57894,413],{"class":291},[277,57896,284],{"class":283},[277,57898,5703],{"class":301},[277,57900,421],{"class":311},[277,57902,5708],{"class":301},[277,57904,421],{"class":311},[277,57906,5713],{"class":301},[277,57908,427],{"class":283},[277,57910,5703],{"class":301},[277,57912,433],{"class":283},[277,57914,57915,57917,57919,57921,57923,57925,57927],{"class":279,"line":436},[277,57916,405],{"class":311},[277,57918,5726],{"class":356},[277,57920,340],{"class":311},[277,57922,413],{"class":291},[277,57924,448],{"class":283},[277,57926,5735],{"class":301},[277,57928,433],{"class":283},[277,57930,57931,57933,57935,57937,57939,57941,57943,57945,57947,57949,57951],{"class":279,"line":456},[277,57932,405],{"class":311},[277,57934,5744],{"class":356},[277,57936,340],{"class":311},[277,57938,413],{"class":291},[277,57940,284],{"class":283},[277,57942,5753],{"class":356},[277,57944,421],{"class":311},[277,57946,424],{"class":356},[277,57948,427],{"class":283},[277,57950,430],{"class":356},[277,57952,433],{"class":283},[277,57954,57955,57957,57959,57961,57963,57965,57967,57969,57971,57973,57975,57977,57979,57981],{"class":279,"line":461},[277,57956,405],{"class":311},[277,57958,5770],{"class":356},[277,57960,340],{"class":311},[277,57962,413],{"class":291},[277,57964,284],{"class":283},[277,57966,5779],{"class":291},[277,57968,284],{"class":283},[277,57970,5784],{"class":311},[277,57972,5787],{"class":283},[277,57974,5790],{"class":311},[277,57976,424],{"class":356},[277,57978,427],{"class":283},[277,57980,430],{"class":356},[277,57982,433],{"class":283},[277,57984,57985,57987,57989,57991,57993,57995,57997],{"class":279,"line":476},[277,57986,405],{"class":311},[277,57988,5805],{"class":356},[277,57990,340],{"class":311},[277,57992,413],{"class":291},[277,57994,448],{"class":283},[277,57996,2123],{"class":356},[277,57998,433],{"class":283},[277,58000,58001],{"class":279,"line":500},[277,58002,328],{"emptyLinePlaceholder":327},[277,58004,58005,58007,58009,58011,58013,58015,58017],{"class":279,"line":505},[277,58006,405],{"class":311},[277,58008,2195],{"class":356},[277,58010,340],{"class":311},[277,58012,2200],{"class":291},[277,58014,2203],{"class":283},[277,58016,601],{"class":311},[277,58018,343],{"class":283},[277,58020,58021,58023,58025,58027,58029],{"class":279,"line":520},[277,58022,508],{"class":311},[277,58024,5842],{"class":283},[277,58026,2503],{"class":311},[277,58028,5708],{"class":301},[277,58030,2476],{"class":283},[277,58032,58033,58035,58037,58039,58041,58043,58045,58047],{"class":279,"line":539},[277,58034,1093],{"class":311},[277,58036,2215],{"class":283},[277,58038,2218],{"class":291},[277,58040,448],{"class":283},[277,58042,2223],{"class":349},[277,58044,2226],{"class":311},[277,58046,2288],{"class":311},[277,58048,5867],{"class":283},[277,58050,58051],{"class":279,"line":545},[277,58052,542],{"class":283},[277,58054,58055],{"class":279,"line":550},[277,58056,328],{"emptyLinePlaceholder":327},[277,58058,58059,58061,58063,58065,58067],{"class":279,"line":578},[277,58060,508],{"class":311},[277,58062,5842],{"class":283},[277,58064,2503],{"class":311},[277,58066,5713],{"class":301},[277,58068,2476],{"class":283},[277,58070,58071,58073,58075,58077,58079,58081,58083],{"class":279,"line":583},[277,58072,1093],{"class":311},[277,58074,2215],{"class":283},[277,58076,2218],{"class":291},[277,58078,448],{"class":283},[277,58080,2223],{"class":349},[277,58082,2226],{"class":311},[277,58084,5904],{"class":283},[277,58086,58087],{"class":279,"line":588},[277,58088,542],{"class":283},[277,58090,58091],{"class":279,"line":606},[277,58092,328],{"emptyLinePlaceholder":327},[277,58094,58095,58097],{"class":279,"line":614},[277,58096,2212],{"class":311},[277,58098,5919],{"class":283},[277,58100,58101],{"class":279,"line":625},[277,58102,676],{"class":283},[277,58104,58105],{"class":279,"line":637},[277,58106,328],{"emptyLinePlaceholder":327},[277,58108,58109,58111,58113,58115],{"class":279,"line":646},[277,58110,464],{"class":311},[277,58112,467],{"class":311},[277,58114,5936],{"class":291},[277,58116,473],{"class":283},[277,58118,58119,58121,58123],{"class":279,"line":668},[277,58120,5943],{"class":283},[277,58122,298],{"class":311},[277,58124,5948],{"class":301},[277,58126,58127],{"class":279,"line":673},[277,58128,328],{"emptyLinePlaceholder":327},[277,58130,58131,58133,58135,58137,58139,58141,58143,58145],{"class":279,"line":679},[277,58132,479],{"class":311},[277,58134,482],{"class":356},[277,58136,340],{"class":311},[277,58138,487],{"class":311},[277,58140,490],{"class":291},[277,58142,448],{"class":283},[277,58144,5969],{"class":301},[277,58146,433],{"class":283},[277,58148,58149,58151,58153,58155,58157,58159,58161,58163,58165,58167,58169,58171,58173,58175],{"class":279,"line":684},[277,58150,479],{"class":311},[277,58152,5978],{"class":356},[277,58154,340],{"class":311},[277,58156,511],{"class":283},[277,58158,560],{"class":311},[277,58160,563],{"class":283},[277,58162,566],{"class":291},[277,58164,569],{"class":283},[277,58166,572],{"class":311},[277,58168,5995],{"class":283},[277,58170,5998],{"class":349},[277,58172,353],{"class":311},[277,58174,5630],{"class":291},[277,58176,6005],{"class":283},[277,58178,58179],{"class":279,"line":700},[277,58180,328],{"emptyLinePlaceholder":327},[277,58182,58183,58185,58187],{"class":279,"line":717},[277,58184,6014],{"class":283},[277,58186,298],{"class":311},[277,58188,6019],{"class":283},[277,58190,58191,58193,58195,58197,58199,58201,58203,58205,58207],{"class":279,"line":722},[277,58192,6024],{"class":283},[277,58194,298],{"class":311},[277,58196,526],{"class":311},[277,58198,6031],{"class":291},[277,58200,6034],{"class":283},[277,58202,6037],{"class":291},[277,58204,448],{"class":283},[277,58206,6042],{"class":301},[277,58208,433],{"class":283},[277,58210,58211,58213,58215],{"class":279,"line":729},[277,58212,5943],{"class":283},[277,58214,298],{"class":311},[277,58216,6053],{"class":301},[277,58218,58219],{"class":279,"line":738},[277,58220,394],{"class":283},[277,58222,58223],{"class":279,"line":747},[277,58224,328],{"emptyLinePlaceholder":327},[277,58226,58227,58229,58231],{"class":279,"line":754},[277,58228,2460],{"class":311},[277,58230,6068],{"class":291},[277,58232,473],{"class":283},[277,58234,58235,58237,58239,58241,58243,58245],{"class":279,"line":772},[277,58236,508],{"class":311},[277,58238,6077],{"class":283},[277,58240,6080],{"class":311},[277,58242,424],{"class":356},[277,58244,2340],{"class":283},[277,58246,714],{"class":311},[277,58248,58249],{"class":279,"line":777},[277,58250,328],{"emptyLinePlaceholder":327},[277,58252,58253,58255,58257,58259,58261,58263],{"class":279,"line":782},[277,58254,6095],{"class":283},[277,58256,298],{"class":311},[277,58258,6100],{"class":291},[277,58260,2203],{"class":283},[277,58262,601],{"class":311},[277,58264,343],{"class":283},[277,58266,58267,58269,58271],{"class":279,"line":792},[277,58268,6111],{"class":311},[277,58270,5936],{"class":291},[277,58272,622],{"class":283},[277,58274,58275,58277,58279],{"class":279,"line":797},[277,58276,6120],{"class":283},[277,58278,6123],{"class":356},[277,58280,433],{"class":283},[277,58282,58283],{"class":279,"line":807},[277,58284,394],{"class":283},[277,58286,58287],{"class":279,"line":826},[277,58288,328],{"emptyLinePlaceholder":327},[277,58290,58291,58293,58295],{"class":279,"line":849},[277,58292,2460],{"class":311},[277,58294,6140],{"class":291},[277,58296,473],{"class":283},[277,58298,58299,58301,58303,58305,58307,58309],{"class":279,"line":854},[277,58300,508],{"class":311},[277,58302,6077],{"class":283},[277,58304,2503],{"class":311},[277,58306,424],{"class":356},[277,58308,2340],{"class":283},[277,58310,714],{"class":311},[277,58312,58313],{"class":279,"line":876},[277,58314,328],{"emptyLinePlaceholder":327},[277,58316,58317,58319],{"class":279,"line":891},[277,58318,6165],{"class":291},[277,58320,6168],{"class":283},[277,58322,58323,58325,58327],{"class":279,"line":905},[277,58324,6095],{"class":283},[277,58326,298],{"class":311},[277,58328,6177],{"class":356},[277,58330,58331],{"class":279,"line":919},[277,58332,394],{"class":283},[277,58334,58335],{"class":279,"line":929},[277,58336,328],{"emptyLinePlaceholder":327},[277,58338,58339,58341,58343,58345],{"class":279,"line":934},[277,58340,687],{"class":291},[277,58342,2203],{"class":283},[277,58344,601],{"class":311},[277,58346,343],{"class":283},[277,58348,58349,58351,58353],{"class":279,"line":951},[277,58350,6200],{"class":283},[277,58352,298],{"class":311},[277,58354,2296],{"class":356},[277,58356,58357],{"class":279,"line":961},[277,58358,676],{"class":283},[277,58360,58361],{"class":279,"line":1473},[277,58362,328],{"emptyLinePlaceholder":327},[277,58364,58365,58367,58369,58371,58373,58375],{"class":279,"line":1478},[277,58366,6217],{"class":291},[277,58368,448],{"class":283},[277,58370,464],{"class":311},[277,58372,598],{"class":283},[277,58374,601],{"class":311},[277,58376,343],{"class":283},[277,58378,58379,58381,58383,58385,58387,58389,58391],{"class":279,"line":1497},[277,58380,5943],{"class":283},[277,58382,298],{"class":311},[277,58384,6236],{"class":283},[277,58386,2285],{"class":311},[277,58388,6241],{"class":301},[277,58390,6244],{"class":311},[277,58392,6247],{"class":301},[277,58394,58395,58397,58399],{"class":279,"line":1510},[277,58396,6252],{"class":311},[277,58398,5936],{"class":291},[277,58400,622],{"class":283},[277,58402,58403,58405],{"class":279,"line":1523},[277,58404,6261],{"class":291},[277,58406,622],{"class":283},[277,58408,58409],{"class":279,"line":1536},[277,58410,676],{"class":283},[277,58412,58413],{"class":279,"line":1545},[277,58414,328],{"emptyLinePlaceholder":327},[277,58416,58417,58419,58421,58423],{"class":279,"line":1550},[277,58418,6276],{"class":291},[277,58420,2203],{"class":283},[277,58422,601],{"class":311},[277,58424,343],{"class":283},[277,58426,58427,58429,58431],{"class":279,"line":1565},[277,58428,5943],{"class":283},[277,58430,298],{"class":311},[277,58432,6291],{"class":301},[277,58434,58435,58437],{"class":279,"line":1574},[277,58436,6296],{"class":291},[277,58438,622],{"class":283},[277,58440,58441],{"class":279,"line":4076},[277,58442,676],{"class":283},[277,58444,58445,58447,58449],{"class":279,"line":4088},[277,58446,785],{"class":283},[277,58448,288],{"class":287},[277,58450,305],{"class":283},[277,58452,58453],{"class":279,"line":4093},[277,58454,328],{"emptyLinePlaceholder":327},[277,58456,58457,58459,58461],{"class":279,"line":4102},[277,58458,284],{"class":283},[277,58460,802],{"class":287},[277,58462,305],{"class":283},[277,58464,58465,58467,58469,58471,58473,58475],{"class":279,"line":4107},[277,58466,810],{"class":283},[277,58468,4121],{"class":287},[277,58470,816],{"class":291},[277,58472,298],{"class":283},[277,58474,6335],{"class":301},[277,58476,305],{"class":283},[277,58478,58479,58481,58483],{"class":279,"line":4116},[277,58480,829],{"class":283},[277,58482,4138],{"class":287},[277,58484,305],{"class":283},[277,58486,58487,58489,58491,58493,58495],{"class":279,"line":4133},[277,58488,879],{"class":283},[277,58490,30],{"class":287},[277,58492,6354],{"class":283},[277,58494,30],{"class":287},[277,58496,305],{"class":283},[277,58498,58499,58501,58503,58505,58507],{"class":279,"line":4143},[277,58500,879],{"class":283},[277,58502,21],{"class":287},[277,58504,6367],{"class":283},[277,58506,21],{"class":287},[277,58508,305],{"class":283},[277,58510,58511,58513,58515,58517,58519,58521,58523,58525],{"class":279,"line":4157},[277,58512,879],{"class":283},[277,58514,21],{"class":287},[277,58516,834],{"class":291},[277,58518,298],{"class":283},[277,58520,6384],{"class":301},[277,58522,6387],{"class":283},[277,58524,21],{"class":287},[277,58526,305],{"class":283},[277,58528,58529,58531,58533],{"class":279,"line":4166},[277,58530,922],{"class":283},[277,58532,4138],{"class":287},[277,58534,305],{"class":283},[277,58536,58537],{"class":279,"line":4172},[277,58538,328],{"emptyLinePlaceholder":327},[277,58540,58541,58543,58545,58547,58549,58551],{"class":279,"line":4182},[277,58542,829],{"class":283},[277,58544,6410],{"class":287},[277,58546,816],{"class":291},[277,58548,298],{"class":283},[277,58550,6417],{"class":301},[277,58552,305],{"class":283},[277,58554,58555,58557,58559,58561,58563,58565,58567,58569],{"class":279,"line":4191},[277,58556,879],{"class":283},[277,58558,4267],{"class":287},[277,58560,4278],{"class":291},[277,58562,298],{"class":283},[277,58564,6432],{"class":301},[277,58566,6435],{"class":283},[277,58568,4267],{"class":287},[277,58570,305],{"class":283},[277,58572,58573,58575,58577,58579,58581,58583,58585,58587],{"class":279,"line":4196},[277,58574,879],{"class":283},[277,58576,4267],{"class":287},[277,58578,4278],{"class":291},[277,58580,298],{"class":283},[277,58582,6452],{"class":301},[277,58584,6455],{"class":283},[277,58586,4267],{"class":287},[277,58588,305],{"class":283},[277,58590,58591,58593,58595,58597,58599,58601,58603,58605],{"class":279,"line":4220},[277,58592,879],{"class":283},[277,58594,4267],{"class":287},[277,58596,4278],{"class":291},[277,58598,298],{"class":283},[277,58600,6472],{"class":301},[277,58602,6475],{"class":283},[277,58604,4267],{"class":287},[277,58606,305],{"class":283},[277,58608,58609,58611,58613],{"class":279,"line":4234},[277,58610,922],{"class":283},[277,58612,6410],{"class":287},[277,58614,305],{"class":283},[277,58616,58617],{"class":279,"line":4247},[277,58618,328],{"emptyLinePlaceholder":327},[277,58620,58621,58623,58625],{"class":279,"line":4262},[277,58622,829],{"class":283},[277,58624,38],{"class":287},[277,58626,305],{"class":283},[277,58628,58629,58631],{"class":279,"line":4293},[277,58630,879],{"class":283},[277,58632,6506],{"class":287},[277,58634,58635,58637,58639],{"class":279,"line":4302},[277,58636,6511],{"class":291},[277,58638,298],{"class":283},[277,58640,6516],{"class":301},[277,58642,58643,58645,58647],{"class":279,"line":4307},[277,58644,6521],{"class":291},[277,58646,298],{"class":283},[277,58648,6526],{"class":301},[277,58650,58651],{"class":279,"line":4328},[277,58652,4543],{"class":283},[277,58654,58655],{"class":279,"line":4337},[277,58656,6535],{"class":283},[277,58658,58659,58661,58663],{"class":279,"line":4993},[277,58660,4175],{"class":283},[277,58662,41],{"class":287},[277,58664,305],{"class":283},[277,58666,58667,58669,58671],{"class":279,"line":5006},[277,58668,922],{"class":283},[277,58670,38],{"class":287},[277,58672,305],{"class":283},[277,58674,58675,58677,58679],{"class":279,"line":5019},[277,58676,954],{"class":283},[277,58678,4121],{"class":287},[277,58680,305],{"class":283},[277,58682,58683,58685,58687],{"class":279,"line":5044},[277,58684,785],{"class":283},[277,58686,802],{"class":287},[277,58688,305],{"class":283},[267,58690,58691],{"className":269,"code":6570,"filename":6571,"language":272,"meta":273,"style":273},[16,58692,58693,58701,58709,58715,58721,58725,58733,58741,58749,58757,58763,58767,58771,58775,58779,58785,58801,58821,58825,58829,58845,58863,58867,58871,58879,58883,58887,58891,58897,58907,58911,58915,58923,58943,58955,58965,58969,58973,58979,58989,58999,59003,59007,59011,59019,59029,59033,59051,59067,59071,59081,59103,59113,59117,59121,59127,59145,59149,59165,59177,59185,59189,59193,59199,59217,59221,59231,59241,59245,59249,59253,59261,59265,59273,59287,59295,59307,59319,59337,59345,59349,59363,59381,59399,59417,59425,59429,59437,59443,59451,59459,59463,59467,59475,59483,59491],{"__ignoreMap":273},[277,58694,58695,58697,58699],{"class":279,"line":280},[277,58696,284],{"class":283},[277,58698,288],{"class":287},[277,58700,305],{"class":283},[277,58702,58703,58705,58707],{"class":279,"line":308},[277,58704,1057],{"class":311},[277,58706,1060],{"class":311},[277,58708,343],{"class":283},[277,58710,58711,58713],{"class":279,"line":324},[277,58712,1086],{"class":291},[277,58714,473],{"class":283},[277,58716,58717,58719],{"class":279,"line":331},[277,58718,1093],{"class":311},[277,58720,343],{"class":283},[277,58722,58723],{"class":279,"line":346},[277,58724,6606],{"class":283},[277,58726,58727,58729,58731],{"class":279,"line":360},[277,58728,6611],{"class":283},[277,58730,5703],{"class":301},[277,58732,1077],{"class":283},[277,58734,58735,58737,58739],{"class":279,"line":371},[277,58736,6620],{"class":283},[277,58738,5735],{"class":301},[277,58740,1077],{"class":283},[277,58742,58743,58745,58747],{"class":279,"line":381},[277,58744,6629],{"class":283},[277,58746,430],{"class":356},[277,58748,1077],{"class":283},[277,58750,58751,58753,58755],{"class":279,"line":391},[277,58752,6638],{"class":283},[277,58754,430],{"class":356},[277,58756,1077],{"class":283},[277,58758,58759,58761],{"class":279,"line":397},[277,58760,6647],{"class":283},[277,58762,2043],{"class":356},[277,58764,58765],{"class":279,"line":402},[277,58766,1126],{"class":283},[277,58768,58769],{"class":279,"line":436},[277,58770,1131],{"class":283},[277,58772,58773],{"class":279,"line":456},[277,58774,328],{"emptyLinePlaceholder":327},[277,58776,58777],{"class":279,"line":461},[277,58778,2742],{"class":283},[277,58780,58781,58783],{"class":279,"line":476},[277,58782,2747],{"class":291},[277,58784,473],{"class":283},[277,58786,58787,58789,58791,58793,58795,58797,58799],{"class":279,"line":500},[277,58788,1177],{"class":311},[277,58790,511],{"class":283},[277,58792,1341],{"class":356},[277,58794,6682],{"class":283},[277,58796,2503],{"class":311},[277,58798,5708],{"class":301},[277,58800,2476],{"class":283},[277,58802,58803,58805,58807,58809,58811,58813,58815,58817,58819],{"class":279,"line":505},[277,58804,2842],{"class":311},[277,58806,1268],{"class":356},[277,58808,2759],{"class":283},[277,58810,2218],{"class":291},[277,58812,448],{"class":283},[277,58814,2223],{"class":349},[277,58816,2226],{"class":311},[277,58818,2288],{"class":311},[277,58820,5867],{"class":283},[277,58822,58823],{"class":279,"line":520},[277,58824,1203],{"class":283},[277,58826,58827],{"class":279,"line":539},[277,58828,328],{"emptyLinePlaceholder":327},[277,58830,58831,58833,58835,58837,58839,58841,58843],{"class":279,"line":545},[277,58832,1177],{"class":311},[277,58834,511],{"class":283},[277,58836,1341],{"class":356},[277,58838,6682],{"class":283},[277,58840,2503],{"class":311},[277,58842,5713],{"class":301},[277,58844,2476],{"class":283},[277,58846,58847,58849,58851,58853,58855,58857,58859,58861],{"class":279,"line":550},[277,58848,2842],{"class":311},[277,58850,1268],{"class":356},[277,58852,2759],{"class":283},[277,58854,2218],{"class":291},[277,58856,448],{"class":283},[277,58858,2223],{"class":349},[277,58860,2226],{"class":311},[277,58862,5904],{"class":283},[277,58864,58865],{"class":279,"line":578},[277,58866,1203],{"class":283},[277,58868,58869],{"class":279,"line":583},[277,58870,328],{"emptyLinePlaceholder":327},[277,58872,58873,58875,58877],{"class":279,"line":588},[277,58874,2754],{"class":311},[277,58876,1268],{"class":356},[277,58878,6767],{"class":283},[277,58880,58881],{"class":279,"line":606},[277,58882,1126],{"class":283},[277,58884,58885],{"class":279,"line":614},[277,58886,1131],{"class":283},[277,58888,58889],{"class":279,"line":625},[277,58890,328],{"emptyLinePlaceholder":327},[277,58892,58893,58895],{"class":279,"line":637},[277,58894,6784],{"class":291},[277,58896,473],{"class":283},[277,58898,58899,58901,58903,58905],{"class":279,"line":646},[277,58900,4724],{"class":356},[277,58902,6793],{"class":283},[277,58904,298],{"class":311},[277,58906,2296],{"class":356},[277,58908,58909],{"class":279,"line":668},[277,58910,1131],{"class":283},[277,58912,58913],{"class":279,"line":673},[277,58914,328],{"emptyLinePlaceholder":327},[277,58916,58917,58919,58921],{"class":279,"line":679},[277,58918,1248],{"class":311},[277,58920,6812],{"class":291},[277,58922,473],{"class":283},[277,58924,58925,58927,58929,58931,58933,58935,58937,58939,58941],{"class":279,"line":684},[277,58926,4724],{"class":356},[277,58928,6821],{"class":283},[277,58930,298],{"class":311},[277,58932,1268],{"class":356},[277,58934,6793],{"class":283},[277,58936,2285],{"class":311},[277,58938,6241],{"class":301},[277,58940,6244],{"class":311},[277,58942,6247],{"class":301},[277,58944,58945,58947,58949,58951,58953],{"class":279,"line":700},[277,58946,617],{"class":311},[277,58948,1268],{"class":356},[277,58950,104],{"class":283},[277,58952,6846],{"class":291},[277,58954,622],{"class":283},[277,58956,58957,58959,58961,58963],{"class":279,"line":717},[277,58958,4724],{"class":356},[277,58960,104],{"class":283},[277,58962,6857],{"class":291},[277,58964,622],{"class":283},[277,58966,58967],{"class":279,"line":722},[277,58968,1131],{"class":283},[277,58970,58971],{"class":279,"line":729},[277,58972,328],{"emptyLinePlaceholder":327},[277,58974,58975,58977],{"class":279,"line":738},[277,58976,6872],{"class":291},[277,58978,473],{"class":283},[277,58980,58981,58983,58985,58987],{"class":279,"line":747},[277,58982,4724],{"class":356},[277,58984,6821],{"class":283},[277,58986,298],{"class":311},[277,58988,6291],{"class":301},[277,58990,58991,58993,58995,58997],{"class":279,"line":754},[277,58992,4724],{"class":356},[277,58994,104],{"class":283},[277,58996,6893],{"class":291},[277,58998,622],{"class":283},[277,59000,59001],{"class":279,"line":772},[277,59002,1131],{"class":283},[277,59004,59005],{"class":279,"line":777},[277,59006,328],{"emptyLinePlaceholder":327},[277,59008,59009],{"class":279,"line":782},[277,59010,1140],{"class":283},[277,59012,59013,59015,59017],{"class":279,"line":792},[277,59014,1145],{"class":311},[277,59016,5936],{"class":291},[277,59018,473],{"class":283},[277,59020,59021,59023,59025,59027],{"class":279,"line":797},[277,59022,1212],{"class":356},[277,59024,6821],{"class":283},[277,59026,298],{"class":311},[277,59028,5948],{"class":301},[277,59030,59031],{"class":279,"line":807},[277,59032,328],{"emptyLinePlaceholder":327},[277,59034,59035,59037,59039,59041,59043,59045,59047,59049],{"class":279,"line":826},[277,59036,1154],{"class":311},[277,59038,482],{"class":356},[277,59040,340],{"class":311},[277,59042,487],{"class":311},[277,59044,490],{"class":291},[277,59046,448],{"class":283},[277,59048,5969],{"class":301},[277,59050,433],{"class":283},[277,59052,59053,59055,59057,59059,59061,59063,59065],{"class":279,"line":849},[277,59054,1154],{"class":311},[277,59056,5978],{"class":356},[277,59058,340],{"class":311},[277,59060,487],{"class":311},[277,59062,563],{"class":283},[277,59064,566],{"class":291},[277,59066,622],{"class":283},[277,59068,59069],{"class":279,"line":854},[277,59070,328],{"emptyLinePlaceholder":327},[277,59072,59073,59075,59077,59079],{"class":279,"line":876},[277,59074,1212],{"class":356},[277,59076,6974],{"class":283},[277,59078,298],{"class":311},[277,59080,6019],{"class":283},[277,59082,59083,59085,59087,59089,59091,59093,59095,59097,59099,59101],{"class":279,"line":891},[277,59084,1212],{"class":356},[277,59086,6985],{"class":283},[277,59088,298],{"class":311},[277,59090,526],{"class":311},[277,59092,6031],{"class":291},[277,59094,6034],{"class":283},[277,59096,6037],{"class":291},[277,59098,448],{"class":283},[277,59100,6042],{"class":301},[277,59102,433],{"class":283},[277,59104,59105,59107,59109,59111],{"class":279,"line":905},[277,59106,1212],{"class":356},[277,59108,6821],{"class":283},[277,59110,298],{"class":311},[277,59112,6053],{"class":301},[277,59114,59115],{"class":279,"line":919},[277,59116,7016],{"class":283},[277,59118,59119],{"class":279,"line":929},[277,59120,328],{"emptyLinePlaceholder":327},[277,59122,59123,59125],{"class":279,"line":934},[277,59124,7025],{"class":291},[277,59126,473],{"class":283},[277,59128,59129,59131,59133,59135,59137,59139,59141,59143],{"class":279,"line":951},[277,59130,1177],{"class":311},[277,59132,511],{"class":283},[277,59134,1341],{"class":356},[277,59136,7038],{"class":283},[277,59138,6080],{"class":311},[277,59140,424],{"class":356},[277,59142,2340],{"class":283},[277,59144,714],{"class":311},[277,59146,59147],{"class":279,"line":961},[277,59148,328],{"emptyLinePlaceholder":327},[277,59150,59151,59153,59155,59157,59159,59161,59163],{"class":279,"line":1473},[277,59152,1212],{"class":356},[277,59154,7038],{"class":283},[277,59156,298],{"class":311},[277,59158,6100],{"class":291},[277,59160,2203],{"class":283},[277,59162,601],{"class":311},[277,59164,343],{"class":283},[277,59166,59167,59169,59171,59173,59175],{"class":279,"line":1478},[277,59168,7071],{"class":311},[277,59170,1268],{"class":356},[277,59172,104],{"class":283},[277,59174,6846],{"class":291},[277,59176,622],{"class":283},[277,59178,59179,59181,59183],{"class":279,"line":1497},[277,59180,7084],{"class":283},[277,59182,6123],{"class":356},[277,59184,433],{"class":283},[277,59186,59187],{"class":279,"line":1510},[277,59188,7016],{"class":283},[277,59190,59191],{"class":279,"line":1523},[277,59192,328],{"emptyLinePlaceholder":327},[277,59194,59195,59197],{"class":279,"line":1536},[277,59196,7101],{"class":291},[277,59198,473],{"class":283},[277,59200,59201,59203,59205,59207,59209,59211,59213,59215],{"class":279,"line":1545},[277,59202,1177],{"class":311},[277,59204,511],{"class":283},[277,59206,1341],{"class":356},[277,59208,7038],{"class":283},[277,59210,2503],{"class":311},[277,59212,424],{"class":356},[277,59214,2340],{"class":283},[277,59216,714],{"class":311},[277,59218,59219],{"class":279,"line":1550},[277,59220,328],{"emptyLinePlaceholder":327},[277,59222,59223,59225,59227,59229],{"class":279,"line":1565},[277,59224,7130],{"class":291},[277,59226,448],{"class":283},[277,59228,1341],{"class":356},[277,59230,7137],{"class":283},[277,59232,59233,59235,59237,59239],{"class":279,"line":1574},[277,59234,1212],{"class":356},[277,59236,7038],{"class":283},[277,59238,298],{"class":311},[277,59240,6177],{"class":356},[277,59242,59243],{"class":279,"line":4076},[277,59244,1126],{"class":283},[277,59246,59247],{"class":279,"line":4088},[277,59248,542],{"class":283},[277,59250,59251],{"class":279,"line":4093},[277,59252,394],{"class":283},[277,59254,59255,59257,59259],{"class":279,"line":4102},[277,59256,785],{"class":283},[277,59258,288],{"class":287},[277,59260,305],{"class":283},[277,59262,59263],{"class":279,"line":4107},[277,59264,328],{"emptyLinePlaceholder":327},[277,59266,59267,59269,59271],{"class":279,"line":4116},[277,59268,284],{"class":283},[277,59270,802],{"class":287},[277,59272,305],{"class":283},[277,59274,59275,59277,59279,59281,59283,59285],{"class":279,"line":4133},[277,59276,810],{"class":283},[277,59278,4121],{"class":287},[277,59280,816],{"class":291},[277,59282,298],{"class":283},[277,59284,6335],{"class":301},[277,59286,305],{"class":283},[277,59288,59289,59291,59293],{"class":279,"line":4143},[277,59290,829],{"class":283},[277,59292,4138],{"class":287},[277,59294,305],{"class":283},[277,59296,59297,59299,59301,59303,59305],{"class":279,"line":4157},[277,59298,879],{"class":283},[277,59300,30],{"class":287},[277,59302,6354],{"class":283},[277,59304,30],{"class":287},[277,59306,305],{"class":283},[277,59308,59309,59311,59313,59315,59317],{"class":279,"line":4166},[277,59310,879],{"class":283},[277,59312,21],{"class":287},[277,59314,6367],{"class":283},[277,59316,21],{"class":287},[277,59318,305],{"class":283},[277,59320,59321,59323,59325,59327,59329,59331,59333,59335],{"class":279,"line":4172},[277,59322,879],{"class":283},[277,59324,21],{"class":287},[277,59326,834],{"class":291},[277,59328,298],{"class":283},[277,59330,6384],{"class":301},[277,59332,6387],{"class":283},[277,59334,21],{"class":287},[277,59336,305],{"class":283},[277,59338,59339,59341,59343],{"class":279,"line":4182},[277,59340,922],{"class":283},[277,59342,4138],{"class":287},[277,59344,305],{"class":283},[277,59346,59347],{"class":279,"line":4191},[277,59348,328],{"emptyLinePlaceholder":327},[277,59350,59351,59353,59355,59357,59359,59361],{"class":279,"line":4196},[277,59352,829],{"class":283},[277,59354,6410],{"class":287},[277,59356,816],{"class":291},[277,59358,298],{"class":283},[277,59360,6417],{"class":301},[277,59362,305],{"class":283},[277,59364,59365,59367,59369,59371,59373,59375,59377,59379],{"class":279,"line":4220},[277,59366,879],{"class":283},[277,59368,4267],{"class":287},[277,59370,4278],{"class":291},[277,59372,298],{"class":283},[277,59374,6432],{"class":301},[277,59376,6435],{"class":283},[277,59378,4267],{"class":287},[277,59380,305],{"class":283},[277,59382,59383,59385,59387,59389,59391,59393,59395,59397],{"class":279,"line":4234},[277,59384,879],{"class":283},[277,59386,4267],{"class":287},[277,59388,4278],{"class":291},[277,59390,298],{"class":283},[277,59392,6452],{"class":301},[277,59394,6455],{"class":283},[277,59396,4267],{"class":287},[277,59398,305],{"class":283},[277,59400,59401,59403,59405,59407,59409,59411,59413,59415],{"class":279,"line":4247},[277,59402,879],{"class":283},[277,59404,4267],{"class":287},[277,59406,4278],{"class":291},[277,59408,298],{"class":283},[277,59410,6472],{"class":301},[277,59412,6475],{"class":283},[277,59414,4267],{"class":287},[277,59416,305],{"class":283},[277,59418,59419,59421,59423],{"class":279,"line":4262},[277,59420,922],{"class":283},[277,59422,6410],{"class":287},[277,59424,305],{"class":283},[277,59426,59427],{"class":279,"line":4293},[277,59428,328],{"emptyLinePlaceholder":327},[277,59430,59431,59433,59435],{"class":279,"line":4302},[277,59432,829],{"class":283},[277,59434,38],{"class":287},[277,59436,305],{"class":283},[277,59438,59439,59441],{"class":279,"line":4307},[277,59440,879],{"class":283},[277,59442,6506],{"class":287},[277,59444,59445,59447,59449],{"class":279,"line":4328},[277,59446,6511],{"class":291},[277,59448,298],{"class":283},[277,59450,6516],{"class":301},[277,59452,59453,59455,59457],{"class":279,"line":4337},[277,59454,6521],{"class":291},[277,59456,298],{"class":283},[277,59458,6526],{"class":301},[277,59460,59461],{"class":279,"line":4993},[277,59462,4543],{"class":283},[277,59464,59465],{"class":279,"line":5006},[277,59466,6535],{"class":283},[277,59468,59469,59471,59473],{"class":279,"line":5019},[277,59470,4175],{"class":283},[277,59472,41],{"class":287},[277,59474,305],{"class":283},[277,59476,59477,59479,59481],{"class":279,"line":5044},[277,59478,922],{"class":283},[277,59480,38],{"class":287},[277,59482,305],{"class":283},[277,59484,59485,59487,59489],{"class":279,"line":5053},[277,59486,954],{"class":283},[277,59488,4121],{"class":287},[277,59490,305],{"class":283},[277,59492,59493,59495,59497],{"class":279,"line":5058},[277,59494,785],{"class":283},[277,59496,802],{"class":287},[277,59498,305],{"class":283},[38,59500,59501,59505,59509,59511],{},[41,59502,59503,7412],{},[16,59504,5244],{},[41,59506,59507,7417],{},[16,59508,5252],{},[41,59510,7420],{},[41,59512,59513,7425],{},[16,59514,210],{},[30,59516,1596],{"id":1595},[38,59518,59519,59523,59527,59531,59533],{},[41,59520,59521,7434],{},[16,59522,5176],{},[41,59524,59525,7439],{},[16,59526,5179],{},[41,59528,59529,7444],{},[16,59530,5182],{},[41,59532,7447],{},[41,59534,7450],{},[1606,59536,1608],{},{"title":273,"searchDepth":308,"depth":308,"links":59538},[59539,59540,59541,59542,59543,59544,59550,59555],{"id":5168,"depth":308,"text":5169},{"id":60,"depth":308,"text":61},{"id":128,"depth":308,"text":129},{"id":155,"depth":308,"text":156},{"id":5389,"depth":308,"text":5390},{"id":189,"depth":308,"text":190,"children":59545},[59546,59547,59548,59549],{"id":5484,"depth":324,"text":7463},{"id":5501,"depth":324,"text":5502},{"id":5521,"depth":324,"text":7466},{"id":5540,"depth":324,"text":5541},{"id":1945,"depth":308,"text":1946,"children":59551},[59552,59553,59554],{"id":5554,"depth":324,"text":5555},{"id":5567,"depth":324,"text":5568},{"id":5577,"depth":324,"text":5578},{"id":1595,"depth":308,"text":1596},{"script":59557},[59558],{"type":1632,"key":1633,"data-nuxt-schema-org":327,"nodes":59559},[59560],{"headline":5163,"author":59561,"datePublished":7484,"@type":1640},{"name":1637,"@type":1638},{"updatedAt":7484,"coverCaption":7486,"author":1637,"keywords":59563},[1645,7488,5179,5182,7489],[59565],{"headline":5163,"author":59566,"datePublished":7484,"@type":1640},{"name":1637,"@type":1638},{"title":5163,"description":7477},[59569,59570,59571,59572],{"tag":1660,"color":1661},{"tag":7488,"color":7499},{"tag":1668,"color":1669},{"tag":1671,"color":1672},{"id":7504,"title":7505,"body":59574,"cover":9049,"coverAlt":9050,"date":9051,"description":9052,"draft":1627,"extension":1628,"head":60934,"locale":1641,"meta":60940,"navigation":327,"path":9064,"schemaOrg":60942,"seo":60945,"series":1653,"seriesDescription":1654,"seriesOrder":346,"seriesTitle":1655,"slug":1656,"stem":9069,"tags":60946,"__hash__":9076},{"type":8,"value":59575,"toc":60916},[59576,59582,59586,59592,59594,59600,59602,59616,59618,59628,59630,59640,59644,59646,59648,59650,59672,59674,59688,59690,59692,59698,59710,59712,59726,59728,59730,59770,59776,59778,59782,59784,59786,59806,59808,59812,59818,59822,59824,59830,59836,59838,59840,59844,59846,59848,59850,59852,59854,59858,59860,59866,60382,60884,60898,60900,60914],[11,59577,7511,59578,225,59580,19],{"id":7510},[16,59579,7514],{},[16,59581,5294],{},[21,59583,7519,59584,7522],{},[16,59585,5508],{},[21,59587,7525,59588,1697,59590,7530],{},[16,59589,7514],{},[16,59591,5294],{},[30,59593,61],{"id":60},[21,59595,7535,59596,7539,59598,7542],{},[16,59597,7538],{},[16,59599,2123],{},[21,59601,7545],{},[38,59603,59604,59610],{},[41,59605,59606,7552,59608,104],{},[16,59607,7514],{},[72,59609,7555],{},[41,59611,59612,7552,59614,104],{},[16,59613,5294],{},[72,59615,7562],{},[21,59617,7565],{},[38,59619,59620,59624],{},[41,59621,59622],{},[16,59623,7572],{},[41,59625,59626],{},[16,59627,7577],{},[21,59629,7580],{},[38,59631,59632,59636],{},[41,59633,110,59634,7587],{},[16,59635,7514],{},[41,59637,110,59638,7592],{},[16,59639,5294],{},[21,59641,7595,59642,104],{},[16,59643,7514],{},[30,59645,129],{"id":128},[21,59647,7602],{},[21,59649,3305],{},[38,59651,59652,59658,59668,59670],{},[41,59653,7609,59654,225,59656,7614],{},[16,59655,224],{},[16,59657,228],{},[41,59659,7617,59660,225,59662,225,59664,118,59666,104],{},[16,59661,5508],{},[16,59663,7622],{},[16,59665,7625],{},[16,59667,7628],{},[41,59669,7631],{},[41,59671,7634],{},[21,59673,7637],{},[38,59675,59676,59682],{},[41,59677,7642,59678,7646,59680,104],{},[72,59679,7645],{},[16,59681,7514],{},[41,59683,7642,59684,7654,59686,104],{},[72,59685,7653],{},[16,59687,5294],{},[30,59689,156],{"id":155},[21,59691,7661],{},[21,59693,7664,59694,1697,59696,7669],{},[16,59695,7514],{},[16,59697,5294],{},[38,59699,59700,59704,59706,59708],{},[41,59701,7674,59702,104],{},[16,59703,7677],{},[41,59705,7680],{},[41,59707,7683],{},[41,59709,7686],{},[21,59711,7689],{},[38,59713,59714,59718,59722],{},[41,59715,59716,7696],{},[16,59717,7538],{},[41,59719,59720,7702],{},[16,59721,7701],{},[41,59723,7705,59724,7708],{},[16,59725,5176],{},[21,59727,7711],{},[30,59729,7715],{"id":7714},[5392,59731,59732,59744],{},[5395,59733,59734],{},[5398,59735,59736,59738,59740,59742],{},[5401,59737,5403],{},[5401,59739,7726],{},[5401,59741,7729],{},[5401,59743,7732],{},[5414,59745,59746,59758],{},[5398,59747,59748,59752,59754,59756],{},[5419,59749,59750],{},[16,59751,7514],{},[5419,59753,7743],{},[5419,59755,7746],{},[5419,59757,7749],{},[5398,59759,59760,59764,59766,59768],{},[5419,59761,59762],{},[16,59763,5294],{},[5419,59765,7758],{},[5419,59767,7761],{},[5419,59769,7764],{},[21,59771,59772,7769,59774,104],{},[16,59773,5294],{},[16,59775,5294],{},[30,59777,190],{"id":189},[192,59779,7777,59780,7780],{"id":7776},[16,59781,203],{},[21,59783,7783],{},[21,59785,7786],{},[38,59787,59788,59792,59796,59800,59804],{},[41,59789,59790],{},[16,59791,7793],{},[41,59793,59794],{},[16,59795,7798],{},[41,59797,59798],{},[16,59799,7803],{},[41,59801,59802],{},[16,59803,7628],{},[41,59805,7810],{},[21,59807,7813],{},[192,59809,7817,59810],{"id":7816},[16,59811,5294],{},[21,59813,59814,7824,59816,7827],{},[16,59815,5294],{},[16,59817,7514],{},[21,59819,7830,59820,7833],{},[16,59821,7514],{},[192,59823,7837],{"id":7836},[21,59825,7840,59826,7843,59828,7846],{},[16,59827,7514],{},[16,59829,7701],{},[21,59831,7849,59832,7852,59834,104],{},[16,59833,5176],{},[16,59835,5294],{},[21,59837,7857],{},[192,59839,7861],{"id":7860},[21,59841,7864,59842,7867],{},[16,59843,7514],{},[21,59845,7870],{},[30,59847,1946],{"id":1945},[192,59849,7876],{"id":7875},[21,59851,7879],{},[192,59853,7883],{"id":7882},[21,59855,7886,59856,7889],{},[16,59857,7514],{},[192,59859,7893],{"id":7892},[21,59861,59862,7898,59864,7902],{},[16,59863,5294],{},[3292,59865,7901],{},[267,59867,59868],{"className":269,"code":7905,"filename":271,"language":272,"meta":273,"style":273},[16,59869,59870,59886,59896,59900,59916,59940,59944,59962,59966,59974,59990,59994,59998,60008,60020,60024,60030,60048,60052,60056,60060,60088,60096,60100,60106,60126,60130,60134,60138,60150,60154,60158,60162,60172,60178,60190,60202,60210,60214,60218,60228,60240,60252,60260,60264,60268,60278,60290,60294,60302,60306,60314,60328,60340,60354,60358,60366,60374],{"__ignoreMap":273},[277,59871,59872,59874,59876,59878,59880,59882,59884],{"class":279,"line":280},[277,59873,284],{"class":283},[277,59875,288],{"class":287},[277,59877,292],{"class":291},[277,59879,295],{"class":291},[277,59881,298],{"class":283},[277,59883,302],{"class":301},[277,59885,305],{"class":283},[277,59887,59888,59890,59892,59894],{"class":279,"line":308},[277,59889,312],{"class":311},[277,59891,7930],{"class":283},[277,59893,318],{"class":311},[277,59895,321],{"class":301},[277,59897,59898],{"class":279,"line":324},[277,59899,328],{"emptyLinePlaceholder":327},[277,59901,59902,59904,59906,59908,59910,59912,59914],{"class":279,"line":331},[277,59903,405],{"class":311},[277,59905,5726],{"class":356},[277,59907,340],{"class":311},[277,59909,413],{"class":291},[277,59911,448],{"class":283},[277,59913,7953],{"class":301},[277,59915,433],{"class":283},[277,59917,59918,59920,59922,59924,59926,59928,59930,59932,59934,59936,59938],{"class":279,"line":346},[277,59919,405],{"class":311},[277,59921,7962],{"class":356},[277,59923,340],{"class":311},[277,59925,413],{"class":291},[277,59927,284],{"class":283},[277,59929,7971],{"class":356},[277,59931,421],{"class":311},[277,59933,424],{"class":356},[277,59935,427],{"class":283},[277,59937,430],{"class":356},[277,59939,433],{"class":283},[277,59941,59942],{"class":279,"line":360},[277,59943,328],{"emptyLinePlaceholder":327},[277,59945,59946,59948,59950,59952,59954,59956,59958,59960],{"class":279,"line":371},[277,59947,7990],{"class":311},[277,59949,7993],{"class":283},[277,59951,353],{"class":311},[277,59953,7998],{"class":291},[277,59955,421],{"class":311},[277,59957,424],{"class":356},[277,59959,340],{"class":311},[277,59961,6177],{"class":356},[277,59963,59964],{"class":279,"line":381},[277,59965,328],{"emptyLinePlaceholder":327},[277,59967,59968,59970,59972],{"class":279,"line":391},[277,59969,2460],{"class":311},[277,59971,8017],{"class":291},[277,59973,473],{"class":283},[277,59975,59976,59978,59980,59982,59984,59986,59988],{"class":279,"line":397},[277,59977,5943],{"class":283},[277,59979,298],{"class":311},[277,59981,8028],{"class":283},[277,59983,2285],{"class":311},[277,59985,8033],{"class":301},[277,59987,6244],{"class":311},[277,59989,8038],{"class":301},[277,59991,59992],{"class":279,"line":402},[277,59993,394],{"class":283},[277,59995,59996],{"class":279,"line":436},[277,59997,328],{"emptyLinePlaceholder":327},[277,59999,60000,60002,60004,60006],{"class":279,"line":456},[277,60001,464],{"class":311},[277,60003,467],{"class":311},[277,60005,8055],{"class":291},[277,60007,473],{"class":283},[277,60009,60010,60012,60014,60016,60018],{"class":279,"line":461},[277,60011,8062],{"class":283},[277,60013,298],{"class":311},[277,60015,526],{"class":311},[277,60017,7998],{"class":291},[277,60019,622],{"class":283},[277,60021,60022],{"class":279,"line":476},[277,60023,328],{"emptyLinePlaceholder":327},[277,60025,60026,60028],{"class":279,"line":500},[277,60027,609],{"class":311},[277,60029,343],{"class":283},[277,60031,60032,60034,60036,60038,60040,60042,60044,60046],{"class":279,"line":505},[277,60033,2233],{"class":311},[277,60035,482],{"class":356},[277,60037,340],{"class":311},[277,60039,487],{"class":311},[277,60041,490],{"class":291},[277,60043,448],{"class":283},[277,60045,8097],{"class":301},[277,60047,2360],{"class":283},[277,60049,60050],{"class":279,"line":520},[277,60051,8104],{"class":283},[277,60053,60054],{"class":279,"line":539},[277,60055,2913],{"class":283},[277,60057,60058],{"class":279,"line":545},[277,60059,328],{"emptyLinePlaceholder":327},[277,60061,60062,60064,60066,60068,60070,60072,60074,60076,60078,60080,60082,60084,60086],{"class":279,"line":550},[277,60063,2233],{"class":311},[277,60065,5978],{"class":356},[277,60067,340],{"class":311},[277,60069,487],{"class":311},[277,60071,563],{"class":283},[277,60073,566],{"class":291},[277,60075,8129],{"class":283},[277,60077,572],{"class":311},[277,60079,5995],{"class":283},[277,60081,8136],{"class":349},[277,60083,353],{"class":311},[277,60085,2473],{"class":356},[277,60087,2179],{"class":283},[277,60089,60090,60092,60094],{"class":279,"line":578},[277,60091,8147],{"class":283},[277,60093,298],{"class":311},[277,60095,8152],{"class":283},[277,60097,60098],{"class":279,"line":583},[277,60099,542],{"class":283},[277,60101,60102,60104],{"class":279,"line":588},[277,60103,8161],{"class":311},[277,60105,634],{"class":283},[277,60107,60108,60110,60112,60114,60116,60118,60120,60122,60124],{"class":279,"line":606},[277,60109,1336],{"class":311},[277,60111,8170],{"class":283},[277,60113,652],{"class":311},[277,60115,8175],{"class":291},[277,60117,8178],{"class":311},[277,60119,8181],{"class":283},[277,60121,2503],{"class":311},[277,60123,8186],{"class":301},[277,60125,2476],{"class":283},[277,60127,60128],{"class":279,"line":614},[277,60129,8193],{"class":311},[277,60131,60132],{"class":279,"line":625},[277,60133,1126],{"class":283},[277,60135,60136],{"class":279,"line":637},[277,60137,328],{"emptyLinePlaceholder":327},[277,60139,60140,60142,60144,60146,60148],{"class":279,"line":646},[277,60141,2881],{"class":283},[277,60143,3349],{"class":291},[277,60145,448],{"class":283},[277,60147,8212],{"class":301},[277,60149,8215],{"class":283},[277,60151,60152],{"class":279,"line":668},[277,60153,542],{"class":283},[277,60155,60156],{"class":279,"line":673},[277,60157,394],{"class":283},[277,60159,60160],{"class":279,"line":679},[277,60161,328],{"emptyLinePlaceholder":327},[277,60163,60164,60166,60168,60170],{"class":279,"line":684},[277,60165,687],{"class":291},[277,60167,2203],{"class":283},[277,60169,601],{"class":311},[277,60171,343],{"class":283},[277,60173,60174,60176],{"class":279,"line":700},[277,60175,8242],{"class":291},[277,60177,622],{"class":283},[277,60179,60180,60182,60184,60186,60188],{"class":279,"line":717},[277,60181,8249],{"class":283},[277,60183,8252],{"class":291},[277,60185,448],{"class":283},[277,60187,8257],{"class":301},[277,60189,8260],{"class":283},[277,60191,60192,60194,60196,60198,60200],{"class":279,"line":722},[277,60193,8249],{"class":283},[277,60195,8252],{"class":291},[277,60197,448],{"class":283},[277,60199,8271],{"class":301},[277,60201,8260],{"class":283},[277,60203,60204,60206,60208],{"class":279,"line":729},[277,60205,8278],{"class":311},[277,60207,8055],{"class":291},[277,60209,622],{"class":283},[277,60211,60212],{"class":279,"line":738},[277,60213,676],{"class":283},[277,60215,60216],{"class":279,"line":747},[277,60217,328],{"emptyLinePlaceholder":327},[277,60219,60220,60222,60224,60226],{"class":279,"line":754},[277,60221,8295],{"class":291},[277,60223,2203],{"class":283},[277,60225,601],{"class":311},[277,60227,343],{"class":283},[277,60229,60230,60232,60234,60236,60238],{"class":279,"line":772},[277,60231,8249],{"class":283},[277,60233,8308],{"class":291},[277,60235,448],{"class":283},[277,60237,8257],{"class":301},[277,60239,8260],{"class":283},[277,60241,60242,60244,60246,60248,60250],{"class":279,"line":777},[277,60243,8249],{"class":283},[277,60245,8308],{"class":291},[277,60247,448],{"class":283},[277,60249,8271],{"class":301},[277,60251,8260],{"class":283},[277,60253,60254,60256,60258],{"class":279,"line":782},[277,60255,8331],{"class":283},[277,60257,8334],{"class":291},[277,60259,622],{"class":283},[277,60261,60262],{"class":279,"line":792},[277,60263,676],{"class":283},[277,60265,60266],{"class":279,"line":797},[277,60267,328],{"emptyLinePlaceholder":327},[277,60269,60270,60272,60274,60276],{"class":279,"line":807},[277,60271,8349],{"class":291},[277,60273,2203],{"class":283},[277,60275,601],{"class":311},[277,60277,343],{"class":283},[277,60279,60280,60282,60284,60286,60288],{"class":279,"line":826},[277,60281,2349],{"class":283},[277,60283,3266],{"class":291},[277,60285,448],{"class":283},[277,60287,8366],{"class":301},[277,60289,433],{"class":283},[277,60291,60292],{"class":279,"line":849},[277,60293,676],{"class":283},[277,60295,60296,60298,60300],{"class":279,"line":854},[277,60297,785],{"class":283},[277,60299,288],{"class":287},[277,60301,305],{"class":283},[277,60303,60304],{"class":279,"line":876},[277,60305,328],{"emptyLinePlaceholder":327},[277,60307,60308,60310,60312],{"class":279,"line":891},[277,60309,284],{"class":283},[277,60311,802],{"class":287},[277,60313,305],{"class":283},[277,60315,60316,60318,60320,60322,60324,60326],{"class":279,"line":905},[277,60317,810],{"class":283},[277,60319,4121],{"class":287},[277,60321,816],{"class":291},[277,60323,298],{"class":283},[277,60325,8405],{"class":301},[277,60327,305],{"class":283},[277,60329,60330,60332,60334,60336,60338],{"class":279,"line":919},[277,60331,829],{"class":283},[277,60333,21],{"class":287},[277,60335,6367],{"class":283},[277,60337,21],{"class":287},[277,60339,305],{"class":283},[277,60341,60342,60344,60346,60348,60350,60352],{"class":279,"line":929},[277,60343,829],{"class":283},[277,60345,21],{"class":287},[277,60347,834],{"class":291},[277,60349,298],{"class":283},[277,60351,8432],{"class":301},[277,60353,305],{"class":283},[277,60355,60356],{"class":279,"line":934},[277,60357,8439],{"class":283},[277,60359,60360,60362,60364],{"class":279,"line":951},[277,60361,922],{"class":283},[277,60363,21],{"class":287},[277,60365,305],{"class":283},[277,60367,60368,60370,60372],{"class":279,"line":961},[277,60369,954],{"class":283},[277,60371,4121],{"class":287},[277,60373,305],{"class":283},[277,60375,60376,60378,60380],{"class":279,"line":1473},[277,60377,785],{"class":283},[277,60379,802],{"class":287},[277,60381,305],{"class":283},[267,60383,60384],{"className":269,"code":8466,"filename":971,"language":272,"meta":273,"style":273},[16,60385,60386,60394,60402,60408,60414,60422,60430,60436,60440,60444,60448,60454,60464,60480,60496,60508,60512,60516,60522,60538,60554,60564,60568,60572,60578,60590,60594,60598,60602,60608,60626,60630,60634,60642,60656,60660,60666,60684,60692,60696,60700,60716,60726,60730,60736,60756,60760,60764,60768,60780,60784,60788,60792,60796,60804,60808,60816,60830,60842,60856,60860,60868,60876],{"__ignoreMap":273},[277,60387,60388,60390,60392],{"class":279,"line":280},[277,60389,284],{"class":283},[277,60391,288],{"class":287},[277,60393,305],{"class":283},[277,60395,60396,60398,60400],{"class":279,"line":308},[277,60397,1057],{"class":311},[277,60399,1060],{"class":311},[277,60401,343],{"class":283},[277,60403,60404,60406],{"class":279,"line":324},[277,60405,1086],{"class":291},[277,60407,473],{"class":283},[277,60409,60410,60412],{"class":279,"line":331},[277,60411,1093],{"class":311},[277,60413,343],{"class":283},[277,60415,60416,60418,60420],{"class":279,"line":346},[277,60417,6620],{"class":283},[277,60419,7953],{"class":301},[277,60421,1077],{"class":283},[277,60423,60424,60426,60428],{"class":279,"line":360},[277,60425,8509],{"class":283},[277,60427,430],{"class":356},[277,60429,1077],{"class":283},[277,60431,60432,60434],{"class":279,"line":371},[277,60433,8518],{"class":283},[277,60435,8521],{"class":356},[277,60437,60438],{"class":279,"line":381},[277,60439,1126],{"class":283},[277,60441,60442],{"class":279,"line":391},[277,60443,1131],{"class":283},[277,60445,60446],{"class":279,"line":397},[277,60447,328],{"emptyLinePlaceholder":327},[277,60449,60450,60452],{"class":279,"line":402},[277,60451,6784],{"class":291},[277,60453,473],{"class":283},[277,60455,60456,60458,60460,60462],{"class":279,"line":436},[277,60457,4724],{"class":356},[277,60459,104],{"class":283},[277,60461,8548],{"class":291},[277,60463,622],{"class":283},[277,60465,60466,60468,60470,60472,60474,60476,60478],{"class":279,"line":456},[277,60467,8555],{"class":283},[277,60469,8252],{"class":291},[277,60471,448],{"class":283},[277,60473,8257],{"class":301},[277,60475,225],{"class":283},[277,60477,1341],{"class":356},[277,60479,8568],{"class":283},[277,60481,60482,60484,60486,60488,60490,60492,60494],{"class":279,"line":461},[277,60483,8555],{"class":283},[277,60485,8252],{"class":291},[277,60487,448],{"class":283},[277,60489,8271],{"class":301},[277,60491,225],{"class":283},[277,60493,1341],{"class":356},[277,60495,8568],{"class":283},[277,60497,60498,60500,60502,60504,60506],{"class":279,"line":476},[277,60499,6111],{"class":311},[277,60501,1268],{"class":356},[277,60503,104],{"class":283},[277,60505,8595],{"class":291},[277,60507,622],{"class":283},[277,60509,60510],{"class":279,"line":500},[277,60511,1131],{"class":283},[277,60513,60514],{"class":279,"line":505},[277,60515,328],{"emptyLinePlaceholder":327},[277,60517,60518,60520],{"class":279,"line":520},[277,60519,8610],{"class":291},[277,60521,473],{"class":283},[277,60523,60524,60526,60528,60530,60532,60534,60536],{"class":279,"line":539},[277,60525,8555],{"class":283},[277,60527,8308],{"class":291},[277,60529,448],{"class":283},[277,60531,8257],{"class":301},[277,60533,225],{"class":283},[277,60535,1341],{"class":356},[277,60537,8568],{"class":283},[277,60539,60540,60542,60544,60546,60548,60550,60552],{"class":279,"line":545},[277,60541,8555],{"class":283},[277,60543,8308],{"class":291},[277,60545,448],{"class":283},[277,60547,8271],{"class":301},[277,60549,225],{"class":283},[277,60551,1341],{"class":356},[277,60553,8568],{"class":283},[277,60555,60556,60558,60560,60562],{"class":279,"line":550},[277,60557,4724],{"class":356},[277,60559,8651],{"class":283},[277,60561,8334],{"class":291},[277,60563,622],{"class":283},[277,60565,60566],{"class":279,"line":578},[277,60567,1131],{"class":283},[277,60569,60570],{"class":279,"line":583},[277,60571,328],{"emptyLinePlaceholder":327},[277,60573,60574,60576],{"class":279,"line":588},[277,60575,8668],{"class":291},[277,60577,473],{"class":283},[277,60579,60580,60582,60584,60586,60588],{"class":279,"line":606},[277,60581,2881],{"class":283},[277,60583,3266],{"class":291},[277,60585,448],{"class":283},[277,60587,8366],{"class":301},[277,60589,433],{"class":283},[277,60591,60592],{"class":279,"line":614},[277,60593,1131],{"class":283},[277,60595,60596],{"class":279,"line":625},[277,60597,328],{"emptyLinePlaceholder":327},[277,60599,60600],{"class":279,"line":637},[277,60601,1140],{"class":283},[277,60603,60604,60606],{"class":279,"line":646},[277,60605,8699],{"class":291},[277,60607,473],{"class":283},[277,60609,60610,60612,60614,60616,60618,60620,60622,60624],{"class":279,"line":668},[277,60611,1212],{"class":356},[277,60613,6821],{"class":283},[277,60615,298],{"class":311},[277,60617,8028],{"class":283},[277,60619,2285],{"class":311},[277,60621,8033],{"class":301},[277,60623,6244],{"class":311},[277,60625,8038],{"class":301},[277,60627,60628],{"class":279,"line":673},[277,60629,7016],{"class":283},[277,60631,60632],{"class":279,"line":679},[277,60633,328],{"emptyLinePlaceholder":327},[277,60635,60636,60638,60640],{"class":279,"line":684},[277,60637,1145],{"class":311},[277,60639,8055],{"class":291},[277,60641,473],{"class":283},[277,60643,60644,60646,60648,60650,60652,60654],{"class":279,"line":700},[277,60645,1212],{"class":356},[277,60647,8742],{"class":283},[277,60649,298],{"class":311},[277,60651,526],{"class":311},[277,60653,7998],{"class":291},[277,60655,622],{"class":283},[277,60657,60658],{"class":279,"line":717},[277,60659,328],{"emptyLinePlaceholder":327},[277,60661,60662,60664],{"class":279,"line":722},[277,60663,8759],{"class":311},[277,60665,343],{"class":283},[277,60667,60668,60670,60672,60674,60676,60678,60680,60682],{"class":279,"line":729},[277,60669,2774],{"class":311},[277,60671,482],{"class":356},[277,60673,340],{"class":311},[277,60675,487],{"class":311},[277,60677,490],{"class":291},[277,60679,448],{"class":283},[277,60681,8097],{"class":301},[277,60683,2360],{"class":283},[277,60685,60686,60688,60690],{"class":279,"line":738},[277,60687,8784],{"class":283},[277,60689,1341],{"class":356},[277,60691,8789],{"class":283},[277,60693,60694],{"class":279,"line":747},[277,60695,8794],{"class":283},[277,60697,60698],{"class":279,"line":754},[277,60699,328],{"emptyLinePlaceholder":327},[277,60701,60702,60704,60706,60708,60710,60712,60714],{"class":279,"line":772},[277,60703,2774],{"class":311},[277,60705,5978],{"class":356},[277,60707,340],{"class":311},[277,60709,487],{"class":311},[277,60711,563],{"class":283},[277,60713,566],{"class":291},[277,60715,622],{"class":283},[277,60717,60718,60720,60722,60724],{"class":279,"line":777},[277,60719,8819],{"class":356},[277,60721,8822],{"class":283},[277,60723,298],{"class":311},[277,60725,8152],{"class":283},[277,60727,60728],{"class":279,"line":782},[277,60729,1203],{"class":283},[277,60731,60732,60734],{"class":279,"line":792},[277,60733,8835],{"class":311},[277,60735,634],{"class":283},[277,60737,60738,60740,60742,60744,60746,60748,60750,60752,60754],{"class":279,"line":797},[277,60739,8842],{"class":311},[277,60741,8170],{"class":283},[277,60743,652],{"class":311},[277,60745,8175],{"class":291},[277,60747,8178],{"class":311},[277,60749,8181],{"class":283},[277,60751,2503],{"class":311},[277,60753,8186],{"class":301},[277,60755,2476],{"class":283},[277,60757,60758],{"class":279,"line":807},[277,60759,8863],{"class":311},[277,60761,60762],{"class":279,"line":826},[277,60763,8868],{"class":283},[277,60765,60766],{"class":279,"line":849},[277,60767,328],{"emptyLinePlaceholder":327},[277,60769,60770,60772,60774,60776,60778],{"class":279,"line":854},[277,60771,8877],{"class":283},[277,60773,3349],{"class":291},[277,60775,448],{"class":283},[277,60777,8212],{"class":301},[277,60779,8215],{"class":283},[277,60781,60782],{"class":279,"line":876},[277,60783,1203],{"class":283},[277,60785,60786],{"class":279,"line":891},[277,60787,1126],{"class":283},[277,60789,60790],{"class":279,"line":905},[277,60791,542],{"class":283},[277,60793,60794],{"class":279,"line":919},[277,60795,394],{"class":283},[277,60797,60798,60800,60802],{"class":279,"line":929},[277,60799,785],{"class":283},[277,60801,288],{"class":287},[277,60803,305],{"class":283},[277,60805,60806],{"class":279,"line":934},[277,60807,328],{"emptyLinePlaceholder":327},[277,60809,60810,60812,60814],{"class":279,"line":951},[277,60811,284],{"class":283},[277,60813,802],{"class":287},[277,60815,305],{"class":283},[277,60817,60818,60820,60822,60824,60826,60828],{"class":279,"line":961},[277,60819,810],{"class":283},[277,60821,4121],{"class":287},[277,60823,816],{"class":291},[277,60825,298],{"class":283},[277,60827,8405],{"class":301},[277,60829,305],{"class":283},[277,60831,60832,60834,60836,60838,60840],{"class":279,"line":1473},[277,60833,829],{"class":283},[277,60835,21],{"class":287},[277,60837,6367],{"class":283},[277,60839,21],{"class":287},[277,60841,305],{"class":283},[277,60843,60844,60846,60848,60850,60852,60854],{"class":279,"line":1478},[277,60845,829],{"class":283},[277,60847,21],{"class":287},[277,60849,834],{"class":291},[277,60851,298],{"class":283},[277,60853,8432],{"class":301},[277,60855,305],{"class":283},[277,60857,60858],{"class":279,"line":1497},[277,60859,8439],{"class":283},[277,60861,60862,60864,60866],{"class":279,"line":1510},[277,60863,922],{"class":283},[277,60865,21],{"class":287},[277,60867,305],{"class":283},[277,60869,60870,60872,60874],{"class":279,"line":1523},[277,60871,954],{"class":283},[277,60873,4121],{"class":287},[277,60875,305],{"class":283},[277,60877,60878,60880,60882],{"class":279,"line":1536},[277,60879,785],{"class":283},[277,60881,802],{"class":287},[277,60883,305],{"class":283},[38,60885,60886,60890,60894],{},[41,60887,60888,8996],{},[16,60889,210],{},[41,60891,60892,9001],{},[16,60893,7572],{},[41,60895,60896,9006],{},[16,60897,7577],{},[30,60899,1596],{"id":1595},[38,60901,60902,60906,60910,60912],{},[41,60903,60904,9015],{},[16,60905,7514],{},[41,60907,60908,9020],{},[16,60909,5294],{},[41,60911,9023],{},[41,60913,9026],{},[1606,60915,3118],{},{"title":273,"searchDepth":308,"depth":308,"links":60917},[60918,60919,60920,60921,60922,60928,60933],{"id":60,"depth":308,"text":61},{"id":128,"depth":308,"text":129},{"id":155,"depth":308,"text":156},{"id":7714,"depth":308,"text":7715},{"id":189,"depth":308,"text":190,"children":60923},[60924,60925,60926,60927],{"id":7776,"depth":324,"text":9038},{"id":7816,"depth":324,"text":9040},{"id":7836,"depth":324,"text":7837},{"id":7860,"depth":324,"text":7861},{"id":1945,"depth":308,"text":1946,"children":60929},[60930,60931,60932],{"id":7875,"depth":324,"text":7876},{"id":7882,"depth":324,"text":7883},{"id":7892,"depth":324,"text":7893},{"id":1595,"depth":308,"text":1596},{"script":60935},[60936],{"type":1632,"key":1633,"data-nuxt-schema-org":327,"nodes":60937},[60938],{"headline":7505,"author":60939,"datePublished":9059,"@type":1640},{"name":1637,"@type":1638},{"updatedAt":9059,"coverCaption":9061,"author":1637,"keywords":60941},[1645,7514,5294,8295,9063],[60943],{"headline":7505,"author":60944,"datePublished":9059,"@type":1640},{"name":1637,"@type":1638},{"title":7505,"description":9052},[60947,60948,60949],{"tag":1660,"color":1661},{"tag":1668,"color":1669},{"tag":9074,"color":9075},{"id":9078,"title":9079,"body":60951,"cover":10631,"coverAlt":10632,"date":10633,"description":10634,"draft":1627,"extension":1628,"head":62297,"locale":1641,"meta":62303,"navigation":327,"path":10646,"schemaOrg":62305,"seo":62308,"series":1653,"seriesDescription":1654,"seriesOrder":331,"seriesTitle":1655,"slug":1656,"stem":10651,"tags":62309,"__hash__":10658},{"type":8,"value":60952,"toc":62288},[60953,60959,60963,60967,60969,60971,60973,60975,60989,60993,61003,61005,61027,61033,61037,61041,61043,61047,61049,61061,61067,61073,61075,61077,61083,61097,61103,61105,61111,61113,61119,61129,61133,61135,61219,61221,61225,61237,61241,61247,61249,61253,61255,61259,61261,61269,61271,61277,61279,61281,61283,61285,61287,61289,61293,61297,61299,61301,61380,61382,61810,62244,62254,62256,62286],[11,60954,9085,60955,225,60957,19],{"id":9084},[16,60956,9088],{},[16,60958,9091],{},[21,60960,9094,60961,9097],{},[16,60962,1735],{},[21,60964,9100,60965,9104],{},[72,60966,9103],{},[21,60968,9107],{},[11,60970,61],{"id":60},[21,60972,9112],{},[21,60974,9115],{},[38,60976,60977,60983],{},[41,60978,60979,7552,60981,104],{},[16,60980,9088],{},[72,60982,9124],{},[41,60984,60985,7552,60987,104],{},[16,60986,9091],{},[72,60988,9131],{},[21,60990,110,60991,9136],{},[72,60992,271],{},[38,60994,60995,60999],{},[41,60996,60997],{},[16,60998,9143],{},[41,61000,61001],{},[16,61002,9148],{},[21,61004,9151],{},[38,61006,61007,61013,61019],{},[41,61008,7642,61009,225,61011,9161],{},[72,61010,9158],{},[16,61012,9088],{},[41,61014,7642,61015,225,61017,9161],{},[72,61016,9166],{},[16,61018,9091],{},[41,61020,9171,61021,9175,61023,9178,61025,9181],{},[72,61022,9174],{},[16,61024,1735],{},[16,61026,1732],{},[21,61028,9184,61029,9188,61031,9192],{},[72,61030,9187],{},[3292,61032,9191],{},[3111,61034,61035],{},[21,61036,9197],{},[21,61038,9200,61039,104],{},[16,61040,1735],{},[11,61042,129],{"id":128},[21,61044,9207,61045,104],{},[72,61046,9210],{},[21,61048,3305],{},[38,61050,61051,61053,61055,61057,61059],{},[41,61052,9217],{},[41,61054,9220],{},[41,61056,9223],{},[41,61058,9226],{},[41,61060,9229],{},[21,61062,61063,9234,61065,104],{},[16,61064,9088],{},[72,61066,9237],{},[21,61068,61069,9242,61071,9246],{},[16,61070,9091],{},[72,61072,9245],{},[11,61074,156],{"id":155},[21,61076,9251],{},[21,61078,7664,61079,1697,61081,7669],{},[16,61080,9088],{},[16,61082,9091],{},[38,61084,61085,61087,61091,61093],{},[41,61086,9262],{},[41,61088,9265,61089,104],{},[16,61090,1732],{},[41,61092,9270],{},[41,61094,9273,61095,9276],{},[16,61096,9091],{},[21,61098,9279,61099,9282,61101,9286],{},[16,61100,9091],{},[72,61102,9285],{},[11,61104,190],{"id":189},[30,61106,9292,61107,9295,61109],{"id":9291},[16,61108,9091],{},[16,61110,1735],{},[21,61112,9300],{},[21,61114,61115,9305,61117,9309],{},[16,61116,9091],{},[72,61118,9308],{},[21,61120,9312,61121,225,61123,225,61125,9322,61127,9325],{},[16,61122,9315],{},[16,61124,9318],{},[16,61126,9321],{},[16,61128,1735],{},[30,61130,9329,61131,9332],{"id":9328},[16,61132,9091],{},[21,61134,9335],{},[267,61136,61138],{"className":269,"code":9338,"filename":9339,"highlights":61137,"language":272,"meta":273,"style":273},[360],[16,61139,61140,61156,61166,61170,61186,61190,61201,61207,61211],{"__ignoreMap":273},[277,61141,61142,61144,61146,61148,61150,61152,61154],{"class":279,"line":280},[277,61143,284],{"class":283},[277,61145,288],{"class":287},[277,61147,292],{"class":291},[277,61149,295],{"class":291},[277,61151,298],{"class":283},[277,61153,302],{"class":301},[277,61155,305],{"class":283},[277,61157,61158,61160,61162,61164],{"class":279,"line":308},[277,61159,312],{"class":311},[277,61161,9365],{"class":283},[277,61163,318],{"class":311},[277,61165,321],{"class":301},[277,61167,61168],{"class":279,"line":324},[277,61169,328],{"emptyLinePlaceholder":327},[277,61171,61172,61174,61176,61178,61180,61182,61184],{"class":279,"line":331},[277,61173,405],{"class":311},[277,61175,9380],{"class":356},[277,61177,340],{"class":311},[277,61179,413],{"class":291},[277,61181,448],{"class":283},[277,61183,3542],{"class":356},[277,61185,433],{"class":283},[277,61187,61188],{"class":279,"line":346},[277,61189,328],{"emptyLinePlaceholder":327},[277,61191,61193,61195,61197,61199],{"class":61192,"line":360},[279,9398],[277,61194,9401],{"class":291},[277,61196,2203],{"class":283},[277,61198,601],{"class":311},[277,61200,343],{"class":283},[277,61202,61203,61205],{"class":279,"line":371},[277,61204,9412],{"class":283},[277,61206,9415],{"class":311},[277,61208,61209],{"class":279,"line":381},[277,61210,676],{"class":283},[277,61212,61213,61215,61217],{"class":279,"line":391},[277,61214,785],{"class":283},[277,61216,288],{"class":287},[277,61218,305],{"class":283},[21,61220,9430],{},[21,61222,9433,61223,9437],{},[72,61224,9436],{},[38,61226,61227,61231,61235],{},[41,61228,61229],{},[16,61230,1735],{},[41,61232,61233],{},[16,61234,1732],{},[41,61236,9450],{},[30,61238,9454,61239],{"id":9453},[16,61240,9088],{},[21,61242,110,61243,9461,61245,104],{},[16,61244,9088],{},[72,61246,9464],{},[21,61248,9467],{},[21,61250,9470,61251,104],{},[16,61252,9091],{},[30,61254,9476],{"id":9475},[21,61256,9479,61257,104],{},[72,61258,9482],{},[21,61260,9485],{},[38,61262,61263,61265,61267],{},[41,61264,9490],{},[41,61266,9493],{},[41,61268,9496],{},[21,61270,9499],{},[3111,61272,61273],{},[21,61274,9504,61275,9508],{},[72,61276,9507],{},[11,61278,1946],{"id":1945},[30,61280,9514],{"id":9513},[21,61282,9517],{},[21,61284,9520],{},[21,61286,9523],{},[30,61288,9527],{"id":9526},[21,61290,9530,61291,9534],{},[72,61292,9533],{},[21,61294,61295,9539],{},[16,61296,9091],{},[30,61298,9543],{"id":9542},[21,61300,9546],{},[267,61302,61304],{"className":269,"code":9549,"filename":9339,"highlights":61303,"language":272,"meta":273,"style":273},[308,360],[16,61305,61306,61314,61325,61337,61341,61345,61356,61368,61372],{"__ignoreMap":273},[277,61307,61308,61310,61312],{"class":279,"line":280},[277,61309,284],{"class":283},[277,61311,288],{"class":287},[277,61313,305],{"class":283},[277,61315,61317,61319,61321,61323],{"class":61316,"line":308},[279,9398],[277,61318,9566],{"class":291},[277,61320,2203],{"class":283},[277,61322,601],{"class":311},[277,61324,343],{"class":283},[277,61326,61327,61329,61331,61333,61335],{"class":279,"line":324},[277,61328,2349],{"class":283},[277,61330,2352],{"class":291},[277,61332,448],{"class":283},[277,61334,9583],{"class":301},[277,61336,433],{"class":283},[277,61338,61339],{"class":279,"line":331},[277,61340,676],{"class":283},[277,61342,61343],{"class":279,"line":346},[277,61344,328],{"emptyLinePlaceholder":327},[277,61346,61348,61350,61352,61354],{"class":61347,"line":360},[279,9398],[277,61349,9401],{"class":291},[277,61351,2203],{"class":283},[277,61353,601],{"class":311},[277,61355,343],{"class":283},[277,61357,61358,61360,61362,61364,61366],{"class":279,"line":371},[277,61359,2349],{"class":283},[277,61361,2352],{"class":291},[277,61363,448],{"class":283},[277,61365,9615],{"class":301},[277,61367,433],{"class":283},[277,61369,61370],{"class":279,"line":381},[277,61371,676],{"class":283},[277,61373,61374,61376,61378],{"class":279,"line":391},[277,61375,785],{"class":283},[277,61377,288],{"class":287},[277,61379,305],{"class":283},[21,61381,9632],{},[267,61383,61384],{"className":269,"code":9635,"filename":271,"language":272,"meta":273,"style":273},[16,61385,61386,61402,61412,61416,61428,61440,61452,61456,61460,61484,61500,61504,61512,61520,61528,61550,61554,61558,61562,61572,61584,61588,61592,61602,61614,61618,61628,61632,61642,61650,61654,61658,61666,61670,61678,61692,61706,61710,61718,61722,61728,61736,61744,61748,61754,61762,61770,61774,61778,61786,61794,61802],{"__ignoreMap":273},[277,61387,61388,61390,61392,61394,61396,61398,61400],{"class":279,"line":280},[277,61389,284],{"class":283},[277,61391,288],{"class":287},[277,61393,292],{"class":291},[277,61395,295],{"class":291},[277,61397,298],{"class":283},[277,61399,302],{"class":301},[277,61401,305],{"class":283},[277,61403,61404,61406,61408,61410],{"class":279,"line":308},[277,61405,312],{"class":311},[277,61407,9660],{"class":283},[277,61409,318],{"class":311},[277,61411,321],{"class":301},[277,61413,61414],{"class":279,"line":324},[277,61415,328],{"emptyLinePlaceholder":327},[277,61417,61418,61420,61422,61424,61426],{"class":279,"line":331},[277,61419,405],{"class":311},[277,61421,9675],{"class":356},[277,61423,340],{"class":311},[277,61425,413],{"class":291},[277,61427,2104],{"class":283},[277,61429,61430,61432,61434,61436,61438],{"class":279,"line":346},[277,61431,2109],{"class":283},[277,61433,2072],{"class":356},[277,61435,9690],{"class":283},[277,61437,9693],{"class":301},[277,61439,2132],{"class":283},[277,61441,61442,61444,61446,61448,61450],{"class":279,"line":360},[277,61443,2109],{"class":283},[277,61445,2139],{"class":356},[277,61447,9690],{"class":283},[277,61449,9706],{"class":301},[277,61451,2179],{"class":283},[277,61453,61454],{"class":279,"line":371},[277,61455,2184],{"class":283},[277,61457,61458],{"class":279,"line":381},[277,61459,328],{"emptyLinePlaceholder":327},[277,61461,61462,61464,61466,61468,61470,61472,61474,61476,61478,61480,61482],{"class":279,"line":391},[277,61463,405],{"class":311},[277,61465,9723],{"class":356},[277,61467,340],{"class":311},[277,61469,413],{"class":291},[277,61471,284],{"class":283},[277,61473,9732],{"class":291},[277,61475,421],{"class":311},[277,61477,424],{"class":356},[277,61479,427],{"class":283},[277,61481,430],{"class":356},[277,61483,433],{"class":283},[277,61485,61486,61488,61490,61492,61494,61496,61498],{"class":279,"line":397},[277,61487,405],{"class":311},[277,61489,9749],{"class":356},[277,61491,340],{"class":311},[277,61493,413],{"class":291},[277,61495,448],{"class":283},[277,61497,3542],{"class":356},[277,61499,433],{"class":283},[277,61501,61502],{"class":279,"line":402},[277,61503,328],{"emptyLinePlaceholder":327},[277,61505,61506,61508,61510],{"class":279,"line":436},[277,61507,2460],{"class":311},[277,61509,9770],{"class":291},[277,61511,473],{"class":283},[277,61513,61514,61516,61518],{"class":279,"line":456},[277,61515,9777],{"class":283},[277,61517,9780],{"class":291},[277,61519,1066],{"class":283},[277,61521,61522,61524,61526],{"class":279,"line":461},[277,61523,9787],{"class":283},[277,61525,9790],{"class":291},[277,61527,9793],{"class":283},[277,61529,61530,61532,61534,61536,61538,61540,61542,61544,61546,61548],{"class":279,"line":476},[277,61531,9798],{"class":283},[277,61533,9801],{"class":301},[277,61535,9804],{"class":283},[277,61537,104],{"class":301},[277,61539,3885],{"class":283},[277,61541,104],{"class":301},[277,61543,9813],{"class":356},[277,61545,9816],{"class":311},[277,61547,9819],{"class":356},[277,61549,9822],{"class":301},[277,61551,61552],{"class":279,"line":500},[277,61553,2318],{"class":283},[277,61555,61556],{"class":279,"line":505},[277,61557,394],{"class":283},[277,61559,61560],{"class":279,"line":520},[277,61561,328],{"emptyLinePlaceholder":327},[277,61563,61564,61566,61568,61570],{"class":279,"line":539},[277,61565,9566],{"class":291},[277,61567,2203],{"class":283},[277,61569,601],{"class":311},[277,61571,343],{"class":283},[277,61573,61574,61576,61578,61580,61582],{"class":279,"line":545},[277,61575,9849],{"class":283},[277,61577,298],{"class":311},[277,61579,9854],{"class":283},[277,61581,9857],{"class":311},[277,61583,9860],{"class":356},[277,61585,61586],{"class":279,"line":550},[277,61587,676],{"class":283},[277,61589,61590],{"class":279,"line":578},[277,61591,328],{"emptyLinePlaceholder":327},[277,61593,61594,61596,61598,61600],{"class":279,"line":583},[277,61595,9401],{"class":291},[277,61597,2203],{"class":283},[277,61599,601],{"class":311},[277,61601,343],{"class":283},[277,61603,61604,61606,61608,61610,61612],{"class":279,"line":588},[277,61605,508],{"class":311},[277,61607,511],{"class":283},[277,61609,514],{"class":311},[277,61611,9889],{"class":283},[277,61613,714],{"class":311},[277,61615,61616],{"class":279,"line":606},[277,61617,328],{"emptyLinePlaceholder":327},[277,61619,61620,61622,61624,61626],{"class":279,"line":614},[277,61621,479],{"class":311},[277,61623,9902],{"class":356},[277,61625,340],{"class":311},[277,61627,9907],{"class":283},[277,61629,61630],{"class":279,"line":625},[277,61631,328],{"emptyLinePlaceholder":327},[277,61633,61634,61636,61638,61640],{"class":279,"line":637},[277,61635,508],{"class":311},[277,61637,9918],{"class":283},[277,61639,9921],{"class":311},[277,61641,9924],{"class":283},[277,61643,61644,61646,61648],{"class":279,"line":646},[277,61645,9929],{"class":283},[277,61647,298],{"class":311},[277,61649,9934],{"class":283},[277,61651,61652],{"class":279,"line":668},[277,61653,542],{"class":283},[277,61655,61656],{"class":279,"line":673},[277,61657,676],{"class":283},[277,61659,61660,61662,61664],{"class":279,"line":679},[277,61661,785],{"class":283},[277,61663,288],{"class":287},[277,61665,305],{"class":283},[277,61667,61668],{"class":279,"line":684},[277,61669,328],{"emptyLinePlaceholder":327},[277,61671,61672,61674,61676],{"class":279,"line":700},[277,61673,284],{"class":283},[277,61675,802],{"class":287},[277,61677,305],{"class":283},[277,61679,61680,61682,61684,61686,61688,61690],{"class":279,"line":717},[277,61681,810],{"class":283},[277,61683,4121],{"class":287},[277,61685,816],{"class":291},[277,61687,298],{"class":283},[277,61689,9975],{"class":301},[277,61691,305],{"class":283},[277,61693,61694,61696,61698,61700,61702,61704],{"class":279,"line":722},[277,61695,829],{"class":283},[277,61697,4267],{"class":287},[277,61699,4278],{"class":291},[277,61701,298],{"class":283},[277,61703,9990],{"class":301},[277,61705,305],{"class":283},[277,61707,61708],{"class":279,"line":729},[277,61709,9997],{"class":283},[277,61711,61712,61714,61716],{"class":279,"line":738},[277,61713,922],{"class":283},[277,61715,4267],{"class":287},[277,61717,305],{"class":283},[277,61719,61720],{"class":279,"line":747},[277,61721,328],{"emptyLinePlaceholder":327},[277,61723,61724,61726],{"class":279,"line":754},[277,61725,829],{"class":283},[277,61727,10016],{"class":287},[277,61729,61730,61732,61734],{"class":279,"line":772},[277,61731,10021],{"class":291},[277,61733,298],{"class":283},[277,61735,10026],{"class":301},[277,61737,61738,61740,61742],{"class":279,"line":777},[277,61739,10031],{"class":291},[277,61741,298],{"class":283},[277,61743,10036],{"class":301},[277,61745,61746],{"class":279,"line":782},[277,61747,10041],{"class":283},[277,61749,61750,61752],{"class":279,"line":792},[277,61751,879],{"class":283},[277,61753,6506],{"class":287},[277,61755,61756,61758,61760],{"class":279,"line":797},[277,61757,6511],{"class":291},[277,61759,298],{"class":283},[277,61761,10056],{"class":301},[277,61763,61764,61766,61768],{"class":279,"line":807},[277,61765,6521],{"class":291},[277,61767,298],{"class":283},[277,61769,10065],{"class":301},[277,61771,61772],{"class":279,"line":826},[277,61773,4543],{"class":283},[277,61775,61776],{"class":279,"line":849},[277,61777,10074],{"class":283},[277,61779,61780,61782,61784],{"class":279,"line":854},[277,61781,4175],{"class":283},[277,61783,41],{"class":287},[277,61785,305],{"class":283},[277,61787,61788,61790,61792],{"class":279,"line":876},[277,61789,922],{"class":283},[277,61791,10089],{"class":287},[277,61793,305],{"class":283},[277,61795,61796,61798,61800],{"class":279,"line":891},[277,61797,954],{"class":283},[277,61799,4121],{"class":287},[277,61801,305],{"class":283},[277,61803,61804,61806,61808],{"class":279,"line":905},[277,61805,785],{"class":283},[277,61807,802],{"class":287},[277,61809,305],{"class":283},[267,61811,61812],{"className":269,"code":10110,"filename":6571,"language":272,"meta":273,"style":273},[16,61813,61814,61822,61830,61836,61842,61846,61858,61870,61874,61880,61884,61888,61892,61896,61902,61912,61920,61942,61946,61950,61954,61958,61964,61980,61992,61996,62000,62004,62010,62030,62034,62038,62042,62054,62058,62070,62080,62084,62088,62092,62100,62104,62112,62126,62140,62144,62152,62156,62162,62170,62178,62182,62188,62196,62204,62208,62212,62220,62228,62236],{"__ignoreMap":273},[277,61815,61816,61818,61820],{"class":279,"line":280},[277,61817,284],{"class":283},[277,61819,288],{"class":287},[277,61821,305],{"class":283},[277,61823,61824,61826,61828],{"class":279,"line":308},[277,61825,1057],{"class":311},[277,61827,1060],{"class":311},[277,61829,343],{"class":283},[277,61831,61832,61834],{"class":279,"line":324},[277,61833,1086],{"class":291},[277,61835,473],{"class":283},[277,61837,61838,61840],{"class":279,"line":331},[277,61839,1093],{"class":311},[277,61841,343],{"class":283},[277,61843,61844],{"class":279,"line":346},[277,61845,10145],{"class":283},[277,61847,61848,61850,61852,61854,61856],{"class":279,"line":360},[277,61849,2664],{"class":283},[277,61851,2072],{"class":356},[277,61853,9690],{"class":283},[277,61855,9693],{"class":301},[277,61857,2132],{"class":283},[277,61859,61860,61862,61864,61866,61868],{"class":279,"line":371},[277,61861,2664],{"class":283},[277,61863,2139],{"class":356},[277,61865,9690],{"class":283},[277,61867,9706],{"class":301},[277,61869,2179],{"class":283},[277,61871,61872],{"class":279,"line":381},[277,61873,10174],{"class":283},[277,61875,61876,61878],{"class":279,"line":391},[277,61877,10179],{"class":283},[277,61879,4692],{"class":356},[277,61881,61882],{"class":279,"line":397},[277,61883,1126],{"class":283},[277,61885,61886],{"class":279,"line":402},[277,61887,1131],{"class":283},[277,61889,61890],{"class":279,"line":436},[277,61891,328],{"emptyLinePlaceholder":327},[277,61893,61894],{"class":279,"line":456},[277,61895,1140],{"class":283},[277,61897,61898,61900],{"class":279,"line":461},[277,61899,10202],{"class":291},[277,61901,473],{"class":283},[277,61903,61904,61906,61908,61910],{"class":279,"line":476},[277,61905,1212],{"class":356},[277,61907,10211],{"class":283},[277,61909,9780],{"class":291},[277,61911,1066],{"class":283},[277,61913,61914,61916,61918],{"class":279,"line":500},[277,61915,10220],{"class":283},[277,61917,9790],{"class":291},[277,61919,9793],{"class":283},[277,61921,61922,61924,61926,61928,61930,61932,61934,61936,61938,61940],{"class":279,"line":505},[277,61923,10229],{"class":283},[277,61925,9801],{"class":301},[277,61927,1341],{"class":356},[277,61929,104],{"class":301},[277,61931,9804],{"class":283},[277,61933,104],{"class":301},[277,61935,9813],{"class":356},[277,61937,9816],{"class":311},[277,61939,9819],{"class":356},[277,61941,9822],{"class":301},[277,61943,61944],{"class":279,"line":520},[277,61945,2853],{"class":283},[277,61947,61948],{"class":279,"line":539},[277,61949,1126],{"class":283},[277,61951,61952],{"class":279,"line":545},[277,61953,1131],{"class":283},[277,61955,61956],{"class":279,"line":550},[277,61957,328],{"emptyLinePlaceholder":327},[277,61959,61960,61962],{"class":279,"line":578},[277,61961,10268],{"class":291},[277,61963,473],{"class":283},[277,61965,61966,61968,61970,61972,61974,61976,61978],{"class":279,"line":583},[277,61967,1336],{"class":311},[277,61969,511],{"class":283},[277,61971,1341],{"class":356},[277,61973,10281],{"class":283},[277,61975,652],{"class":311},[277,61977,10286],{"class":291},[277,61979,2476],{"class":283},[277,61981,61982,61984,61986,61988,61990],{"class":279,"line":588},[277,61983,1212],{"class":356},[277,61985,10295],{"class":283},[277,61987,298],{"class":311},[277,61989,1268],{"class":356},[277,61991,10302],{"class":283},[277,61993,61994],{"class":279,"line":606},[277,61995,1126],{"class":283},[277,61997,61998],{"class":279,"line":614},[277,61999,1131],{"class":283},[277,62001,62002],{"class":279,"line":625},[277,62003,328],{"emptyLinePlaceholder":327},[277,62005,62006,62008],{"class":279,"line":637},[277,62007,10319],{"class":291},[277,62009,473],{"class":283},[277,62011,62012,62014,62016,62018,62020,62022,62024,62026,62028],{"class":279,"line":646},[277,62013,1336],{"class":311},[277,62015,511],{"class":283},[277,62017,514],{"class":311},[277,62019,448],{"class":283},[277,62021,1341],{"class":356},[277,62023,10281],{"class":283},[277,62025,652],{"class":311},[277,62027,10286],{"class":291},[277,62029,10342],{"class":283},[277,62031,62032],{"class":279,"line":668},[277,62033,8193],{"class":311},[277,62035,62036],{"class":279,"line":673},[277,62037,1126],{"class":283},[277,62039,62040],{"class":279,"line":679},[277,62041,328],{"emptyLinePlaceholder":327},[277,62043,62044,62046,62048,62050,62052],{"class":279,"line":684},[277,62045,2233],{"class":311},[277,62047,9902],{"class":356},[277,62049,340],{"class":311},[277,62051,1268],{"class":356},[277,62053,10302],{"class":283},[277,62055,62056],{"class":279,"line":700},[277,62057,328],{"emptyLinePlaceholder":327},[277,62059,62060,62062,62064,62066,62068],{"class":279,"line":717},[277,62061,1336],{"class":311},[277,62063,9918],{"class":283},[277,62065,9921],{"class":311},[277,62067,1268],{"class":356},[277,62069,10383],{"class":283},[277,62071,62072,62074,62076,62078],{"class":279,"line":722},[277,62073,1212],{"class":356},[277,62075,10390],{"class":283},[277,62077,298],{"class":311},[277,62079,9934],{"class":283},[277,62081,62082],{"class":279,"line":729},[277,62083,1126],{"class":283},[277,62085,62086],{"class":279,"line":738},[277,62087,542],{"class":283},[277,62089,62090],{"class":279,"line":747},[277,62091,394],{"class":283},[277,62093,62094,62096,62098],{"class":279,"line":754},[277,62095,785],{"class":283},[277,62097,288],{"class":287},[277,62099,305],{"class":283},[277,62101,62102],{"class":279,"line":772},[277,62103,328],{"emptyLinePlaceholder":327},[277,62105,62106,62108,62110],{"class":279,"line":777},[277,62107,284],{"class":283},[277,62109,802],{"class":287},[277,62111,305],{"class":283},[277,62113,62114,62116,62118,62120,62122,62124],{"class":279,"line":782},[277,62115,810],{"class":283},[277,62117,4121],{"class":287},[277,62119,816],{"class":291},[277,62121,298],{"class":283},[277,62123,9975],{"class":301},[277,62125,305],{"class":283},[277,62127,62128,62130,62132,62134,62136,62138],{"class":279,"line":792},[277,62129,829],{"class":283},[277,62131,4267],{"class":287},[277,62133,4278],{"class":291},[277,62135,298],{"class":283},[277,62137,9990],{"class":301},[277,62139,305],{"class":283},[277,62141,62142],{"class":279,"line":797},[277,62143,9997],{"class":283},[277,62145,62146,62148,62150],{"class":279,"line":807},[277,62147,922],{"class":283},[277,62149,4267],{"class":287},[277,62151,305],{"class":283},[277,62153,62154],{"class":279,"line":826},[277,62155,328],{"emptyLinePlaceholder":327},[277,62157,62158,62160],{"class":279,"line":849},[277,62159,829],{"class":283},[277,62161,10016],{"class":287},[277,62163,62164,62166,62168],{"class":279,"line":854},[277,62165,10021],{"class":291},[277,62167,298],{"class":283},[277,62169,10026],{"class":301},[277,62171,62172,62174,62176],{"class":279,"line":876},[277,62173,10031],{"class":291},[277,62175,298],{"class":283},[277,62177,10036],{"class":301},[277,62179,62180],{"class":279,"line":891},[277,62181,10041],{"class":283},[277,62183,62184,62186],{"class":279,"line":905},[277,62185,879],{"class":283},[277,62187,6506],{"class":287},[277,62189,62190,62192,62194],{"class":279,"line":919},[277,62191,6511],{"class":291},[277,62193,298],{"class":283},[277,62195,10056],{"class":301},[277,62197,62198,62200,62202],{"class":279,"line":929},[277,62199,6521],{"class":291},[277,62201,298],{"class":283},[277,62203,10065],{"class":301},[277,62205,62206],{"class":279,"line":934},[277,62207,4543],{"class":283},[277,62209,62210],{"class":279,"line":951},[277,62211,10074],{"class":283},[277,62213,62214,62216,62218],{"class":279,"line":961},[277,62215,4175],{"class":283},[277,62217,41],{"class":287},[277,62219,305],{"class":283},[277,62221,62222,62224,62226],{"class":279,"line":1473},[277,62223,922],{"class":283},[277,62225,10089],{"class":287},[277,62227,305],{"class":283},[277,62229,62230,62232,62234],{"class":279,"line":1478},[277,62231,954],{"class":283},[277,62233,4121],{"class":287},[277,62235,305],{"class":283},[277,62237,62238,62240,62242],{"class":279,"line":1497},[277,62239,785],{"class":283},[277,62241,802],{"class":287},[277,62243,305],{"class":283},[38,62245,62246,62250],{},[41,62247,62248,10565],{},[16,62249,9143],{},[41,62251,62252,10570],{},[16,62253,9148],{},[11,62255,1596],{"id":1595},[38,62257,62258,62264,62270,62276,62280],{},[41,62259,62260,10579,62262,104],{},[16,62261,9088],{},[72,62263,10582],{},[41,62265,62266,10587,62268,10591],{},[16,62267,9091],{},[72,62269,10590],{},[41,62271,10594,62272,104],{},[72,62273,62274,10599],{},[16,62275,1735],{},[41,62277,10602,62278,10606],{},[72,62279,10605],{},[41,62281,10609,62282],{},[72,62283,10612,62284,10615],{},[16,62285,9091],{},[1606,62287,10618],{},{"title":273,"searchDepth":308,"depth":308,"links":62289},[62290,62291,62292,62293,62294,62295,62296],{"id":9291,"depth":308,"text":10622},{"id":9328,"depth":308,"text":10624},{"id":9453,"depth":308,"text":10626},{"id":9475,"depth":308,"text":9476},{"id":9513,"depth":308,"text":9514},{"id":9526,"depth":308,"text":9527},{"id":9542,"depth":308,"text":9543},{"script":62298},[62299],{"type":1632,"key":1633,"data-nuxt-schema-org":327,"nodes":62300},[62301],{"headline":9079,"author":62302,"datePublished":10641,"@type":1640},{"name":1637,"@type":1638},{"updatedAt":10641,"coverCaption":10643,"author":1637,"keywords":62304},[1645,9088,9091,9401,10645],[62306],{"headline":9079,"author":62307,"datePublished":10641,"@type":1640},{"name":1637,"@type":1638},{"title":9079,"description":10634},[62310,62311,62312,62313,62314],{"tag":1660,"color":1661},{"tag":1668,"color":1669},{"tag":3164,"color":3165},{"tag":3167,"color":3168},{"tag":9074,"color":9075},{"id":10660,"title":10661,"body":62316,"cover":11899,"coverAlt":11900,"date":11901,"description":11902,"draft":1627,"extension":1628,"head":63388,"locale":1641,"meta":63394,"navigation":327,"path":11914,"schemaOrg":63396,"seo":63399,"series":1653,"seriesDescription":1654,"seriesOrder":324,"seriesTitle":1655,"slug":1656,"stem":11919,"tags":63400,"__hash__":11925},{"type":8,"value":62317,"toc":63370},[62318,62324,62328,62330,62332,62336,62338,62348,62350,62360,62362,62382,62390,62392,62394,62396,62406,62410,62418,62420,62422,62428,62450,62452,62454,62494,62504,62506,62510,62514,62516,62528,62532,62536,62542,62548,62552,62666,62672,62676,62678,62680,62696,62704,62834,62840,62842,62846,62852,62856,62858,62860,62864,62866,62870,62872,62874,63108,63340,63350,63352,63368],[11,62319,10667,62320,225,62322,19],{"id":10666},[16,62321,10670],{},[16,62323,203],{},[21,62325,10675,62326,10678],{},[16,62327,203],{},[21,62329,10681],{},[30,62331,61],{"id":60},[21,62333,10686,62334,104],{},[72,62335,10689],{},[21,62337,10692],{},[38,62339,62340,62344],{},[41,62341,62342,10699],{},[16,62343,10670],{},[41,62345,62346,10704],{},[16,62347,203],{},[21,62349,10707],{},[38,62351,62352,62356],{},[41,62353,62354],{},[16,62355,10714],{},[41,62357,62358],{},[16,62359,210],{},[21,62361,10721],{},[38,62363,62364,62370,62376],{},[41,62365,10726,62366,10730,62368,104],{},[72,62367,10729],{},[16,62369,10733],{},[41,62371,7642,62372,10739,62374,104],{},[72,62373,10738],{},[16,62375,203],{},[41,62377,10744,62378,10747,62380,104],{},[16,62379,10670],{},[16,62381,10733],{},[21,62383,10752,62384,10761],{},[72,62385,10755,62386,229,62388,10760],{},[16,62387,10670],{},[16,62389,203],{},[30,62391,129],{"id":128},[21,62393,10766],{},[21,62395,3305],{},[38,62397,62398,62400,62402,62404],{},[41,62399,10773],{},[41,62401,10776],{},[41,62403,10779],{},[41,62405,10782],{},[21,62407,62408,10787],{},[16,62409,10670],{},[38,62411,62412,62414,62416],{},[41,62413,10792],{},[41,62415,10795],{},[41,62417,10798],{},[30,62419,156],{"id":155},[21,62421,10803],{},[21,62423,7664,62424,1697,62426,7669],{},[16,62425,10670],{},[16,62427,203],{},[38,62429,62430,62434,62442,62446],{},[41,62431,10814,62432,104],{},[72,62433,10817],{},[41,62435,10820,62436,10823,62438,10826,62440,104],{},[16,62437,1735],{},[16,62439,1732],{},[72,62441,10829],{},[41,62443,10832,62444,10835],{},[16,62445,203],{},[41,62447,10838,62448,104],{},[72,62449,10841],{},[21,62451,10844],{},[30,62453,7715],{"id":7714},[5392,62455,62456,62468],{},[5395,62457,62458],{},[5398,62459,62460,62462,62464,62466],{},[5401,62461,5403],{},[5401,62463,10857],{},[5401,62465,10860],{},[5401,62467,10863],{},[5414,62469,62470,62482],{},[5398,62471,62472,62476,62478,62480],{},[5419,62473,62474],{},[16,62475,10670],{},[5419,62477,10874],{},[5419,62479,10877],{},[5419,62481,10880],{},[5398,62483,62484,62488,62490,62492],{},[5419,62485,62486],{},[16,62487,203],{},[5419,62489,10889],{},[5419,62491,10892],{},[5419,62493,10895],{},[21,62495,10898,62496,10901,62498,10904,62500,10907,62502,104],{},[16,62497,203],{},[16,62499,10670],{},[16,62501,10670],{},[72,62503,10910],{},[30,62505,190],{"id":189},[192,62507,10916,62508],{"id":10915},[16,62509,10670],{},[21,62511,10921,62512,10924],{},[16,62513,10670],{},[21,62515,10927],{},[38,62517,62518,62522,62526],{},[41,62519,62520],{},[16,62521,10934],{},[41,62523,62524],{},[16,62525,10939],{},[41,62527,10942],{},[21,62529,10945,62530,104],{},[16,62531,203],{},[192,62533,10951,62534,10954],{"id":10950},[16,62535,203],{},[21,62537,10957,62538,10961,62540,10964],{},[16,62539,10960],{},[16,62541,203],{},[21,62543,62544,10969,62546,10973],{},[16,62545,203],{},[72,62547,10972],{},[21,62549,10976,62550,353],{},[16,62551,203],{},[267,62553,62554],{"className":269,"code":10981,"filename":9339,"language":272,"meta":273,"style":273},[16,62555,62556,62572,62582,62586,62598,62602,62612,62630,62644,62648,62652,62658],{"__ignoreMap":273},[277,62557,62558,62560,62562,62564,62566,62568,62570],{"class":279,"line":280},[277,62559,284],{"class":283},[277,62561,288],{"class":287},[277,62563,292],{"class":291},[277,62565,295],{"class":291},[277,62567,298],{"class":283},[277,62569,302],{"class":301},[277,62571,305],{"class":283},[277,62573,62574,62576,62578,62580],{"class":279,"line":308},[277,62575,312],{"class":311},[277,62577,11006],{"class":283},[277,62579,318],{"class":311},[277,62581,321],{"class":301},[277,62583,62584],{"class":279,"line":324},[277,62585,328],{"emptyLinePlaceholder":327},[277,62587,62588,62590,62592,62594,62596],{"class":279,"line":331},[277,62589,405],{"class":311},[277,62591,11021],{"class":356},[277,62593,340],{"class":311},[277,62595,413],{"class":291},[277,62597,11028],{"class":283},[277,62599,62600],{"class":279,"line":346},[277,62601,328],{"emptyLinePlaceholder":327},[277,62603,62604,62606,62608,62610],{"class":279,"line":360},[277,62605,464],{"class":311},[277,62607,467],{"class":311},[277,62609,11041],{"class":291},[277,62611,473],{"class":283},[277,62613,62614,62616,62618,62620,62622,62624,62626,62628],{"class":279,"line":371},[277,62615,479],{"class":311},[277,62617,11050],{"class":356},[277,62619,340],{"class":311},[277,62621,487],{"class":311},[277,62623,490],{"class":291},[277,62625,448],{"class":283},[277,62627,11061],{"class":301},[277,62629,433],{"class":283},[277,62631,62632,62634,62636,62638,62640,62642],{"class":279,"line":381},[277,62633,11068],{"class":283},[277,62635,298],{"class":311},[277,62637,487],{"class":311},[277,62639,11075],{"class":283},[277,62641,566],{"class":291},[277,62643,622],{"class":283},[277,62645,62646],{"class":279,"line":391},[277,62647,394],{"class":283},[277,62649,62650],{"class":279,"line":397},[277,62651,328],{"emptyLinePlaceholder":327},[277,62653,62654,62656],{"class":279,"line":402},[277,62655,11092],{"class":291},[277,62657,622],{"class":283},[277,62659,62660,62662,62664],{"class":279,"line":436},[277,62661,785],{"class":283},[277,62663,288],{"class":287},[277,62665,305],{"class":283},[3111,62667,62668],{},[21,62669,11107,62670,104],{},[16,62671,10733],{},[192,62673,11113,62674,11116],{"id":11112},[16,62675,203],{},[21,62677,11119],{},[21,62679,11122],{},[38,62681,62682,62684,62688,62692],{},[41,62683,11127],{},[41,62685,62686],{},[16,62687,5508],{},[41,62689,62690],{},[16,62691,7628],{},[41,62693,62694],{},[16,62695,7803],{},[21,62697,11142,62698,11145,62700,118,62702,104],{},[16,62699,203],{},[16,62701,7514],{},[16,62703,8295],{},[267,62705,62706],{"className":269,"code":11152,"filename":9339,"language":272,"meta":273,"style":273},[16,62707,62708,62724,62734,62738,62748,62752,62762,62778,62790,62798,62802,62806,62816,62822,62826],{"__ignoreMap":273},[277,62709,62710,62712,62714,62716,62718,62720,62722],{"class":279,"line":280},[277,62711,284],{"class":283},[277,62713,288],{"class":287},[277,62715,292],{"class":291},[277,62717,295],{"class":291},[277,62719,298],{"class":283},[277,62721,302],{"class":301},[277,62723,305],{"class":283},[277,62725,62726,62728,62730,62732],{"class":279,"line":308},[277,62727,312],{"class":311},[277,62729,11177],{"class":283},[277,62731,318],{"class":311},[277,62733,321],{"class":301},[277,62735,62736],{"class":279,"line":324},[277,62737,328],{"emptyLinePlaceholder":327},[277,62739,62740,62742,62744,62746],{"class":279,"line":331},[277,62741,7990],{"class":311},[277,62743,11192],{"class":283},[277,62745,353],{"class":311},[277,62747,357],{"class":356},[277,62749,62750],{"class":279,"line":346},[277,62751,328],{"emptyLinePlaceholder":327},[277,62753,62754,62756,62758,62760],{"class":279,"line":360},[277,62755,687],{"class":291},[277,62757,2203],{"class":283},[277,62759,601],{"class":311},[277,62761,343],{"class":283},[277,62763,62764,62766,62768,62770,62772,62774,62776],{"class":279,"line":371},[277,62765,11215],{"class":283},[277,62767,298],{"class":311},[277,62769,11220],{"class":283},[277,62771,5508],{"class":291},[277,62773,2203],{"class":283},[277,62775,601],{"class":311},[277,62777,343],{"class":283},[277,62779,62780,62782,62784,62786,62788],{"class":279,"line":381},[277,62781,2881],{"class":283},[277,62783,2352],{"class":291},[277,62785,448],{"class":283},[277,62787,11239],{"class":301},[277,62789,433],{"class":283},[277,62791,62792,62794,62796],{"class":279,"line":391},[277,62793,6120],{"class":283},[277,62795,11248],{"class":356},[277,62797,433],{"class":283},[277,62799,62800],{"class":279,"line":397},[277,62801,676],{"class":283},[277,62803,62804],{"class":279,"line":402},[277,62805,328],{"emptyLinePlaceholder":327},[277,62807,62808,62810,62812,62814],{"class":279,"line":436},[277,62809,8295],{"class":291},[277,62811,2203],{"class":283},[277,62813,601],{"class":311},[277,62815,343],{"class":283},[277,62817,62818,62820],{"class":279,"line":456},[277,62819,6165],{"class":291},[277,62821,11275],{"class":283},[277,62823,62824],{"class":279,"line":461},[277,62825,676],{"class":283},[277,62827,62828,62830,62832],{"class":279,"line":476},[277,62829,785],{"class":283},[277,62831,288],{"class":287},[277,62833,305],{"class":283},[3111,62835,62836],{},[21,62837,11292,62838,104],{},[72,62839,11295],{},[192,62841,11299],{"id":11298},[21,62843,11302,62844,104],{},[72,62845,11305],{},[21,62847,11308,62848,11311,62850,104],{},[16,62849,203],{},[72,62851,11314],{},[21,62853,11317,62854,104],{},[16,62855,11320],{},[30,62857,1946],{"id":1945},[192,62859,11326],{"id":11325},[21,62861,11329,62862,104],{},[16,62863,10934],{},[192,62865,11335],{"id":11334},[21,62867,11338,62868,104],{},[16,62869,203],{},[192,62871,11344],{"id":11343},[21,62873,11347],{},[267,62875,62876],{"className":269,"code":11350,"filename":271,"language":272,"meta":273,"style":273},[16,62877,62878,62894,62904,62908,62932,62948,62952,62962,62970,62974,62978,62988,62996,63004,63008,63016,63020,63028,63042,63054,63058,63064,63072,63080,63088,63092,63100],{"__ignoreMap":273},[277,62879,62880,62882,62884,62886,62888,62890,62892],{"class":279,"line":280},[277,62881,284],{"class":283},[277,62883,288],{"class":287},[277,62885,292],{"class":291},[277,62887,295],{"class":291},[277,62889,298],{"class":283},[277,62891,302],{"class":301},[277,62893,305],{"class":283},[277,62895,62896,62898,62900,62902],{"class":279,"line":308},[277,62897,312],{"class":311},[277,62899,11375],{"class":283},[277,62901,318],{"class":311},[277,62903,321],{"class":301},[277,62905,62906],{"class":279,"line":324},[277,62907,328],{"emptyLinePlaceholder":327},[277,62909,62910,62912,62914,62916,62918,62920,62922,62924,62926,62928,62930],{"class":279,"line":331},[277,62911,405],{"class":311},[277,62913,11390],{"class":356},[277,62915,340],{"class":311},[277,62917,413],{"class":291},[277,62919,284],{"class":283},[277,62921,11399],{"class":291},[277,62923,421],{"class":311},[277,62925,424],{"class":356},[277,62927,427],{"class":283},[277,62929,430],{"class":356},[277,62931,433],{"class":283},[277,62933,62934,62936,62938,62940,62942,62944,62946],{"class":279,"line":346},[277,62935,405],{"class":311},[277,62937,5726],{"class":356},[277,62939,340],{"class":311},[277,62941,413],{"class":291},[277,62943,448],{"class":283},[277,62945,11424],{"class":301},[277,62947,433],{"class":283},[277,62949,62950],{"class":279,"line":360},[277,62951,328],{"emptyLinePlaceholder":327},[277,62953,62954,62956,62958,62960],{"class":279,"line":371},[277,62955,11435],{"class":291},[277,62957,2203],{"class":283},[277,62959,601],{"class":311},[277,62961,343],{"class":283},[277,62963,62964,62966,62968],{"class":279,"line":381},[277,62965,5943],{"class":283},[277,62967,298],{"class":311},[277,62969,11450],{"class":301},[277,62971,62972],{"class":279,"line":391},[277,62973,676],{"class":283},[277,62975,62976],{"class":279,"line":397},[277,62977,328],{"emptyLinePlaceholder":327},[277,62979,62980,62982,62984,62986],{"class":279,"line":402},[277,62981,687],{"class":291},[277,62983,2203],{"class":283},[277,62985,601],{"class":311},[277,62987,343],{"class":283},[277,62989,62990,62992,62994],{"class":279,"line":436},[277,62991,11473],{"class":283},[277,62993,11476],{"class":291},[277,62995,622],{"class":283},[277,62997,62998,63000,63002],{"class":279,"line":456},[277,62999,5943],{"class":283},[277,63001,298],{"class":311},[277,63003,11487],{"class":301},[277,63005,63006],{"class":279,"line":461},[277,63007,676],{"class":283},[277,63009,63010,63012,63014],{"class":279,"line":476},[277,63011,785],{"class":283},[277,63013,288],{"class":287},[277,63015,305],{"class":283},[277,63017,63018],{"class":279,"line":500},[277,63019,328],{"emptyLinePlaceholder":327},[277,63021,63022,63024,63026],{"class":279,"line":505},[277,63023,284],{"class":283},[277,63025,802],{"class":287},[277,63027,305],{"class":283},[277,63029,63030,63032,63034,63036,63038,63040],{"class":279,"line":520},[277,63031,810],{"class":283},[277,63033,4121],{"class":287},[277,63035,816],{"class":291},[277,63037,298],{"class":283},[277,63039,11524],{"class":301},[277,63041,305],{"class":283},[277,63043,63044,63046,63048,63050,63052],{"class":279,"line":539},[277,63045,829],{"class":283},[277,63047,21],{"class":287},[277,63049,6367],{"class":283},[277,63051,21],{"class":287},[277,63053,305],{"class":283},[277,63055,63056],{"class":279,"line":545},[277,63057,328],{"emptyLinePlaceholder":327},[277,63059,63060,63062],{"class":279,"line":550},[277,63061,829],{"class":283},[277,63063,11549],{"class":287},[277,63065,63066,63068,63070],{"class":279,"line":578},[277,63067,10021],{"class":291},[277,63069,298],{"class":283},[277,63071,11558],{"class":301},[277,63073,63074,63076,63078],{"class":279,"line":583},[277,63075,11563],{"class":291},[277,63077,298],{"class":283},[277,63079,11568],{"class":301},[277,63081,63082,63084,63086],{"class":279,"line":588},[277,63083,11573],{"class":291},[277,63085,298],{"class":283},[277,63087,11578],{"class":301},[277,63089,63090],{"class":279,"line":606},[277,63091,10041],{"class":283},[277,63093,63094,63096,63098],{"class":279,"line":614},[277,63095,954],{"class":283},[277,63097,4121],{"class":287},[277,63099,305],{"class":283},[277,63101,63102,63104,63106],{"class":279,"line":625},[277,63103,785],{"class":283},[277,63105,802],{"class":287},[277,63107,305],{"class":283},[267,63109,63110],{"className":269,"code":11601,"filename":971,"language":272,"meta":273,"style":273},[16,63111,63112,63120,63128,63134,63140,63146,63150,63154,63158,63164,63174,63178,63182,63188,63198,63202,63218,63228,63232,63236,63240,63248,63252,63260,63274,63286,63290,63296,63304,63312,63320,63324,63332],{"__ignoreMap":273},[277,63113,63114,63116,63118],{"class":279,"line":280},[277,63115,284],{"class":283},[277,63117,288],{"class":287},[277,63119,305],{"class":283},[277,63121,63122,63124,63126],{"class":279,"line":308},[277,63123,1057],{"class":311},[277,63125,1060],{"class":311},[277,63127,343],{"class":283},[277,63129,63130,63132],{"class":279,"line":324},[277,63131,1086],{"class":291},[277,63133,473],{"class":283},[277,63135,63136,63138],{"class":279,"line":331},[277,63137,1093],{"class":311},[277,63139,343],{"class":283},[277,63141,63142,63144],{"class":279,"line":346},[277,63143,6620],{"class":283},[277,63145,11638],{"class":301},[277,63147,63148],{"class":279,"line":360},[277,63149,1126],{"class":283},[277,63151,63152],{"class":279,"line":371},[277,63153,1131],{"class":283},[277,63155,63156],{"class":279,"line":381},[277,63157,328],{"emptyLinePlaceholder":327},[277,63159,63160,63162],{"class":279,"line":391},[277,63161,11655],{"class":291},[277,63163,473],{"class":283},[277,63165,63166,63168,63170,63172],{"class":279,"line":397},[277,63167,4724],{"class":356},[277,63169,6821],{"class":283},[277,63171,298],{"class":311},[277,63173,11668],{"class":301},[277,63175,63176],{"class":279,"line":402},[277,63177,1131],{"class":283},[277,63179,63180],{"class":279,"line":436},[277,63181,328],{"emptyLinePlaceholder":327},[277,63183,63184,63186],{"class":279,"line":456},[277,63185,6784],{"class":291},[277,63187,473],{"class":283},[277,63189,63190,63192,63194,63196],{"class":279,"line":461},[277,63191,4724],{"class":356},[277,63193,6821],{"class":283},[277,63195,298],{"class":311},[277,63197,11487],{"class":301},[277,63199,63200],{"class":279,"line":476},[277,63201,328],{"emptyLinePlaceholder":327},[277,63203,63204,63206,63208,63210,63212,63214,63216],{"class":279,"line":500},[277,63205,1336],{"class":311},[277,63207,511],{"class":283},[277,63209,1341],{"class":356},[277,63211,11707],{"class":283},[277,63213,652],{"class":311},[277,63215,11712],{"class":291},[277,63217,2476],{"class":283},[277,63219,63220,63222,63224,63226],{"class":279,"line":505},[277,63221,1212],{"class":356},[277,63223,11721],{"class":283},[277,63225,11476],{"class":291},[277,63227,622],{"class":283},[277,63229,63230],{"class":279,"line":520},[277,63231,1126],{"class":283},[277,63233,63234],{"class":279,"line":539},[277,63235,542],{"class":283},[277,63237,63238],{"class":279,"line":545},[277,63239,394],{"class":283},[277,63241,63242,63244,63246],{"class":279,"line":550},[277,63243,785],{"class":283},[277,63245,288],{"class":287},[277,63247,305],{"class":283},[277,63249,63250],{"class":279,"line":578},[277,63251,328],{"emptyLinePlaceholder":327},[277,63253,63254,63256,63258],{"class":279,"line":583},[277,63255,284],{"class":283},[277,63257,802],{"class":287},[277,63259,305],{"class":283},[277,63261,63262,63264,63266,63268,63270,63272],{"class":279,"line":588},[277,63263,810],{"class":283},[277,63265,4121],{"class":287},[277,63267,816],{"class":291},[277,63269,298],{"class":283},[277,63271,11524],{"class":301},[277,63273,305],{"class":283},[277,63275,63276,63278,63280,63282,63284],{"class":279,"line":606},[277,63277,829],{"class":283},[277,63279,21],{"class":287},[277,63281,6367],{"class":283},[277,63283,21],{"class":287},[277,63285,305],{"class":283},[277,63287,63288],{"class":279,"line":614},[277,63289,328],{"emptyLinePlaceholder":327},[277,63291,63292,63294],{"class":279,"line":625},[277,63293,829],{"class":283},[277,63295,11549],{"class":287},[277,63297,63298,63300,63302],{"class":279,"line":637},[277,63299,10021],{"class":291},[277,63301,298],{"class":283},[277,63303,11558],{"class":301},[277,63305,63306,63308,63310],{"class":279,"line":646},[277,63307,11563],{"class":291},[277,63309,298],{"class":283},[277,63311,11568],{"class":301},[277,63313,63314,63316,63318],{"class":279,"line":668},[277,63315,11573],{"class":291},[277,63317,298],{"class":283},[277,63319,11578],{"class":301},[277,63321,63322],{"class":279,"line":673},[277,63323,10041],{"class":283},[277,63325,63326,63328,63330],{"class":279,"line":679},[277,63327,954],{"class":283},[277,63329,4121],{"class":287},[277,63331,305],{"class":283},[277,63333,63334,63336,63338],{"class":279,"line":684},[277,63335,785],{"class":283},[277,63337,802],{"class":287},[277,63339,305],{"class":283},[3111,63341,63342],{},[21,63343,11842,63344,11845,63346,11848,63348,11851],{},[16,63345,10714],{},[16,63347,10934],{},[16,63349,210],{},[30,63351,1596],{"id":1595},[38,63353,63354,63358,63364],{},[41,63355,63356,11860],{},[16,63357,10670],{},[41,63359,63360,11865,63362,11869],{},[16,63361,203],{},[72,63363,11868],{},[41,63365,11872,63366,104],{},[72,63367,11875],{},[1606,63369,10618],{},{"title":273,"searchDepth":308,"depth":308,"links":63371},[63372,63373,63374,63375,63376,63382,63387],{"id":60,"depth":308,"text":61},{"id":128,"depth":308,"text":129},{"id":155,"depth":308,"text":156},{"id":7714,"depth":308,"text":7715},{"id":189,"depth":308,"text":190,"children":63377},[63378,63379,63380,63381],{"id":10915,"depth":324,"text":11887},{"id":10950,"depth":324,"text":11889},{"id":11112,"depth":324,"text":11891},{"id":11298,"depth":324,"text":11299},{"id":1945,"depth":308,"text":1946,"children":63383},[63384,63385,63386],{"id":11325,"depth":324,"text":11326},{"id":11334,"depth":324,"text":11335},{"id":11343,"depth":324,"text":11344},{"id":1595,"depth":308,"text":1596},{"script":63389},[63390],{"type":1632,"key":1633,"data-nuxt-schema-org":327,"nodes":63391},[63392],{"headline":10661,"author":63393,"datePublished":11909,"@type":1640},{"name":1637,"@type":1638},{"updatedAt":11909,"coverCaption":11911,"author":1637,"keywords":63395},[1645,10670,203,687,11913],[63397],{"headline":10661,"author":63398,"datePublished":11909,"@type":1640},{"name":1637,"@type":1638},{"title":10661,"description":11902},[63401,63402,63403,63404],{"tag":1660,"color":1661},{"tag":1668,"color":1669},{"tag":3164,"color":3165},{"tag":9074,"color":9075},{"id":11927,"title":11928,"body":63406,"cover":13059,"coverAlt":13060,"date":13061,"description":13062,"draft":1627,"extension":1628,"head":64386,"locale":1641,"meta":64392,"navigation":327,"path":13073,"schemaOrg":64394,"seo":64397,"series":1653,"seriesDescription":1654,"seriesOrder":308,"seriesTitle":1655,"slug":1656,"stem":13078,"tags":64398,"__hash__":13084},{"type":8,"value":63407,"toc":64372},[63408,63416,63420,63426,63432,63434,63438,63454,63466,63468,63488,63492,63498,63500,63514,63518,63522,63580,63584,63592,63594,63602,63708,63712,63718,63722,63742,63748,63886,63894,63946,63948,63954,63960,63962,63972,63976,63984,63986,63990,63992,63996,64176,64346,64348,64370],[11,63409,11934,63410,225,63412,225,63414,19],{"id":11933},[16,63411,11937],{},[16,63413,11940],{},[16,63415,10733],{},[21,63417,11945,63418],{},[72,63419,11948],{},[21,63421,11951,63422,11954,63424,104],{},[72,63423,971],{},[72,63425,271],{},[21,63427,11959,63428,11963,63430,104],{},[72,63429,11962],{},[72,63431,11966],{},[30,63433,11970],{"id":11969},[21,63435,11973,63436,11976],{},[72,63437,971],{},[10089,63439,63440,63444,63448],{},[41,63441,63442],{},[16,63443,11937],{},[41,63445,63446],{},[16,63447,11940],{},[41,63449,11989,63450,5245,63452,19],{},[16,63451,10670],{},[16,63453,203],{},[21,63455,11996,63456,11999,63458,12002,63460,12006,63462,1697,63464,104],{},[72,63457,271],{},[16,63459,3235],{},[72,63461,12005],{},[16,63463,11937],{},[16,63465,11940],{},[21,63467,12013],{},[38,63469,63470,63476,63482],{},[41,63471,63472,12022],{},[72,63473,63474],{},[16,63475,11937],{},[41,63477,63478,12029],{},[72,63479,63480],{},[16,63481,11940],{},[41,63483,63484,12036],{},[72,63485,63486],{},[16,63487,10733],{},[30,63489,63490,12042],{"id":12039},[16,63491,11937],{},[21,63493,63494,9305,63496,104],{},[16,63495,11937],{},[72,63497,12049],{},[21,63499,12052],{},[38,63501,63502,63506,63510],{},[41,63503,63504],{},[16,63505,12059],{},[41,63507,63508],{},[16,63509,1732],{},[41,63511,63512],{},[16,63513,12068],{},[21,63515,12071,63516,12075],{},[72,63517,12074],{},[21,63519,12078,63520,104],{},[72,63521,12081],{},[267,63523,63525],{"className":269,"code":12084,"filename":9339,"highlights":63524,"language":272,"meta":273,"style":273},[324,331,346],[16,63526,63527,63535,63543,63550,63563,63568,63572],{"__ignoreMap":273},[277,63528,63529,63531,63533],{"class":279,"line":280},[277,63530,284],{"class":283},[277,63532,288],{"class":287},[277,63534,305],{"class":283},[277,63536,63537,63539,63541],{"class":279,"line":308},[277,63538,1057],{"class":311},[277,63540,1060],{"class":311},[277,63542,343],{"class":283},[277,63544,63546,63548],{"class":63545,"line":324},[279,9398],[277,63547,12109],{"class":291},[277,63549,473],{"class":283},[277,63551,63553,63555,63557,63559,63561],{"class":63552,"line":331},[279,9398],[277,63554,2881],{"class":283},[277,63556,2352],{"class":291},[277,63558,448],{"class":283},[277,63560,12123],{"class":301},[277,63562,433],{"class":283},[277,63564,63566],{"class":63565,"line":346},[279,9398],[277,63567,542],{"class":283},[277,63569,63570],{"class":279,"line":360},[277,63571,394],{"class":283},[277,63573,63574,63576,63578],{"class":279,"line":371},[277,63575,785],{"class":283},[277,63577,288],{"class":287},[277,63579,305],{"class":283},[30,63581,63582,12148],{"id":12145},[16,63583,11940],{},[21,63585,12151,63586,12154,63588,12158,63590,104],{},[16,63587,11940],{},[72,63589,12157],{},[72,63591,12161],{},[21,63593,12164],{},[38,63595,63596,63598,63600],{},[41,63597,12169],{},[41,63599,12172],{},[41,63601,12175],{},[267,63603,63605],{"className":269,"code":12178,"filename":9339,"highlights":63604,"language":272,"meta":273,"style":273},[381,391,397],[16,63606,63607,63615,63623,63629,63635,63639,63643,63647,63656,63691,63696,63700],{"__ignoreMap":273},[277,63608,63609,63611,63613],{"class":279,"line":280},[277,63610,284],{"class":283},[277,63612,288],{"class":287},[277,63614,305],{"class":283},[277,63616,63617,63619,63621],{"class":279,"line":308},[277,63618,1057],{"class":311},[277,63620,1060],{"class":311},[277,63622,343],{"class":283},[277,63624,63625,63627],{"class":279,"line":324},[277,63626,1086],{"class":291},[277,63628,473],{"class":283},[277,63630,63631,63633],{"class":279,"line":331},[277,63632,1093],{"class":311},[277,63634,343],{"class":283},[277,63636,63637],{"class":279,"line":346},[277,63638,12214],{"class":283},[277,63640,63641],{"class":279,"line":360},[277,63642,1126],{"class":283},[277,63644,63645],{"class":279,"line":371},[277,63646,1131],{"class":283},[277,63648,63650,63652,63654],{"class":63649,"line":381},[279,9398],[277,63651,1248],{"class":311},[277,63653,12230],{"class":291},[277,63655,473],{"class":283},[277,63657,63659,63661,63663,63665,63667,63669,63671,63673,63675,63677,63679,63681,63683,63685,63687,63689],{"class":63658,"line":391},[279,9398],[277,63660,4724],{"class":356},[277,63662,12240],{"class":283},[277,63664,298],{"class":311},[277,63666,487],{"class":311},[277,63668,490],{"class":291},[277,63670,448],{"class":283},[277,63672,11061],{"class":301},[277,63674,1895],{"class":283},[277,63676,12255],{"class":291},[277,63678,2334],{"class":283},[277,63680,12260],{"class":349},[277,63682,2340],{"class":283},[277,63684,601],{"class":311},[277,63686,12267],{"class":283},[277,63688,566],{"class":291},[277,63690,2266],{"class":283},[277,63692,63694],{"class":63693,"line":397},[279,9398],[277,63695,542],{"class":283},[277,63697,63698],{"class":279,"line":402},[277,63699,394],{"class":283},[277,63701,63702,63704,63706],{"class":279,"line":436},[277,63703,785],{"class":283},[277,63705,288],{"class":287},[277,63707,305],{"class":283},[30,63709,63710,12294],{"id":12291},[16,63711,10733],{},[21,63713,12297,63714,225,63716,12302],{},[72,63715,271],{},[16,63717,3235],{},[21,63719,12305,63720,12308],{},[16,63721,10733],{},[38,63723,63724,63728,63732,63736,63740],{},[41,63725,63726],{},[16,63727,1927],{},[41,63729,63730],{},[16,63731,12319],{},[41,63733,63734],{},[16,63735,1732],{},[41,63737,63738],{},[16,63739,1735],{},[41,63741,12330],{},[21,63743,12333,63744,9305,63746,12339],{},[16,63745,10733],{},[72,63747,12338],{},[267,63749,63751],{"className":269,"code":12342,"filename":9339,"highlights":63750,"language":272,"meta":273,"style":273},[371],[16,63752,63753,63763,63773,63777,63793,63815,63819,63832,63840,63844,63852,63866,63870,63878],{"__ignoreMap":273},[277,63754,63755,63757,63759,63761],{"class":279,"line":280},[277,63756,284],{"class":283},[277,63758,288],{"class":287},[277,63760,292],{"class":291},[277,63762,305],{"class":283},[277,63764,63765,63767,63769,63771],{"class":279,"line":308},[277,63766,312],{"class":311},[277,63768,12362],{"class":283},[277,63770,318],{"class":311},[277,63772,321],{"class":301},[277,63774,63775],{"class":279,"line":324},[277,63776,328],{"emptyLinePlaceholder":327},[277,63778,63779,63781,63783,63785,63787,63789,63791],{"class":279,"line":331},[277,63780,405],{"class":311},[277,63782,9380],{"class":356},[277,63784,340],{"class":311},[277,63786,413],{"class":291},[277,63788,448],{"class":283},[277,63790,3542],{"class":356},[277,63792,433],{"class":283},[277,63794,63795,63797,63799,63801,63803,63805,63807,63809,63811,63813],{"class":279,"line":346},[277,63796,405],{"class":311},[277,63798,12393],{"class":356},[277,63800,340],{"class":311},[277,63802,2200],{"class":291},[277,63804,2203],{"class":283},[277,63806,601],{"class":311},[277,63808,12404],{"class":283},[277,63810,12407],{"class":311},[277,63812,12410],{"class":356},[277,63814,433],{"class":283},[277,63816,63817],{"class":279,"line":360},[277,63818,328],{"emptyLinePlaceholder":327},[277,63820,63822,63824,63826,63828,63830],{"class":63821,"line":371},[279,9398],[277,63823,12422],{"class":283},[277,63825,2352],{"class":291},[277,63827,448],{"class":283},[277,63829,12429],{"class":301},[277,63831,433],{"class":283},[277,63833,63834,63836,63838],{"class":279,"line":381},[277,63835,785],{"class":283},[277,63837,288],{"class":287},[277,63839,305],{"class":283},[277,63841,63842],{"class":279,"line":391},[277,63843,328],{"emptyLinePlaceholder":327},[277,63845,63846,63848,63850],{"class":279,"line":397},[277,63847,284],{"class":283},[277,63849,802],{"class":287},[277,63851,305],{"class":283},[277,63853,63854,63856,63858,63860,63862,63864],{"class":279,"line":402},[277,63855,810],{"class":283},[277,63857,4267],{"class":287},[277,63859,4278],{"class":291},[277,63861,298],{"class":283},[277,63863,12464],{"class":301},[277,63865,305],{"class":283},[277,63867,63868],{"class":279,"line":436},[277,63869,12471],{"class":283},[277,63871,63872,63874,63876],{"class":279,"line":456},[277,63873,954],{"class":283},[277,63875,4267],{"class":287},[277,63877,305],{"class":283},[277,63879,63880,63882,63884],{"class":279,"line":461},[277,63881,785],{"class":283},[277,63883,802],{"class":287},[277,63885,305],{"class":283},[30,63887,12491,63888,12494,63890,12494,63892],{"id":12490},[16,63889,11937],{},[16,63891,11940],{},[16,63893,10733],{},[5392,63895,63896,63908],{},[5395,63897,63898],{},[5398,63899,63900,63902,63904,63906],{},[5401,63901,12507],{},[5401,63903,12510],{},[5401,63905,12513],{},[5401,63907,12516],{},[5414,63909,63910,63922,63934],{},[5398,63911,63912,63916,63918,63920],{},[5419,63913,63914],{},[16,63915,11937],{},[5419,63917,12527],{},[5419,63919,12530],{},[5419,63921,12533],{},[5398,63923,63924,63928,63930,63932],{},[5419,63925,63926],{},[16,63927,11940],{},[5419,63929,12527],{},[5419,63931,12544],{},[5419,63933,12547],{},[5398,63935,63936,63940,63942,63944],{},[5419,63937,63938],{},[16,63939,10733],{},[5419,63941,12556],{},[5419,63943,12559],{},[5419,63945,12562],{},[30,63947,12566],{"id":12565},[192,63949,12570,63950,12573,63952],{"id":12569},[16,63951,11940],{},[16,63953,10733],{},[21,63955,12578,63956,12581,63958,12584],{},[16,63957,11940],{},[16,63959,10733],{},[21,63961,12587],{},[38,63963,63964,63968],{},[41,63965,63966,12594],{},[16,63967,203],{},[41,63969,63970,12599],{},[16,63971,687],{},[192,63973,12603,63974,12606],{"id":12602},[16,63975,11937],{},[21,63977,12609,63978,12613,63980,12616,63982,12619],{},[72,63979,12612],{},[16,63981,10733],{},[16,63983,11940],{},[192,63985,12623],{"id":12622},[21,63987,12626,63988,12630],{},[72,63989,12629],{},[30,63991,12634],{"id":12633},[21,63993,12637,63994,12641],{},[72,63995,12640],{},[267,63997,63998],{"className":269,"code":12644,"filename":271,"language":272,"meta":273,"style":273},[16,63999,64000,64010,64020,64024,64036,64040,64050,64082,64086,64090,64094,64100,64108,64112,64120,64128,64148,64152,64160,64168],{"__ignoreMap":273},[277,64001,64002,64004,64006,64008],{"class":279,"line":280},[277,64003,284],{"class":283},[277,64005,288],{"class":287},[277,64007,292],{"class":291},[277,64009,305],{"class":283},[277,64011,64012,64014,64016,64018],{"class":279,"line":308},[277,64013,312],{"class":311},[277,64015,11006],{"class":283},[277,64017,318],{"class":311},[277,64019,321],{"class":301},[277,64021,64022],{"class":279,"line":324},[277,64023,328],{"emptyLinePlaceholder":327},[277,64025,64026,64028,64030,64032,64034],{"class":279,"line":331},[277,64027,405],{"class":311},[277,64029,11021],{"class":356},[277,64031,340],{"class":311},[277,64033,413],{"class":291},[277,64035,11028],{"class":283},[277,64037,64038],{"class":279,"line":346},[277,64039,328],{"emptyLinePlaceholder":327},[277,64041,64042,64044,64046,64048],{"class":279,"line":360},[277,64043,464],{"class":311},[277,64045,467],{"class":311},[277,64047,11041],{"class":291},[277,64049,473],{"class":283},[277,64051,64052,64054,64056,64058,64060,64062,64064,64066,64068,64070,64072,64074,64076,64078,64080],{"class":279,"line":371},[277,64053,11068],{"class":283},[277,64055,298],{"class":311},[277,64057,487],{"class":311},[277,64059,490],{"class":291},[277,64061,448],{"class":283},[277,64063,11061],{"class":301},[277,64065,1895],{"class":283},[277,64067,12255],{"class":291},[277,64069,2334],{"class":283},[277,64071,12260],{"class":349},[277,64073,2340],{"class":283},[277,64075,601],{"class":311},[277,64077,12267],{"class":283},[277,64079,566],{"class":291},[277,64081,2266],{"class":283},[277,64083,64084],{"class":279,"line":381},[277,64085,394],{"class":283},[277,64087,64088],{"class":279,"line":391},[277,64089,328],{"emptyLinePlaceholder":327},[277,64091,64092],{"class":279,"line":397},[277,64093,12742],{"class":12741},[277,64095,64096,64098],{"class":279,"line":402},[277,64097,11092],{"class":291},[277,64099,622],{"class":283},[277,64101,64102,64104,64106],{"class":279,"line":436},[277,64103,785],{"class":283},[277,64105,288],{"class":287},[277,64107,305],{"class":283},[277,64109,64110],{"class":279,"line":456},[277,64111,328],{"emptyLinePlaceholder":327},[277,64113,64114,64116,64118],{"class":279,"line":461},[277,64115,284],{"class":283},[277,64117,802],{"class":287},[277,64119,305],{"class":283},[277,64121,64122,64124,64126],{"class":279,"line":476},[277,64123,810],{"class":283},[277,64125,38],{"class":287},[277,64127,305],{"class":283},[277,64129,64130,64132,64134,64136,64138,64140,64142,64144,64146],{"class":279,"line":500},[277,64131,829],{"class":283},[277,64133,41],{"class":287},[277,64135,12785],{"class":291},[277,64137,298],{"class":283},[277,64139,12790],{"class":301},[277,64141,4317],{"class":291},[277,64143,298],{"class":283},[277,64145,12797],{"class":301},[277,64147,305],{"class":283},[277,64149,64150],{"class":279,"line":505},[277,64151,12804],{"class":283},[277,64153,64154,64156,64158],{"class":279,"line":520},[277,64155,922],{"class":283},[277,64157,41],{"class":287},[277,64159,305],{"class":283},[277,64161,64162,64164,64166],{"class":279,"line":539},[277,64163,954],{"class":283},[277,64165,38],{"class":287},[277,64167,305],{"class":283},[277,64169,64170,64172,64174],{"class":279,"line":545},[277,64171,785],{"class":283},[277,64173,802],{"class":287},[277,64175,305],{"class":283},[267,64177,64178],{"className":269,"code":12831,"filename":971,"language":272,"meta":273,"style":273},[16,64179,64180,64188,64196,64202,64208,64212,64216,64220,64228,64262,64266,64270,64278,64282,64290,64298,64318,64322,64330,64338],{"__ignoreMap":273},[277,64181,64182,64184,64186],{"class":279,"line":280},[277,64183,284],{"class":283},[277,64185,288],{"class":287},[277,64187,305],{"class":283},[277,64189,64190,64192,64194],{"class":279,"line":308},[277,64191,1057],{"class":311},[277,64193,1060],{"class":311},[277,64195,343],{"class":283},[277,64197,64198,64200],{"class":279,"line":324},[277,64199,1086],{"class":291},[277,64201,473],{"class":283},[277,64203,64204,64206],{"class":279,"line":331},[277,64205,1093],{"class":311},[277,64207,343],{"class":283},[277,64209,64210],{"class":279,"line":346},[277,64211,12214],{"class":283},[277,64213,64214],{"class":279,"line":360},[277,64215,1126],{"class":283},[277,64217,64218],{"class":279,"line":371},[277,64219,1131],{"class":283},[277,64221,64222,64224,64226],{"class":279,"line":381},[277,64223,1248],{"class":311},[277,64225,12230],{"class":291},[277,64227,473],{"class":283},[277,64229,64230,64232,64234,64236,64238,64240,64242,64244,64246,64248,64250,64252,64254,64256,64258,64260],{"class":279,"line":391},[277,64231,4724],{"class":356},[277,64233,12240],{"class":283},[277,64235,298],{"class":311},[277,64237,487],{"class":311},[277,64239,490],{"class":291},[277,64241,448],{"class":283},[277,64243,11061],{"class":301},[277,64245,1895],{"class":283},[277,64247,12255],{"class":291},[277,64249,2334],{"class":283},[277,64251,12260],{"class":349},[277,64253,2340],{"class":283},[277,64255,601],{"class":311},[277,64257,12267],{"class":283},[277,64259,566],{"class":291},[277,64261,2266],{"class":283},[277,64263,64264],{"class":279,"line":397},[277,64265,542],{"class":283},[277,64267,64268],{"class":279,"line":402},[277,64269,394],{"class":283},[277,64271,64272,64274,64276],{"class":279,"line":436},[277,64273,785],{"class":283},[277,64275,288],{"class":287},[277,64277,305],{"class":283},[277,64279,64280],{"class":279,"line":456},[277,64281,328],{"emptyLinePlaceholder":327},[277,64283,64284,64286,64288],{"class":279,"line":461},[277,64285,284],{"class":283},[277,64287,802],{"class":287},[277,64289,305],{"class":283},[277,64291,64292,64294,64296],{"class":279,"line":476},[277,64293,810],{"class":283},[277,64295,38],{"class":287},[277,64297,305],{"class":283},[277,64299,64300,64302,64304,64306,64308,64310,64312,64314,64316],{"class":279,"line":500},[277,64301,829],{"class":283},[277,64303,41],{"class":287},[277,64305,12785],{"class":291},[277,64307,298],{"class":283},[277,64309,12790],{"class":301},[277,64311,4317],{"class":291},[277,64313,298],{"class":283},[277,64315,12797],{"class":301},[277,64317,305],{"class":283},[277,64319,64320],{"class":279,"line":505},[277,64321,12804],{"class":283},[277,64323,64324,64326,64328],{"class":279,"line":520},[277,64325,922],{"class":283},[277,64327,41],{"class":287},[277,64329,305],{"class":283},[277,64331,64332,64334,64336],{"class":279,"line":539},[277,64333,954],{"class":283},[277,64335,38],{"class":287},[277,64337,305],{"class":283},[277,64339,64340,64342,64344],{"class":279,"line":545},[277,64341,785],{"class":283},[277,64343,802],{"class":287},[277,64345,305],{"class":283},[30,64347,13003],{"id":13002},[38,64349,64350,64356,64364],{},[41,64351,13008,64352,13014],{},[72,64353,64354,13013],{},[16,64355,10733],{},[41,64357,13017,64358,13020,64360,13026],{},[72,64359,971],{},[72,64361,64362,13025],{},[16,64363,11940],{},[41,64365,13029,64366,13035],{},[72,64367,64368,13034],{},[16,64369,11937],{},[1606,64371,13038],{},{"title":273,"searchDepth":308,"depth":308,"links":64373},[64374,64375,64376,64377,64378,64379,64384,64385],{"id":11969,"depth":308,"text":11970},{"id":12039,"depth":308,"text":13043},{"id":12145,"depth":308,"text":13045},{"id":12291,"depth":308,"text":13047},{"id":12490,"depth":308,"text":13049},{"id":12565,"depth":308,"text":12566,"children":64380},[64381,64382,64383],{"id":12569,"depth":324,"text":13053},{"id":12602,"depth":324,"text":13055},{"id":12622,"depth":324,"text":12623},{"id":12633,"depth":308,"text":12634},{"id":13002,"depth":308,"text":13003},{"script":64387},[64388],{"type":1632,"key":1633,"data-nuxt-schema-org":327,"nodes":64389},[64390],{"headline":11928,"author":64391,"datePublished":13069,"@type":1640},{"name":1637,"@type":1638},{"updatedAt":13069,"coverCaption":13071,"author":1637,"keywords":64393},[1645,11937,11940,10733,271],[64395],{"headline":11928,"author":64396,"datePublished":13069,"@type":1640},{"name":1637,"@type":1638},{"title":11928,"description":13062},[64399,64400,64401,64402],{"tag":1660,"color":1661},{"tag":1668,"color":1669},{"tag":3167,"color":3168},{"tag":9074,"color":9075},{"id":13086,"title":13087,"body":64404,"cover":15680,"coverAlt":13087,"date":15681,"description":15682,"draft":1627,"extension":1628,"head":66755,"locale":1641,"meta":66761,"navigation":327,"path":15695,"schemaOrg":66763,"seo":66766,"series":1653,"seriesDescription":1654,"seriesOrder":280,"seriesTitle":1655,"slug":1656,"stem":15700,"tags":66767,"__hash__":15706},{"type":8,"value":64405,"toc":66734},[64406,64408,64410,64416,64418,64422,64440,64442,64456,64460,64462,64464,64498,64500,64506,64508,64512,64516,64572,64580,64584,64588,64590,64598,64700,64708,64712,64716,64718,64728,64798,64804,64806,64810,64812,64820,64826,64830,64832,64896,64952,64958,64962,64966,64968,64978,65042,65098,65100,65104,65106,65112,65116,65118,65182,65238,65244,65248,65250,65256,65320,65376,65378,65380,65384,65390,65394,65458,65514,65520,65524,65526,65534,65655,65756,65760,65766,65772,65776,65840,65896,65902,65906,65970,66026,66028,66034,66038,66112,66178,66180,66184,66186,66190,66194,66262,66322,66326,66330,66398,66458,66460,66466,66470,66472,66540,66598,66600,66602,66626,66628,66646,66650,66652,66656,66726,66732],[11,64407,13093],{"id":13092},[30,64409,33],{"id":32},[21,64411,13098,64412,13102,64414,13106],{},[72,64413,13101],{},[72,64415,13105],{},[11,64417,61],{"id":60},[21,64419,13111,64420,13115],{},[72,64421,13114],{},[10089,64423,64424,64428,64432,64436],{},[41,64425,64426],{},[72,64427,13122],{},[41,64429,64430],{},[72,64431,13127],{},[41,64433,64434],{},[72,64435,13132],{},[41,64437,64438],{},[72,64439,13137],{},[21,64441,13140],{},[38,64443,64444,64448,64450,64452],{},[41,64445,13145,64446],{},[16,64447,5176],{},[41,64449,13150],{},[41,64451,13153],{},[41,64453,64454],{},[72,64455,13158],{},[21,64457,13161,64458,13165],{},[72,64459,13164],{},[30,64461,13169],{"id":13168},[21,64463,13172],{},[38,64465,64466,64470,64474,64478,64482,64486,64490,64494],{},[41,64467,64468],{},[13178,64469,11928],{"href":13180},[41,64471,64472],{},[13178,64473,10661],{"href":13185},[41,64475,64476],{},[13178,64477,9079],{"href":13190},[41,64479,64480],{},[13178,64481,7505],{"href":13195},[41,64483,64484],{},[13178,64485,13201],{"href":13200},[41,64487,64488],{},[13178,64489,3173],{"href":13206},[41,64491,64492],{},[13178,64493,1676],{"href":13211},[41,64495,64496],{},[13178,64497,6],{"href":13216},[11,64499,13220],{"id":13219},[21,64501,13223,64502,13227,64504,104],{},[72,64503,13226],{},[72,64505,13230],{},[21,64507,13233],{},[30,64509,64510],{"id":13236},[16,64511,11937],{},[21,64513,13241,64514,104],{},[72,64515,13244],{},[267,64517,64519],{"className":269,"code":13247,"filename":9339,"highlights":64518,"language":272,"meta":273,"style":273},[324],[16,64520,64521,64529,64537,64544,64556,64560,64564],{"__ignoreMap":273},[277,64522,64523,64525,64527],{"class":279,"line":280},[277,64524,284],{"class":283},[277,64526,288],{"class":287},[277,64528,305],{"class":283},[277,64530,64531,64533,64535],{"class":279,"line":308},[277,64532,1057],{"class":311},[277,64534,1060],{"class":311},[277,64536,343],{"class":283},[277,64538,64540,64542],{"class":64539,"line":324},[279,9398],[277,64541,12109],{"class":291},[277,64543,473],{"class":283},[277,64545,64546,64548,64550,64552,64554],{"class":279,"line":331},[277,64547,2881],{"class":283},[277,64549,2352],{"class":291},[277,64551,448],{"class":283},[277,64553,13284],{"class":301},[277,64555,433],{"class":283},[277,64557,64558],{"class":279,"line":346},[277,64559,542],{"class":283},[277,64561,64562],{"class":279,"line":360},[277,64563,394],{"class":283},[277,64565,64566,64568,64570],{"class":279,"line":371},[277,64567,785],{"class":283},[277,64569,288],{"class":287},[277,64571,305],{"class":283},[3111,64573,64574],{},[21,64575,13307,64576,13310,64578,13313],{},[16,64577,11937],{},[16,64579,3235],{},[30,64581,64582],{"id":11940},[16,64583,11940],{},[21,64585,13320,64586,104],{},[72,64587,13323],{},[21,64589,13326],{},[38,64591,64592,64594,64596],{},[41,64593,13331],{},[41,64595,13334],{},[41,64597,13337],{},[267,64599,64601],{"className":269,"code":13340,"filename":9339,"highlights":64600,"language":272,"meta":273,"style":273},[381],[16,64602,64603,64611,64619,64625,64631,64635,64639,64643,64652,64684,64688,64692],{"__ignoreMap":273},[277,64604,64605,64607,64609],{"class":279,"line":280},[277,64606,284],{"class":283},[277,64608,288],{"class":287},[277,64610,305],{"class":283},[277,64612,64613,64615,64617],{"class":279,"line":308},[277,64614,1057],{"class":311},[277,64616,1060],{"class":311},[277,64618,343],{"class":283},[277,64620,64621,64623],{"class":279,"line":324},[277,64622,1086],{"class":291},[277,64624,473],{"class":283},[277,64626,64627,64629],{"class":279,"line":331},[277,64628,1093],{"class":311},[277,64630,343],{"class":283},[277,64632,64633],{"class":279,"line":346},[277,64634,12214],{"class":283},[277,64636,64637],{"class":279,"line":360},[277,64638,1126],{"class":283},[277,64640,64641],{"class":279,"line":371},[277,64642,1131],{"class":283},[277,64644,64646,64648,64650],{"class":64645,"line":381},[279,9398],[277,64647,1248],{"class":311},[277,64649,12230],{"class":291},[277,64651,473],{"class":283},[277,64653,64654,64656,64658,64660,64662,64664,64666,64668,64670,64672,64674,64676,64678,64680,64682],{"class":279,"line":391},[277,64655,4724],{"class":356},[277,64657,12240],{"class":283},[277,64659,298],{"class":311},[277,64661,487],{"class":311},[277,64663,490],{"class":291},[277,64665,448],{"class":283},[277,64667,11061],{"class":301},[277,64669,1895],{"class":283},[277,64671,12255],{"class":291},[277,64673,448],{"class":283},[277,64675,12260],{"class":349},[277,64677,2226],{"class":311},[277,64679,12267],{"class":283},[277,64681,566],{"class":291},[277,64683,2266],{"class":283},[277,64685,64686],{"class":279,"line":397},[277,64687,542],{"class":283},[277,64689,64690],{"class":279,"line":402},[277,64691,394],{"class":283},[277,64693,64694,64696,64698],{"class":279,"line":436},[277,64695,785],{"class":283},[277,64697,288],{"class":287},[277,64699,305],{"class":283},[3111,64701,64702],{},[21,64703,13307,64704,13310,64706,13313],{},[16,64705,11940],{},[16,64707,3235],{},[30,64709,64710],{"id":10733},[16,64711,3235],{},[21,64713,13455,64714,104],{},[72,64715,13458],{},[21,64717,13461],{},[38,64719,64720,64722,64724,64726],{},[41,64721,13466],{},[41,64723,13469],{},[41,64725,3238],{},[41,64727,13474],{},[267,64729,64731],{"className":269,"code":13477,"filename":9339,"highlights":64730,"language":272,"meta":273,"style":273},[280],[16,64732,64733,64744,64754,64758,64774,64778,64790],{"__ignoreMap":273},[277,64734,64736,64738,64740,64742],{"class":64735,"line":280},[279,9398],[277,64737,284],{"class":283},[277,64739,288],{"class":287},[277,64741,292],{"class":291},[277,64743,305],{"class":283},[277,64745,64746,64748,64750,64752],{"class":279,"line":308},[277,64747,312],{"class":311},[277,64749,11006],{"class":283},[277,64751,318],{"class":311},[277,64753,321],{"class":301},[277,64755,64756],{"class":279,"line":324},[277,64757,328],{"emptyLinePlaceholder":327},[277,64759,64760,64762,64764,64766,64768,64770,64772],{"class":279,"line":331},[277,64761,405],{"class":311},[277,64763,9380],{"class":356},[277,64765,340],{"class":311},[277,64767,413],{"class":291},[277,64769,448],{"class":283},[277,64771,3542],{"class":356},[277,64773,433],{"class":283},[277,64775,64776],{"class":279,"line":346},[277,64777,328],{"emptyLinePlaceholder":327},[277,64779,64780,64782,64784,64786,64788],{"class":279,"line":360},[277,64781,12422],{"class":283},[277,64783,2352],{"class":291},[277,64785,448],{"class":283},[277,64787,13536],{"class":301},[277,64789,433],{"class":283},[277,64791,64792,64794,64796],{"class":279,"line":371},[277,64793,785],{"class":283},[277,64795,288],{"class":287},[277,64797,305],{"class":283},[3111,64799,64800],{},[21,64801,13307,64802,13553],{},[16,64803,3235],{},[11,64805,13557],{"id":13556},[21,64807,13223,64808,104],{},[72,64809,13562],{},[21,64811,13565],{},[38,64813,64814,64816,64818],{},[41,64815,13570],{},[41,64817,13573],{},[41,64819,13576],{},[30,64821,64822,5245,64824],{"id":13579},[16,64823,11435],{},[16,64825,10670],{},[21,64827,13241,64828,104],{},[72,64829,13588],{},[21,64831,13591],{},[267,64833,64835],{"className":269,"code":13594,"filename":271,"highlights":64834,"language":272,"meta":273,"style":273},[331],[16,64836,64837,64847,64857,64861,64872,64884,64888],{"__ignoreMap":273},[277,64838,64839,64841,64843,64845],{"class":279,"line":280},[277,64840,284],{"class":283},[277,64842,288],{"class":287},[277,64844,292],{"class":291},[277,64846,305],{"class":283},[277,64848,64849,64851,64853,64855],{"class":279,"line":308},[277,64850,312],{"class":311},[277,64852,13614],{"class":283},[277,64854,318],{"class":311},[277,64856,321],{"class":301},[277,64858,64859],{"class":279,"line":324},[277,64860,328],{"emptyLinePlaceholder":327},[277,64862,64864,64866,64868,64870],{"class":64863,"line":331},[279,9398],[277,64865,11435],{"class":291},[277,64867,2203],{"class":283},[277,64869,601],{"class":311},[277,64871,343],{"class":283},[277,64873,64874,64876,64878,64880,64882],{"class":279,"line":346},[277,64875,2349],{"class":283},[277,64877,2352],{"class":291},[277,64879,448],{"class":283},[277,64881,13644],{"class":301},[277,64883,433],{"class":283},[277,64885,64886],{"class":279,"line":360},[277,64887,676],{"class":283},[277,64889,64890,64892,64894],{"class":279,"line":371},[277,64891,785],{"class":283},[277,64893,288],{"class":287},[277,64895,305],{"class":283},[267,64897,64899],{"className":269,"code":13661,"filename":971,"highlights":64898,"language":272,"meta":273,"style":273},[324],[16,64900,64901,64909,64917,64924,64936,64940,64944],{"__ignoreMap":273},[277,64902,64903,64905,64907],{"class":279,"line":280},[277,64904,284],{"class":283},[277,64906,288],{"class":287},[277,64908,305],{"class":283},[277,64910,64911,64913,64915],{"class":279,"line":308},[277,64912,1057],{"class":311},[277,64914,1060],{"class":311},[277,64916,343],{"class":283},[277,64918,64920,64922],{"class":64919,"line":324},[279,9398],[277,64921,11655],{"class":291},[277,64923,473],{"class":283},[277,64925,64926,64928,64930,64932,64934],{"class":279,"line":331},[277,64927,2881],{"class":283},[277,64929,2352],{"class":291},[277,64931,448],{"class":283},[277,64933,13698],{"class":301},[277,64935,433],{"class":283},[277,64937,64938],{"class":279,"line":346},[277,64939,542],{"class":283},[277,64941,64942],{"class":279,"line":360},[277,64943,394],{"class":283},[277,64945,64946,64948,64950],{"class":279,"line":371},[277,64947,785],{"class":283},[277,64949,288],{"class":287},[277,64951,305],{"class":283},[30,64953,64954,5245,64956],{"id":13719},[16,64955,687],{},[16,64957,203],{},[21,64959,13241,64960,104],{},[72,64961,13728],{},[21,64963,13731,64964,104],{},[72,64965,13734],{},[21,64967,13737],{},[38,64969,64970,64972,64974,64976],{},[41,64971,13742],{},[41,64973,13745],{},[41,64975,13748],{},[41,64977,13751],{},[267,64979,64981],{"className":269,"code":13754,"filename":271,"highlights":64980,"language":272,"meta":273,"style":273},[331],[16,64982,64983,64993,65003,65007,65018,65030,65034],{"__ignoreMap":273},[277,64984,64985,64987,64989,64991],{"class":279,"line":280},[277,64986,284],{"class":283},[277,64988,288],{"class":287},[277,64990,292],{"class":291},[277,64992,305],{"class":283},[277,64994,64995,64997,64999,65001],{"class":279,"line":308},[277,64996,312],{"class":311},[277,64998,13774],{"class":283},[277,65000,318],{"class":311},[277,65002,321],{"class":301},[277,65004,65005],{"class":279,"line":324},[277,65006,328],{"emptyLinePlaceholder":327},[277,65008,65010,65012,65014,65016],{"class":65009,"line":331},[279,9398],[277,65011,687],{"class":291},[277,65013,2203],{"class":283},[277,65015,601],{"class":311},[277,65017,343],{"class":283},[277,65019,65020,65022,65024,65026,65028],{"class":279,"line":346},[277,65021,2349],{"class":283},[277,65023,2352],{"class":291},[277,65025,448],{"class":283},[277,65027,13804],{"class":301},[277,65029,433],{"class":283},[277,65031,65032],{"class":279,"line":360},[277,65033,676],{"class":283},[277,65035,65036,65038,65040],{"class":279,"line":371},[277,65037,785],{"class":283},[277,65039,288],{"class":287},[277,65041,305],{"class":283},[267,65043,65045],{"className":269,"code":13821,"filename":971,"highlights":65044,"language":272,"meta":273,"style":273},[324],[16,65046,65047,65055,65063,65070,65082,65086,65090],{"__ignoreMap":273},[277,65048,65049,65051,65053],{"class":279,"line":280},[277,65050,284],{"class":283},[277,65052,288],{"class":287},[277,65054,305],{"class":283},[277,65056,65057,65059,65061],{"class":279,"line":308},[277,65058,1057],{"class":311},[277,65060,1060],{"class":311},[277,65062,343],{"class":283},[277,65064,65066,65068],{"class":65065,"line":324},[279,9398],[277,65067,6784],{"class":291},[277,65069,473],{"class":283},[277,65071,65072,65074,65076,65078,65080],{"class":279,"line":331},[277,65073,2881],{"class":283},[277,65075,2352],{"class":291},[277,65077,448],{"class":283},[277,65079,13858],{"class":301},[277,65081,433],{"class":283},[277,65083,65084],{"class":279,"line":346},[277,65085,542],{"class":283},[277,65087,65088],{"class":279,"line":360},[277,65089,394],{"class":283},[277,65091,65092,65094,65096],{"class":279,"line":371},[277,65093,785],{"class":283},[277,65095,288],{"class":287},[277,65097,305],{"class":283},[11,65099,13880],{"id":13879},[21,65101,13883,65102,104],{},[72,65103,13886],{},[21,65105,13889],{},[30,65107,65108,5245,65110],{"id":13892},[16,65109,9566],{},[16,65111,9088],{},[21,65113,13241,65114,104],{},[72,65115,13901],{},[21,65117,13904],{},[267,65119,65121],{"className":269,"code":13907,"filename":271,"highlights":65120,"language":272,"meta":273,"style":273},[331],[16,65122,65123,65133,65143,65147,65158,65170,65174],{"__ignoreMap":273},[277,65124,65125,65127,65129,65131],{"class":279,"line":280},[277,65126,284],{"class":283},[277,65128,288],{"class":287},[277,65130,292],{"class":291},[277,65132,305],{"class":283},[277,65134,65135,65137,65139,65141],{"class":279,"line":308},[277,65136,312],{"class":311},[277,65138,13927],{"class":283},[277,65140,318],{"class":311},[277,65142,321],{"class":301},[277,65144,65145],{"class":279,"line":324},[277,65146,328],{"emptyLinePlaceholder":327},[277,65148,65150,65152,65154,65156],{"class":65149,"line":331},[279,9398],[277,65151,9566],{"class":291},[277,65153,2203],{"class":283},[277,65155,601],{"class":311},[277,65157,343],{"class":283},[277,65159,65160,65162,65164,65166,65168],{"class":279,"line":346},[277,65161,2349],{"class":283},[277,65163,2352],{"class":291},[277,65165,448],{"class":283},[277,65167,13957],{"class":301},[277,65169,433],{"class":283},[277,65171,65172],{"class":279,"line":360},[277,65173,676],{"class":283},[277,65175,65176,65178,65180],{"class":279,"line":371},[277,65177,785],{"class":283},[277,65179,288],{"class":287},[277,65181,305],{"class":283},[267,65183,65185],{"className":269,"code":13974,"filename":971,"highlights":65184,"language":272,"meta":273,"style":273},[324],[16,65186,65187,65195,65203,65210,65222,65226,65230],{"__ignoreMap":273},[277,65188,65189,65191,65193],{"class":279,"line":280},[277,65190,284],{"class":283},[277,65192,288],{"class":287},[277,65194,305],{"class":283},[277,65196,65197,65199,65201],{"class":279,"line":308},[277,65198,1057],{"class":311},[277,65200,1060],{"class":311},[277,65202,343],{"class":283},[277,65204,65206,65208],{"class":65205,"line":324},[279,9398],[277,65207,10268],{"class":291},[277,65209,473],{"class":283},[277,65211,65212,65214,65216,65218,65220],{"class":279,"line":331},[277,65213,2881],{"class":283},[277,65215,2352],{"class":291},[277,65217,448],{"class":283},[277,65219,14011],{"class":301},[277,65221,433],{"class":283},[277,65223,65224],{"class":279,"line":346},[277,65225,542],{"class":283},[277,65227,65228],{"class":279,"line":360},[277,65229,394],{"class":283},[277,65231,65232,65234,65236],{"class":279,"line":371},[277,65233,785],{"class":283},[277,65235,288],{"class":287},[277,65237,305],{"class":283},[30,65239,65240,5245,65242],{"id":14032},[16,65241,9401],{},[16,65243,9091],{},[21,65245,13241,65246,104],{},[72,65247,14041],{},[21,65249,14044],{},[3111,65251,65252],{},[21,65253,14049,65254,104],{},[16,65255,1735],{},[267,65257,65259],{"className":269,"code":14054,"filename":271,"highlights":65258,"language":272,"meta":273,"style":273},[331],[16,65260,65261,65271,65281,65285,65296,65308,65312],{"__ignoreMap":273},[277,65262,65263,65265,65267,65269],{"class":279,"line":280},[277,65264,284],{"class":283},[277,65266,288],{"class":287},[277,65268,292],{"class":291},[277,65270,305],{"class":283},[277,65272,65273,65275,65277,65279],{"class":279,"line":308},[277,65274,312],{"class":311},[277,65276,14074],{"class":283},[277,65278,318],{"class":311},[277,65280,321],{"class":301},[277,65282,65283],{"class":279,"line":324},[277,65284,328],{"emptyLinePlaceholder":327},[277,65286,65288,65290,65292,65294],{"class":65287,"line":331},[279,9398],[277,65289,9401],{"class":291},[277,65291,2203],{"class":283},[277,65293,601],{"class":311},[277,65295,343],{"class":283},[277,65297,65298,65300,65302,65304,65306],{"class":279,"line":346},[277,65299,2349],{"class":283},[277,65301,2352],{"class":291},[277,65303,448],{"class":283},[277,65305,14104],{"class":301},[277,65307,433],{"class":283},[277,65309,65310],{"class":279,"line":360},[277,65311,676],{"class":283},[277,65313,65314,65316,65318],{"class":279,"line":371},[277,65315,785],{"class":283},[277,65317,288],{"class":287},[277,65319,305],{"class":283},[267,65321,65323],{"className":269,"code":14121,"filename":971,"highlights":65322,"language":272,"meta":273,"style":273},[324],[16,65324,65325,65333,65341,65348,65360,65364,65368],{"__ignoreMap":273},[277,65326,65327,65329,65331],{"class":279,"line":280},[277,65328,284],{"class":283},[277,65330,288],{"class":287},[277,65332,305],{"class":283},[277,65334,65335,65337,65339],{"class":279,"line":308},[277,65336,1057],{"class":311},[277,65338,1060],{"class":311},[277,65340,343],{"class":283},[277,65342,65344,65346],{"class":65343,"line":324},[279,9398],[277,65345,10319],{"class":291},[277,65347,473],{"class":283},[277,65349,65350,65352,65354,65356,65358],{"class":279,"line":331},[277,65351,2881],{"class":283},[277,65353,2352],{"class":291},[277,65355,448],{"class":283},[277,65357,14158],{"class":301},[277,65359,433],{"class":283},[277,65361,65362],{"class":279,"line":346},[277,65363,542],{"class":283},[277,65365,65366],{"class":279,"line":360},[277,65367,394],{"class":283},[277,65369,65370,65372,65374],{"class":279,"line":371},[277,65371,785],{"class":283},[277,65373,288],{"class":287},[277,65375,305],{"class":283},[11,65377,14180],{"id":14179},[21,65379,14183],{},[21,65381,14186,65382,104],{},[72,65383,14189],{},[30,65385,65386,5245,65388],{"id":14192},[16,65387,8295],{},[16,65389,7514],{},[21,65391,13241,65392,104],{},[72,65393,14201],{},[267,65395,65397],{"className":269,"code":14204,"filename":271,"highlights":65396,"language":272,"meta":273,"style":273},[331],[16,65398,65399,65409,65419,65423,65434,65446,65450],{"__ignoreMap":273},[277,65400,65401,65403,65405,65407],{"class":279,"line":280},[277,65402,284],{"class":283},[277,65404,288],{"class":287},[277,65406,292],{"class":291},[277,65408,305],{"class":283},[277,65410,65411,65413,65415,65417],{"class":279,"line":308},[277,65412,312],{"class":311},[277,65414,14224],{"class":283},[277,65416,318],{"class":311},[277,65418,321],{"class":301},[277,65420,65421],{"class":279,"line":324},[277,65422,328],{"emptyLinePlaceholder":327},[277,65424,65426,65428,65430,65432],{"class":65425,"line":331},[279,9398],[277,65427,8295],{"class":291},[277,65429,2203],{"class":283},[277,65431,601],{"class":311},[277,65433,343],{"class":283},[277,65435,65436,65438,65440,65442,65444],{"class":279,"line":346},[277,65437,2349],{"class":283},[277,65439,2352],{"class":291},[277,65441,448],{"class":283},[277,65443,14254],{"class":301},[277,65445,433],{"class":283},[277,65447,65448],{"class":279,"line":360},[277,65449,676],{"class":283},[277,65451,65452,65454,65456],{"class":279,"line":371},[277,65453,785],{"class":283},[277,65455,288],{"class":287},[277,65457,305],{"class":283},[267,65459,65461],{"className":269,"code":14271,"filename":971,"highlights":65460,"language":272,"meta":273,"style":273},[324],[16,65462,65463,65471,65479,65486,65498,65502,65506],{"__ignoreMap":273},[277,65464,65465,65467,65469],{"class":279,"line":280},[277,65466,284],{"class":283},[277,65468,288],{"class":287},[277,65470,305],{"class":283},[277,65472,65473,65475,65477],{"class":279,"line":308},[277,65474,1057],{"class":311},[277,65476,1060],{"class":311},[277,65478,343],{"class":283},[277,65480,65482,65484],{"class":65481,"line":324},[279,9398],[277,65483,8610],{"class":291},[277,65485,473],{"class":283},[277,65487,65488,65490,65492,65494,65496],{"class":279,"line":331},[277,65489,2881],{"class":283},[277,65491,2352],{"class":291},[277,65493,448],{"class":283},[277,65495,14308],{"class":301},[277,65497,433],{"class":283},[277,65499,65500],{"class":279,"line":346},[277,65501,542],{"class":283},[277,65503,65504],{"class":279,"line":360},[277,65505,394],{"class":283},[277,65507,65508,65510,65512],{"class":279,"line":371},[277,65509,785],{"class":283},[277,65511,288],{"class":287},[277,65513,305],{"class":283},[30,65515,65516,5245,65518],{"id":14329},[16,65517,8349],{},[16,65519,5294],{},[21,65521,13241,65522,104],{},[72,65523,14338],{},[21,65525,14341],{},[38,65527,65528,65530,65532],{},[41,65529,14346],{},[41,65531,14349],{},[41,65533,14352],{},[267,65535,65537],{"className":269,"code":14355,"filename":271,"highlights":65536,"language":272,"meta":273,"style":273},[360,436],[16,65538,65539,65549,65559,65563,65569,65573,65584,65598,65610,65618,65622,65626,65637,65643,65647],{"__ignoreMap":273},[277,65540,65541,65543,65545,65547],{"class":279,"line":280},[277,65542,284],{"class":283},[277,65544,288],{"class":287},[277,65546,292],{"class":291},[277,65548,305],{"class":283},[277,65550,65551,65553,65555,65557],{"class":279,"line":308},[277,65552,312],{"class":311},[277,65554,14375],{"class":283},[277,65556,318],{"class":311},[277,65558,321],{"class":301},[277,65560,65561],{"class":279,"line":324},[277,65562,328],{"emptyLinePlaceholder":327},[277,65564,65565,65567],{"class":279,"line":331},[277,65566,7990],{"class":311},[277,65568,14390],{"class":283},[277,65570,65571],{"class":279,"line":346},[277,65572,328],{"emptyLinePlaceholder":327},[277,65574,65576,65578,65580,65582],{"class":65575,"line":360},[279,9398],[277,65577,687],{"class":291},[277,65579,2203],{"class":283},[277,65581,601],{"class":311},[277,65583,343],{"class":283},[277,65585,65586,65588,65590,65592,65594,65596],{"class":279,"line":371},[277,65587,14410],{"class":283},[277,65589,298],{"class":311},[277,65591,6100],{"class":291},[277,65593,2203],{"class":283},[277,65595,601],{"class":311},[277,65597,343],{"class":283},[277,65599,65600,65602,65604,65606,65608],{"class":279,"line":381},[277,65601,2881],{"class":283},[277,65603,2352],{"class":291},[277,65605,448],{"class":283},[277,65607,11239],{"class":301},[277,65609,433],{"class":283},[277,65611,65612,65614,65616],{"class":279,"line":391},[277,65613,6120],{"class":283},[277,65615,11248],{"class":356},[277,65617,433],{"class":283},[277,65619,65620],{"class":279,"line":397},[277,65621,676],{"class":283},[277,65623,65624],{"class":279,"line":402},[277,65625,328],{"emptyLinePlaceholder":327},[277,65627,65629,65631,65633,65635],{"class":65628,"line":436},[279,9398],[277,65630,8349],{"class":291},[277,65632,2203],{"class":283},[277,65634,601],{"class":311},[277,65636,343],{"class":283},[277,65638,65639,65641],{"class":279,"line":456},[277,65640,6165],{"class":291},[277,65642,14466],{"class":283},[277,65644,65645],{"class":279,"line":461},[277,65646,676],{"class":283},[277,65648,65649,65651,65653],{"class":279,"line":476},[277,65650,785],{"class":283},[277,65652,288],{"class":287},[277,65654,305],{"class":283},[267,65656,65658],{"className":269,"code":14481,"filename":971,"highlights":65657,"language":272,"meta":273,"style":273},[324,381],[16,65659,65660,65668,65676,65683,65699,65711,65719,65723,65730,65740,65744,65748],{"__ignoreMap":273},[277,65661,65662,65664,65666],{"class":279,"line":280},[277,65663,284],{"class":283},[277,65665,288],{"class":287},[277,65667,305],{"class":283},[277,65669,65670,65672,65674],{"class":279,"line":308},[277,65671,1057],{"class":311},[277,65673,1060],{"class":311},[277,65675,343],{"class":283},[277,65677,65679,65681],{"class":65678,"line":324},[279,9398],[277,65680,6784],{"class":291},[277,65682,473],{"class":283},[277,65684,65685,65687,65689,65691,65693,65695,65697],{"class":279,"line":331},[277,65686,4724],{"class":356},[277,65688,14514],{"class":283},[277,65690,298],{"class":311},[277,65692,6100],{"class":291},[277,65694,2203],{"class":283},[277,65696,601],{"class":311},[277,65698,343],{"class":283},[277,65700,65701,65703,65705,65707,65709],{"class":279,"line":346},[277,65702,14529],{"class":283},[277,65704,2352],{"class":291},[277,65706,448],{"class":283},[277,65708,11239],{"class":301},[277,65710,433],{"class":283},[277,65712,65713,65715,65717],{"class":279,"line":360},[277,65714,14542],{"class":283},[277,65716,11248],{"class":356},[277,65718,433],{"class":283},[277,65720,65721],{"class":279,"line":371},[277,65722,1131],{"class":283},[277,65724,65726,65728],{"class":65725,"line":381},[279,9398],[277,65727,8668],{"class":291},[277,65729,473],{"class":283},[277,65731,65732,65734,65736,65738],{"class":279,"line":391},[277,65733,14562],{"class":291},[277,65735,448],{"class":283},[277,65737,1341],{"class":356},[277,65739,14569],{"class":283},[277,65741,65742],{"class":279,"line":397},[277,65743,542],{"class":283},[277,65745,65746],{"class":279,"line":402},[277,65747,394],{"class":283},[277,65749,65750,65752,65754],{"class":279,"line":436},[277,65751,785],{"class":283},[277,65753,288],{"class":287},[277,65755,305],{"class":283},[11,65757,14589,65758],{"id":14588},[16,65759,5176],{},[21,65761,14594,65762,225,65764,14600],{},[16,65763,5176],{},[72,65765,14599],{},[30,65767,65768,5245,65770],{"id":14603},[16,65769,6217],{},[16,65771,5179],{},[21,65773,14610,65774,104],{},[72,65775,14613],{},[267,65777,65779],{"className":269,"code":14616,"filename":271,"highlights":65778,"language":272,"meta":273,"style":273},[331],[16,65780,65781,65791,65801,65805,65816,65828,65832],{"__ignoreMap":273},[277,65782,65783,65785,65787,65789],{"class":279,"line":280},[277,65784,284],{"class":283},[277,65786,288],{"class":287},[277,65788,292],{"class":291},[277,65790,305],{"class":283},[277,65792,65793,65795,65797,65799],{"class":279,"line":308},[277,65794,312],{"class":311},[277,65796,14636],{"class":283},[277,65798,318],{"class":311},[277,65800,321],{"class":301},[277,65802,65803],{"class":279,"line":324},[277,65804,328],{"emptyLinePlaceholder":327},[277,65806,65808,65810,65812,65814],{"class":65807,"line":331},[279,9398],[277,65809,6217],{"class":291},[277,65811,2203],{"class":283},[277,65813,601],{"class":311},[277,65815,343],{"class":283},[277,65817,65818,65820,65822,65824,65826],{"class":279,"line":346},[277,65819,2349],{"class":283},[277,65821,2352],{"class":291},[277,65823,448],{"class":283},[277,65825,14666],{"class":301},[277,65827,433],{"class":283},[277,65829,65830],{"class":279,"line":360},[277,65831,676],{"class":283},[277,65833,65834,65836,65838],{"class":279,"line":371},[277,65835,785],{"class":283},[277,65837,288],{"class":287},[277,65839,305],{"class":283},[267,65841,65843],{"className":269,"code":14683,"filename":971,"highlights":65842,"language":272,"meta":273,"style":273},[324],[16,65844,65845,65853,65861,65868,65880,65884,65888],{"__ignoreMap":273},[277,65846,65847,65849,65851],{"class":279,"line":280},[277,65848,284],{"class":283},[277,65850,288],{"class":287},[277,65852,305],{"class":283},[277,65854,65855,65857,65859],{"class":279,"line":308},[277,65856,1057],{"class":311},[277,65858,1060],{"class":311},[277,65860,343],{"class":283},[277,65862,65864,65866],{"class":65863,"line":324},[279,9398],[277,65865,14708],{"class":291},[277,65867,473],{"class":283},[277,65869,65870,65872,65874,65876,65878],{"class":279,"line":331},[277,65871,2881],{"class":283},[277,65873,2352],{"class":291},[277,65875,448],{"class":283},[277,65877,14666],{"class":301},[277,65879,433],{"class":283},[277,65881,65882],{"class":279,"line":346},[277,65883,542],{"class":283},[277,65885,65886],{"class":279,"line":360},[277,65887,394],{"class":283},[277,65889,65890,65892,65894],{"class":279,"line":371},[277,65891,785],{"class":283},[277,65893,288],{"class":287},[277,65895,305],{"class":283},[30,65897,65898,5245,65900],{"id":14741},[16,65899,6276],{},[16,65901,5182],{},[21,65903,14610,65904,104],{},[72,65905,14750],{},[267,65907,65909],{"className":269,"code":14753,"filename":271,"highlights":65908,"language":272,"meta":273,"style":273},[331],[16,65910,65911,65921,65931,65935,65946,65958,65962],{"__ignoreMap":273},[277,65912,65913,65915,65917,65919],{"class":279,"line":280},[277,65914,284],{"class":283},[277,65916,288],{"class":287},[277,65918,292],{"class":291},[277,65920,305],{"class":283},[277,65922,65923,65925,65927,65929],{"class":279,"line":308},[277,65924,312],{"class":311},[277,65926,14773],{"class":283},[277,65928,318],{"class":311},[277,65930,321],{"class":301},[277,65932,65933],{"class":279,"line":324},[277,65934,328],{"emptyLinePlaceholder":327},[277,65936,65938,65940,65942,65944],{"class":65937,"line":331},[279,9398],[277,65939,6276],{"class":291},[277,65941,2203],{"class":283},[277,65943,601],{"class":311},[277,65945,343],{"class":283},[277,65947,65948,65950,65952,65954,65956],{"class":279,"line":346},[277,65949,2349],{"class":283},[277,65951,2352],{"class":291},[277,65953,448],{"class":283},[277,65955,14803],{"class":301},[277,65957,433],{"class":283},[277,65959,65960],{"class":279,"line":360},[277,65961,676],{"class":283},[277,65963,65964,65966,65968],{"class":279,"line":371},[277,65965,785],{"class":283},[277,65967,288],{"class":287},[277,65969,305],{"class":283},[267,65971,65973],{"className":269,"code":14820,"filename":971,"highlights":65972,"language":272,"meta":273,"style":273},[324],[16,65974,65975,65983,65991,65998,66010,66014,66018],{"__ignoreMap":273},[277,65976,65977,65979,65981],{"class":279,"line":280},[277,65978,284],{"class":283},[277,65980,288],{"class":287},[277,65982,305],{"class":283},[277,65984,65985,65987,65989],{"class":279,"line":308},[277,65986,1057],{"class":311},[277,65988,1060],{"class":311},[277,65990,343],{"class":283},[277,65992,65994,65996],{"class":65993,"line":324},[279,9398],[277,65995,6872],{"class":291},[277,65997,473],{"class":283},[277,65999,66000,66002,66004,66006,66008],{"class":279,"line":331},[277,66001,2881],{"class":283},[277,66003,2352],{"class":291},[277,66005,448],{"class":283},[277,66007,14803],{"class":301},[277,66009,433],{"class":283},[277,66011,66012],{"class":279,"line":346},[277,66013,542],{"class":283},[277,66015,66016],{"class":279,"line":360},[277,66017,394],{"class":283},[277,66019,66020,66022,66024],{"class":279,"line":371},[277,66021,785],{"class":283},[277,66023,288],{"class":287},[277,66025,305],{"class":283},[11,66027,13150],{"id":14877},[30,66029,66030,5245,66032],{"id":14880},[16,66031,3922],{},[16,66033,3182],{},[21,66035,14887,66036,104],{},[72,66037,14890],{},[267,66039,66041],{"className":269,"code":14893,"filename":271,"highlights":66040,"language":272,"meta":273,"style":273},[331],[16,66042,66043,66053,66063,66067,66082,66094,66100,66104],{"__ignoreMap":273},[277,66044,66045,66047,66049,66051],{"class":279,"line":280},[277,66046,284],{"class":283},[277,66048,288],{"class":287},[277,66050,292],{"class":291},[277,66052,305],{"class":283},[277,66054,66055,66057,66059,66061],{"class":279,"line":308},[277,66056,312],{"class":311},[277,66058,14913],{"class":283},[277,66060,318],{"class":311},[277,66062,321],{"class":301},[277,66064,66065],{"class":279,"line":324},[277,66066,328],{"emptyLinePlaceholder":327},[277,66068,66070,66072,66074,66076,66078,66080],{"class":66069,"line":331},[279,9398],[277,66071,3922],{"class":291},[277,66073,2334],{"class":283},[277,66075,3349],{"class":349},[277,66077,2340],{"class":283},[277,66079,601],{"class":311},[277,66081,343],{"class":283},[277,66083,66084,66086,66088,66090,66092],{"class":279,"line":346},[277,66085,2349],{"class":283},[277,66087,3349],{"class":291},[277,66089,448],{"class":283},[277,66091,14947],{"class":301},[277,66093,8215],{"class":283},[277,66095,66096,66098],{"class":279,"line":360},[277,66097,2212],{"class":311},[277,66099,4031],{"class":356},[277,66101,66102],{"class":279,"line":371},[277,66103,676],{"class":283},[277,66105,66106,66108,66110],{"class":279,"line":381},[277,66107,785],{"class":283},[277,66109,288],{"class":287},[277,66111,305],{"class":283},[267,66113,66115],{"className":269,"code":14970,"filename":971,"highlights":66114,"language":272,"meta":273,"style":273},[324],[16,66116,66117,66125,66133,66144,66156,66162,66166,66170],{"__ignoreMap":273},[277,66118,66119,66121,66123],{"class":279,"line":280},[277,66120,284],{"class":283},[277,66122,288],{"class":287},[277,66124,305],{"class":283},[277,66126,66127,66129,66131],{"class":279,"line":308},[277,66128,1057],{"class":311},[277,66130,1060],{"class":311},[277,66132,343],{"class":283},[277,66134,66136,66138,66140,66142],{"class":66135,"line":324},[279,9398],[277,66137,4705],{"class":291},[277,66139,448],{"class":283},[277,66141,3349],{"class":349},[277,66143,2476],{"class":283},[277,66145,66146,66148,66150,66152,66154],{"class":279,"line":331},[277,66147,2881],{"class":283},[277,66149,3349],{"class":291},[277,66151,448],{"class":283},[277,66153,14947],{"class":301},[277,66155,8215],{"class":283},[277,66157,66158,66160],{"class":279,"line":346},[277,66159,1093],{"class":311},[277,66161,4031],{"class":356},[277,66163,66164],{"class":279,"line":360},[277,66165,542],{"class":283},[277,66167,66168],{"class":279,"line":371},[277,66169,394],{"class":283},[277,66171,66172,66174,66176],{"class":279,"line":381},[277,66173,785],{"class":283},[277,66175,288],{"class":287},[277,66177,305],{"class":283},[11,66179,15038],{"id":15037},[21,66181,15041,66182,104],{},[72,66183,15044],{},[21,66185,15047],{},[30,66187,66188],{"id":15050},[16,66189,2331],{},[21,66191,15055,66192,104],{},[72,66193,15058],{},[267,66195,66197],{"className":269,"code":15061,"filename":271,"highlights":66196,"language":272,"meta":273,"style":273},[331],[16,66198,66199,66209,66219,66223,66238,66250,66254],{"__ignoreMap":273},[277,66200,66201,66203,66205,66207],{"class":279,"line":280},[277,66202,284],{"class":283},[277,66204,288],{"class":287},[277,66206,292],{"class":291},[277,66208,305],{"class":283},[277,66210,66211,66213,66215,66217],{"class":279,"line":308},[277,66212,312],{"class":311},[277,66214,15081],{"class":283},[277,66216,318],{"class":311},[277,66218,321],{"class":301},[277,66220,66221],{"class":279,"line":324},[277,66222,328],{"emptyLinePlaceholder":327},[277,66224,66226,66228,66230,66232,66234,66236],{"class":66225,"line":331},[279,9398],[277,66227,2331],{"class":291},[277,66229,2334],{"class":283},[277,66231,2337],{"class":349},[277,66233,2340],{"class":283},[277,66235,601],{"class":311},[277,66237,343],{"class":283},[277,66239,66240,66242,66244,66246,66248],{"class":279,"line":346},[277,66241,2349],{"class":283},[277,66243,15111],{"class":291},[277,66245,448],{"class":283},[277,66247,15116],{"class":301},[277,66249,15119],{"class":283},[277,66251,66252],{"class":279,"line":360},[277,66253,676],{"class":283},[277,66255,66256,66258,66260],{"class":279,"line":371},[277,66257,785],{"class":283},[277,66259,288],{"class":287},[277,66261,305],{"class":283},[267,66263,66265],{"className":269,"code":15134,"filename":971,"highlights":66264,"language":272,"meta":273,"style":273},[324],[16,66266,66267,66275,66283,66294,66306,66310,66314],{"__ignoreMap":273},[277,66268,66269,66271,66273],{"class":279,"line":280},[277,66270,284],{"class":283},[277,66272,288],{"class":287},[277,66274,305],{"class":283},[277,66276,66277,66279,66281],{"class":279,"line":308},[277,66278,1057],{"class":311},[277,66280,1060],{"class":311},[277,66282,343],{"class":283},[277,66284,66286,66288,66290,66292],{"class":66285,"line":324},[279,9398],[277,66287,2870],{"class":291},[277,66289,448],{"class":283},[277,66291,2337],{"class":349},[277,66293,2476],{"class":283},[277,66295,66296,66298,66300,66302,66304],{"class":279,"line":331},[277,66297,2881],{"class":283},[277,66299,15111],{"class":291},[277,66301,448],{"class":283},[277,66303,15116],{"class":301},[277,66305,15119],{"class":283},[277,66307,66308],{"class":279,"line":346},[277,66309,542],{"class":283},[277,66311,66312],{"class":279,"line":360},[277,66313,394],{"class":283},[277,66315,66316,66318,66320],{"class":279,"line":371},[277,66317,785],{"class":283},[277,66319,288],{"class":287},[277,66321,305],{"class":283},[30,66323,66324],{"id":15195},[16,66325,2398],{},[21,66327,15200,66328,104],{},[72,66329,15203],{},[267,66331,66333],{"className":269,"code":15206,"filename":271,"highlights":66332,"language":272,"meta":273,"style":273},[331],[16,66334,66335,66345,66355,66359,66374,66386,66390],{"__ignoreMap":273},[277,66336,66337,66339,66341,66343],{"class":279,"line":280},[277,66338,284],{"class":283},[277,66340,288],{"class":287},[277,66342,292],{"class":291},[277,66344,305],{"class":283},[277,66346,66347,66349,66351,66353],{"class":279,"line":308},[277,66348,312],{"class":311},[277,66350,15226],{"class":283},[277,66352,318],{"class":311},[277,66354,321],{"class":301},[277,66356,66357],{"class":279,"line":324},[277,66358,328],{"emptyLinePlaceholder":327},[277,66360,66362,66364,66366,66368,66370,66372],{"class":66361,"line":331},[279,9398],[277,66363,2398],{"class":291},[277,66365,2334],{"class":283},[277,66367,2337],{"class":349},[277,66369,2340],{"class":283},[277,66371,601],{"class":311},[277,66373,343],{"class":283},[277,66375,66376,66378,66380,66382,66384],{"class":279,"line":346},[277,66377,2349],{"class":283},[277,66379,15111],{"class":291},[277,66381,448],{"class":283},[277,66383,15260],{"class":301},[277,66385,15119],{"class":283},[277,66387,66388],{"class":279,"line":360},[277,66389,676],{"class":283},[277,66391,66392,66394,66396],{"class":279,"line":371},[277,66393,785],{"class":283},[277,66395,288],{"class":287},[277,66397,305],{"class":283},[267,66399,66401],{"className":269,"code":15277,"filename":971,"highlights":66400,"language":272,"meta":273,"style":273},[324],[16,66402,66403,66411,66419,66430,66442,66446,66450],{"__ignoreMap":273},[277,66404,66405,66407,66409],{"class":279,"line":280},[277,66406,284],{"class":283},[277,66408,288],{"class":287},[277,66410,305],{"class":283},[277,66412,66413,66415,66417],{"class":279,"line":308},[277,66414,1057],{"class":311},[277,66416,1060],{"class":311},[277,66418,343],{"class":283},[277,66420,66422,66424,66426,66428],{"class":66421,"line":324},[279,9398],[277,66423,2926],{"class":291},[277,66425,448],{"class":283},[277,66427,2337],{"class":349},[277,66429,2476],{"class":283},[277,66431,66432,66434,66436,66438,66440],{"class":279,"line":331},[277,66433,2881],{"class":283},[277,66435,15111],{"class":291},[277,66437,448],{"class":283},[277,66439,15260],{"class":301},[277,66441,15119],{"class":283},[277,66443,66444],{"class":279,"line":346},[277,66445,542],{"class":283},[277,66447,66448],{"class":279,"line":360},[277,66449,394],{"class":283},[277,66451,66452,66454,66456],{"class":279,"line":371},[277,66453,785],{"class":283},[277,66455,288],{"class":287},[277,66457,305],{"class":283},[11,66459,15339],{"id":15338},[30,66461,66462,5245,66464],{"id":15342},[16,66463,591],{},[16,66465,18],{},[21,66467,15349,66468,104],{},[72,66469,15352],{},[21,66471,15355],{},[267,66473,66475],{"className":269,"code":15358,"filename":271,"highlights":66474,"language":272,"meta":273,"style":273},[331],[16,66476,66477,66487,66497,66501,66516,66528,66532],{"__ignoreMap":273},[277,66478,66479,66481,66483,66485],{"class":279,"line":280},[277,66480,284],{"class":283},[277,66482,288],{"class":287},[277,66484,292],{"class":291},[277,66486,305],{"class":283},[277,66488,66489,66491,66493,66495],{"class":279,"line":308},[277,66490,312],{"class":311},[277,66492,15378],{"class":283},[277,66494,318],{"class":311},[277,66496,321],{"class":301},[277,66498,66499],{"class":279,"line":324},[277,66500,328],{"emptyLinePlaceholder":327},[277,66502,66504,66506,66508,66510,66512,66514],{"class":66503,"line":331},[279,9398],[277,66505,591],{"class":291},[277,66507,448],{"class":283},[277,66509,464],{"class":311},[277,66511,598],{"class":283},[277,66513,601],{"class":311},[277,66515,343],{"class":283},[277,66517,66518,66520,66522,66524,66526],{"class":279,"line":346},[277,66519,6252],{"class":311},[277,66521,490],{"class":291},[277,66523,448],{"class":283},[277,66525,15412],{"class":301},[277,66527,433],{"class":283},[277,66529,66530],{"class":279,"line":360},[277,66531,676],{"class":283},[277,66533,66534,66536,66538],{"class":279,"line":371},[277,66535,785],{"class":283},[277,66537,288],{"class":287},[277,66539,305],{"class":283},[267,66541,66543],{"className":269,"code":15429,"filename":971,"highlights":66542,"language":272,"meta":273,"style":273},[324],[16,66544,66545,66553,66561,66570,66582,66586,66590],{"__ignoreMap":273},[277,66546,66547,66549,66551],{"class":279,"line":280},[277,66548,284],{"class":283},[277,66550,288],{"class":287},[277,66552,305],{"class":283},[277,66554,66555,66557,66559],{"class":279,"line":308},[277,66556,1057],{"class":311},[277,66558,1060],{"class":311},[277,66560,343],{"class":283},[277,66562,66564,66566,66568],{"class":66563,"line":324},[279,9398],[277,66565,1248],{"class":311},[277,66567,1251],{"class":291},[277,66569,473],{"class":283},[277,66571,66572,66574,66576,66578,66580],{"class":279,"line":331},[277,66573,617],{"class":311},[277,66575,490],{"class":291},[277,66577,448],{"class":283},[277,66579,15412],{"class":301},[277,66581,433],{"class":283},[277,66583,66584],{"class":279,"line":346},[277,66585,542],{"class":283},[277,66587,66588],{"class":279,"line":360},[277,66589,394],{"class":283},[277,66591,66592,66594,66596],{"class":279,"line":371},[277,66593,785],{"class":283},[277,66595,288],{"class":287},[277,66597,305],{"class":283},[11,66599,15489],{"id":15488},[30,66601,15493],{"id":15492},[38,66603,66604,66610,66616,66622],{},[41,66605,15498,66606,511,66608,19],{},[72,66607,15501],{},[16,66609,687],{},[41,66611,15506,66612,511,66614,19],{},[72,66613,15509],{},[16,66615,8349],{},[41,66617,15514,66618,511,66620,19],{},[72,66619,1646],{},[16,66621,591],{},[41,66623,15521,66624],{},[72,66625,15524],{},[30,66627,1874],{"id":15527},[38,66629,66630,66636,66642],{},[41,66631,1860,66632,15536],{},[72,66633,66634],{},[16,66635,1732],{},[41,66637,1860,66638,15543],{},[72,66639,66640],{},[16,66641,1735],{},[41,66643,15546,66644],{},[72,66645,15549],{},[21,66647,15552,66648,15556],{},[72,66649,15555],{},[11,66651,1596],{"id":1595},[21,66653,15561,66654,353],{},[72,66655,15564],{},[5392,66657,66658,66666],{},[5395,66659,66660],{},[5398,66661,66662,66664],{},[5401,66663,15573],{},[5401,66665,15576],{},[5414,66667,66668,66678,66688,66698,66708,66718],{},[5398,66669,66670,66672],{},[5419,66671,13122],{},[5419,66673,66674,225,66676],{},[16,66675,10733],{},[16,66677,11940],{},[5398,66679,66680,66682],{},[5419,66681,13127],{},[5419,66683,66684,225,66686],{},[16,66685,687],{},[16,66687,203],{},[5398,66689,66690,66692],{},[5419,66691,13132],{},[5419,66693,66694,225,66696],{},[16,66695,9401],{},[16,66697,9091],{},[5398,66699,66700,66702],{},[5419,66701,13137],{},[5419,66703,66704,225,66706],{},[16,66705,8349],{},[16,66707,5294],{},[5398,66709,66710,66712],{},[5419,66711,15623],{},[5419,66713,66714,225,66716],{},[16,66715,6217],{},[16,66717,6276],{},[5398,66719,66720,66722],{},[5419,66721,1646],{},[5419,66723,66724],{},[16,66725,591],{},[3111,66727,66728],{},[21,66729,15642,66730],{},[72,66731,15645],{},[1606,66733,15648],{},{"title":273,"searchDepth":308,"depth":308,"links":66735},[66736,66737,66738,66739,66740,66741,66742,66743,66744,66745,66746,66747,66748,66749,66750,66751,66752,66753,66754],{"id":32,"depth":308,"text":33},{"id":13168,"depth":308,"text":13169},{"id":13236,"depth":308,"text":11937},{"id":11940,"depth":308,"text":11940},{"id":10733,"depth":308,"text":3235},{"id":13579,"depth":308,"text":15657},{"id":13719,"depth":308,"text":15659},{"id":13892,"depth":308,"text":15661},{"id":14032,"depth":308,"text":15663},{"id":14192,"depth":308,"text":15665},{"id":14329,"depth":308,"text":15667},{"id":14603,"depth":308,"text":15669},{"id":14741,"depth":308,"text":15671},{"id":14880,"depth":308,"text":15673},{"id":15050,"depth":308,"text":2331},{"id":15195,"depth":308,"text":2398},{"id":15342,"depth":308,"text":15677},{"id":15492,"depth":308,"text":15493},{"id":15527,"depth":308,"text":1874},{"script":66756},[66757],{"type":1632,"key":1633,"data-nuxt-schema-org":327,"nodes":66758},[66759],{"headline":13087,"author":66760,"datePublished":15689,"@type":1640},{"name":1637,"@type":1638},{"updatedAt":15689,"readingTime":381,"coverCaption":15691,"author":1637,"keywords":66762},[1645,15693,271,971,15694],[66764],{"headline":13087,"author":66765,"datePublished":15689,"@type":1640},{"name":1637,"@type":1638},{"title":13087,"description":15682},[66768,66769,66770,66771],{"tag":1660,"color":1661},{"tag":1668,"color":1669},{"tag":3167,"color":3168},{"tag":9074,"color":9075},{"id":15708,"title":15709,"body":66773,"cover":17748,"coverAlt":15709,"date":17749,"description":17750,"draft":1627,"extension":1628,"head":68469,"locale":1641,"meta":68475,"navigation":327,"path":17764,"schemaOrg":68477,"seo":68480,"series":1656,"seriesDescription":1656,"seriesOrder":1656,"seriesTitle":1656,"slug":1656,"stem":17769,"tags":68481,"__hash__":17777},{"type":8,"value":66774,"toc":68445},[66775,66777,66787,66789,66793,66801,66803,66809,66811,66813,66819,66827,66831,66833,66835,66853,66881,66883,66893,66897,66901,66903,66933,66937,66939,66945,66959,67749,67831,67833,67871,67873,67875,67881,67895,67915,67919,67923,67925,68045,68047,68057,68063,68069,68085,68087,68099,68101,68103,68111,68113,68251,68253,68255,68257,68293,68295,68305,68307,68315,68321,68327,68375,68377,68385,68387,68389,68407,68409,68411,68419,68421,68439,68443],[11,66776,15709],{"id":15714},[21,66778,15717,66779,225,66781,225,66783,225,66785,15726],{},[16,66780,1927],{},[16,66782,12319],{},[16,66784,1732],{},[16,66786,1735],{},[30,66788,15730],{"id":15729},[21,66790,15733,66791,15736],{},[16,66792,1927],{},[38,66794,66795,66797,66799],{},[41,66796,15741],{},[41,66798,15744],{},[41,66800,15747],{},[21,66802,15750],{},[21,66804,15753,66805,118,66807,15759],{},[16,66806,1732],{},[16,66808,15758],{},[30,66810,15763],{"id":15762},[192,66812,15767],{"id":15766},[21,66814,15770,66815,225,66817,15775],{},[16,66816,1732],{},[16,66818,15758],{},[267,66820,66821],{"className":15778,"code":15779,"filename":15780,"language":15781,"meta":273,"style":273},[16,66822,66823],{"__ignoreMap":273},[277,66824,66825],{"class":279,"line":280},[277,66826,15779],{},[21,66828,15790,66829,15794],{},[16,66830,15793],{},[192,66832,15798],{"id":15797},[21,66834,15801],{},[38,66836,66837,66843,66849],{},[41,66838,66839,15809,66841,1895],{},[16,66840,15808],{},[16,66842,1783],{},[41,66844,66845,15817,66847,1895],{},[16,66846,15816],{},[16,66848,1789],{},[41,66850,66851,15825],{},[16,66852,15824],{},[267,66854,66855],{"className":15778,"code":15828,"filename":15829,"language":15781,"meta":273,"style":273},[16,66856,66857,66861,66865,66869,66873,66877],{"__ignoreMap":273},[277,66858,66859],{"class":279,"line":280},[277,66860,15836],{},[277,66862,66863],{"class":279,"line":308},[277,66864,15841],{},[277,66866,66867],{"class":279,"line":324},[277,66868,15846],{},[277,66870,66871],{"class":279,"line":331},[277,66872,15851],{},[277,66874,66875],{"class":279,"line":346},[277,66876,15856],{},[277,66878,66879],{"class":279,"line":360},[277,66880,15861],{},[21,66882,15864],{},[38,66884,66885,66889,66891],{},[41,66886,15869,66887,1895],{},[16,66888,15808],{},[41,66890,15874],{},[41,66892,15877],{},[192,66894,66895,15884],{"id":15880},[16,66896,15883],{},[21,66898,15887,66899,104],{},[16,66900,15883],{},[21,66902,15892],{},[10089,66904,66905,66911,66917,66927],{},[41,66906,15897,66907,15901,66909,104],{},[16,66908,15900],{},[16,66910,15904],{},[41,66912,12305,66913,15910,66915,104],{},[16,66914,15909],{},[16,66916,15913],{},[41,66918,66919,15919,66921,15922,66923,15925,66925,104],{},[16,66920,15918],{},[16,66922,15883],{},[16,66924,15824],{},[16,66926,15793],{},[41,66928,15930,66929,225,66931,15935],{},[16,66930,15909],{},[16,66932,15883],{},[21,66934,15938,66935,15941],{},[16,66936,15883],{},[30,66938,15945],{"id":15944},[21,66940,15948,66941,15951,66943,15954],{},[16,66942,15816],{},[16,66944,15824],{},[38,66946,66947,66951,66955],{},[41,66948,66949],{},[16,66950,15913],{},[41,66952,66953],{},[16,66954,15965],{},[41,66956,66957],{},[16,66958,15900],{},[267,66960,66961],{"className":15972,"code":15973,"filename":15974,"language":15975,"meta":273,"style":273},[16,66962,66963,66967,66981,66985,66989,66999,67009,67013,67025,67039,67047,67051,67061,67065,67069,67087,67101,67107,67115,67123,67135,67143,67163,67169,67173,67177,67185,67193,67197,67207,67213,67217,67221,67227,67231,67235,67251,67263,67267,67281,67291,67303,67311,67315,67319,67333,67343,67355,67363,67367,67371,67385,67393,67401,67405,67409,67413,67429,67443,67455,67459,67473,67485,67489,67503,67519,67533,67537,67541,67557,67563,67571,67579,67585,67589,67593,67597,67601,67613,67623,67641,67647,67657,67661,67683,67693,67707,67721,67727,67731,67737,67741,67745],{"__ignoreMap":273},[277,66964,66965],{"class":279,"line":280},[277,66966,15982],{"class":12741},[277,66968,66969,66971,66973,66975,66977,66979],{"class":279,"line":308},[277,66970,405],{"class":311},[277,66972,15989],{"class":356},[277,66974,340],{"class":311},[277,66976,526],{"class":311},[277,66978,15996],{"class":291},[277,66980,622],{"class":283},[277,66982,66983],{"class":279,"line":324},[277,66984,328],{"emptyLinePlaceholder":327},[277,66986,66987],{"class":279,"line":331},[277,66988,16007],{"class":12741},[277,66990,66991,66993,66995,66997],{"class":279,"line":346},[277,66992,7990],{"class":311},[277,66994,16014],{"class":283},[277,66996,298],{"class":311},[277,66998,6177],{"class":356},[277,67000,67001,67003,67005,67007],{"class":279,"line":360},[277,67002,405],{"class":311},[277,67004,16025],{"class":356},[277,67006,340],{"class":311},[277,67008,16030],{"class":283},[277,67010,67011],{"class":279,"line":371},[277,67012,328],{"emptyLinePlaceholder":327},[277,67014,67015,67017,67019,67021,67023],{"class":279,"line":381},[277,67016,2460],{"class":311},[277,67018,16041],{"class":291},[277,67020,448],{"class":283},[277,67022,16046],{"class":349},[277,67024,2476],{"class":283},[277,67026,67027,67029,67031,67033,67035,67037],{"class":279,"line":391},[277,67028,16053],{"class":311},[277,67030,511],{"class":283},[277,67032,405],{"class":311},[277,67034,16060],{"class":356},[277,67036,16063],{"class":311},[277,67038,16066],{"class":283},[277,67040,67041,67043,67045],{"class":279,"line":397},[277,67042,16071],{"class":283},[277,67044,1807],{"class":291},[277,67046,16076],{"class":283},[277,67048,67049],{"class":279,"line":402},[277,67050,542],{"class":283},[277,67052,67053,67055,67057,67059],{"class":279,"line":436},[277,67054,16085],{"class":283},[277,67056,9813],{"class":356},[277,67058,340],{"class":311},[277,67060,9860],{"class":356},[277,67062,67063],{"class":279,"line":456},[277,67064,394],{"class":283},[277,67066,67067],{"class":279,"line":461},[277,67068,328],{"emptyLinePlaceholder":327},[277,67070,67071,67073,67075,67077,67079,67081,67083,67085],{"class":279,"line":476},[277,67072,2460],{"class":311},[277,67074,16106],{"class":291},[277,67076,448],{"class":283},[277,67078,15909],{"class":349},[277,67080,225],{"class":283},[277,67082,16115],{"class":349},[277,67084,340],{"class":311},[277,67086,16120],{"class":283},[277,67088,67089,67091,67093,67095,67097,67099],{"class":279,"line":500},[277,67090,479],{"class":311},[277,67092,16127],{"class":291},[277,67094,340],{"class":311},[277,67096,598],{"class":283},[277,67098,601],{"class":311},[277,67100,343],{"class":283},[277,67102,67103,67105],{"class":279,"line":505},[277,67104,16140],{"class":291},[277,67106,16076],{"class":283},[277,67108,67109,67111,67113],{"class":279,"line":520},[277,67110,16147],{"class":283},[277,67112,298],{"class":311},[277,67114,16152],{"class":283},[277,67116,67117,67119,67121],{"class":279,"line":539},[277,67118,16157],{"class":283},[277,67120,9780],{"class":291},[277,67122,16076],{"class":283},[277,67124,67125,67127,67129,67131,67133],{"class":279,"line":545},[277,67126,2233],{"class":311},[277,67128,16168],{"class":356},[277,67130,340],{"class":311},[277,67132,16173],{"class":291},[277,67134,622],{"class":283},[277,67136,67137,67139,67141],{"class":279,"line":550},[277,67138,16157],{"class":283},[277,67140,16182],{"class":291},[277,67142,622],{"class":283},[277,67144,67145,67147,67149,67151,67153,67155,67157,67159,67161],{"class":279,"line":578},[277,67146,16147],{"class":283},[277,67148,298],{"class":311},[277,67150,16193],{"class":283},[277,67152,9813],{"class":356},[277,67154,16198],{"class":311},[277,67156,9819],{"class":356},[277,67158,16203],{"class":283},[277,67160,9857],{"class":311},[277,67162,6177],{"class":356},[277,67164,67165,67167],{"class":279,"line":583},[277,67166,1093],{"class":311},[277,67168,16214],{"class":283},[277,67170,67171],{"class":279,"line":588},[277,67172,542],{"class":283},[277,67174,67175],{"class":279,"line":606},[277,67176,328],{"emptyLinePlaceholder":327},[277,67178,67179,67181,67183],{"class":279,"line":614},[277,67180,16227],{"class":283},[277,67182,298],{"class":311},[277,67184,16030],{"class":283},[277,67186,67187,67189,67191],{"class":279,"line":625},[277,67188,16236],{"class":283},[277,67190,298],{"class":311},[277,67192,16241],{"class":283},[277,67194,67195],{"class":279,"line":637},[277,67196,328],{"emptyLinePlaceholder":327},[277,67198,67199,67201,67203,67205],{"class":279,"line":646},[277,67200,508],{"class":311},[277,67202,511],{"class":283},[277,67204,514],{"class":311},[277,67206,16256],{"class":283},[277,67208,67209,67211],{"class":279,"line":668},[277,67210,16261],{"class":291},[277,67212,622],{"class":283},[277,67214,67215],{"class":279,"line":673},[277,67216,542],{"class":283},[277,67218,67219],{"class":279,"line":679},[277,67220,328],{"emptyLinePlaceholder":327},[277,67222,67223,67225],{"class":279,"line":684},[277,67224,2212],{"class":311},[277,67226,16152],{"class":283},[277,67228,67229],{"class":279,"line":700},[277,67230,394],{"class":283},[277,67232,67233],{"class":279,"line":717},[277,67234,328],{"emptyLinePlaceholder":327},[277,67236,67237,67239,67241,67243,67245,67247,67249],{"class":279,"line":722},[277,67238,2460],{"class":311},[277,67240,16292],{"class":291},[277,67242,448],{"class":283},[277,67244,1783],{"class":349},[277,67246,225],{"class":283},[277,67248,1789],{"class":349},[277,67250,2476],{"class":283},[277,67252,67253,67255,67257,67259,67261],{"class":279,"line":729},[277,67254,508],{"class":311},[277,67256,511],{"class":283},[277,67258,514],{"class":311},[277,67260,16313],{"class":283},[277,67262,714],{"class":311},[277,67264,67265],{"class":279,"line":738},[277,67266,328],{"emptyLinePlaceholder":327},[277,67268,67269,67271,67273,67275,67277,67279],{"class":279,"line":747},[277,67270,16324],{"class":311},[277,67272,16327],{"class":283},[277,67274,298],{"class":311},[277,67276,16332],{"class":283},[277,67278,1798],{"class":291},[277,67280,16337],{"class":283},[277,67282,67283,67285,67287,67289],{"class":279,"line":754},[277,67284,508],{"class":311},[277,67286,511],{"class":283},[277,67288,514],{"class":311},[277,67290,16348],{"class":283},[277,67292,67293,67295,67297,67299,67301],{"class":279,"line":772},[277,67294,16353],{"class":283},[277,67296,298],{"class":311},[277,67298,526],{"class":311},[277,67300,16360],{"class":291},[277,67302,622],{"class":283},[277,67304,67305,67307,67309],{"class":279,"line":777},[277,67306,16367],{"class":283},[277,67308,1801],{"class":291},[277,67310,16372],{"class":283},[277,67312,67313],{"class":279,"line":782},[277,67314,542],{"class":283},[277,67316,67317],{"class":279,"line":792},[277,67318,328],{"emptyLinePlaceholder":327},[277,67320,67321,67323,67325,67327,67329,67331],{"class":279,"line":797},[277,67322,16324],{"class":311},[277,67324,16387],{"class":283},[277,67326,298],{"class":311},[277,67328,16392],{"class":283},[277,67330,1798],{"class":291},[277,67332,16397],{"class":283},[277,67334,67335,67337,67339,67341],{"class":279,"line":807},[277,67336,508],{"class":311},[277,67338,511],{"class":283},[277,67340,514],{"class":311},[277,67342,16408],{"class":283},[277,67344,67345,67347,67349,67351,67353],{"class":279,"line":826},[277,67346,16413],{"class":283},[277,67348,298],{"class":311},[277,67350,526],{"class":311},[277,67352,16420],{"class":291},[277,67354,622],{"class":283},[277,67356,67357,67359,67361],{"class":279,"line":849},[277,67358,16427],{"class":283},[277,67360,1801],{"class":291},[277,67362,16432],{"class":283},[277,67364,67365],{"class":279,"line":854},[277,67366,542],{"class":283},[277,67368,67369],{"class":279,"line":876},[277,67370,328],{"emptyLinePlaceholder":327},[277,67372,67373,67375,67377,67379,67381,67383],{"class":279,"line":891},[277,67374,508],{"class":311},[277,67376,511],{"class":283},[277,67378,514],{"class":311},[277,67380,16451],{"class":283},[277,67382,16454],{"class":291},[277,67384,16457],{"class":283},[277,67386,67387,67389,67391],{"class":279,"line":905},[277,67388,16071],{"class":283},[277,67390,1804],{"class":291},[277,67392,16466],{"class":283},[277,67394,67395,67397,67399],{"class":279,"line":919},[277,67396,16471],{"class":283},[277,67398,9780],{"class":291},[277,67400,16476],{"class":283},[277,67402,67403],{"class":279,"line":929},[277,67404,542],{"class":283},[277,67406,67407],{"class":279,"line":934},[277,67408,394],{"class":283},[277,67410,67411],{"class":279,"line":951},[277,67412,328],{"emptyLinePlaceholder":327},[277,67414,67415,67417,67419,67421,67423,67425,67427],{"class":279,"line":961},[277,67416,2460],{"class":311},[277,67418,16495],{"class":291},[277,67420,448],{"class":283},[277,67422,1783],{"class":349},[277,67424,225],{"class":283},[277,67426,1789],{"class":349},[277,67428,2476],{"class":283},[277,67430,67431,67433,67435,67437,67439,67441],{"class":279,"line":1473},[277,67432,479],{"class":311},[277,67434,16512],{"class":356},[277,67436,340],{"class":311},[277,67438,16332],{"class":283},[277,67440,1798],{"class":291},[277,67442,16337],{"class":283},[277,67444,67445,67447,67449,67451,67453],{"class":279,"line":1478},[277,67446,508],{"class":311},[277,67448,511],{"class":283},[277,67450,514],{"class":311},[277,67452,16531],{"class":283},[277,67454,714],{"class":311},[277,67456,67457],{"class":279,"line":1497},[277,67458,328],{"emptyLinePlaceholder":327},[277,67460,67461,67463,67465,67467,67469,67471],{"class":279,"line":1510},[277,67462,479],{"class":311},[277,67464,16060],{"class":356},[277,67466,340],{"class":311},[277,67468,16392],{"class":283},[277,67470,1798],{"class":291},[277,67472,16397],{"class":283},[277,67474,67475,67477,67479,67481,67483],{"class":279,"line":1523},[277,67476,508],{"class":311},[277,67478,511],{"class":283},[277,67480,514],{"class":311},[277,67482,16562],{"class":283},[277,67484,714],{"class":311},[277,67486,67487],{"class":279,"line":1536},[277,67488,328],{"emptyLinePlaceholder":327},[277,67490,67491,67493,67495,67497,67499,67501],{"class":279,"line":1545},[277,67492,479],{"class":311},[277,67494,16575],{"class":356},[277,67496,340],{"class":311},[277,67498,526],{"class":311},[277,67500,16420],{"class":291},[277,67502,622],{"class":283},[277,67504,67505,67507,67509,67511,67513,67515,67517],{"class":279,"line":1550},[277,67506,16588],{"class":283},[277,67508,16591],{"class":291},[277,67510,2334],{"class":283},[277,67512,16046],{"class":349},[277,67514,2340],{"class":283},[277,67516,601],{"class":311},[277,67518,343],{"class":283},[277,67520,67521,67523,67525,67527,67529,67531],{"class":279,"line":1565},[277,67522,1336],{"class":311},[277,67524,16608],{"class":283},[277,67526,6080],{"class":311},[277,67528,16613],{"class":283},[277,67530,1804],{"class":291},[277,67532,16076],{"class":283},[277,67534,67535],{"class":279,"line":1574},[277,67536,2318],{"class":283},[277,67538,67539],{"class":279,"line":4076},[277,67540,328],{"emptyLinePlaceholder":327},[277,67542,67543,67545,67547,67549,67551,67553,67555],{"class":279,"line":4088},[277,67544,16630],{"class":283},[277,67546,16591],{"class":291},[277,67548,2334],{"class":283},[277,67550,16046],{"class":349},[277,67552,2340],{"class":283},[277,67554,601],{"class":311},[277,67556,343],{"class":283},[277,67558,67559,67561],{"class":279,"line":4093},[277,67560,1336],{"class":311},[277,67562,16649],{"class":283},[277,67564,67565,67567,67569],{"class":279,"line":4102},[277,67566,16654],{"class":283},[277,67568,16657],{"class":291},[277,67570,16076],{"class":283},[277,67572,67573,67575,67577],{"class":279,"line":4107},[277,67574,1280],{"class":283},[277,67576,16666],{"class":311},[277,67578,343],{"class":283},[277,67580,67581,67583],{"class":279,"line":4116},[277,67582,16673],{"class":291},[277,67584,622],{"class":283},[277,67586,67587],{"class":279,"line":4133},[277,67588,1126],{"class":283},[277,67590,67591],{"class":279,"line":4143},[277,67592,2318],{"class":283},[277,67594,67595],{"class":279,"line":4157},[277,67596,394],{"class":283},[277,67598,67599],{"class":279,"line":4166},[277,67600,328],{"emptyLinePlaceholder":327},[277,67602,67603,67605,67607,67609,67611],{"class":279,"line":4172},[277,67604,2460],{"class":311},[277,67606,2024],{"class":291},[277,67608,448],{"class":283},[277,67610,16702],{"class":349},[277,67612,2476],{"class":283},[277,67614,67615,67617,67619,67621],{"class":279,"line":4182},[277,67616,2212],{"class":311},[277,67618,526],{"class":311},[277,67620,16713],{"class":291},[277,67622,16716],{"class":283},[277,67624,67625,67627,67629,67631,67633,67635,67637,67639],{"class":279,"line":4191},[277,67626,16721],{"class":291},[277,67628,448],{"class":283},[277,67630,1783],{"class":349},[277,67632,225],{"class":283},[277,67634,1789],{"class":349},[277,67636,225],{"class":283},[277,67638,16734],{"class":349},[277,67640,2476],{"class":283},[277,67642,67643,67645],{"class":279,"line":4196},[277,67644,16741],{"class":291},[277,67646,16744],{"class":283},[277,67648,67649,67651,67653,67655],{"class":279,"line":4220},[277,67650,2754],{"class":311},[277,67652,16751],{"class":283},[277,67654,1798],{"class":291},[277,67656,16756],{"class":283},[277,67658,67659],{"class":279,"line":4234},[277,67660,7016],{"class":283},[277,67662,67663,67665,67667,67669,67671,67673,67675,67677,67679,67681],{"class":279,"line":4247},[277,67664,16765],{"class":291},[277,67666,448],{"class":283},[277,67668,1783],{"class":349},[277,67670,225],{"class":283},[277,67672,1789],{"class":349},[277,67674,225],{"class":283},[277,67676,3885],{"class":349},[277,67678,225],{"class":283},[277,67680,16734],{"class":349},[277,67682,2476],{"class":283},[277,67684,67685,67687,67689,67691],{"class":279,"line":4262},[277,67686,1154],{"class":311},[277,67688,16790],{"class":356},[277,67690,340],{"class":311},[277,67692,16795],{"class":283},[277,67694,67695,67697,67699,67701,67703,67705],{"class":279,"line":4293},[277,67696,1154],{"class":311},[277,67698,16168],{"class":356},[277,67700,340],{"class":311},[277,67702,16751],{"class":283},[277,67704,1801],{"class":291},[277,67706,16810],{"class":283},[277,67708,67709,67711,67713,67715,67717,67719],{"class":279,"line":4302},[277,67710,1177],{"class":311},[277,67712,511],{"class":283},[277,67714,514],{"class":311},[277,67716,16821],{"class":283},[277,67718,16824],{"class":291},[277,67720,16827],{"class":283},[277,67722,67723,67725],{"class":279,"line":4307},[277,67724,16832],{"class":291},[277,67726,16744],{"class":283},[277,67728,67729],{"class":279,"line":4328},[277,67730,1203],{"class":283},[277,67732,67733,67735],{"class":279,"line":4337},[277,67734,2754],{"class":311},[277,67736,16214],{"class":283},[277,67738,67739],{"class":279,"line":4993},[277,67740,1126],{"class":283},[277,67742,67743],{"class":279,"line":5006},[277,67744,2318],{"class":283},[277,67746,67747],{"class":279,"line":5019},[277,67748,394],{"class":283},[267,67750,67751],{"className":15972,"code":16859,"filename":16860,"language":15975,"meta":273,"style":273},[16,67752,67753,67773,67777,67787,67809,67813,67817,67823],{"__ignoreMap":273},[277,67754,67755,67757,67759,67761,67763,67765,67767,67769,67771],{"class":279,"line":280},[277,67756,405],{"class":311},[277,67758,16869],{"class":356},[277,67760,340],{"class":311},[277,67762,2024],{"class":291},[277,67764,16876],{"class":283},[277,67766,3542],{"class":356},[277,67768,16881],{"class":283},[277,67770,2149],{"class":356},[277,67772,16886],{"class":283},[277,67774,67775],{"class":279,"line":308},[277,67776,328],{"emptyLinePlaceholder":327},[277,67778,67779,67781,67783,67785],{"class":279,"line":324},[277,67780,16895],{"class":291},[277,67782,2203],{"class":283},[277,67784,601],{"class":311},[277,67786,343],{"class":283},[277,67788,67789,67791,67793,67795,67797,67799,67801,67803,67805,67807],{"class":279,"line":331},[277,67790,2349],{"class":283},[277,67792,2352],{"class":291},[277,67794,448],{"class":283},[277,67796,16912],{"class":301},[277,67798,16915],{"class":283},[277,67800,2285],{"class":311},[277,67802,16920],{"class":283},[277,67804,353],{"class":311},[277,67806,16925],{"class":301},[277,67808,433],{"class":283},[277,67810,67811],{"class":279,"line":346},[277,67812,676],{"class":283},[277,67814,67815],{"class":279,"line":360},[277,67816,328],{"emptyLinePlaceholder":327},[277,67818,67819,67821],{"class":279,"line":371},[277,67820,16940],{"class":283},[277,67822,9415],{"class":311},[277,67824,67825,67827,67829],{"class":279,"line":381},[277,67826,16947],{"class":283},[277,67828,298],{"class":311},[277,67830,4031],{"class":356},[192,67832,16955],{"id":16954},[10089,67834,67835,67839,67851,67857,67865],{},[41,67836,67837,16962],{},[16,67838,16895],{},[41,67840,16965,67841,1697,67843,16971,67845,16974,67847,16978,67849,104],{},[16,67842,16968],{},[16,67844,16940],{},[16,67846,1798],{},[16,67848,16977],{},[16,67850,15918],{},[41,67852,67853,16985,67855,104],{},[16,67854,15918],{},[16,67856,16988],{},[41,67858,16991,67859,16971,67861,16978,67863,104],{},[16,67860,16940],{},[16,67862,1801],{},[16,67864,16998],{},[41,67866,67867,17003,67869,17006],{},[16,67868,16998],{},[16,67870,15824],{},[21,67872,17009],{},[30,67874,17013],{"id":17012},[192,67876,67877,17019,67879],{"id":17016},[16,67878,12319],{},[16,67880,16977],{},[21,67882,67883,17026,67885,17029,67887,225,67889,225,67891,225,67893,17039],{},[16,67884,12319],{},[16,67886,16977],{},[16,67888,1798],{},[16,67890,1801],{},[16,67892,16454],{},[16,67894,17038],{},[38,67896,67897,67901,67905],{},[41,67898,110,67899,17046],{},[16,67900,1798],{},[41,67902,110,67903,17051],{},[16,67904,1801],{},[41,67906,17054,67907,225,67909,225,67911,225,67913,17064],{},[16,67908,15816],{},[16,67910,15824],{},[16,67912,15808],{},[16,67914,17063],{},[192,67916,67917,17070],{"id":17067},[16,67918,1927],{},[21,67920,17073,67921,104],{},[16,67922,17076],{},[21,67924,17079],{},[267,67926,67927],{"className":15972,"code":17082,"filename":17083,"language":15975,"meta":273,"style":273},[16,67928,67929,67941,67951,67959,67969,67975,67979,67991,68005,68013,68023,68027,68031,68035,68041],{"__ignoreMap":273},[277,67930,67931,67933,67935,67937,67939],{"class":279,"line":280},[277,67932,2460],{"class":311},[277,67934,413],{"class":291},[277,67936,448],{"class":283},[277,67938,17096],{"class":349},[277,67940,2476],{"class":283},[277,67942,67943,67945,67947,67949],{"class":279,"line":308},[277,67944,479],{"class":311},[277,67946,17105],{"class":356},[277,67948,340],{"class":311},[277,67950,343],{"class":283},[277,67952,67953,67955,67957],{"class":279,"line":324},[277,67954,16721],{"class":311},[277,67956,17116],{"class":291},[277,67958,473],{"class":283},[277,67960,67961,67963,67965,67967],{"class":279,"line":331},[277,67962,16741],{"class":291},[277,67964,17125],{"class":283},[277,67966,17128],{"class":301},[277,67968,433],{"class":283},[277,67970,67971,67973],{"class":279,"line":346},[277,67972,2754],{"class":311},[277,67974,17137],{"class":283},[277,67976,67977],{"class":279,"line":360},[277,67978,7016],{"class":283},[277,67980,67981,67983,67985,67987,67989],{"class":279,"line":371},[277,67982,16765],{"class":311},[277,67984,17116],{"class":291},[277,67986,448],{"class":283},[277,67988,1813],{"class":349},[277,67990,2476],{"class":283},[277,67992,67993,67995,67997,67999,68001,68003],{"class":279,"line":381},[277,67994,1177],{"class":311},[277,67996,511],{"class":283},[277,67998,514],{"class":311},[277,68000,16821],{"class":283},[277,68002,16824],{"class":291},[277,68004,17168],{"class":283},[277,68006,68007,68009,68011],{"class":279,"line":391},[277,68008,17173],{"class":283},[277,68010,298],{"class":311},[277,68012,17178],{"class":283},[277,68014,68015,68017,68019,68021],{"class":279,"line":397},[277,68016,16832],{"class":291},[277,68018,17125],{"class":283},[277,68020,17128],{"class":301},[277,68022,433],{"class":283},[277,68024,68025],{"class":279,"line":402},[277,68026,1203],{"class":283},[277,68028,68029],{"class":279,"line":436},[277,68030,1126],{"class":283},[277,68032,68033],{"class":279,"line":456},[277,68034,542],{"class":283},[277,68036,68037,68039],{"class":279,"line":461},[277,68038,2212],{"class":311},[277,68040,17207],{"class":283},[277,68042,68043],{"class":279,"line":476},[277,68044,394],{"class":283},[21,68046,17214],{},[38,68048,68049,68053],{},[41,68050,17219,68051,17222],{},[16,68052,1927],{},[41,68054,17225,68055,17228],{},[16,68056,17076],{},[192,68058,68059,17234,68061],{"id":17231},[16,68060,1732],{},[16,68062,16895],{},[21,68064,68065,17241,68067,17244],{},[16,68066,1732],{},[16,68068,16895],{},[10089,68070,68071,68075,68077,68079],{},[41,68072,17249,68073,104],{},[16,68074,17076],{},[41,68076,17254],{},[41,68078,17257],{},[41,68080,17260,68081,15951,68083,17265],{},[16,68082,15918],{},[16,68084,16998],{},[21,68086,17268],{},[38,68088,68089,68093,68097],{},[41,68090,17273,68091],{},[16,68092,17276],{},[41,68094,17279,68095],{},[16,68096,17282],{},[41,68098,17285],{},[192,68100,17289],{"id":17288},[21,68102,17292],{},[10089,68104,68105,68107,68109],{},[41,68106,17297],{},[41,68108,17300],{},[41,68110,17303],{},[21,68112,17306],{},[267,68114,68115],{"className":15972,"code":17309,"filename":17310,"language":15975,"meta":273,"style":273},[16,68116,68117,68131,68141,68157,68161,68173,68181,68189,68197,68209,68227,68235,68243,68247],{"__ignoreMap":273},[277,68118,68119,68121,68123,68125,68127,68129],{"class":279,"line":280},[277,68120,405],{"class":311},[277,68122,17319],{"class":356},[277,68124,340],{"class":311},[277,68126,526],{"class":311},[277,68128,16420],{"class":291},[277,68130,622],{"class":283},[277,68132,68133,68135,68137,68139],{"class":279,"line":308},[277,68134,7990],{"class":311},[277,68136,17334],{"class":283},[277,68138,298],{"class":311},[277,68140,4031],{"class":356},[277,68142,68143,68145,68147,68149,68151,68153,68155],{"class":279,"line":324},[277,68144,405],{"class":311},[277,68146,17345],{"class":356},[277,68148,340],{"class":311},[277,68150,17350],{"class":356},[277,68152,104],{"class":283},[277,68154,17355],{"class":291},[277,68156,622],{"class":283},[277,68158,68159],{"class":279,"line":331},[277,68160,328],{"emptyLinePlaceholder":327},[277,68162,68163,68165,68167,68169,68171],{"class":279,"line":346},[277,68164,2460],{"class":311},[277,68166,17368],{"class":291},[277,68168,448],{"class":283},[277,68170,17373],{"class":349},[277,68172,2476],{"class":283},[277,68174,68175,68177,68179],{"class":279,"line":360},[277,68176,17380],{"class":283},[277,68178,1804],{"class":291},[277,68180,17385],{"class":283},[277,68182,68183,68185,68187],{"class":279,"line":371},[277,68184,508],{"class":311},[277,68186,17392],{"class":283},[277,68188,714],{"class":311},[277,68190,68191,68193,68195],{"class":279,"line":381},[277,68192,17399],{"class":283},[277,68194,298],{"class":311},[277,68196,2296],{"class":356},[277,68198,68199,68201,68203,68205,68207],{"class":279,"line":391},[277,68200,17408],{"class":283},[277,68202,12255],{"class":291},[277,68204,2203],{"class":283},[277,68206,601],{"class":311},[277,68208,343],{"class":283},[277,68210,68211,68213,68215,68217,68219,68221,68223,68225],{"class":279,"line":397},[277,68212,17421],{"class":283},[277,68214,16591],{"class":291},[277,68216,2334],{"class":283},[277,68218,17428],{"class":349},[277,68220,2340],{"class":283},[277,68222,601],{"class":311},[277,68224,17435],{"class":291},[277,68226,2266],{"class":283},[277,68228,68229,68231,68233],{"class":279,"line":402},[277,68230,17421],{"class":283},[277,68232,17444],{"class":291},[277,68234,622],{"class":283},[277,68236,68237,68239,68241],{"class":279,"line":436},[277,68238,17451],{"class":283},[277,68240,298],{"class":311},[277,68242,4031],{"class":356},[277,68244,68245],{"class":279,"line":456},[277,68246,2318],{"class":283},[277,68248,68249],{"class":279,"line":461},[277,68250,394],{"class":283},[21,68252,17466],{},[30,68254,190],{"id":189},[192,68256,17472],{"id":17471},[267,68258,68259],{"className":15972,"code":17475,"filename":17476,"language":15975,"meta":273,"style":273},[16,68260,68261,68277],{"__ignoreMap":273},[277,68262,68263,68265,68267,68269,68271,68273,68275],{"class":279,"line":280},[277,68264,405],{"class":311},[277,68266,16869],{"class":356},[277,68268,340],{"class":311},[277,68270,2024],{"class":291},[277,68272,16876],{"class":283},[277,68274,3542],{"class":356},[277,68276,16886],{"class":283},[277,68278,68279,68281,68283,68285,68287,68289,68291],{"class":279,"line":308},[277,68280,405],{"class":311},[277,68282,5995],{"class":283},[277,68284,17503],{"class":356},[277,68286,17506],{"class":283},[277,68288,298],{"class":311},[277,68290,17511],{"class":283},[277,68292,17514],{"class":12741},[21,68294,17517],{},[38,68296,68297,68301],{},[41,68298,9292,68299],{},[16,68300,17524],{},[41,68302,17527,68303,104],{},[16,68304,16940],{},[192,68306,17533],{"id":17532},[21,68308,17536,68309,17539,68311,17542,68313,104],{},[16,68310,16977],{},[16,68312,16998],{},[16,68314,17076],{},[192,68316,68317,12494,68319],{"id":17547},[16,68318,17550],{},[16,68320,1927],{},[21,68322,68323,17557,68325,17560],{},[16,68324,17550],{},[16,68326,17076],{},[267,68328,68329],{"className":15972,"code":17563,"filename":17564,"language":15975,"meta":273,"style":273},[16,68330,68331,68347,68357],{"__ignoreMap":273},[277,68332,68333,68335,68337,68339,68341,68343,68345],{"class":279,"line":280},[277,68334,405],{"class":311},[277,68336,17573],{"class":356},[277,68338,340],{"class":311},[277,68340,17578],{"class":291},[277,68342,17581],{"class":283},[277,68344,17584],{"class":301},[277,68346,16886],{"class":283},[277,68348,68349,68351,68353,68355],{"class":279,"line":308},[277,68350,17591],{"class":283},[277,68352,298],{"class":311},[277,68354,17596],{"class":301},[277,68356,17599],{"class":12741},[277,68358,68359,68361,68363,68365,68367,68369,68371,68373],{"class":279,"line":324},[277,68360,17604],{"class":283},[277,68362,298],{"class":311},[277,68364,5995],{"class":283},[277,68366,17611],{"class":311},[277,68368,17614],{"class":283},[277,68370,17617],{"class":301},[277,68372,17506],{"class":283},[277,68374,17622],{"class":12741},[21,68376,17625],{},[38,68378,68379,68381,68383],{},[41,68380,17630],{},[41,68382,17633],{},[41,68384,17636],{},[192,68386,17640],{"id":17639},[21,68388,17643],{},[38,68390,68391,68395,68399,68405],{},[41,68392,17648,68393,17651],{},[16,68394,15758],{},[41,68396,17654,68397,17651],{},[16,68398,1732],{},[41,68400,9292,68401,17661,68403,17664],{},[16,68402,15758],{},[16,68404,1732],{},[41,68406,17667],{},[30,68408,17671],{"id":17670},[21,68410,17674],{},[38,68412,68413,68415,68417],{},[41,68414,17679],{},[41,68416,17682],{},[41,68418,17685],{},[21,68420,17688],{},[38,68422,68423,68425,68427],{},[41,68424,17693],{},[41,68426,17696],{},[41,68428,17699,68429,225,68431,225,68433,225,68435,225,68437,17710],{},[16,68430,1927],{},[16,68432,12319],{},[16,68434,17550],{},[16,68436,1732],{},[16,68438,1735],{},[3111,68440,68441],{},[21,68442,17715],{},[1606,68444,17718],{},{"title":273,"searchDepth":308,"depth":308,"links":68446},[68447,68448,68453,68456,68462,68468],{"id":15729,"depth":308,"text":15730},{"id":15762,"depth":308,"text":15763,"children":68449},[68450,68451,68452],{"id":15766,"depth":324,"text":15767},{"id":15797,"depth":324,"text":15798},{"id":15880,"depth":324,"text":17727},{"id":15944,"depth":308,"text":15945,"children":68454},[68455],{"id":16954,"depth":324,"text":16955},{"id":17012,"depth":308,"text":17013,"children":68457},[68458,68459,68460,68461],{"id":17016,"depth":324,"text":17734},{"id":17067,"depth":324,"text":17736},{"id":17231,"depth":324,"text":17738},{"id":17288,"depth":324,"text":17289},{"id":189,"depth":308,"text":190,"children":68463},[68464,68465,68466,68467],{"id":17471,"depth":324,"text":17472},{"id":17532,"depth":324,"text":17533},{"id":17547,"depth":324,"text":17745},{"id":17639,"depth":324,"text":17640},{"id":17670,"depth":308,"text":17671},{"script":68470},[68471],{"type":1632,"key":1633,"data-nuxt-schema-org":327,"nodes":68472},[68473],{"headline":15709,"author":68474,"datePublished":17757,"@type":1640},{"name":1637,"@type":1638},{"updatedAt":17757,"coverCaption":17759,"author":1637,"keywords":68476},[13114,17761,17762,16657,17763,1732],[68478],{"headline":15709,"author":68479,"datePublished":17757,"@type":1640},{"name":1637,"@type":1638},{"title":15709,"description":17750},[68482,68483,68484,68485],{"tag":3167,"color":3168},{"tag":1665,"color":1666},{"tag":17774,"color":17775},{"tag":1671,"color":1672},{"id":17779,"title":17780,"body":68487,"cover":20561,"coverAlt":20562,"date":20563,"description":20564,"draft":1627,"extension":1628,"head":70986,"locale":1641,"meta":70992,"navigation":327,"path":20577,"schemaOrg":70994,"seo":70997,"series":20582,"seriesDescription":20583,"seriesOrder":402,"seriesTitle":20584,"slug":1656,"stem":20585,"tags":70998,"__hash__":20596},{"type":8,"value":68488,"toc":70971},[68489,68491,68493,68497,68517,68523,68525,68529,68531,68545,68547,68557,68561,68589,68595,68597,68613,68615,68629,68631,68713,68715,68729,68733,69341,69779,69793,69795,69799,69941,70031,70063,70067,70523,70849,70931,70941,70943,70969],[11,68490,17786],{"id":17785},[30,68492,17790],{"id":17789},[21,68494,17793,68495,17797],{},[72,68496,17796],{},[38,68498,68499,68503,68507,68511],{},[41,68500,17802,68501,19],{},[16,68502,17805],{},[41,68504,17808,68505,19],{},[16,68506,17811],{},[41,68508,17814,68509,19],{},[16,68510,17817],{},[41,68512,17820,68513,225,68515,17825],{},[16,68514,7803],{},[16,68516,7628],{},[21,68518,17828,68519,225,68521,17835],{},[72,68520,17831],{},[72,68522,17834],{},[30,68524,61],{"id":60},[21,68526,17840,68527,104],{},[72,68528,17843],{},[21,68530,17846],{},[38,68532,68533,68537,68541],{},[41,68534,68535,17853],{},[16,68536,203],{},[41,68538,68539,17858],{},[16,68540,9091],{},[41,68542,68543,17863],{},[16,68544,5294],{},[21,68546,17866],{},[38,68548,68549],{},[41,68550,68551,225,68553,225,68555],{},[16,68552,10670],{},[16,68554,9088],{},[16,68556,7514],{},[21,68558,17879,68559,17883],{},[16,68560,17882],{},[38,68562,68563,68569,68577,68583],{},[41,68564,68565,17891,68567,1895],{},[16,68566,17890],{},[16,68568,17894],{},[41,68570,68571,17900,68573,15951,68575,1895],{},[16,68572,17899],{},[16,68574,9088],{},[16,68576,9091],{},[41,68578,68579,17910,68581,1895],{},[16,68580,17909],{},[16,68582,17913],{},[41,68584,68585,17919,68587,1895],{},[16,68586,17918],{},[16,68588,17922],{},[21,68590,17925,68591,17929,68593,104],{},[72,68592,17928],{},[72,68594,17932],{},[30,68596,17936],{"id":17935},[10089,68598,68599,68601,68607],{},[41,68600,17941],{},[41,68602,17944,68603,225,68605,17949],{},[16,68604,7803],{},[16,68606,7628],{},[41,68608,17952,68609,225,68611,1895],{},[16,68610,17805],{},[16,68612,17817],{},[30,68614,17960],{"id":17959},[10089,68616,68617,68619,68627],{},[41,68618,17965],{},[41,68620,17968,68621,225,68623,225,68625,1895],{},[16,68622,17971],{},[16,68624,17974],{},[16,68626,17977],{},[41,68628,17980],{},[30,68630,190],{"id":189},[10089,68632,68633,68649,68665,68681,68697],{},[41,68634,68635,68639],{},[72,68636,17989,68637,104],{},[16,68638,5294],{},[38,68640,68641,68645],{},[41,68642,17996,68643,17999],{},[16,68644,203],{},[41,68646,18002,68647,104],{},[16,68648,5294],{},[41,68650,68651,68653],{},[72,68652,18009],{},[38,68654,68655,68657],{},[41,68656,18014],{},[41,68658,18017,68659,225,68661,1697,68663,104],{},[16,68660,3885],{},[16,68662,18022],{},[16,68664,18025],{},[41,68666,68667,68669],{},[72,68668,18030],{},[38,68670,68671,68673],{},[41,68672,18035],{},[41,68674,18038,68675,225,68677,225,68679,18046],{},[16,68676,18041],{},[16,68678,4201],{},[16,68680,4267],{},[41,68682,68683,68685],{},[72,68684,18051],{},[38,68686,68687,68693],{},[41,68688,18056,68689,18059,68691,18062],{},[16,68690,203],{},[16,68692,17890],{},[41,68694,18065,68695,104],{},[16,68696,9091],{},[41,68698,68699,68703],{},[72,68700,18072,68701,104],{},[16,68702,9091],{},[38,68704,68705,68707],{},[41,68706,18079],{},[41,68708,18082,68709,1697,68711,18087],{},[16,68710,17890],{},[16,68712,17899],{},[30,68714,1946],{"id":1945},[38,68716,68717,68721,68725],{},[41,68718,68719,18096],{},[16,68720,17805],{},[41,68722,68723,18101],{},[16,68724,17817],{},[41,68726,68727,18107],{},[16,68728,18106],{},[192,68730,68731,18113],{"id":18110},[16,68732,17817],{},[267,68734,68735],{"className":269,"code":18116,"filename":271,"language":272,"meta":273,"style":273},[16,68736,68737,68753,68767,68779,68783,68807,68811,68825,68847,68857,68861,68865,68881,68885,68909,68923,68943,68947,68951,68959,68963,68985,69005,69019,69023,69027,69041,69049,69053,69057,69061,69069,69073,69077,69093,69097,69101,69115,69119,69135,69143,69147,69151,69155,69165,69171,69187,69191,69197,69203,69207,69211,69219,69223,69231,69245,69269,69273,69293,69305,69317,69325,69333],{"__ignoreMap":273},[277,68738,68739,68741,68743,68745,68747,68749,68751],{"class":279,"line":280},[277,68740,284],{"class":283},[277,68742,288],{"class":287},[277,68744,292],{"class":291},[277,68746,295],{"class":291},[277,68748,298],{"class":283},[277,68750,302],{"class":301},[277,68752,305],{"class":283},[277,68754,68755,68757,68759,68761,68763,68765],{"class":279,"line":308},[277,68756,312],{"class":311},[277,68758,4270],{"class":311},[277,68760,18143],{"class":283},[277,68762,318],{"class":311},[277,68764,18148],{"class":301},[277,68766,18151],{"class":283},[277,68768,68769,68771,68773,68775,68777],{"class":279,"line":324},[277,68770,312],{"class":311},[277,68772,11006],{"class":283},[277,68774,318],{"class":311},[277,68776,18148],{"class":301},[277,68778,18151],{"class":283},[277,68780,68781],{"class":279,"line":331},[277,68782,328],{"emptyLinePlaceholder":327},[277,68784,68785,68787,68789,68791,68793,68795,68797,68799,68801,68803,68805],{"class":279,"line":346},[277,68786,334],{"class":311},[277,68788,18174],{"class":291},[277,68790,340],{"class":311},[277,68792,511],{"class":283},[277,68794,2337],{"class":349},[277,68796,353],{"class":311},[277,68798,18185],{"class":291},[277,68800,2340],{"class":283},[277,68802,601],{"class":311},[277,68804,18192],{"class":356},[277,68806,18151],{"class":283},[277,68808,68809],{"class":279,"line":360},[277,68810,328],{"emptyLinePlaceholder":327},[277,68812,68813,68815,68817,68819,68821,68823],{"class":279,"line":371},[277,68814,334],{"class":311},[277,68816,18205],{"class":291},[277,68818,340],{"class":311},[277,68820,18210],{"class":291},[277,68822,18213],{"class":311},[277,68824,343],{"class":283},[277,68826,68827,68829,68831,68833,68835,68837,68839,68841,68843,68845],{"class":279,"line":381},[277,68828,18220],{"class":291},[277,68830,18223],{"class":311},[277,68832,511],{"class":283},[277,68834,2337],{"class":349},[277,68836,353],{"class":311},[277,68838,18185],{"class":291},[277,68840,2340],{"class":283},[277,68842,601],{"class":311},[277,68844,18192],{"class":356},[277,68846,18151],{"class":283},[277,68848,68849,68851,68853,68855],{"class":279,"line":391},[277,68850,18244],{"class":349},[277,68852,18223],{"class":311},[277,68854,18174],{"class":291},[277,68856,18151],{"class":283},[277,68858,68859],{"class":279,"line":397},[277,68860,18255],{"class":283},[277,68862,68863],{"class":279,"line":402},[277,68864,328],{"emptyLinePlaceholder":327},[277,68866,68867,68869,68871,68873,68875,68877,68879],{"class":279,"line":436},[277,68868,405],{"class":311},[277,68870,18266],{"class":356},[277,68872,340],{"class":311},[277,68874,413],{"class":291},[277,68876,448],{"class":283},[277,68878,2123],{"class":356},[277,68880,18277],{"class":283},[277,68882,68883],{"class":279,"line":456},[277,68884,328],{"emptyLinePlaceholder":327},[277,68886,68887,68889,68891,68893,68895,68897,68899,68901,68903,68905,68907],{"class":279,"line":461},[277,68888,405],{"class":311},[277,68890,18288],{"class":356},[277,68892,353],{"class":311},[277,68894,18293],{"class":291},[277,68896,284],{"class":283},[277,68898,18298],{"class":291},[277,68900,225],{"class":283},[277,68902,18303],{"class":291},[277,68904,18306],{"class":283},[277,68906,298],{"class":311},[277,68908,343],{"class":283},[277,68910,68911,68913,68915,68917,68919,68921],{"class":279,"line":476},[277,68912,6784],{"class":291},[277,68914,448],{"class":283},[277,68916,18319],{"class":349},[277,68918,225],{"class":283},[277,68920,17882],{"class":349},[277,68922,2476],{"class":283},[277,68924,68925,68927,68929,68931,68933,68935,68937,68939,68941],{"class":279,"line":500},[277,68926,1336],{"class":311},[277,68928,511],{"class":283},[277,68930,5784],{"class":311},[277,68932,18336],{"class":283},[277,68934,6080],{"class":311},[277,68936,18341],{"class":301},[277,68938,2340],{"class":283},[277,68940,18346],{"class":311},[277,68942,18151],{"class":283},[277,68944,68945],{"class":279,"line":505},[277,68946,328],{"emptyLinePlaceholder":327},[277,68948,68949],{"class":279,"line":520},[277,68950,18357],{"class":12741},[277,68952,68953,68955,68957],{"class":279,"line":539},[277,68954,18362],{"class":283},[277,68956,298],{"class":311},[277,68958,18367],{"class":283},[277,68960,68961],{"class":279,"line":545},[277,68962,328],{"emptyLinePlaceholder":327},[277,68964,68965,68967,68969,68971,68973,68975,68977,68979,68981,68983],{"class":279,"line":550},[277,68966,2233],{"class":311},[277,68968,18378],{"class":291},[277,68970,340],{"class":311},[277,68972,511],{"class":283},[277,68974,2337],{"class":349},[277,68976,353],{"class":311},[277,68978,18185],{"class":291},[277,68980,2340],{"class":283},[277,68982,601],{"class":311},[277,68984,343],{"class":283},[277,68986,68987,68989,68991,68993,68995,68997,68999,69001,69003],{"class":279,"line":578},[277,68988,1154],{"class":311},[277,68990,18401],{"class":356},[277,68992,340],{"class":311},[277,68994,18406],{"class":283},[277,68996,572],{"class":311},[277,68998,18411],{"class":291},[277,69000,421],{"class":311},[277,69002,424],{"class":356},[277,69004,18151],{"class":283},[277,69006,69007,69009,69011,69013,69015,69017],{"class":279,"line":583},[277,69008,1177],{"class":311},[277,69010,511],{"class":283},[277,69012,514],{"class":311},[277,69014,18428],{"class":283},[277,69016,18346],{"class":311},[277,69018,18151],{"class":283},[277,69020,69021],{"class":279,"line":588},[277,69022,328],{"emptyLinePlaceholder":327},[277,69024,69025],{"class":279,"line":606},[277,69026,18441],{"class":12741},[277,69028,69029,69031,69033,69035,69037,69039],{"class":279,"line":614},[277,69030,1177],{"class":311},[277,69032,511],{"class":283},[277,69034,514],{"class":311},[277,69036,18452],{"class":283},[277,69038,18455],{"class":291},[277,69040,18458],{"class":283},[277,69042,69043,69045,69047],{"class":279,"line":625},[277,69044,18463],{"class":283},[277,69046,18466],{"class":291},[277,69048,18469],{"class":283},[277,69050,69051],{"class":279,"line":637},[277,69052,1203],{"class":283},[277,69054,69055],{"class":279,"line":646},[277,69056,18478],{"class":283},[277,69058,69059],{"class":279,"line":668},[277,69060,328],{"emptyLinePlaceholder":327},[277,69062,69063,69065,69067],{"class":279,"line":673},[277,69064,18487],{"class":283},[277,69066,298],{"class":311},[277,69068,18492],{"class":283},[277,69070,69071],{"class":279,"line":679},[277,69072,328],{"emptyLinePlaceholder":327},[277,69074,69075],{"class":279,"line":684},[277,69076,18501],{"class":12741},[277,69078,69079,69081,69083,69085,69087,69089,69091],{"class":279,"line":700},[277,69080,18506],{"class":283},[277,69082,8252],{"class":291},[277,69084,448],{"class":283},[277,69086,18513],{"class":301},[277,69088,18516],{"class":283},[277,69090,2149],{"class":356},[277,69092,18277],{"class":283},[277,69094,69095],{"class":279,"line":717},[277,69096,1131],{"class":283},[277,69098,69099],{"class":279,"line":722},[277,69100,328],{"emptyLinePlaceholder":327},[277,69102,69103,69105,69107,69109,69111,69113],{"class":279,"line":729},[277,69104,10319],{"class":291},[277,69106,448],{"class":283},[277,69108,18319],{"class":349},[277,69110,225],{"class":283},[277,69112,17882],{"class":349},[277,69114,2476],{"class":283},[277,69116,69117],{"class":279,"line":738},[277,69118,18547],{"class":12741},[277,69120,69121,69123,69125,69127,69129,69131,69133],{"class":279,"line":747},[277,69122,1336],{"class":311},[277,69124,511],{"class":283},[277,69126,5784],{"class":311},[277,69128,18336],{"class":283},[277,69130,2503],{"class":311},[277,69132,18341],{"class":301},[277,69134,2476],{"class":283},[277,69136,69137,69139,69141],{"class":279,"line":754},[277,69138,18568],{"class":283},[277,69140,298],{"class":311},[277,69142,18367],{"class":283},[277,69144,69145],{"class":279,"line":772},[277,69146,1126],{"class":283},[277,69148,69149],{"class":279,"line":777},[277,69150,1131],{"class":283},[277,69152,69153],{"class":279,"line":782},[277,69154,328],{"emptyLinePlaceholder":327},[277,69156,69157,69159,69161,69163],{"class":279,"line":792},[277,69158,8668],{"class":291},[277,69160,448],{"class":283},[277,69162,18319],{"class":349},[277,69164,2476],{"class":283},[277,69166,69167,69169],{"class":279,"line":797},[277,69168,1336],{"class":311},[277,69170,18601],{"class":283},[277,69172,69173,69175,69177,69179,69181,69183,69185],{"class":279,"line":807},[277,69174,18606],{"class":283},[277,69176,8308],{"class":291},[277,69178,448],{"class":283},[277,69180,18513],{"class":301},[277,69182,18615],{"class":283},[277,69184,2149],{"class":356},[277,69186,18277],{"class":283},[277,69188,69189],{"class":279,"line":826},[277,69190,1126],{"class":283},[277,69192,69193,69195],{"class":279,"line":849},[277,69194,18628],{"class":311},[277,69196,18631],{"class":283},[277,69198,69199,69201],{"class":279,"line":854},[277,69200,18628],{"class":311},[277,69202,18638],{"class":283},[277,69204,69205],{"class":279,"line":876},[277,69206,1131],{"class":283},[277,69208,69209],{"class":279,"line":891},[277,69210,18255],{"class":283},[277,69212,69213,69215,69217],{"class":279,"line":905},[277,69214,785],{"class":283},[277,69216,288],{"class":287},[277,69218,305],{"class":283},[277,69220,69221],{"class":279,"line":919},[277,69222,328],{"emptyLinePlaceholder":327},[277,69224,69225,69227,69229],{"class":279,"line":929},[277,69226,284],{"class":283},[277,69228,802],{"class":287},[277,69230,305],{"class":283},[277,69232,69233,69235,69237,69239,69241,69243],{"class":279,"line":934},[277,69234,810],{"class":283},[277,69236,4121],{"class":287},[277,69238,816],{"class":291},[277,69240,298],{"class":283},[277,69242,18679],{"class":301},[277,69244,305],{"class":283},[277,69246,69247,69249,69251,69253,69255,69257,69259,69261,69263,69265,69267],{"class":279,"line":951},[277,69248,829],{"class":283},[277,69250,4267],{"class":287},[277,69252,4270],{"class":291},[277,69254,298],{"class":283},[277,69256,4275],{"class":301},[277,69258,4278],{"class":291},[277,69260,298],{"class":283},[277,69262,18700],{"class":301},[277,69264,18703],{"class":283},[277,69266,4267],{"class":287},[277,69268,305],{"class":283},[277,69270,69271],{"class":279,"line":961},[277,69272,328],{"emptyLinePlaceholder":327},[277,69274,69275,69277,69279,69281,69283,69285,69287,69289,69291],{"class":279,"line":1473},[277,69276,829],{"class":283},[277,69278,4201],{"class":287},[277,69280,834],{"class":291},[277,69282,298],{"class":283},[277,69284,18724],{"class":301},[277,69286,18727],{"class":291},[277,69288,298],{"class":283},[277,69290,18732],{"class":301},[277,69292,305],{"class":283},[277,69294,69295,69297,69299,69301,69303],{"class":279,"line":1478},[277,69296,879],{"class":283},[277,69298,21],{"class":287},[277,69300,18743],{"class":283},[277,69302,21],{"class":287},[277,69304,305],{"class":283},[277,69306,69307,69309,69311,69313,69315],{"class":279,"line":1497},[277,69308,879],{"class":283},[277,69310,21],{"class":287},[277,69312,18756],{"class":283},[277,69314,21],{"class":287},[277,69316,305],{"class":283},[277,69318,69319,69321,69323],{"class":279,"line":1510},[277,69320,922],{"class":283},[277,69322,4201],{"class":287},[277,69324,305],{"class":283},[277,69326,69327,69329,69331],{"class":279,"line":1523},[277,69328,954],{"class":283},[277,69330,4121],{"class":287},[277,69332,305],{"class":283},[277,69334,69335,69337,69339],{"class":279,"line":1536},[277,69336,785],{"class":283},[277,69338,802],{"class":287},[277,69340,305],{"class":283},[267,69342,69343],{"className":269,"code":18787,"filename":971,"language":272,"meta":273,"style":273},[16,69344,69345,69353,69361,69369,69375,69381,69389,69393,69397,69401,69405,69419,69439,69443,69451,69455,69473,69483,69499,69507,69511,69515,69519,69535,69539,69553,69569,69577,69581,69585,69595,69601,69617,69621,69627,69633,69637,69641,69645,69649,69657,69661,69669,69683,69707,69711,69731,69743,69755,69763,69771],{"__ignoreMap":273},[277,69346,69347,69349,69351],{"class":279,"line":280},[277,69348,284],{"class":283},[277,69350,288],{"class":287},[277,69352,305],{"class":283},[277,69354,69355,69357,69359],{"class":279,"line":308},[277,69356,1057],{"class":311},[277,69358,1060],{"class":311},[277,69360,343],{"class":283},[277,69362,69363,69365,69367],{"class":279,"line":324},[277,69364,1071],{"class":283},[277,69366,18812],{"class":301},[277,69368,1077],{"class":283},[277,69370,69371,69373],{"class":279,"line":331},[277,69372,1086],{"class":291},[277,69374,473],{"class":283},[277,69376,69377,69379],{"class":279,"line":346},[277,69378,1093],{"class":311},[277,69380,343],{"class":283},[277,69382,69383,69385,69387],{"class":279,"line":360},[277,69384,18831],{"class":283},[277,69386,2123],{"class":356},[277,69388,1077],{"class":283},[277,69390,69391],{"class":279,"line":371},[277,69392,18478],{"class":283},[277,69394,69395],{"class":279,"line":381},[277,69396,1131],{"class":283},[277,69398,69399],{"class":279,"line":391},[277,69400,18848],{"class":283},[277,69402,69403],{"class":279,"line":397},[277,69404,18853],{"class":283},[277,69406,69407,69409,69411,69413,69415,69417],{"class":279,"line":402},[277,69408,18858],{"class":291},[277,69410,448],{"class":283},[277,69412,18319],{"class":349},[277,69414,225],{"class":283},[277,69416,17882],{"class":349},[277,69418,2476],{"class":283},[277,69420,69421,69423,69425,69427,69429,69431,69433,69435,69437],{"class":279,"line":436},[277,69422,8842],{"class":311},[277,69424,511],{"class":283},[277,69426,5784],{"class":311},[277,69428,18336],{"class":283},[277,69430,6080],{"class":311},[277,69432,18341],{"class":301},[277,69434,2340],{"class":283},[277,69436,18346],{"class":311},[277,69438,18151],{"class":283},[277,69440,69441],{"class":279,"line":456},[277,69442,328],{"emptyLinePlaceholder":327},[277,69444,69445,69447,69449],{"class":279,"line":461},[277,69446,18897],{"class":283},[277,69448,298],{"class":311},[277,69450,18367],{"class":283},[277,69452,69453],{"class":279,"line":476},[277,69454,328],{"emptyLinePlaceholder":327},[277,69456,69457,69459,69461,69463,69465,69467,69469,69471],{"class":279,"line":500},[277,69458,18463],{"class":283},[277,69460,18912],{"class":291},[277,69462,340],{"class":311},[277,69464,511],{"class":283},[277,69466,2337],{"class":349},[277,69468,2340],{"class":283},[277,69470,601],{"class":311},[277,69472,343],{"class":283},[277,69474,69475,69477,69479,69481],{"class":279,"line":505},[277,69476,18929],{"class":311},[277,69478,18401],{"class":356},[277,69480,340],{"class":311},[277,69482,18936],{"class":283},[277,69484,69485,69487,69489,69491,69493,69495,69497],{"class":279,"line":520},[277,69486,18941],{"class":311},[277,69488,18944],{"class":283},[277,69490,2310],{"class":311},[277,69492,2288],{"class":311},[277,69494,18452],{"class":283},[277,69496,18455],{"class":291},[277,69498,18458],{"class":283},[277,69500,69501,69503,69505],{"class":279,"line":539},[277,69502,18959],{"class":283},[277,69504,18466],{"class":291},[277,69506,18469],{"class":283},[277,69508,69509],{"class":279,"line":545},[277,69510,18968],{"class":283},[277,69512,69513],{"class":279,"line":550},[277,69514,18973],{"class":283},[277,69516,69517],{"class":279,"line":578},[277,69518,328],{"emptyLinePlaceholder":327},[277,69520,69521,69523,69525,69527,69529,69531,69533],{"class":279,"line":583},[277,69522,18982],{"class":283},[277,69524,8252],{"class":291},[277,69526,448],{"class":283},[277,69528,18513],{"class":301},[277,69530,18615],{"class":283},[277,69532,2149],{"class":356},[277,69534,18277],{"class":283},[277,69536,69537],{"class":279,"line":588},[277,69538,2629],{"class":283},[277,69540,69541,69543,69545,69547,69549,69551],{"class":279,"line":606},[277,69542,19003],{"class":291},[277,69544,448],{"class":283},[277,69546,18319],{"class":349},[277,69548,225],{"class":283},[277,69550,17882],{"class":349},[277,69552,2476],{"class":283},[277,69554,69555,69557,69559,69561,69563,69565,69567],{"class":279,"line":614},[277,69556,8842],{"class":311},[277,69558,511],{"class":283},[277,69560,5784],{"class":311},[277,69562,18336],{"class":283},[277,69564,2503],{"class":311},[277,69566,18341],{"class":301},[277,69568,2476],{"class":283},[277,69570,69571,69573,69575],{"class":279,"line":625},[277,69572,19034],{"class":283},[277,69574,298],{"class":311},[277,69576,18367],{"class":283},[277,69578,69579],{"class":279,"line":637},[277,69580,8868],{"class":283},[277,69582,69583],{"class":279,"line":646},[277,69584,2629],{"class":283},[277,69586,69587,69589,69591,69593],{"class":279,"line":668},[277,69588,19051],{"class":291},[277,69590,448],{"class":283},[277,69592,18319],{"class":349},[277,69594,2476],{"class":283},[277,69596,69597,69599],{"class":279,"line":673},[277,69598,8842],{"class":311},[277,69600,18601],{"class":283},[277,69602,69603,69605,69607,69609,69611,69613,69615],{"class":279,"line":679},[277,69604,19068],{"class":283},[277,69606,8308],{"class":291},[277,69608,448],{"class":283},[277,69610,18513],{"class":301},[277,69612,18615],{"class":283},[277,69614,2149],{"class":356},[277,69616,18277],{"class":283},[277,69618,69619],{"class":279,"line":684},[277,69620,8868],{"class":283},[277,69622,69623,69625],{"class":279,"line":700},[277,69624,19089],{"class":311},[277,69626,18631],{"class":283},[277,69628,69629,69631],{"class":279,"line":717},[277,69630,19089],{"class":311},[277,69632,18638],{"class":283},[277,69634,69635],{"class":279,"line":722},[277,69636,2629],{"class":283},[277,69638,69639],{"class":279,"line":729},[277,69640,7016],{"class":283},[277,69642,69643],{"class":279,"line":738},[277,69644,1131],{"class":283},[277,69646,69647],{"class":279,"line":747},[277,69648,18255],{"class":283},[277,69650,69651,69653,69655],{"class":279,"line":754},[277,69652,785],{"class":283},[277,69654,288],{"class":287},[277,69656,305],{"class":283},[277,69658,69659],{"class":279,"line":772},[277,69660,328],{"emptyLinePlaceholder":327},[277,69662,69663,69665,69667],{"class":279,"line":777},[277,69664,284],{"class":283},[277,69666,802],{"class":287},[277,69668,305],{"class":283},[277,69670,69671,69673,69675,69677,69679,69681],{"class":279,"line":782},[277,69672,810],{"class":283},[277,69674,4121],{"class":287},[277,69676,816],{"class":291},[277,69678,298],{"class":283},[277,69680,18679],{"class":301},[277,69682,305],{"class":283},[277,69684,69685,69687,69689,69691,69693,69695,69697,69699,69701,69703,69705],{"class":279,"line":792},[277,69686,829],{"class":283},[277,69688,4267],{"class":287},[277,69690,4270],{"class":291},[277,69692,298],{"class":283},[277,69694,4275],{"class":301},[277,69696,4278],{"class":291},[277,69698,298],{"class":283},[277,69700,18700],{"class":301},[277,69702,18703],{"class":283},[277,69704,4267],{"class":287},[277,69706,305],{"class":283},[277,69708,69709],{"class":279,"line":797},[277,69710,328],{"emptyLinePlaceholder":327},[277,69712,69713,69715,69717,69719,69721,69723,69725,69727,69729],{"class":279,"line":807},[277,69714,829],{"class":283},[277,69716,4201],{"class":287},[277,69718,834],{"class":291},[277,69720,298],{"class":283},[277,69722,18724],{"class":301},[277,69724,18727],{"class":291},[277,69726,298],{"class":283},[277,69728,18732],{"class":301},[277,69730,305],{"class":283},[277,69732,69733,69735,69737,69739,69741],{"class":279,"line":826},[277,69734,879],{"class":283},[277,69736,21],{"class":287},[277,69738,18743],{"class":283},[277,69740,21],{"class":287},[277,69742,305],{"class":283},[277,69744,69745,69747,69749,69751,69753],{"class":279,"line":849},[277,69746,879],{"class":283},[277,69748,21],{"class":287},[277,69750,18756],{"class":283},[277,69752,21],{"class":287},[277,69754,305],{"class":283},[277,69756,69757,69759,69761],{"class":279,"line":854},[277,69758,922],{"class":283},[277,69760,4201],{"class":287},[277,69762,305],{"class":283},[277,69764,69765,69767,69769],{"class":279,"line":876},[277,69766,954],{"class":283},[277,69768,4121],{"class":287},[277,69770,305],{"class":283},[277,69772,69773,69775,69777],{"class":279,"line":891},[277,69774,785],{"class":283},[277,69776,802],{"class":287},[277,69778,305],{"class":283},[3111,69780,69781],{},[21,69782,110,69783,19251,69785,19255,69787,19259,69789,15901,69791,1895],{},[16,69784,19250],{},[72,69786,19254],{},[16,69788,19258],{},[16,69790,19262],{},[16,69792,17817],{},[30,69794,19268],{"id":19267},[192,69796,69797,19274],{"id":19271},[16,69798,17805],{},[267,69800,69801],{"className":19277,"code":19278,"filename":19279,"language":19280,"meta":273,"style":273},[16,69802,69803,69817,69821,69851,69865,69869,69885,69889,69893,69915,69929,69933,69937],{"__ignoreMap":273},[277,69804,69805,69807,69809,69811,69813,69815],{"class":279,"line":280},[277,69806,312],{"class":311},[277,69808,4270],{"class":311},[277,69810,18143],{"class":283},[277,69812,318],{"class":311},[277,69814,18148],{"class":301},[277,69816,18151],{"class":283},[277,69818,69819],{"class":279,"line":308},[277,69820,328],{"emptyLinePlaceholder":327},[277,69822,69823,69825,69827,69829,69831,69833,69835,69837,69839,69841,69843,69845,69847,69849],{"class":279,"line":324},[277,69824,1057],{"class":311},[277,69826,19307],{"class":311},[277,69828,19310],{"class":356},[277,69830,353],{"class":311},[277,69832,18293],{"class":291},[277,69834,284],{"class":283},[277,69836,19319],{"class":291},[277,69838,225],{"class":283},[277,69840,19324],{"class":356},[277,69842,421],{"class":311},[277,69844,19329],{"class":356},[277,69846,18306],{"class":283},[277,69848,298],{"class":311},[277,69850,343],{"class":283},[277,69852,69853,69855,69857,69859,69861,69863],{"class":279,"line":331},[277,69854,6784],{"class":291},[277,69856,448],{"class":283},[277,69858,18319],{"class":349},[277,69860,225],{"class":283},[277,69862,17882],{"class":349},[277,69864,2476],{"class":283},[277,69866,69867],{"class":279,"line":346},[277,69868,19354],{"class":12741},[277,69870,69871,69873,69875,69877,69879,69881,69883],{"class":279,"line":360},[277,69872,1336],{"class":311},[277,69874,19361],{"class":283},[277,69876,2503],{"class":311},[277,69878,19366],{"class":356},[277,69880,2340],{"class":283},[277,69882,18346],{"class":311},[277,69884,18151],{"class":283},[277,69886,69887],{"class":279,"line":371},[277,69888,328],{"emptyLinePlaceholder":327},[277,69890,69891],{"class":279,"line":381},[277,69892,19381],{"class":12741},[277,69894,69895,69897,69899,69901,69903,69905,69907,69909,69911,69913],{"class":279,"line":391},[277,69896,1336],{"class":311},[277,69898,511],{"class":283},[277,69900,5784],{"class":311},[277,69902,19392],{"class":283},[277,69904,572],{"class":311},[277,69906,19397],{"class":356},[277,69908,19400],{"class":283},[277,69910,2503],{"class":311},[277,69912,18341],{"class":301},[277,69914,2476],{"class":283},[277,69916,69917,69919,69921,69923,69925,69927],{"class":279,"line":397},[277,69918,19411],{"class":283},[277,69920,572],{"class":311},[277,69922,19397],{"class":356},[277,69924,1895],{"class":283},[277,69926,11476],{"class":291},[277,69928,19422],{"class":283},[277,69930,69931],{"class":279,"line":402},[277,69932,1126],{"class":283},[277,69934,69935],{"class":279,"line":436},[277,69936,1131],{"class":283},[277,69938,69939],{"class":279,"line":456},[277,69940,18255],{"class":283},[267,69942,69943],{"className":15972,"code":19437,"filename":19438,"language":15975,"meta":273,"style":273},[16,69944,69945,69957,69971,69975,69991,69995,70011,70019,70023,70027],{"__ignoreMap":273},[277,69946,69947,69949,69951,69953,69955],{"class":279,"line":280},[277,69948,1057],{"class":311},[277,69950,19307],{"class":311},[277,69952,19310],{"class":356},[277,69954,340],{"class":311},[277,69956,343],{"class":283},[277,69958,69959,69961,69963,69965,69967,69969],{"class":279,"line":308},[277,69960,6784],{"class":291},[277,69962,448],{"class":283},[277,69964,18319],{"class":349},[277,69966,225],{"class":283},[277,69968,17882],{"class":349},[277,69970,2476],{"class":283},[277,69972,69973],{"class":279,"line":324},[277,69974,19354],{"class":12741},[277,69976,69977,69979,69981,69983,69985,69987,69989],{"class":279,"line":331},[277,69978,1336],{"class":311},[277,69980,19361],{"class":283},[277,69982,2503],{"class":311},[277,69984,19366],{"class":356},[277,69986,2340],{"class":283},[277,69988,18346],{"class":311},[277,69990,18151],{"class":283},[277,69992,69993],{"class":279,"line":346},[277,69994,19381],{"class":12741},[277,69996,69997,69999,70001,70003,70005,70007,70009],{"class":279,"line":360},[277,69998,1336],{"class":311},[277,70000,511],{"class":283},[277,70002,5784],{"class":311},[277,70004,19501],{"class":283},[277,70006,2503],{"class":311},[277,70008,18341],{"class":301},[277,70010,2476],{"class":283},[277,70012,70013,70015,70017],{"class":279,"line":371},[277,70014,19512],{"class":283},[277,70016,11476],{"class":291},[277,70018,19422],{"class":283},[277,70020,70021],{"class":279,"line":381},[277,70022,1126],{"class":283},[277,70024,70025],{"class":279,"line":391},[277,70026,1131],{"class":283},[277,70028,70029],{"class":279,"line":397},[277,70030,18255],{"class":283},[267,70032,70033],{"className":269,"code":19531,"filename":9339,"language":272,"meta":273,"style":273},[16,70034,70035,70045],{"__ignoreMap":273},[277,70036,70037,70039,70041,70043],{"class":279,"line":280},[277,70038,284],{"class":283},[277,70040,18041],{"class":287},[277,70042,19542],{"class":291},[277,70044,4325],{"class":283},[277,70046,70047,70049,70051,70053,70055,70057,70059,70061],{"class":279,"line":308},[277,70048,284],{"class":283},[277,70050,18041],{"class":287},[277,70052,19542],{"class":291},[277,70054,298],{"class":283},[277,70056,866],{"class":301},[277,70058,19559],{"class":283},[277,70060,866],{"class":301},[277,70062,4325],{"class":283},[192,70064,70065,19569],{"id":19566},[16,70066,18106],{},[267,70068,70069],{"className":19277,"code":19572,"filename":19279,"language":19280,"meta":273,"style":273},[16,70070,70071,70085,70089,70099,70121,70143,70153,70157,70161,70183,70187,70213,70227,70253,70257,70279,70293,70303,70311,70315,70319,70323,70331,70339,70343,70357,70361,70365,70369,70377,70383,70409,70431,70445,70455,70463,70467,70471,70479,70487,70491,70501,70509,70515,70519],{"__ignoreMap":273},[277,70072,70073,70075,70077,70079,70081,70083],{"class":279,"line":280},[277,70074,312],{"class":311},[277,70076,4270],{"class":311},[277,70078,18143],{"class":283},[277,70080,318],{"class":311},[277,70082,18148],{"class":301},[277,70084,18151],{"class":283},[277,70086,70087],{"class":279,"line":308},[277,70088,328],{"emptyLinePlaceholder":327},[277,70090,70091,70093,70095,70097],{"class":279,"line":324},[277,70092,334],{"class":311},[277,70094,19599],{"class":291},[277,70096,340],{"class":311},[277,70098,343],{"class":283},[277,70100,70101,70103,70105,70107,70109,70111,70113,70115,70117,70119],{"class":279,"line":331},[277,70102,19608],{"class":291},[277,70104,18223],{"class":311},[277,70106,511],{"class":283},[277,70108,19615],{"class":349},[277,70110,353],{"class":311},[277,70112,19620],{"class":291},[277,70114,2340],{"class":283},[277,70116,601],{"class":311},[277,70118,18192],{"class":356},[277,70120,18151],{"class":283},[277,70122,70123,70125,70127,70129,70131,70133,70135,70137,70139,70141],{"class":279,"line":346},[277,70124,19633],{"class":291},[277,70126,18223],{"class":311},[277,70128,511],{"class":283},[277,70130,19615],{"class":349},[277,70132,353],{"class":311},[277,70134,19620],{"class":291},[277,70136,2340],{"class":283},[277,70138,601],{"class":311},[277,70140,18192],{"class":356},[277,70142,18151],{"class":283},[277,70144,70145,70147,70149,70151],{"class":279,"line":360},[277,70146,19656],{"class":349},[277,70148,18223],{"class":311},[277,70150,19661],{"class":291},[277,70152,18151],{"class":283},[277,70154,70155],{"class":279,"line":371},[277,70156,18255],{"class":283},[277,70158,70159],{"class":279,"line":381},[277,70160,328],{"emptyLinePlaceholder":327},[277,70162,70163,70165,70167,70169,70171,70173,70175,70177,70179,70181],{"class":279,"line":391},[277,70164,334],{"class":311},[277,70166,19678],{"class":291},[277,70168,340],{"class":311},[277,70170,18210],{"class":291},[277,70172,18213],{"class":311},[277,70174,5995],{"class":283},[277,70176,19689],{"class":349},[277,70178,18223],{"class":311},[277,70180,19694],{"class":291},[277,70182,19697],{"class":283},[277,70184,70185],{"class":279,"line":397},[277,70186,328],{"emptyLinePlaceholder":327},[277,70188,70189,70191,70193,70195,70197,70199,70201,70203,70205,70207,70209,70211],{"class":279,"line":402},[277,70190,1057],{"class":311},[277,70192,19307],{"class":311},[277,70194,19710],{"class":356},[277,70196,353],{"class":311},[277,70198,18293],{"class":291},[277,70200,284],{"class":283},[277,70202,19719],{"class":291},[277,70204,225],{"class":283},[277,70206,19724],{"class":291},[277,70208,18306],{"class":283},[277,70210,298],{"class":311},[277,70212,343],{"class":283},[277,70214,70215,70217,70219,70221,70223,70225],{"class":279,"line":436},[277,70216,6784],{"class":291},[277,70218,448],{"class":283},[277,70220,18319],{"class":349},[277,70222,225],{"class":283},[277,70224,17882],{"class":349},[277,70226,2476],{"class":283},[277,70228,70229,70231,70233,70235,70237,70239,70241,70243,70245,70247,70249,70251],{"class":279,"line":456},[277,70230,2233],{"class":311},[277,70232,5995],{"class":283},[277,70234,19753],{"class":356},[277,70236,225],{"class":283},[277,70238,19758],{"class":356},[277,70240,225],{"class":283},[277,70242,16115],{"class":356},[277,70244,17506],{"class":283},[277,70246,298],{"class":311},[277,70248,18336],{"class":283},[277,70250,9857],{"class":311},[277,70252,19773],{"class":283},[277,70254,70255],{"class":279,"line":461},[277,70256,328],{"emptyLinePlaceholder":327},[277,70258,70259,70261,70263,70265,70267,70269,70271,70273,70275,70277],{"class":279,"line":476},[277,70260,2233],{"class":311},[277,70262,19784],{"class":356},[277,70264,340],{"class":311},[277,70266,526],{"class":311},[277,70268,19694],{"class":291},[277,70270,2334],{"class":283},[277,70272,19795],{"class":349},[277,70274,2340],{"class":283},[277,70276,601],{"class":311},[277,70278,343],{"class":283},[277,70280,70281,70283,70285,70287,70289,70291],{"class":279,"line":500},[277,70282,19806],{"class":311},[277,70284,511],{"class":283},[277,70286,405],{"class":311},[277,70288,19813],{"class":356},[277,70290,16063],{"class":311},[277,70292,19818],{"class":283},[277,70294,70295,70297,70299,70301],{"class":279,"line":505},[277,70296,8842],{"class":311},[277,70298,19825],{"class":283},[277,70300,19753],{"class":291},[277,70302,19830],{"class":283},[277,70304,70305,70307,70309],{"class":279,"line":520},[277,70306,19835],{"class":311},[277,70308,19838],{"class":291},[277,70310,19830],{"class":283},[277,70312,70313],{"class":279,"line":539},[277,70314,1203],{"class":283},[277,70316,70317],{"class":279,"line":545},[277,70318,19849],{"class":283},[277,70320,70321],{"class":279,"line":550},[277,70322,328],{"emptyLinePlaceholder":327},[277,70324,70325,70327,70329],{"class":279,"line":578},[277,70326,19858],{"class":283},[277,70328,19861],{"class":291},[277,70330,19864],{"class":283},[277,70332,70333,70335,70337],{"class":279,"line":583},[277,70334,19869],{"class":283},[277,70336,298],{"class":311},[277,70338,19874],{"class":283},[277,70340,70341],{"class":279,"line":588},[277,70342,1131],{"class":283},[277,70344,70345,70347,70349,70351,70353,70355],{"class":279,"line":606},[277,70346,10319],{"class":291},[277,70348,448],{"class":283},[277,70350,18319],{"class":349},[277,70352,225],{"class":283},[277,70354,17882],{"class":349},[277,70356,2476],{"class":283},[277,70358,70359],{"class":279,"line":614},[277,70360,19897],{"class":12741},[277,70362,70363],{"class":279,"line":625},[277,70364,19902],{"class":12741},[277,70366,70367],{"class":279,"line":637},[277,70368,19907],{"class":12741},[277,70370,70371,70373,70375],{"class":279,"line":646},[277,70372,19912],{"class":283},[277,70374,19915],{"class":291},[277,70376,19422],{"class":283},[277,70378,70379,70381],{"class":279,"line":668},[277,70380,18628],{"class":311},[277,70382,19924],{"class":283},[277,70384,70385,70387,70389,70391,70393,70395,70397,70399,70401,70403,70405,70407],{"class":279,"line":673},[277,70386,2233],{"class":311},[277,70388,5995],{"class":283},[277,70390,19753],{"class":356},[277,70392,225],{"class":283},[277,70394,19758],{"class":356},[277,70396,225],{"class":283},[277,70398,16115],{"class":356},[277,70400,17506],{"class":283},[277,70402,298],{"class":311},[277,70404,18336],{"class":283},[277,70406,9857],{"class":311},[277,70408,19773],{"class":283},[277,70410,70411,70413,70415,70417,70419,70421,70423,70425,70427,70429],{"class":279,"line":679},[277,70412,2233],{"class":311},[277,70414,19784],{"class":356},[277,70416,340],{"class":311},[277,70418,526],{"class":311},[277,70420,19694],{"class":291},[277,70422,2334],{"class":283},[277,70424,19795],{"class":349},[277,70426,2340],{"class":283},[277,70428,601],{"class":311},[277,70430,343],{"class":283},[277,70432,70433,70435,70437,70439,70441,70443],{"class":279,"line":684},[277,70434,19806],{"class":311},[277,70436,511],{"class":283},[277,70438,405],{"class":311},[277,70440,19813],{"class":356},[277,70442,16063],{"class":311},[277,70444,19818],{"class":283},[277,70446,70447,70449,70451,70453],{"class":279,"line":700},[277,70448,8842],{"class":311},[277,70450,19825],{"class":283},[277,70452,19753],{"class":291},[277,70454,19830],{"class":283},[277,70456,70457,70459,70461],{"class":279,"line":717},[277,70458,19835],{"class":311},[277,70460,19838],{"class":291},[277,70462,19830],{"class":283},[277,70464,70465],{"class":279,"line":722},[277,70466,1203],{"class":283},[277,70468,70469],{"class":279,"line":729},[277,70470,19849],{"class":283},[277,70472,70473,70475,70477],{"class":279,"line":738},[277,70474,19858],{"class":283},[277,70476,19861],{"class":291},[277,70478,19864],{"class":283},[277,70480,70481,70483,70485],{"class":279,"line":747},[277,70482,19869],{"class":283},[277,70484,298],{"class":311},[277,70486,19874],{"class":283},[277,70488,70489],{"class":279,"line":754},[277,70490,1131],{"class":283},[277,70492,70493,70495,70497,70499],{"class":279,"line":772},[277,70494,8668],{"class":291},[277,70496,448],{"class":283},[277,70498,18319],{"class":349},[277,70500,2476],{"class":283},[277,70502,70503,70505,70507],{"class":279,"line":777},[277,70504,19912],{"class":283},[277,70506,19915],{"class":291},[277,70508,19422],{"class":283},[277,70510,70511,70513],{"class":279,"line":782},[277,70512,18628],{"class":311},[277,70514,19924],{"class":283},[277,70516,70517],{"class":279,"line":792},[277,70518,1131],{"class":283},[277,70520,70521],{"class":279,"line":797},[277,70522,18255],{"class":283},[267,70524,70525],{"className":15972,"code":20067,"filename":19438,"language":15975,"meta":273,"style":273},[16,70526,70527,70539,70553,70579,70583,70605,70619,70629,70637,70641,70645,70649,70657,70665,70669,70683,70687,70691,70695,70703,70709,70735,70757,70771,70781,70789,70793,70797,70805,70813,70817,70827,70835,70841,70845],{"__ignoreMap":273},[277,70528,70529,70531,70533,70535,70537],{"class":279,"line":280},[277,70530,1057],{"class":311},[277,70532,19307],{"class":311},[277,70534,19710],{"class":356},[277,70536,340],{"class":311},[277,70538,343],{"class":283},[277,70540,70541,70543,70545,70547,70549,70551],{"class":279,"line":308},[277,70542,6784],{"class":291},[277,70544,448],{"class":283},[277,70546,18319],{"class":349},[277,70548,225],{"class":283},[277,70550,17882],{"class":349},[277,70552,2476],{"class":283},[277,70554,70555,70557,70559,70561,70563,70565,70567,70569,70571,70573,70575,70577],{"class":279,"line":324},[277,70556,2233],{"class":311},[277,70558,5995],{"class":283},[277,70560,19753],{"class":356},[277,70562,225],{"class":283},[277,70564,19758],{"class":356},[277,70566,225],{"class":283},[277,70568,16115],{"class":356},[277,70570,17506],{"class":283},[277,70572,298],{"class":311},[277,70574,18336],{"class":283},[277,70576,9857],{"class":311},[277,70578,19773],{"class":283},[277,70580,70581],{"class":279,"line":331},[277,70582,328],{"emptyLinePlaceholder":327},[277,70584,70585,70587,70589,70591,70593,70595,70597,70599,70601,70603],{"class":279,"line":346},[277,70586,2233],{"class":311},[277,70588,19784],{"class":356},[277,70590,340],{"class":311},[277,70592,526],{"class":311},[277,70594,19694],{"class":291},[277,70596,2334],{"class":283},[277,70598,19795],{"class":349},[277,70600,2340],{"class":283},[277,70602,601],{"class":311},[277,70604,343],{"class":283},[277,70606,70607,70609,70611,70613,70615,70617],{"class":279,"line":360},[277,70608,19806],{"class":311},[277,70610,511],{"class":283},[277,70612,405],{"class":311},[277,70614,19813],{"class":356},[277,70616,16063],{"class":311},[277,70618,19818],{"class":283},[277,70620,70621,70623,70625,70627],{"class":279,"line":371},[277,70622,8842],{"class":311},[277,70624,19825],{"class":283},[277,70626,19753],{"class":291},[277,70628,19830],{"class":283},[277,70630,70631,70633,70635],{"class":279,"line":381},[277,70632,19835],{"class":311},[277,70634,19838],{"class":291},[277,70636,19830],{"class":283},[277,70638,70639],{"class":279,"line":391},[277,70640,1203],{"class":283},[277,70642,70643],{"class":279,"line":397},[277,70644,19849],{"class":283},[277,70646,70647],{"class":279,"line":402},[277,70648,20192],{"class":283},[277,70650,70651,70653,70655],{"class":279,"line":436},[277,70652,19858],{"class":283},[277,70654,19861],{"class":291},[277,70656,19864],{"class":283},[277,70658,70659,70661,70663],{"class":279,"line":456},[277,70660,19869],{"class":283},[277,70662,298],{"class":311},[277,70664,19874],{"class":283},[277,70666,70667],{"class":279,"line":461},[277,70668,1131],{"class":283},[277,70670,70671,70673,70675,70677,70679,70681],{"class":279,"line":476},[277,70672,10319],{"class":291},[277,70674,448],{"class":283},[277,70676,18319],{"class":349},[277,70678,225],{"class":283},[277,70680,17882],{"class":349},[277,70682,2476],{"class":283},[277,70684,70685],{"class":279,"line":500},[277,70686,19897],{"class":12741},[277,70688,70689],{"class":279,"line":505},[277,70690,19902],{"class":12741},[277,70692,70693],{"class":279,"line":520},[277,70694,19907],{"class":12741},[277,70696,70697,70699,70701],{"class":279,"line":539},[277,70698,19912],{"class":283},[277,70700,19915],{"class":291},[277,70702,19422],{"class":283},[277,70704,70705,70707],{"class":279,"line":545},[277,70706,18628],{"class":311},[277,70708,19924],{"class":283},[277,70710,70711,70713,70715,70717,70719,70721,70723,70725,70727,70729,70731,70733],{"class":279,"line":550},[277,70712,2233],{"class":311},[277,70714,5995],{"class":283},[277,70716,19753],{"class":356},[277,70718,225],{"class":283},[277,70720,19758],{"class":356},[277,70722,225],{"class":283},[277,70724,16115],{"class":356},[277,70726,17506],{"class":283},[277,70728,298],{"class":311},[277,70730,18336],{"class":283},[277,70732,9857],{"class":311},[277,70734,19773],{"class":283},[277,70736,70737,70739,70741,70743,70745,70747,70749,70751,70753,70755],{"class":279,"line":578},[277,70738,2233],{"class":311},[277,70740,19784],{"class":356},[277,70742,340],{"class":311},[277,70744,526],{"class":311},[277,70746,19694],{"class":291},[277,70748,2334],{"class":283},[277,70750,19795],{"class":349},[277,70752,2340],{"class":283},[277,70754,601],{"class":311},[277,70756,343],{"class":283},[277,70758,70759,70761,70763,70765,70767,70769],{"class":279,"line":583},[277,70760,19806],{"class":311},[277,70762,511],{"class":283},[277,70764,405],{"class":311},[277,70766,19813],{"class":356},[277,70768,16063],{"class":311},[277,70770,19818],{"class":283},[277,70772,70773,70775,70777,70779],{"class":279,"line":588},[277,70774,8842],{"class":311},[277,70776,19825],{"class":283},[277,70778,19753],{"class":291},[277,70780,19830],{"class":283},[277,70782,70783,70785,70787],{"class":279,"line":606},[277,70784,19835],{"class":311},[277,70786,19838],{"class":291},[277,70788,19830],{"class":283},[277,70790,70791],{"class":279,"line":614},[277,70792,1203],{"class":283},[277,70794,70795],{"class":279,"line":625},[277,70796,19849],{"class":283},[277,70798,70799,70801,70803],{"class":279,"line":637},[277,70800,19858],{"class":283},[277,70802,19861],{"class":291},[277,70804,19864],{"class":283},[277,70806,70807,70809,70811],{"class":279,"line":646},[277,70808,19869],{"class":283},[277,70810,298],{"class":311},[277,70812,19874],{"class":283},[277,70814,70815],{"class":279,"line":668},[277,70816,1131],{"class":283},[277,70818,70819,70821,70823,70825],{"class":279,"line":673},[277,70820,8668],{"class":291},[277,70822,448],{"class":283},[277,70824,18319],{"class":349},[277,70826,2476],{"class":283},[277,70828,70829,70831,70833],{"class":279,"line":679},[277,70830,19912],{"class":283},[277,70832,19915],{"class":291},[277,70834,19422],{"class":283},[277,70836,70837,70839],{"class":279,"line":684},[277,70838,18628],{"class":311},[277,70840,19924],{"class":283},[277,70842,70843],{"class":279,"line":700},[277,70844,1131],{"class":283},[277,70846,70847],{"class":279,"line":717},[277,70848,18255],{"class":283},[267,70850,70851],{"className":269,"code":20395,"filename":9339,"language":272,"meta":273,"style":273},[16,70852,70853,70859,70869,70885,70901,70909,70915,70919,70923],{"__ignoreMap":273},[277,70854,70855,70857],{"class":279,"line":280},[277,70856,284],{"class":283},[277,70858,20404],{"class":287},[277,70860,70861,70863,70865,70867],{"class":279,"line":308},[277,70862,20409],{"class":291},[277,70864,298],{"class":283},[277,70866,866],{"class":301},[277,70868,20416],{"class":283},[277,70870,70871,70873,70875,70877,70879,70881,70883],{"class":279,"line":324},[277,70872,20421],{"class":291},[277,70874,3790],{"class":283},[277,70876,601],{"class":311},[277,70878,20428],{"class":283},[277,70880,298],{"class":311},[277,70882,20433],{"class":356},[277,70884,3753],{"class":283},[277,70886,70887,70889,70891,70893,70895,70897,70899],{"class":279,"line":331},[277,70888,20440],{"class":291},[277,70890,3790],{"class":283},[277,70892,601],{"class":311},[277,70894,20428],{"class":283},[277,70896,298],{"class":311},[277,70898,19366],{"class":356},[277,70900,3753],{"class":283},[277,70902,70903,70905,70907],{"class":279,"line":346},[277,70904,20457],{"class":283},[277,70906,20460],{"class":356},[277,70908,2179],{"class":283},[277,70910,70911,70913],{"class":279,"line":360},[277,70912,20467],{"class":283},[277,70914,20470],{"class":301},[277,70916,70917],{"class":279,"line":371},[277,70918,305],{"class":283},[277,70920,70921],{"class":279,"line":381},[277,70922,20479],{"class":283},[277,70924,70925,70927,70929],{"class":279,"line":391},[277,70926,785],{"class":283},[277,70928,4201],{"class":287},[277,70930,305],{"class":283},[3111,70932,70933],{},[21,70934,20492,70935,20495,70937,12494,70939,20500],{},[16,70936,9091],{},[16,70938,17890],{},[16,70940,17899],{},[30,70942,1596],{"id":1595},[38,70944,70945,70949,70953,70961,70967],{},[41,70946,20507,70947,104],{},[72,70948,20510],{},[41,70950,20513,70951,20516],{},[16,70952,5294],{},[41,70954,20519,70955,225,70957,225,70959,20526],{},[16,70956,3885],{},[16,70958,18022],{},[16,70960,18025],{},[41,70962,20529,70963,20533,70965,20536],{},[72,70964,20532],{},[16,70966,9091],{},[41,70968,20539],{},[1606,70970,20542],{},{"title":273,"searchDepth":308,"depth":308,"links":70972},[70973,70974,70975,70976,70977,70978,70981,70985],{"id":17789,"depth":308,"text":17790},{"id":60,"depth":308,"text":61},{"id":17935,"depth":308,"text":17936},{"id":17959,"depth":308,"text":17960},{"id":189,"depth":308,"text":190},{"id":1945,"depth":308,"text":1946,"children":70979},[70980],{"id":18110,"depth":324,"text":20553},{"id":19267,"depth":308,"text":19268,"children":70982},[70983,70984],{"id":19271,"depth":324,"text":20557},{"id":19566,"depth":324,"text":20559},{"id":1595,"depth":308,"text":1596},{"script":70987},[70988],{"type":1632,"key":1633,"data-nuxt-schema-org":327,"nodes":70989},[70990],{"headline":17786,"author":70991,"datePublished":20571,"@type":1640},{"name":1637,"@type":1638},{"updatedAt":20571,"coverCaption":20562,"author":1637,"keywords":70993},[1645,20574,20575,20576,271,971],[70995],{"headline":17786,"author":70996,"datePublished":20571,"@type":1640},{"name":1637,"@type":1638},{"title":17780,"description":20564},[70999,71000,71001,71002,71003],{"tag":20588,"color":20589},{"tag":20591,"color":20592},{"tag":1665,"color":1666},{"tag":3167,"color":3168},{"tag":1671,"color":1672},{"id":20598,"title":20599,"body":71005,"cover":21866,"coverAlt":21867,"date":21868,"description":21869,"draft":1627,"extension":1628,"head":72125,"locale":1641,"meta":72131,"navigation":327,"path":21882,"schemaOrg":72133,"seo":72136,"series":20582,"seriesDescription":20583,"seriesOrder":397,"seriesTitle":20584,"slug":1656,"stem":21887,"tags":72137,"__hash__":21895},{"type":8,"value":71006,"toc":72105},[71007,71011,71019,71021,71023,71027,71031,71041,71043,71049,71053,71057,71083,71093,71101,71103,71107,71109,71119,71121,71129,71131,71135,71143,71145,71147,71157,71163,71165,71169,71173,71177,71183,71185,71189,71191,71195,71197,71199,71225,71231,71233,71363,71499,71601,71603,71607,71609,71829,72055,72081,72083,72087,72091,72103],[11,71008,20605,71009],{"id":20604},[16,71010,20608],{},[21,71012,71013,20613,71015,20617,71017,20621],{},[16,71014,20608],{},[72,71016,20616],{},[16,71018,20620],{},[30,71020,20625],{"id":20624},[21,71022,20628],{},[21,71024,71025,20633],{},[16,71026,20608],{},[21,71028,71029],{},[72,71030,20638],{},[38,71032,71033,71037,71039],{},[41,71034,20643,71035,20647],{},[16,71036,20646],{},[41,71038,20650],{},[41,71040,20653],{},[30,71042,61],{"id":60},[21,71044,71045,20660,71047,20663],{},[16,71046,20608],{},[16,71048,20608],{},[21,71050,71051],{},[72,71052,20668],{},[10089,71054,71055],{},[41,71056,20673],{},[267,71058,71059],{"className":20676,"code":20677,"filename":20678,"language":20679,"meta":273,"style":273},[16,71060,71061,71069,71079],{"__ignoreMap":273},[277,71062,71063,71065,71067],{"class":279,"line":280},[277,71064,20686],{"class":283},[277,71066,20608],{"class":291},[277,71068,20691],{"class":283},[277,71070,71071,71073,71075,71077],{"class":279,"line":308},[277,71072,20696],{"class":356},[277,71074,20699],{"class":283},[277,71076,20702],{"class":356},[277,71078,18151],{"class":283},[277,71080,71081],{"class":279,"line":324},[277,71082,394],{"class":283},[10089,71084,71085,71089,71091],{"start":308},[41,71086,20713,71087,104],{},[16,71088,20608],{},[41,71090,20718],{},[41,71092,20721],{},[3111,71094,71095],{},[21,71096,71097,20728,71099,1895],{},[16,71098,20608],{},[16,71100,20731],{},[30,71102,20735],{"id":20734},[21,71104,20738,71105,20742],{},[72,71106,20741],{},[21,71108,20745],{},[38,71110,71111,71115,71117],{},[41,71112,71113,20752],{},[16,71114,20608],{},[41,71116,20755],{},[41,71118,20758],{},[21,71120,20761],{},[38,71122,71123,71125,71127],{},[41,71124,20766],{},[41,71126,20769],{},[41,71128,20772],{},[30,71130,129],{"id":128},[21,71132,20777,71133,7669],{},[16,71134,20608],{},[38,71136,71137,71139,71141],{},[41,71138,20784],{},[41,71140,20787],{},[41,71142,20790],{},[30,71144,156],{"id":155},[21,71146,162],{},[38,71148,71149,71151,71153,71155],{},[41,71150,20799],{},[41,71152,20802],{},[41,71154,20805],{},[41,71156,20808],{},[3111,71158,71159],{},[21,71160,71161,20815],{},[16,71162,20608],{},[30,71164,190],{"id":189},[192,71166,20821,71167,20824],{"id":20820},[16,71168,20608],{},[21,71170,20827,71171,20831],{},[16,71172,20830],{},[192,71174,20835,71175],{"id":20834},[16,71176,20838],{},[21,71178,20841,71179,20844,71181,20848],{},[16,71180,20838],{},[16,71182,20847],{},[192,71184,20852],{"id":20851},[21,71186,20855,71187,20858],{},[16,71188,20608],{},[192,71190,20862],{"id":20861},[21,71192,71193,20867],{},[16,71194,20608],{},[30,71196,1946],{"id":1945},[192,71198,20873],{"id":20872},[267,71200,71201],{"className":20676,"code":20876,"filename":20678,"language":20679,"meta":273,"style":273},[16,71202,71203,71211,71221],{"__ignoreMap":273},[277,71204,71205,71207,71209],{"class":279,"line":280},[277,71206,20686],{"class":283},[277,71208,20608],{"class":291},[277,71210,20691],{"class":283},[277,71212,71213,71215,71217,71219],{"class":279,"line":308},[277,71214,20891],{"class":356},[277,71216,20699],{"class":283},[277,71218,20702],{"class":356},[277,71220,18151],{"class":283},[277,71222,71223],{"class":279,"line":324},[277,71224,394],{"class":283},[3111,71226,71227],{},[21,71228,20906,71229,20909],{},[16,71230,20608],{},[192,71232,20913],{"id":20912},[267,71234,71236],{"className":269,"code":20916,"filename":271,"highlights":71235,"language":272,"meta":273,"style":273},[381],[16,71237,71238,71254,71266,71270,71286,71294,71298,71306,71323,71335,71347,71355],{"__ignoreMap":273},[277,71239,71240,71242,71244,71246,71248,71250,71252],{"class":279,"line":280},[277,71241,284],{"class":283},[277,71243,288],{"class":287},[277,71245,292],{"class":291},[277,71247,295],{"class":291},[277,71249,298],{"class":283},[277,71251,302],{"class":301},[277,71253,305],{"class":283},[277,71255,71256,71258,71260,71262,71264],{"class":279,"line":308},[277,71257,312],{"class":311},[277,71259,11006],{"class":283},[277,71261,318],{"class":311},[277,71263,18148],{"class":301},[277,71265,18151],{"class":283},[277,71267,71268],{"class":279,"line":324},[277,71269,328],{"emptyLinePlaceholder":327},[277,71271,71272,71274,71276,71278,71280,71282,71284],{"class":279,"line":331},[277,71273,405],{"class":311},[277,71275,20958],{"class":356},[277,71277,340],{"class":311},[277,71279,413],{"class":291},[277,71281,448],{"class":283},[277,71283,20967],{"class":301},[277,71285,18277],{"class":283},[277,71287,71288,71290,71292],{"class":279,"line":346},[277,71289,785],{"class":283},[277,71291,288],{"class":287},[277,71293,305],{"class":283},[277,71295,71296],{"class":279,"line":360},[277,71297,328],{"emptyLinePlaceholder":327},[277,71299,71300,71302,71304],{"class":279,"line":371},[277,71301,284],{"class":283},[277,71303,802],{"class":287},[277,71305,305],{"class":283},[277,71307,71309,71311,71313,71315,71317,71319,71321],{"class":71308,"line":381},[279,9398],[277,71310,810],{"class":283},[277,71312,4121],{"class":287},[277,71314,20999],{"class":291},[277,71316,816],{"class":291},[277,71318,298],{"class":283},[277,71320,21006],{"class":301},[277,71322,305],{"class":283},[277,71324,71325,71327,71329,71331,71333],{"class":279,"line":391},[277,71326,829],{"class":283},[277,71328,11],{"class":287},[277,71330,21017],{"class":283},[277,71332,11],{"class":287},[277,71334,305],{"class":283},[277,71336,71337,71339,71341,71343,71345],{"class":279,"line":397},[277,71338,829],{"class":283},[277,71340,21],{"class":287},[277,71342,21030],{"class":283},[277,71344,21],{"class":287},[277,71346,305],{"class":283},[277,71348,71349,71351,71353],{"class":279,"line":402},[277,71350,954],{"class":283},[277,71352,4121],{"class":287},[277,71354,305],{"class":283},[277,71356,71357,71359,71361],{"class":279,"line":436},[277,71358,785],{"class":283},[277,71360,802],{"class":287},[277,71362,305],{"class":283},[267,71364,71366],{"className":269,"code":21053,"filename":971,"highlights":71365,"language":272,"meta":273,"style":273},[436],[16,71367,71368,71382,71390,71396,71402,71410,71414,71418,71422,71430,71434,71442,71459,71471,71483,71491],{"__ignoreMap":273},[277,71369,71370,71372,71374,71376,71378,71380],{"class":279,"line":280},[277,71371,284],{"class":283},[277,71373,288],{"class":287},[277,71375,295],{"class":291},[277,71377,298],{"class":283},[277,71379,302],{"class":301},[277,71381,305],{"class":283},[277,71383,71384,71386,71388],{"class":279,"line":308},[277,71385,1057],{"class":311},[277,71387,1060],{"class":311},[277,71389,343],{"class":283},[277,71391,71392,71394],{"class":279,"line":324},[277,71393,1086],{"class":291},[277,71395,473],{"class":283},[277,71397,71398,71400],{"class":279,"line":331},[277,71399,1093],{"class":311},[277,71401,343],{"class":283},[277,71403,71404,71406,71408],{"class":279,"line":346},[277,71405,21095],{"class":283},[277,71407,20967],{"class":301},[277,71409,1077],{"class":283},[277,71411,71412],{"class":279,"line":360},[277,71413,18478],{"class":283},[277,71415,71416],{"class":279,"line":371},[277,71417,1131],{"class":283},[277,71419,71420],{"class":279,"line":381},[277,71421,18255],{"class":283},[277,71423,71424,71426,71428],{"class":279,"line":391},[277,71425,785],{"class":283},[277,71427,288],{"class":287},[277,71429,305],{"class":283},[277,71431,71432],{"class":279,"line":397},[277,71433,328],{"emptyLinePlaceholder":327},[277,71435,71436,71438,71440],{"class":279,"line":402},[277,71437,284],{"class":283},[277,71439,802],{"class":287},[277,71441,305],{"class":283},[277,71443,71445,71447,71449,71451,71453,71455,71457],{"class":71444,"line":436},[279,9398],[277,71446,810],{"class":283},[277,71448,4121],{"class":287},[277,71450,20999],{"class":291},[277,71452,816],{"class":291},[277,71454,298],{"class":283},[277,71456,21006],{"class":301},[277,71458,305],{"class":283},[277,71460,71461,71463,71465,71467,71469],{"class":279,"line":456},[277,71462,829],{"class":283},[277,71464,11],{"class":287},[277,71466,21017],{"class":283},[277,71468,11],{"class":287},[277,71470,305],{"class":283},[277,71472,71473,71475,71477,71479,71481],{"class":279,"line":461},[277,71474,829],{"class":283},[277,71476,21],{"class":287},[277,71478,21030],{"class":283},[277,71480,21],{"class":287},[277,71482,305],{"class":283},[277,71484,71485,71487,71489],{"class":279,"line":476},[277,71486,954],{"class":283},[277,71488,4121],{"class":287},[277,71490,305],{"class":283},[277,71492,71493,71495,71497],{"class":279,"line":500},[277,71494,785],{"class":283},[277,71496,802],{"class":287},[277,71498,305],{"class":283},[267,71500,71502],{"className":20676,"code":21191,"filename":20678,"highlights":71501,"language":20679,"meta":273,"style":273},[280,308,324],[16,71503,71504,71513,71524,71529,71533,71539,71563,71573,71585,71597],{"__ignoreMap":273},[277,71505,71507,71509,71511],{"class":71506,"line":280},[279,9398],[277,71508,20686],{"class":283},[277,71510,20608],{"class":291},[277,71512,20691],{"class":283},[277,71514,71516,71518,71520,71522],{"class":71515,"line":308},[279,9398],[277,71517,20891],{"class":356},[277,71519,20699],{"class":283},[277,71521,20702],{"class":356},[277,71523,18151],{"class":283},[277,71525,71527],{"class":71526,"line":324},[279,9398],[277,71528,394],{"class":283},[277,71530,71531],{"class":279,"line":331},[277,71532,328],{"emptyLinePlaceholder":327},[277,71534,71535,71537],{"class":279,"line":346},[277,71536,21228],{"class":291},[277,71538,343],{"class":283},[277,71540,71541,71543,71545,71547,71549,71551,71553,71555,71557,71559,71561],{"class":279,"line":360},[277,71542,21235],{"class":356},[277,71544,20699],{"class":283},[277,71546,21240],{"class":356},[277,71548,448],{"class":283},[277,71550,21245],{"class":356},[277,71552,21248],{"class":311},[277,71554,225],{"class":283},[277,71556,20589],{"class":356},[277,71558,225],{"class":283},[277,71560,9075],{"class":356},[277,71562,18277],{"class":283},[277,71564,71565,71567,71569,71571],{"class":279,"line":371},[277,71566,21263],{"class":356},[277,71568,20699],{"class":283},[277,71570,21268],{"class":356},[277,71572,18151],{"class":283},[277,71574,71575,71577,71579,71581,71583],{"class":279,"line":381},[277,71576,21275],{"class":356},[277,71578,20699],{"class":283},[277,71580,2139],{"class":356},[277,71582,21282],{"class":311},[277,71584,18151],{"class":283},[277,71586,71587,71589,71591,71593,71595],{"class":279,"line":391},[277,71588,21289],{"class":356},[277,71590,20699],{"class":283},[277,71592,21294],{"class":356},[277,71594,21297],{"class":311},[277,71596,18151],{"class":283},[277,71598,71599],{"class":279,"line":397},[277,71600,394],{"class":283},[192,71602,21307],{"id":21306},[21,71604,21310,71605,21313],{},[16,71606,20608],{},[192,71608,21317],{"id":21316},[267,71610,71611],{"className":269,"code":21320,"filename":271,"language":272,"meta":273,"style":273},[16,71612,71613,71629,71641,71645,71675,71679,71693,71717,71729,71733,71741,71745,71753,71769,71781,71799,71813,71821],{"__ignoreMap":273},[277,71614,71615,71617,71619,71621,71623,71625,71627],{"class":279,"line":280},[277,71616,284],{"class":283},[277,71618,288],{"class":287},[277,71620,292],{"class":291},[277,71622,295],{"class":291},[277,71624,298],{"class":283},[277,71626,302],{"class":301},[277,71628,305],{"class":283},[277,71630,71631,71633,71635,71637,71639],{"class":279,"line":308},[277,71632,312],{"class":311},[277,71634,21345],{"class":283},[277,71636,318],{"class":311},[277,71638,18148],{"class":301},[277,71640,18151],{"class":283},[277,71642,71643],{"class":279,"line":324},[277,71644,328],{"emptyLinePlaceholder":327},[277,71646,71647,71649,71651,71653,71655,71657,71659,71661,71663,71665,71667,71669,71671,71673],{"class":279,"line":331},[277,71648,405],{"class":311},[277,71650,17573],{"class":356},[277,71652,340],{"class":311},[277,71654,413],{"class":291},[277,71656,21368],{"class":283},[277,71658,21371],{"class":349},[277,71660,353],{"class":311},[277,71662,21376],{"class":356},[277,71664,17506],{"class":283},[277,71666,5790],{"class":311},[277,71668,424],{"class":356},[277,71670,427],{"class":283},[277,71672,430],{"class":356},[277,71674,18277],{"class":283},[277,71676,71677],{"class":279,"line":346},[277,71678,328],{"emptyLinePlaceholder":327},[277,71680,71681,71683,71685,71687,71689,71691],{"class":279,"line":360},[277,71682,687],{"class":291},[277,71684,448],{"class":283},[277,71686,464],{"class":311},[277,71688,598],{"class":283},[277,71690,601],{"class":311},[277,71692,343],{"class":283},[277,71694,71695,71697,71699,71701,71703,71705,71707,71709,71711,71713,71715],{"class":279,"line":371},[277,71696,6252],{"class":311},[277,71698,526],{"class":311},[277,71700,17350],{"class":356},[277,71702,2334],{"class":283},[277,71704,17355],{"class":349},[277,71706,2340],{"class":283},[277,71708,601],{"class":311},[277,71710,21425],{"class":291},[277,71712,21428],{"class":283},[277,71714,21431],{"class":356},[277,71716,21434],{"class":283},[277,71718,71719,71721,71723,71725,71727],{"class":279,"line":381},[277,71720,21439],{"class":283},[277,71722,298],{"class":311},[277,71724,21444],{"class":283},[277,71726,21447],{"class":301},[277,71728,19697],{"class":283},[277,71730,71731],{"class":279,"line":391},[277,71732,21454],{"class":283},[277,71734,71735,71737,71739],{"class":279,"line":397},[277,71736,785],{"class":283},[277,71738,288],{"class":287},[277,71740,305],{"class":283},[277,71742,71743],{"class":279,"line":402},[277,71744,328],{"emptyLinePlaceholder":327},[277,71746,71747,71749,71751],{"class":279,"line":436},[277,71748,284],{"class":283},[277,71750,802],{"class":287},[277,71752,305],{"class":283},[277,71754,71755,71757,71759,71761,71763,71765,71767],{"class":279,"line":456},[277,71756,810],{"class":283},[277,71758,21481],{"class":287},[277,71760,20999],{"class":291},[277,71762,816],{"class":291},[277,71764,298],{"class":283},[277,71766,21490],{"class":301},[277,71768,305],{"class":283},[277,71770,71771,71773,71775,71777,71779],{"class":279,"line":461},[277,71772,829],{"class":283},[277,71774,30],{"class":287},[277,71776,21501],{"class":283},[277,71778,30],{"class":287},[277,71780,305],{"class":283},[277,71782,71783,71785,71787,71789,71791,71793,71795,71797],{"class":279,"line":476},[277,71784,829],{"class":283},[277,71786,21],{"class":287},[277,71788,834],{"class":291},[277,71790,298],{"class":283},[277,71792,21518],{"class":301},[277,71794,21521],{"class":283},[277,71796,21],{"class":287},[277,71798,305],{"class":283},[277,71800,71801,71803,71805,71807,71809,71811],{"class":279,"line":500},[277,71802,829],{"class":283},[277,71804,21],{"class":287},[277,71806,941],{"class":291},[277,71808,21536],{"class":283},[277,71810,21],{"class":287},[277,71812,305],{"class":283},[277,71814,71815,71817,71819],{"class":279,"line":505},[277,71816,954],{"class":283},[277,71818,21481],{"class":287},[277,71820,305],{"class":283},[277,71822,71823,71825,71827],{"class":279,"line":520},[277,71824,785],{"class":283},[277,71826,802],{"class":287},[277,71828,305],{"class":283},[267,71830,71831],{"className":269,"code":21559,"filename":971,"language":272,"meta":273,"style":273},[16,71832,71833,71847,71855,71863,71869,71875,71897,71901,71905,71913,71937,71951,71955,71959,71967,71971,71979,71995,72007,72025,72039,72047],{"__ignoreMap":273},[277,71834,71835,71837,71839,71841,71843,71845],{"class":279,"line":280},[277,71836,284],{"class":283},[277,71838,288],{"class":287},[277,71840,295],{"class":291},[277,71842,298],{"class":283},[277,71844,302],{"class":301},[277,71846,305],{"class":283},[277,71848,71849,71851,71853],{"class":279,"line":308},[277,71850,1057],{"class":311},[277,71852,1060],{"class":311},[277,71854,343],{"class":283},[277,71856,71857,71859,71861],{"class":279,"line":324},[277,71858,1071],{"class":283},[277,71860,21590],{"class":301},[277,71862,1077],{"class":283},[277,71864,71865,71867],{"class":279,"line":331},[277,71866,1086],{"class":291},[277,71868,473],{"class":283},[277,71870,71871,71873],{"class":279,"line":346},[277,71872,1093],{"class":311},[277,71874,343],{"class":283},[277,71876,71877,71879,71881,71883,71885,71887,71889,71891,71893,71895],{"class":279,"line":360},[277,71878,21609],{"class":283},[277,71880,430],{"class":356},[277,71882,1105],{"class":311},[277,71884,424],{"class":356},[277,71886,421],{"class":311},[277,71888,5995],{"class":283},[277,71890,21371],{"class":349},[277,71892,353],{"class":311},[277,71894,21376],{"class":356},[277,71896,2132],{"class":283},[277,71898,71899],{"class":279,"line":371},[277,71900,18478],{"class":283},[277,71902,71903],{"class":279,"line":381},[277,71904,1131],{"class":283},[277,71906,71907,71909,71911],{"class":279,"line":391},[277,71908,1248],{"class":311},[277,71910,1329],{"class":291},[277,71912,473],{"class":283},[277,71914,71915,71917,71919,71921,71923,71925,71927,71929,71931,71933,71935],{"class":279,"line":397},[277,71916,617],{"class":311},[277,71918,526],{"class":311},[277,71920,17350],{"class":356},[277,71922,2334],{"class":283},[277,71924,17355],{"class":349},[277,71926,2340],{"class":283},[277,71928,601],{"class":311},[277,71930,21425],{"class":291},[277,71932,21428],{"class":283},[277,71934,21431],{"class":356},[277,71936,21434],{"class":283},[277,71938,71939,71941,71943,71945,71947,71949],{"class":279,"line":402},[277,71940,4724],{"class":356},[277,71942,21674],{"class":283},[277,71944,298],{"class":311},[277,71946,21444],{"class":283},[277,71948,21447],{"class":301},[277,71950,19697],{"class":283},[277,71952,71953],{"class":279,"line":436},[277,71954,1131],{"class":283},[277,71956,71957],{"class":279,"line":456},[277,71958,18255],{"class":283},[277,71960,71961,71963,71965],{"class":279,"line":461},[277,71962,785],{"class":283},[277,71964,288],{"class":287},[277,71966,305],{"class":283},[277,71968,71969],{"class":279,"line":476},[277,71970,328],{"emptyLinePlaceholder":327},[277,71972,71973,71975,71977],{"class":279,"line":500},[277,71974,284],{"class":283},[277,71976,802],{"class":287},[277,71978,305],{"class":283},[277,71980,71981,71983,71985,71987,71989,71991,71993],{"class":279,"line":505},[277,71982,810],{"class":283},[277,71984,21481],{"class":287},[277,71986,20999],{"class":291},[277,71988,816],{"class":291},[277,71990,298],{"class":283},[277,71992,21490],{"class":301},[277,71994,305],{"class":283},[277,71996,71997,71999,72001,72003,72005],{"class":279,"line":520},[277,71998,829],{"class":283},[277,72000,30],{"class":287},[277,72002,21501],{"class":283},[277,72004,30],{"class":287},[277,72006,305],{"class":283},[277,72008,72009,72011,72013,72015,72017,72019,72021,72023],{"class":279,"line":539},[277,72010,829],{"class":283},[277,72012,21],{"class":287},[277,72014,834],{"class":291},[277,72016,298],{"class":283},[277,72018,21518],{"class":301},[277,72020,21521],{"class":283},[277,72022,21],{"class":287},[277,72024,305],{"class":283},[277,72026,72027,72029,72031,72033,72035,72037],{"class":279,"line":545},[277,72028,829],{"class":283},[277,72030,21],{"class":287},[277,72032,941],{"class":291},[277,72034,21536],{"class":283},[277,72036,21],{"class":287},[277,72038,305],{"class":283},[277,72040,72041,72043,72045],{"class":279,"line":550},[277,72042,954],{"class":283},[277,72044,21481],{"class":287},[277,72046,305],{"class":283},[277,72048,72049,72051,72053],{"class":279,"line":578},[277,72050,785],{"class":283},[277,72052,802],{"class":287},[277,72054,305],{"class":283},[267,72056,72057],{"className":20676,"code":20876,"filename":20678,"language":20679,"meta":273,"style":273},[16,72058,72059,72067,72077],{"__ignoreMap":273},[277,72060,72061,72063,72065],{"class":279,"line":280},[277,72062,20686],{"class":283},[277,72064,20608],{"class":291},[277,72066,20691],{"class":283},[277,72068,72069,72071,72073,72075],{"class":279,"line":308},[277,72070,20891],{"class":356},[277,72072,20699],{"class":283},[277,72074,20702],{"class":356},[277,72076,18151],{"class":283},[277,72078,72079],{"class":279,"line":324},[277,72080,394],{"class":283},[30,72082,1596],{"id":1595},[21,72084,72085,21819],{},[16,72086,20608],{},[21,72088,72089],{},[72,72090,21824],{},[38,72092,72093,72097,72099,72101],{},[41,72094,21829,72095,104],{},[16,72096,20830],{},[41,72098,21834],{},[41,72100,21837],{},[41,72102,21840],{},[1606,72104,21843],{},{"title":273,"searchDepth":308,"depth":308,"links":72106},[72107,72108,72109,72110,72111,72112,72118,72124],{"id":20624,"depth":308,"text":20625},{"id":60,"depth":308,"text":61},{"id":20734,"depth":308,"text":20735},{"id":128,"depth":308,"text":129},{"id":155,"depth":308,"text":156},{"id":189,"depth":308,"text":190,"children":72113},[72114,72115,72116,72117],{"id":20820,"depth":324,"text":21854},{"id":20834,"depth":324,"text":21856},{"id":20851,"depth":324,"text":20852},{"id":20861,"depth":324,"text":20862},{"id":1945,"depth":308,"text":1946,"children":72119},[72120,72121,72122,72123],{"id":20872,"depth":324,"text":20873},{"id":20912,"depth":324,"text":20913},{"id":21306,"depth":324,"text":21307},{"id":21316,"depth":324,"text":21317},{"id":1595,"depth":308,"text":1596},{"script":72126},[72127],{"type":1632,"key":1633,"data-nuxt-schema-org":327,"nodes":72128},[72129],{"headline":21875,"author":72130,"datePublished":21877,"@type":1640},{"name":1637,"@type":1638},{"updatedAt":21877,"coverCaption":17759,"author":1637,"keywords":72132},[1645,20608,21880,21881,271,971],[72134],{"headline":21875,"author":72135,"datePublished":21877,"@type":1640},{"name":1637,"@type":1638},{"title":20599,"description":21869},[72138,72139,72140,72141],{"tag":20588,"color":20589},{"tag":21891,"color":21892},{"tag":3164,"color":3165},{"tag":9074,"color":9075},{"id":21897,"title":21898,"body":72143,"cover":24549,"coverAlt":24550,"date":24551,"description":24552,"draft":1627,"extension":1628,"head":74579,"locale":1641,"meta":74585,"navigation":327,"path":24564,"schemaOrg":74587,"seo":74590,"series":20582,"seriesDescription":20583,"seriesOrder":391,"seriesTitle":20584,"slug":1656,"stem":24569,"tags":74591,"__hash__":24576},{"type":8,"value":72144,"toc":74555},[72145,72153,72163,72165,72167,72169,72183,72185,72187,72191,72193,72195,72199,72205,72211,72215,72221,72223,72225,72227,72243,72245,72255,72257,72259,72273,72275,72277,72291,72293,72307,72309,72313,72317,72323,72327,72329,72333,72337,72341,72347,72349,72351,72355,72357,72361,72491,72619,72627,72631,72951,73219,73229,73233,73325,73439,73441,73449,74013,74527,74529,74537,74551,74553],[11,72146,20605,72147,5245,72149,5245,72151],{"id":21903},[16,72148,21906],{},[16,72150,21909],{},[16,72152,21912],{},[21,72154,72155,225,72157,1697,72159,21921,72161,21925],{},[16,72156,21906],{},[16,72158,21909],{},[16,72160,21912],{},[3292,72162,21924],{},[30,72164,20625],{"id":20624},[21,72166,21930],{},[21,72168,21933],{},[38,72170,72171,72175,72179],{},[41,72172,21938,72173,1895],{},[16,72174,21906],{},[41,72176,21943,72177,1895],{},[16,72178,21909],{},[41,72180,21948,72181,1895],{},[16,72182,21912],{},[21,72184,21953],{},[30,72186,61],{"id":60},[192,72188,72189],{"id":21906},[16,72190,21906],{},[21,72192,21962],{},[21,72194,21965],{},[192,72196,72197],{"id":21909},[16,72198,21909],{},[21,72200,21972,72201,21976,72203,21980],{},[72,72202,21975],{},[3292,72204,21979],{},[21,72206,21983,72207,21986,72209,104],{},[16,72208,21909],{},[72,72210,21989],{},[192,72212,72213],{"id":21912},[16,72214,21912],{},[21,72216,21996,72217,22000,72219,22003],{},[72,72218,21999],{},[16,72220,20620],{},[21,72222,22006],{},[30,72224,129],{"id":128},[21,72226,22011],{},[38,72228,72229,72233,72239],{},[41,72230,72231,22018],{},[16,72232,21906],{},[41,72234,72235,22023,72237,104],{},[16,72236,21909],{},[72,72238,22026],{},[41,72240,72241,22031],{},[16,72242,21912],{},[21,72244,22034],{},[38,72246,72247,72251,72253],{},[41,72248,22039,72249,22043],{},[16,72250,22042],{},[41,72252,22046],{},[41,72254,22049],{},[30,72256,156],{"id":155},[21,72258,22054],{},[38,72260,72261,72265,72269],{},[41,72262,22059,72263,22062],{},[16,72264,21906],{},[41,72266,22059,72267,22067],{},[16,72268,21909],{},[41,72270,22059,72271,22072],{},[16,72272,21912],{},[21,72274,22075],{},[30,72276,5390],{"id":5389},[38,72278,72279,72283,72287],{},[41,72280,72281,22084],{},[16,72282,21906],{},[41,72284,72285,22089],{},[16,72286,21909],{},[41,72288,72289,22094],{},[16,72290,21912],{},[21,72292,22097],{},[38,72294,72295,72299,72303],{},[41,72296,22102,72297,104],{},[16,72298,21906],{},[41,72300,22107,72301,104],{},[16,72302,21909],{},[41,72304,22112,72305,104],{},[16,72306,21912],{},[30,72308,190],{"id":189},[192,72310,22120,72311,22123],{"id":22119},[16,72312,21906],{},[21,72314,22126,72315,22129],{},[16,72316,21906],{},[21,72318,72319,22135,72321,22138],{},[72,72320,22134],{},[16,72322,21906],{},[192,72324,22142,72325],{"id":22141},[16,72326,21909],{},[21,72328,22147],{},[21,72330,72331,22152],{},[72,72332,22134],{},[192,72334,22156,72335,22159],{"id":22155},[16,72336,21912],{},[21,72338,11996,72339,22164],{},[16,72340,21912],{},[21,72342,72343,17019,72345,22171],{},[72,72344,22134],{},[16,72346,21912],{},[192,72348,22175],{"id":22174},[21,72350,22178],{},[21,72352,72353,22183],{},[72,72354,22134],{},[30,72356,1946],{"id":1945},[192,72358,22189,72359],{"id":22188},[16,72360,21906],{},[267,72362,72364],{"className":269,"code":22194,"filename":271,"highlights":72363,"language":272,"meta":273,"style":273},[402],[16,72365,72366,72382,72394,72398,72414,72426,72434,72438,72446,72464,72468,72483],{"__ignoreMap":273},[277,72367,72368,72370,72372,72374,72376,72378,72380],{"class":279,"line":280},[277,72369,284],{"class":283},[277,72371,288],{"class":287},[277,72373,292],{"class":291},[277,72375,295],{"class":291},[277,72377,298],{"class":283},[277,72379,302],{"class":301},[277,72381,305],{"class":283},[277,72383,72384,72386,72388,72390,72392],{"class":279,"line":308},[277,72385,312],{"class":311},[277,72387,11006],{"class":283},[277,72389,318],{"class":311},[277,72391,18148],{"class":301},[277,72393,18151],{"class":283},[277,72395,72396],{"class":279,"line":324},[277,72397,328],{"emptyLinePlaceholder":327},[277,72399,72400,72402,72404,72406,72408,72410,72412],{"class":279,"line":331},[277,72401,405],{"class":311},[277,72403,22236],{"class":356},[277,72405,340],{"class":311},[277,72407,413],{"class":291},[277,72409,448],{"class":283},[277,72411,3542],{"class":356},[277,72413,18277],{"class":283},[277,72415,72416,72418,72420,72422,72424],{"class":279,"line":346},[277,72417,405],{"class":311},[277,72419,22253],{"class":356},[277,72421,340],{"class":311},[277,72423,22258],{"class":301},[277,72425,18151],{"class":283},[277,72427,72428,72430,72432],{"class":279,"line":360},[277,72429,785],{"class":283},[277,72431,288],{"class":287},[277,72433,305],{"class":283},[277,72435,72436],{"class":279,"line":371},[277,72437,328],{"emptyLinePlaceholder":327},[277,72439,72440,72442,72444],{"class":279,"line":381},[277,72441,284],{"class":283},[277,72443,802],{"class":287},[277,72445,305],{"class":283},[277,72447,72448,72450,72452,72454,72456,72458,72460,72462],{"class":279,"line":391},[277,72449,810],{"class":283},[277,72451,4267],{"class":287},[277,72453,4278],{"class":291},[277,72455,298],{"class":283},[277,72457,22293],{"class":301},[277,72459,22296],{"class":283},[277,72461,4267],{"class":287},[277,72463,305],{"class":283},[277,72465,72466],{"class":279,"line":397},[277,72467,328],{"emptyLinePlaceholder":327},[277,72469,72471,72473,72475,72477,72479,72481],{"class":72470,"line":402},[279,9398],[277,72472,810],{"class":283},[277,72474,21],{"class":287},[277,72476,22314],{"class":291},[277,72478,22317],{"class":283},[277,72480,21],{"class":287},[277,72482,305],{"class":283},[277,72484,72485,72487,72489],{"class":279,"line":436},[277,72486,785],{"class":283},[277,72488,802],{"class":287},[277,72490,305],{"class":283},[267,72492,72494],{"className":269,"code":22332,"filename":971,"highlights":72493,"language":272,"meta":273,"style":273},[461],[16,72495,72496,72510,72518,72524,72530,72538,72546,72550,72554,72558,72566,72570,72578,72596,72611],{"__ignoreMap":273},[277,72497,72498,72500,72502,72504,72506,72508],{"class":279,"line":280},[277,72499,284],{"class":283},[277,72501,288],{"class":287},[277,72503,295],{"class":291},[277,72505,298],{"class":283},[277,72507,302],{"class":301},[277,72509,305],{"class":283},[277,72511,72512,72514,72516],{"class":279,"line":308},[277,72513,1057],{"class":311},[277,72515,1060],{"class":311},[277,72517,343],{"class":283},[277,72519,72520,72522],{"class":279,"line":324},[277,72521,1086],{"class":291},[277,72523,473],{"class":283},[277,72525,72526,72528],{"class":279,"line":331},[277,72527,1093],{"class":311},[277,72529,343],{"class":283},[277,72531,72532,72534,72536],{"class":279,"line":346},[277,72533,22374],{"class":283},[277,72535,3542],{"class":356},[277,72537,1077],{"class":283},[277,72539,72540,72542,72544],{"class":279,"line":360},[277,72541,22383],{"class":283},[277,72543,22386],{"class":301},[277,72545,1077],{"class":283},[277,72547,72548],{"class":279,"line":371},[277,72549,18478],{"class":283},[277,72551,72552],{"class":279,"line":381},[277,72553,1131],{"class":283},[277,72555,72556],{"class":279,"line":391},[277,72557,18255],{"class":283},[277,72559,72560,72562,72564],{"class":279,"line":397},[277,72561,785],{"class":283},[277,72563,288],{"class":287},[277,72565,305],{"class":283},[277,72567,72568],{"class":279,"line":402},[277,72569,328],{"emptyLinePlaceholder":327},[277,72571,72572,72574,72576],{"class":279,"line":436},[277,72573,284],{"class":283},[277,72575,802],{"class":287},[277,72577,305],{"class":283},[277,72579,72580,72582,72584,72586,72588,72590,72592,72594],{"class":279,"line":456},[277,72581,810],{"class":283},[277,72583,4267],{"class":287},[277,72585,4278],{"class":291},[277,72587,298],{"class":283},[277,72589,22293],{"class":301},[277,72591,22296],{"class":283},[277,72593,4267],{"class":287},[277,72595,305],{"class":283},[277,72597,72599,72601,72603,72605,72607,72609],{"class":72598,"line":461},[279,9398],[277,72600,810],{"class":283},[277,72602,21],{"class":287},[277,72604,22314],{"class":291},[277,72606,22317],{"class":283},[277,72608,21],{"class":287},[277,72610,305],{"class":283},[277,72612,72613,72615,72617],{"class":279,"line":476},[277,72614,785],{"class":283},[277,72616,802],{"class":287},[277,72618,305],{"class":283},[3111,72620,72621],{},[21,72622,22466,72623,22470,72625,22473],{},[16,72624,22469],{},[16,72626,21906],{},[192,72628,22477,72629],{"id":22476},[16,72630,21909],{},[267,72632,72634],{"className":269,"code":22482,"filename":271,"highlights":72633,"language":272,"meta":273,"style":273},[520],[16,72635,72636,72652,72664,72668,72710,72714,72738,72754,72774,72794,72814,72818,72826,72830,72838,72844,72852,72860,72869,72877,72881,72893,72905,72917,72935,72943],{"__ignoreMap":273},[277,72637,72638,72640,72642,72644,72646,72648,72650],{"class":279,"line":280},[277,72639,284],{"class":283},[277,72641,288],{"class":287},[277,72643,292],{"class":291},[277,72645,295],{"class":291},[277,72647,298],{"class":283},[277,72649,302],{"class":301},[277,72651,305],{"class":283},[277,72653,72654,72656,72658,72660,72662],{"class":279,"line":308},[277,72655,312],{"class":311},[277,72657,11006],{"class":283},[277,72659,318],{"class":311},[277,72661,18148],{"class":301},[277,72663,18151],{"class":283},[277,72665,72666],{"class":279,"line":324},[277,72667,328],{"emptyLinePlaceholder":327},[277,72669,72670,72672,72674,72676,72678,72680,72682,72684,72686,72688,72690,72692,72694,72696,72698,72700,72702,72704,72706,72708],{"class":279,"line":331},[277,72671,334],{"class":311},[277,72673,22524],{"class":291},[277,72675,340],{"class":311},[277,72677,5995],{"class":283},[277,72679,22042],{"class":349},[277,72681,353],{"class":311},[277,72683,2473],{"class":356},[277,72685,22537],{"class":283},[277,72687,21371],{"class":349},[277,72689,353],{"class":311},[277,72691,21376],{"class":356},[277,72693,22537],{"class":283},[277,72695,22548],{"class":349},[277,72697,353],{"class":311},[277,72699,22553],{"class":356},[277,72701,22537],{"class":283},[277,72703,22558],{"class":349},[277,72705,353],{"class":311},[277,72707,2473],{"class":356},[277,72709,19697],{"class":283},[277,72711,72712],{"class":279,"line":346},[277,72713,328],{"emptyLinePlaceholder":327},[277,72715,72716,72718,72720,72722,72724,72726,72728,72730,72732,72734,72736],{"class":279,"line":360},[277,72717,405],{"class":311},[277,72719,22575],{"class":356},[277,72721,340],{"class":311},[277,72723,413],{"class":291},[277,72725,284],{"class":283},[277,72727,7971],{"class":356},[277,72729,421],{"class":311},[277,72731,424],{"class":356},[277,72733,427],{"class":283},[277,72735,430],{"class":356},[277,72737,18277],{"class":283},[277,72739,72740,72742,72744,72746,72748,72750,72752],{"class":279,"line":371},[277,72741,405],{"class":311},[277,72743,11021],{"class":356},[277,72745,340],{"class":311},[277,72747,413],{"class":291},[277,72749,284],{"class":283},[277,72751,22608],{"class":291},[277,72753,22611],{"class":283},[277,72755,72756,72758,72760,72762,72764,72766,72768,72770,72772],{"class":279,"line":381},[277,72757,2109],{"class":283},[277,72759,2072],{"class":356},[277,72761,22620],{"class":283},[277,72763,17584],{"class":301},[277,72765,22625],{"class":283},[277,72767,2149],{"class":356},[277,72769,22630],{"class":283},[277,72771,22633],{"class":356},[277,72773,2132],{"class":283},[277,72775,72776,72778,72780,72782,72784,72786,72788,72790,72792],{"class":279,"line":391},[277,72777,2109],{"class":283},[277,72779,2139],{"class":356},[277,72781,22620],{"class":283},[277,72783,22646],{"class":301},[277,72785,22625],{"class":283},[277,72787,2123],{"class":356},[277,72789,22630],{"class":283},[277,72791,22655],{"class":356},[277,72793,2132],{"class":283},[277,72795,72796,72798,72800,72802,72804,72806,72808,72810,72812],{"class":279,"line":397},[277,72797,2109],{"class":283},[277,72799,2163],{"class":356},[277,72801,22620],{"class":283},[277,72803,22668],{"class":301},[277,72805,22625],{"class":283},[277,72807,2149],{"class":356},[277,72809,22630],{"class":283},[277,72811,22677],{"class":356},[277,72813,2132],{"class":283},[277,72815,72816],{"class":279,"line":402},[277,72817,22684],{"class":283},[277,72819,72820,72822,72824],{"class":279,"line":436},[277,72821,785],{"class":283},[277,72823,288],{"class":287},[277,72825,305],{"class":283},[277,72827,72828],{"class":279,"line":456},[277,72829,328],{"emptyLinePlaceholder":327},[277,72831,72832,72834,72836],{"class":279,"line":461},[277,72833,284],{"class":283},[277,72835,802],{"class":287},[277,72837,305],{"class":283},[277,72839,72840,72842],{"class":279,"line":476},[277,72841,810],{"class":283},[277,72843,22711],{"class":287},[277,72845,72846,72848,72850],{"class":279,"line":500},[277,72847,22716],{"class":291},[277,72849,298],{"class":283},[277,72851,22721],{"class":301},[277,72853,72854,72856,72858],{"class":279,"line":505},[277,72855,22726],{"class":291},[277,72857,298],{"class":283},[277,72859,22731],{"class":301},[277,72861,72863,72865,72867],{"class":72862,"line":520},[279,9398],[277,72864,22737],{"class":291},[277,72866,298],{"class":283},[277,72868,22742],{"class":301},[277,72870,72871,72873,72875],{"class":279,"line":539},[277,72872,22747],{"class":291},[277,72874,298],{"class":283},[277,72876,22752],{"class":301},[277,72878,72879],{"class":279,"line":545},[277,72880,22757],{"class":283},[277,72882,72883,72885,72887,72889,72891],{"class":279,"line":550},[277,72884,829],{"class":283},[277,72886,192],{"class":287},[277,72888,22766],{"class":283},[277,72890,192],{"class":287},[277,72892,305],{"class":283},[277,72894,72895,72897,72899,72901,72903],{"class":279,"line":578},[277,72896,829],{"class":283},[277,72898,21],{"class":287},[277,72900,22779],{"class":283},[277,72902,21],{"class":287},[277,72904,305],{"class":283},[277,72906,72907,72909,72911,72913,72915],{"class":279,"line":583},[277,72908,829],{"class":283},[277,72910,21],{"class":287},[277,72912,22792],{"class":283},[277,72914,21],{"class":287},[277,72916,305],{"class":283},[277,72918,72919,72921,72923,72925,72927,72929,72931,72933],{"class":279,"line":588},[277,72920,829],{"class":283},[277,72922,4267],{"class":287},[277,72924,4278],{"class":291},[277,72926,298],{"class":283},[277,72928,22809],{"class":301},[277,72930,22812],{"class":283},[277,72932,4267],{"class":287},[277,72934,305],{"class":283},[277,72936,72937,72939,72941],{"class":279,"line":606},[277,72938,954],{"class":283},[277,72940,813],{"class":287},[277,72942,305],{"class":283},[277,72944,72945,72947,72949],{"class":279,"line":614},[277,72946,785],{"class":283},[277,72948,802],{"class":287},[277,72950,305],{"class":283},[267,72952,72954],{"className":269,"code":22835,"filename":971,"highlights":72953,"language":272,"meta":273,"style":273},[545],[16,72955,72956,72970,72978,72984,72990,73006,73010,73030,73050,73070,73074,73078,73082,73086,73094,73098,73106,73112,73120,73128,73137,73145,73149,73161,73173,73185,73203,73211],{"__ignoreMap":273},[277,72957,72958,72960,72962,72964,72966,72968],{"class":279,"line":280},[277,72959,284],{"class":283},[277,72961,288],{"class":287},[277,72963,295],{"class":291},[277,72965,298],{"class":283},[277,72967,302],{"class":301},[277,72969,305],{"class":283},[277,72971,72972,72974,72976],{"class":279,"line":308},[277,72973,1057],{"class":311},[277,72975,1060],{"class":311},[277,72977,343],{"class":283},[277,72979,72980,72982],{"class":279,"line":324},[277,72981,1086],{"class":291},[277,72983,473],{"class":283},[277,72985,72986,72988],{"class":279,"line":331},[277,72987,1093],{"class":311},[277,72989,343],{"class":283},[277,72991,72992,72994,72996,72998,73000,73002,73004],{"class":279,"line":346},[277,72993,22877],{"class":283},[277,72995,430],{"class":356},[277,72997,1105],{"class":311},[277,72999,2473],{"class":356},[277,73001,421],{"class":311},[277,73003,424],{"class":356},[277,73005,1077],{"class":283},[277,73007,73008],{"class":279,"line":360},[277,73009,22894],{"class":283},[277,73011,73012,73014,73016,73018,73020,73022,73024,73026,73028],{"class":279,"line":371},[277,73013,2664],{"class":283},[277,73015,2072],{"class":356},[277,73017,22620],{"class":283},[277,73019,17584],{"class":301},[277,73021,22625],{"class":283},[277,73023,2149],{"class":356},[277,73025,22630],{"class":283},[277,73027,22633],{"class":356},[277,73029,2132],{"class":283},[277,73031,73032,73034,73036,73038,73040,73042,73044,73046,73048],{"class":279,"line":381},[277,73033,2664],{"class":283},[277,73035,2139],{"class":356},[277,73037,22620],{"class":283},[277,73039,22646],{"class":301},[277,73041,22625],{"class":283},[277,73043,2123],{"class":356},[277,73045,22630],{"class":283},[277,73047,22655],{"class":356},[277,73049,2132],{"class":283},[277,73051,73052,73054,73056,73058,73060,73062,73064,73066,73068],{"class":279,"line":391},[277,73053,2664],{"class":283},[277,73055,2163],{"class":356},[277,73057,22620],{"class":283},[277,73059,22668],{"class":301},[277,73061,22625],{"class":283},[277,73063,2149],{"class":356},[277,73065,22630],{"class":283},[277,73067,22677],{"class":356},[277,73069,2132],{"class":283},[277,73071,73072],{"class":279,"line":397},[277,73073,10174],{"class":283},[277,73075,73076],{"class":279,"line":402},[277,73077,18478],{"class":283},[277,73079,73080],{"class":279,"line":436},[277,73081,1131],{"class":283},[277,73083,73084],{"class":279,"line":456},[277,73085,18255],{"class":283},[277,73087,73088,73090,73092],{"class":279,"line":461},[277,73089,785],{"class":283},[277,73091,288],{"class":287},[277,73093,305],{"class":283},[277,73095,73096],{"class":279,"line":476},[277,73097,328],{"emptyLinePlaceholder":327},[277,73099,73100,73102,73104],{"class":279,"line":500},[277,73101,284],{"class":283},[277,73103,802],{"class":287},[277,73105,305],{"class":283},[277,73107,73108,73110],{"class":279,"line":505},[277,73109,810],{"class":283},[277,73111,22711],{"class":287},[277,73113,73114,73116,73118],{"class":279,"line":520},[277,73115,22716],{"class":291},[277,73117,298],{"class":283},[277,73119,22721],{"class":301},[277,73121,73122,73124,73126],{"class":279,"line":539},[277,73123,22726],{"class":291},[277,73125,298],{"class":283},[277,73127,22731],{"class":301},[277,73129,73131,73133,73135],{"class":73130,"line":545},[279,9398],[277,73132,22737],{"class":291},[277,73134,298],{"class":283},[277,73136,22742],{"class":301},[277,73138,73139,73141,73143],{"class":279,"line":550},[277,73140,22747],{"class":291},[277,73142,298],{"class":283},[277,73144,22752],{"class":301},[277,73146,73147],{"class":279,"line":578},[277,73148,22757],{"class":283},[277,73150,73151,73153,73155,73157,73159],{"class":279,"line":583},[277,73152,829],{"class":283},[277,73154,192],{"class":287},[277,73156,22766],{"class":283},[277,73158,192],{"class":287},[277,73160,305],{"class":283},[277,73162,73163,73165,73167,73169,73171],{"class":279,"line":588},[277,73164,829],{"class":283},[277,73166,21],{"class":287},[277,73168,22779],{"class":283},[277,73170,21],{"class":287},[277,73172,305],{"class":283},[277,73174,73175,73177,73179,73181,73183],{"class":279,"line":606},[277,73176,829],{"class":283},[277,73178,21],{"class":287},[277,73180,22792],{"class":283},[277,73182,21],{"class":287},[277,73184,305],{"class":283},[277,73186,73187,73189,73191,73193,73195,73197,73199,73201],{"class":279,"line":614},[277,73188,829],{"class":283},[277,73190,4267],{"class":287},[277,73192,4278],{"class":291},[277,73194,298],{"class":283},[277,73196,22809],{"class":301},[277,73198,22812],{"class":283},[277,73200,4267],{"class":287},[277,73202,305],{"class":283},[277,73204,73205,73207,73209],{"class":279,"line":625},[277,73206,954],{"class":283},[277,73208,813],{"class":287},[277,73210,305],{"class":283},[277,73212,73213,73215,73217],{"class":279,"line":637},[277,73214,785],{"class":283},[277,73216,802],{"class":287},[277,73218,305],{"class":283},[3111,73220,73221],{},[21,73222,23108,73223,23111,73225,23115,73227,23119],{},[16,73224,21909],{},[72,73226,23114],{},[16,73228,23118],{},[192,73230,23123,73231],{"id":23122},[16,73232,21912],{},[267,73234,73236],{"className":269,"code":23128,"filename":271,"highlights":73235,"language":272,"meta":273,"style":273},[381],[16,73237,73238,73254,73266,73274,73278,73286,73298,73302,73317],{"__ignoreMap":273},[277,73239,73240,73242,73244,73246,73248,73250,73252],{"class":279,"line":280},[277,73241,284],{"class":283},[277,73243,288],{"class":287},[277,73245,292],{"class":291},[277,73247,295],{"class":291},[277,73249,298],{"class":283},[277,73251,302],{"class":301},[277,73253,305],{"class":283},[277,73255,73256,73258,73260,73262,73264],{"class":279,"line":308},[277,73257,405],{"class":311},[277,73259,23154],{"class":356},[277,73261,340],{"class":311},[277,73263,23159],{"class":301},[277,73265,18151],{"class":283},[277,73267,73268,73270,73272],{"class":279,"line":324},[277,73269,785],{"class":283},[277,73271,288],{"class":287},[277,73273,305],{"class":283},[277,73275,73276],{"class":279,"line":331},[277,73277,328],{"emptyLinePlaceholder":327},[277,73279,73280,73282,73284],{"class":279,"line":346},[277,73281,284],{"class":283},[277,73283,802],{"class":287},[277,73285,305],{"class":283},[277,73287,73288,73290,73292,73294,73296],{"class":279,"line":360},[277,73289,810],{"class":283},[277,73291,21],{"class":287},[277,73293,23190],{"class":283},[277,73295,21],{"class":287},[277,73297,305],{"class":283},[277,73299,73300],{"class":279,"line":371},[277,73301,328],{"emptyLinePlaceholder":327},[277,73303,73305,73307,73309,73311,73313,73315],{"class":73304,"line":381},[279,9398],[277,73306,810],{"class":283},[277,73308,267],{"class":287},[277,73310,23208],{"class":291},[277,73312,23211],{"class":283},[277,73314,267],{"class":287},[277,73316,305],{"class":283},[277,73318,73319,73321,73323],{"class":279,"line":391},[277,73320,785],{"class":283},[277,73322,802],{"class":287},[277,73324,305],{"class":283},[267,73326,73328],{"className":269,"code":23226,"filename":971,"highlights":73327,"language":272,"meta":273,"style":273},[456],[16,73329,73330,73344,73352,73358,73364,73372,73376,73380,73384,73392,73396,73404,73416,73431],{"__ignoreMap":273},[277,73331,73332,73334,73336,73338,73340,73342],{"class":279,"line":280},[277,73333,284],{"class":283},[277,73335,288],{"class":287},[277,73337,295],{"class":291},[277,73339,298],{"class":283},[277,73341,302],{"class":301},[277,73343,305],{"class":283},[277,73345,73346,73348,73350],{"class":279,"line":308},[277,73347,1057],{"class":311},[277,73349,1060],{"class":311},[277,73351,343],{"class":283},[277,73353,73354,73356],{"class":279,"line":324},[277,73355,1086],{"class":291},[277,73357,473],{"class":283},[277,73359,73360,73362],{"class":279,"line":331},[277,73361,1093],{"class":311},[277,73363,343],{"class":283},[277,73365,73366,73368,73370],{"class":279,"line":346},[277,73367,23268],{"class":283},[277,73369,23271],{"class":301},[277,73371,1077],{"class":283},[277,73373,73374],{"class":279,"line":360},[277,73375,18478],{"class":283},[277,73377,73378],{"class":279,"line":371},[277,73379,1131],{"class":283},[277,73381,73382],{"class":279,"line":381},[277,73383,18255],{"class":283},[277,73385,73386,73388,73390],{"class":279,"line":391},[277,73387,785],{"class":283},[277,73389,288],{"class":287},[277,73391,305],{"class":283},[277,73393,73394],{"class":279,"line":397},[277,73395,328],{"emptyLinePlaceholder":327},[277,73397,73398,73400,73402],{"class":279,"line":402},[277,73399,284],{"class":283},[277,73401,802],{"class":287},[277,73403,305],{"class":283},[277,73405,73406,73408,73410,73412,73414],{"class":279,"line":436},[277,73407,810],{"class":283},[277,73409,21],{"class":287},[277,73411,23190],{"class":283},[277,73413,21],{"class":287},[277,73415,305],{"class":283},[277,73417,73419,73421,73423,73425,73427,73429],{"class":73418,"line":456},[279,9398],[277,73420,810],{"class":283},[277,73422,267],{"class":287},[277,73424,23208],{"class":291},[277,73426,23211],{"class":283},[277,73428,267],{"class":287},[277,73430,305],{"class":283},[277,73432,73433,73435,73437],{"class":279,"line":461},[277,73434,785],{"class":283},[277,73436,802],{"class":287},[277,73438,305],{"class":283},[192,73440,23344],{"id":23343},[21,73442,23347,73443,23350,73445,23353,73447,23356],{},[16,73444,21906],{},[16,73446,21909],{},[16,73448,21912],{},[267,73450,73451],{"className":269,"code":23359,"filename":271,"language":272,"meta":273,"style":273},[16,73452,73453,73469,73481,73485,73527,73531,73555,73571,73591,73611,73631,73635,73639,73677,73691,73699,73705,73727,73731,73739,73743,73751,73761,73773,73785,73793,73797,73805,73809,73823,73853,73861,73869,73873,73879,73887,73895,73903,73911,73915,73927,73939,73951,73959,73963,73971,73983,73997,74005],{"__ignoreMap":273},[277,73454,73455,73457,73459,73461,73463,73465,73467],{"class":279,"line":280},[277,73456,284],{"class":283},[277,73458,288],{"class":287},[277,73460,292],{"class":291},[277,73462,295],{"class":291},[277,73464,298],{"class":283},[277,73466,302],{"class":301},[277,73468,305],{"class":283},[277,73470,73471,73473,73475,73477,73479],{"class":279,"line":308},[277,73472,312],{"class":311},[277,73474,23384],{"class":283},[277,73476,318],{"class":311},[277,73478,18148],{"class":301},[277,73480,18151],{"class":283},[277,73482,73483],{"class":279,"line":324},[277,73484,328],{"emptyLinePlaceholder":327},[277,73486,73487,73489,73491,73493,73495,73497,73499,73501,73503,73505,73507,73509,73511,73513,73515,73517,73519,73521,73523,73525],{"class":279,"line":331},[277,73488,334],{"class":311},[277,73490,5630],{"class":291},[277,73492,340],{"class":311},[277,73494,5995],{"class":283},[277,73496,22042],{"class":349},[277,73498,353],{"class":311},[277,73500,2473],{"class":356},[277,73502,22537],{"class":283},[277,73504,23415],{"class":349},[277,73506,353],{"class":311},[277,73508,21376],{"class":356},[277,73510,22537],{"class":283},[277,73512,23424],{"class":349},[277,73514,353],{"class":311},[277,73516,22553],{"class":356},[277,73518,22537],{"class":283},[277,73520,23433],{"class":349},[277,73522,353],{"class":311},[277,73524,21376],{"class":356},[277,73526,19697],{"class":283},[277,73528,73529],{"class":279,"line":346},[277,73530,328],{"emptyLinePlaceholder":327},[277,73532,73533,73535,73537,73539,73541,73543,73545,73547,73549,73551,73553],{"class":279,"line":360},[277,73534,405],{"class":311},[277,73536,23450],{"class":356},[277,73538,340],{"class":311},[277,73540,413],{"class":291},[277,73542,284],{"class":283},[277,73544,23459],{"class":301},[277,73546,421],{"class":311},[277,73548,21376],{"class":356},[277,73550,427],{"class":283},[277,73552,23459],{"class":301},[277,73554,18277],{"class":283},[277,73556,73557,73559,73561,73563,73565,73567,73569],{"class":279,"line":371},[277,73558,405],{"class":311},[277,73560,2097],{"class":356},[277,73562,340],{"class":311},[277,73564,413],{"class":291},[277,73566,284],{"class":283},[277,73568,5684],{"class":291},[277,73570,22611],{"class":283},[277,73572,73573,73575,73577,73579,73581,73583,73585,73587,73589],{"class":279,"line":381},[277,73574,2109],{"class":283},[277,73576,2072],{"class":356},[277,73578,2114],{"class":283},[277,73580,23496],{"class":301},[277,73582,2120],{"class":283},[277,73584,2149],{"class":356},[277,73586,2126],{"class":283},[277,73588,17584],{"class":301},[277,73590,2132],{"class":283},[277,73592,73593,73595,73597,73599,73601,73603,73605,73607,73609],{"class":279,"line":391},[277,73594,2109],{"class":283},[277,73596,2139],{"class":356},[277,73598,2114],{"class":283},[277,73600,23517],{"class":301},[277,73602,2120],{"class":283},[277,73604,2123],{"class":356},[277,73606,2126],{"class":283},[277,73608,22646],{"class":301},[277,73610,2132],{"class":283},[277,73612,73613,73615,73617,73619,73621,73623,73625,73627,73629],{"class":279,"line":397},[277,73614,2109],{"class":283},[277,73616,2163],{"class":356},[277,73618,2114],{"class":283},[277,73620,23538],{"class":301},[277,73622,2120],{"class":283},[277,73624,2123],{"class":356},[277,73626,2126],{"class":283},[277,73628,17584],{"class":301},[277,73630,2132],{"class":283},[277,73632,73633],{"class":279,"line":402},[277,73634,22684],{"class":283},[277,73636,73637],{"class":279,"line":436},[277,73638,328],{"emptyLinePlaceholder":327},[277,73640,73641,73643,73645,73647,73649,73651,73653,73655,73657,73659,73661,73663,73665,73667,73669,73671,73673,73675],{"class":279,"line":456},[277,73642,405],{"class":311},[277,73644,23563],{"class":356},[277,73646,340],{"class":311},[277,73648,2200],{"class":291},[277,73650,2203],{"class":283},[277,73652,601],{"class":311},[277,73654,23574],{"class":283},[277,73656,23459],{"class":301},[277,73658,225],{"class":283},[277,73660,23581],{"class":311},[277,73662,16420],{"class":291},[277,73664,23586],{"class":283},[277,73666,3844],{"class":291},[277,73668,2334],{"class":283},[277,73670,23593],{"class":349},[277,73672,2340],{"class":283},[277,73674,601],{"class":311},[277,73676,23600],{"class":283},[277,73678,73679,73681,73683,73685,73687,73689],{"class":279,"line":461},[277,73680,405],{"class":311},[277,73682,2195],{"class":356},[277,73684,340],{"class":311},[277,73686,2200],{"class":291},[277,73688,2203],{"class":283},[277,73690,3716],{"class":311},[277,73692,73693,73695,73697],{"class":279,"line":476},[277,73694,23619],{"class":283},[277,73696,2503],{"class":311},[277,73698,23624],{"class":301},[277,73700,73701,73703],{"class":279,"line":500},[277,73702,23629],{"class":311},[277,73704,5919],{"class":283},[277,73706,73707,73709,73711,73713,73715,73717,73719,73721,73723,73725],{"class":279,"line":505},[277,73708,23636],{"class":311},[277,73710,2215],{"class":283},[277,73712,2218],{"class":291},[277,73714,2334],{"class":283},[277,73716,23593],{"class":349},[277,73718,2340],{"class":283},[277,73720,601],{"class":311},[277,73722,23651],{"class":283},[277,73724,2503],{"class":311},[277,73726,23656],{"class":283},[277,73728,73729],{"class":279,"line":520},[277,73730,18277],{"class":283},[277,73732,73733,73735,73737],{"class":279,"line":539},[277,73734,785],{"class":283},[277,73736,288],{"class":287},[277,73738,305],{"class":283},[277,73740,73741],{"class":279,"line":545},[277,73742,328],{"emptyLinePlaceholder":327},[277,73744,73745,73747,73749],{"class":279,"line":550},[277,73746,284],{"class":283},[277,73748,802],{"class":287},[277,73750,305],{"class":283},[277,73752,73753,73755,73757,73759],{"class":279,"line":578},[277,73754,810],{"class":283},[277,73756,4138],{"class":287},[277,73758,22314],{"class":291},[277,73760,305],{"class":283},[277,73762,73763,73765,73767,73769,73771],{"class":279,"line":583},[277,73764,829],{"class":283},[277,73766,30],{"class":287},[277,73768,23699],{"class":283},[277,73770,30],{"class":287},[277,73772,305],{"class":283},[277,73774,73775,73777,73779,73781,73783],{"class":279,"line":588},[277,73776,829],{"class":283},[277,73778,21],{"class":287},[277,73780,23712],{"class":283},[277,73782,21],{"class":287},[277,73784,305],{"class":283},[277,73786,73787,73789,73791],{"class":279,"line":606},[277,73788,954],{"class":283},[277,73790,4138],{"class":287},[277,73792,305],{"class":283},[277,73794,73795],{"class":279,"line":614},[277,73796,328],{"emptyLinePlaceholder":327},[277,73798,73799,73801,73803],{"class":279,"line":625},[277,73800,810],{"class":283},[277,73802,3875],{"class":287},[277,73804,305],{"class":283},[277,73806,73807],{"class":279,"line":637},[277,73808,23741],{"class":283},[277,73810,73811,73813,73815,73817,73819,73821],{"class":279,"line":646},[277,73812,829],{"class":283},[277,73814,23748],{"class":287},[277,73816,23751],{"class":291},[277,73818,298],{"class":283},[277,73820,23756],{"class":301},[277,73822,305],{"class":283},[277,73824,73825,73827,73829,73831,73833,73835,73837,73839,73841,73843,73845,73847,73849,73851],{"class":279,"line":668},[277,73826,879],{"class":283},[277,73828,23765],{"class":287},[277,73830,12785],{"class":291},[277,73832,298],{"class":283},[277,73834,23772],{"class":301},[277,73836,4317],{"class":291},[277,73838,298],{"class":283},[277,73840,23779],{"class":301},[277,73842,23782],{"class":291},[277,73844,298],{"class":283},[277,73846,23779],{"class":301},[277,73848,23789],{"class":283},[277,73850,23765],{"class":287},[277,73852,305],{"class":283},[277,73854,73855,73857,73859],{"class":279,"line":673},[277,73856,922],{"class":283},[277,73858,23748],{"class":287},[277,73860,305],{"class":283},[277,73862,73863,73865,73867],{"class":279,"line":679},[277,73864,954],{"class":283},[277,73866,3875],{"class":287},[277,73868,305],{"class":283},[277,73870,73871],{"class":279,"line":684},[277,73872,328],{"emptyLinePlaceholder":327},[277,73874,73875,73877],{"class":279,"line":700},[277,73876,810],{"class":283},[277,73878,23820],{"class":287},[277,73880,73881,73883,73885],{"class":279,"line":717},[277,73882,22716],{"class":291},[277,73884,298],{"class":283},[277,73886,6516],{"class":301},[277,73888,73889,73891,73893],{"class":279,"line":722},[277,73890,22726],{"class":291},[277,73892,298],{"class":283},[277,73894,6526],{"class":301},[277,73896,73897,73899,73901],{"class":279,"line":729},[277,73898,22737],{"class":291},[277,73900,298],{"class":283},[277,73902,23845],{"class":301},[277,73904,73905,73907,73909],{"class":279,"line":738},[277,73906,22747],{"class":291},[277,73908,298],{"class":283},[277,73910,23854],{"class":301},[277,73912,73913],{"class":279,"line":747},[277,73914,22757],{"class":283},[277,73916,73917,73919,73921,73923,73925],{"class":279,"line":754},[277,73918,829],{"class":283},[277,73920,192],{"class":287},[277,73922,23867],{"class":283},[277,73924,192],{"class":287},[277,73926,305],{"class":283},[277,73928,73929,73931,73933,73935,73937],{"class":279,"line":772},[277,73930,829],{"class":283},[277,73932,21],{"class":287},[277,73934,23880],{"class":283},[277,73936,21],{"class":287},[277,73938,305],{"class":283},[277,73940,73941,73943,73945,73947,73949],{"class":279,"line":777},[277,73942,829],{"class":283},[277,73944,21],{"class":287},[277,73946,23893],{"class":283},[277,73948,21],{"class":287},[277,73950,305],{"class":283},[277,73952,73953,73955,73957],{"class":279,"line":782},[277,73954,954],{"class":283},[277,73956,4121],{"class":287},[277,73958,305],{"class":283},[277,73960,73961],{"class":279,"line":792},[277,73962,328],{"emptyLinePlaceholder":327},[277,73964,73965,73967,73969],{"class":279,"line":797},[277,73966,810],{"class":283},[277,73968,21481],{"class":287},[277,73970,305],{"class":283},[277,73972,73973,73975,73977,73979,73981],{"class":279,"line":807},[277,73974,829],{"class":283},[277,73976,23924],{"class":287},[277,73978,23927],{"class":283},[277,73980,23924],{"class":287},[277,73982,305],{"class":283},[277,73984,73985,73987,73989,73991,73993,73995],{"class":279,"line":826},[277,73986,829],{"class":283},[277,73988,16],{"class":287},[277,73990,23208],{"class":291},[277,73992,23942],{"class":283},[277,73994,16],{"class":287},[277,73996,305],{"class":283},[277,73998,73999,74001,74003],{"class":279,"line":849},[277,74000,954],{"class":283},[277,74002,21481],{"class":287},[277,74004,305],{"class":283},[277,74006,74007,74009,74011],{"class":279,"line":854},[277,74008,785],{"class":283},[277,74010,802],{"class":287},[277,74012,305],{"class":283},[267,74014,74015],{"className":269,"code":23965,"filename":971,"language":272,"meta":273,"style":273},[16,74016,74017,74031,74039,74045,74051,74059,74063,74083,74103,74123,74127,74131,74135,74139,74145,74177,74181,74187,74199,74207,74233,74237,74241,74245,74253,74257,74265,74275,74287,74299,74307,74311,74319,74323,74337,74367,74375,74383,74387,74393,74401,74409,74417,74425,74429,74441,74453,74465,74473,74477,74485,74497,74511,74519],{"__ignoreMap":273},[277,74018,74019,74021,74023,74025,74027,74029],{"class":279,"line":280},[277,74020,284],{"class":283},[277,74022,288],{"class":287},[277,74024,295],{"class":291},[277,74026,298],{"class":283},[277,74028,302],{"class":301},[277,74030,305],{"class":283},[277,74032,74033,74035,74037],{"class":279,"line":308},[277,74034,1057],{"class":311},[277,74036,1060],{"class":311},[277,74038,343],{"class":283},[277,74040,74041,74043],{"class":279,"line":324},[277,74042,1086],{"class":291},[277,74044,473],{"class":283},[277,74046,74047,74049],{"class":279,"line":331},[277,74048,1093],{"class":311},[277,74050,343],{"class":283},[277,74052,74053,74055,74057],{"class":279,"line":346},[277,74054,24006],{"class":283},[277,74056,23459],{"class":301},[277,74058,1077],{"class":283},[277,74060,74061],{"class":279,"line":360},[277,74062,2659],{"class":283},[277,74064,74065,74067,74069,74071,74073,74075,74077,74079,74081],{"class":279,"line":371},[277,74066,2664],{"class":283},[277,74068,2072],{"class":356},[277,74070,2114],{"class":283},[277,74072,23496],{"class":301},[277,74074,2120],{"class":283},[277,74076,2149],{"class":356},[277,74078,2126],{"class":283},[277,74080,17584],{"class":301},[277,74082,2132],{"class":283},[277,74084,74085,74087,74089,74091,74093,74095,74097,74099,74101],{"class":279,"line":381},[277,74086,2664],{"class":283},[277,74088,2139],{"class":356},[277,74090,2114],{"class":283},[277,74092,23517],{"class":301},[277,74094,2120],{"class":283},[277,74096,2123],{"class":356},[277,74098,2126],{"class":283},[277,74100,22646],{"class":301},[277,74102,2132],{"class":283},[277,74104,74105,74107,74109,74111,74113,74115,74117,74119,74121],{"class":279,"line":391},[277,74106,2664],{"class":283},[277,74108,2163],{"class":356},[277,74110,2114],{"class":283},[277,74112,23538],{"class":301},[277,74114,2120],{"class":283},[277,74116,2123],{"class":356},[277,74118,2126],{"class":283},[277,74120,17584],{"class":301},[277,74122,2132],{"class":283},[277,74124,74125],{"class":279,"line":397},[277,74126,10174],{"class":283},[277,74128,74129],{"class":279,"line":402},[277,74130,18478],{"class":283},[277,74132,74133],{"class":279,"line":436},[277,74134,1131],{"class":283},[277,74136,74137],{"class":279,"line":456},[277,74138,2742],{"class":283},[277,74140,74141,74143],{"class":279,"line":461},[277,74142,24095],{"class":291},[277,74144,473],{"class":283},[277,74146,74147,74149,74151,74153,74155,74157,74159,74161,74163,74165,74167,74169,74171,74173,74175],{"class":279,"line":476},[277,74148,2754],{"class":311},[277,74150,23574],{"class":283},[277,74152,23459],{"class":301},[277,74154,225],{"class":283},[277,74156,23581],{"class":311},[277,74158,16420],{"class":291},[277,74160,448],{"class":283},[277,74162,1341],{"class":356},[277,74164,2759],{"class":283},[277,74166,3844],{"class":291},[277,74168,2334],{"class":283},[277,74170,23593],{"class":349},[277,74172,2340],{"class":283},[277,74174,601],{"class":311},[277,74176,24130],{"class":283},[277,74178,74179],{"class":279,"line":500},[277,74180,7016],{"class":283},[277,74182,74183,74185],{"class":279,"line":505},[277,74184,2747],{"class":291},[277,74186,473],{"class":283},[277,74188,74189,74191,74193,74195,74197],{"class":279,"line":520},[277,74190,2754],{"class":311},[277,74192,1268],{"class":356},[277,74194,24149],{"class":283},[277,74196,2503],{"class":311},[277,74198,23624],{"class":301},[277,74200,74201,74203,74205],{"class":279,"line":539},[277,74202,24158],{"class":311},[277,74204,1268],{"class":356},[277,74206,6767],{"class":283},[277,74208,74209,74211,74213,74215,74217,74219,74221,74223,74225,74227,74229,74231],{"class":279,"line":545},[277,74210,24167],{"class":311},[277,74212,1268],{"class":356},[277,74214,2759],{"class":283},[277,74216,2218],{"class":291},[277,74218,2334],{"class":283},[277,74220,23593],{"class":349},[277,74222,2340],{"class":283},[277,74224,601],{"class":311},[277,74226,23651],{"class":283},[277,74228,2503],{"class":311},[277,74230,1268],{"class":356},[277,74232,24190],{"class":283},[277,74234,74235],{"class":279,"line":550},[277,74236,7016],{"class":283},[277,74238,74239],{"class":279,"line":578},[277,74240,1131],{"class":283},[277,74242,74243],{"class":279,"line":583},[277,74244,18255],{"class":283},[277,74246,74247,74249,74251],{"class":279,"line":588},[277,74248,785],{"class":283},[277,74250,288],{"class":287},[277,74252,305],{"class":283},[277,74254,74255],{"class":279,"line":606},[277,74256,328],{"emptyLinePlaceholder":327},[277,74258,74259,74261,74263],{"class":279,"line":614},[277,74260,284],{"class":283},[277,74262,802],{"class":287},[277,74264,305],{"class":283},[277,74266,74267,74269,74271,74273],{"class":279,"line":625},[277,74268,810],{"class":283},[277,74270,4138],{"class":287},[277,74272,22314],{"class":291},[277,74274,305],{"class":283},[277,74276,74277,74279,74281,74283,74285],{"class":279,"line":637},[277,74278,829],{"class":283},[277,74280,30],{"class":287},[277,74282,23699],{"class":283},[277,74284,30],{"class":287},[277,74286,305],{"class":283},[277,74288,74289,74291,74293,74295,74297],{"class":279,"line":646},[277,74290,829],{"class":283},[277,74292,21],{"class":287},[277,74294,23712],{"class":283},[277,74296,21],{"class":287},[277,74298,305],{"class":283},[277,74300,74301,74303,74305],{"class":279,"line":668},[277,74302,954],{"class":283},[277,74304,4138],{"class":287},[277,74306,305],{"class":283},[277,74308,74309],{"class":279,"line":673},[277,74310,328],{"emptyLinePlaceholder":327},[277,74312,74313,74315,74317],{"class":279,"line":679},[277,74314,810],{"class":283},[277,74316,3875],{"class":287},[277,74318,305],{"class":283},[277,74320,74321],{"class":279,"line":684},[277,74322,23741],{"class":283},[277,74324,74325,74327,74329,74331,74333,74335],{"class":279,"line":700},[277,74326,829],{"class":283},[277,74328,23748],{"class":287},[277,74330,23751],{"class":291},[277,74332,298],{"class":283},[277,74334,23756],{"class":301},[277,74336,305],{"class":283},[277,74338,74339,74341,74343,74345,74347,74349,74351,74353,74355,74357,74359,74361,74363,74365],{"class":279,"line":717},[277,74340,879],{"class":283},[277,74342,23765],{"class":287},[277,74344,12785],{"class":291},[277,74346,298],{"class":283},[277,74348,23772],{"class":301},[277,74350,4317],{"class":291},[277,74352,298],{"class":283},[277,74354,23779],{"class":301},[277,74356,23782],{"class":291},[277,74358,298],{"class":283},[277,74360,23779],{"class":301},[277,74362,23789],{"class":283},[277,74364,23765],{"class":287},[277,74366,305],{"class":283},[277,74368,74369,74371,74373],{"class":279,"line":722},[277,74370,922],{"class":283},[277,74372,23748],{"class":287},[277,74374,305],{"class":283},[277,74376,74377,74379,74381],{"class":279,"line":729},[277,74378,954],{"class":283},[277,74380,3875],{"class":287},[277,74382,305],{"class":283},[277,74384,74385],{"class":279,"line":738},[277,74386,328],{"emptyLinePlaceholder":327},[277,74388,74389,74391],{"class":279,"line":747},[277,74390,810],{"class":283},[277,74392,23820],{"class":287},[277,74394,74395,74397,74399],{"class":279,"line":754},[277,74396,22716],{"class":291},[277,74398,298],{"class":283},[277,74400,6516],{"class":301},[277,74402,74403,74405,74407],{"class":279,"line":772},[277,74404,22726],{"class":291},[277,74406,298],{"class":283},[277,74408,6526],{"class":301},[277,74410,74411,74413,74415],{"class":279,"line":777},[277,74412,22737],{"class":291},[277,74414,298],{"class":283},[277,74416,23845],{"class":301},[277,74418,74419,74421,74423],{"class":279,"line":782},[277,74420,22747],{"class":291},[277,74422,298],{"class":283},[277,74424,23854],{"class":301},[277,74426,74427],{"class":279,"line":792},[277,74428,22757],{"class":283},[277,74430,74431,74433,74435,74437,74439],{"class":279,"line":797},[277,74432,829],{"class":283},[277,74434,192],{"class":287},[277,74436,23867],{"class":283},[277,74438,192],{"class":287},[277,74440,305],{"class":283},[277,74442,74443,74445,74447,74449,74451],{"class":279,"line":807},[277,74444,829],{"class":283},[277,74446,21],{"class":287},[277,74448,23880],{"class":283},[277,74450,21],{"class":287},[277,74452,305],{"class":283},[277,74454,74455,74457,74459,74461,74463],{"class":279,"line":826},[277,74456,829],{"class":283},[277,74458,21],{"class":287},[277,74460,23893],{"class":283},[277,74462,21],{"class":287},[277,74464,305],{"class":283},[277,74466,74467,74469,74471],{"class":279,"line":849},[277,74468,954],{"class":283},[277,74470,4121],{"class":287},[277,74472,305],{"class":283},[277,74474,74475],{"class":279,"line":854},[277,74476,328],{"emptyLinePlaceholder":327},[277,74478,74479,74481,74483],{"class":279,"line":876},[277,74480,810],{"class":283},[277,74482,21481],{"class":287},[277,74484,305],{"class":283},[277,74486,74487,74489,74491,74493,74495],{"class":279,"line":891},[277,74488,829],{"class":283},[277,74490,23924],{"class":287},[277,74492,23927],{"class":283},[277,74494,23924],{"class":287},[277,74496,305],{"class":283},[277,74498,74499,74501,74503,74505,74507,74509],{"class":279,"line":905},[277,74500,829],{"class":283},[277,74502,16],{"class":287},[277,74504,23208],{"class":291},[277,74506,23942],{"class":283},[277,74508,16],{"class":287},[277,74510,305],{"class":283},[277,74512,74513,74515,74517],{"class":279,"line":919},[277,74514,954],{"class":283},[277,74516,21481],{"class":287},[277,74518,305],{"class":283},[277,74520,74521,74523,74525],{"class":279,"line":929},[277,74522,785],{"class":283},[277,74524,802],{"class":287},[277,74526,305],{"class":283},[30,74528,1596],{"id":1595},[21,74530,74531,225,74533,1697,74535,24495],{},[16,74532,21906],{},[16,74534,21909],{},[16,74536,21912],{},[38,74538,74539,74543,74547],{},[41,74540,74541,24502],{},[16,74542,21906],{},[41,74544,74545,24507],{},[16,74546,21909],{},[41,74548,74549,24512],{},[16,74550,21912],{},[21,74552,24515],{},[1606,74554,24518],{},{"title":273,"searchDepth":308,"depth":308,"links":74556},[74557,74558,74563,74564,74565,74566,74572,74578],{"id":20624,"depth":308,"text":20625},{"id":60,"depth":308,"text":61,"children":74559},[74560,74561,74562],{"id":21906,"depth":324,"text":21906},{"id":21909,"depth":324,"text":21909},{"id":21912,"depth":324,"text":21912},{"id":128,"depth":308,"text":129},{"id":155,"depth":308,"text":156},{"id":5389,"depth":308,"text":5390},{"id":189,"depth":308,"text":190,"children":74567},[74568,74569,74570,74571],{"id":22119,"depth":324,"text":24533},{"id":22141,"depth":324,"text":24535},{"id":22155,"depth":324,"text":24537},{"id":22174,"depth":324,"text":22175},{"id":1945,"depth":308,"text":1946,"children":74573},[74574,74575,74576,74577],{"id":22188,"depth":324,"text":24542},{"id":22476,"depth":324,"text":24544},{"id":23122,"depth":324,"text":24546},{"id":23343,"depth":324,"text":23344},{"id":1595,"depth":308,"text":1596},{"script":74580},[74581],{"type":1632,"key":1633,"data-nuxt-schema-org":327,"nodes":74582},[74583],{"headline":24558,"author":74584,"datePublished":24560,"@type":1640},{"name":1637,"@type":1638},{"updatedAt":24560,"coverCaption":17759,"author":1637,"keywords":74586},[1645,21906,21909,21912,24563],[74588],{"headline":24558,"author":74589,"datePublished":24560,"@type":1640},{"name":1637,"@type":1638},{"title":21898,"description":24552},[74592,74593,74594,74595,74596],{"tag":20588,"color":20589},{"tag":17774,"color":17775},{"tag":3164,"color":3165},{"tag":3167,"color":3168},{"tag":1671,"color":1672},{"id":24578,"title":24579,"body":74598,"cover":25832,"coverAlt":25833,"date":25834,"description":25835,"draft":1627,"extension":1628,"head":75680,"locale":1656,"meta":75686,"navigation":327,"path":25847,"schemaOrg":75688,"seo":75691,"series":20582,"seriesDescription":20583,"seriesOrder":381,"seriesTitle":20584,"slug":1656,"stem":25852,"tags":75692,"__hash__":25858},{"type":8,"value":74599,"toc":75652},[74600,74606,74612,74626,74630,74632,74638,74648,74652,74654,74658,74662,74688,74690,74706,74712,74716,74720,74746,74748,74766,74768,74772,74786,74790,74804,74806,74810,74814,74818,74830,74832,74836,74838,74864,74874,74878,74880,74894,74902,74906,74912,74914,74916,74918,74922,74954,74958,74990,74992,75052,75054,75338,75616,75618,75640,75650],[11,74601,20605,74602,12494,74604],{"id":24584},[16,74603,24587],{},[16,74605,24590],{},[21,74607,24593,74608,1697,74610,24598],{},[16,74609,24587],{},[16,74611,24590],{},[38,74613,74614,74620],{},[41,74615,74616,24605,74618,104],{},[16,74617,24587],{},[72,74619,24608],{},[41,74621,74622,24605,74624,104],{},[16,74623,24590],{},[72,74625,24615],{},[3111,74627,74628],{},[21,74629,24620],{},[30,74631,20625],{"id":20624},[21,74633,24625,74634,1697,74636,24630],{},[16,74635,24587],{},[16,74637,24590],{},[38,74639,74640,74642,74644,74646],{},[41,74641,24635],{},[41,74643,24638],{},[41,74645,24641],{},[41,74647,24644],{},[3111,74649,74650],{},[21,74651,24649],{},[30,74653,24653],{"id":24652},[192,74655,74656],{"id":24587},[16,74657,24587],{},[21,74659,24660,74660,24664],{},[16,74661,24663],{},[267,74663,74664],{"className":269,"code":24667,"filename":9339,"language":272,"meta":273,"style":273},[16,74665,74666],{"__ignoreMap":273},[277,74667,74668,74670,74672,74674,74676,74678,74680,74682,74684,74686],{"class":279,"line":280},[277,74669,284],{"class":283},[277,74671,21],{"class":287},[277,74673,24678],{"class":291},[277,74675,298],{"class":283},[277,74677,866],{"class":301},[277,74679,24685],{"class":283},[277,74681,866],{"class":301},[277,74683,24690],{"class":283},[277,74685,21],{"class":287},[277,74687,305],{"class":283},[21,74689,24697],{},[267,74691,74692],{"className":269,"code":24700,"filename":9339,"language":272,"meta":273,"style":273},[16,74693,74694],{"__ignoreMap":273},[277,74695,74696,74698,74700,74702,74704],{"class":279,"line":280},[277,74697,284],{"class":283},[277,74699,21],{"class":287},[277,74701,23190],{"class":283},[277,74703,21],{"class":287},[277,74705,305],{"class":283},[3111,74707,74708],{},[21,74709,24719,74710,24723],{},[16,74711,24722],{},[192,74713,74714],{"id":24590},[16,74715,24590],{},[21,74717,24730,74718,24734],{},[16,74719,24733],{},[267,74721,74722],{"className":269,"code":24737,"filename":9339,"language":272,"meta":273,"style":273},[16,74723,74724],{"__ignoreMap":273},[277,74725,74726,74728,74730,74732,74734,74736,74738,74740,74742,74744],{"class":279,"line":280},[277,74727,284],{"class":283},[277,74729,4201],{"class":287},[277,74731,24748],{"class":291},[277,74733,298],{"class":283},[277,74735,866],{"class":301},[277,74737,24755],{"class":283},[277,74739,866],{"class":301},[277,74741,24690],{"class":283},[277,74743,4201],{"class":287},[277,74745,305],{"class":283},[21,74747,24766],{},[38,74749,74750,74756,74762,74764],{},[41,74751,74752,10969,74754,24776],{},[16,74753,24590],{},[72,74755,24775],{},[41,74757,24779,74758,225,74760,1808],{},[16,74759,7538],{},[16,74761,24784],{},[41,74763,24787],{},[41,74765,24790],{},[30,74767,24794],{"id":24793},[192,74769,20777,74770,7669],{"id":24797},[16,74771,24587],{},[38,74773,74774,74776,74782,74784],{},[41,74775,24804],{},[41,74777,24807,74778,118,74780,24812],{},[16,74779,284],{},[16,74781,9921],{},[41,74783,24815],{},[41,74785,24818],{},[192,74787,20777,74788,7669],{"id":24821},[16,74789,24590],{},[38,74791,74792,74794,74796,74802],{},[41,74793,24828],{},[41,74795,24831],{},[41,74797,24834,74798,225,74800,24841],{},[16,74799,24837],{},[16,74801,24840],{},[41,74803,24844],{},[30,74805,24848],{"id":24847},[192,74807,7664,74808,7669],{"id":24851},[16,74809,24587],{},[38,74811,74812],{},[41,74813,24858],{},[192,74815,7664,74816,7669],{"id":24861},[16,74817,24590],{},[38,74819,74820,74822,74824,74826],{},[41,74821,24868],{},[41,74823,24871],{},[41,74825,24874],{},[41,74827,24877,74828,24881],{},[16,74829,24880],{},[30,74831,190],{"id":189},[192,74833,20821,74834,24889],{"id":24886},[16,74835,24590],{},[21,74837,24892],{},[267,74839,74840],{"className":269,"code":24895,"filename":9339,"language":272,"meta":273,"style":273},[16,74841,74842],{"__ignoreMap":273},[277,74843,74844,74846,74848,74850,74852,74854,74856,74858,74860,74862],{"class":279,"line":280},[277,74845,284],{"class":283},[277,74847,4201],{"class":287},[277,74849,24748],{"class":291},[277,74851,298],{"class":283},[277,74853,866],{"class":301},[277,74855,24912],{"class":283},[277,74857,866],{"class":301},[277,74859,24690],{"class":283},[277,74861,4201],{"class":287},[277,74863,305],{"class":283},[21,74865,24923,74866,24926,74868,24930,74870,225,74872,24937],{},[16,74867,24912],{},[16,74869,24929],{},[16,74871,24933],{},[16,74873,24936],{},[192,74875,24941,74876,24944],{"id":24940},[16,74877,24590],{},[21,74879,24947],{},[267,74881,74882],{"className":15972,"code":24950,"filename":19438,"language":15975,"meta":273,"style":273},[16,74883,74884],{"__ignoreMap":273},[277,74885,74886,74888,74890,74892],{"class":279,"line":280},[277,74887,405],{"class":311},[277,74889,24959],{"class":356},[277,74891,340],{"class":311},[277,74893,24964],{"class":301},[3111,74895,74896],{},[21,74897,24969,74898,10969,74900,24975],{},[16,74899,24590],{},[72,74901,24974],{},[192,74903,24979,74904,24982],{"id":24978},[16,74905,24590],{},[21,74907,24985,74908,24988,74910,24991],{},[16,74909,24722],{},[16,74911,24587],{},[192,74913,24995],{"id":24994},[21,74915,24998],{},[30,74917,1946],{"id":1945},[192,74919,25004,74920,19],{"id":25003},[16,74921,24587],{},[267,74923,74924],{"className":269,"code":25009,"filename":9339,"language":272,"meta":273,"style":273},[16,74925,74926],{"__ignoreMap":273},[277,74927,74928,74930,74932,74934,74936,74938,74940,74942,74944,74946,74948,74950,74952],{"class":279,"line":280},[277,74929,284],{"class":283},[277,74931,21],{"class":287},[277,74933,816],{"class":291},[277,74935,298],{"class":283},[277,74937,25024],{"class":301},[277,74939,24678],{"class":291},[277,74941,298],{"class":283},[277,74943,866],{"class":301},[277,74945,25033],{"class":283},[277,74947,866],{"class":301},[277,74949,24690],{"class":283},[277,74951,21],{"class":287},[277,74953,305],{"class":283},[192,74955,25045,74956,25048],{"id":25044},[16,74957,24590],{},[267,74959,74960],{"className":269,"code":25051,"filename":9339,"language":272,"meta":273,"style":273},[16,74961,74962],{"__ignoreMap":273},[277,74963,74964,74966,74968,74970,74972,74974,74976,74978,74980,74982,74984,74986,74988],{"class":279,"line":280},[277,74965,284],{"class":283},[277,74967,813],{"class":287},[277,74969,816],{"class":291},[277,74971,298],{"class":283},[277,74973,25066],{"class":301},[277,74975,24748],{"class":291},[277,74977,298],{"class":283},[277,74979,866],{"class":301},[277,74981,25075],{"class":283},[277,74983,866],{"class":301},[277,74985,24690],{"class":283},[277,74987,813],{"class":287},[277,74989,305],{"class":283},[192,74991,25087],{"id":25086},[267,74993,74994],{"className":269,"code":25090,"filename":9339,"language":272,"meta":273,"style":273},[16,74995,74996,75028],{"__ignoreMap":273},[277,74997,74998,75000,75002,75004,75006,75008,75010,75012,75014,75016,75018,75020,75022,75024,75026],{"class":279,"line":280},[277,74999,284],{"class":283},[277,75001,4201],{"class":287},[277,75003,834],{"class":311},[277,75005,298],{"class":283},[277,75007,866],{"class":301},[277,75009,25107],{"class":283},[277,75011,866],{"class":301},[277,75013,24748],{"class":291},[277,75015,298],{"class":283},[277,75017,866],{"class":301},[277,75019,25075],{"class":283},[277,75021,866],{"class":301},[277,75023,24690],{"class":283},[277,75025,4201],{"class":287},[277,75027,305],{"class":283},[277,75029,75030,75032,75034,75036,75038,75040,75042,75044,75046,75048,75050],{"class":279,"line":308},[277,75031,284],{"class":283},[277,75033,21],{"class":287},[277,75035,941],{"class":311},[277,75037,24678],{"class":291},[277,75039,298],{"class":283},[277,75041,866],{"class":301},[277,75043,25142],{"class":283},[277,75045,866],{"class":301},[277,75047,24690],{"class":283},[277,75049,21],{"class":287},[277,75051,305],{"class":283},[30,75053,1976],{"id":1975},[267,75055,75056],{"className":269,"code":25155,"filename":271,"language":272,"meta":273,"style":273},[16,75057,75058,75074,75086,75090,75106,75122,75138,75142,75158,75162,75202,75206,75210,75228,75236,75240,75248,75256,75268,75272,75302,75322,75330],{"__ignoreMap":273},[277,75059,75060,75062,75064,75066,75068,75070,75072],{"class":279,"line":280},[277,75061,284],{"class":283},[277,75063,288],{"class":287},[277,75065,292],{"class":291},[277,75067,295],{"class":291},[277,75069,298],{"class":283},[277,75071,302],{"class":301},[277,75073,305],{"class":283},[277,75075,75076,75078,75080,75082,75084],{"class":279,"line":308},[277,75077,312],{"class":311},[277,75079,23384],{"class":283},[277,75081,318],{"class":311},[277,75083,18148],{"class":301},[277,75085,18151],{"class":283},[277,75087,75088],{"class":279,"line":324},[277,75089,328],{"emptyLinePlaceholder":327},[277,75091,75092,75094,75096,75098,75100,75102,75104],{"class":279,"line":331},[277,75093,405],{"class":311},[277,75095,25196],{"class":356},[277,75097,340],{"class":311},[277,75099,413],{"class":291},[277,75101,448],{"class":283},[277,75103,2149],{"class":356},[277,75105,18277],{"class":283},[277,75107,75108,75110,75112,75114,75116,75118,75120],{"class":279,"line":346},[277,75109,405],{"class":311},[277,75111,25213],{"class":356},[277,75113,340],{"class":311},[277,75115,413],{"class":291},[277,75117,448],{"class":283},[277,75119,25222],{"class":301},[277,75121,18277],{"class":283},[277,75123,75124,75126,75128,75130,75132,75134,75136],{"class":279,"line":360},[277,75125,405],{"class":311},[277,75127,25231],{"class":356},[277,75129,340],{"class":311},[277,75131,413],{"class":291},[277,75133,448],{"class":283},[277,75135,25240],{"class":301},[277,75137,18277],{"class":283},[277,75139,75140],{"class":279,"line":371},[277,75141,328],{"emptyLinePlaceholder":327},[277,75143,75144,75146,75148,75150,75152,75154,75156],{"class":279,"line":381},[277,75145,2460],{"class":311},[277,75147,25253],{"class":291},[277,75149,448],{"class":283},[277,75151,18041],{"class":349},[277,75153,353],{"class":311},[277,75155,21376],{"class":356},[277,75157,2476],{"class":283},[277,75159,75160],{"class":279,"line":391},[277,75161,25268],{"class":12741},[277,75163,75164,75166,75168,75170,75172,75174,75176,75178,75180,75182,75184,75186,75188,75190,75192,75194,75196,75198,75200],{"class":279,"line":397},[277,75165,2212],{"class":311},[277,75167,25275],{"class":283},[277,75169,25278],{"class":291},[277,75171,448],{"class":283},[277,75173,15951],{"class":301},[277,75175,25286],{"class":25285},[277,75177,104],{"class":356},[277,75179,25291],{"class":311},[277,75181,9921],{"class":25285},[277,75183,104],{"class":356},[277,75185,25291],{"class":311},[277,75187,284],{"class":25285},[277,75189,25303],{"class":25302},[277,75191,25306],{"class":25285},[277,75193,15951],{"class":301},[277,75195,25311],{"class":311},[277,75197,225],{"class":283},[277,75199,25316],{"class":301},[277,75201,18277],{"class":283},[277,75203,75204],{"class":279,"line":402},[277,75205,394],{"class":283},[277,75207,75208],{"class":279,"line":436},[277,75209,328],{"emptyLinePlaceholder":327},[277,75211,75212,75214,75216,75218,75220,75222,75224,75226],{"class":279,"line":456},[277,75213,405],{"class":311},[277,75215,25333],{"class":356},[277,75217,340],{"class":311},[277,75219,2200],{"class":291},[277,75221,2203],{"class":283},[277,75223,601],{"class":311},[277,75225,25253],{"class":291},[277,75227,25346],{"class":283},[277,75229,75230,75232,75234],{"class":279,"line":461},[277,75231,785],{"class":283},[277,75233,288],{"class":287},[277,75235,305],{"class":283},[277,75237,75238],{"class":279,"line":476},[277,75239,328],{"emptyLinePlaceholder":327},[277,75241,75242,75244,75246],{"class":279,"line":500},[277,75243,284],{"class":283},[277,75245,802],{"class":287},[277,75247,305],{"class":283},[277,75249,75250,75252,75254],{"class":279,"line":505},[277,75251,810],{"class":283},[277,75253,4121],{"class":287},[277,75255,305],{"class":283},[277,75257,75258,75260,75262,75264,75266],{"class":279,"line":520},[277,75259,829],{"class":283},[277,75261,30],{"class":287},[277,75263,25383],{"class":283},[277,75265,30],{"class":287},[277,75267,305],{"class":283},[277,75269,75270],{"class":279,"line":539},[277,75271,328],{"emptyLinePlaceholder":327},[277,75273,75274,75276,75278,75280,75282,75284,75286,75288,75290,75292,75294,75296,75298,75300],{"class":279,"line":545},[277,75275,829],{"class":283},[277,75277,4201],{"class":287},[277,75279,834],{"class":291},[277,75281,298],{"class":283},[277,75283,25404],{"class":301},[277,75285,816],{"class":291},[277,75287,298],{"class":283},[277,75289,25066],{"class":301},[277,75291,24748],{"class":291},[277,75293,298],{"class":283},[277,75295,25417],{"class":301},[277,75297,24690],{"class":283},[277,75299,4201],{"class":287},[277,75301,305],{"class":283},[277,75303,75304,75306,75308,75310,75312,75314,75316,75318,75320],{"class":279,"line":550},[277,75305,829],{"class":283},[277,75307,21],{"class":287},[277,75309,941],{"class":291},[277,75311,24678],{"class":291},[277,75313,298],{"class":283},[277,75315,25438],{"class":301},[277,75317,24690],{"class":283},[277,75319,21],{"class":287},[277,75321,305],{"class":283},[277,75323,75324,75326,75328],{"class":279,"line":578},[277,75325,954],{"class":283},[277,75327,4121],{"class":287},[277,75329,305],{"class":283},[277,75331,75332,75334,75336],{"class":279,"line":583},[277,75333,785],{"class":283},[277,75335,802],{"class":287},[277,75337,305],{"class":283},[267,75339,75340],{"className":269,"code":25463,"filename":971,"language":272,"meta":273,"style":273},[16,75341,75342,75350,75358,75364,75370,75378,75386,75394,75398,75402,75406,75412,75428,75432,75436,75440,75450,75454,75494,75498,75502,75506,75514,75518,75526,75534,75546,75550,75580,75600,75608],{"__ignoreMap":273},[277,75343,75344,75346,75348],{"class":279,"line":280},[277,75345,284],{"class":283},[277,75347,288],{"class":287},[277,75349,305],{"class":283},[277,75351,75352,75354,75356],{"class":279,"line":308},[277,75353,1057],{"class":311},[277,75355,1060],{"class":311},[277,75357,343],{"class":283},[277,75359,75360,75362],{"class":279,"line":324},[277,75361,1086],{"class":291},[277,75363,473],{"class":283},[277,75365,75366,75368],{"class":279,"line":331},[277,75367,1093],{"class":311},[277,75369,343],{"class":283},[277,75371,75372,75374,75376],{"class":279,"line":346},[277,75373,25498],{"class":283},[277,75375,2149],{"class":356},[277,75377,1077],{"class":283},[277,75379,75380,75382,75384],{"class":279,"line":360},[277,75381,25507],{"class":283},[277,75383,25222],{"class":301},[277,75385,1077],{"class":283},[277,75387,75388,75390,75392],{"class":279,"line":371},[277,75389,25516],{"class":283},[277,75391,25240],{"class":301},[277,75393,1077],{"class":283},[277,75395,75396],{"class":279,"line":381},[277,75397,18478],{"class":283},[277,75399,75400],{"class":279,"line":391},[277,75401,1131],{"class":283},[277,75403,75404],{"class":279,"line":397},[277,75405,2742],{"class":283},[277,75407,75408,75410],{"class":279,"line":402},[277,75409,25537],{"class":291},[277,75411,473],{"class":283},[277,75413,75414,75416,75418,75420,75422,75424,75426],{"class":279,"line":436},[277,75415,2754],{"class":311},[277,75417,1268],{"class":356},[277,75419,104],{"class":283},[277,75421,25550],{"class":291},[277,75423,448],{"class":283},[277,75425,1341],{"class":356},[277,75427,25557],{"class":283},[277,75429,75430],{"class":279,"line":456},[277,75431,7016],{"class":283},[277,75433,75434],{"class":279,"line":461},[277,75435,1131],{"class":283},[277,75437,75438],{"class":279,"line":476},[277,75439,1140],{"class":283},[277,75441,75442,75444,75446,75448],{"class":279,"line":500},[277,75443,25574],{"class":291},[277,75445,448],{"class":283},[277,75447,18041],{"class":349},[277,75449,2476],{"class":283},[277,75451,75452],{"class":279,"line":505},[277,75453,25585],{"class":12741},[277,75455,75456,75458,75460,75462,75464,75466,75468,75470,75472,75474,75476,75478,75480,75482,75484,75486,75488,75490,75492],{"class":279,"line":520},[277,75457,2754],{"class":311},[277,75459,25275],{"class":283},[277,75461,25278],{"class":291},[277,75463,448],{"class":283},[277,75465,15951],{"class":301},[277,75467,25286],{"class":25285},[277,75469,104],{"class":356},[277,75471,25291],{"class":311},[277,75473,9921],{"class":25285},[277,75475,104],{"class":356},[277,75477,25291],{"class":311},[277,75479,284],{"class":25285},[277,75481,25303],{"class":25302},[277,75483,25306],{"class":25285},[277,75485,15951],{"class":301},[277,75487,25311],{"class":311},[277,75489,225],{"class":283},[277,75491,25316],{"class":301},[277,75493,18277],{"class":283},[277,75495,75496],{"class":279,"line":539},[277,75497,7016],{"class":283},[277,75499,75500],{"class":279,"line":545},[277,75501,1131],{"class":283},[277,75503,75504],{"class":279,"line":550},[277,75505,18255],{"class":283},[277,75507,75508,75510,75512],{"class":279,"line":578},[277,75509,785],{"class":283},[277,75511,288],{"class":287},[277,75513,305],{"class":283},[277,75515,75516],{"class":279,"line":583},[277,75517,328],{"emptyLinePlaceholder":327},[277,75519,75520,75522,75524],{"class":279,"line":588},[277,75521,284],{"class":283},[277,75523,802],{"class":287},[277,75525,305],{"class":283},[277,75527,75528,75530,75532],{"class":279,"line":606},[277,75529,810],{"class":283},[277,75531,4121],{"class":287},[277,75533,305],{"class":283},[277,75535,75536,75538,75540,75542,75544],{"class":279,"line":614},[277,75537,829],{"class":283},[277,75539,30],{"class":287},[277,75541,25383],{"class":283},[277,75543,30],{"class":287},[277,75545,305],{"class":283},[277,75547,75548],{"class":279,"line":625},[277,75549,328],{"emptyLinePlaceholder":327},[277,75551,75552,75554,75556,75558,75560,75562,75564,75566,75568,75570,75572,75574,75576,75578],{"class":279,"line":637},[277,75553,829],{"class":283},[277,75555,4201],{"class":287},[277,75557,834],{"class":291},[277,75559,298],{"class":283},[277,75561,25404],{"class":301},[277,75563,816],{"class":291},[277,75565,298],{"class":283},[277,75567,25066],{"class":301},[277,75569,24748],{"class":291},[277,75571,298],{"class":283},[277,75573,25417],{"class":301},[277,75575,24690],{"class":283},[277,75577,4201],{"class":287},[277,75579,305],{"class":283},[277,75581,75582,75584,75586,75588,75590,75592,75594,75596,75598],{"class":279,"line":646},[277,75583,829],{"class":283},[277,75585,21],{"class":287},[277,75587,941],{"class":291},[277,75589,24678],{"class":291},[277,75591,298],{"class":283},[277,75593,25438],{"class":301},[277,75595,24690],{"class":283},[277,75597,21],{"class":287},[277,75599,305],{"class":283},[277,75601,75602,75604,75606],{"class":279,"line":668},[277,75603,954],{"class":283},[277,75605,4121],{"class":287},[277,75607,305],{"class":283},[277,75609,75610,75612,75614],{"class":279,"line":673},[277,75611,785],{"class":283},[277,75613,802],{"class":287},[277,75615,305],{"class":283},[30,75617,1596],{"id":1595},[38,75619,75620,75624,75630,75634,75638],{},[41,75621,75622,25756],{},[16,75623,24587],{},[41,75625,25759,75626,25762,75628,104],{},[16,75627,24722],{},[16,75629,24587],{},[41,75631,75632,25769],{},[16,75633,24590],{},[41,75635,75636,25774],{},[16,75637,24590],{},[41,75639,25777],{},[3111,75641,75642],{},[21,75643,75644,25785,75646,25788,75648,25791],{},[72,75645,25784],{},[16,75647,24587],{},[16,75649,24590],{},[1606,75651,25794],{},{"title":273,"searchDepth":308,"depth":308,"links":75653},[75654,75655,75659,75663,75667,75673,75678,75679],{"id":20624,"depth":308,"text":20625},{"id":24652,"depth":308,"text":24653,"children":75656},[75657,75658],{"id":24587,"depth":324,"text":24587},{"id":24590,"depth":324,"text":24590},{"id":24793,"depth":308,"text":24794,"children":75660},[75661,75662],{"id":24797,"depth":324,"text":25805},{"id":24821,"depth":324,"text":25807},{"id":24847,"depth":308,"text":24848,"children":75664},[75665,75666],{"id":24851,"depth":324,"text":25811},{"id":24861,"depth":324,"text":25813},{"id":189,"depth":308,"text":190,"children":75668},[75669,75670,75671,75672],{"id":24886,"depth":324,"text":25817},{"id":24940,"depth":324,"text":25819},{"id":24978,"depth":324,"text":25821},{"id":24994,"depth":324,"text":24995},{"id":1945,"depth":308,"text":1946,"children":75674},[75675,75676,75677],{"id":25003,"depth":324,"text":25826},{"id":25044,"depth":324,"text":25828},{"id":25086,"depth":324,"text":25087},{"id":1975,"depth":308,"text":1976},{"id":1595,"depth":308,"text":1596},{"script":75681},[75682],{"type":1632,"key":1633,"data-nuxt-schema-org":327,"nodes":75683},[75684],{"headline":24579,"author":75685,"datePublished":25842,"@type":1640},{"name":1637,"@type":1638},{"updatedAt":25842,"coverCaption":25844,"keywords":75687},[1645,24587,24590,25846,10645,271,971],[75689],{"headline":24579,"author":75690,"datePublished":25842,"@type":1640},{"name":1637,"@type":1638},{"title":24579,"description":25835},[75693,75694,75695,75696],{"tag":20588,"color":20589},{"tag":21891,"color":21892},{"tag":3164,"color":3165},{"tag":9074,"color":9075},{"id":25860,"title":25861,"body":75698,"cover":28089,"coverAlt":28090,"date":28091,"description":28092,"draft":1627,"extension":1628,"head":77736,"locale":1641,"meta":77742,"navigation":327,"path":28106,"schemaOrg":77744,"seo":77747,"series":20582,"seriesDescription":20583,"seriesOrder":371,"seriesTitle":20584,"slug":1656,"stem":28111,"tags":77748,"__hash__":28118},{"type":8,"value":75699,"toc":77717},[75700,75704,75708,75710,75712,75714,75722,75728,75730,75734,75788,75851,75853,75873,75875,75891,75899,75901,75905,75919,75921,75923,75931,75935,75937,75943,75947,75955,75987,76022,76024,76028,76075,76077,76079,76081,76083,76097,76101,76103,76105,76107,76131,76133,76135,76208,76210,76354,76356,76487,76491,76493,76561,76565,76567,76569,76879,77117,77119,77121,77439,77693,77695,77715],[11,75701,20605,75702],{"id":25866},[16,75703,25869],{},[21,75705,75706,25874],{},[16,75707,25869],{},[21,75709,25877],{},[30,75711,20625],{"id":20624},[21,75713,25882],{},[38,75715,75716,75718,75720],{},[41,75717,25887],{},[41,75719,25890],{},[41,75721,25893],{},[3111,75723,75724],{},[21,75725,11996,75726,25900],{},[16,75727,25869],{},[30,75729,24653],{"id":24652},[21,75731,25905,75732,25909],{},[16,75733,25908],{},[267,75735,75737],{"className":269,"code":25912,"filename":25913,"highlights":75736,"language":272,"meta":273,"style":273},[324],[16,75738,75739,75747,75761,75772,75780],{"__ignoreMap":273},[277,75740,75741,75743,75745],{"class":279,"line":280},[277,75742,284],{"class":283},[277,75744,802],{"class":287},[277,75746,305],{"class":283},[277,75748,75749,75751,75753,75755,75757,75759],{"class":279,"line":308},[277,75750,810],{"class":283},[277,75752,4121],{"class":287},[277,75754,816],{"class":291},[277,75756,298],{"class":283},[277,75758,25937],{"class":301},[277,75760,305],{"class":283},[277,75762,75764,75766,75768,75770],{"class":75763,"line":324},[279,9398],[277,75765,829],{"class":283},[277,75767,25947],{"class":287},[277,75769,25951],{"class":25950},[277,75771,305],{"class":283},[277,75773,75774,75776,75778],{"class":279,"line":331},[277,75775,954],{"class":283},[277,75777,4121],{"class":287},[277,75779,305],{"class":283},[277,75781,75782,75784,75786],{"class":279,"line":346},[277,75783,785],{"class":283},[277,75785,802],{"class":287},[277,75787,305],{"class":283},[267,75789,75791],{"className":269,"code":25972,"filename":9339,"highlights":75790,"language":272,"meta":273,"style":273},[308,346],[16,75792,75793,75801,75810,75822,75834,75843],{"__ignoreMap":273},[277,75794,75795,75797,75799],{"class":279,"line":280},[277,75796,284],{"class":283},[277,75798,802],{"class":287},[277,75800,305],{"class":283},[277,75802,75804,75806,75808],{"class":75803,"line":308},[279,9398],[277,75805,810],{"class":283},[277,75807,25991],{"class":287},[277,75809,305],{"class":283},[277,75811,75812,75814,75816,75818,75820],{"class":279,"line":324},[277,75813,829],{"class":283},[277,75815,30],{"class":287},[277,75817,26002],{"class":283},[277,75819,30],{"class":287},[277,75821,305],{"class":283},[277,75823,75824,75826,75828,75830,75832],{"class":279,"line":331},[277,75825,829],{"class":283},[277,75827,21],{"class":287},[277,75829,26015],{"class":283},[277,75831,21],{"class":287},[277,75833,305],{"class":283},[277,75835,75837,75839,75841],{"class":75836,"line":346},[279,9398],[277,75838,954],{"class":283},[277,75840,25991],{"class":287},[277,75842,305],{"class":283},[277,75844,75845,75847,75849],{"class":279,"line":360},[277,75846,785],{"class":283},[277,75848,802],{"class":287},[277,75850,305],{"class":283},[21,75852,26039],{},[38,75854,75855,75861,75867],{},[41,75856,75857,20699,75859],{},[72,75858,26046],{},[16,75860,25908],{},[41,75862,75863,20699,75865],{},[72,75864,26053],{},[16,75866,26056],{},[41,75868,75869,20699,75871],{},[72,75870,26061],{},[16,75872,26064],{},[21,75874,26067],{},[38,75876,75877,75881,75887],{},[41,75878,75879,26075],{},[16,75880,26074],{},[41,75882,75883,225,75885,26084],{},[16,75884,26080],{},[16,75886,26083],{},[41,75888,75889,26090],{},[16,75890,26089],{},[3111,75892,75893],{},[21,75894,75895,26098,75897,104],{},[16,75896,26097],{},[16,75898,26101],{},[30,75900,129],{"id":128},[21,75902,20777,75903,7669],{},[16,75904,25869],{},[38,75906,75907,75909,75913],{},[41,75908,26112],{},[41,75910,26115,75911,1895],{},[16,75912,26118],{},[41,75914,26121,75915,225,75917,26128],{},[16,75916,26124],{},[16,75918,26127],{},[30,75920,156],{"id":155},[21,75922,162],{},[38,75924,75925,75927,75929],{},[41,75926,26137],{},[41,75928,26140],{},[41,75930,26143],{},[3111,75932,75933],{},[21,75934,26148],{},[30,75936,190],{"id":189},[192,75938,20821,75939,26156,75941],{"id":26153},[16,75940,25869],{},[16,75942,26159],{},[21,75944,75945,26164],{},[16,75946,25869],{},[38,75948,75949,75951],{},[41,75950,26169],{},[41,75952,1860,75953,26174],{},[16,75954,26159],{},[267,75956,75958],{"className":269,"code":26177,"filename":26178,"highlights":75957,"language":272,"meta":273,"style":273},[280],[16,75959,75960,75975,75979],{"__ignoreMap":273},[277,75961,75963,75965,75967,75969,75971,75973],{"class":75962,"line":280},[279,9398],[277,75964,284],{"class":283},[277,75966,4201],{"class":287},[277,75968,26191],{"class":291},[277,75970,353],{"class":283},[277,75972,4138],{"class":291},[277,75974,305],{"class":283},[277,75976,75977],{"class":279,"line":308},[277,75978,26202],{"class":283},[277,75980,75981,75983,75985],{"class":279,"line":324},[277,75982,785],{"class":283},[277,75984,4201],{"class":287},[277,75986,305],{"class":283},[267,75988,75990],{"className":269,"code":26213,"filename":26214,"highlights":75989,"language":272,"meta":273,"style":273},[308,331],[16,75991,75992,76000,76005,76009,76014],{"__ignoreMap":273},[277,75993,75994,75996,75998],{"class":279,"line":280},[277,75995,284],{"class":283},[277,75997,25991],{"class":287},[277,75999,305],{"class":283},[277,76001,76003],{"class":76002,"line":308},[279,9398],[277,76004,26231],{"class":283},[277,76006,76007],{"class":279,"line":324},[277,76008,26236],{"class":283},[277,76010,76012],{"class":76011,"line":331},[279,9398],[277,76013,26242],{"class":283},[277,76015,76016,76018,76020],{"class":279,"line":346},[277,76017,785],{"class":283},[277,76019,25991],{"class":287},[277,76021,305],{"class":283},[192,76023,26254],{"id":26253},[21,76025,26257,76026,26261],{},[16,76027,26260],{},[267,76029,76031],{"className":269,"code":26264,"filename":26265,"highlights":76030,"language":272,"meta":273,"style":273},[280,308],[16,76032,76033,76054,76059,76063,76067],{"__ignoreMap":273},[277,76034,76036,76038,76040,76042,76044,76046,76048,76050,76052],{"class":76035,"line":280},[279,9398],[277,76037,284],{"class":283},[277,76039,26276],{"class":287},[277,76041,6244],{"class":283},[277,76043,26281],{"class":291},[277,76045,298],{"class":283},[277,76047,866],{"class":301},[277,76049,26288],{"class":283},[277,76051,866],{"class":301},[277,76053,305],{"class":283},[277,76055,76057],{"class":76056,"line":308},[279,9398],[277,76058,26298],{"class":283},[277,76060,76061],{"class":279,"line":324},[277,76062,26303],{"class":283},[277,76064,76065],{"class":279,"line":331},[277,76066,26242],{"class":283},[277,76068,76069,76071,76073],{"class":279,"line":346},[277,76070,785],{"class":283},[277,76072,26276],{"class":287},[277,76074,305],{"class":283},[21,76076,26318],{},[192,76078,26322],{"id":26321},[21,76080,26325],{},[21,76082,25784],{},[38,76084,76085,76089,76093],{},[41,76086,76087,26335],{},[72,76088,26334],{},[41,76090,76091,26341],{},[72,76092,26340],{},[41,76094,76095,26347],{},[72,76096,26346],{},[3111,76098,76099],{},[21,76100,26352],{},[192,76102,26356],{"id":26355},[21,76104,26359],{},[21,76106,26362],{},[267,76108,76109],{"className":269,"code":26365,"filename":25913,"language":272,"meta":273,"style":273},[16,76110,76111,76119,76123],{"__ignoreMap":273},[277,76112,76113,76115,76117],{"class":279,"line":280},[277,76114,284],{"class":283},[277,76116,25947],{"class":287},[277,76118,305],{"class":283},[277,76120,76121],{"class":279,"line":308},[277,76122,26380],{"class":283},[277,76124,76125,76127,76129],{"class":279,"line":324},[277,76126,785],{"class":283},[277,76128,25947],{"class":287},[277,76130,305],{"class":283},[30,76132,1946],{"id":1945},[192,76134,26394],{"id":26393},[267,76136,76138],{"className":269,"code":26397,"filename":25913,"highlights":76137,"language":272,"meta":273,"style":273},[324,346],[16,76139,76140,76148,76162,76171,76183,76192,76200],{"__ignoreMap":273},[277,76141,76142,76144,76146],{"class":279,"line":280},[277,76143,284],{"class":283},[277,76145,802],{"class":287},[277,76147,305],{"class":283},[277,76149,76150,76152,76154,76156,76158,76160],{"class":279,"line":308},[277,76151,810],{"class":283},[277,76153,813],{"class":287},[277,76155,816],{"class":291},[277,76157,298],{"class":283},[277,76159,25937],{"class":301},[277,76161,305],{"class":283},[277,76163,76165,76167,76169],{"class":76164,"line":324},[279,9398],[277,76166,829],{"class":283},[277,76168,25947],{"class":287},[277,76170,305],{"class":283},[277,76172,76173,76175,76177,76179,76181],{"class":279,"line":331},[277,76174,879],{"class":283},[277,76176,21],{"class":287},[277,76178,26440],{"class":283},[277,76180,21],{"class":287},[277,76182,305],{"class":283},[277,76184,76186,76188,76190],{"class":76185,"line":346},[279,9398],[277,76187,922],{"class":283},[277,76189,25947],{"class":287},[277,76191,305],{"class":283},[277,76193,76194,76196,76198],{"class":279,"line":360},[277,76195,954],{"class":283},[277,76197,813],{"class":287},[277,76199,305],{"class":283},[277,76201,76202,76204,76206],{"class":279,"line":371},[277,76203,785],{"class":283},[277,76205,802],{"class":287},[277,76207,305],{"class":283},[192,76209,26473],{"id":26472},[267,76211,76213],{"className":269,"code":26476,"filename":26477,"highlights":76212,"language":272,"meta":273,"style":273},[331,381,436],[16,76214,76215,76223,76237,76245,76262,76270,76274,76282,76293,76301,76305,76313,76330,76338,76346],{"__ignoreMap":273},[277,76216,76217,76219,76221],{"class":279,"line":280},[277,76218,284],{"class":283},[277,76220,802],{"class":287},[277,76222,305],{"class":283},[277,76224,76225,76227,76229,76231,76233,76235],{"class":279,"line":308},[277,76226,810],{"class":283},[277,76228,4121],{"class":287},[277,76230,816],{"class":291},[277,76232,298],{"class":283},[277,76234,26501],{"class":301},[277,76236,305],{"class":283},[277,76238,76239,76241,76243],{"class":279,"line":324},[277,76240,829],{"class":283},[277,76242,4138],{"class":287},[277,76244,305],{"class":283},[277,76246,76248,76250,76252,76254,76256,76258,76260],{"class":76247,"line":331},[279,9398],[277,76249,879],{"class":283},[277,76251,25947],{"class":287},[277,76253,26521],{"class":291},[277,76255,298],{"class":283},[277,76257,26526],{"class":301},[277,76259,25951],{"class":25950},[277,76261,305],{"class":283},[277,76263,76264,76266,76268],{"class":279,"line":346},[277,76265,922],{"class":283},[277,76267,4138],{"class":287},[277,76269,305],{"class":283},[277,76271,76272],{"class":279,"line":360},[277,76273,328],{"emptyLinePlaceholder":327},[277,76275,76276,76278,76280],{"class":279,"line":371},[277,76277,829],{"class":283},[277,76279,26549],{"class":287},[277,76281,305],{"class":283},[277,76283,76285,76287,76289,76291],{"class":76284,"line":381},[279,9398],[277,76286,879],{"class":283},[277,76288,25947],{"class":287},[277,76290,25951],{"class":25950},[277,76292,305],{"class":283},[277,76294,76295,76297,76299],{"class":279,"line":391},[277,76296,922],{"class":283},[277,76298,26549],{"class":287},[277,76300,305],{"class":283},[277,76302,76303],{"class":279,"line":397},[277,76304,328],{"emptyLinePlaceholder":327},[277,76306,76307,76309,76311],{"class":279,"line":402},[277,76308,829],{"class":283},[277,76310,26581],{"class":287},[277,76312,305],{"class":283},[277,76314,76316,76318,76320,76322,76324,76326,76328],{"class":76315,"line":436},[279,9398],[277,76317,879],{"class":283},[277,76319,25947],{"class":287},[277,76321,26521],{"class":291},[277,76323,298],{"class":283},[277,76325,26597],{"class":301},[277,76327,25951],{"class":25950},[277,76329,305],{"class":283},[277,76331,76332,76334,76336],{"class":279,"line":456},[277,76333,922],{"class":283},[277,76335,26581],{"class":287},[277,76337,305],{"class":283},[277,76339,76340,76342,76344],{"class":279,"line":461},[277,76341,954],{"class":283},[277,76343,4121],{"class":287},[277,76345,305],{"class":283},[277,76347,76348,76350,76352],{"class":279,"line":476},[277,76349,785],{"class":283},[277,76351,802],{"class":287},[277,76353,305],{"class":283},[192,76355,26629],{"id":26628},[267,76357,76359],{"className":269,"code":26632,"filename":26265,"highlights":76358,"language":272,"meta":273,"style":273},[360,381],[16,76360,76361,76369,76377,76385,76405,76413,76434,76438,76447,76455,76463,76471,76479],{"__ignoreMap":273},[277,76362,76363,76365,76367],{"class":279,"line":280},[277,76364,284],{"class":283},[277,76366,802],{"class":287},[277,76368,305],{"class":283},[277,76370,76371,76373,76375],{"class":279,"line":308},[277,76372,810],{"class":283},[277,76374,5392],{"class":287},[277,76376,305],{"class":283},[277,76378,76379,76381,76383],{"class":279,"line":324},[277,76380,829],{"class":283},[277,76382,5414],{"class":287},[277,76384,305],{"class":283},[277,76386,76387,76389,76391,76393,76395,76397,76399,76401,76403],{"class":279,"line":331},[277,76388,879],{"class":283},[277,76390,5398],{"class":287},[277,76392,12785],{"class":291},[277,76394,298],{"class":283},[277,76396,26672],{"class":301},[277,76398,4317],{"class":291},[277,76400,298],{"class":283},[277,76402,26679],{"class":301},[277,76404,305],{"class":283},[277,76406,76407,76409,76411],{"class":279,"line":346},[277,76408,26686],{"class":283},[277,76410,5419],{"class":287},[277,76412,305],{"class":283},[277,76414,76416,76418,76420,76422,76424,76426,76428,76430,76432],{"class":76415,"line":360},[279,9398],[277,76417,26696],{"class":283},[277,76419,25947],{"class":287},[277,76421,26521],{"class":291},[277,76423,298],{"class":283},[277,76425,26705],{"class":301},[277,76427,26708],{"class":291},[277,76429,298],{"class":283},[277,76431,26705],{"class":301},[277,76433,305],{"class":283},[277,76435,76436],{"class":279,"line":371},[277,76437,26719],{"class":283},[277,76439,76441,76443,76445],{"class":76440,"line":381},[279,9398],[277,76442,26725],{"class":283},[277,76444,25947],{"class":287},[277,76446,305],{"class":283},[277,76448,76449,76451,76453],{"class":279,"line":391},[277,76450,26734],{"class":283},[277,76452,5419],{"class":287},[277,76454,305],{"class":283},[277,76456,76457,76459,76461],{"class":279,"line":397},[277,76458,4175],{"class":283},[277,76460,5398],{"class":287},[277,76462,305],{"class":283},[277,76464,76465,76467,76469],{"class":279,"line":402},[277,76466,922],{"class":283},[277,76468,5414],{"class":287},[277,76470,305],{"class":283},[277,76472,76473,76475,76477],{"class":279,"line":436},[277,76474,954],{"class":283},[277,76476,5392],{"class":287},[277,76478,305],{"class":283},[277,76480,76481,76483,76485],{"class":279,"line":456},[277,76482,785],{"class":283},[277,76484,802],{"class":287},[277,76486,305],{"class":283},[192,76488,26774,76489,26777],{"id":26773},[16,76490,25869],{},[21,76492,26780],{},[267,76494,76496],{"className":269,"code":26783,"filename":26784,"highlights":76495,"language":272,"meta":273,"style":273},[324],[16,76497,76498,76506,76514,76525,76537,76545,76553],{"__ignoreMap":273},[277,76499,76500,76502,76504],{"class":279,"line":280},[277,76501,284],{"class":283},[277,76503,802],{"class":287},[277,76505,305],{"class":283},[277,76507,76508,76510,76512],{"class":279,"line":308},[277,76509,810],{"class":283},[277,76511,26802],{"class":287},[277,76513,305],{"class":283},[277,76515,76517,76519,76521,76523],{"class":76516,"line":324},[279,9398],[277,76518,829],{"class":283},[277,76520,802],{"class":287},[277,76522,26191],{"class":291},[277,76524,26816],{"class":283},[277,76526,76527,76529,76531,76533,76535],{"class":279,"line":331},[277,76528,879],{"class":283},[277,76530,21],{"class":287},[277,76532,26825],{"class":283},[277,76534,21],{"class":287},[277,76536,305],{"class":283},[277,76538,76539,76541,76543],{"class":279,"line":346},[277,76540,922],{"class":283},[277,76542,802],{"class":287},[277,76544,305],{"class":283},[277,76546,76547,76549,76551],{"class":279,"line":360},[277,76548,954],{"class":283},[277,76550,26802],{"class":287},[277,76552,305],{"class":283},[277,76554,76555,76557,76559],{"class":279,"line":371},[277,76556,785],{"class":283},[277,76558,802],{"class":287},[277,76560,305],{"class":283},[3111,76562,76563],{},[21,76564,26858],{},[11,76566,26862],{"id":26861},[21,76568,26865],{},[267,76570,76571],{"className":269,"code":26868,"filename":26265,"language":272,"meta":273,"style":273},[16,76572,76573,76583,76589,76593,76597,76605,76609,76613,76621,76625,76633,76647,76655,76663,76681,76699,76717,76725,76733,76741,76761,76773,76785,76793,76813,76831,76839,76847,76855,76863,76871],{"__ignoreMap":273},[277,76574,76575,76577,76579,76581],{"class":279,"line":280},[277,76576,284],{"class":283},[277,76578,288],{"class":287},[277,76580,292],{"class":291},[277,76582,305],{"class":283},[277,76584,76585,76587],{"class":279,"line":308},[277,76586,26885],{"class":291},[277,76588,1066],{"class":283},[277,76590,76591],{"class":279,"line":324},[277,76592,26892],{"class":283},[277,76594,76595],{"class":279,"line":331},[277,76596,26897],{"class":283},[277,76598,76599,76601,76603],{"class":279,"line":346},[277,76600,26902],{"class":283},[277,76602,2149],{"class":356},[277,76604,1077],{"class":283},[277,76606,76607],{"class":279,"line":360},[277,76608,1131],{"class":283},[277,76610,76611],{"class":279,"line":371},[277,76612,21454],{"class":283},[277,76614,76615,76617,76619],{"class":279,"line":381},[277,76616,785],{"class":283},[277,76618,288],{"class":287},[277,76620,305],{"class":283},[277,76622,76623],{"class":279,"line":391},[277,76624,328],{"emptyLinePlaceholder":327},[277,76626,76627,76629,76631],{"class":279,"line":397},[277,76628,284],{"class":283},[277,76630,802],{"class":287},[277,76632,305],{"class":283},[277,76634,76635,76637,76639,76641,76643,76645],{"class":279,"line":402},[277,76636,810],{"class":283},[277,76638,5392],{"class":287},[277,76640,816],{"class":291},[277,76642,298],{"class":283},[277,76644,26947],{"class":301},[277,76646,305],{"class":283},[277,76648,76649,76651,76653],{"class":279,"line":436},[277,76650,829],{"class":283},[277,76652,5395],{"class":287},[277,76654,305],{"class":283},[277,76656,76657,76659,76661],{"class":279,"line":456},[277,76658,879],{"class":283},[277,76660,5398],{"class":287},[277,76662,305],{"class":283},[277,76664,76665,76667,76669,76671,76673,76675,76677,76679],{"class":279,"line":461},[277,76666,26686],{"class":283},[277,76668,5401],{"class":287},[277,76670,816],{"class":291},[277,76672,298],{"class":283},[277,76674,26978],{"class":301},[277,76676,26981],{"class":283},[277,76678,5401],{"class":287},[277,76680,305],{"class":283},[277,76682,76683,76685,76687,76689,76691,76693,76695,76697],{"class":279,"line":476},[277,76684,26686],{"class":283},[277,76686,5401],{"class":287},[277,76688,816],{"class":291},[277,76690,298],{"class":283},[277,76692,26978],{"class":301},[277,76694,27000],{"class":283},[277,76696,5401],{"class":287},[277,76698,305],{"class":283},[277,76700,76701,76703,76705,76707,76709,76711,76713,76715],{"class":279,"line":500},[277,76702,26686],{"class":283},[277,76704,5401],{"class":287},[277,76706,816],{"class":291},[277,76708,298],{"class":283},[277,76710,26978],{"class":301},[277,76712,27019],{"class":283},[277,76714,5401],{"class":287},[277,76716,305],{"class":283},[277,76718,76719,76721,76723],{"class":279,"line":505},[277,76720,4175],{"class":283},[277,76722,5398],{"class":287},[277,76724,305],{"class":283},[277,76726,76727,76729,76731],{"class":279,"line":520},[277,76728,922],{"class":283},[277,76730,5395],{"class":287},[277,76732,305],{"class":283},[277,76734,76735,76737,76739],{"class":279,"line":539},[277,76736,829],{"class":283},[277,76738,5414],{"class":287},[277,76740,305],{"class":283},[277,76742,76743,76745,76747,76749,76751,76753,76755,76757,76759],{"class":279,"line":545},[277,76744,879],{"class":283},[277,76746,5398],{"class":287},[277,76748,12785],{"class":291},[277,76750,298],{"class":283},[277,76752,27060],{"class":301},[277,76754,4317],{"class":291},[277,76756,298],{"class":283},[277,76758,12797],{"class":301},[277,76760,305],{"class":283},[277,76762,76763,76765,76767,76769,76771],{"class":279,"line":550},[277,76764,26686],{"class":283},[277,76766,5419],{"class":287},[277,76768,22766],{"class":283},[277,76770,5419],{"class":287},[277,76772,305],{"class":283},[277,76774,76775,76777,76779,76781,76783],{"class":279,"line":578},[277,76776,26686],{"class":283},[277,76778,5419],{"class":287},[277,76780,27089],{"class":283},[277,76782,5419],{"class":287},[277,76784,305],{"class":283},[277,76786,76787,76789,76791],{"class":279,"line":583},[277,76788,26686],{"class":283},[277,76790,5419],{"class":287},[277,76792,305],{"class":283},[277,76794,76795,76797,76799,76801,76803,76805,76807,76809,76811],{"class":279,"line":588},[277,76796,26696],{"class":283},[277,76798,25947],{"class":287},[277,76800,26521],{"class":291},[277,76802,298],{"class":283},[277,76804,27114],{"class":301},[277,76806,27117],{"class":291},[277,76808,298],{"class":283},[277,76810,21518],{"class":301},[277,76812,305],{"class":283},[277,76814,76815,76817,76819,76821,76823,76825,76827,76829],{"class":279,"line":606},[277,76816,27128],{"class":283},[277,76818,4267],{"class":287},[277,76820,4270],{"class":291},[277,76822,298],{"class":283},[277,76824,4275],{"class":301},[277,76826,27139],{"class":283},[277,76828,4267],{"class":287},[277,76830,305],{"class":283},[277,76832,76833,76835,76837],{"class":279,"line":614},[277,76834,26725],{"class":283},[277,76836,25947],{"class":287},[277,76838,305],{"class":283},[277,76840,76841,76843,76845],{"class":279,"line":625},[277,76842,26734],{"class":283},[277,76844,5419],{"class":287},[277,76846,305],{"class":283},[277,76848,76849,76851,76853],{"class":279,"line":637},[277,76850,4175],{"class":283},[277,76852,5398],{"class":287},[277,76854,305],{"class":283},[277,76856,76857,76859,76861],{"class":279,"line":646},[277,76858,922],{"class":283},[277,76860,5414],{"class":287},[277,76862,305],{"class":283},[277,76864,76865,76867,76869],{"class":279,"line":668},[277,76866,954],{"class":283},[277,76868,5392],{"class":287},[277,76870,305],{"class":283},[277,76872,76873,76875,76877],{"class":279,"line":673},[277,76874,785],{"class":283},[277,76876,802],{"class":287},[277,76878,305],{"class":283},[267,76880,76881],{"className":269,"code":27194,"filename":27195,"language":272,"meta":273,"style":273},[16,76882,76883,76893,76905,76917,76921,76933,76953,76973,76977,76981,76993,77003,77007,77015,77019,77027,77041,77061,77081,77085,77093,77101,77109],{"__ignoreMap":273},[277,76884,76885,76887,76889,76891],{"class":279,"line":280},[277,76886,284],{"class":283},[277,76888,288],{"class":287},[277,76890,292],{"class":291},[277,76892,305],{"class":283},[277,76894,76895,76897,76899,76901,76903],{"class":279,"line":308},[277,76896,312],{"class":311},[277,76898,11006],{"class":283},[277,76900,318],{"class":311},[277,76902,18148],{"class":301},[277,76904,18151],{"class":283},[277,76906,76907,76909,76911,76913,76915],{"class":279,"line":324},[277,76908,312],{"class":311},[277,76910,27226],{"class":283},[277,76912,318],{"class":311},[277,76914,27231],{"class":301},[277,76916,18151],{"class":283},[277,76918,76919],{"class":279,"line":331},[277,76920,328],{"emptyLinePlaceholder":327},[277,76922,76923,76925,76927,76929,76931],{"class":279,"line":346},[277,76924,405],{"class":311},[277,76926,11021],{"class":356},[277,76928,340],{"class":311},[277,76930,413],{"class":291},[277,76932,2104],{"class":283},[277,76934,76935,76937,76939,76941,76943,76945,76947,76949,76951],{"class":279,"line":360},[277,76936,2109],{"class":283},[277,76938,2072],{"class":356},[277,76940,22620],{"class":283},[277,76942,17584],{"class":301},[277,76944,27262],{"class":283},[277,76946,27265],{"class":301},[277,76948,27268],{"class":283},[277,76950,2149],{"class":356},[277,76952,2132],{"class":283},[277,76954,76955,76957,76959,76961,76963,76965,76967,76969,76971],{"class":279,"line":371},[277,76956,2109],{"class":283},[277,76958,2139],{"class":356},[277,76960,22620],{"class":283},[277,76962,22646],{"class":301},[277,76964,27262],{"class":283},[277,76966,27287],{"class":301},[277,76968,27268],{"class":283},[277,76970,2123],{"class":356},[277,76972,2132],{"class":283},[277,76974,76975],{"class":279,"line":381},[277,76976,22684],{"class":283},[277,76978,76979],{"class":279,"line":391},[277,76980,328],{"emptyLinePlaceholder":327},[277,76982,76983,76985,76987,76989,76991],{"class":279,"line":397},[277,76984,2460],{"class":311},[277,76986,27308],{"class":291},[277,76988,448],{"class":283},[277,76990,27313],{"class":349},[277,76992,2476],{"class":283},[277,76994,76995,76997,76999,77001],{"class":279,"line":402},[277,76996,27320],{"class":283},[277,76998,298],{"class":311},[277,77000,2288],{"class":311},[277,77002,27327],{"class":283},[277,77004,77005],{"class":279,"line":436},[277,77006,394],{"class":283},[277,77008,77009,77011,77013],{"class":279,"line":456},[277,77010,785],{"class":283},[277,77012,288],{"class":287},[277,77014,305],{"class":283},[277,77016,77017],{"class":279,"line":461},[277,77018,328],{"emptyLinePlaceholder":327},[277,77020,77021,77023,77025],{"class":279,"line":476},[277,77022,284],{"class":283},[277,77024,802],{"class":287},[277,77026,305],{"class":283},[277,77028,77029,77031,77033,77035,77037,77039],{"class":279,"line":500},[277,77030,810],{"class":283},[277,77032,26276],{"class":287},[277,77034,27360],{"class":291},[277,77036,298],{"class":283},[277,77038,27365],{"class":301},[277,77040,305],{"class":283},[277,77042,77043,77045,77047,77049,77051,77053,77055,77057,77059],{"class":279,"line":505},[277,77044,829],{"class":283},[277,77046,802],{"class":287},[277,77048,27376],{"class":283},[277,77050,27379],{"class":291},[277,77052,298],{"class":283},[277,77054,866],{"class":301},[277,77056,27386],{"class":283},[277,77058,866],{"class":301},[277,77060,305],{"class":283},[277,77062,77063,77065,77067,77069,77071,77073,77075,77077,77079],{"class":279,"line":520},[277,77064,879],{"class":283},[277,77066,4267],{"class":287},[277,77068,4270],{"class":291},[277,77070,298],{"class":283},[277,77072,4275],{"class":301},[277,77074,4278],{"class":291},[277,77076,298],{"class":283},[277,77078,27409],{"class":301},[277,77080,305],{"class":283},[277,77082,77083],{"class":279,"line":539},[277,77084,27416],{"class":283},[277,77086,77087,77089,77091],{"class":279,"line":545},[277,77088,4175],{"class":283},[277,77090,4267],{"class":287},[277,77092,305],{"class":283},[277,77094,77095,77097,77099],{"class":279,"line":550},[277,77096,922],{"class":283},[277,77098,802],{"class":287},[277,77100,305],{"class":283},[277,77102,77103,77105,77107],{"class":279,"line":578},[277,77104,954],{"class":283},[277,77106,26276],{"class":287},[277,77108,305],{"class":283},[277,77110,77111,77113,77115],{"class":279,"line":583},[277,77112,785],{"class":283},[277,77114,802],{"class":287},[277,77116,305],{"class":283},[11,77118,27452],{"id":27451},[21,77120,27455],{},[267,77122,77123],{"className":269,"code":27458,"filename":26265,"language":272,"meta":273,"style":273},[16,77124,77125,77133,77141,77145,77149,77153,77161,77165,77169,77173,77181,77185,77193,77207,77215,77223,77241,77259,77277,77285,77293,77301,77321,77333,77345,77353,77373,77391,77399,77407,77415,77423,77431],{"__ignoreMap":273},[277,77126,77127,77129,77131],{"class":279,"line":280},[277,77128,284],{"class":283},[277,77130,288],{"class":287},[277,77132,305],{"class":283},[277,77134,77135,77137,77139],{"class":279,"line":308},[277,77136,1057],{"class":311},[277,77138,1060],{"class":311},[277,77140,343],{"class":283},[277,77142,77143],{"class":279,"line":324},[277,77144,27481],{"class":283},[277,77146,77147],{"class":279,"line":331},[277,77148,27486],{"class":283},[277,77150,77151],{"class":279,"line":346},[277,77152,27491],{"class":283},[277,77154,77155,77157,77159],{"class":279,"line":360},[277,77156,27496],{"class":283},[277,77158,2149],{"class":356},[277,77160,1077],{"class":283},[277,77162,77163],{"class":279,"line":371},[277,77164,7016],{"class":283},[277,77166,77167],{"class":279,"line":381},[277,77168,1131],{"class":283},[277,77170,77171],{"class":279,"line":391},[277,77172,18255],{"class":283},[277,77174,77175,77177,77179],{"class":279,"line":397},[277,77176,785],{"class":283},[277,77178,288],{"class":287},[277,77180,305],{"class":283},[277,77182,77183],{"class":279,"line":402},[277,77184,328],{"emptyLinePlaceholder":327},[277,77186,77187,77189,77191],{"class":279,"line":436},[277,77188,284],{"class":283},[277,77190,802],{"class":287},[277,77192,305],{"class":283},[277,77194,77195,77197,77199,77201,77203,77205],{"class":279,"line":456},[277,77196,810],{"class":283},[277,77198,5392],{"class":287},[277,77200,816],{"class":291},[277,77202,298],{"class":283},[277,77204,26947],{"class":301},[277,77206,305],{"class":283},[277,77208,77209,77211,77213],{"class":279,"line":461},[277,77210,829],{"class":283},[277,77212,5395],{"class":287},[277,77214,305],{"class":283},[277,77216,77217,77219,77221],{"class":279,"line":476},[277,77218,879],{"class":283},[277,77220,5398],{"class":287},[277,77222,305],{"class":283},[277,77224,77225,77227,77229,77231,77233,77235,77237,77239],{"class":279,"line":500},[277,77226,26686],{"class":283},[277,77228,5401],{"class":287},[277,77230,816],{"class":291},[277,77232,298],{"class":283},[277,77234,26978],{"class":301},[277,77236,26981],{"class":283},[277,77238,5401],{"class":287},[277,77240,305],{"class":283},[277,77242,77243,77245,77247,77249,77251,77253,77255,77257],{"class":279,"line":505},[277,77244,26686],{"class":283},[277,77246,5401],{"class":287},[277,77248,816],{"class":291},[277,77250,298],{"class":283},[277,77252,26978],{"class":301},[277,77254,27000],{"class":283},[277,77256,5401],{"class":287},[277,77258,305],{"class":283},[277,77260,77261,77263,77265,77267,77269,77271,77273,77275],{"class":279,"line":520},[277,77262,26686],{"class":283},[277,77264,5401],{"class":287},[277,77266,816],{"class":291},[277,77268,298],{"class":283},[277,77270,26978],{"class":301},[277,77272,27019],{"class":283},[277,77274,5401],{"class":287},[277,77276,305],{"class":283},[277,77278,77279,77281,77283],{"class":279,"line":539},[277,77280,4175],{"class":283},[277,77282,5398],{"class":287},[277,77284,305],{"class":283},[277,77286,77287,77289,77291],{"class":279,"line":545},[277,77288,922],{"class":283},[277,77290,5395],{"class":287},[277,77292,305],{"class":283},[277,77294,77295,77297,77299],{"class":279,"line":550},[277,77296,829],{"class":283},[277,77298,5414],{"class":287},[277,77300,305],{"class":283},[277,77302,77303,77305,77307,77309,77311,77313,77315,77317,77319],{"class":279,"line":578},[277,77304,879],{"class":283},[277,77306,5398],{"class":287},[277,77308,12785],{"class":291},[277,77310,298],{"class":283},[277,77312,27060],{"class":301},[277,77314,4317],{"class":291},[277,77316,298],{"class":283},[277,77318,12797],{"class":301},[277,77320,305],{"class":283},[277,77322,77323,77325,77327,77329,77331],{"class":279,"line":583},[277,77324,26686],{"class":283},[277,77326,5419],{"class":287},[277,77328,22766],{"class":283},[277,77330,5419],{"class":287},[277,77332,305],{"class":283},[277,77334,77335,77337,77339,77341,77343],{"class":279,"line":588},[277,77336,26686],{"class":283},[277,77338,5419],{"class":287},[277,77340,27089],{"class":283},[277,77342,5419],{"class":287},[277,77344,305],{"class":283},[277,77346,77347,77349,77351],{"class":279,"line":606},[277,77348,26686],{"class":283},[277,77350,5419],{"class":287},[277,77352,305],{"class":283},[277,77354,77355,77357,77359,77361,77363,77365,77367,77369,77371],{"class":279,"line":614},[277,77356,26696],{"class":283},[277,77358,25947],{"class":287},[277,77360,26521],{"class":291},[277,77362,298],{"class":283},[277,77364,27114],{"class":301},[277,77366,27117],{"class":291},[277,77368,298],{"class":283},[277,77370,21518],{"class":301},[277,77372,305],{"class":283},[277,77374,77375,77377,77379,77381,77383,77385,77387,77389],{"class":279,"line":625},[277,77376,27128],{"class":283},[277,77378,4267],{"class":287},[277,77380,4270],{"class":291},[277,77382,298],{"class":283},[277,77384,4275],{"class":301},[277,77386,27139],{"class":283},[277,77388,4267],{"class":287},[277,77390,305],{"class":283},[277,77392,77393,77395,77397],{"class":279,"line":637},[277,77394,26725],{"class":283},[277,77396,25947],{"class":287},[277,77398,305],{"class":283},[277,77400,77401,77403,77405],{"class":279,"line":646},[277,77402,26734],{"class":283},[277,77404,5419],{"class":287},[277,77406,305],{"class":283},[277,77408,77409,77411,77413],{"class":279,"line":668},[277,77410,4175],{"class":283},[277,77412,5398],{"class":287},[277,77414,305],{"class":283},[277,77416,77417,77419,77421],{"class":279,"line":673},[277,77418,922],{"class":283},[277,77420,5414],{"class":287},[277,77422,305],{"class":283},[277,77424,77425,77427,77429],{"class":279,"line":679},[277,77426,954],{"class":283},[277,77428,5392],{"class":287},[277,77430,305],{"class":283},[277,77432,77433,77435,77437],{"class":279,"line":684},[277,77434,785],{"class":283},[277,77436,802],{"class":287},[277,77438,305],{"class":283},[267,77440,77441],{"className":269,"code":27781,"filename":27195,"language":272,"meta":273,"style":273},[16,77442,77443,77451,77463,77467,77475,77479,77485,77491,77495,77515,77535,77539,77543,77547,77551,77561,77571,77575,77579,77583,77591,77595,77603,77617,77637,77657,77661,77669,77677,77685],{"__ignoreMap":273},[277,77444,77445,77447,77449],{"class":279,"line":280},[277,77446,284],{"class":283},[277,77448,288],{"class":287},[277,77450,305],{"class":283},[277,77452,77453,77455,77457,77459,77461],{"class":279,"line":308},[277,77454,312],{"class":311},[277,77456,27226],{"class":283},[277,77458,318],{"class":311},[277,77460,27231],{"class":301},[277,77462,18151],{"class":283},[277,77464,77465],{"class":279,"line":324},[277,77466,328],{"emptyLinePlaceholder":327},[277,77468,77469,77471,77473],{"class":279,"line":331},[277,77470,1057],{"class":311},[277,77472,1060],{"class":311},[277,77474,343],{"class":283},[277,77476,77477],{"class":279,"line":346},[277,77478,27820],{"class":283},[277,77480,77481,77483],{"class":279,"line":360},[277,77482,1086],{"class":291},[277,77484,473],{"class":283},[277,77486,77487,77489],{"class":279,"line":371},[277,77488,1093],{"class":311},[277,77490,343],{"class":283},[277,77492,77493],{"class":279,"line":381},[277,77494,22894],{"class":283},[277,77496,77497,77499,77501,77503,77505,77507,77509,77511,77513],{"class":279,"line":391},[277,77498,2664],{"class":283},[277,77500,2072],{"class":356},[277,77502,22620],{"class":283},[277,77504,17584],{"class":301},[277,77506,27262],{"class":283},[277,77508,27265],{"class":301},[277,77510,27268],{"class":283},[277,77512,2149],{"class":356},[277,77514,2132],{"class":283},[277,77516,77517,77519,77521,77523,77525,77527,77529,77531,77533],{"class":279,"line":397},[277,77518,2664],{"class":283},[277,77520,2139],{"class":356},[277,77522,22620],{"class":283},[277,77524,22646],{"class":301},[277,77526,27262],{"class":283},[277,77528,27287],{"class":301},[277,77530,27268],{"class":283},[277,77532,2123],{"class":356},[277,77534,2132],{"class":283},[277,77536,77537],{"class":279,"line":402},[277,77538,10174],{"class":283},[277,77540,77541],{"class":279,"line":436},[277,77542,18478],{"class":283},[277,77544,77545],{"class":279,"line":456},[277,77546,1131],{"class":283},[277,77548,77549],{"class":279,"line":461},[277,77550,1140],{"class":283},[277,77552,77553,77555,77557,77559],{"class":279,"line":476},[277,77554,27897],{"class":291},[277,77556,448],{"class":283},[277,77558,27313],{"class":349},[277,77560,2476],{"class":283},[277,77562,77563,77565,77567,77569],{"class":279,"line":500},[277,77564,27908],{"class":283},[277,77566,298],{"class":311},[277,77568,2288],{"class":311},[277,77570,27327],{"class":283},[277,77572,77573],{"class":279,"line":505},[277,77574,7016],{"class":283},[277,77576,77577],{"class":279,"line":520},[277,77578,1131],{"class":283},[277,77580,77581],{"class":279,"line":539},[277,77582,18255],{"class":283},[277,77584,77585,77587,77589],{"class":279,"line":545},[277,77586,785],{"class":283},[277,77588,288],{"class":287},[277,77590,305],{"class":283},[277,77592,77593],{"class":279,"line":550},[277,77594,328],{"emptyLinePlaceholder":327},[277,77596,77597,77599,77601],{"class":279,"line":578},[277,77598,284],{"class":283},[277,77600,802],{"class":287},[277,77602,305],{"class":283},[277,77604,77605,77607,77609,77611,77613,77615],{"class":279,"line":583},[277,77606,810],{"class":283},[277,77608,26276],{"class":287},[277,77610,27360],{"class":291},[277,77612,298],{"class":283},[277,77614,27365],{"class":301},[277,77616,305],{"class":283},[277,77618,77619,77621,77623,77625,77627,77629,77631,77633,77635],{"class":279,"line":588},[277,77620,829],{"class":283},[277,77622,802],{"class":287},[277,77624,27376],{"class":283},[277,77626,27379],{"class":291},[277,77628,298],{"class":283},[277,77630,866],{"class":301},[277,77632,27386],{"class":283},[277,77634,866],{"class":301},[277,77636,305],{"class":283},[277,77638,77639,77641,77643,77645,77647,77649,77651,77653,77655],{"class":279,"line":606},[277,77640,879],{"class":283},[277,77642,4267],{"class":287},[277,77644,4270],{"class":291},[277,77646,298],{"class":283},[277,77648,4275],{"class":301},[277,77650,4278],{"class":291},[277,77652,298],{"class":283},[277,77654,27409],{"class":301},[277,77656,305],{"class":283},[277,77658,77659],{"class":279,"line":614},[277,77660,27416],{"class":283},[277,77662,77663,77665,77667],{"class":279,"line":625},[277,77664,4175],{"class":283},[277,77666,4267],{"class":287},[277,77668,305],{"class":283},[277,77670,77671,77673,77675],{"class":279,"line":637},[277,77672,922],{"class":283},[277,77674,802],{"class":287},[277,77676,305],{"class":283},[277,77678,77679,77681,77683],{"class":279,"line":646},[277,77680,954],{"class":283},[277,77682,26276],{"class":287},[277,77684,305],{"class":283},[277,77686,77687,77689,77691],{"class":279,"line":668},[277,77688,785],{"class":283},[277,77690,802],{"class":287},[277,77692,305],{"class":283},[30,77694,1596],{"id":1595},[38,77696,77697,77701,77703,77709,77711,77713],{},[41,77698,77699,28045],{},[16,77700,25869],{},[41,77702,28048],{},[41,77704,28051,77705,225,77707,1808],{},[16,77706,4138],{},[16,77708,26581],{},[41,77710,28058],{},[41,77712,28061],{},[41,77714,28064],{},[1606,77716,28067],{},{"title":273,"searchDepth":308,"depth":308,"links":77718},[77719,77720,77721,77722,77723,77729,77735],{"id":20624,"depth":308,"text":20625},{"id":24652,"depth":308,"text":24653},{"id":128,"depth":308,"text":129},{"id":155,"depth":308,"text":156},{"id":189,"depth":308,"text":190,"children":77724},[77725,77726,77727,77728],{"id":26153,"depth":324,"text":28077},{"id":26253,"depth":324,"text":26254},{"id":26321,"depth":324,"text":26322},{"id":26355,"depth":324,"text":26356},{"id":1945,"depth":308,"text":1946,"children":77730},[77731,77732,77733,77734],{"id":26393,"depth":324,"text":26394},{"id":26472,"depth":324,"text":26473},{"id":26628,"depth":324,"text":26629},{"id":26773,"depth":324,"text":28087},{"id":1595,"depth":308,"text":1596},{"script":77737},[77738],{"type":1632,"key":1633,"data-nuxt-schema-org":327,"nodes":77739},[77740],{"headline":28098,"author":77741,"datePublished":28100,"@type":1640},{"name":1637,"@type":1638},{"updatedAt":28100,"coverCaption":28102,"author":1637,"keywords":77743},[1645,25869,28104,26118,28105,271,971],[77745],{"headline":28098,"author":77746,"datePublished":28100,"@type":1640},{"name":1637,"@type":1638},{"title":25861,"description":28092},[77749,77750,77751,77752],{"tag":20588,"color":20589},{"tag":26340,"color":28115},{"tag":1668,"color":1669},{"tag":1671,"color":1672},{"id":28120,"title":28121,"body":77754,"cover":30923,"coverAlt":30924,"date":30925,"description":30926,"draft":1627,"extension":1628,"head":80323,"locale":1641,"meta":80329,"navigation":327,"path":30939,"schemaOrg":80331,"seo":80334,"series":20582,"seriesDescription":20583,"seriesOrder":360,"seriesTitle":20584,"slug":1656,"stem":30944,"tags":80335,"__hash__":30952},{"type":8,"value":77755,"toc":80300},[77756,77760,77764,77766,77770,77774,77786,77788,77792,77794,77808,77822,77824,77826,77842,77844,77858,77864,77866,77870,77872,77888,77890,77894,77906,77908,77910,77912,77968,77974,77978,77982,77984,78010,78016,78018,78040,78042,78044,78062,78064,78068,78070,78072,78194,78322,78326,78462,78596,78598,78720,78848,78850,78852,78858,78988,79534,79536,79542,79712,80264,80266,80270,80272,80274,80298],[11,77757,20605,77758],{"id":28126},[16,77759,17971],{},[21,77761,77762,28133],{},[16,77763,17971],{},[30,77765,20625],{"id":20624},[21,77767,28138,77768,28141],{},[16,77769,17971],{},[21,77771,11996,77772,28146],{},[16,77773,17971],{},[38,77775,77776,77782,77784],{},[41,77777,28151,77778,28155,77780,104],{},[16,77779,28154],{},[16,77781,28158],{},[41,77783,28161],{},[41,77785,28164],{},[30,77787,61],{"id":60},[21,77789,20529,77790,28171],{},[16,77791,17971],{},[192,77793,28175],{"id":28174},[38,77795,77796,77800],{},[41,77797,77798,28183],{},[16,77799,28182],{},[41,77801,28186,77802,225,77804,225,77806,1808],{},[16,77803,18041],{},[16,77805,28191],{},[16,77807,28194],{},[21,77809,28197,77810,28201,77812,28155,77814,28206,77816,28210,77818,28214,77820,104],{},[16,77811,28200],{},[16,77813,28154],{},[16,77815,28158],{},[16,77817,28209],{},[16,77819,28213],{},[16,77821,28191],{},[192,77823,28220],{"id":28219},[21,77825,28223],{},[38,77827,77828,77832,77836],{},[41,77829,28228,77830,104],{},[16,77831,28231],{},[41,77833,28234,77834,104],{},[16,77835,28237],{},[41,77837,28240,77838,225,77840,104],{},[16,77839,28243],{},[16,77841,28246],{},[21,77843,28249],{},[38,77845,77846,77850,77854],{},[41,77847,77848],{},[16,77849,28256],{},[41,77851,77852],{},[16,77853,28261],{},[41,77855,77856],{},[16,77857,28266],{},[21,77859,28269,77860,28273,77862,28276],{},[16,77861,28272],{},[16,77863,19250],{},[30,77865,129],{"id":128},[21,77867,20777,77868,28283],{},[16,77869,17971],{},[21,77871,3305],{},[38,77873,77874,77876,77878,77886],{},[41,77875,28290],{},[41,77877,28293],{},[41,77879,28296,77880,225,77882,225,77884,28306],{},[16,77881,28299],{},[16,77883,28302],{},[16,77885,28305],{},[41,77887,28309],{},[30,77889,156],{"id":155},[21,77891,7664,77892,7669],{},[16,77893,17971],{},[38,77895,77896,77900,77902,77904],{},[41,77897,28320,77898,28323],{},[16,77899,1732],{},[41,77901,28326],{},[41,77903,28329],{},[41,77905,28332],{},[30,77907,190],{"id":189},[192,77909,28338],{"id":28337},[21,77911,24892],{},[267,77913,77914],{"className":269,"code":28343,"filename":28344,"language":272,"meta":273,"style":273},[16,77915,77916,77932,77952,77960],{"__ignoreMap":273},[277,77917,77918,77920,77922,77924,77926,77928,77930],{"class":279,"line":280},[277,77919,284],{"class":283},[277,77921,288],{"class":287},[277,77923,292],{"class":291},[277,77925,295],{"class":291},[277,77927,298],{"class":283},[277,77929,302],{"class":301},[277,77931,305],{"class":283},[277,77933,77934,77936,77938,77940,77942,77944,77946,77948,77950],{"class":279,"line":308},[277,77935,405],{"class":311},[277,77937,28369],{"class":356},[277,77939,340],{"class":311},[277,77941,28374],{"class":291},[277,77943,21368],{"class":283},[277,77945,28231],{"class":349},[277,77947,353],{"class":311},[277,77949,21376],{"class":356},[277,77951,28385],{"class":283},[277,77953,77954,77956,77958],{"class":279,"line":324},[277,77955,28390],{"class":283},[277,77957,298],{"class":311},[277,77959,28395],{"class":301},[277,77961,77962,77964,77966],{"class":279,"line":331},[277,77963,785],{"class":283},[277,77965,288],{"class":287},[277,77967,305],{"class":283},[21,77969,28406,77970,28409,77972,104],{},[16,77971,28237],{},[16,77973,28412],{},[3111,77975,77976],{},[21,77977,28417],{},[192,77979,28421,77980,28424],{"id":28420},[16,77981,17971],{},[21,77983,24892],{},[267,77985,77986],{"className":269,"code":28429,"filename":28344,"language":272,"meta":273,"style":273},[16,77987,77988],{"__ignoreMap":273},[277,77989,77990,77992,77994,77996,77998,78000,78002,78004,78006,78008],{"class":279,"line":280},[277,77991,284],{"class":283},[277,77993,18041],{"class":287},[277,77995,23751],{"class":291},[277,77997,298],{"class":283},[277,77999,866],{"class":301},[277,78001,28446],{"class":283},[277,78003,28449],{"class":291},[277,78005,28452],{"class":283},[277,78007,866],{"class":301},[277,78009,4325],{"class":283},[3111,78011,78012],{},[21,78013,78014,28463],{},[16,78015,17971],{},[21,78017,28466],{},[267,78019,78020],{"className":269,"code":28469,"filename":28470,"language":272,"meta":273,"style":273},[16,78021,78022],{"__ignoreMap":273},[277,78023,78024,78026,78028,78030,78032,78034,78036,78038],{"class":279,"line":280},[277,78025,284],{"class":283},[277,78027,18041],{"class":287},[277,78029,23751],{"class":291},[277,78031,298],{"class":283},[277,78033,866],{"class":301},[277,78035,28487],{"class":283},[277,78037,866],{"class":301},[277,78039,4325],{"class":283},[192,78041,28495],{"id":28494},[21,78043,28498],{},[38,78045,78046,78050,78058],{},[41,78047,15938,78048,28505],{},[16,78049,28256],{},[41,78051,15938,78052,28510,78054,28513,78056,104],{},[16,78053,28261],{},[16,78055,5753],{},[16,78057,7971],{},[41,78059,15938,78060,28520],{},[16,78061,28266],{},[192,78063,28524],{"id":28523},[21,78065,28527,78066,28530],{},[16,78067,17971],{},[11,78069,1946],{"id":1945},[30,78071,28536],{"id":28535},[267,78073,78075],{"className":269,"code":28539,"filename":271,"highlights":78074,"language":272,"meta":273,"style":273},[397],[16,78076,78077,78093,78105,78109,78125,78133,78137,78145,78153,78157,78178,78186],{"__ignoreMap":273},[277,78078,78079,78081,78083,78085,78087,78089,78091],{"class":279,"line":280},[277,78080,284],{"class":283},[277,78082,288],{"class":287},[277,78084,292],{"class":291},[277,78086,295],{"class":291},[277,78088,298],{"class":283},[277,78090,302],{"class":301},[277,78092,305],{"class":283},[277,78094,78095,78097,78099,78101,78103],{"class":279,"line":308},[277,78096,312],{"class":311},[277,78098,11006],{"class":283},[277,78100,318],{"class":311},[277,78102,18148],{"class":301},[277,78104,18151],{"class":283},[277,78106,78107],{"class":279,"line":324},[277,78108,328],{"emptyLinePlaceholder":327},[277,78110,78111,78113,78115,78117,78119,78121,78123],{"class":279,"line":331},[277,78112,405],{"class":311},[277,78114,28581],{"class":356},[277,78116,340],{"class":311},[277,78118,413],{"class":291},[277,78120,448],{"class":283},[277,78122,25316],{"class":301},[277,78124,18277],{"class":283},[277,78126,78127,78129,78131],{"class":279,"line":346},[277,78128,785],{"class":283},[277,78130,288],{"class":287},[277,78132,305],{"class":283},[277,78134,78135],{"class":279,"line":360},[277,78136,328],{"emptyLinePlaceholder":327},[277,78138,78139,78141,78143],{"class":279,"line":371},[277,78140,284],{"class":283},[277,78142,802],{"class":287},[277,78144,305],{"class":283},[277,78146,78147,78149,78151],{"class":279,"line":381},[277,78148,810],{"class":283},[277,78150,3875],{"class":287},[277,78152,305],{"class":283},[277,78154,78155],{"class":279,"line":391},[277,78156,28624],{"class":283},[277,78158,78160,78162,78164,78166,78168,78170,78172,78174,78176],{"class":78159,"line":397},[279,9398],[277,78161,829],{"class":283},[277,78163,18041],{"class":287},[277,78165,28634],{"class":291},[277,78167,298],{"class":283},[277,78169,28639],{"class":301},[277,78171,4270],{"class":291},[277,78173,298],{"class":283},[277,78175,28646],{"class":301},[277,78177,4325],{"class":283},[277,78179,78180,78182,78184],{"class":279,"line":402},[277,78181,954],{"class":283},[277,78183,3875],{"class":287},[277,78185,305],{"class":283},[277,78187,78188,78190,78192],{"class":279,"line":436},[277,78189,785],{"class":283},[277,78191,802],{"class":287},[277,78193,305],{"class":283},[267,78195,78197],{"className":269,"code":28667,"filename":971,"highlights":78196,"language":272,"meta":273,"style":273},[461],[16,78198,78199,78213,78221,78227,78233,78241,78245,78249,78253,78261,78265,78273,78281,78285,78306,78314],{"__ignoreMap":273},[277,78200,78201,78203,78205,78207,78209,78211],{"class":279,"line":280},[277,78202,284],{"class":283},[277,78204,288],{"class":287},[277,78206,295],{"class":291},[277,78208,298],{"class":283},[277,78210,302],{"class":301},[277,78212,305],{"class":283},[277,78214,78215,78217,78219],{"class":279,"line":308},[277,78216,1057],{"class":311},[277,78218,1060],{"class":311},[277,78220,343],{"class":283},[277,78222,78223,78225],{"class":279,"line":324},[277,78224,1086],{"class":291},[277,78226,473],{"class":283},[277,78228,78229,78231],{"class":279,"line":331},[277,78230,1093],{"class":311},[277,78232,343],{"class":283},[277,78234,78235,78237,78239],{"class":279,"line":346},[277,78236,28709],{"class":283},[277,78238,25316],{"class":301},[277,78240,1077],{"class":283},[277,78242,78243],{"class":279,"line":360},[277,78244,18478],{"class":283},[277,78246,78247],{"class":279,"line":371},[277,78248,1131],{"class":283},[277,78250,78251],{"class":279,"line":381},[277,78252,18255],{"class":283},[277,78254,78255,78257,78259],{"class":279,"line":391},[277,78256,785],{"class":283},[277,78258,288],{"class":287},[277,78260,305],{"class":283},[277,78262,78263],{"class":279,"line":397},[277,78264,328],{"emptyLinePlaceholder":327},[277,78266,78267,78269,78271],{"class":279,"line":402},[277,78268,284],{"class":283},[277,78270,802],{"class":287},[277,78272,305],{"class":283},[277,78274,78275,78277,78279],{"class":279,"line":436},[277,78276,810],{"class":283},[277,78278,3875],{"class":287},[277,78280,305],{"class":283},[277,78282,78283],{"class":279,"line":456},[277,78284,28624],{"class":283},[277,78286,78288,78290,78292,78294,78296,78298,78300,78302,78304],{"class":78287,"line":461},[279,9398],[277,78289,829],{"class":283},[277,78291,18041],{"class":287},[277,78293,28634],{"class":291},[277,78295,298],{"class":283},[277,78297,28639],{"class":301},[277,78299,4270],{"class":291},[277,78301,298],{"class":283},[277,78303,28646],{"class":301},[277,78305,4325],{"class":283},[277,78307,78308,78310,78312],{"class":279,"line":476},[277,78309,954],{"class":283},[277,78311,3875],{"class":287},[277,78313,305],{"class":283},[277,78315,78316,78318,78320],{"class":279,"line":500},[277,78317,785],{"class":283},[277,78319,802],{"class":287},[277,78321,305],{"class":283},[30,78323,28798,78324],{"id":28797},[16,78325,28801],{},[267,78327,78329],{"className":269,"code":28804,"filename":271,"highlights":78328,"language":272,"meta":273,"style":273},[397],[16,78330,78331,78347,78359,78363,78387,78395,78399,78407,78415,78419,78446,78454],{"__ignoreMap":273},[277,78332,78333,78335,78337,78339,78341,78343,78345],{"class":279,"line":280},[277,78334,284],{"class":283},[277,78336,288],{"class":287},[277,78338,292],{"class":291},[277,78340,295],{"class":291},[277,78342,298],{"class":283},[277,78344,302],{"class":301},[277,78346,305],{"class":283},[277,78348,78349,78351,78353,78355,78357],{"class":279,"line":308},[277,78350,312],{"class":311},[277,78352,11006],{"class":283},[277,78354,318],{"class":311},[277,78356,18148],{"class":301},[277,78358,18151],{"class":283},[277,78360,78361],{"class":279,"line":324},[277,78362,328],{"emptyLinePlaceholder":327},[277,78364,78365,78367,78369,78371,78373,78375,78377,78379,78381,78383,78385],{"class":279,"line":331},[277,78366,405],{"class":311},[277,78368,28846],{"class":356},[277,78370,340],{"class":311},[277,78372,413],{"class":291},[277,78374,284],{"class":283},[277,78376,7971],{"class":356},[277,78378,421],{"class":311},[277,78380,424],{"class":356},[277,78382,427],{"class":283},[277,78384,430],{"class":356},[277,78386,18277],{"class":283},[277,78388,78389,78391,78393],{"class":279,"line":346},[277,78390,785],{"class":283},[277,78392,288],{"class":287},[277,78394,305],{"class":283},[277,78396,78397],{"class":279,"line":360},[277,78398,328],{"emptyLinePlaceholder":327},[277,78400,78401,78403,78405],{"class":279,"line":371},[277,78402,284],{"class":283},[277,78404,802],{"class":287},[277,78406,305],{"class":283},[277,78408,78409,78411,78413],{"class":279,"line":381},[277,78410,810],{"class":283},[277,78412,3875],{"class":287},[277,78414,305],{"class":283},[277,78416,78417],{"class":279,"line":391},[277,78418,28897],{"class":283},[277,78420,78422,78424,78426,78428,78430,78432,78434,78436,78438,78440,78442,78444],{"class":78421,"line":397},[279,9398],[277,78423,829],{"class":283},[277,78425,18041],{"class":287},[277,78427,28907],{"class":291},[277,78429,298],{"class":283},[277,78431,28912],{"class":301},[277,78433,4270],{"class":291},[277,78435,298],{"class":283},[277,78437,28919],{"class":301},[277,78439,28922],{"class":291},[277,78441,298],{"class":283},[277,78443,28927],{"class":301},[277,78445,4325],{"class":283},[277,78447,78448,78450,78452],{"class":279,"line":402},[277,78449,954],{"class":283},[277,78451,3875],{"class":287},[277,78453,305],{"class":283},[277,78455,78456,78458,78460],{"class":279,"line":436},[277,78457,785],{"class":283},[277,78459,802],{"class":287},[277,78461,305],{"class":283},[267,78463,78465],{"className":269,"code":28948,"filename":971,"highlights":78464,"language":272,"meta":273,"style":273},[461],[16,78466,78467,78481,78489,78495,78501,78509,78513,78517,78521,78529,78533,78541,78549,78553,78580,78588],{"__ignoreMap":273},[277,78468,78469,78471,78473,78475,78477,78479],{"class":279,"line":280},[277,78470,284],{"class":283},[277,78472,288],{"class":287},[277,78474,295],{"class":291},[277,78476,298],{"class":283},[277,78478,302],{"class":301},[277,78480,305],{"class":283},[277,78482,78483,78485,78487],{"class":279,"line":308},[277,78484,1057],{"class":311},[277,78486,1060],{"class":311},[277,78488,343],{"class":283},[277,78490,78491,78493],{"class":279,"line":324},[277,78492,1086],{"class":291},[277,78494,473],{"class":283},[277,78496,78497,78499],{"class":279,"line":331},[277,78498,1093],{"class":311},[277,78500,343],{"class":283},[277,78502,78503,78505,78507],{"class":279,"line":346},[277,78504,28990],{"class":283},[277,78506,430],{"class":356},[277,78508,1077],{"class":283},[277,78510,78511],{"class":279,"line":360},[277,78512,18478],{"class":283},[277,78514,78515],{"class":279,"line":371},[277,78516,1131],{"class":283},[277,78518,78519],{"class":279,"line":381},[277,78520,18255],{"class":283},[277,78522,78523,78525,78527],{"class":279,"line":391},[277,78524,785],{"class":283},[277,78526,288],{"class":287},[277,78528,305],{"class":283},[277,78530,78531],{"class":279,"line":397},[277,78532,328],{"emptyLinePlaceholder":327},[277,78534,78535,78537,78539],{"class":279,"line":402},[277,78536,284],{"class":283},[277,78538,802],{"class":287},[277,78540,305],{"class":283},[277,78542,78543,78545,78547],{"class":279,"line":436},[277,78544,810],{"class":283},[277,78546,3875],{"class":287},[277,78548,305],{"class":283},[277,78550,78551],{"class":279,"line":456},[277,78552,28897],{"class":283},[277,78554,78556,78558,78560,78562,78564,78566,78568,78570,78572,78574,78576,78578],{"class":78555,"line":461},[279,9398],[277,78557,829],{"class":283},[277,78559,18041],{"class":287},[277,78561,28907],{"class":291},[277,78563,298],{"class":283},[277,78565,28912],{"class":301},[277,78567,4270],{"class":291},[277,78569,298],{"class":283},[277,78571,28919],{"class":301},[277,78573,28922],{"class":291},[277,78575,298],{"class":283},[277,78577,28927],{"class":301},[277,78579,4325],{"class":283},[277,78581,78582,78584,78586],{"class":279,"line":476},[277,78583,954],{"class":283},[277,78585,3875],{"class":287},[277,78587,305],{"class":283},[277,78589,78590,78592,78594],{"class":279,"line":500},[277,78591,785],{"class":283},[277,78593,802],{"class":287},[277,78595,305],{"class":283},[30,78597,29085],{"id":29084},[267,78599,78601],{"className":269,"code":29088,"filename":271,"highlights":78600,"language":272,"meta":273,"style":273},[391],[16,78602,78603,78619,78631,78635,78651,78659,78663,78671,78679,78700,78704,78712],{"__ignoreMap":273},[277,78604,78605,78607,78609,78611,78613,78615,78617],{"class":279,"line":280},[277,78606,284],{"class":283},[277,78608,288],{"class":287},[277,78610,292],{"class":291},[277,78612,295],{"class":291},[277,78614,298],{"class":283},[277,78616,302],{"class":301},[277,78618,305],{"class":283},[277,78620,78621,78623,78625,78627,78629],{"class":279,"line":308},[277,78622,312],{"class":311},[277,78624,11006],{"class":283},[277,78626,318],{"class":311},[277,78628,18148],{"class":301},[277,78630,18151],{"class":283},[277,78632,78633],{"class":279,"line":324},[277,78634,328],{"emptyLinePlaceholder":327},[277,78636,78637,78639,78641,78643,78645,78647,78649],{"class":279,"line":331},[277,78638,405],{"class":311},[277,78640,29130],{"class":356},[277,78642,340],{"class":311},[277,78644,413],{"class":291},[277,78646,448],{"class":283},[277,78648,2123],{"class":356},[277,78650,18277],{"class":283},[277,78652,78653,78655,78657],{"class":279,"line":346},[277,78654,785],{"class":283},[277,78656,288],{"class":287},[277,78658,305],{"class":283},[277,78660,78661],{"class":279,"line":360},[277,78662,328],{"emptyLinePlaceholder":327},[277,78664,78665,78667,78669],{"class":279,"line":371},[277,78666,284],{"class":283},[277,78668,802],{"class":287},[277,78670,305],{"class":283},[277,78672,78673,78675,78677],{"class":279,"line":381},[277,78674,810],{"class":283},[277,78676,3875],{"class":287},[277,78678,305],{"class":283},[277,78680,78682,78684,78686,78688,78690,78692,78694,78696,78698],{"class":78681,"line":391},[279,9398],[277,78683,829],{"class":283},[277,78685,18041],{"class":287},[277,78687,23751],{"class":291},[277,78689,298],{"class":283},[277,78691,29182],{"class":301},[277,78693,4270],{"class":291},[277,78695,298],{"class":283},[277,78697,29189],{"class":301},[277,78699,4325],{"class":283},[277,78701,78702],{"class":279,"line":397},[277,78703,29196],{"class":283},[277,78705,78706,78708,78710],{"class":279,"line":402},[277,78707,954],{"class":283},[277,78709,3875],{"class":287},[277,78711,305],{"class":283},[277,78713,78714,78716,78718],{"class":279,"line":436},[277,78715,785],{"class":283},[277,78717,802],{"class":287},[277,78719,305],{"class":283},[267,78721,78723],{"className":269,"code":29215,"filename":971,"highlights":78722,"language":272,"meta":273,"style":273},[456],[16,78724,78725,78739,78747,78753,78759,78767,78771,78775,78779,78787,78791,78799,78807,78828,78832,78840],{"__ignoreMap":273},[277,78726,78727,78729,78731,78733,78735,78737],{"class":279,"line":280},[277,78728,284],{"class":283},[277,78730,288],{"class":287},[277,78732,295],{"class":291},[277,78734,298],{"class":283},[277,78736,302],{"class":301},[277,78738,305],{"class":283},[277,78740,78741,78743,78745],{"class":279,"line":308},[277,78742,1057],{"class":311},[277,78744,1060],{"class":311},[277,78746,343],{"class":283},[277,78748,78749,78751],{"class":279,"line":324},[277,78750,1086],{"class":291},[277,78752,473],{"class":283},[277,78754,78755,78757],{"class":279,"line":331},[277,78756,1093],{"class":311},[277,78758,343],{"class":283},[277,78760,78761,78763,78765],{"class":279,"line":346},[277,78762,29257],{"class":283},[277,78764,2123],{"class":356},[277,78766,1077],{"class":283},[277,78768,78769],{"class":279,"line":360},[277,78770,18478],{"class":283},[277,78772,78773],{"class":279,"line":371},[277,78774,1131],{"class":283},[277,78776,78777],{"class":279,"line":381},[277,78778,18255],{"class":283},[277,78780,78781,78783,78785],{"class":279,"line":391},[277,78782,785],{"class":283},[277,78784,288],{"class":287},[277,78786,305],{"class":283},[277,78788,78789],{"class":279,"line":397},[277,78790,328],{"emptyLinePlaceholder":327},[277,78792,78793,78795,78797],{"class":279,"line":402},[277,78794,284],{"class":283},[277,78796,802],{"class":287},[277,78798,305],{"class":283},[277,78800,78801,78803,78805],{"class":279,"line":436},[277,78802,810],{"class":283},[277,78804,3875],{"class":287},[277,78806,305],{"class":283},[277,78808,78810,78812,78814,78816,78818,78820,78822,78824,78826],{"class":78809,"line":456},[279,9398],[277,78811,829],{"class":283},[277,78813,18041],{"class":287},[277,78815,23751],{"class":291},[277,78817,298],{"class":283},[277,78819,29182],{"class":301},[277,78821,4270],{"class":291},[277,78823,298],{"class":283},[277,78825,29189],{"class":301},[277,78827,4325],{"class":283},[277,78829,78830],{"class":279,"line":461},[277,78831,29196],{"class":283},[277,78833,78834,78836,78838],{"class":279,"line":476},[277,78835,954],{"class":283},[277,78837,3875],{"class":287},[277,78839,305],{"class":283},[277,78841,78842,78844,78846],{"class":279,"line":500},[277,78843,785],{"class":283},[277,78845,802],{"class":287},[277,78847,305],{"class":283},[30,78849,29346],{"id":29345},[192,78851,26862],{"id":26861},[21,78853,78854,29354,78856,29357],{},[16,78855,29353],{},[16,78857,28412],{},[267,78859,78861],{"className":269,"code":29360,"filename":29361,"highlights":78860,"language":272,"meta":273,"style":273},[391],[16,78862,78863,78879,78899,78907,78911,78919,78933,78937,78943,78952,78960,78968,78972,78980],{"__ignoreMap":273},[277,78864,78865,78867,78869,78871,78873,78875,78877],{"class":279,"line":280},[277,78866,284],{"class":283},[277,78868,288],{"class":287},[277,78870,292],{"class":291},[277,78872,295],{"class":291},[277,78874,298],{"class":283},[277,78876,302],{"class":301},[277,78878,305],{"class":283},[277,78880,78881,78883,78885,78887,78889,78891,78893,78895,78897],{"class":279,"line":308},[277,78882,405],{"class":311},[277,78884,29387],{"class":356},[277,78886,340],{"class":311},[277,78888,29392],{"class":291},[277,78890,284],{"class":283},[277,78892,5753],{"class":356},[277,78894,29399],{"class":283},[277,78896,25316],{"class":301},[277,78898,29404],{"class":283},[277,78900,78901,78903,78905],{"class":279,"line":324},[277,78902,785],{"class":283},[277,78904,288],{"class":287},[277,78906,305],{"class":283},[277,78908,78909],{"class":279,"line":331},[277,78910,328],{"emptyLinePlaceholder":327},[277,78912,78913,78915,78917],{"class":279,"line":346},[277,78914,284],{"class":283},[277,78916,802],{"class":287},[277,78918,305],{"class":283},[277,78920,78921,78923,78925,78927,78929,78931],{"class":279,"line":360},[277,78922,810],{"class":283},[277,78924,3875],{"class":287},[277,78926,816],{"class":291},[277,78928,298],{"class":283},[277,78930,29437],{"class":301},[277,78932,305],{"class":283},[277,78934,78935],{"class":279,"line":371},[277,78936,29444],{"class":283},[277,78938,78939,78941],{"class":279,"line":381},[277,78940,829],{"class":283},[277,78942,11549],{"class":287},[277,78944,78946,78948,78950],{"class":78945,"line":391},[279,9398],[277,78947,29456],{"class":291},[277,78949,298],{"class":283},[277,78951,29461],{"class":301},[277,78953,78954,78956,78958],{"class":279,"line":397},[277,78955,11563],{"class":291},[277,78957,298],{"class":283},[277,78959,29470],{"class":301},[277,78961,78962,78964,78966],{"class":279,"line":402},[277,78963,11573],{"class":291},[277,78965,298],{"class":283},[277,78967,29479],{"class":301},[277,78969,78970],{"class":279,"line":436},[277,78971,29484],{"class":283},[277,78973,78974,78976,78978],{"class":279,"line":456},[277,78975,954],{"class":283},[277,78977,3875],{"class":287},[277,78979,305],{"class":283},[277,78981,78982,78984,78986],{"class":279,"line":461},[277,78983,785],{"class":283},[277,78985,802],{"class":287},[277,78987,305],{"class":283},[267,78989,78990],{"className":269,"code":29503,"filename":29504,"language":272,"meta":273,"style":273},[16,78991,78992,79008,79020,79032,79036,79052,79076,79092,79096,79108,79128,79148,79168,79172,79176,79190,79206,79214,79230,79238,79254,79270,79274,79288,79292,79296,79304,79308,79316,79324,79336,79340,79354,79358,79366,79370,79396,79404,79408,79416,79436,79440,79448,79452,79460,79480,79484,79502,79510,79518,79526],{"__ignoreMap":273},[277,78993,78994,78996,78998,79000,79002,79004,79006],{"class":279,"line":280},[277,78995,284],{"class":283},[277,78997,288],{"class":287},[277,78999,292],{"class":291},[277,79001,295],{"class":291},[277,79003,298],{"class":283},[277,79005,302],{"class":301},[277,79007,305],{"class":283},[277,79009,79010,79012,79014,79016,79018],{"class":279,"line":308},[277,79011,312],{"class":311},[277,79013,23384],{"class":283},[277,79015,318],{"class":311},[277,79017,18148],{"class":301},[277,79019,18151],{"class":283},[277,79021,79022,79024,79026,79028,79030],{"class":279,"line":324},[277,79023,312],{"class":311},[277,79025,29541],{"class":283},[277,79027,318],{"class":311},[277,79029,29546],{"class":301},[277,79031,18151],{"class":283},[277,79033,79034],{"class":279,"line":331},[277,79035,328],{"emptyLinePlaceholder":327},[277,79037,79038,79040,79042,79044,79046,79048,79050],{"class":279,"line":346},[277,79039,405],{"class":311},[277,79041,29559],{"class":356},[277,79043,340],{"class":311},[277,79045,413],{"class":291},[277,79047,448],{"class":283},[277,79049,25316],{"class":301},[277,79051,18277],{"class":283},[277,79053,79054,79056,79058,79060,79062,79064,79066,79068,79070,79072,79074],{"class":279,"line":360},[277,79055,405],{"class":311},[277,79057,29576],{"class":356},[277,79059,340],{"class":311},[277,79061,413],{"class":291},[277,79063,284],{"class":283},[277,79065,7971],{"class":356},[277,79067,421],{"class":311},[277,79069,424],{"class":356},[277,79071,427],{"class":283},[277,79073,430],{"class":356},[277,79075,18277],{"class":283},[277,79077,79078,79080,79082,79084,79086,79088,79090],{"class":279,"line":371},[277,79079,405],{"class":311},[277,79081,29601],{"class":356},[277,79083,340],{"class":311},[277,79085,413],{"class":291},[277,79087,448],{"class":283},[277,79089,2123],{"class":356},[277,79091,18277],{"class":283},[277,79093,79094],{"class":279,"line":381},[277,79095,328],{"emptyLinePlaceholder":327},[277,79097,79098,79100,79102,79104,79106],{"class":279,"line":391},[277,79099,405],{"class":311},[277,79101,29622],{"class":356},[277,79103,340],{"class":311},[277,79105,413],{"class":291},[277,79107,2104],{"class":283},[277,79109,79110,79112,79114,79116,79118,79120,79122,79124,79126],{"class":279,"line":397},[277,79111,2109],{"class":283},[277,79113,2072],{"class":356},[277,79115,22620],{"class":283},[277,79117,29639],{"class":301},[277,79119,29642],{"class":283},[277,79121,29645],{"class":356},[277,79123,29648],{"class":283},[277,79125,2149],{"class":356},[277,79127,2132],{"class":283},[277,79129,79130,79132,79134,79136,79138,79140,79142,79144,79146],{"class":279,"line":402},[277,79131,2109],{"class":283},[277,79133,2139],{"class":356},[277,79135,22620],{"class":283},[277,79137,29663],{"class":301},[277,79139,29642],{"class":283},[277,79141,29668],{"class":356},[277,79143,29648],{"class":283},[277,79145,2123],{"class":356},[277,79147,2132],{"class":283},[277,79149,79150,79152,79154,79156,79158,79160,79162,79164,79166],{"class":279,"line":436},[277,79151,2109],{"class":283},[277,79153,2163],{"class":356},[277,79155,22620],{"class":283},[277,79157,29685],{"class":301},[277,79159,29642],{"class":283},[277,79161,29690],{"class":356},[277,79163,29648],{"class":283},[277,79165,2149],{"class":356},[277,79167,2132],{"class":283},[277,79169,79170],{"class":279,"line":456},[277,79171,22684],{"class":283},[277,79173,79174],{"class":279,"line":461},[277,79175,328],{"emptyLinePlaceholder":327},[277,79177,79178,79180,79182,79184,79186,79188],{"class":279,"line":476},[277,79179,405],{"class":311},[277,79181,29711],{"class":356},[277,79183,340],{"class":311},[277,79185,2200],{"class":291},[277,79187,2203],{"class":283},[277,79189,3716],{"class":311},[277,79191,79192,79194,79196,79198,79200,79202,79204],{"class":279,"line":500},[277,79193,29724],{"class":283},[277,79195,2218],{"class":291},[277,79197,2334],{"class":283},[277,79199,21],{"class":349},[277,79201,2340],{"class":283},[277,79203,601],{"class":311},[277,79205,343],{"class":283},[277,79207,79208,79210,79212],{"class":279,"line":505},[277,79209,2233],{"class":311},[277,79211,29743],{"class":356},[277,79213,29746],{"class":311},[277,79215,79216,79218,79220,79222,79224,79226,79228],{"class":279,"line":520},[277,79217,29751],{"class":283},[277,79219,2249],{"class":291},[277,79221,6034],{"class":283},[277,79223,2258],{"class":291},[277,79225,29760],{"class":283},[277,79227,2249],{"class":291},[277,79229,29765],{"class":283},[277,79231,79232,79234,79236],{"class":279,"line":539},[277,79233,2233],{"class":311},[277,79235,29772],{"class":356},[277,79237,29746],{"class":311},[277,79239,79240,79242,79244,79246,79248,79250,79252],{"class":279,"line":545},[277,79241,29779],{"class":283},[277,79243,29782],{"class":311},[277,79245,424],{"class":356},[277,79247,29787],{"class":311},[277,79249,29790],{"class":283},[277,79251,29793],{"class":311},[277,79253,29796],{"class":283},[277,79255,79256,79258,79260,79262,79264,79266,79268],{"class":279,"line":550},[277,79257,2233],{"class":311},[277,79259,29803],{"class":356},[277,79261,340],{"class":311},[277,79263,2288],{"class":311},[277,79265,29810],{"class":283},[277,79267,708],{"class":311},[277,79269,29815],{"class":283},[277,79271,79272],{"class":279,"line":578},[277,79273,328],{"emptyLinePlaceholder":327},[277,79275,79276,79278,79280,79282,79284,79286],{"class":279,"line":583},[277,79277,1093],{"class":311},[277,79279,29826],{"class":283},[277,79281,2310],{"class":311},[277,79283,29831],{"class":283},[277,79285,2310],{"class":311},[277,79287,29836],{"class":283},[277,79289,79290],{"class":279,"line":588},[277,79291,2318],{"class":283},[277,79293,79294],{"class":279,"line":606},[277,79295,18277],{"class":283},[277,79297,79298,79300,79302],{"class":279,"line":614},[277,79299,785],{"class":283},[277,79301,288],{"class":287},[277,79303,305],{"class":283},[277,79305,79306],{"class":279,"line":625},[277,79307,328],{"emptyLinePlaceholder":327},[277,79309,79310,79312,79314],{"class":279,"line":637},[277,79311,284],{"class":283},[277,79313,802],{"class":287},[277,79315,305],{"class":283},[277,79317,79318,79320,79322],{"class":279,"line":646},[277,79319,810],{"class":283},[277,79321,4121],{"class":287},[277,79323,305],{"class":283},[277,79325,79326,79328,79330,79332,79334],{"class":279,"line":668},[277,79327,829],{"class":283},[277,79329,30],{"class":287},[277,79331,29881],{"class":283},[277,79333,30],{"class":287},[277,79335,305],{"class":283},[277,79337,79338],{"class":279,"line":673},[277,79339,328],{"emptyLinePlaceholder":327},[277,79341,79342,79344,79346,79348,79350,79352],{"class":279,"line":679},[277,79343,829],{"class":283},[277,79345,29353],{"class":287},[277,79347,23751],{"class":291},[277,79349,298],{"class":283},[277,79351,29902],{"class":301},[277,79353,4325],{"class":283},[277,79355,79356],{"class":279,"line":684},[277,79357,328],{"emptyLinePlaceholder":327},[277,79359,79360,79362,79364],{"class":279,"line":700},[277,79361,829],{"class":283},[277,79363,3875],{"class":287},[277,79365,305],{"class":283},[277,79367,79368],{"class":279,"line":717},[277,79369,29921],{"class":283},[277,79371,79372,79374,79376,79378,79380,79382,79384,79386,79388,79390,79392,79394],{"class":279,"line":722},[277,79373,879],{"class":283},[277,79375,18041],{"class":287},[277,79377,28907],{"class":291},[277,79379,298],{"class":283},[277,79381,29934],{"class":301},[277,79383,4270],{"class":291},[277,79385,298],{"class":283},[277,79387,28919],{"class":301},[277,79389,28922],{"class":291},[277,79391,298],{"class":283},[277,79393,28927],{"class":301},[277,79395,4325],{"class":283},[277,79397,79398,79400,79402],{"class":279,"line":729},[277,79399,922],{"class":283},[277,79401,3875],{"class":287},[277,79403,305],{"class":283},[277,79405,79406],{"class":279,"line":738},[277,79407,328],{"emptyLinePlaceholder":327},[277,79409,79410,79412,79414],{"class":279,"line":747},[277,79411,829],{"class":283},[277,79413,3875],{"class":287},[277,79415,305],{"class":283},[277,79417,79418,79420,79422,79424,79426,79428,79430,79432,79434],{"class":279,"line":754},[277,79419,879],{"class":283},[277,79421,18041],{"class":287},[277,79423,23751],{"class":291},[277,79425,298],{"class":283},[277,79427,29981],{"class":301},[277,79429,4270],{"class":291},[277,79431,298],{"class":283},[277,79433,29189],{"class":301},[277,79435,4325],{"class":283},[277,79437,79438],{"class":279,"line":772},[277,79439,29994],{"class":283},[277,79441,79442,79444,79446],{"class":279,"line":777},[277,79443,922],{"class":283},[277,79445,3875],{"class":287},[277,79447,305],{"class":283},[277,79449,79450],{"class":279,"line":782},[277,79451,328],{"emptyLinePlaceholder":327},[277,79453,79454,79456,79458],{"class":279,"line":792},[277,79455,829],{"class":283},[277,79457,38],{"class":287},[277,79459,305],{"class":283},[277,79461,79462,79464,79466,79468,79470,79472,79474,79476,79478],{"class":279,"line":797},[277,79463,879],{"class":283},[277,79465,41],{"class":287},[277,79467,12785],{"class":291},[277,79469,298],{"class":283},[277,79471,30027],{"class":301},[277,79473,4317],{"class":291},[277,79475,298],{"class":283},[277,79477,30034],{"class":301},[277,79479,305],{"class":283},[277,79481,79482],{"class":279,"line":807},[277,79483,30041],{"class":283},[277,79485,79486,79488,79490,79492,79494,79496,79498,79500],{"class":279,"line":826},[277,79487,26686],{"class":283},[277,79489,277],{"class":287},[277,79491,834],{"class":291},[277,79493,298],{"class":283},[277,79495,30054],{"class":301},[277,79497,30057],{"class":283},[277,79499,277],{"class":287},[277,79501,305],{"class":283},[277,79503,79504,79506,79508],{"class":279,"line":849},[277,79505,4175],{"class":283},[277,79507,41],{"class":287},[277,79509,305],{"class":283},[277,79511,79512,79514,79516],{"class":279,"line":854},[277,79513,922],{"class":283},[277,79515,38],{"class":287},[277,79517,305],{"class":283},[277,79519,79520,79522,79524],{"class":279,"line":876},[277,79521,954],{"class":283},[277,79523,4121],{"class":287},[277,79525,305],{"class":283},[277,79527,79528,79530,79532],{"class":279,"line":891},[277,79529,785],{"class":283},[277,79531,802],{"class":287},[277,79533,305],{"class":283},[192,79535,27452],{"id":27451},[21,79537,30098,79538,1697,79540,353],{},[16,79539,28231],{},[16,79541,28237],{},[267,79543,79544],{"className":269,"code":30105,"filename":29361,"language":272,"meta":273,"style":273},[16,79545,79546,79560,79568,79576,79580,79584,79588,79596,79600,79604,79612,79616,79624,79628,79636,79650,79654,79660,79668,79676,79684,79692,79696,79704],{"__ignoreMap":273},[277,79547,79548,79550,79552,79554,79556,79558],{"class":279,"line":280},[277,79549,284],{"class":283},[277,79551,288],{"class":287},[277,79553,295],{"class":291},[277,79555,298],{"class":283},[277,79557,302],{"class":301},[277,79559,305],{"class":283},[277,79561,79562,79564,79566],{"class":279,"line":308},[277,79563,1057],{"class":311},[277,79565,1060],{"class":311},[277,79567,343],{"class":283},[277,79569,79570,79572,79574],{"class":279,"line":324},[277,79571,1071],{"class":283},[277,79573,30136],{"class":301},[277,79575,1077],{"class":283},[277,79577,79578],{"class":279,"line":331},[277,79579,27481],{"class":283},[277,79581,79582],{"class":279,"line":346},[277,79583,30147],{"class":283},[277,79585,79586],{"class":279,"line":360},[277,79587,30152],{"class":283},[277,79589,79590,79592,79594],{"class":279,"line":371},[277,79591,30157],{"class":283},[277,79593,25316],{"class":301},[277,79595,1077],{"class":283},[277,79597,79598],{"class":279,"line":381},[277,79599,7016],{"class":283},[277,79601,79602],{"class":279,"line":391},[277,79603,1131],{"class":283},[277,79605,79606,79608,79610],{"class":279,"line":397},[277,79607,30174],{"class":283},[277,79609,30177],{"class":301},[277,79611,30180],{"class":283},[277,79613,79614],{"class":279,"line":402},[277,79615,18255],{"class":283},[277,79617,79618,79620,79622],{"class":279,"line":436},[277,79619,785],{"class":283},[277,79621,288],{"class":287},[277,79623,305],{"class":283},[277,79625,79626],{"class":279,"line":456},[277,79627,328],{"emptyLinePlaceholder":327},[277,79629,79630,79632,79634],{"class":279,"line":461},[277,79631,284],{"class":283},[277,79633,802],{"class":287},[277,79635,305],{"class":283},[277,79637,79638,79640,79642,79644,79646,79648],{"class":279,"line":476},[277,79639,810],{"class":283},[277,79641,3875],{"class":287},[277,79643,816],{"class":291},[277,79645,298],{"class":283},[277,79647,29437],{"class":301},[277,79649,305],{"class":283},[277,79651,79652],{"class":279,"line":500},[277,79653,29444],{"class":283},[277,79655,79656,79658],{"class":279,"line":505},[277,79657,829],{"class":283},[277,79659,11549],{"class":287},[277,79661,79662,79664,79666],{"class":279,"line":520},[277,79663,30233],{"class":291},[277,79665,298],{"class":283},[277,79667,30238],{"class":301},[277,79669,79670,79672,79674],{"class":279,"line":539},[277,79671,11563],{"class":291},[277,79673,298],{"class":283},[277,79675,29470],{"class":301},[277,79677,79678,79680,79682],{"class":279,"line":545},[277,79679,11573],{"class":291},[277,79681,298],{"class":283},[277,79683,29479],{"class":301},[277,79685,79686,79688,79690],{"class":279,"line":550},[277,79687,30259],{"class":291},[277,79689,298],{"class":283},[277,79691,30264],{"class":301},[277,79693,79694],{"class":279,"line":578},[277,79695,29484],{"class":283},[277,79697,79698,79700,79702],{"class":279,"line":583},[277,79699,954],{"class":283},[277,79701,3875],{"class":287},[277,79703,305],{"class":283},[277,79705,79706,79708,79710],{"class":279,"line":588},[277,79707,785],{"class":283},[277,79709,802],{"class":287},[277,79711,305],{"class":283},[267,79713,79714],{"className":269,"code":30287,"filename":29504,"language":272,"meta":273,"style":273},[16,79715,79716,79730,79742,79746,79754,79762,79766,79772,79778,79786,79794,79802,79806,79826,79846,79866,79870,79874,79878,79882,79888,79908,79918,79926,79942,79950,79974,79992,79996,80010,80014,80018,80022,80026,80034,80038,80046,80054,80066,80070,80084,80088,80096,80100,80126,80134,80138,80146,80166,80170,80178,80182,80190,80210,80214,80232,80240,80248,80256],{"__ignoreMap":273},[277,79717,79718,79720,79722,79724,79726,79728],{"class":279,"line":280},[277,79719,284],{"class":283},[277,79721,288],{"class":287},[277,79723,295],{"class":291},[277,79725,298],{"class":283},[277,79727,302],{"class":301},[277,79729,305],{"class":283},[277,79731,79732,79734,79736,79738,79740],{"class":279,"line":308},[277,79733,312],{"class":311},[277,79735,29541],{"class":283},[277,79737,318],{"class":311},[277,79739,29546],{"class":301},[277,79741,18151],{"class":283},[277,79743,79744],{"class":279,"line":324},[277,79745,328],{"emptyLinePlaceholder":327},[277,79747,79748,79750,79752],{"class":279,"line":331},[277,79749,1057],{"class":311},[277,79751,1060],{"class":311},[277,79753,343],{"class":283},[277,79755,79756,79758,79760],{"class":279,"line":346},[277,79757,1071],{"class":283},[277,79759,30334],{"class":301},[277,79761,1077],{"class":283},[277,79763,79764],{"class":279,"line":360},[277,79765,30341],{"class":283},[277,79767,79768,79770],{"class":279,"line":371},[277,79769,1086],{"class":291},[277,79771,473],{"class":283},[277,79773,79774,79776],{"class":279,"line":381},[277,79775,1093],{"class":311},[277,79777,343],{"class":283},[277,79779,79780,79782,79784],{"class":279,"line":391},[277,79781,30358],{"class":283},[277,79783,25316],{"class":301},[277,79785,1077],{"class":283},[277,79787,79788,79790,79792],{"class":279,"line":397},[277,79789,30367],{"class":283},[277,79791,430],{"class":356},[277,79793,1077],{"class":283},[277,79795,79796,79798,79800],{"class":279,"line":402},[277,79797,30376],{"class":283},[277,79799,2123],{"class":356},[277,79801,1077],{"class":283},[277,79803,79804],{"class":279,"line":436},[277,79805,30385],{"class":283},[277,79807,79808,79810,79812,79814,79816,79818,79820,79822,79824],{"class":279,"line":456},[277,79809,2664],{"class":283},[277,79811,2072],{"class":356},[277,79813,22620],{"class":283},[277,79815,29639],{"class":301},[277,79817,29642],{"class":283},[277,79819,29645],{"class":356},[277,79821,29648],{"class":283},[277,79823,2149],{"class":356},[277,79825,2132],{"class":283},[277,79827,79828,79830,79832,79834,79836,79838,79840,79842,79844],{"class":279,"line":461},[277,79829,2664],{"class":283},[277,79831,2139],{"class":356},[277,79833,22620],{"class":283},[277,79835,29663],{"class":301},[277,79837,29642],{"class":283},[277,79839,29668],{"class":356},[277,79841,29648],{"class":283},[277,79843,2123],{"class":356},[277,79845,2132],{"class":283},[277,79847,79848,79850,79852,79854,79856,79858,79860,79862,79864],{"class":279,"line":476},[277,79849,2664],{"class":283},[277,79851,2163],{"class":356},[277,79853,22620],{"class":283},[277,79855,29685],{"class":301},[277,79857,29642],{"class":283},[277,79859,29690],{"class":356},[277,79861,29648],{"class":283},[277,79863,2149],{"class":356},[277,79865,2132],{"class":283},[277,79867,79868],{"class":279,"line":500},[277,79869,10174],{"class":283},[277,79871,79872],{"class":279,"line":505},[277,79873,18478],{"class":283},[277,79875,79876],{"class":279,"line":520},[277,79877,1131],{"class":283},[277,79879,79880],{"class":279,"line":539},[277,79881,2742],{"class":283},[277,79883,79884,79886],{"class":279,"line":545},[277,79885,30466],{"class":291},[277,79887,473],{"class":283},[277,79889,79890,79892,79894,79896,79898,79900,79902,79904,79906],{"class":279,"line":550},[277,79891,2754],{"class":311},[277,79893,1268],{"class":356},[277,79895,30477],{"class":283},[277,79897,2218],{"class":291},[277,79899,2334],{"class":283},[277,79901,21],{"class":349},[277,79903,2340],{"class":283},[277,79905,601],{"class":311},[277,79907,343],{"class":283},[277,79909,79910,79912,79914,79916],{"class":279,"line":578},[277,79911,2774],{"class":311},[277,79913,29743],{"class":356},[277,79915,340],{"class":311},[277,79917,30500],{"class":283},[277,79919,79920,79922,79924],{"class":279,"line":583},[277,79921,2785],{"class":283},[277,79923,2249],{"class":291},[277,79925,622],{"class":283},[277,79927,79928,79930,79932,79934,79936,79938,79940],{"class":279,"line":588},[277,79929,2785],{"class":283},[277,79931,2258],{"class":291},[277,79933,448],{"class":283},[277,79935,1341],{"class":356},[277,79937,30521],{"class":283},[277,79939,2249],{"class":291},[277,79941,29765],{"class":283},[277,79943,79944,79946,79948],{"class":279,"line":606},[277,79945,2774],{"class":311},[277,79947,29772],{"class":356},[277,79949,29746],{"class":311},[277,79951,79952,79954,79956,79958,79960,79962,79964,79966,79968,79970,79972],{"class":279,"line":614},[277,79953,30538],{"class":356},[277,79955,30541],{"class":283},[277,79957,29782],{"class":311},[277,79959,424],{"class":356},[277,79961,29787],{"class":311},[277,79963,29790],{"class":283},[277,79965,29793],{"class":311},[277,79967,30554],{"class":291},[277,79969,448],{"class":283},[277,79971,1341],{"class":356},[277,79973,30561],{"class":283},[277,79975,79976,79978,79980,79982,79984,79986,79988,79990],{"class":279,"line":625},[277,79977,2774],{"class":311},[277,79979,29803],{"class":356},[277,79981,340],{"class":311},[277,79983,2288],{"class":311},[277,79985,1341],{"class":356},[277,79987,30576],{"class":283},[277,79989,708],{"class":311},[277,79991,29815],{"class":283},[277,79993,79994],{"class":279,"line":637},[277,79995,328],{"emptyLinePlaceholder":327},[277,79997,79998,80000,80002,80004,80006,80008],{"class":279,"line":646},[277,79999,2842],{"class":311},[277,80001,29826],{"class":283},[277,80003,2310],{"class":311},[277,80005,29831],{"class":283},[277,80007,2310],{"class":311},[277,80009,29836],{"class":283},[277,80011,80012],{"class":279,"line":668},[277,80013,30603],{"class":283},[277,80015,80016],{"class":279,"line":673},[277,80017,7016],{"class":283},[277,80019,80020],{"class":279,"line":679},[277,80021,1131],{"class":283},[277,80023,80024],{"class":279,"line":684},[277,80025,18255],{"class":283},[277,80027,80028,80030,80032],{"class":279,"line":700},[277,80029,785],{"class":283},[277,80031,288],{"class":287},[277,80033,305],{"class":283},[277,80035,80036],{"class":279,"line":717},[277,80037,328],{"emptyLinePlaceholder":327},[277,80039,80040,80042,80044],{"class":279,"line":722},[277,80041,284],{"class":283},[277,80043,802],{"class":287},[277,80045,305],{"class":283},[277,80047,80048,80050,80052],{"class":279,"line":729},[277,80049,810],{"class":283},[277,80051,4121],{"class":287},[277,80053,305],{"class":283},[277,80055,80056,80058,80060,80062,80064],{"class":279,"line":738},[277,80057,829],{"class":283},[277,80059,30],{"class":287},[277,80061,29881],{"class":283},[277,80063,30],{"class":287},[277,80065,305],{"class":283},[277,80067,80068],{"class":279,"line":747},[277,80069,328],{"emptyLinePlaceholder":327},[277,80071,80072,80074,80076,80078,80080,80082],{"class":279,"line":754},[277,80073,829],{"class":283},[277,80075,29353],{"class":287},[277,80077,23751],{"class":291},[277,80079,298],{"class":283},[277,80081,29902],{"class":301},[277,80083,4325],{"class":283},[277,80085,80086],{"class":279,"line":772},[277,80087,328],{"emptyLinePlaceholder":327},[277,80089,80090,80092,80094],{"class":279,"line":777},[277,80091,829],{"class":283},[277,80093,3875],{"class":287},[277,80095,305],{"class":283},[277,80097,80098],{"class":279,"line":782},[277,80099,29921],{"class":283},[277,80101,80102,80104,80106,80108,80110,80112,80114,80116,80118,80120,80122,80124],{"class":279,"line":792},[277,80103,879],{"class":283},[277,80105,18041],{"class":287},[277,80107,28907],{"class":291},[277,80109,298],{"class":283},[277,80111,29934],{"class":301},[277,80113,4270],{"class":291},[277,80115,298],{"class":283},[277,80117,28919],{"class":301},[277,80119,28922],{"class":291},[277,80121,298],{"class":283},[277,80123,28927],{"class":301},[277,80125,4325],{"class":283},[277,80127,80128,80130,80132],{"class":279,"line":797},[277,80129,922],{"class":283},[277,80131,3875],{"class":287},[277,80133,305],{"class":283},[277,80135,80136],{"class":279,"line":807},[277,80137,328],{"emptyLinePlaceholder":327},[277,80139,80140,80142,80144],{"class":279,"line":826},[277,80141,829],{"class":283},[277,80143,3875],{"class":287},[277,80145,305],{"class":283},[277,80147,80148,80150,80152,80154,80156,80158,80160,80162,80164],{"class":279,"line":849},[277,80149,879],{"class":283},[277,80151,18041],{"class":287},[277,80153,23751],{"class":291},[277,80155,298],{"class":283},[277,80157,29981],{"class":301},[277,80159,4270],{"class":291},[277,80161,298],{"class":283},[277,80163,29189],{"class":301},[277,80165,4325],{"class":283},[277,80167,80168],{"class":279,"line":854},[277,80169,29994],{"class":283},[277,80171,80172,80174,80176],{"class":279,"line":876},[277,80173,922],{"class":283},[277,80175,3875],{"class":287},[277,80177,305],{"class":283},[277,80179,80180],{"class":279,"line":891},[277,80181,328],{"emptyLinePlaceholder":327},[277,80183,80184,80186,80188],{"class":279,"line":905},[277,80185,829],{"class":283},[277,80187,38],{"class":287},[277,80189,305],{"class":283},[277,80191,80192,80194,80196,80198,80200,80202,80204,80206,80208],{"class":279,"line":919},[277,80193,879],{"class":283},[277,80195,41],{"class":287},[277,80197,12785],{"class":291},[277,80199,298],{"class":283},[277,80201,30027],{"class":301},[277,80203,4317],{"class":291},[277,80205,298],{"class":283},[277,80207,30034],{"class":301},[277,80209,305],{"class":283},[277,80211,80212],{"class":279,"line":929},[277,80213,30041],{"class":283},[277,80215,80216,80218,80220,80222,80224,80226,80228,80230],{"class":279,"line":934},[277,80217,26686],{"class":283},[277,80219,277],{"class":287},[277,80221,834],{"class":291},[277,80223,298],{"class":283},[277,80225,30054],{"class":301},[277,80227,30057],{"class":283},[277,80229,277],{"class":287},[277,80231,305],{"class":283},[277,80233,80234,80236,80238],{"class":279,"line":951},[277,80235,4175],{"class":283},[277,80237,41],{"class":287},[277,80239,305],{"class":283},[277,80241,80242,80244,80246],{"class":279,"line":961},[277,80243,922],{"class":283},[277,80245,38],{"class":287},[277,80247,305],{"class":283},[277,80249,80250,80252,80254],{"class":279,"line":1473},[277,80251,954],{"class":283},[277,80253,4121],{"class":287},[277,80255,305],{"class":283},[277,80257,80258,80260,80262],{"class":279,"line":1478},[277,80259,785],{"class":283},[277,80261,802],{"class":287},[277,80263,305],{"class":283},[30,80265,1596],{"id":1595},[21,80267,80268,30860],{},[16,80269,17971],{},[21,80271,30863],{},[21,80273,21824],{},[38,80275,80276,80280,80288,80296],{},[41,80277,30870,80278,30873],{},[16,80279,28154],{},[41,80281,30876,80282,5245,80284,28409,80286,104],{},[16,80283,28231],{},[16,80285,28237],{},[16,80287,28412],{},[41,80289,30885,80290,225,80292,225,80294,30892],{},[16,80291,28256],{},[16,80293,28261],{},[16,80295,28266],{},[41,80297,30895],{},[1606,80299,3118],{},{"title":273,"searchDepth":308,"depth":308,"links":80301},[80302,80303,80307,80308,80309,80315,80316,80317,80318,80322],{"id":20624,"depth":308,"text":20625},{"id":60,"depth":308,"text":61,"children":80304},[80305,80306],{"id":28174,"depth":324,"text":28175},{"id":28219,"depth":324,"text":28220},{"id":128,"depth":308,"text":129},{"id":155,"depth":308,"text":156},{"id":189,"depth":308,"text":190,"children":80310},[80311,80312,80313,80314],{"id":28337,"depth":324,"text":28338},{"id":28420,"depth":324,"text":30911},{"id":28494,"depth":324,"text":28495},{"id":28523,"depth":324,"text":28524},{"id":28535,"depth":308,"text":28536},{"id":28797,"depth":308,"text":30916},{"id":29084,"depth":308,"text":29085},{"id":29345,"depth":308,"text":29346,"children":80319},[80320,80321],{"id":26861,"depth":324,"text":26862},{"id":27451,"depth":324,"text":27452},{"id":1595,"depth":308,"text":1596},{"script":80324},[80325],{"type":1632,"key":1633,"data-nuxt-schema-org":327,"nodes":80326},[80327],{"headline":30932,"author":80328,"datePublished":30934,"@type":1640},{"name":1637,"@type":1638},{"updatedAt":30934,"coverCaption":17759,"author":1637,"keywords":80330},[1645,17971,30937,30938,271,971],[80332],{"headline":30932,"author":80333,"datePublished":30934,"@type":1640},{"name":1637,"@type":1638},{"title":28121,"description":30926},[80336,80337,80338,80339],{"tag":20588,"color":20589},{"tag":30948,"color":30949},{"tag":3167,"color":3168},{"tag":9074,"color":9075},{"id":30954,"title":30955,"body":80341,"cover":33955,"coverAlt":33956,"date":33957,"description":33958,"draft":1627,"extension":1628,"head":83127,"locale":1641,"meta":83133,"navigation":327,"path":33971,"schemaOrg":83135,"seo":83138,"series":20582,"seriesDescription":20583,"seriesOrder":346,"seriesTitle":20584,"slug":1656,"stem":33976,"tags":83139,"__hash__":33983},{"type":8,"value":80342,"toc":83107},[80343,80347,80353,80355,80361,80369,80375,80377,80379,80409,80411,80439,80443,80481,80483,80487,80489,80511,80513,80517,80527,80531,80533,80535,80537,80567,80571,80599,80603,80605,80629,80631,80659,80665,80667,80669,80727,80729,80757,80759,80763,80765,80791,80793,80819,80823,80825,80827,80928,81035,81039,81233,81441,81443,81575,81719,81721,81834,81963,81965,81967,81981,82553,83077,83079,83083,83085,83105],[11,80344,20605,80345],{"id":30960},[16,80346,17977],{},[21,80348,80349,30967,80351,30970],{},[16,80350,17977],{},[16,80352,17977],{},[30,80354,20625],{"id":20624},[21,80356,15938,80357,30977,80359,30980],{},[16,80358,17977],{},[16,80360,17977],{},[38,80362,80363,80365,80367],{},[41,80364,30985],{},[41,80366,30988],{},[41,80368,30991],{},[3111,80370,80371],{},[21,80372,80373,30998],{},[16,80374,17977],{},[30,80376,24653],{"id":24652},[21,80378,31003],{},[267,80380,80381],{"className":269,"code":31006,"filename":9339,"language":272,"meta":273,"style":273},[16,80382,80383],{"__ignoreMap":273},[277,80384,80385,80387,80389,80391,80393,80395,80397,80399,80401,80403,80405,80407],{"class":279,"line":280},[277,80386,284],{"class":283},[277,80388,4267],{"class":287},[277,80390,31017],{"class":291},[277,80392,353],{"class":283},[277,80394,31022],{"class":291},[277,80396,298],{"class":283},[277,80398,866],{"class":301},[277,80400,31029],{"class":283},[277,80402,866],{"class":301},[277,80404,31034],{"class":283},[277,80406,4267],{"class":287},[277,80408,305],{"class":283},[21,80410,31041],{},[267,80412,80413],{"className":269,"code":31044,"filename":9339,"language":272,"meta":273,"style":273},[16,80414,80415],{"__ignoreMap":273},[277,80416,80417,80419,80421,80423,80425,80427,80429,80431,80433,80435,80437],{"class":279,"line":280},[277,80418,284],{"class":283},[277,80420,4267],{"class":287},[277,80422,31055],{"class":283},[277,80424,31022],{"class":291},[277,80426,298],{"class":283},[277,80428,866],{"class":301},[277,80430,31029],{"class":283},[277,80432,866],{"class":301},[277,80434,31034],{"class":283},[277,80436,4267],{"class":287},[277,80438,305],{"class":283},[21,80440,80441,31076],{},[16,80442,17977],{},[38,80444,80445,80455,80461,80471],{},[41,80446,31081,80447,225,80449,225,80451,225,80453,1895],{},[16,80448,31022],{},[16,80450,18041],{},[16,80452,31088],{},[16,80454,31091],{},[41,80456,31094,80457,225,80459,1895],{},[16,80458,31097],{},[16,80460,31100],{},[41,80462,31103,80463,225,80465,225,80467,225,80469,1895],{},[16,80464,31106],{},[16,80466,31109],{},[16,80468,31112],{},[16,80470,31115],{},[41,80472,31118,80473,225,80475,31125,80477,225,80479,1808],{},[16,80474,31121],{},[16,80476,31124],{},[16,80478,31128],{},[16,80480,31131],{},[30,80482,129],{"id":128},[21,80484,20777,80485,31138],{},[16,80486,17977],{},[21,80488,3305],{},[38,80490,80491,80495,80499,80503,80507],{},[41,80492,31145,80493,1895],{},[16,80494,31148],{},[41,80496,31151,80497,1895],{},[16,80498,31154],{},[41,80500,31157,80501,1895],{},[16,80502,31160],{},[41,80504,17808,80505,1895],{},[16,80506,31165],{},[41,80508,31168,80509,1895],{},[16,80510,31171],{},[30,80512,156],{"id":155},[21,80514,7664,80515,31178],{},[16,80516,17977],{},[38,80518,80519,80521,80525],{},[41,80520,31183],{},[41,80522,31186,80523,104],{},[16,80524,1732],{},[41,80526,31191],{},[3111,80528,80529],{},[21,80530,31196],{},[30,80532,190],{"id":189},[192,80534,31202],{"id":31201},[21,80536,24892],{},[267,80538,80539],{"className":269,"code":31207,"filename":28344,"language":272,"meta":273,"style":273},[16,80540,80541],{"__ignoreMap":273},[277,80542,80543,80545,80547,80549,80551,80553,80555,80557,80559,80561,80563,80565],{"class":279,"line":280},[277,80544,284],{"class":283},[277,80546,4267],{"class":287},[277,80548,31055],{"class":283},[277,80550,31022],{"class":291},[277,80552,298],{"class":283},[277,80554,866],{"class":301},[277,80556,31226],{"class":291},[277,80558,28452],{"class":283},[277,80560,866],{"class":301},[277,80562,31233],{"class":283},[277,80564,4267],{"class":287},[277,80566,305],{"class":283},[21,80568,31240,80569,31244],{},[72,80570,31243],{},[267,80572,80573],{"className":269,"code":31247,"filename":28470,"language":272,"meta":273,"style":273},[16,80574,80575],{"__ignoreMap":273},[277,80576,80577,80579,80581,80583,80585,80587,80589,80591,80593,80595,80597],{"class":279,"line":280},[277,80578,284],{"class":283},[277,80580,4267],{"class":287},[277,80582,31055],{"class":283},[277,80584,31022],{"class":291},[277,80586,298],{"class":283},[277,80588,866],{"class":301},[277,80590,31226],{"class":283},[277,80592,866],{"class":301},[277,80594,31233],{"class":283},[277,80596,4267],{"class":287},[277,80598,305],{"class":283},[192,80600,31277,80601,31280],{"id":31276},[16,80602,31106],{},[21,80604,24892],{},[267,80606,80607],{"className":269,"code":31285,"filename":28344,"language":272,"meta":273,"style":273},[16,80608,80609],{"__ignoreMap":273},[277,80610,80611,80613,80615,80617,80619,80621,80623,80625,80627],{"class":279,"line":280},[277,80612,284],{"class":283},[277,80614,31294],{"class":287},[277,80616,31055],{"class":283},[277,80618,31088],{"class":291},[277,80620,298],{"class":283},[277,80622,866],{"class":301},[277,80624,31305],{"class":283},[277,80626,866],{"class":301},[277,80628,305],{"class":283},[21,80630,28466],{},[267,80632,80633],{"className":269,"code":31314,"filename":28470,"language":272,"meta":273,"style":273},[16,80634,80635],{"__ignoreMap":273},[277,80636,80637,80639,80641,80643,80645,80647,80649,80651,80653,80655,80657],{"class":279,"line":280},[277,80638,284],{"class":283},[277,80640,31294],{"class":287},[277,80642,31055],{"class":283},[277,80644,31088],{"class":291},[277,80646,104],{"class":283},[277,80648,31331],{"class":291},[277,80650,298],{"class":283},[277,80652,866],{"class":301},[277,80654,31305],{"class":283},[277,80656,866],{"class":301},[277,80658,305],{"class":283},[3111,80660,80661],{},[21,80662,15938,80663,31348],{},[16,80664,31106],{},[192,80666,31352],{"id":31351},[21,80668,31355],{},[267,80670,80671],{"className":269,"code":31358,"filename":28344,"language":272,"meta":273,"style":273},[16,80672,80673,80715,80719],{"__ignoreMap":273},[277,80674,80675,80677,80679,80681,80683,80685,80687,80689,80691,80693,80695,80697,80699,80701,80703,80705,80707,80709,80711,80713],{"class":279,"line":280},[277,80676,284],{"class":283},[277,80678,4267],{"class":287},[277,80680,31055],{"class":283},[277,80682,31022],{"class":291},[277,80684,298],{"class":283},[277,80686,866],{"class":301},[277,80688,31377],{"class":283},[277,80690,2310],{"class":311},[277,80692,31382],{"class":283},[277,80694,2310],{"class":311},[277,80696,2288],{"class":311},[277,80698,31389],{"class":283},[277,80700,2285],{"class":311},[277,80702,31394],{"class":291},[277,80704,8129],{"class":283},[277,80706,353],{"class":311},[277,80708,31401],{"class":291},[277,80710,28452],{"class":283},[277,80712,866],{"class":301},[277,80714,305],{"class":283},[277,80716,80717],{"class":279,"line":308},[277,80718,31412],{"class":283},[277,80720,80721,80723,80725],{"class":279,"line":324},[277,80722,785],{"class":283},[277,80724,4267],{"class":287},[277,80726,305],{"class":283},[21,80728,31423],{},[267,80730,80731],{"className":269,"code":31426,"filename":28470,"language":272,"meta":273,"style":273},[16,80732,80733],{"__ignoreMap":273},[277,80734,80735,80737,80739,80741,80743,80745,80747,80749,80751,80753,80755],{"class":279,"line":280},[277,80736,284],{"class":283},[277,80738,4267],{"class":287},[277,80740,31055],{"class":283},[277,80742,31022],{"class":291},[277,80744,298],{"class":283},[277,80746,866],{"class":301},[277,80748,31445],{"class":283},[277,80750,866],{"class":301},[277,80752,31450],{"class":283},[277,80754,4267],{"class":287},[277,80756,305],{"class":283},[21,80758,31457],{},[192,80760,31461,80761,31464],{"id":31460},[16,80762,2337],{},[21,80764,24892],{},[267,80766,80767],{"className":269,"code":31469,"filename":28344,"language":272,"meta":273,"style":273},[16,80768,80769],{"__ignoreMap":273},[277,80770,80771,80773,80775,80777,80779,80781,80783,80785,80787,80789],{"class":279,"line":280},[277,80772,284],{"class":283},[277,80774,18041],{"class":287},[277,80776,31055],{"class":283},[277,80778,18041],{"class":291},[277,80780,298],{"class":283},[277,80782,866],{"class":301},[277,80784,31488],{"class":291},[277,80786,31491],{"class":283},[277,80788,866],{"class":301},[277,80790,4325],{"class":283},[21,80792,28466],{},[267,80794,80795],{"className":269,"code":31500,"filename":28470,"language":272,"meta":273,"style":273},[16,80796,80797],{"__ignoreMap":273},[277,80798,80799,80801,80803,80805,80807,80809,80811,80813,80815,80817],{"class":279,"line":280},[277,80800,284],{"class":283},[277,80802,18041],{"class":287},[277,80804,31055],{"class":283},[277,80806,18041],{"class":291},[277,80808,298],{"class":283},[277,80810,866],{"class":301},[277,80812,31488],{"class":291},[277,80814,31521],{"class":283},[277,80816,866],{"class":301},[277,80818,4325],{"class":283},[21,80820,31528,80821,31531],{},[16,80822,1783],{},[30,80824,1946],{"id":1945},[192,80826,31537],{"id":31536},[267,80828,80830],{"className":269,"code":31540,"filename":271,"highlights":80829,"language":272,"meta":273,"style":273},[331,381],[16,80831,80832,80848,80860,80864,80881,80889,80893,80901,80920],{"__ignoreMap":273},[277,80833,80834,80836,80838,80840,80842,80844,80846],{"class":279,"line":280},[277,80835,284],{"class":283},[277,80837,288],{"class":287},[277,80839,292],{"class":291},[277,80841,295],{"class":291},[277,80843,298],{"class":283},[277,80845,302],{"class":301},[277,80847,305],{"class":283},[277,80849,80850,80852,80854,80856,80858],{"class":279,"line":308},[277,80851,312],{"class":311},[277,80853,11006],{"class":283},[277,80855,318],{"class":311},[277,80857,18148],{"class":301},[277,80859,18151],{"class":283},[277,80861,80862],{"class":279,"line":324},[277,80863,328],{"emptyLinePlaceholder":327},[277,80865,80867,80869,80871,80873,80875,80877,80879],{"class":80866,"line":331},[279,9398],[277,80868,405],{"class":311},[277,80870,9380],{"class":356},[277,80872,340],{"class":311},[277,80874,413],{"class":291},[277,80876,448],{"class":283},[277,80878,3542],{"class":356},[277,80880,18277],{"class":283},[277,80882,80883,80885,80887],{"class":279,"line":346},[277,80884,785],{"class":283},[277,80886,288],{"class":287},[277,80888,305],{"class":283},[277,80890,80891],{"class":279,"line":360},[277,80892,328],{"emptyLinePlaceholder":327},[277,80894,80895,80897,80899],{"class":279,"line":371},[277,80896,284],{"class":283},[277,80898,802],{"class":287},[277,80900,305],{"class":283},[277,80902,80904,80906,80908,80910,80912,80914,80916,80918],{"class":80903,"line":381},[279,9398],[277,80905,810],{"class":283},[277,80907,4267],{"class":287},[277,80909,4278],{"class":291},[277,80911,298],{"class":283},[277,80913,12464],{"class":301},[277,80915,31628],{"class":283},[277,80917,4267],{"class":287},[277,80919,305],{"class":283},[277,80921,80922,80924,80926],{"class":279,"line":391},[277,80923,785],{"class":283},[277,80925,802],{"class":287},[277,80927,305],{"class":283},[267,80929,80931],{"className":269,"code":31643,"filename":971,"highlights":80930,"language":272,"meta":273,"style":273},[346,436],[16,80932,80933,80947,80955,80961,80967,80976,80980,80984,80988,80996,81000,81008,81027],{"__ignoreMap":273},[277,80934,80935,80937,80939,80941,80943,80945],{"class":279,"line":280},[277,80936,284],{"class":283},[277,80938,288],{"class":287},[277,80940,295],{"class":291},[277,80942,298],{"class":283},[277,80944,302],{"class":301},[277,80946,305],{"class":283},[277,80948,80949,80951,80953],{"class":279,"line":308},[277,80950,1057],{"class":311},[277,80952,1060],{"class":311},[277,80954,343],{"class":283},[277,80956,80957,80959],{"class":279,"line":324},[277,80958,1086],{"class":291},[277,80960,473],{"class":283},[277,80962,80963,80965],{"class":279,"line":331},[277,80964,1093],{"class":311},[277,80966,343],{"class":283},[277,80968,80970,80972,80974],{"class":80969,"line":346},[279,9398],[277,80971,31686],{"class":283},[277,80973,3542],{"class":356},[277,80975,1077],{"class":283},[277,80977,80978],{"class":279,"line":360},[277,80979,18478],{"class":283},[277,80981,80982],{"class":279,"line":371},[277,80983,1131],{"class":283},[277,80985,80986],{"class":279,"line":381},[277,80987,18255],{"class":283},[277,80989,80990,80992,80994],{"class":279,"line":391},[277,80991,785],{"class":283},[277,80993,288],{"class":287},[277,80995,305],{"class":283},[277,80997,80998],{"class":279,"line":397},[277,80999,328],{"emptyLinePlaceholder":327},[277,81001,81002,81004,81006],{"class":279,"line":402},[277,81003,284],{"class":283},[277,81005,802],{"class":287},[277,81007,305],{"class":283},[277,81009,81011,81013,81015,81017,81019,81021,81023,81025],{"class":81010,"line":436},[279,9398],[277,81012,810],{"class":283},[277,81014,4267],{"class":287},[277,81016,4278],{"class":291},[277,81018,298],{"class":283},[277,81020,12464],{"class":301},[277,81022,31628],{"class":283},[277,81024,4267],{"class":287},[277,81026,305],{"class":283},[277,81028,81029,81031,81033],{"class":279,"line":456},[277,81030,785],{"class":283},[277,81032,802],{"class":287},[277,81034,305],{"class":283},[192,81036,31753,81037],{"id":31752},[16,81038,31106],{},[267,81040,81042],{"className":269,"code":31758,"filename":271,"highlights":81041,"language":272,"meta":273,"style":273},[456],[16,81043,81044,81060,81072,81076,81092,81096,81104,81122,81134,81138,81146,81150,81158,81173,81199,81217,81225],{"__ignoreMap":273},[277,81045,81046,81048,81050,81052,81054,81056,81058],{"class":279,"line":280},[277,81047,284],{"class":283},[277,81049,288],{"class":287},[277,81051,292],{"class":291},[277,81053,295],{"class":291},[277,81055,298],{"class":283},[277,81057,302],{"class":301},[277,81059,305],{"class":283},[277,81061,81062,81064,81066,81068,81070],{"class":279,"line":308},[277,81063,312],{"class":311},[277,81065,11006],{"class":283},[277,81067,318],{"class":311},[277,81069,18148],{"class":301},[277,81071,18151],{"class":283},[277,81073,81074],{"class":279,"line":324},[277,81075,328],{"emptyLinePlaceholder":327},[277,81077,81078,81080,81082,81084,81086,81088,81090],{"class":279,"line":331},[277,81079,405],{"class":311},[277,81081,31800],{"class":356},[277,81083,340],{"class":311},[277,81085,413],{"class":291},[277,81087,448],{"class":283},[277,81089,25316],{"class":301},[277,81091,18277],{"class":283},[277,81093,81094],{"class":279,"line":346},[277,81095,328],{"emptyLinePlaceholder":327},[277,81097,81098,81100,81102],{"class":279,"line":360},[277,81099,2460],{"class":311},[277,81101,31821],{"class":291},[277,81103,473],{"class":283},[277,81105,81106,81108,81110,81112,81114,81116,81118,81120],{"class":279,"line":371},[277,81107,508],{"class":311},[277,81109,511],{"class":283},[277,81111,514],{"class":311},[277,81113,31834],{"class":283},[277,81115,31837],{"class":291},[277,81117,569],{"class":283},[277,81119,18346],{"class":311},[277,81121,18151],{"class":283},[277,81123,81124,81126,81128,81130,81132],{"class":279,"line":381},[277,81125,2349],{"class":283},[277,81127,2352],{"class":291},[277,81129,448],{"class":283},[277,81131,31854],{"class":301},[277,81133,31857],{"class":283},[277,81135,81136],{"class":279,"line":391},[277,81137,394],{"class":283},[277,81139,81140,81142,81144],{"class":279,"line":397},[277,81141,785],{"class":283},[277,81143,288],{"class":287},[277,81145,305],{"class":283},[277,81147,81148],{"class":279,"line":402},[277,81149,328],{"emptyLinePlaceholder":327},[277,81151,81152,81154,81156],{"class":279,"line":436},[277,81153,284],{"class":283},[277,81155,802],{"class":287},[277,81157,305],{"class":283},[277,81159,81161,81163,81165,81167,81169,81171],{"class":81160,"line":456},[279,9398],[277,81162,810],{"class":283},[277,81164,31294],{"class":287},[277,81166,31891],{"class":291},[277,81168,298],{"class":283},[277,81170,31896],{"class":301},[277,81172,305],{"class":283},[277,81174,81175,81177,81179,81181,81183,81185,81187,81189,81191,81193,81195,81197],{"class":279,"line":461},[277,81176,829],{"class":283},[277,81178,18041],{"class":287},[277,81180,23751],{"class":291},[277,81182,298],{"class":283},[277,81184,31911],{"class":301},[277,81186,4270],{"class":291},[277,81188,298],{"class":283},[277,81190,31911],{"class":301},[277,81192,31920],{"class":291},[277,81194,298],{"class":283},[277,81196,31925],{"class":301},[277,81198,4325],{"class":283},[277,81200,81201,81203,81205,81207,81209,81211,81213,81215],{"class":279,"line":476},[277,81202,829],{"class":283},[277,81204,4267],{"class":287},[277,81206,4270],{"class":291},[277,81208,298],{"class":283},[277,81210,31940],{"class":301},[277,81212,31943],{"class":283},[277,81214,4267],{"class":287},[277,81216,305],{"class":283},[277,81218,81219,81221,81223],{"class":279,"line":500},[277,81220,954],{"class":283},[277,81222,31294],{"class":287},[277,81224,305],{"class":283},[277,81226,81227,81229,81231],{"class":279,"line":505},[277,81228,785],{"class":283},[277,81230,802],{"class":287},[277,81232,305],{"class":283},[267,81234,81236],{"className":269,"code":31966,"filename":971,"highlights":81235,"language":272,"meta":273,"style":273},[520],[16,81237,81238,81252,81260,81266,81272,81280,81284,81288,81292,81298,81318,81334,81338,81342,81346,81354,81358,81366,81381,81407,81425,81433],{"__ignoreMap":273},[277,81239,81240,81242,81244,81246,81248,81250],{"class":279,"line":280},[277,81241,284],{"class":283},[277,81243,288],{"class":287},[277,81245,295],{"class":291},[277,81247,298],{"class":283},[277,81249,302],{"class":301},[277,81251,305],{"class":283},[277,81253,81254,81256,81258],{"class":279,"line":308},[277,81255,1057],{"class":311},[277,81257,1060],{"class":311},[277,81259,343],{"class":283},[277,81261,81262,81264],{"class":279,"line":324},[277,81263,1086],{"class":291},[277,81265,473],{"class":283},[277,81267,81268,81270],{"class":279,"line":331},[277,81269,1093],{"class":311},[277,81271,343],{"class":283},[277,81273,81274,81276,81278],{"class":279,"line":346},[277,81275,32008],{"class":283},[277,81277,25316],{"class":301},[277,81279,1077],{"class":283},[277,81281,81282],{"class":279,"line":360},[277,81283,18478],{"class":283},[277,81285,81286],{"class":279,"line":371},[277,81287,1131],{"class":283},[277,81289,81290],{"class":279,"line":381},[277,81291,1140],{"class":283},[277,81293,81294,81296],{"class":279,"line":391},[277,81295,32029],{"class":291},[277,81297,473],{"class":283},[277,81299,81300,81302,81304,81306,81308,81310,81312,81314,81316],{"class":279,"line":397},[277,81301,1177],{"class":311},[277,81303,511],{"class":283},[277,81305,514],{"class":311},[277,81307,1341],{"class":356},[277,81309,32044],{"class":283},[277,81311,31837],{"class":291},[277,81313,569],{"class":283},[277,81315,18346],{"class":311},[277,81317,18151],{"class":283},[277,81319,81320,81322,81324,81326,81328,81330,81332],{"class":279,"line":402},[277,81321,14529],{"class":283},[277,81323,2352],{"class":291},[277,81325,448],{"class":283},[277,81327,31854],{"class":301},[277,81329,225],{"class":283},[277,81331,1341],{"class":356},[277,81333,32069],{"class":283},[277,81335,81336],{"class":279,"line":436},[277,81337,7016],{"class":283},[277,81339,81340],{"class":279,"line":456},[277,81341,1131],{"class":283},[277,81343,81344],{"class":279,"line":461},[277,81345,18255],{"class":283},[277,81347,81348,81350,81352],{"class":279,"line":476},[277,81349,785],{"class":283},[277,81351,288],{"class":287},[277,81353,305],{"class":283},[277,81355,81356],{"class":279,"line":500},[277,81357,328],{"emptyLinePlaceholder":327},[277,81359,81360,81362,81364],{"class":279,"line":505},[277,81361,284],{"class":283},[277,81363,802],{"class":287},[277,81365,305],{"class":283},[277,81367,81369,81371,81373,81375,81377,81379],{"class":81368,"line":520},[279,9398],[277,81370,810],{"class":283},[277,81372,31294],{"class":287},[277,81374,31891],{"class":291},[277,81376,298],{"class":283},[277,81378,31896],{"class":301},[277,81380,305],{"class":283},[277,81382,81383,81385,81387,81389,81391,81393,81395,81397,81399,81401,81403,81405],{"class":279,"line":539},[277,81384,829],{"class":283},[277,81386,18041],{"class":287},[277,81388,23751],{"class":291},[277,81390,298],{"class":283},[277,81392,31911],{"class":301},[277,81394,4270],{"class":291},[277,81396,298],{"class":283},[277,81398,31911],{"class":301},[277,81400,31920],{"class":291},[277,81402,298],{"class":283},[277,81404,31925],{"class":301},[277,81406,4325],{"class":283},[277,81408,81409,81411,81413,81415,81417,81419,81421,81423],{"class":279,"line":545},[277,81410,829],{"class":283},[277,81412,4267],{"class":287},[277,81414,4270],{"class":291},[277,81416,298],{"class":283},[277,81418,31940],{"class":301},[277,81420,31943],{"class":283},[277,81422,4267],{"class":287},[277,81424,305],{"class":283},[277,81426,81427,81429,81431],{"class":279,"line":550},[277,81428,954],{"class":283},[277,81430,31294],{"class":287},[277,81432,305],{"class":283},[277,81434,81435,81437,81439],{"class":279,"line":578},[277,81436,785],{"class":283},[277,81438,802],{"class":287},[277,81440,305],{"class":283},[192,81442,32180],{"id":32179},[267,81444,81446],{"className":269,"code":32183,"filename":271,"highlights":81445,"language":272,"meta":273,"style":273},[436],[16,81447,81448,81464,81476,81480,81496,81500,81508,81520,81524,81532,81536,81544,81567],{"__ignoreMap":273},[277,81449,81450,81452,81454,81456,81458,81460,81462],{"class":279,"line":280},[277,81451,284],{"class":283},[277,81453,288],{"class":287},[277,81455,292],{"class":291},[277,81457,295],{"class":291},[277,81459,298],{"class":283},[277,81461,302],{"class":301},[277,81463,305],{"class":283},[277,81465,81466,81468,81470,81472,81474],{"class":279,"line":308},[277,81467,312],{"class":311},[277,81469,11006],{"class":283},[277,81471,318],{"class":311},[277,81473,18148],{"class":301},[277,81475,18151],{"class":283},[277,81477,81478],{"class":279,"line":324},[277,81479,328],{"emptyLinePlaceholder":327},[277,81481,81482,81484,81486,81488,81490,81492,81494],{"class":279,"line":331},[277,81483,405],{"class":311},[277,81485,32225],{"class":356},[277,81487,340],{"class":311},[277,81489,413],{"class":291},[277,81491,448],{"class":283},[277,81493,25316],{"class":301},[277,81495,18277],{"class":283},[277,81497,81498],{"class":279,"line":346},[277,81499,328],{"emptyLinePlaceholder":327},[277,81501,81502,81504,81506],{"class":279,"line":360},[277,81503,2460],{"class":311},[277,81505,32246],{"class":291},[277,81507,473],{"class":283},[277,81509,81510,81512,81514,81516,81518],{"class":279,"line":371},[277,81511,2349],{"class":283},[277,81513,2352],{"class":291},[277,81515,448],{"class":283},[277,81517,32259],{"class":301},[277,81519,32262],{"class":283},[277,81521,81522],{"class":279,"line":381},[277,81523,394],{"class":283},[277,81525,81526,81528,81530],{"class":279,"line":391},[277,81527,785],{"class":283},[277,81529,288],{"class":287},[277,81531,305],{"class":283},[277,81533,81534],{"class":279,"line":397},[277,81535,328],{"emptyLinePlaceholder":327},[277,81537,81538,81540,81542],{"class":279,"line":402},[277,81539,284],{"class":283},[277,81541,802],{"class":287},[277,81543,305],{"class":283},[277,81545,81547,81549,81551,81553,81555,81557,81559,81561,81563,81565],{"class":81546,"line":436},[279,9398],[277,81548,810],{"class":283},[277,81550,32294],{"class":287},[277,81552,23751],{"class":291},[277,81554,298],{"class":283},[277,81556,32301],{"class":301},[277,81558,32304],{"class":291},[277,81560,298],{"class":283},[277,81562,32309],{"class":301},[277,81564,25951],{"class":25950},[277,81566,305],{"class":283},[277,81568,81569,81571,81573],{"class":279,"line":456},[277,81570,785],{"class":283},[277,81572,802],{"class":287},[277,81574,305],{"class":283},[267,81576,81578],{"className":269,"code":32324,"filename":971,"highlights":81577,"language":272,"meta":273,"style":273},[505],[16,81579,81580,81594,81602,81608,81614,81622,81626,81630,81634,81640,81656,81660,81664,81668,81676,81680,81688,81711],{"__ignoreMap":273},[277,81581,81582,81584,81586,81588,81590,81592],{"class":279,"line":280},[277,81583,284],{"class":283},[277,81585,288],{"class":287},[277,81587,295],{"class":291},[277,81589,298],{"class":283},[277,81591,302],{"class":301},[277,81593,305],{"class":283},[277,81595,81596,81598,81600],{"class":279,"line":308},[277,81597,1057],{"class":311},[277,81599,1060],{"class":311},[277,81601,343],{"class":283},[277,81603,81604,81606],{"class":279,"line":324},[277,81605,1086],{"class":291},[277,81607,473],{"class":283},[277,81609,81610,81612],{"class":279,"line":331},[277,81611,1093],{"class":311},[277,81613,343],{"class":283},[277,81615,81616,81618,81620],{"class":279,"line":346},[277,81617,32366],{"class":283},[277,81619,25316],{"class":301},[277,81621,1077],{"class":283},[277,81623,81624],{"class":279,"line":360},[277,81625,18478],{"class":283},[277,81627,81628],{"class":279,"line":371},[277,81629,1131],{"class":283},[277,81631,81632],{"class":279,"line":381},[277,81633,1140],{"class":283},[277,81635,81636,81638],{"class":279,"line":391},[277,81637,32387],{"class":291},[277,81639,473],{"class":283},[277,81641,81642,81644,81646,81648,81650,81652,81654],{"class":279,"line":397},[277,81643,14529],{"class":283},[277,81645,2352],{"class":291},[277,81647,448],{"class":283},[277,81649,32259],{"class":301},[277,81651,225],{"class":283},[277,81653,1341],{"class":356},[277,81655,32406],{"class":283},[277,81657,81658],{"class":279,"line":402},[277,81659,7016],{"class":283},[277,81661,81662],{"class":279,"line":436},[277,81663,1131],{"class":283},[277,81665,81666],{"class":279,"line":456},[277,81667,18255],{"class":283},[277,81669,81670,81672,81674],{"class":279,"line":461},[277,81671,785],{"class":283},[277,81673,288],{"class":287},[277,81675,305],{"class":283},[277,81677,81678],{"class":279,"line":476},[277,81679,328],{"emptyLinePlaceholder":327},[277,81681,81682,81684,81686],{"class":279,"line":500},[277,81683,284],{"class":283},[277,81685,802],{"class":287},[277,81687,305],{"class":283},[277,81689,81691,81693,81695,81697,81699,81701,81703,81705,81707,81709],{"class":81690,"line":505},[279,9398],[277,81692,810],{"class":283},[277,81694,32294],{"class":287},[277,81696,23751],{"class":291},[277,81698,298],{"class":283},[277,81700,32301],{"class":301},[277,81702,32304],{"class":291},[277,81704,298],{"class":283},[277,81706,32309],{"class":301},[277,81708,25951],{"class":25950},[277,81710,305],{"class":283},[277,81712,81713,81715,81717],{"class":279,"line":520},[277,81714,785],{"class":283},[277,81716,802],{"class":287},[277,81718,305],{"class":283},[192,81720,32473],{"id":32472},[267,81722,81724],{"className":269,"code":32476,"filename":271,"highlights":81723,"language":272,"meta":273,"style":273},[331,397],[16,81725,81726,81742,81754,81758,81775,81787,81791,81799,81803,81811,81826],{"__ignoreMap":273},[277,81727,81728,81730,81732,81734,81736,81738,81740],{"class":279,"line":280},[277,81729,284],{"class":283},[277,81731,288],{"class":287},[277,81733,292],{"class":291},[277,81735,295],{"class":291},[277,81737,298],{"class":283},[277,81739,302],{"class":301},[277,81741,305],{"class":283},[277,81743,81744,81746,81748,81750,81752],{"class":279,"line":308},[277,81745,312],{"class":311},[277,81747,32502],{"class":283},[277,81749,318],{"class":311},[277,81751,32507],{"class":301},[277,81753,18151],{"class":283},[277,81755,81756],{"class":279,"line":324},[277,81757,328],{"emptyLinePlaceholder":327},[277,81759,81761,81763,81765,81767,81769,81771,81773],{"class":81760,"line":331},[279,9398],[277,81762,2460],{"class":311},[277,81764,32521],{"class":291},[277,81766,448],{"class":283},[277,81768,32526],{"class":349},[277,81770,353],{"class":311},[277,81772,21376],{"class":356},[277,81774,2476],{"class":283},[277,81776,81777,81779,81781,81783,81785],{"class":279,"line":346},[277,81778,2349],{"class":283},[277,81780,2352],{"class":291},[277,81782,448],{"class":283},[277,81784,32543],{"class":301},[277,81786,32546],{"class":283},[277,81788,81789],{"class":279,"line":360},[277,81790,394],{"class":283},[277,81792,81793,81795,81797],{"class":279,"line":371},[277,81794,785],{"class":283},[277,81796,288],{"class":287},[277,81798,305],{"class":283},[277,81800,81801],{"class":279,"line":381},[277,81802,328],{"emptyLinePlaceholder":327},[277,81804,81805,81807,81809],{"class":279,"line":391},[277,81806,284],{"class":283},[277,81808,802],{"class":287},[277,81810,305],{"class":283},[277,81812,81814,81816,81818,81820,81822,81824],{"class":81813,"line":397},[279,9398],[277,81815,810],{"class":283},[277,81817,32578],{"class":287},[277,81819,32581],{"class":291},[277,81821,298],{"class":283},[277,81823,32586],{"class":301},[277,81825,4325],{"class":283},[277,81827,81828,81830,81832],{"class":279,"line":402},[277,81829,785],{"class":283},[277,81831,802],{"class":287},[277,81833,305],{"class":283},[267,81835,81837],{"className":269,"code":32599,"filename":971,"highlights":81836,"language":272,"meta":273,"style":273},[360,461],[16,81838,81839,81853,81865,81869,81877,81881,81886,81896,81908,81912,81916,81920,81928,81932,81941,81955],{"__ignoreMap":273},[277,81840,81841,81843,81845,81847,81849,81851],{"class":279,"line":280},[277,81842,284],{"class":283},[277,81844,288],{"class":287},[277,81846,295],{"class":291},[277,81848,298],{"class":283},[277,81850,302],{"class":301},[277,81852,305],{"class":283},[277,81854,81855,81857,81859,81861,81863],{"class":279,"line":308},[277,81856,312],{"class":311},[277,81858,32502],{"class":283},[277,81860,318],{"class":311},[277,81862,32507],{"class":301},[277,81864,18151],{"class":283},[277,81866,81867],{"class":279,"line":324},[277,81868,328],{"emptyLinePlaceholder":327},[277,81870,81871,81873,81875],{"class":279,"line":331},[277,81872,1057],{"class":311},[277,81874,1060],{"class":311},[277,81876,343],{"class":283},[277,81878,81879],{"class":279,"line":346},[277,81880,32645],{"class":283},[277,81882,81884],{"class":81883,"line":360},[279,9398],[277,81885,1140],{"class":283},[277,81887,81888,81890,81892,81894],{"class":279,"line":371},[277,81889,32655],{"class":291},[277,81891,448],{"class":283},[277,81893,32526],{"class":349},[277,81895,2476],{"class":283},[277,81897,81898,81900,81902,81904,81906],{"class":279,"line":381},[277,81899,14529],{"class":283},[277,81901,2352],{"class":291},[277,81903,448],{"class":283},[277,81905,32543],{"class":301},[277,81907,32546],{"class":283},[277,81909,81910],{"class":279,"line":391},[277,81911,7016],{"class":283},[277,81913,81914],{"class":279,"line":397},[277,81915,1131],{"class":283},[277,81917,81918],{"class":279,"line":402},[277,81919,18255],{"class":283},[277,81921,81922,81924,81926],{"class":279,"line":436},[277,81923,785],{"class":283},[277,81925,288],{"class":287},[277,81927,305],{"class":283},[277,81929,81930],{"class":279,"line":456},[277,81931,328],{"emptyLinePlaceholder":327},[277,81933,81935,81937,81939],{"class":81934,"line":461},[279,9398],[277,81936,284],{"class":283},[277,81938,802],{"class":287},[277,81940,305],{"class":283},[277,81942,81943,81945,81947,81949,81951,81953],{"class":279,"line":476},[277,81944,810],{"class":283},[277,81946,32578],{"class":287},[277,81948,32581],{"class":291},[277,81950,298],{"class":283},[277,81952,32586],{"class":301},[277,81954,4325],{"class":283},[277,81956,81957,81959,81961],{"class":279,"line":500},[277,81958,785],{"class":283},[277,81960,802],{"class":287},[277,81962,305],{"class":283},[30,81964,1976],{"id":1975},[21,81966,32733],{},[38,81968,81969,81973,81977],{},[41,81970,81971,32741],{},[16,81972,32740],{},[41,81974,81975,32746],{},[16,81976,24784],{},[41,81978,81979,32752],{},[16,81980,32751],{},[267,81982,81983],{"className":269,"code":32755,"filename":271,"language":272,"meta":273,"style":273},[16,81984,81985,82001,82013,82017,82027,82037,82047,82057,82061,82065,82081,82097,82101,82135,82139,82147,82161,82175,82179,82187,82195,82199,82207,82211,82221,82225,82229,82245,82271,82285,82295,82299,82307,82311,82319,82327,82339,82351,82355,82369,82375,82383,82391,82399,82407,82411,82429,82437,82441,82449,82469,82483,82487,82495,82509,82513,82521,82529,82537,82545],{"__ignoreMap":273},[277,81986,81987,81989,81991,81993,81995,81997,81999],{"class":279,"line":280},[277,81988,284],{"class":283},[277,81990,288],{"class":287},[277,81992,292],{"class":291},[277,81994,295],{"class":291},[277,81996,298],{"class":283},[277,81998,302],{"class":301},[277,82000,305],{"class":283},[277,82002,82003,82005,82007,82009,82011],{"class":279,"line":308},[277,82004,312],{"class":311},[277,82006,23384],{"class":283},[277,82008,318],{"class":311},[277,82010,18148],{"class":301},[277,82012,18151],{"class":283},[277,82014,82015],{"class":279,"line":324},[277,82016,328],{"emptyLinePlaceholder":327},[277,82018,82019,82021,82023,82025],{"class":279,"line":331},[277,82020,334],{"class":311},[277,82022,5630],{"class":291},[277,82024,340],{"class":311},[277,82026,343],{"class":283},[277,82028,82029,82031,82033,82035],{"class":279,"line":346},[277,82030,350],{"class":349},[277,82032,353],{"class":311},[277,82034,2473],{"class":356},[277,82036,18151],{"class":283},[277,82038,82039,82041,82043,82045],{"class":279,"line":360},[277,82040,5647],{"class":349},[277,82042,353],{"class":311},[277,82044,21376],{"class":356},[277,82046,18151],{"class":283},[277,82048,82049,82051,82053,82055],{"class":279,"line":371},[277,82050,5656],{"class":349},[277,82052,353],{"class":311},[277,82054,22553],{"class":356},[277,82056,18151],{"class":283},[277,82058,82059],{"class":279,"line":381},[277,82060,18255],{"class":283},[277,82062,82063],{"class":279,"line":391},[277,82064,328],{"emptyLinePlaceholder":327},[277,82066,82067,82069,82071,82073,82075,82077,82079],{"class":279,"line":397},[277,82068,405],{"class":311},[277,82070,32844],{"class":356},[277,82072,340],{"class":311},[277,82074,413],{"class":291},[277,82076,448],{"class":283},[277,82078,25316],{"class":301},[277,82080,18277],{"class":283},[277,82082,82083,82085,82087,82089,82091,82093,82095],{"class":279,"line":402},[277,82084,405],{"class":311},[277,82086,2097],{"class":356},[277,82088,340],{"class":311},[277,82090,413],{"class":291},[277,82092,284],{"class":283},[277,82094,5684],{"class":291},[277,82096,32871],{"class":283},[277,82098,82099],{"class":279,"line":436},[277,82100,328],{"emptyLinePlaceholder":327},[277,82102,82103,82105,82107,82109,82111,82113,82115,82117,82119,82121,82123,82125,82127,82129,82131,82133],{"class":279,"line":456},[277,82104,405],{"class":311},[277,82106,32882],{"class":356},[277,82108,340],{"class":311},[277,82110,2200],{"class":291},[277,82112,2203],{"class":283},[277,82114,601],{"class":311},[277,82116,2215],{"class":283},[277,82118,2218],{"class":291},[277,82120,2334],{"class":283},[277,82122,2223],{"class":349},[277,82124,2340],{"class":283},[277,82126,601],{"class":311},[277,82128,2288],{"class":311},[277,82130,32907],{"class":283},[277,82132,9813],{"class":356},[277,82134,18277],{"class":283},[277,82136,82137],{"class":279,"line":461},[277,82138,328],{"emptyLinePlaceholder":327},[277,82140,82141,82143,82145],{"class":279,"line":476},[277,82142,2460],{"class":311},[277,82144,32922],{"class":291},[277,82146,473],{"class":283},[277,82148,82149,82151,82153,82155,82157,82159],{"class":279,"line":500},[277,82150,479],{"class":311},[277,82152,32931],{"class":356},[277,82154,340],{"class":311},[277,82156,32936],{"class":283},[277,82158,31837],{"class":291},[277,82160,19422],{"class":283},[277,82162,82163,82165,82167,82169,82171,82173],{"class":279,"line":505},[277,82164,508],{"class":311},[277,82166,511],{"class":283},[277,82168,514],{"class":311},[277,82170,32951],{"class":283},[277,82172,18346],{"class":311},[277,82174,18151],{"class":283},[277,82176,82177],{"class":279,"line":520},[277,82178,328],{"emptyLinePlaceholder":327},[277,82180,82181,82183,82185],{"class":279,"line":539},[277,82182,32964],{"class":283},[277,82184,9780],{"class":291},[277,82186,1066],{"class":283},[277,82188,82189,82191,82193],{"class":279,"line":545},[277,82190,9787],{"class":283},[277,82192,9790],{"class":291},[277,82194,9793],{"class":283},[277,82196,82197],{"class":279,"line":550},[277,82198,32981],{"class":283},[277,82200,82201,82203,82205],{"class":279,"line":578},[277,82202,32986],{"class":283},[277,82204,2123],{"class":356},[277,82206,1077],{"class":283},[277,82208,82209],{"class":279,"line":583},[277,82210,32995],{"class":283},[277,82212,82213,82215,82217,82219],{"class":279,"line":588},[277,82214,33000],{"class":283},[277,82216,298],{"class":311},[277,82218,33005],{"class":301},[277,82220,18151],{"class":283},[277,82222,82223],{"class":279,"line":606},[277,82224,394],{"class":283},[277,82226,82227],{"class":279,"line":614},[277,82228,328],{"emptyLinePlaceholder":327},[277,82230,82231,82233,82235,82237,82239,82241,82243],{"class":279,"line":625},[277,82232,2460],{"class":311},[277,82234,2463],{"class":291},[277,82236,448],{"class":283},[277,82238,22042],{"class":349},[277,82240,353],{"class":311},[277,82242,2473],{"class":356},[277,82244,2476],{"class":283},[277,82246,82247,82249,82251,82253,82255,82257,82259,82261,82263,82265,82267,82269],{"class":279,"line":637},[277,82248,479],{"class":311},[277,82250,2483],{"class":356},[277,82252,340],{"class":311},[277,82254,2215],{"class":283},[277,82256,2490],{"class":291},[277,82258,2334],{"class":283},[277,82260,2495],{"class":349},[277,82262,2340],{"class":283},[277,82264,601],{"class":311},[277,82266,2500],{"class":283},[277,82268,2503],{"class":311},[277,82270,33058],{"class":283},[277,82272,82273,82275,82277,82279,82281,82283],{"class":279,"line":646},[277,82274,508],{"class":311},[277,82276,511],{"class":283},[277,82278,514],{"class":311},[277,82280,2521],{"class":283},[277,82282,18346],{"class":311},[277,82284,18151],{"class":283},[277,82286,82287,82289,82291,82293],{"class":279,"line":668},[277,82288,2532],{"class":283},[277,82290,298],{"class":311},[277,82292,2288],{"class":311},[277,82294,33083],{"class":283},[277,82296,82297],{"class":279,"line":673},[277,82298,394],{"class":283},[277,82300,82301,82303,82305],{"class":279,"line":679},[277,82302,785],{"class":283},[277,82304,288],{"class":287},[277,82306,305],{"class":283},[277,82308,82309],{"class":279,"line":684},[277,82310,328],{"emptyLinePlaceholder":327},[277,82312,82313,82315,82317],{"class":279,"line":700},[277,82314,284],{"class":283},[277,82316,802],{"class":287},[277,82318,305],{"class":283},[277,82320,82321,82323,82325],{"class":279,"line":717},[277,82322,810],{"class":283},[277,82324,4121],{"class":287},[277,82326,305],{"class":283},[277,82328,82329,82331,82333,82335,82337],{"class":279,"line":722},[277,82330,829],{"class":283},[277,82332,30],{"class":287},[277,82334,33124],{"class":283},[277,82336,30],{"class":287},[277,82338,305],{"class":283},[277,82340,82341,82343,82345,82347,82349],{"class":279,"line":729},[277,82342,829],{"class":283},[277,82344,21],{"class":287},[277,82346,33137],{"class":283},[277,82348,21],{"class":287},[277,82350,305],{"class":283},[277,82352,82353],{"class":279,"line":738},[277,82354,328],{"emptyLinePlaceholder":327},[277,82356,82357,82359,82361,82363,82365,82367],{"class":279,"line":747},[277,82358,829],{"class":283},[277,82360,31294],{"class":287},[277,82362,31891],{"class":291},[277,82364,298],{"class":283},[277,82366,33158],{"class":301},[277,82368,305],{"class":283},[277,82370,82371,82373],{"class":279,"line":754},[277,82372,879],{"class":283},[277,82374,11549],{"class":287},[277,82376,82377,82379,82381],{"class":279,"line":772},[277,82378,33171],{"class":291},[277,82380,298],{"class":283},[277,82382,33176],{"class":301},[277,82384,82385,82387,82389],{"class":279,"line":777},[277,82386,33181],{"class":291},[277,82388,298],{"class":283},[277,82390,29470],{"class":301},[277,82392,82393,82395,82397],{"class":279,"line":782},[277,82394,33190],{"class":291},[277,82396,298],{"class":283},[277,82398,33195],{"class":301},[277,82400,82401,82403,82405],{"class":279,"line":792},[277,82402,33200],{"class":291},[277,82404,298],{"class":283},[277,82406,33205],{"class":301},[277,82408,82409],{"class":279,"line":797},[277,82410,33210],{"class":283},[277,82412,82413,82415,82417,82419,82421,82423,82425,82427],{"class":279,"line":807},[277,82414,879],{"class":283},[277,82416,4267],{"class":287},[277,82418,4270],{"class":291},[277,82420,298],{"class":283},[277,82422,31940],{"class":301},[277,82424,33225],{"class":283},[277,82426,4267],{"class":287},[277,82428,305],{"class":283},[277,82430,82431,82433,82435],{"class":279,"line":826},[277,82432,922],{"class":283},[277,82434,31294],{"class":287},[277,82436,305],{"class":283},[277,82438,82439],{"class":279,"line":849},[277,82440,328],{"emptyLinePlaceholder":327},[277,82442,82443,82445,82447],{"class":279,"line":854},[277,82444,829],{"class":283},[277,82446,38],{"class":287},[277,82448,305],{"class":283},[277,82450,82451,82453,82455,82457,82459,82461,82463,82465,82467],{"class":279,"line":876},[277,82452,879],{"class":283},[277,82454,41],{"class":287},[277,82456,12785],{"class":291},[277,82458,298],{"class":283},[277,82460,33262],{"class":301},[277,82462,4317],{"class":291},[277,82464,298],{"class":283},[277,82466,33269],{"class":301},[277,82468,305],{"class":283},[277,82470,82471,82473,82475,82477,82479,82481],{"class":279,"line":891},[277,82472,26686],{"class":283},[277,82474,4267],{"class":287},[277,82476,4278],{"class":291},[277,82478,298],{"class":283},[277,82480,33284],{"class":301},[277,82482,305],{"class":283},[277,82484,82485],{"class":279,"line":905},[277,82486,33291],{"class":283},[277,82488,82489,82491,82493],{"class":279,"line":919},[277,82490,26734],{"class":283},[277,82492,4267],{"class":287},[277,82494,305],{"class":283},[277,82496,82497,82499,82501,82503,82505,82507],{"class":279,"line":929},[277,82498,26686],{"class":283},[277,82500,277],{"class":287},[277,82502,33308],{"class":291},[277,82504,298],{"class":283},[277,82506,33313],{"class":301},[277,82508,305],{"class":283},[277,82510,82511],{"class":279,"line":934},[277,82512,33320],{"class":283},[277,82514,82515,82517,82519],{"class":279,"line":951},[277,82516,26734],{"class":283},[277,82518,277],{"class":287},[277,82520,305],{"class":283},[277,82522,82523,82525,82527],{"class":279,"line":961},[277,82524,4175],{"class":283},[277,82526,41],{"class":287},[277,82528,305],{"class":283},[277,82530,82531,82533,82535],{"class":279,"line":1473},[277,82532,922],{"class":283},[277,82534,38],{"class":287},[277,82536,305],{"class":283},[277,82538,82539,82541,82543],{"class":279,"line":1478},[277,82540,954],{"class":283},[277,82542,4121],{"class":287},[277,82544,305],{"class":283},[277,82546,82547,82549,82551],{"class":279,"line":1497},[277,82548,785],{"class":283},[277,82550,802],{"class":287},[277,82552,305],{"class":283},[267,82554,82555],{"className":269,"code":33363,"filename":971,"language":272,"meta":273,"style":273},[16,82556,82557,82571,82579,82585,82591,82599,82603,82607,82611,82615,82621,82647,82651,82655,82659,82665,82681,82695,82699,82709,82717,82721,82729,82733,82745,82749,82759,82787,82801,82811,82815,82819,82823,82831,82835,82843,82851,82863,82875,82879,82893,82899,82907,82915,82923,82931,82935,82953,82961,82965,82973,82993,83007,83011,83019,83033,83037,83045,83053,83061,83069],{"__ignoreMap":273},[277,82558,82559,82561,82563,82565,82567,82569],{"class":279,"line":280},[277,82560,284],{"class":283},[277,82562,288],{"class":287},[277,82564,295],{"class":291},[277,82566,298],{"class":283},[277,82568,302],{"class":301},[277,82570,305],{"class":283},[277,82572,82573,82575,82577],{"class":279,"line":308},[277,82574,1057],{"class":311},[277,82576,1060],{"class":311},[277,82578,343],{"class":283},[277,82580,82581,82583],{"class":279,"line":324},[277,82582,1086],{"class":291},[277,82584,473],{"class":283},[277,82586,82587,82589],{"class":279,"line":331},[277,82588,1093],{"class":311},[277,82590,343],{"class":283},[277,82592,82593,82595,82597],{"class":279,"line":346},[277,82594,33404],{"class":283},[277,82596,25316],{"class":301},[277,82598,1077],{"class":283},[277,82600,82601],{"class":279,"line":360},[277,82602,6606],{"class":283},[277,82604,82605],{"class":279,"line":371},[277,82606,18478],{"class":283},[277,82608,82609],{"class":279,"line":381},[277,82610,1131],{"class":283},[277,82612,82613],{"class":279,"line":391},[277,82614,2742],{"class":283},[277,82616,82617,82619],{"class":279,"line":397},[277,82618,33429],{"class":291},[277,82620,473],{"class":283},[277,82622,82623,82625,82627,82629,82631,82633,82635,82637,82639,82641,82643,82645],{"class":279,"line":402},[277,82624,2754],{"class":311},[277,82626,1268],{"class":356},[277,82628,2759],{"class":283},[277,82630,2218],{"class":291},[277,82632,2334],{"class":283},[277,82634,2223],{"class":349},[277,82636,2340],{"class":283},[277,82638,601],{"class":311},[277,82640,2288],{"class":311},[277,82642,32907],{"class":283},[277,82644,9813],{"class":356},[277,82646,18151],{"class":283},[277,82648,82649],{"class":279,"line":436},[277,82650,7016],{"class":283},[277,82652,82653],{"class":279,"line":456},[277,82654,1131],{"class":283},[277,82656,82657],{"class":279,"line":461},[277,82658,1140],{"class":283},[277,82660,82661,82663],{"class":279,"line":476},[277,82662,33474],{"class":291},[277,82664,473],{"class":283},[277,82666,82667,82669,82671,82673,82675,82677,82679],{"class":279,"line":500},[277,82668,1154],{"class":311},[277,82670,32931],{"class":356},[277,82672,340],{"class":311},[277,82674,1268],{"class":356},[277,82676,33489],{"class":283},[277,82678,31837],{"class":291},[277,82680,19422],{"class":283},[277,82682,82683,82685,82687,82689,82691,82693],{"class":279,"line":505},[277,82684,1177],{"class":311},[277,82686,511],{"class":283},[277,82688,514],{"class":311},[277,82690,32951],{"class":283},[277,82692,18346],{"class":311},[277,82694,18151],{"class":283},[277,82696,82697],{"class":279,"line":520},[277,82698,328],{"emptyLinePlaceholder":327},[277,82700,82701,82703,82705,82707],{"class":279,"line":539},[277,82702,1212],{"class":356},[277,82704,2759],{"class":283},[277,82706,9780],{"class":291},[277,82708,1066],{"class":283},[277,82710,82711,82713,82715],{"class":279,"line":545},[277,82712,10220],{"class":283},[277,82714,9790],{"class":291},[277,82716,9793],{"class":283},[277,82718,82719],{"class":279,"line":550},[277,82720,33534],{"class":283},[277,82722,82723,82725,82727],{"class":279,"line":578},[277,82724,33539],{"class":283},[277,82726,2123],{"class":356},[277,82728,1077],{"class":283},[277,82730,82731],{"class":279,"line":583},[277,82732,30603],{"class":283},[277,82734,82735,82737,82739,82741,82743],{"class":279,"line":588},[277,82736,1212],{"class":356},[277,82738,33554],{"class":283},[277,82740,298],{"class":311},[277,82742,33005],{"class":301},[277,82744,18151],{"class":283},[277,82746,82747],{"class":279,"line":606},[277,82748,7016],{"class":283},[277,82750,82751,82753,82755,82757],{"class":279,"line":614},[277,82752,2987],{"class":291},[277,82754,448],{"class":283},[277,82756,22042],{"class":349},[277,82758,2476],{"class":283},[277,82760,82761,82763,82765,82767,82769,82771,82773,82775,82777,82779,82781,82783,82785],{"class":279,"line":625},[277,82762,1154],{"class":311},[277,82764,2483],{"class":356},[277,82766,340],{"class":311},[277,82768,1268],{"class":356},[277,82770,2759],{"class":283},[277,82772,2490],{"class":291},[277,82774,2334],{"class":283},[277,82776,2495],{"class":349},[277,82778,2340],{"class":283},[277,82780,601],{"class":311},[277,82782,2500],{"class":283},[277,82784,2503],{"class":311},[277,82786,33058],{"class":283},[277,82788,82789,82791,82793,82795,82797,82799],{"class":279,"line":637},[277,82790,1177],{"class":311},[277,82792,511],{"class":283},[277,82794,514],{"class":311},[277,82796,2521],{"class":283},[277,82798,18346],{"class":311},[277,82800,18151],{"class":283},[277,82802,82803,82805,82807,82809],{"class":279,"line":646},[277,82804,3044],{"class":283},[277,82806,298],{"class":311},[277,82808,2288],{"class":311},[277,82810,33083],{"class":283},[277,82812,82813],{"class":279,"line":668},[277,82814,7016],{"class":283},[277,82816,82817],{"class":279,"line":673},[277,82818,1131],{"class":283},[277,82820,82821],{"class":279,"line":679},[277,82822,18255],{"class":283},[277,82824,82825,82827,82829],{"class":279,"line":684},[277,82826,785],{"class":283},[277,82828,288],{"class":287},[277,82830,305],{"class":283},[277,82832,82833],{"class":279,"line":700},[277,82834,328],{"emptyLinePlaceholder":327},[277,82836,82837,82839,82841],{"class":279,"line":717},[277,82838,284],{"class":283},[277,82840,802],{"class":287},[277,82842,305],{"class":283},[277,82844,82845,82847,82849],{"class":279,"line":722},[277,82846,810],{"class":283},[277,82848,4121],{"class":287},[277,82850,305],{"class":283},[277,82852,82853,82855,82857,82859,82861],{"class":279,"line":729},[277,82854,829],{"class":283},[277,82856,30],{"class":287},[277,82858,33124],{"class":283},[277,82860,30],{"class":287},[277,82862,305],{"class":283},[277,82864,82865,82867,82869,82871,82873],{"class":279,"line":738},[277,82866,829],{"class":283},[277,82868,21],{"class":287},[277,82870,33137],{"class":283},[277,82872,21],{"class":287},[277,82874,305],{"class":283},[277,82876,82877],{"class":279,"line":747},[277,82878,328],{"emptyLinePlaceholder":327},[277,82880,82881,82883,82885,82887,82889,82891],{"class":279,"line":754},[277,82882,829],{"class":283},[277,82884,31294],{"class":287},[277,82886,31891],{"class":291},[277,82888,298],{"class":283},[277,82890,33158],{"class":301},[277,82892,305],{"class":283},[277,82894,82895,82897],{"class":279,"line":772},[277,82896,879],{"class":283},[277,82898,11549],{"class":287},[277,82900,82901,82903,82905],{"class":279,"line":777},[277,82902,33171],{"class":291},[277,82904,298],{"class":283},[277,82906,33176],{"class":301},[277,82908,82909,82911,82913],{"class":279,"line":782},[277,82910,33181],{"class":291},[277,82912,298],{"class":283},[277,82914,29470],{"class":301},[277,82916,82917,82919,82921],{"class":279,"line":792},[277,82918,33190],{"class":291},[277,82920,298],{"class":283},[277,82922,33195],{"class":301},[277,82924,82925,82927,82929],{"class":279,"line":797},[277,82926,33200],{"class":291},[277,82928,298],{"class":283},[277,82930,33205],{"class":301},[277,82932,82933],{"class":279,"line":807},[277,82934,33210],{"class":283},[277,82936,82937,82939,82941,82943,82945,82947,82949,82951],{"class":279,"line":826},[277,82938,879],{"class":283},[277,82940,4267],{"class":287},[277,82942,4270],{"class":291},[277,82944,298],{"class":283},[277,82946,31940],{"class":301},[277,82948,33225],{"class":283},[277,82950,4267],{"class":287},[277,82952,305],{"class":283},[277,82954,82955,82957,82959],{"class":279,"line":849},[277,82956,922],{"class":283},[277,82958,31294],{"class":287},[277,82960,305],{"class":283},[277,82962,82963],{"class":279,"line":854},[277,82964,328],{"emptyLinePlaceholder":327},[277,82966,82967,82969,82971],{"class":279,"line":876},[277,82968,829],{"class":283},[277,82970,38],{"class":287},[277,82972,305],{"class":283},[277,82974,82975,82977,82979,82981,82983,82985,82987,82989,82991],{"class":279,"line":891},[277,82976,879],{"class":283},[277,82978,41],{"class":287},[277,82980,12785],{"class":291},[277,82982,298],{"class":283},[277,82984,33262],{"class":301},[277,82986,4317],{"class":291},[277,82988,298],{"class":283},[277,82990,33269],{"class":301},[277,82992,305],{"class":283},[277,82994,82995,82997,82999,83001,83003,83005],{"class":279,"line":905},[277,82996,26686],{"class":283},[277,82998,4267],{"class":287},[277,83000,4278],{"class":291},[277,83002,298],{"class":283},[277,83004,33284],{"class":301},[277,83006,305],{"class":283},[277,83008,83009],{"class":279,"line":919},[277,83010,33291],{"class":283},[277,83012,83013,83015,83017],{"class":279,"line":929},[277,83014,26734],{"class":283},[277,83016,4267],{"class":287},[277,83018,305],{"class":283},[277,83020,83021,83023,83025,83027,83029,83031],{"class":279,"line":934},[277,83022,26686],{"class":283},[277,83024,277],{"class":287},[277,83026,33308],{"class":291},[277,83028,298],{"class":283},[277,83030,33313],{"class":301},[277,83032,305],{"class":283},[277,83034,83035],{"class":279,"line":951},[277,83036,33320],{"class":283},[277,83038,83039,83041,83043],{"class":279,"line":961},[277,83040,26734],{"class":283},[277,83042,277],{"class":287},[277,83044,305],{"class":283},[277,83046,83047,83049,83051],{"class":279,"line":1473},[277,83048,4175],{"class":283},[277,83050,41],{"class":287},[277,83052,305],{"class":283},[277,83054,83055,83057,83059],{"class":279,"line":1478},[277,83056,922],{"class":283},[277,83058,38],{"class":287},[277,83060,305],{"class":283},[277,83062,83063,83065,83067],{"class":279,"line":1497},[277,83064,954],{"class":283},[277,83066,4121],{"class":287},[277,83068,305],{"class":283},[277,83070,83071,83073,83075],{"class":279,"line":1510},[277,83072,785],{"class":283},[277,83074,802],{"class":287},[277,83076,305],{"class":283},[30,83078,1596],{"id":1595},[21,83080,83081,33899],{},[16,83082,17977],{},[21,83084,33902],{},[38,83086,83087,83093,83095,83103],{},[41,83088,20777,83089,33910,83091,104],{},[16,83090,33909],{},[16,83092,17977],{},[41,83094,33915],{},[41,83096,33918,83097,225,83099,225,83101,33925],{},[16,83098,31106],{},[16,83100,31109],{},[16,83102,31112],{},[41,83104,33928],{},[1606,83106,33931],{},{"title":273,"searchDepth":308,"depth":308,"links":83108},[83109,83110,83111,83112,83113,83119,83125,83126],{"id":20624,"depth":308,"text":20625},{"id":24652,"depth":308,"text":24653},{"id":128,"depth":308,"text":129},{"id":155,"depth":308,"text":156},{"id":189,"depth":308,"text":190,"children":83114},[83115,83116,83117,83118],{"id":31201,"depth":324,"text":31202},{"id":31276,"depth":324,"text":33942},{"id":31351,"depth":324,"text":31352},{"id":31460,"depth":324,"text":33945},{"id":1945,"depth":308,"text":1946,"children":83120},[83121,83122,83123,83124],{"id":31536,"depth":324,"text":31537},{"id":31752,"depth":324,"text":33950},{"id":32179,"depth":324,"text":32180},{"id":32472,"depth":324,"text":32473},{"id":1975,"depth":308,"text":1976},{"id":1595,"depth":308,"text":1596},{"script":83128},[83129],{"type":1632,"key":1633,"data-nuxt-schema-org":327,"nodes":83130},[83131],{"headline":33964,"author":83132,"datePublished":33966,"@type":1640},{"name":1637,"@type":1638},{"updatedAt":33966,"coverCaption":17759,"author":1637,"keywords":83134},[1645,17977,33969,33970,271,971],[83136],{"headline":33964,"author":83137,"datePublished":33966,"@type":1640},{"name":1637,"@type":1638},{"title":30955,"description":33958},[83140,83141,83142],{"tag":20588,"color":20589},{"tag":33980,"color":33981},{"tag":9074,"color":9075},{"id":33985,"title":33986,"body":83144,"cover":36943,"coverAlt":36944,"date":36945,"description":36946,"draft":1627,"extension":1628,"head":85876,"locale":1641,"meta":85882,"navigation":327,"path":36960,"schemaOrg":85884,"seo":85887,"series":20582,"seriesDescription":20583,"seriesOrder":331,"seriesTitle":20584,"slug":1656,"stem":36965,"tags":85888,"__hash__":36971},{"type":8,"value":83145,"toc":85854},[83146,83150,83154,83158,83160,83164,83174,83178,83180,83182,83212,83214,83242,83246,83278,83280,83284,83298,83300,83302,83314,83316,83320,83322,83352,83354,83396,83400,83406,83408,83468,83472,83474,83478,83502,83508,83512,83516,83518,83522,83629,83742,83746,83849,83958,83962,84105,84246,84250,84370,84488,84492,84494,84606,84716,84720,84857,85000,85006,85008,85012,85410,85818,85820,85824,85826,85848,85852],[11,83147,20605,83148],{"id":33991},[16,83149,17974],{},[21,83151,83152,33998],{},[16,83153,17974],{},[21,83155,24593,83156,34003],{},[16,83157,17974],{},[30,83159,20625],{"id":20624},[21,83161,15938,83162,34010],{},[16,83163,17974],{},[38,83165,83166,83168,83170,83172],{},[41,83167,34015],{},[41,83169,34018],{},[41,83171,34021],{},[41,83173,34024],{},[21,83175,11996,83176,34029],{},[16,83177,17974],{},[30,83179,24653],{"id":24652},[21,83181,34034],{},[267,83183,83184],{"className":269,"code":34037,"filename":9339,"language":272,"meta":273,"style":273},[16,83185,83186],{"__ignoreMap":273},[277,83187,83188,83190,83192,83194,83196,83198,83200,83202,83204,83206,83208,83210],{"class":279,"line":280},[277,83189,284],{"class":283},[277,83191,13178],{"class":287},[277,83193,34048],{"class":291},[277,83195,353],{"class":283},[277,83197,34053],{"class":291},[277,83199,298],{"class":283},[277,83201,866],{"class":301},[277,83203,34060],{"class":283},[277,83205,866],{"class":301},[277,83207,34065],{"class":283},[277,83209,13178],{"class":287},[277,83211,305],{"class":283},[21,83213,34072],{},[267,83215,83216],{"className":269,"code":34075,"filename":9339,"language":272,"meta":273,"style":273},[16,83217,83218],{"__ignoreMap":273},[277,83219,83220,83222,83224,83226,83228,83230,83232,83234,83236,83238,83240],{"class":279,"line":280},[277,83221,284],{"class":283},[277,83223,13178],{"class":287},[277,83225,6244],{"class":283},[277,83227,34053],{"class":291},[277,83229,298],{"class":283},[277,83231,866],{"class":301},[277,83233,34060],{"class":283},[277,83235,866],{"class":301},[277,83237,34065],{"class":283},[277,83239,13178],{"class":287},[277,83241,305],{"class":283},[21,83243,83244,34106],{},[16,83245,17974],{},[38,83247,83248,83260,83264,83270,83274],{},[41,83249,34111,83250,225,83252,225,83254,225,83256,225,83258,34124],{},[16,83251,34053],{},[16,83253,34116],{},[16,83255,34119],{},[16,83257,22042],{},[16,83259,23415],{},[41,83261,34127,83262,34124],{},[16,83263,34130],{},[41,83265,34133,83266,1697,83268,34139],{},[16,83267,34136],{},[16,83269,1606],{},[41,83271,34142,83272,34124],{},[16,83273,34145],{},[41,83275,34148,83276,1895],{},[16,83277,34151],{},[30,83279,129],{"id":128},[21,83281,20777,83282,34158],{},[16,83283,17974],{},[38,83285,83286,83288,83294,83296],{},[41,83287,34163],{},[41,83289,34166,83290,5245,83292,1895],{},[16,83291,34136],{},[16,83293,1606],{},[41,83295,34173],{},[41,83297,34176],{},[30,83299,156],{"id":155},[21,83301,162],{},[38,83303,83304,83306,83310],{},[41,83305,34185],{},[41,83307,34188,83308,1895],{},[16,83309,1732],{},[41,83311,34193,83312,34196],{},[16,83313,17974],{},[30,83315,190],{"id":189},[192,83317,34202,83318,34205],{"id":34201},[16,83319,17974],{},[21,83321,24892],{},[267,83323,83324],{"className":269,"code":34210,"filename":34211,"language":272,"meta":273,"style":273},[16,83325,83326],{"__ignoreMap":273},[277,83327,83328,83330,83332,83334,83336,83338,83340,83342,83344,83346,83348,83350],{"class":279,"line":280},[277,83329,284],{"class":283},[277,83331,34220],{"class":287},[277,83333,6244],{"class":283},[277,83335,34116],{"class":291},[277,83337,298],{"class":283},[277,83339,866],{"class":301},[277,83341,15951],{"class":311},[277,83343,34233],{"class":283},[277,83345,15951],{"class":311},[277,83347,34238],{"class":283},[277,83349,866],{"class":301},[277,83351,4325],{"class":283},[21,83353,28466],{},[267,83355,83356],{"className":269,"code":34247,"filename":34248,"language":272,"meta":273,"style":273},[16,83357,83358,83372,83376],{"__ignoreMap":273},[277,83359,83360,83362,83364,83366,83368,83370],{"class":279,"line":280},[277,83361,284],{"class":283},[277,83363,34220],{"class":287},[277,83365,34259],{"class":291},[277,83367,298],{"class":283},[277,83369,34264],{"class":301},[277,83371,4325],{"class":283},[277,83373,83374],{"class":279,"line":308},[277,83375,34271],{"class":12741},[277,83377,83378,83380,83382,83384,83386,83388,83390,83392,83394],{"class":279,"line":324},[277,83379,284],{"class":283},[277,83381,34220],{"class":287},[277,83383,6244],{"class":283},[277,83385,34116],{"class":291},[277,83387,298],{"class":283},[277,83389,866],{"class":301},[277,83391,34288],{"class":283},[277,83393,866],{"class":301},[277,83395,4325],{"class":283},[21,83397,34295,83398,34299],{},[16,83399,34298],{},[192,83401,34303,83402,118,83404],{"id":34302},[16,83403,34306],{},[16,83405,34309],{},[21,83407,24892],{},[267,83409,83410],{"className":269,"code":34314,"filename":28344,"language":272,"meta":273,"style":273},[16,83411,83412,83456,83460],{"__ignoreMap":273},[277,83413,83414,83416,83418,83420,83422,83424,83426,83428,83430,83432,83434,83436,83438,83440,83442,83444,83446,83448,83450,83452,83454],{"class":279,"line":280},[277,83415,284],{"class":283},[277,83417,4267],{"class":287},[277,83419,6244],{"class":283},[277,83421,34136],{"class":291},[277,83423,298],{"class":283},[277,83425,866],{"class":301},[277,83427,31377],{"class":283},[277,83429,2310],{"class":311},[277,83431,34337],{"class":283},[277,83433,2310],{"class":311},[277,83435,2288],{"class":311},[277,83437,31389],{"class":283},[277,83439,2285],{"class":311},[277,83441,34348],{"class":301},[277,83443,6244],{"class":311},[277,83445,34353],{"class":283},[277,83447,2285],{"class":311},[277,83449,34358],{"class":301},[277,83451,6244],{"class":311},[277,83453,34363],{"class":301},[277,83455,305],{"class":283},[277,83457,83458],{"class":279,"line":308},[277,83459,34370],{"class":283},[277,83461,83462,83464,83466],{"class":279,"line":324},[277,83463,785],{"class":283},[277,83465,4267],{"class":287},[277,83467,305],{"class":283},[21,83469,34381,83470,104],{},[16,83471,1732],{},[192,83473,34387],{"id":34386},[21,83475,83476,34392],{},[16,83477,17974],{},[267,83479,83480],{"className":269,"code":34395,"filename":34396,"language":272,"meta":273,"style":273},[16,83481,83482],{"__ignoreMap":273},[277,83483,83484,83486,83488,83490,83492,83494,83496,83498,83500],{"class":279,"line":280},[277,83485,284],{"class":283},[277,83487,22608],{"class":287},[277,83489,6244],{"class":283},[277,83491,27313],{"class":291},[277,83493,298],{"class":283},[277,83495,866],{"class":301},[277,83497,27313],{"class":283},[277,83499,866],{"class":301},[277,83501,4325],{"class":283},[21,83503,34421,83504,34425,83506,34428],{},[16,83505,34424],{},[16,83507,27313],{},[192,83509,34432,83510,34435],{"id":34431},[16,83511,17974],{},[21,83513,83514,34440],{},[16,83515,17974],{},[30,83517,1946],{"id":1945},[192,83519,34446,83520,19],{"id":34445},[16,83521,34053],{},[267,83523,83525],{"className":269,"code":34451,"filename":271,"highlights":83524,"language":272,"meta":273,"style":273},[331,381],[16,83526,83527,83537,83549,83553,83570,83578,83582,83590,83621],{"__ignoreMap":273},[277,83528,83529,83531,83533,83535],{"class":279,"line":280},[277,83530,284],{"class":283},[277,83532,288],{"class":287},[277,83534,292],{"class":291},[277,83536,305],{"class":283},[277,83538,83539,83541,83543,83545,83547],{"class":279,"line":308},[277,83540,312],{"class":311},[277,83542,11006],{"class":283},[277,83544,318],{"class":311},[277,83546,18148],{"class":301},[277,83548,18151],{"class":283},[277,83550,83551],{"class":279,"line":324},[277,83552,328],{"emptyLinePlaceholder":327},[277,83554,83556,83558,83560,83562,83564,83566,83568],{"class":83555,"line":331},[279,9398],[277,83557,405],{"class":311},[277,83559,34488],{"class":356},[277,83561,340],{"class":311},[277,83563,413],{"class":291},[277,83565,448],{"class":283},[277,83567,34497],{"class":301},[277,83569,18277],{"class":283},[277,83571,83572,83574,83576],{"class":279,"line":346},[277,83573,785],{"class":283},[277,83575,288],{"class":287},[277,83577,305],{"class":283},[277,83579,83580],{"class":279,"line":360},[277,83581,328],{"emptyLinePlaceholder":327},[277,83583,83584,83586,83588],{"class":279,"line":371},[277,83585,284],{"class":283},[277,83587,802],{"class":287},[277,83589,305],{"class":283},[277,83591,83593,83595,83597,83599,83601,83603,83605,83607,83609,83611,83613,83615,83617,83619],{"class":83592,"line":381},[279,9398],[277,83594,810],{"class":283},[277,83596,13178],{"class":287},[277,83598,34529],{"class":291},[277,83600,298],{"class":283},[277,83602,34534],{"class":301},[277,83604,18401],{"class":291},[277,83606,298],{"class":283},[277,83608,34541],{"class":301},[277,83610,34544],{"class":291},[277,83612,298],{"class":283},[277,83614,34549],{"class":301},[277,83616,34552],{"class":283},[277,83618,13178],{"class":287},[277,83620,305],{"class":283},[277,83622,83623,83625,83627],{"class":279,"line":391},[277,83624,785],{"class":283},[277,83626,802],{"class":287},[277,83628,305],{"class":283},[267,83630,83632],{"className":269,"code":34567,"filename":971,"highlights":83631,"language":272,"meta":273,"style":273},[346,436],[16,83633,83634,83642,83650,83656,83662,83671,83675,83679,83683,83691,83695,83703,83734],{"__ignoreMap":273},[277,83635,83636,83638,83640],{"class":279,"line":280},[277,83637,284],{"class":283},[277,83639,288],{"class":287},[277,83641,305],{"class":283},[277,83643,83644,83646,83648],{"class":279,"line":308},[277,83645,1057],{"class":311},[277,83647,1060],{"class":311},[277,83649,343],{"class":283},[277,83651,83652,83654],{"class":279,"line":324},[277,83653,1086],{"class":291},[277,83655,473],{"class":283},[277,83657,83658,83660],{"class":279,"line":331},[277,83659,1093],{"class":311},[277,83661,343],{"class":283},[277,83663,83665,83667,83669],{"class":83664,"line":346},[279,9398],[277,83666,34604],{"class":283},[277,83668,34497],{"class":301},[277,83670,1077],{"class":283},[277,83672,83673],{"class":279,"line":360},[277,83674,18478],{"class":283},[277,83676,83677],{"class":279,"line":371},[277,83678,1131],{"class":283},[277,83680,83681],{"class":279,"line":381},[277,83682,18255],{"class":283},[277,83684,83685,83687,83689],{"class":279,"line":391},[277,83686,785],{"class":283},[277,83688,288],{"class":287},[277,83690,305],{"class":283},[277,83692,83693],{"class":279,"line":397},[277,83694,328],{"emptyLinePlaceholder":327},[277,83696,83697,83699,83701],{"class":279,"line":402},[277,83698,284],{"class":283},[277,83700,802],{"class":287},[277,83702,305],{"class":283},[277,83704,83706,83708,83710,83712,83714,83716,83718,83720,83722,83724,83726,83728,83730,83732],{"class":83705,"line":436},[279,9398],[277,83707,810],{"class":283},[277,83709,13178],{"class":287},[277,83711,34529],{"class":291},[277,83713,298],{"class":283},[277,83715,34534],{"class":301},[277,83717,18401],{"class":291},[277,83719,298],{"class":283},[277,83721,34541],{"class":301},[277,83723,34544],{"class":291},[277,83725,298],{"class":283},[277,83727,34549],{"class":301},[277,83729,34552],{"class":283},[277,83731,13178],{"class":287},[277,83733,305],{"class":283},[277,83735,83736,83738,83740],{"class":279,"line":456},[277,83737,785],{"class":283},[277,83739,802],{"class":287},[277,83741,305],{"class":283},[192,83743,34683,83744,19],{"id":34682},[16,83745,34119],{},[267,83747,83749],{"className":269,"code":34688,"filename":271,"highlights":83748,"language":272,"meta":273,"style":273},[331,381],[16,83750,83751,83761,83773,83777,83794,83802,83806,83814,83829,83833,83841],{"__ignoreMap":273},[277,83752,83753,83755,83757,83759],{"class":279,"line":280},[277,83754,284],{"class":283},[277,83756,288],{"class":287},[277,83758,292],{"class":291},[277,83760,305],{"class":283},[277,83762,83763,83765,83767,83769,83771],{"class":279,"line":308},[277,83764,312],{"class":311},[277,83766,11006],{"class":283},[277,83768,318],{"class":311},[277,83770,18148],{"class":301},[277,83772,18151],{"class":283},[277,83774,83775],{"class":279,"line":324},[277,83776,328],{"emptyLinePlaceholder":327},[277,83778,83780,83782,83784,83786,83788,83790,83792],{"class":83779,"line":331},[279,9398],[277,83781,405],{"class":311},[277,83783,34725],{"class":356},[277,83785,340],{"class":311},[277,83787,413],{"class":291},[277,83789,448],{"class":283},[277,83791,2123],{"class":356},[277,83793,18277],{"class":283},[277,83795,83796,83798,83800],{"class":279,"line":346},[277,83797,785],{"class":283},[277,83799,288],{"class":287},[277,83801,305],{"class":283},[277,83803,83804],{"class":279,"line":360},[277,83805,328],{"emptyLinePlaceholder":327},[277,83807,83808,83810,83812],{"class":279,"line":371},[277,83809,284],{"class":283},[277,83811,802],{"class":287},[277,83813,305],{"class":283},[277,83815,83817,83819,83821,83823,83825,83827],{"class":83816,"line":381},[279,9398],[277,83818,810],{"class":283},[277,83820,4267],{"class":287},[277,83822,34765],{"class":291},[277,83824,298],{"class":283},[277,83826,34770],{"class":301},[277,83828,305],{"class":283},[277,83830,83831],{"class":279,"line":391},[277,83832,34777],{"class":283},[277,83834,83835,83837,83839],{"class":279,"line":397},[277,83836,954],{"class":283},[277,83838,4267],{"class":287},[277,83840,305],{"class":283},[277,83842,83843,83845,83847],{"class":279,"line":402},[277,83844,785],{"class":283},[277,83846,802],{"class":287},[277,83848,305],{"class":283},[267,83850,83852],{"className":269,"code":34796,"filename":971,"highlights":83851,"language":272,"meta":273,"style":273},[346,436],[16,83853,83854,83862,83870,83876,83882,83891,83895,83899,83903,83911,83915,83923,83938,83942,83950],{"__ignoreMap":273},[277,83855,83856,83858,83860],{"class":279,"line":280},[277,83857,284],{"class":283},[277,83859,288],{"class":287},[277,83861,305],{"class":283},[277,83863,83864,83866,83868],{"class":279,"line":308},[277,83865,1057],{"class":311},[277,83867,1060],{"class":311},[277,83869,343],{"class":283},[277,83871,83872,83874],{"class":279,"line":324},[277,83873,1086],{"class":291},[277,83875,473],{"class":283},[277,83877,83878,83880],{"class":279,"line":331},[277,83879,1093],{"class":311},[277,83881,343],{"class":283},[277,83883,83885,83887,83889],{"class":83884,"line":346},[279,9398],[277,83886,34833],{"class":283},[277,83888,2123],{"class":356},[277,83890,1077],{"class":283},[277,83892,83893],{"class":279,"line":360},[277,83894,18478],{"class":283},[277,83896,83897],{"class":279,"line":371},[277,83898,1131],{"class":283},[277,83900,83901],{"class":279,"line":381},[277,83902,18255],{"class":283},[277,83904,83905,83907,83909],{"class":279,"line":391},[277,83906,785],{"class":283},[277,83908,288],{"class":287},[277,83910,305],{"class":283},[277,83912,83913],{"class":279,"line":397},[277,83914,328],{"emptyLinePlaceholder":327},[277,83916,83917,83919,83921],{"class":279,"line":402},[277,83918,284],{"class":283},[277,83920,802],{"class":287},[277,83922,305],{"class":283},[277,83924,83926,83928,83930,83932,83934,83936],{"class":83925,"line":436},[279,9398],[277,83927,810],{"class":283},[277,83929,4267],{"class":287},[277,83931,34765],{"class":291},[277,83933,298],{"class":283},[277,83935,34770],{"class":301},[277,83937,305],{"class":283},[277,83939,83940],{"class":279,"line":456},[277,83941,34777],{"class":283},[277,83943,83944,83946,83948],{"class":279,"line":461},[277,83945,954],{"class":283},[277,83947,4267],{"class":287},[277,83949,305],{"class":283},[277,83951,83952,83954,83956],{"class":279,"line":476},[277,83953,785],{"class":283},[277,83955,802],{"class":287},[277,83957,305],{"class":283},[192,83959,34908,83960,34912],{"id":34907},[16,83961,34911],{},[267,83963,83965],{"className":269,"code":34915,"filename":271,"highlights":83964,"language":272,"meta":273,"style":273},[331,397,402,436,456,461],[16,83966,83967,83977,83989,83993,84010,84026,84034,84038,84046,84052,84061,84066,84071,84076,84081,84085,84089,84097],{"__ignoreMap":273},[277,83968,83969,83971,83973,83975],{"class":279,"line":280},[277,83970,284],{"class":283},[277,83972,288],{"class":287},[277,83974,292],{"class":291},[277,83976,305],{"class":283},[277,83978,83979,83981,83983,83985,83987],{"class":279,"line":308},[277,83980,312],{"class":311},[277,83982,11006],{"class":283},[277,83984,318],{"class":311},[277,83986,18148],{"class":301},[277,83988,18151],{"class":283},[277,83990,83991],{"class":279,"line":324},[277,83992,328],{"emptyLinePlaceholder":327},[277,83994,83996,83998,84000,84002,84004,84006,84008],{"class":83995,"line":331},[279,9398],[277,83997,405],{"class":311},[277,83999,34952],{"class":356},[277,84001,340],{"class":311},[277,84003,413],{"class":291},[277,84005,448],{"class":283},[277,84007,2149],{"class":356},[277,84009,18277],{"class":283},[277,84011,84012,84014,84016,84018,84020,84022,84024],{"class":279,"line":346},[277,84013,405],{"class":311},[277,84015,3483],{"class":356},[277,84017,340],{"class":311},[277,84019,413],{"class":291},[277,84021,448],{"class":283},[277,84023,2123],{"class":356},[277,84025,18277],{"class":283},[277,84027,84028,84030,84032],{"class":279,"line":360},[277,84029,785],{"class":283},[277,84031,288],{"class":287},[277,84033,305],{"class":283},[277,84035,84036],{"class":279,"line":371},[277,84037,328],{"emptyLinePlaceholder":327},[277,84039,84040,84042,84044],{"class":279,"line":381},[277,84041,284],{"class":283},[277,84043,802],{"class":287},[277,84045,305],{"class":283},[277,84047,84048,84050],{"class":279,"line":391},[277,84049,810],{"class":283},[277,84051,35005],{"class":287},[277,84053,84055,84057,84059],{"class":84054,"line":397},[279,9398],[277,84056,35011],{"class":291},[277,84058,298],{"class":283},[277,84060,35016],{"class":301},[277,84062,84064],{"class":84063,"line":402},[279,9398],[277,84065,35022],{"class":301},[277,84067,84069],{"class":84068,"line":436},[279,9398],[277,84070,35028],{"class":301},[277,84072,84074],{"class":84073,"line":456},[279,9398],[277,84075,35034],{"class":301},[277,84077,84079],{"class":84078,"line":461},[279,9398],[277,84080,35040],{"class":301},[277,84082,84083],{"class":279,"line":476},[277,84084,22757],{"class":283},[277,84086,84087],{"class":279,"line":500},[277,84088,35049],{"class":283},[277,84090,84091,84093,84095],{"class":279,"line":505},[277,84092,954],{"class":283},[277,84094,21],{"class":287},[277,84096,305],{"class":283},[277,84098,84099,84101,84103],{"class":279,"line":520},[277,84100,785],{"class":283},[277,84102,802],{"class":287},[277,84104,305],{"class":283},[267,84106,84108],{"className":269,"code":35068,"filename":971,"highlights":84107,"language":272,"meta":273,"style":273},[346,456,461,476,500,505],[16,84109,84110,84118,84126,84132,84138,84147,84155,84159,84163,84167,84175,84179,84187,84194,84203,84208,84213,84218,84222,84226,84230,84238],{"__ignoreMap":273},[277,84111,84112,84114,84116],{"class":279,"line":280},[277,84113,284],{"class":283},[277,84115,288],{"class":287},[277,84117,305],{"class":283},[277,84119,84120,84122,84124],{"class":279,"line":308},[277,84121,1057],{"class":311},[277,84123,1060],{"class":311},[277,84125,343],{"class":283},[277,84127,84128,84130],{"class":279,"line":324},[277,84129,1086],{"class":291},[277,84131,473],{"class":283},[277,84133,84134,84136],{"class":279,"line":331},[277,84135,1093],{"class":311},[277,84137,343],{"class":283},[277,84139,84141,84143,84145],{"class":84140,"line":346},[279,9398],[277,84142,35105],{"class":283},[277,84144,2149],{"class":356},[277,84146,1077],{"class":283},[277,84148,84149,84151,84153],{"class":279,"line":360},[277,84150,4663],{"class":283},[277,84152,2123],{"class":356},[277,84154,1077],{"class":283},[277,84156,84157],{"class":279,"line":371},[277,84158,18478],{"class":283},[277,84160,84161],{"class":279,"line":381},[277,84162,1131],{"class":283},[277,84164,84165],{"class":279,"line":391},[277,84166,18255],{"class":283},[277,84168,84169,84171,84173],{"class":279,"line":397},[277,84170,785],{"class":283},[277,84172,288],{"class":287},[277,84174,305],{"class":283},[277,84176,84177],{"class":279,"line":402},[277,84178,328],{"emptyLinePlaceholder":327},[277,84180,84181,84183,84185],{"class":279,"line":436},[277,84182,284],{"class":283},[277,84184,802],{"class":287},[277,84186,305],{"class":283},[277,84188,84190,84192],{"class":84189,"line":456},[279,9398],[277,84191,810],{"class":283},[277,84193,35005],{"class":287},[277,84195,84197,84199,84201],{"class":84196,"line":461},[279,9398],[277,84198,35011],{"class":291},[277,84200,298],{"class":283},[277,84202,35016],{"class":301},[277,84204,84206],{"class":84205,"line":476},[279,9398],[277,84207,35022],{"class":301},[277,84209,84211],{"class":84210,"line":500},[279,9398],[277,84212,35028],{"class":301},[277,84214,84216],{"class":84215,"line":505},[279,9398],[277,84217,35034],{"class":301},[277,84219,84220],{"class":279,"line":520},[277,84221,35040],{"class":301},[277,84223,84224],{"class":279,"line":539},[277,84225,22757],{"class":283},[277,84227,84228],{"class":279,"line":545},[277,84229,35049],{"class":283},[277,84231,84232,84234,84236],{"class":279,"line":550},[277,84233,954],{"class":283},[277,84235,21],{"class":287},[277,84237,305],{"class":283},[277,84239,84240,84242,84244],{"class":279,"line":578},[277,84241,785],{"class":283},[277,84243,802],{"class":287},[277,84245,305],{"class":283},[192,84247,26774,84248,35215],{"id":35211},[16,84249,35214],{},[267,84251,84253],{"className":269,"code":35218,"filename":271,"highlights":84252,"language":272,"meta":273,"style":273},[331,346,391],[16,84254,84255,84265,84277,84281,84298,84315,84323,84327,84335,84350,84354,84362],{"__ignoreMap":273},[277,84256,84257,84259,84261,84263],{"class":279,"line":280},[277,84258,284],{"class":283},[277,84260,288],{"class":287},[277,84262,292],{"class":291},[277,84264,305],{"class":283},[277,84266,84267,84269,84271,84273,84275],{"class":279,"line":308},[277,84268,312],{"class":311},[277,84270,11006],{"class":283},[277,84272,318],{"class":311},[277,84274,18148],{"class":301},[277,84276,18151],{"class":283},[277,84278,84279],{"class":279,"line":324},[277,84280,328],{"emptyLinePlaceholder":327},[277,84282,84284,84286,84288,84290,84292,84294,84296],{"class":84283,"line":331},[279,9398],[277,84285,405],{"class":311},[277,84287,35255],{"class":356},[277,84289,340],{"class":311},[277,84291,413],{"class":291},[277,84293,448],{"class":283},[277,84295,35264],{"class":356},[277,84297,18277],{"class":283},[277,84299,84301,84303,84305,84307,84309,84311,84313],{"class":84300,"line":346},[279,9398],[277,84302,405],{"class":311},[277,84304,35274],{"class":356},[277,84306,340],{"class":311},[277,84308,413],{"class":291},[277,84310,448],{"class":283},[277,84312,35283],{"class":301},[277,84314,18277],{"class":283},[277,84316,84317,84319,84321],{"class":279,"line":360},[277,84318,785],{"class":283},[277,84320,288],{"class":287},[277,84322,305],{"class":283},[277,84324,84325],{"class":279,"line":371},[277,84326,328],{"emptyLinePlaceholder":327},[277,84328,84329,84331,84333],{"class":279,"line":381},[277,84330,284],{"class":283},[277,84332,802],{"class":287},[277,84334,305],{"class":283},[277,84336,84338,84340,84342,84344,84346,84348],{"class":84337,"line":391},[279,9398],[277,84339,810],{"class":283},[277,84341,21],{"class":287},[277,84343,33308],{"class":291},[277,84345,298],{"class":283},[277,84347,35319],{"class":301},[277,84349,305],{"class":283},[277,84351,84352],{"class":279,"line":397},[277,84353,35326],{"class":283},[277,84355,84356,84358,84360],{"class":279,"line":402},[277,84357,954],{"class":283},[277,84359,21],{"class":287},[277,84361,305],{"class":283},[277,84363,84364,84366,84368],{"class":279,"line":436},[277,84365,785],{"class":283},[277,84367,802],{"class":287},[277,84369,305],{"class":283},[267,84371,84373],{"className":269,"code":35345,"filename":971,"highlights":84372,"language":272,"meta":273,"style":273},[346,360,456],[16,84374,84375,84383,84391,84397,84403,84412,84421,84425,84429,84433,84441,84445,84453,84468,84472,84480],{"__ignoreMap":273},[277,84376,84377,84379,84381],{"class":279,"line":280},[277,84378,284],{"class":283},[277,84380,288],{"class":287},[277,84382,305],{"class":283},[277,84384,84385,84387,84389],{"class":279,"line":308},[277,84386,1057],{"class":311},[277,84388,1060],{"class":311},[277,84390,343],{"class":283},[277,84392,84393,84395],{"class":279,"line":324},[277,84394,1086],{"class":291},[277,84396,473],{"class":283},[277,84398,84399,84401],{"class":279,"line":331},[277,84400,1093],{"class":311},[277,84402,343],{"class":283},[277,84404,84406,84408,84410],{"class":84405,"line":346},[279,9398],[277,84407,35382],{"class":283},[277,84409,35264],{"class":356},[277,84411,1077],{"class":283},[277,84413,84415,84417,84419],{"class":84414,"line":360},[279,9398],[277,84416,35392],{"class":283},[277,84418,35283],{"class":301},[277,84420,1077],{"class":283},[277,84422,84423],{"class":279,"line":371},[277,84424,18478],{"class":283},[277,84426,84427],{"class":279,"line":381},[277,84428,1131],{"class":283},[277,84430,84431],{"class":279,"line":391},[277,84432,18255],{"class":283},[277,84434,84435,84437,84439],{"class":279,"line":397},[277,84436,785],{"class":283},[277,84438,288],{"class":287},[277,84440,305],{"class":283},[277,84442,84443],{"class":279,"line":402},[277,84444,328],{"emptyLinePlaceholder":327},[277,84446,84447,84449,84451],{"class":279,"line":436},[277,84448,284],{"class":283},[277,84450,802],{"class":287},[277,84452,305],{"class":283},[277,84454,84456,84458,84460,84462,84464,84466],{"class":84455,"line":456},[279,9398],[277,84457,810],{"class":283},[277,84459,21],{"class":287},[277,84461,33308],{"class":291},[277,84463,298],{"class":283},[277,84465,35319],{"class":301},[277,84467,305],{"class":283},[277,84469,84470],{"class":279,"line":461},[277,84471,35326],{"class":283},[277,84473,84474,84476,84478],{"class":279,"line":476},[277,84475,954],{"class":283},[277,84477,21],{"class":287},[277,84479,305],{"class":283},[277,84481,84482,84484,84486],{"class":279,"line":500},[277,84483,785],{"class":283},[277,84485,802],{"class":287},[277,84487,305],{"class":283},[192,84489,35467,84490],{"id":35466},[16,84491,34145],{},[21,84493,35472],{},[267,84495,84497],{"className":269,"code":35475,"filename":271,"highlights":84496,"language":272,"meta":273,"style":273},[331,346,391],[16,84498,84499,84509,84521,84525,84542,84559,84567,84571,84579,84598],{"__ignoreMap":273},[277,84500,84501,84503,84505,84507],{"class":279,"line":280},[277,84502,284],{"class":283},[277,84504,288],{"class":287},[277,84506,292],{"class":291},[277,84508,305],{"class":283},[277,84510,84511,84513,84515,84517,84519],{"class":279,"line":308},[277,84512,312],{"class":311},[277,84514,11006],{"class":283},[277,84516,318],{"class":311},[277,84518,18148],{"class":301},[277,84520,18151],{"class":283},[277,84522,84523],{"class":279,"line":324},[277,84524,328],{"emptyLinePlaceholder":327},[277,84526,84528,84530,84532,84534,84536,84538,84540],{"class":84527,"line":331},[279,9398],[277,84529,405],{"class":311},[277,84531,35512],{"class":356},[277,84533,340],{"class":311},[277,84535,413],{"class":291},[277,84537,448],{"class":283},[277,84539,35521],{"class":301},[277,84541,18277],{"class":283},[277,84543,84545,84547,84549,84551,84553,84555,84557],{"class":84544,"line":346},[279,9398],[277,84546,405],{"class":311},[277,84548,35531],{"class":356},[277,84550,340],{"class":311},[277,84552,413],{"class":291},[277,84554,448],{"class":283},[277,84556,35540],{"class":301},[277,84558,18277],{"class":283},[277,84560,84561,84563,84565],{"class":279,"line":360},[277,84562,785],{"class":283},[277,84564,288],{"class":287},[277,84566,305],{"class":283},[277,84568,84569],{"class":279,"line":371},[277,84570,328],{"emptyLinePlaceholder":327},[277,84572,84573,84575,84577],{"class":279,"line":381},[277,84574,284],{"class":283},[277,84576,802],{"class":287},[277,84578,305],{"class":283},[277,84580,84582,84584,84586,84588,84590,84592,84594,84596],{"class":84581,"line":391},[279,9398],[277,84583,810],{"class":283},[277,84585,4267],{"class":287},[277,84587,35572],{"class":291},[277,84589,298],{"class":283},[277,84591,35577],{"class":301},[277,84593,35580],{"class":283},[277,84595,4267],{"class":287},[277,84597,305],{"class":283},[277,84599,84600,84602,84604],{"class":279,"line":397},[277,84601,785],{"class":283},[277,84603,802],{"class":287},[277,84605,305],{"class":283},[267,84607,84609],{"className":269,"code":35595,"filename":971,"highlights":84608,"language":272,"meta":273,"style":273},[346,360,456],[16,84610,84611,84619,84627,84633,84639,84648,84657,84661,84665,84669,84677,84681,84689,84708],{"__ignoreMap":273},[277,84612,84613,84615,84617],{"class":279,"line":280},[277,84614,284],{"class":283},[277,84616,288],{"class":287},[277,84618,305],{"class":283},[277,84620,84621,84623,84625],{"class":279,"line":308},[277,84622,1057],{"class":311},[277,84624,1060],{"class":311},[277,84626,343],{"class":283},[277,84628,84629,84631],{"class":279,"line":324},[277,84630,1086],{"class":291},[277,84632,473],{"class":283},[277,84634,84635,84637],{"class":279,"line":331},[277,84636,1093],{"class":311},[277,84638,343],{"class":283},[277,84640,84642,84644,84646],{"class":84641,"line":346},[279,9398],[277,84643,35632],{"class":283},[277,84645,35521],{"class":301},[277,84647,1077],{"class":283},[277,84649,84651,84653,84655],{"class":84650,"line":360},[279,9398],[277,84652,35642],{"class":283},[277,84654,35540],{"class":301},[277,84656,1077],{"class":283},[277,84658,84659],{"class":279,"line":371},[277,84660,18478],{"class":283},[277,84662,84663],{"class":279,"line":381},[277,84664,1131],{"class":283},[277,84666,84667],{"class":279,"line":391},[277,84668,18255],{"class":283},[277,84670,84671,84673,84675],{"class":279,"line":397},[277,84672,785],{"class":283},[277,84674,288],{"class":287},[277,84676,305],{"class":283},[277,84678,84679],{"class":279,"line":402},[277,84680,328],{"emptyLinePlaceholder":327},[277,84682,84683,84685,84687],{"class":279,"line":436},[277,84684,284],{"class":283},[277,84686,802],{"class":287},[277,84688,305],{"class":283},[277,84690,84692,84694,84696,84698,84700,84702,84704,84706],{"class":84691,"line":456},[279,9398],[277,84693,810],{"class":283},[277,84695,4267],{"class":287},[277,84697,35572],{"class":291},[277,84699,298],{"class":283},[277,84701,35577],{"class":301},[277,84703,35580],{"class":283},[277,84705,4267],{"class":287},[277,84707,305],{"class":283},[277,84709,84710,84712,84714],{"class":279,"line":461},[277,84711,785],{"class":283},[277,84713,802],{"class":287},[277,84715,305],{"class":283},[192,84717,35709,84718,35713],{"id":35708},[16,84719,35712],{},[267,84721,84723],{"className":269,"code":35716,"filename":271,"highlights":84722,"language":272,"meta":273,"style":273},[331,346,360,371,381,391,397,461],[16,84724,84725,84735,84747,84751,84764,84773,84782,84791,84800,84809,84814,84822,84826,84834,84849],{"__ignoreMap":273},[277,84726,84727,84729,84731,84733],{"class":279,"line":280},[277,84728,284],{"class":283},[277,84730,288],{"class":287},[277,84732,292],{"class":291},[277,84734,305],{"class":283},[277,84736,84737,84739,84741,84743,84745],{"class":279,"line":308},[277,84738,312],{"class":311},[277,84740,11006],{"class":283},[277,84742,318],{"class":311},[277,84744,18148],{"class":301},[277,84746,18151],{"class":283},[277,84748,84749],{"class":279,"line":324},[277,84750,328],{"emptyLinePlaceholder":327},[277,84752,84754,84756,84758,84760,84762],{"class":84753,"line":331},[279,9398],[277,84755,405],{"class":311},[277,84757,35753],{"class":356},[277,84759,340],{"class":311},[277,84761,413],{"class":291},[277,84763,1066],{"class":283},[277,84765,84767,84769,84771],{"class":84766,"line":346},[279,9398],[277,84768,35765],{"class":283},[277,84770,31911],{"class":301},[277,84772,1077],{"class":283},[277,84774,84776,84778,84780],{"class":84775,"line":360},[279,9398],[277,84777,35775],{"class":283},[277,84779,31911],{"class":301},[277,84781,1077],{"class":283},[277,84783,84785,84787,84789],{"class":84784,"line":371},[279,9398],[277,84786,35785],{"class":283},[277,84788,31925],{"class":301},[277,84790,1077],{"class":283},[277,84792,84794,84796,84798],{"class":84793,"line":381},[279,9398],[277,84795,35795],{"class":283},[277,84797,31911],{"class":301},[277,84799,1077],{"class":283},[277,84801,84803,84805,84807],{"class":84802,"line":391},[279,9398],[277,84804,35805],{"class":283},[277,84806,2149],{"class":356},[277,84808,1077],{"class":283},[277,84810,84812],{"class":84811,"line":397},[279,9398],[277,84813,21454],{"class":283},[277,84815,84816,84818,84820],{"class":279,"line":402},[277,84817,785],{"class":283},[277,84819,288],{"class":287},[277,84821,305],{"class":283},[277,84823,84824],{"class":279,"line":436},[277,84825,328],{"emptyLinePlaceholder":327},[277,84827,84828,84830,84832],{"class":279,"line":456},[277,84829,284],{"class":283},[277,84831,802],{"class":287},[277,84833,305],{"class":283},[277,84835,84837,84839,84841,84843,84845,84847],{"class":84836,"line":461},[279,9398],[277,84838,810],{"class":283},[277,84840,18041],{"class":287},[277,84842,34048],{"class":291},[277,84844,298],{"class":283},[277,84846,35848],{"class":301},[277,84848,4325],{"class":283},[277,84850,84851,84853,84855],{"class":279,"line":476},[277,84852,785],{"class":283},[277,84854,802],{"class":287},[277,84856,305],{"class":283},[267,84858,84860],{"className":269,"code":35861,"filename":971,"highlights":84859,"language":272,"meta":273,"style":273},[346,360,371,381,391,397,402,520],[16,84861,84862,84870,84878,84884,84890,84895,84904,84913,84922,84931,84940,84945,84949,84953,84957,84965,84969,84977,84992],{"__ignoreMap":273},[277,84863,84864,84866,84868],{"class":279,"line":280},[277,84865,284],{"class":283},[277,84867,288],{"class":287},[277,84869,305],{"class":283},[277,84871,84872,84874,84876],{"class":279,"line":308},[277,84873,1057],{"class":311},[277,84875,1060],{"class":311},[277,84877,343],{"class":283},[277,84879,84880,84882],{"class":279,"line":324},[277,84881,1086],{"class":291},[277,84883,473],{"class":283},[277,84885,84886,84888],{"class":279,"line":331},[277,84887,1093],{"class":311},[277,84889,343],{"class":283},[277,84891,84893],{"class":84892,"line":346},[279,9398],[277,84894,35898],{"class":283},[277,84896,84898,84900,84902],{"class":84897,"line":360},[279,9398],[277,84899,35904],{"class":283},[277,84901,31911],{"class":301},[277,84903,1077],{"class":283},[277,84905,84907,84909,84911],{"class":84906,"line":371},[279,9398],[277,84908,35914],{"class":283},[277,84910,31911],{"class":301},[277,84912,1077],{"class":283},[277,84914,84916,84918,84920],{"class":84915,"line":381},[279,9398],[277,84917,35924],{"class":283},[277,84919,31925],{"class":301},[277,84921,1077],{"class":283},[277,84923,84925,84927,84929],{"class":84924,"line":391},[279,9398],[277,84926,35934],{"class":283},[277,84928,31911],{"class":301},[277,84930,1077],{"class":283},[277,84932,84934,84936,84938],{"class":84933,"line":397},[279,9398],[277,84935,35944],{"class":283},[277,84937,2149],{"class":356},[277,84939,1077],{"class":283},[277,84941,84943],{"class":84942,"line":402},[279,9398],[277,84944,2629],{"class":283},[277,84946,84947],{"class":279,"line":436},[277,84948,18478],{"class":283},[277,84950,84951],{"class":279,"line":456},[277,84952,1131],{"class":283},[277,84954,84955],{"class":279,"line":461},[277,84956,18255],{"class":283},[277,84958,84959,84961,84963],{"class":279,"line":476},[277,84960,785],{"class":283},[277,84962,288],{"class":287},[277,84964,305],{"class":283},[277,84966,84967],{"class":279,"line":500},[277,84968,328],{"emptyLinePlaceholder":327},[277,84970,84971,84973,84975],{"class":279,"line":505},[277,84972,284],{"class":283},[277,84974,802],{"class":287},[277,84976,305],{"class":283},[277,84978,84980,84982,84984,84986,84988,84990],{"class":84979,"line":520},[279,9398],[277,84981,810],{"class":283},[277,84983,18041],{"class":287},[277,84985,34048],{"class":291},[277,84987,298],{"class":283},[277,84989,35848],{"class":301},[277,84991,4325],{"class":283},[277,84993,84994,84996,84998],{"class":279,"line":539},[277,84995,785],{"class":283},[277,84997,802],{"class":287},[277,84999,305],{"class":283},[3111,85001,85002],{},[21,85003,85004,36015],{},[16,85005,35712],{},[30,85007,36019],{"id":36018},[21,85009,36022,85010,36025],{},[16,85011,17974],{},[267,85013,85014],{"className":269,"code":36028,"filename":271,"language":272,"meta":273,"style":273},[16,85015,85016,85026,85038,85042,85058,85074,85090,85094,85110,85118,85126,85134,85142,85146,85150,85166,85176,85182,85186,85190,85198,85216,85226,85236,85246,85256,85264,85268,85276,85280,85288,85302,85328,85332,85352,85356,85364,85368,85382,85386,85394,85402],{"__ignoreMap":273},[277,85017,85018,85020,85022,85024],{"class":279,"line":280},[277,85019,284],{"class":283},[277,85021,288],{"class":287},[277,85023,292],{"class":291},[277,85025,305],{"class":283},[277,85027,85028,85030,85032,85034,85036],{"class":279,"line":308},[277,85029,312],{"class":311},[277,85031,23384],{"class":283},[277,85033,318],{"class":311},[277,85035,18148],{"class":301},[277,85037,18151],{"class":283},[277,85039,85040],{"class":279,"line":324},[277,85041,328],{"emptyLinePlaceholder":327},[277,85043,85044,85046,85048,85050,85052,85054,85056],{"class":279,"line":331},[277,85045,405],{"class":311},[277,85047,31800],{"class":356},[277,85049,340],{"class":311},[277,85051,413],{"class":291},[277,85053,448],{"class":283},[277,85055,25316],{"class":301},[277,85057,18277],{"class":283},[277,85059,85060,85062,85064,85066,85068,85070,85072],{"class":279,"line":346},[277,85061,405],{"class":311},[277,85063,36079],{"class":356},[277,85065,340],{"class":311},[277,85067,413],{"class":291},[277,85069,448],{"class":283},[277,85071,2123],{"class":356},[277,85073,18277],{"class":283},[277,85075,85076,85078,85080,85082,85084,85086,85088],{"class":279,"line":360},[277,85077,405],{"class":311},[277,85079,3483],{"class":356},[277,85081,340],{"class":311},[277,85083,413],{"class":291},[277,85085,448],{"class":283},[277,85087,2123],{"class":356},[277,85089,18277],{"class":283},[277,85091,85092],{"class":279,"line":371},[277,85093,328],{"emptyLinePlaceholder":327},[277,85095,85096,85098,85100,85102,85104,85106,85108],{"class":279,"line":381},[277,85097,405],{"class":311},[277,85099,35753],{"class":356},[277,85101,340],{"class":311},[277,85103,2200],{"class":291},[277,85105,2203],{"class":283},[277,85107,601],{"class":311},[277,85109,36126],{"class":283},[277,85111,85112,85114,85116],{"class":279,"line":391},[277,85113,35775],{"class":283},[277,85115,31911],{"class":301},[277,85117,1077],{"class":283},[277,85119,85120,85122,85124],{"class":279,"line":397},[277,85121,35785],{"class":283},[277,85123,36141],{"class":301},[277,85125,1077],{"class":283},[277,85127,85128,85130,85132],{"class":279,"line":402},[277,85129,35795],{"class":283},[277,85131,31911],{"class":301},[277,85133,1077],{"class":283},[277,85135,85136,85138,85140],{"class":279,"line":436},[277,85137,35805],{"class":283},[277,85139,2149],{"class":356},[277,85141,1077],{"class":283},[277,85143,85144],{"class":279,"line":456},[277,85145,36164],{"class":283},[277,85147,85148],{"class":279,"line":461},[277,85149,328],{"emptyLinePlaceholder":327},[277,85151,85152,85154,85156,85158,85160,85162,85164],{"class":279,"line":476},[277,85153,405],{"class":311},[277,85155,36175],{"class":356},[277,85157,340],{"class":311},[277,85159,2200],{"class":291},[277,85161,2203],{"class":283},[277,85163,601],{"class":311},[277,85165,36126],{"class":283},[277,85167,85168,85170,85172,85174],{"class":279,"line":500},[277,85169,36190],{"class":301},[277,85171,20699],{"class":283},[277,85173,514],{"class":311},[277,85175,36197],{"class":283},[277,85177,85178,85180],{"class":279,"line":505},[277,85179,36202],{"class":301},[277,85181,36205],{"class":283},[277,85183,85184],{"class":279,"line":520},[277,85185,36164],{"class":283},[277,85187,85188],{"class":279,"line":539},[277,85189,328],{"emptyLinePlaceholder":327},[277,85191,85192,85194,85196],{"class":279,"line":545},[277,85193,2460],{"class":311},[277,85195,36220],{"class":291},[277,85197,473],{"class":283},[277,85199,85200,85202,85204,85206,85208,85210,85212,85214],{"class":279,"line":550},[277,85201,3945],{"class":283},[277,85203,298],{"class":311},[277,85205,36231],{"class":283},[277,85207,31837],{"class":291},[277,85209,8129],{"class":283},[277,85211,2503],{"class":311},[277,85213,33005],{"class":301},[277,85215,18151],{"class":283},[277,85217,85218,85220,85222,85224],{"class":279,"line":578},[277,85219,508],{"class":311},[277,85221,36248],{"class":283},[277,85223,18346],{"class":311},[277,85225,18151],{"class":283},[277,85227,85228,85230,85232,85234],{"class":279,"line":583},[277,85229,36257],{"class":283},[277,85231,298],{"class":311},[277,85233,20433],{"class":356},[277,85235,18151],{"class":283},[277,85237,85238,85240,85242,85244],{"class":279,"line":588},[277,85239,36268],{"class":291},[277,85241,2203],{"class":283},[277,85243,601],{"class":311},[277,85245,343],{"class":283},[277,85247,85248,85250,85252,85254],{"class":279,"line":606},[277,85249,36279],{"class":283},[277,85251,298],{"class":311},[277,85253,19366],{"class":356},[277,85255,18151],{"class":283},[277,85257,85258,85260,85262],{"class":279,"line":614},[277,85259,6120],{"class":283},[277,85261,11248],{"class":356},[277,85263,18277],{"class":283},[277,85265,85266],{"class":279,"line":625},[277,85267,394],{"class":283},[277,85269,85270,85272,85274],{"class":279,"line":637},[277,85271,785],{"class":283},[277,85273,288],{"class":287},[277,85275,305],{"class":283},[277,85277,85278],{"class":279,"line":646},[277,85279,328],{"emptyLinePlaceholder":327},[277,85281,85282,85284,85286],{"class":279,"line":668},[277,85283,284],{"class":283},[277,85285,802],{"class":287},[277,85287,305],{"class":283},[277,85289,85290,85292,85294,85296,85298,85300],{"class":279,"line":673},[277,85291,810],{"class":283},[277,85293,31294],{"class":287},[277,85295,31891],{"class":291},[277,85297,298],{"class":283},[277,85299,31940],{"class":301},[277,85301,305],{"class":283},[277,85303,85304,85306,85308,85310,85312,85314,85316,85318,85320,85322,85324,85326],{"class":279,"line":679},[277,85305,829],{"class":283},[277,85307,18041],{"class":287},[277,85309,34048],{"class":291},[277,85311,298],{"class":283},[277,85313,35848],{"class":301},[277,85315,23751],{"class":291},[277,85317,298],{"class":283},[277,85319,31911],{"class":301},[277,85321,36352],{"class":291},[277,85323,298],{"class":283},[277,85325,36357],{"class":301},[277,85327,4325],{"class":283},[277,85329,85330],{"class":279,"line":684},[277,85331,328],{"emptyLinePlaceholder":327},[277,85333,85334,85336,85338,85340,85342,85344,85346,85348,85350],{"class":279,"line":700},[277,85335,829],{"class":283},[277,85337,4267],{"class":287},[277,85339,34765],{"class":291},[277,85341,298],{"class":283},[277,85343,36376],{"class":301},[277,85345,36352],{"class":291},[277,85347,298],{"class":283},[277,85349,36383],{"class":301},[277,85351,305],{"class":283},[277,85353,85354],{"class":279,"line":717},[277,85355,36390],{"class":283},[277,85357,85358,85360,85362],{"class":279,"line":722},[277,85359,922],{"class":283},[277,85361,4267],{"class":287},[277,85363,305],{"class":283},[277,85365,85366],{"class":279,"line":729},[277,85367,328],{"emptyLinePlaceholder":327},[277,85369,85370,85372,85374,85376,85378,85380],{"class":279,"line":738},[277,85371,829],{"class":283},[277,85373,21],{"class":287},[277,85375,33308],{"class":291},[277,85377,298],{"class":283},[277,85379,36415],{"class":301},[277,85381,305],{"class":283},[277,85383,85384],{"class":279,"line":747},[277,85385,36422],{"class":283},[277,85387,85388,85390,85392],{"class":279,"line":754},[277,85389,922],{"class":283},[277,85391,21],{"class":287},[277,85393,305],{"class":283},[277,85395,85396,85398,85400],{"class":279,"line":772},[277,85397,954],{"class":283},[277,85399,31294],{"class":287},[277,85401,305],{"class":283},[277,85403,85404,85406,85408],{"class":279,"line":777},[277,85405,785],{"class":283},[277,85407,802],{"class":287},[277,85409,305],{"class":283},[267,85411,85412],{"className":269,"code":36449,"filename":971,"language":272,"meta":273,"style":273},[16,85413,85414,85422,85430,85436,85442,85450,85458,85466,85470,85474,85478,85484,85490,85498,85506,85514,85522,85526,85530,85536,85542,85554,85564,85568,85572,85576,85580,85586,85608,85622,85634,85644,85656,85664,85668,85672,85676,85684,85688,85696,85710,85736,85740,85760,85764,85772,85776,85790,85794,85802,85810],{"__ignoreMap":273},[277,85415,85416,85418,85420],{"class":279,"line":280},[277,85417,284],{"class":283},[277,85419,288],{"class":287},[277,85421,305],{"class":283},[277,85423,85424,85426,85428],{"class":279,"line":308},[277,85425,1057],{"class":311},[277,85427,1060],{"class":311},[277,85429,343],{"class":283},[277,85431,85432,85434],{"class":279,"line":324},[277,85433,1086],{"class":291},[277,85435,473],{"class":283},[277,85437,85438,85440],{"class":279,"line":331},[277,85439,1093],{"class":311},[277,85441,343],{"class":283},[277,85443,85444,85446,85448],{"class":279,"line":346},[277,85445,32008],{"class":283},[277,85447,25316],{"class":301},[277,85449,1077],{"class":283},[277,85451,85452,85454,85456],{"class":279,"line":360},[277,85453,36492],{"class":283},[277,85455,2123],{"class":356},[277,85457,1077],{"class":283},[277,85459,85460,85462,85464],{"class":279,"line":371},[277,85461,4663],{"class":283},[277,85463,2123],{"class":356},[277,85465,1077],{"class":283},[277,85467,85468],{"class":279,"line":381},[277,85469,18478],{"class":283},[277,85471,85472],{"class":279,"line":391},[277,85473,1131],{"class":283},[277,85475,85476],{"class":279,"line":397},[277,85477,2742],{"class":283},[277,85479,85480,85482],{"class":279,"line":402},[277,85481,36521],{"class":291},[277,85483,473],{"class":283},[277,85485,85486,85488],{"class":279,"line":436},[277,85487,2754],{"class":311},[277,85489,343],{"class":283},[277,85491,85492,85494,85496],{"class":279,"line":456},[277,85493,35914],{"class":283},[277,85495,31911],{"class":301},[277,85497,1077],{"class":283},[277,85499,85500,85502,85504],{"class":279,"line":461},[277,85501,35924],{"class":283},[277,85503,36141],{"class":301},[277,85505,1077],{"class":283},[277,85507,85508,85510,85512],{"class":279,"line":476},[277,85509,35934],{"class":283},[277,85511,31911],{"class":301},[277,85513,1077],{"class":283},[277,85515,85516,85518,85520],{"class":279,"line":500},[277,85517,35944],{"class":283},[277,85519,2149],{"class":356},[277,85521,1077],{"class":283},[277,85523,85524],{"class":279,"line":505},[277,85525,36566],{"class":283},[277,85527,85528],{"class":279,"line":520},[277,85529,7016],{"class":283},[277,85531,85532,85534],{"class":279,"line":539},[277,85533,36575],{"class":291},[277,85535,473],{"class":283},[277,85537,85538,85540],{"class":279,"line":545},[277,85539,2754],{"class":311},[277,85541,343],{"class":283},[277,85543,85544,85546,85548,85550,85552],{"class":279,"line":550},[277,85545,36588],{"class":301},[277,85547,20699],{"class":283},[277,85549,514],{"class":311},[277,85551,1341],{"class":356},[277,85553,36597],{"class":283},[277,85555,85556,85558,85560,85562],{"class":279,"line":578},[277,85557,36602],{"class":301},[277,85559,20699],{"class":283},[277,85561,1341],{"class":356},[277,85563,36597],{"class":283},[277,85565,85566],{"class":279,"line":583},[277,85567,36566],{"class":283},[277,85569,85570],{"class":279,"line":588},[277,85571,7016],{"class":283},[277,85573,85574],{"class":279,"line":606},[277,85575,1131],{"class":283},[277,85577,85578],{"class":279,"line":614},[277,85579,1140],{"class":283},[277,85581,85582,85584],{"class":279,"line":625},[277,85583,36629],{"class":291},[277,85585,473],{"class":283},[277,85587,85588,85590,85592,85594,85596,85598,85600,85602,85604,85606],{"class":279,"line":637},[277,85589,1212],{"class":356},[277,85591,4727],{"class":283},[277,85593,298],{"class":311},[277,85595,1268],{"class":356},[277,85597,32044],{"class":283},[277,85599,31837],{"class":291},[277,85601,8129],{"class":283},[277,85603,2503],{"class":311},[277,85605,33005],{"class":301},[277,85607,18151],{"class":283},[277,85609,85610,85612,85614,85616,85618,85620],{"class":279,"line":646},[277,85611,1177],{"class":311},[277,85613,511],{"class":283},[277,85615,1341],{"class":356},[277,85617,36664],{"class":283},[277,85619,18346],{"class":311},[277,85621,18151],{"class":283},[277,85623,85624,85626,85628,85630,85632],{"class":279,"line":668},[277,85625,1212],{"class":356},[277,85627,36675],{"class":283},[277,85629,298],{"class":311},[277,85631,20433],{"class":356},[277,85633,18151],{"class":283},[277,85635,85636,85638,85640,85642],{"class":279,"line":673},[277,85637,36686],{"class":291},[277,85639,2203],{"class":283},[277,85641,601],{"class":311},[277,85643,343],{"class":283},[277,85645,85646,85648,85650,85652,85654],{"class":279,"line":679},[277,85647,8819],{"class":356},[277,85649,36675],{"class":283},[277,85651,298],{"class":311},[277,85653,19366],{"class":356},[277,85655,18151],{"class":283},[277,85657,85658,85660,85662],{"class":279,"line":684},[277,85659,7084],{"class":283},[277,85661,11248],{"class":356},[277,85663,18277],{"class":283},[277,85665,85666],{"class":279,"line":700},[277,85667,7016],{"class":283},[277,85669,85670],{"class":279,"line":717},[277,85671,1131],{"class":283},[277,85673,85674],{"class":279,"line":722},[277,85675,18255],{"class":283},[277,85677,85678,85680,85682],{"class":279,"line":729},[277,85679,785],{"class":283},[277,85681,288],{"class":287},[277,85683,305],{"class":283},[277,85685,85686],{"class":279,"line":738},[277,85687,328],{"emptyLinePlaceholder":327},[277,85689,85690,85692,85694],{"class":279,"line":747},[277,85691,284],{"class":283},[277,85693,802],{"class":287},[277,85695,305],{"class":283},[277,85697,85698,85700,85702,85704,85706,85708],{"class":279,"line":754},[277,85699,810],{"class":283},[277,85701,31294],{"class":287},[277,85703,31891],{"class":291},[277,85705,298],{"class":283},[277,85707,31940],{"class":301},[277,85709,305],{"class":283},[277,85711,85712,85714,85716,85718,85720,85722,85724,85726,85728,85730,85732,85734],{"class":279,"line":772},[277,85713,829],{"class":283},[277,85715,18041],{"class":287},[277,85717,34048],{"class":291},[277,85719,298],{"class":283},[277,85721,35848],{"class":301},[277,85723,23751],{"class":291},[277,85725,298],{"class":283},[277,85727,31911],{"class":301},[277,85729,36352],{"class":291},[277,85731,298],{"class":283},[277,85733,36357],{"class":301},[277,85735,4325],{"class":283},[277,85737,85738],{"class":279,"line":777},[277,85739,328],{"emptyLinePlaceholder":327},[277,85741,85742,85744,85746,85748,85750,85752,85754,85756,85758],{"class":279,"line":782},[277,85743,829],{"class":283},[277,85745,4267],{"class":287},[277,85747,34765],{"class":291},[277,85749,298],{"class":283},[277,85751,36376],{"class":301},[277,85753,36352],{"class":291},[277,85755,298],{"class":283},[277,85757,36383],{"class":301},[277,85759,305],{"class":283},[277,85761,85762],{"class":279,"line":792},[277,85763,36390],{"class":283},[277,85765,85766,85768,85770],{"class":279,"line":797},[277,85767,922],{"class":283},[277,85769,4267],{"class":287},[277,85771,305],{"class":283},[277,85773,85774],{"class":279,"line":807},[277,85775,328],{"emptyLinePlaceholder":327},[277,85777,85778,85780,85782,85784,85786,85788],{"class":279,"line":826},[277,85779,829],{"class":283},[277,85781,21],{"class":287},[277,85783,33308],{"class":291},[277,85785,298],{"class":283},[277,85787,36415],{"class":301},[277,85789,305],{"class":283},[277,85791,85792],{"class":279,"line":849},[277,85793,36422],{"class":283},[277,85795,85796,85798,85800],{"class":279,"line":854},[277,85797,922],{"class":283},[277,85799,21],{"class":287},[277,85801,305],{"class":283},[277,85803,85804,85806,85808],{"class":279,"line":876},[277,85805,954],{"class":283},[277,85807,31294],{"class":287},[277,85809,305],{"class":283},[277,85811,85812,85814,85816],{"class":279,"line":891},[277,85813,785],{"class":283},[277,85815,802],{"class":287},[277,85817,305],{"class":283},[30,85819,1596],{"id":1595},[21,85821,85822,36873],{},[16,85823,17974],{},[21,85825,36876],{},[38,85827,85828,85834,85840,85844],{},[41,85829,85830,36883,85832,104],{},[16,85831,353],{},[16,85833,17974],{},[41,85835,36888,85836,1697,85838,104],{},[16,85837,34136],{},[16,85839,1606],{},[41,85841,36895,85842,104],{},[16,85843,1732],{},[41,85845,85846,36902],{},[16,85847,35712],{},[21,85849,36905,85850,36908],{},[16,85851,17974],{},[1606,85853,36911],{},{"title":273,"searchDepth":308,"depth":308,"links":85855},[85856,85857,85858,85859,85860,85866,85874,85875],{"id":20624,"depth":308,"text":20625},{"id":24652,"depth":308,"text":24653},{"id":128,"depth":308,"text":129},{"id":155,"depth":308,"text":156},{"id":189,"depth":308,"text":190,"children":85861},[85862,85863,85864,85865],{"id":34201,"depth":324,"text":36921},{"id":34302,"depth":324,"text":36923},{"id":34386,"depth":324,"text":34387},{"id":34431,"depth":324,"text":36926},{"id":1945,"depth":308,"text":1946,"children":85867},[85868,85869,85870,85871,85872,85873],{"id":34445,"depth":324,"text":36930},{"id":34682,"depth":324,"text":36932},{"id":34907,"depth":324,"text":36934},{"id":35211,"depth":324,"text":36936},{"id":35466,"depth":324,"text":36938},{"id":35708,"depth":324,"text":36940},{"id":36018,"depth":308,"text":36019},{"id":1595,"depth":308,"text":1596},{"script":85877},[85878],{"type":1632,"key":1633,"data-nuxt-schema-org":327,"nodes":85879},[85880],{"headline":36952,"author":85881,"datePublished":36954,"@type":1640},{"name":1637,"@type":1638},{"updatedAt":36954,"coverCaption":17759,"author":1637,"keywords":85883},[1645,17974,36957,36958,36959,271,971],[85885],{"headline":36952,"author":85886,"datePublished":36954,"@type":1640},{"name":1637,"@type":1638},{"title":33986,"description":36946},[85889,85890,85891,85892],{"tag":20588,"color":20589},{"tag":21891,"color":21892},{"tag":3167,"color":3168},{"tag":9074,"color":9075},{"id":36973,"title":36974,"body":85894,"cover":40301,"coverAlt":40302,"date":40303,"description":40304,"draft":1627,"extension":1628,"head":88987,"locale":1641,"meta":88993,"navigation":327,"path":40316,"schemaOrg":88995,"seo":88998,"series":20582,"seriesDescription":20583,"seriesOrder":324,"seriesTitle":20584,"slug":1656,"stem":40321,"tags":88999,"__hash__":40328},{"type":8,"value":85895,"toc":88962},[85896,85900,85904,85906,85916,85918,85920,85922,85934,85938,85946,85950,85952,85960,85962,85966,85984,85986,86100,86222,86224,86226,86423,86628,86632,86636,86638,86752,86874,86876,87004,87140,87144,87324,87512,87514,87518,87524,87778,88038,88042,88184,88342,88344,88547,88758,88762,88768,88820,88822,88828,88834,88896,88902,88906,88908,88912,88916,88918,88938,88940,88944,88946,88958,88960],[11,85897,36980,85898,36983],{"id":36979},[16,85899,24880],{},[21,85901,85902,36988],{},[16,85903,24880],{},[21,85905,36991],{},[38,85907,85908,85912],{},[41,85909,85910,36998],{},[16,85911,24880],{},[41,85913,85914,37004],{},[16,85915,37003],{},[21,85917,37007],{},[30,85919,20625],{"id":20624},[21,85921,37012],{},[38,85923,85924,85926,85928,85930,85932],{},[41,85925,37017],{},[41,85927,37020],{},[41,85929,37023],{},[41,85931,37026],{},[41,85933,37029],{},[21,85935,37032,85936,37035],{},[16,85937,1789],{},[38,85939,85940,85942,85944],{},[41,85941,37040],{},[41,85943,37043],{},[41,85945,37046],{},[30,85947,37050,85948],{"id":37049},[16,85949,24880],{},[21,85951,37055],{},[38,85953,85954,85956,85958],{},[41,85955,37060],{},[41,85957,37063],{},[41,85959,37066],{},[30,85961,156],{"id":155},[21,85963,37071,85964,37074],{},[16,85965,24880],{},[38,85967,85968,85970,85978],{},[41,85969,37079],{},[41,85971,37082,85972,1697,85974,37087,85976],{},[16,85973,7538],{},[16,85975,24880],{},[16,85977,1732],{},[41,85979,9292,85980,37095,85982,37098],{},[16,85981,37094],{},[16,85983,1789],{},[30,85985,37102],{"id":37101},[267,85987,85989],{"className":269,"code":37105,"filename":271,"highlights":85988,"language":272,"meta":273,"style":273},[381],[16,85990,85991,86001,86011,86015,86039,86047,86051,86059,86080,86084,86092],{"__ignoreMap":273},[277,85992,85993,85995,85997,85999],{"class":279,"line":280},[277,85994,284],{"class":283},[277,85996,288],{"class":287},[277,85998,292],{"class":291},[277,86000,305],{"class":283},[277,86002,86003,86005,86007,86009],{"class":279,"line":308},[277,86004,312],{"class":311},[277,86006,11006],{"class":283},[277,86008,318],{"class":311},[277,86010,321],{"class":301},[277,86012,86013],{"class":279,"line":324},[277,86014,328],{"emptyLinePlaceholder":327},[277,86016,86017,86019,86021,86023,86025,86027,86029,86031,86033,86035,86037],{"class":279,"line":331},[277,86018,405],{"class":311},[277,86020,37139],{"class":356},[277,86022,340],{"class":311},[277,86024,413],{"class":291},[277,86026,37146],{"class":283},[277,86028,37149],{"class":301},[277,86030,225],{"class":283},[277,86032,37154],{"class":301},[277,86034,225],{"class":283},[277,86036,37159],{"class":301},[277,86038,2184],{"class":283},[277,86040,86041,86043,86045],{"class":279,"line":346},[277,86042,785],{"class":283},[277,86044,288],{"class":287},[277,86046,305],{"class":283},[277,86048,86049],{"class":279,"line":360},[277,86050,328],{"emptyLinePlaceholder":327},[277,86052,86053,86055,86057],{"class":279,"line":371},[277,86054,284],{"class":283},[277,86056,802],{"class":287},[277,86058,305],{"class":283},[277,86060,86062,86064,86066,86068,86070,86072,86074,86076,86078],{"class":86061,"line":381},[279,9398],[277,86063,810],{"class":283},[277,86065,41],{"class":287},[277,86067,12785],{"class":291},[277,86069,298],{"class":283},[277,86071,37195],{"class":301},[277,86073,4317],{"class":291},[277,86075,298],{"class":283},[277,86077,37202],{"class":301},[277,86079,305],{"class":283},[277,86081,86082],{"class":279,"line":391},[277,86083,37209],{"class":283},[277,86085,86086,86088,86090],{"class":279,"line":397},[277,86087,954],{"class":283},[277,86089,41],{"class":287},[277,86091,305],{"class":283},[277,86093,86094,86096,86098],{"class":279,"line":402},[277,86095,785],{"class":283},[277,86097,802],{"class":287},[277,86099,305],{"class":283},[267,86101,86103],{"className":269,"code":37228,"filename":971,"highlights":86102,"language":272,"meta":273,"style":273},[436],[16,86104,86105,86113,86121,86127,86133,86149,86153,86157,86161,86169,86173,86181,86202,86206,86214],{"__ignoreMap":273},[277,86106,86107,86109,86111],{"class":279,"line":280},[277,86108,284],{"class":283},[277,86110,288],{"class":287},[277,86112,305],{"class":283},[277,86114,86115,86117,86119],{"class":279,"line":308},[277,86116,1057],{"class":311},[277,86118,1060],{"class":311},[277,86120,343],{"class":283},[277,86122,86123,86125],{"class":279,"line":324},[277,86124,1086],{"class":291},[277,86126,473],{"class":283},[277,86128,86129,86131],{"class":279,"line":331},[277,86130,1093],{"class":311},[277,86132,343],{"class":283},[277,86134,86135,86137,86139,86141,86143,86145,86147],{"class":279,"line":346},[277,86136,37264],{"class":283},[277,86138,37149],{"class":301},[277,86140,225],{"class":283},[277,86142,37154],{"class":301},[277,86144,225],{"class":283},[277,86146,37159],{"class":301},[277,86148,37277],{"class":283},[277,86150,86151],{"class":279,"line":360},[277,86152,1126],{"class":283},[277,86154,86155],{"class":279,"line":371},[277,86156,542],{"class":283},[277,86158,86159],{"class":279,"line":381},[277,86160,394],{"class":283},[277,86162,86163,86165,86167],{"class":279,"line":391},[277,86164,785],{"class":283},[277,86166,288],{"class":287},[277,86168,305],{"class":283},[277,86170,86171],{"class":279,"line":397},[277,86172,328],{"emptyLinePlaceholder":327},[277,86174,86175,86177,86179],{"class":279,"line":402},[277,86176,284],{"class":283},[277,86178,802],{"class":287},[277,86180,305],{"class":283},[277,86182,86184,86186,86188,86190,86192,86194,86196,86198,86200],{"class":86183,"line":436},[279,9398],[277,86185,810],{"class":283},[277,86187,41],{"class":287},[277,86189,12785],{"class":291},[277,86191,298],{"class":283},[277,86193,37195],{"class":301},[277,86195,4317],{"class":291},[277,86197,298],{"class":283},[277,86199,37202],{"class":301},[277,86201,305],{"class":283},[277,86203,86204],{"class":279,"line":456},[277,86205,37209],{"class":283},[277,86207,86208,86210,86212],{"class":279,"line":461},[277,86209,954],{"class":283},[277,86211,41],{"class":287},[277,86213,305],{"class":283},[277,86215,86216,86218,86220],{"class":279,"line":476},[277,86217,785],{"class":283},[277,86219,802],{"class":287},[277,86221,305],{"class":283},[30,86223,37354],{"id":37353},[21,86225,37357],{},[267,86227,86229],{"className":269,"code":37360,"filename":271,"highlights":86228,"language":272,"meta":273,"style":273},[331,346,360,371,381,456],[16,86230,86231,86241,86251,86255,86268,86285,86302,86319,86324,86332,86336,86344,86352,86373,86387,86391,86399,86407,86415],{"__ignoreMap":273},[277,86232,86233,86235,86237,86239],{"class":279,"line":280},[277,86234,284],{"class":283},[277,86236,288],{"class":287},[277,86238,292],{"class":291},[277,86240,305],{"class":283},[277,86242,86243,86245,86247,86249],{"class":279,"line":308},[277,86244,312],{"class":311},[277,86246,11006],{"class":283},[277,86248,318],{"class":311},[277,86250,321],{"class":301},[277,86252,86253],{"class":279,"line":324},[277,86254,328],{"emptyLinePlaceholder":327},[277,86256,86258,86260,86262,86264,86266],{"class":86257,"line":331},[279,9398],[277,86259,405],{"class":311},[277,86261,37395],{"class":356},[277,86263,340],{"class":311},[277,86265,413],{"class":291},[277,86267,2104],{"class":283},[277,86269,86271,86273,86275,86277,86279,86281,86283],{"class":86270,"line":346},[279,9398],[277,86272,2109],{"class":283},[277,86274,2072],{"class":356},[277,86276,9690],{"class":283},[277,86278,37413],{"class":301},[277,86280,2120],{"class":283},[277,86282,2149],{"class":356},[277,86284,2132],{"class":283},[277,86286,86288,86290,86292,86294,86296,86298,86300],{"class":86287,"line":360},[279,9398],[277,86289,2109],{"class":283},[277,86291,2139],{"class":356},[277,86293,9690],{"class":283},[277,86295,37431],{"class":301},[277,86297,2120],{"class":283},[277,86299,2123],{"class":356},[277,86301,2132],{"class":283},[277,86303,86305,86307,86309,86311,86313,86315,86317],{"class":86304,"line":371},[279,9398],[277,86306,2109],{"class":283},[277,86308,2163],{"class":356},[277,86310,9690],{"class":283},[277,86312,37449],{"class":301},[277,86314,2120],{"class":283},[277,86316,2123],{"class":356},[277,86318,2179],{"class":283},[277,86320,86322],{"class":86321,"line":381},[279,9398],[277,86323,2184],{"class":283},[277,86325,86326,86328,86330],{"class":279,"line":391},[277,86327,785],{"class":283},[277,86329,288],{"class":287},[277,86331,305],{"class":283},[277,86333,86334],{"class":279,"line":397},[277,86335,328],{"emptyLinePlaceholder":327},[277,86337,86338,86340,86342],{"class":279,"line":402},[277,86339,284],{"class":283},[277,86341,802],{"class":287},[277,86343,305],{"class":283},[277,86345,86346,86348,86350],{"class":279,"line":436},[277,86347,810],{"class":283},[277,86349,38],{"class":287},[277,86351,305],{"class":283},[277,86353,86355,86357,86359,86361,86363,86365,86367,86369,86371],{"class":86354,"line":456},[279,9398],[277,86356,829],{"class":283},[277,86358,41],{"class":287},[277,86360,12785],{"class":291},[277,86362,298],{"class":283},[277,86364,37502],{"class":301},[277,86366,4317],{"class":291},[277,86368,298],{"class":283},[277,86370,37509],{"class":301},[277,86372,305],{"class":283},[277,86374,86375,86377,86379,86381,86383,86385],{"class":279,"line":461},[277,86376,879],{"class":283},[277,86378,277],{"class":287},[277,86380,33308],{"class":291},[277,86382,298],{"class":283},[277,86384,37524],{"class":301},[277,86386,305],{"class":283},[277,86388,86389],{"class":279,"line":476},[277,86390,37531],{"class":283},[277,86392,86393,86395,86397],{"class":279,"line":500},[277,86394,4175],{"class":283},[277,86396,277],{"class":287},[277,86398,305],{"class":283},[277,86400,86401,86403,86405],{"class":279,"line":505},[277,86402,922],{"class":283},[277,86404,41],{"class":287},[277,86406,305],{"class":283},[277,86408,86409,86411,86413],{"class":279,"line":520},[277,86410,954],{"class":283},[277,86412,38],{"class":287},[277,86414,305],{"class":283},[277,86416,86417,86419,86421],{"class":279,"line":539},[277,86418,785],{"class":283},[277,86420,802],{"class":287},[277,86422,305],{"class":283},[267,86424,86426],{"className":269,"code":37566,"filename":971,"highlights":86425,"language":272,"meta":273,"style":273},[346,360,371,381,391,505],[16,86427,86428,86436,86444,86450,86456,86461,86478,86495,86512,86517,86521,86525,86529,86537,86541,86549,86557,86578,86592,86596,86604,86612,86620],{"__ignoreMap":273},[277,86429,86430,86432,86434],{"class":279,"line":280},[277,86431,284],{"class":283},[277,86433,288],{"class":287},[277,86435,305],{"class":283},[277,86437,86438,86440,86442],{"class":279,"line":308},[277,86439,1057],{"class":311},[277,86441,1060],{"class":311},[277,86443,343],{"class":283},[277,86445,86446,86448],{"class":279,"line":324},[277,86447,1086],{"class":291},[277,86449,473],{"class":283},[277,86451,86452,86454],{"class":279,"line":331},[277,86453,1093],{"class":311},[277,86455,343],{"class":283},[277,86457,86459],{"class":86458,"line":346},[279,9398],[277,86460,37603],{"class":283},[277,86462,86464,86466,86468,86470,86472,86474,86476],{"class":86463,"line":360},[279,9398],[277,86465,2664],{"class":283},[277,86467,2072],{"class":356},[277,86469,9690],{"class":283},[277,86471,37413],{"class":301},[277,86473,2120],{"class":283},[277,86475,2149],{"class":356},[277,86477,2132],{"class":283},[277,86479,86481,86483,86485,86487,86489,86491,86493],{"class":86480,"line":371},[279,9398],[277,86482,2664],{"class":283},[277,86484,2139],{"class":356},[277,86486,9690],{"class":283},[277,86488,37431],{"class":301},[277,86490,2120],{"class":283},[277,86492,2123],{"class":356},[277,86494,2132],{"class":283},[277,86496,86498,86500,86502,86504,86506,86508,86510],{"class":86497,"line":381},[279,9398],[277,86499,2664],{"class":283},[277,86501,2163],{"class":356},[277,86503,9690],{"class":283},[277,86505,37449],{"class":301},[277,86507,2120],{"class":283},[277,86509,2123],{"class":356},[277,86511,2179],{"class":283},[277,86513,86515],{"class":86514,"line":391},[279,9398],[277,86516,2725],{"class":283},[277,86518,86519],{"class":279,"line":397},[277,86520,1126],{"class":283},[277,86522,86523],{"class":279,"line":402},[277,86524,542],{"class":283},[277,86526,86527],{"class":279,"line":436},[277,86528,394],{"class":283},[277,86530,86531,86533,86535],{"class":279,"line":456},[277,86532,785],{"class":283},[277,86534,288],{"class":287},[277,86536,305],{"class":283},[277,86538,86539],{"class":279,"line":461},[277,86540,328],{"emptyLinePlaceholder":327},[277,86542,86543,86545,86547],{"class":279,"line":476},[277,86544,284],{"class":283},[277,86546,802],{"class":287},[277,86548,305],{"class":283},[277,86550,86551,86553,86555],{"class":279,"line":500},[277,86552,810],{"class":283},[277,86554,38],{"class":287},[277,86556,305],{"class":283},[277,86558,86560,86562,86564,86566,86568,86570,86572,86574,86576],{"class":86559,"line":505},[279,9398],[277,86561,829],{"class":283},[277,86563,41],{"class":287},[277,86565,12785],{"class":291},[277,86567,298],{"class":283},[277,86569,37502],{"class":301},[277,86571,4317],{"class":291},[277,86573,298],{"class":283},[277,86575,37509],{"class":301},[277,86577,305],{"class":283},[277,86579,86580,86582,86584,86586,86588,86590],{"class":279,"line":520},[277,86581,879],{"class":283},[277,86583,277],{"class":287},[277,86585,33308],{"class":291},[277,86587,298],{"class":283},[277,86589,37524],{"class":301},[277,86591,305],{"class":283},[277,86593,86594],{"class":279,"line":539},[277,86595,37531],{"class":283},[277,86597,86598,86600,86602],{"class":279,"line":545},[277,86599,4175],{"class":283},[277,86601,277],{"class":287},[277,86603,305],{"class":283},[277,86605,86606,86608,86610],{"class":279,"line":550},[277,86607,922],{"class":283},[277,86609,41],{"class":287},[277,86611,305],{"class":283},[277,86613,86614,86616,86618],{"class":279,"line":578},[277,86615,954],{"class":283},[277,86617,38],{"class":287},[277,86619,305],{"class":283},[277,86621,86622,86624,86626],{"class":279,"line":583},[277,86623,785],{"class":283},[277,86625,802],{"class":287},[277,86627,305],{"class":283},[30,86629,37774,86630],{"id":37773},[16,86631,37777],{},[192,86633,37781,86634],{"id":37780},[16,86635,24880],{},[21,86637,37786],{},[267,86639,86641],{"className":269,"code":37789,"filename":271,"highlights":86640,"language":272,"meta":273,"style":273},[381],[16,86642,86643,86653,86663,86667,86691,86699,86703,86711,86732,86736,86744],{"__ignoreMap":273},[277,86644,86645,86647,86649,86651],{"class":279,"line":280},[277,86646,284],{"class":283},[277,86648,288],{"class":287},[277,86650,292],{"class":291},[277,86652,305],{"class":283},[277,86654,86655,86657,86659,86661],{"class":279,"line":308},[277,86656,312],{"class":311},[277,86658,11006],{"class":283},[277,86660,318],{"class":311},[277,86662,321],{"class":301},[277,86664,86665],{"class":279,"line":324},[277,86666,328],{"emptyLinePlaceholder":327},[277,86668,86669,86671,86673,86675,86677,86679,86681,86683,86685,86687,86689],{"class":279,"line":331},[277,86670,405],{"class":311},[277,86672,11021],{"class":356},[277,86674,340],{"class":311},[277,86676,413],{"class":291},[277,86678,37146],{"class":283},[277,86680,2129],{"class":301},[277,86682,225],{"class":283},[277,86684,2154],{"class":301},[277,86686,225],{"class":283},[277,86688,37839],{"class":301},[277,86690,2184],{"class":283},[277,86692,86693,86695,86697],{"class":279,"line":346},[277,86694,785],{"class":283},[277,86696,288],{"class":287},[277,86698,305],{"class":283},[277,86700,86701],{"class":279,"line":360},[277,86702,328],{"emptyLinePlaceholder":327},[277,86704,86705,86707,86709],{"class":279,"line":371},[277,86706,284],{"class":283},[277,86708,802],{"class":287},[277,86710,305],{"class":283},[277,86712,86714,86716,86718,86720,86722,86724,86726,86728,86730],{"class":86713,"line":381},[279,9398],[277,86715,810],{"class":283},[277,86717,21],{"class":287},[277,86719,12785],{"class":291},[277,86721,298],{"class":283},[277,86723,37875],{"class":301},[277,86725,4317],{"class":291},[277,86727,298],{"class":283},[277,86729,21518],{"class":301},[277,86731,305],{"class":283},[277,86733,86734],{"class":279,"line":391},[277,86735,37888],{"class":283},[277,86737,86738,86740,86742],{"class":279,"line":397},[277,86739,954],{"class":283},[277,86741,21],{"class":287},[277,86743,305],{"class":283},[277,86745,86746,86748,86750],{"class":279,"line":402},[277,86747,785],{"class":283},[277,86749,802],{"class":287},[277,86751,305],{"class":283},[267,86753,86755],{"className":269,"code":37907,"filename":971,"highlights":86754,"language":272,"meta":273,"style":273},[436],[16,86756,86757,86765,86773,86779,86785,86801,86805,86809,86813,86821,86825,86833,86854,86858,86866],{"__ignoreMap":273},[277,86758,86759,86761,86763],{"class":279,"line":280},[277,86760,284],{"class":283},[277,86762,288],{"class":287},[277,86764,305],{"class":283},[277,86766,86767,86769,86771],{"class":279,"line":308},[277,86768,1057],{"class":311},[277,86770,1060],{"class":311},[277,86772,343],{"class":283},[277,86774,86775,86777],{"class":279,"line":324},[277,86776,1086],{"class":291},[277,86778,473],{"class":283},[277,86780,86781,86783],{"class":279,"line":331},[277,86782,1093],{"class":311},[277,86784,343],{"class":283},[277,86786,86787,86789,86791,86793,86795,86797,86799],{"class":279,"line":346},[277,86788,37943],{"class":283},[277,86790,2129],{"class":301},[277,86792,225],{"class":283},[277,86794,2154],{"class":301},[277,86796,225],{"class":283},[277,86798,37839],{"class":301},[277,86800,37277],{"class":283},[277,86802,86803],{"class":279,"line":360},[277,86804,1126],{"class":283},[277,86806,86807],{"class":279,"line":371},[277,86808,542],{"class":283},[277,86810,86811],{"class":279,"line":381},[277,86812,394],{"class":283},[277,86814,86815,86817,86819],{"class":279,"line":391},[277,86816,785],{"class":283},[277,86818,288],{"class":287},[277,86820,305],{"class":283},[277,86822,86823],{"class":279,"line":397},[277,86824,328],{"emptyLinePlaceholder":327},[277,86826,86827,86829,86831],{"class":279,"line":402},[277,86828,284],{"class":283},[277,86830,802],{"class":287},[277,86832,305],{"class":283},[277,86834,86836,86838,86840,86842,86844,86846,86848,86850,86852],{"class":86835,"line":436},[279,9398],[277,86837,810],{"class":283},[277,86839,21],{"class":287},[277,86841,12785],{"class":291},[277,86843,298],{"class":283},[277,86845,37875],{"class":301},[277,86847,4317],{"class":291},[277,86849,298],{"class":283},[277,86851,21518],{"class":301},[277,86853,305],{"class":283},[277,86855,86856],{"class":279,"line":456},[277,86857,37888],{"class":283},[277,86859,86860,86862,86864],{"class":279,"line":461},[277,86861,954],{"class":283},[277,86863,21],{"class":287},[277,86865,305],{"class":283},[277,86867,86868,86870,86872],{"class":279,"line":476},[277,86869,785],{"class":283},[277,86871,802],{"class":287},[277,86873,305],{"class":283},[192,86875,38032],{"id":38031},[267,86877,86879],{"className":269,"code":38035,"filename":271,"highlights":86878,"language":272,"meta":273,"style":273},[436],[16,86880,86881,86891,86901,86905,86917,86925,86933,86939,86943,86951,86955,86963,86984,86988,86996],{"__ignoreMap":273},[277,86882,86883,86885,86887,86889],{"class":279,"line":280},[277,86884,284],{"class":283},[277,86886,288],{"class":287},[277,86888,292],{"class":291},[277,86890,305],{"class":283},[277,86892,86893,86895,86897,86899],{"class":279,"line":308},[277,86894,312],{"class":311},[277,86896,11006],{"class":283},[277,86898,318],{"class":311},[277,86900,321],{"class":301},[277,86902,86903],{"class":279,"line":324},[277,86904,328],{"emptyLinePlaceholder":327},[277,86906,86907,86909,86911,86913,86915],{"class":279,"line":331},[277,86908,405],{"class":311},[277,86910,38069],{"class":356},[277,86912,340],{"class":311},[277,86914,413],{"class":291},[277,86916,1066],{"class":283},[277,86918,86919,86921,86923],{"class":279,"line":346},[277,86920,1071],{"class":283},[277,86922,38082],{"class":301},[277,86924,1077],{"class":283},[277,86926,86927,86929,86931],{"class":279,"line":360},[277,86928,38089],{"class":283},[277,86930,38092],{"class":301},[277,86932,1077],{"class":283},[277,86934,86935,86937],{"class":279,"line":371},[277,86936,38099],{"class":283},[277,86938,38102],{"class":301},[277,86940,86941],{"class":279,"line":381},[277,86942,676],{"class":283},[277,86944,86945,86947,86949],{"class":279,"line":391},[277,86946,785],{"class":283},[277,86948,288],{"class":287},[277,86950,305],{"class":283},[277,86952,86953],{"class":279,"line":397},[277,86954,328],{"emptyLinePlaceholder":327},[277,86956,86957,86959,86961],{"class":279,"line":402},[277,86958,284],{"class":283},[277,86960,802],{"class":287},[277,86962,305],{"class":283},[277,86964,86966,86968,86970,86972,86974,86976,86978,86980,86982],{"class":86965,"line":436},[279,9398],[277,86967,810],{"class":283},[277,86969,41],{"class":287},[277,86971,12785],{"class":291},[277,86973,298],{"class":283},[277,86975,38140],{"class":301},[277,86977,4317],{"class":291},[277,86979,298],{"class":283},[277,86981,38147],{"class":301},[277,86983,305],{"class":283},[277,86985,86986],{"class":279,"line":456},[277,86987,38154],{"class":283},[277,86989,86990,86992,86994],{"class":279,"line":461},[277,86991,954],{"class":283},[277,86993,41],{"class":287},[277,86995,305],{"class":283},[277,86997,86998,87000,87002],{"class":279,"line":476},[277,86999,785],{"class":283},[277,87001,802],{"class":287},[277,87003,305],{"class":283},[267,87005,87007],{"className":269,"code":38173,"filename":971,"highlights":87006,"language":272,"meta":273,"style":273},[500],[16,87008,87009,87017,87025,87031,87037,87041,87049,87057,87063,87067,87071,87075,87079,87087,87091,87099,87120,87124,87132],{"__ignoreMap":273},[277,87010,87011,87013,87015],{"class":279,"line":280},[277,87012,284],{"class":283},[277,87014,288],{"class":287},[277,87016,305],{"class":283},[277,87018,87019,87021,87023],{"class":279,"line":308},[277,87020,1057],{"class":311},[277,87022,1060],{"class":311},[277,87024,343],{"class":283},[277,87026,87027,87029],{"class":279,"line":324},[277,87028,1086],{"class":291},[277,87030,473],{"class":283},[277,87032,87033,87035],{"class":279,"line":331},[277,87034,1093],{"class":311},[277,87036,343],{"class":283},[277,87038,87039],{"class":279,"line":346},[277,87040,38209],{"class":283},[277,87042,87043,87045,87047],{"class":279,"line":360},[277,87044,38214],{"class":283},[277,87046,38082],{"class":301},[277,87048,1077],{"class":283},[277,87050,87051,87053,87055],{"class":279,"line":371},[277,87052,38223],{"class":283},[277,87054,38092],{"class":301},[277,87056,1077],{"class":283},[277,87058,87059,87061],{"class":279,"line":381},[277,87060,38232],{"class":283},[277,87062,38102],{"class":301},[277,87064,87065],{"class":279,"line":391},[277,87066,1203],{"class":283},[277,87068,87069],{"class":279,"line":397},[277,87070,1126],{"class":283},[277,87072,87073],{"class":279,"line":402},[277,87074,542],{"class":283},[277,87076,87077],{"class":279,"line":436},[277,87078,394],{"class":283},[277,87080,87081,87083,87085],{"class":279,"line":456},[277,87082,785],{"class":283},[277,87084,288],{"class":287},[277,87086,305],{"class":283},[277,87088,87089],{"class":279,"line":461},[277,87090,328],{"emptyLinePlaceholder":327},[277,87092,87093,87095,87097],{"class":279,"line":476},[277,87094,284],{"class":283},[277,87096,802],{"class":287},[277,87098,305],{"class":283},[277,87100,87102,87104,87106,87108,87110,87112,87114,87116,87118],{"class":87101,"line":500},[279,9398],[277,87103,810],{"class":283},[277,87105,41],{"class":287},[277,87107,12785],{"class":291},[277,87109,298],{"class":283},[277,87111,38140],{"class":301},[277,87113,4317],{"class":291},[277,87115,298],{"class":283},[277,87117,38147],{"class":301},[277,87119,305],{"class":283},[277,87121,87122],{"class":279,"line":505},[277,87123,38154],{"class":283},[277,87125,87126,87128,87130],{"class":279,"line":520},[277,87127,954],{"class":283},[277,87129,41],{"class":287},[277,87131,305],{"class":283},[277,87133,87134,87136,87138],{"class":279,"line":539},[277,87135,785],{"class":283},[277,87137,802],{"class":287},[277,87139,305],{"class":283},[192,87141,38315,87142],{"id":38314},[16,87143,802],{},[267,87145,87147],{"className":269,"code":38320,"filename":271,"highlights":87146,"language":272,"meta":273,"style":273},[402],[16,87148,87149,87159,87169,87173,87185,87201,87217,87221,87229,87233,87241,87276,87288,87300,87308,87316],{"__ignoreMap":273},[277,87150,87151,87153,87155,87157],{"class":279,"line":280},[277,87152,284],{"class":283},[277,87154,288],{"class":287},[277,87156,292],{"class":291},[277,87158,305],{"class":283},[277,87160,87161,87163,87165,87167],{"class":279,"line":308},[277,87162,312],{"class":311},[277,87164,11006],{"class":283},[277,87166,318],{"class":311},[277,87168,321],{"class":301},[277,87170,87171],{"class":279,"line":324},[277,87172,328],{"emptyLinePlaceholder":327},[277,87174,87175,87177,87179,87181,87183],{"class":279,"line":331},[277,87176,405],{"class":311},[277,87178,38354],{"class":356},[277,87180,340],{"class":311},[277,87182,413],{"class":291},[277,87184,2104],{"class":283},[277,87186,87187,87189,87191,87193,87195,87197,87199],{"class":279,"line":346},[277,87188,2109],{"class":283},[277,87190,2072],{"class":356},[277,87192,2114],{"class":283},[277,87194,38371],{"class":301},[277,87196,38374],{"class":283},[277,87198,38377],{"class":301},[277,87200,2132],{"class":283},[277,87202,87203,87205,87207,87209,87211,87213,87215],{"class":279,"line":360},[277,87204,2109],{"class":283},[277,87206,2139],{"class":356},[277,87208,2114],{"class":283},[277,87210,38390],{"class":301},[277,87212,38374],{"class":283},[277,87214,38395],{"class":301},[277,87216,2179],{"class":283},[277,87218,87219],{"class":279,"line":371},[277,87220,2184],{"class":283},[277,87222,87223,87225,87227],{"class":279,"line":381},[277,87224,785],{"class":283},[277,87226,288],{"class":287},[277,87228,305],{"class":283},[277,87230,87231],{"class":279,"line":391},[277,87232,328],{"emptyLinePlaceholder":327},[277,87234,87235,87237,87239],{"class":279,"line":397},[277,87236,284],{"class":283},[277,87238,802],{"class":287},[277,87240,305],{"class":283},[277,87242,87244,87246,87248,87250,87252,87254,87256,87258,87260,87262,87264,87266,87268,87270,87272,87274],{"class":87243,"line":402},[279,9398],[277,87245,810],{"class":283},[277,87247,802],{"class":287},[277,87249,12785],{"class":311},[277,87251,298],{"class":283},[277,87253,866],{"class":301},[277,87255,38437],{"class":283},[277,87257,38440],{"class":311},[277,87259,38354],{"class":283},[277,87261,866],{"class":301},[277,87263,6244],{"class":283},[277,87265,1789],{"class":291},[277,87267,298],{"class":283},[277,87269,866],{"class":301},[277,87271,38455],{"class":283},[277,87273,866],{"class":301},[277,87275,305],{"class":283},[277,87277,87278,87280,87282,87284,87286],{"class":279,"line":436},[277,87279,829],{"class":283},[277,87281,192],{"class":287},[277,87283,38468],{"class":283},[277,87285,192],{"class":287},[277,87287,305],{"class":283},[277,87289,87290,87292,87294,87296,87298],{"class":279,"line":456},[277,87291,829],{"class":283},[277,87293,21],{"class":287},[277,87295,38481],{"class":283},[277,87297,21],{"class":287},[277,87299,305],{"class":283},[277,87301,87302,87304,87306],{"class":279,"line":461},[277,87303,829],{"class":283},[277,87305,38492],{"class":287},[277,87307,4325],{"class":283},[277,87309,87310,87312,87314],{"class":279,"line":476},[277,87311,954],{"class":283},[277,87313,802],{"class":287},[277,87315,305],{"class":283},[277,87317,87318,87320,87322],{"class":279,"line":500},[277,87319,785],{"class":283},[277,87321,802],{"class":287},[277,87323,305],{"class":283},[267,87325,87327],{"className":269,"code":38513,"filename":971,"highlights":87326,"language":272,"meta":273,"style":273},[476],[16,87328,87329,87337,87345,87351,87357,87361,87377,87393,87397,87401,87405,87409,87417,87421,87429,87464,87476,87488,87496,87504],{"__ignoreMap":273},[277,87330,87331,87333,87335],{"class":279,"line":280},[277,87332,284],{"class":283},[277,87334,288],{"class":287},[277,87336,305],{"class":283},[277,87338,87339,87341,87343],{"class":279,"line":308},[277,87340,1057],{"class":311},[277,87342,1060],{"class":311},[277,87344,343],{"class":283},[277,87346,87347,87349],{"class":279,"line":324},[277,87348,1086],{"class":291},[277,87350,473],{"class":283},[277,87352,87353,87355],{"class":279,"line":331},[277,87354,1093],{"class":311},[277,87356,343],{"class":283},[277,87358,87359],{"class":279,"line":346},[277,87360,38549],{"class":283},[277,87362,87363,87365,87367,87369,87371,87373,87375],{"class":279,"line":360},[277,87364,2664],{"class":283},[277,87366,2072],{"class":356},[277,87368,2114],{"class":283},[277,87370,38371],{"class":301},[277,87372,38374],{"class":283},[277,87374,38377],{"class":301},[277,87376,2132],{"class":283},[277,87378,87379,87381,87383,87385,87387,87389,87391],{"class":279,"line":371},[277,87380,2664],{"class":283},[277,87382,2139],{"class":356},[277,87384,2114],{"class":283},[277,87386,38390],{"class":301},[277,87388,38374],{"class":283},[277,87390,38395],{"class":301},[277,87392,2179],{"class":283},[277,87394,87395],{"class":279,"line":381},[277,87396,2725],{"class":283},[277,87398,87399],{"class":279,"line":391},[277,87400,1126],{"class":283},[277,87402,87403],{"class":279,"line":397},[277,87404,542],{"class":283},[277,87406,87407],{"class":279,"line":402},[277,87408,394],{"class":283},[277,87410,87411,87413,87415],{"class":279,"line":436},[277,87412,785],{"class":283},[277,87414,288],{"class":287},[277,87416,305],{"class":283},[277,87418,87419],{"class":279,"line":456},[277,87420,328],{"emptyLinePlaceholder":327},[277,87422,87423,87425,87427],{"class":279,"line":461},[277,87424,284],{"class":283},[277,87426,802],{"class":287},[277,87428,305],{"class":283},[277,87430,87432,87434,87436,87438,87440,87442,87444,87446,87448,87450,87452,87454,87456,87458,87460,87462],{"class":87431,"line":476},[279,9398],[277,87433,810],{"class":283},[277,87435,802],{"class":287},[277,87437,12785],{"class":311},[277,87439,298],{"class":283},[277,87441,866],{"class":301},[277,87443,38437],{"class":283},[277,87445,38440],{"class":311},[277,87447,38354],{"class":283},[277,87449,866],{"class":301},[277,87451,6244],{"class":283},[277,87453,1789],{"class":291},[277,87455,298],{"class":283},[277,87457,866],{"class":301},[277,87459,38455],{"class":283},[277,87461,866],{"class":301},[277,87463,305],{"class":283},[277,87465,87466,87468,87470,87472,87474],{"class":279,"line":500},[277,87467,829],{"class":283},[277,87469,192],{"class":287},[277,87471,38468],{"class":283},[277,87473,192],{"class":287},[277,87475,305],{"class":283},[277,87477,87478,87480,87482,87484,87486],{"class":279,"line":505},[277,87479,829],{"class":283},[277,87481,21],{"class":287},[277,87483,38481],{"class":283},[277,87485,21],{"class":287},[277,87487,305],{"class":283},[277,87489,87490,87492,87494],{"class":279,"line":520},[277,87491,829],{"class":283},[277,87493,38492],{"class":287},[277,87495,4325],{"class":283},[277,87497,87498,87500,87502],{"class":279,"line":539},[277,87499,954],{"class":283},[277,87501,802],{"class":287},[277,87503,305],{"class":283},[277,87505,87506,87508,87510],{"class":279,"line":545},[277,87507,785],{"class":283},[277,87509,802],{"class":287},[277,87511,305],{"class":283},[30,87513,38704],{"id":38703},[192,87515,38708,87516],{"id":38707},[16,87517,1732],{},[21,87519,38713,87520,38716,87522,104],{},[16,87521,24880],{},[16,87523,1732],{},[267,87525,87527],{"className":269,"code":38721,"filename":271,"highlights":87526,"language":272,"meta":273,"style":273},[397,402,436,456,461,476,539],[16,87528,87529,87539,87549,87553,87565,87585,87605,87625,87629,87633,87650,87657,87678,87687,87712,87717,87725,87729,87737,87758,87762,87770],{"__ignoreMap":273},[277,87530,87531,87533,87535,87537],{"class":279,"line":280},[277,87532,284],{"class":283},[277,87534,288],{"class":287},[277,87536,292],{"class":291},[277,87538,305],{"class":283},[277,87540,87541,87543,87545,87547],{"class":279,"line":308},[277,87542,312],{"class":311},[277,87544,23384],{"class":283},[277,87546,318],{"class":311},[277,87548,321],{"class":301},[277,87550,87551],{"class":279,"line":324},[277,87552,328],{"emptyLinePlaceholder":327},[277,87554,87555,87557,87559,87561,87563],{"class":279,"line":331},[277,87556,405],{"class":311},[277,87558,29622],{"class":356},[277,87560,340],{"class":311},[277,87562,413],{"class":291},[277,87564,2104],{"class":283},[277,87566,87567,87569,87571,87573,87575,87577,87579,87581,87583],{"class":279,"line":346},[277,87568,2109],{"class":283},[277,87570,2072],{"class":356},[277,87572,22620],{"class":283},[277,87574,38771],{"class":301},[277,87576,29642],{"class":283},[277,87578,38776],{"class":356},[277,87580,29648],{"class":283},[277,87582,38781],{"class":356},[277,87584,2132],{"class":283},[277,87586,87587,87589,87591,87593,87595,87597,87599,87601,87603],{"class":279,"line":360},[277,87588,2109],{"class":283},[277,87590,2139],{"class":356},[277,87592,22620],{"class":283},[277,87594,38794],{"class":301},[277,87596,29642],{"class":283},[277,87598,38799],{"class":356},[277,87600,29648],{"class":283},[277,87602,3542],{"class":356},[277,87604,2132],{"class":283},[277,87606,87607,87609,87611,87613,87615,87617,87619,87621,87623],{"class":279,"line":371},[277,87608,2109],{"class":283},[277,87610,2163],{"class":356},[277,87612,22620],{"class":283},[277,87614,38816],{"class":301},[277,87616,29642],{"class":283},[277,87618,38821],{"class":356},[277,87620,29648],{"class":283},[277,87622,38826],{"class":356},[277,87624,2179],{"class":283},[277,87626,87627],{"class":279,"line":381},[277,87628,2184],{"class":283},[277,87630,87631],{"class":279,"line":391},[277,87632,328],{"emptyLinePlaceholder":327},[277,87634,87636,87638,87640,87642,87644,87646,87648],{"class":87635,"line":397},[279,9398],[277,87637,405],{"class":311},[277,87639,38844],{"class":356},[277,87641,340],{"class":311},[277,87643,2200],{"class":291},[277,87645,2203],{"class":283},[277,87647,601],{"class":311},[277,87649,343],{"class":283},[277,87651,87653,87655],{"class":87652,"line":402},[279,9398],[277,87654,2212],{"class":311},[277,87656,38862],{"class":283},[277,87658,87660,87662,87664,87666,87668,87670,87672,87674,87676],{"class":87659,"line":436},[279,9398],[277,87661,38868],{"class":283},[277,87663,2218],{"class":291},[277,87665,448],{"class":283},[277,87667,869],{"class":349},[277,87669,2226],{"class":311},[277,87671,38879],{"class":283},[277,87673,9921],{"class":311},[277,87675,38884],{"class":356},[277,87677,433],{"class":283},[277,87679,87681,87683,87685],{"class":87680,"line":456},[279,9398],[277,87682,38868],{"class":283},[277,87684,38894],{"class":291},[277,87686,622],{"class":283},[277,87688,87690,87692,87694,87696,87698,87700,87702,87704,87706,87708,87710],{"class":87689,"line":461},[279,9398],[277,87691,38868],{"class":283},[277,87693,38904],{"class":291},[277,87695,2334],{"class":283},[277,87697,13178],{"class":349},[277,87699,225],{"class":283},[277,87701,38913],{"class":349},[277,87703,2340],{"class":283},[277,87705,601],{"class":311},[277,87707,38920],{"class":283},[277,87709,38923],{"class":311},[277,87711,38926],{"class":283},[277,87713,87715],{"class":87714,"line":476},[279,9398],[277,87716,676],{"class":283},[277,87718,87719,87721,87723],{"class":279,"line":500},[277,87720,785],{"class":283},[277,87722,288],{"class":287},[277,87724,305],{"class":283},[277,87726,87727],{"class":279,"line":505},[277,87728,328],{"emptyLinePlaceholder":327},[277,87730,87731,87733,87735],{"class":279,"line":520},[277,87732,284],{"class":283},[277,87734,802],{"class":287},[277,87736,305],{"class":283},[277,87738,87740,87742,87744,87746,87748,87750,87752,87754,87756],{"class":87739,"line":539},[279,9398],[277,87741,810],{"class":283},[277,87743,41],{"class":287},[277,87745,12785],{"class":291},[277,87747,298],{"class":283},[277,87749,38965],{"class":301},[277,87751,4317],{"class":291},[277,87753,298],{"class":283},[277,87755,38972],{"class":301},[277,87757,305],{"class":283},[277,87759,87760],{"class":279,"line":545},[277,87761,38979],{"class":283},[277,87763,87764,87766,87768],{"class":279,"line":550},[277,87765,954],{"class":283},[277,87767,41],{"class":287},[277,87769,305],{"class":283},[277,87771,87772,87774,87776],{"class":279,"line":578},[277,87773,785],{"class":283},[277,87775,802],{"class":287},[277,87777,305],{"class":283},[267,87779,87781],{"className":269,"code":38998,"filename":971,"highlights":87780,"language":272,"meta":273,"style":273},[436,456,461,476,500,505,520,539,588],[16,87782,87783,87791,87799,87805,87811,87815,87835,87855,87875,87879,87883,87887,87892,87899,87908,87929,87938,87963,87968,87973,87977,87985,87989,87997,88018,88022,88030],{"__ignoreMap":273},[277,87784,87785,87787,87789],{"class":279,"line":280},[277,87786,284],{"class":283},[277,87788,288],{"class":287},[277,87790,305],{"class":283},[277,87792,87793,87795,87797],{"class":279,"line":308},[277,87794,1057],{"class":311},[277,87796,1060],{"class":311},[277,87798,343],{"class":283},[277,87800,87801,87803],{"class":279,"line":324},[277,87802,1086],{"class":291},[277,87804,473],{"class":283},[277,87806,87807,87809],{"class":279,"line":331},[277,87808,1093],{"class":311},[277,87810,343],{"class":283},[277,87812,87813],{"class":279,"line":346},[277,87814,30385],{"class":283},[277,87816,87817,87819,87821,87823,87825,87827,87829,87831,87833],{"class":279,"line":360},[277,87818,2664],{"class":283},[277,87820,2072],{"class":356},[277,87822,22620],{"class":283},[277,87824,38771],{"class":301},[277,87826,29642],{"class":283},[277,87828,38776],{"class":356},[277,87830,29648],{"class":283},[277,87832,38781],{"class":356},[277,87834,2132],{"class":283},[277,87836,87837,87839,87841,87843,87845,87847,87849,87851,87853],{"class":279,"line":371},[277,87838,2664],{"class":283},[277,87840,2139],{"class":356},[277,87842,22620],{"class":283},[277,87844,38794],{"class":301},[277,87846,29642],{"class":283},[277,87848,38799],{"class":356},[277,87850,29648],{"class":283},[277,87852,3542],{"class":356},[277,87854,2132],{"class":283},[277,87856,87857,87859,87861,87863,87865,87867,87869,87871,87873],{"class":279,"line":381},[277,87858,2664],{"class":283},[277,87860,2163],{"class":356},[277,87862,22620],{"class":283},[277,87864,38816],{"class":301},[277,87866,29642],{"class":283},[277,87868,38821],{"class":356},[277,87870,29648],{"class":283},[277,87872,38826],{"class":356},[277,87874,2179],{"class":283},[277,87876,87877],{"class":279,"line":391},[277,87878,2725],{"class":283},[277,87880,87881],{"class":279,"line":397},[277,87882,1126],{"class":283},[277,87884,87885],{"class":279,"line":402},[277,87886,1131],{"class":283},[277,87888,87890],{"class":87889,"line":436},[279,9398],[277,87891,2742],{"class":283},[277,87893,87895,87897],{"class":87894,"line":456},[279,9398],[277,87896,39116],{"class":291},[277,87898,473],{"class":283},[277,87900,87902,87904,87906],{"class":87901,"line":461},[279,9398],[277,87903,2754],{"class":311},[277,87905,1268],{"class":356},[277,87907,39128],{"class":283},[277,87909,87911,87913,87915,87917,87919,87921,87923,87925,87927],{"class":87910,"line":476},[279,9398],[277,87912,39134],{"class":283},[277,87914,2218],{"class":291},[277,87916,448],{"class":283},[277,87918,869],{"class":349},[277,87920,2226],{"class":311},[277,87922,38879],{"class":283},[277,87924,9921],{"class":311},[277,87926,38884],{"class":356},[277,87928,433],{"class":283},[277,87930,87932,87934,87936],{"class":87931,"line":500},[279,9398],[277,87933,39134],{"class":283},[277,87935,38894],{"class":291},[277,87937,622],{"class":283},[277,87939,87941,87943,87945,87947,87949,87951,87953,87955,87957,87959,87961],{"class":87940,"line":505},[279,9398],[277,87942,39134],{"class":283},[277,87944,38904],{"class":291},[277,87946,2334],{"class":283},[277,87948,13178],{"class":349},[277,87950,225],{"class":283},[277,87952,38913],{"class":349},[277,87954,2340],{"class":283},[277,87956,601],{"class":311},[277,87958,38920],{"class":283},[277,87960,38923],{"class":311},[277,87962,38926],{"class":283},[277,87964,87966],{"class":87965,"line":520},[279,9398],[277,87967,1126],{"class":283},[277,87969,87971],{"class":87970,"line":539},[279,9398],[277,87972,542],{"class":283},[277,87974,87975],{"class":279,"line":545},[277,87976,394],{"class":283},[277,87978,87979,87981,87983],{"class":279,"line":550},[277,87980,785],{"class":283},[277,87982,288],{"class":287},[277,87984,305],{"class":283},[277,87986,87987],{"class":279,"line":578},[277,87988,328],{"emptyLinePlaceholder":327},[277,87990,87991,87993,87995],{"class":279,"line":583},[277,87992,284],{"class":283},[277,87994,802],{"class":287},[277,87996,305],{"class":283},[277,87998,88000,88002,88004,88006,88008,88010,88012,88014,88016],{"class":87999,"line":588},[279,9398],[277,88001,810],{"class":283},[277,88003,41],{"class":287},[277,88005,12785],{"class":291},[277,88007,298],{"class":283},[277,88009,38965],{"class":301},[277,88011,4317],{"class":291},[277,88013,298],{"class":283},[277,88015,38972],{"class":301},[277,88017,305],{"class":283},[277,88019,88020],{"class":279,"line":606},[277,88021,38979],{"class":283},[277,88023,88024,88026,88028],{"class":279,"line":614},[277,88025,954],{"class":283},[277,88027,41],{"class":287},[277,88029,305],{"class":283},[277,88031,88032,88034,88036],{"class":279,"line":625},[277,88033,785],{"class":283},[277,88035,802],{"class":287},[277,88037,305],{"class":283},[192,88039,39263,88040],{"id":39262},[16,88041,24880],{},[267,88043,88045],{"className":269,"code":39268,"filename":271,"highlights":88044,"language":272,"meta":273,"style":273},[436],[16,88046,88047,88057,88067,88077,88081,88093,88109,88125,88129,88137,88141,88149,88176],{"__ignoreMap":273},[277,88048,88049,88051,88053,88055],{"class":279,"line":280},[277,88050,284],{"class":283},[277,88052,288],{"class":287},[277,88054,292],{"class":291},[277,88056,305],{"class":283},[277,88058,88059,88061,88063,88065],{"class":279,"line":308},[277,88060,312],{"class":311},[277,88062,11006],{"class":283},[277,88064,318],{"class":311},[277,88066,321],{"class":301},[277,88068,88069,88071,88073,88075],{"class":279,"line":324},[277,88070,312],{"class":311},[277,88072,39298],{"class":283},[277,88074,318],{"class":311},[277,88076,39303],{"class":301},[277,88078,88079],{"class":279,"line":331},[277,88080,328],{"emptyLinePlaceholder":327},[277,88082,88083,88085,88087,88089,88091],{"class":279,"line":346},[277,88084,405],{"class":311},[277,88086,11021],{"class":356},[277,88088,340],{"class":311},[277,88090,413],{"class":291},[277,88092,2104],{"class":283},[277,88094,88095,88097,88099,88101,88103,88105,88107],{"class":279,"line":360},[277,88096,2109],{"class":283},[277,88098,39326],{"class":301},[277,88100,22620],{"class":283},[277,88102,2129],{"class":301},[277,88104,27262],{"class":283},[277,88106,39335],{"class":301},[277,88108,2132],{"class":283},[277,88110,88111,88113,88115,88117,88119,88121,88123],{"class":279,"line":371},[277,88112,2109],{"class":283},[277,88114,39344],{"class":301},[277,88116,22620],{"class":283},[277,88118,2154],{"class":301},[277,88120,27262],{"class":283},[277,88122,39353],{"class":301},[277,88124,2179],{"class":283},[277,88126,88127],{"class":279,"line":381},[277,88128,2184],{"class":283},[277,88130,88131,88133,88135],{"class":279,"line":391},[277,88132,785],{"class":283},[277,88134,288],{"class":287},[277,88136,305],{"class":283},[277,88138,88139],{"class":279,"line":397},[277,88140,328],{"emptyLinePlaceholder":327},[277,88142,88143,88145,88147],{"class":279,"line":402},[277,88144,284],{"class":283},[277,88146,802],{"class":287},[277,88148,305],{"class":283},[277,88150,88152,88154,88156,88158,88160,88162,88164,88166,88168,88170,88172,88174],{"class":88151,"line":436},[279,9398],[277,88153,810],{"class":283},[277,88155,22608],{"class":287},[277,88157,12785],{"class":291},[277,88159,298],{"class":283},[277,88161,12790],{"class":301},[277,88163,4317],{"class":291},[277,88165,298],{"class":283},[277,88167,12797],{"class":301},[277,88169,27117],{"class":291},[277,88171,298],{"class":283},[277,88173,21518],{"class":301},[277,88175,4325],{"class":283},[277,88177,88178,88180,88182],{"class":279,"line":456},[277,88179,785],{"class":283},[277,88181,802],{"class":287},[277,88183,305],{"class":283},[267,88185,88187],{"className":269,"code":39417,"filename":971,"highlights":88186,"language":272,"meta":273,"style":273},[520],[16,88188,88189,88197,88207,88211,88219,88223,88229,88235,88239,88255,88271,88275,88279,88283,88287,88295,88299,88307,88334],{"__ignoreMap":273},[277,88190,88191,88193,88195],{"class":279,"line":280},[277,88192,284],{"class":283},[277,88194,288],{"class":287},[277,88196,305],{"class":283},[277,88198,88199,88201,88203,88205],{"class":279,"line":308},[277,88200,312],{"class":311},[277,88202,39298],{"class":283},[277,88204,318],{"class":311},[277,88206,39303],{"class":301},[277,88208,88209],{"class":279,"line":324},[277,88210,328],{"emptyLinePlaceholder":327},[277,88212,88213,88215,88217],{"class":279,"line":331},[277,88214,1057],{"class":311},[277,88216,1060],{"class":311},[277,88218,343],{"class":283},[277,88220,88221],{"class":279,"line":346},[277,88222,39455],{"class":283},[277,88224,88225,88227],{"class":279,"line":360},[277,88226,1086],{"class":291},[277,88228,473],{"class":283},[277,88230,88231,88233],{"class":279,"line":371},[277,88232,1093],{"class":311},[277,88234,343],{"class":283},[277,88236,88237],{"class":279,"line":381},[277,88238,22894],{"class":283},[277,88240,88241,88243,88245,88247,88249,88251,88253],{"class":279,"line":391},[277,88242,2664],{"class":283},[277,88244,39326],{"class":301},[277,88246,22620],{"class":283},[277,88248,2129],{"class":301},[277,88250,27262],{"class":283},[277,88252,39335],{"class":301},[277,88254,2132],{"class":283},[277,88256,88257,88259,88261,88263,88265,88267,88269],{"class":279,"line":397},[277,88258,2664],{"class":283},[277,88260,39344],{"class":301},[277,88262,22620],{"class":283},[277,88264,2154],{"class":301},[277,88266,27262],{"class":283},[277,88268,39353],{"class":301},[277,88270,2179],{"class":283},[277,88272,88273],{"class":279,"line":402},[277,88274,2725],{"class":283},[277,88276,88277],{"class":279,"line":436},[277,88278,1126],{"class":283},[277,88280,88281],{"class":279,"line":456},[277,88282,542],{"class":283},[277,88284,88285],{"class":279,"line":461},[277,88286,394],{"class":283},[277,88288,88289,88291,88293],{"class":279,"line":476},[277,88290,785],{"class":283},[277,88292,288],{"class":287},[277,88294,305],{"class":283},[277,88296,88297],{"class":279,"line":500},[277,88298,328],{"emptyLinePlaceholder":327},[277,88300,88301,88303,88305],{"class":279,"line":505},[277,88302,284],{"class":283},[277,88304,802],{"class":287},[277,88306,305],{"class":283},[277,88308,88310,88312,88314,88316,88318,88320,88322,88324,88326,88328,88330,88332],{"class":88309,"line":520},[279,9398],[277,88311,810],{"class":283},[277,88313,22608],{"class":287},[277,88315,12785],{"class":291},[277,88317,298],{"class":283},[277,88319,12790],{"class":301},[277,88321,4317],{"class":291},[277,88323,298],{"class":283},[277,88325,12797],{"class":301},[277,88327,27117],{"class":291},[277,88329,298],{"class":283},[277,88331,21518],{"class":301},[277,88333,4325],{"class":283},[277,88335,88336,88338,88340],{"class":279,"line":539},[277,88337,785],{"class":283},[277,88339,802],{"class":287},[277,88341,305],{"class":283},[192,88343,39578],{"id":39577},[267,88345,88347],{"className":269,"code":39581,"filename":271,"highlights":88346,"language":272,"meta":273,"style":273},[505,539],[16,88348,88349,88359,88369,88373,88385,88389,88397,88405,88409,88421,88433,88437,88441,88445,88453,88457,88465,88486,88498,88519,88523,88531,88539],{"__ignoreMap":273},[277,88350,88351,88353,88355,88357],{"class":279,"line":280},[277,88352,284],{"class":283},[277,88354,288],{"class":287},[277,88356,292],{"class":291},[277,88358,305],{"class":283},[277,88360,88361,88363,88365,88367],{"class":279,"line":308},[277,88362,312],{"class":311},[277,88364,11006],{"class":283},[277,88366,318],{"class":311},[277,88368,321],{"class":301},[277,88370,88371],{"class":279,"line":324},[277,88372,328],{"emptyLinePlaceholder":327},[277,88374,88375,88377,88379,88381,88383],{"class":279,"line":331},[277,88376,405],{"class":311},[277,88378,39615],{"class":356},[277,88380,340],{"class":311},[277,88382,413],{"class":291},[277,88384,2104],{"class":283},[277,88386,88387],{"class":279,"line":346},[277,88388,39626],{"class":283},[277,88390,88391,88393,88395],{"class":279,"line":360},[277,88392,39631],{"class":283},[277,88394,39634],{"class":301},[277,88396,1077],{"class":283},[277,88398,88399,88401,88403],{"class":279,"line":371},[277,88400,39641],{"class":283},[277,88402,39644],{"class":301},[277,88404,1077],{"class":283},[277,88406,88407],{"class":279,"line":381},[277,88408,39651],{"class":283},[277,88410,88411,88413,88415,88417,88419],{"class":279,"line":391},[277,88412,39656],{"class":283},[277,88414,39659],{"class":301},[277,88416,22620],{"class":283},[277,88418,38794],{"class":301},[277,88420,2132],{"class":283},[277,88422,88423,88425,88427,88429,88431],{"class":279,"line":397},[277,88424,39656],{"class":283},[277,88426,39672],{"class":301},[277,88428,22620],{"class":283},[277,88430,39677],{"class":301},[277,88432,2179],{"class":283},[277,88434,88435],{"class":279,"line":402},[277,88436,39684],{"class":283},[277,88438,88439],{"class":279,"line":436},[277,88440,542],{"class":283},[277,88442,88443],{"class":279,"line":456},[277,88444,2184],{"class":283},[277,88446,88447,88449,88451],{"class":279,"line":461},[277,88448,785],{"class":283},[277,88450,288],{"class":287},[277,88452,305],{"class":283},[277,88454,88455],{"class":279,"line":476},[277,88456,328],{"emptyLinePlaceholder":327},[277,88458,88459,88461,88463],{"class":279,"line":500},[277,88460,284],{"class":283},[277,88462,802],{"class":287},[277,88464,305],{"class":283},[277,88466,88468,88470,88472,88474,88476,88478,88480,88482,88484],{"class":88467,"line":505},[279,9398],[277,88469,810],{"class":283},[277,88471,4121],{"class":287},[277,88473,12785],{"class":291},[277,88475,298],{"class":283},[277,88477,39726],{"class":301},[277,88479,4317],{"class":291},[277,88481,298],{"class":283},[277,88483,39733],{"class":301},[277,88485,305],{"class":283},[277,88487,88488,88490,88492,88494,88496],{"class":279,"line":520},[277,88489,829],{"class":283},[277,88491,192],{"class":287},[277,88493,39744],{"class":283},[277,88495,192],{"class":287},[277,88497,305],{"class":283},[277,88499,88501,88503,88505,88507,88509,88511,88513,88515,88517],{"class":88500,"line":539},[279,9398],[277,88502,829],{"class":283},[277,88504,41],{"class":287},[277,88506,12785],{"class":291},[277,88508,298],{"class":283},[277,88510,39762],{"class":301},[277,88512,4317],{"class":291},[277,88514,298],{"class":283},[277,88516,38972],{"class":301},[277,88518,305],{"class":283},[277,88520,88521],{"class":279,"line":545},[277,88522,39775],{"class":283},[277,88524,88525,88527,88529],{"class":279,"line":550},[277,88526,922],{"class":283},[277,88528,41],{"class":287},[277,88530,305],{"class":283},[277,88532,88533,88535,88537],{"class":279,"line":578},[277,88534,954],{"class":283},[277,88536,4121],{"class":287},[277,88538,305],{"class":283},[277,88540,88541,88543,88545],{"class":279,"line":583},[277,88542,785],{"class":283},[277,88544,802],{"class":287},[277,88546,305],{"class":283},[267,88548,88550],{"className":269,"code":39802,"filename":971,"highlights":88549,"language":272,"meta":273,"style":273},[550,583],[16,88551,88552,88560,88568,88574,88580,88584,88588,88596,88604,88608,88620,88632,88636,88640,88644,88648,88652,88656,88664,88668,88676,88697,88709,88730,88734,88742,88750],{"__ignoreMap":273},[277,88553,88554,88556,88558],{"class":279,"line":280},[277,88555,284],{"class":283},[277,88557,288],{"class":287},[277,88559,305],{"class":283},[277,88561,88562,88564,88566],{"class":279,"line":308},[277,88563,1057],{"class":311},[277,88565,1060],{"class":311},[277,88567,343],{"class":283},[277,88569,88570,88572],{"class":279,"line":324},[277,88571,1086],{"class":291},[277,88573,473],{"class":283},[277,88575,88576,88578],{"class":279,"line":331},[277,88577,1093],{"class":311},[277,88579,343],{"class":283},[277,88581,88582],{"class":279,"line":346},[277,88583,39838],{"class":283},[277,88585,88586],{"class":279,"line":360},[277,88587,39843],{"class":283},[277,88589,88590,88592,88594],{"class":279,"line":371},[277,88591,39848],{"class":283},[277,88593,39634],{"class":301},[277,88595,1077],{"class":283},[277,88597,88598,88600,88602],{"class":279,"line":381},[277,88599,39857],{"class":283},[277,88601,39644],{"class":301},[277,88603,1077],{"class":283},[277,88605,88606],{"class":279,"line":391},[277,88607,39866],{"class":283},[277,88609,88610,88612,88614,88616,88618],{"class":279,"line":397},[277,88611,39871],{"class":283},[277,88613,39659],{"class":301},[277,88615,22620],{"class":283},[277,88617,38794],{"class":301},[277,88619,2132],{"class":283},[277,88621,88622,88624,88626,88628,88630],{"class":279,"line":402},[277,88623,39871],{"class":283},[277,88625,39672],{"class":301},[277,88627,22620],{"class":283},[277,88629,39677],{"class":301},[277,88631,2179],{"class":283},[277,88633,88634],{"class":279,"line":436},[277,88635,39896],{"class":283},[277,88637,88638],{"class":279,"line":456},[277,88639,8868],{"class":283},[277,88641,88642],{"class":279,"line":461},[277,88643,2725],{"class":283},[277,88645,88646],{"class":279,"line":476},[277,88647,1126],{"class":283},[277,88649,88650],{"class":279,"line":500},[277,88651,542],{"class":283},[277,88653,88654],{"class":279,"line":505},[277,88655,394],{"class":283},[277,88657,88658,88660,88662],{"class":279,"line":520},[277,88659,785],{"class":283},[277,88661,288],{"class":287},[277,88663,305],{"class":283},[277,88665,88666],{"class":279,"line":539},[277,88667,328],{"emptyLinePlaceholder":327},[277,88669,88670,88672,88674],{"class":279,"line":545},[277,88671,284],{"class":283},[277,88673,802],{"class":287},[277,88675,305],{"class":283},[277,88677,88679,88681,88683,88685,88687,88689,88691,88693,88695],{"class":88678,"line":550},[279,9398],[277,88680,810],{"class":283},[277,88682,4121],{"class":287},[277,88684,12785],{"class":291},[277,88686,298],{"class":283},[277,88688,39726],{"class":301},[277,88690,4317],{"class":291},[277,88692,298],{"class":283},[277,88694,39733],{"class":301},[277,88696,305],{"class":283},[277,88698,88699,88701,88703,88705,88707],{"class":279,"line":578},[277,88700,829],{"class":283},[277,88702,192],{"class":287},[277,88704,39744],{"class":283},[277,88706,192],{"class":287},[277,88708,305],{"class":283},[277,88710,88712,88714,88716,88718,88720,88722,88724,88726,88728],{"class":88711,"line":583},[279,9398],[277,88713,829],{"class":283},[277,88715,41],{"class":287},[277,88717,12785],{"class":291},[277,88719,298],{"class":283},[277,88721,39762],{"class":301},[277,88723,4317],{"class":291},[277,88725,298],{"class":283},[277,88727,38972],{"class":301},[277,88729,305],{"class":283},[277,88731,88732],{"class":279,"line":588},[277,88733,39775],{"class":283},[277,88735,88736,88738,88740],{"class":279,"line":606},[277,88737,922],{"class":283},[277,88739,41],{"class":287},[277,88741,305],{"class":283},[277,88743,88744,88746,88748],{"class":279,"line":614},[277,88745,954],{"class":283},[277,88747,4121],{"class":287},[277,88749,305],{"class":283},[277,88751,88752,88754,88756],{"class":279,"line":625},[277,88753,785],{"class":283},[277,88755,802],{"class":287},[277,88757,305],{"class":283},[30,88759,40022,88760],{"id":40021},[16,88761,24880],{},[192,88763,20821,88764,37095,88766,40032],{"id":40027},[16,88765,37094],{},[16,88767,1789],{},[267,88769,88771],{"className":269,"code":40035,"filename":34211,"highlights":88770,"language":272,"meta":273,"style":273},[280],[16,88772,88773,88808,88812],{"__ignoreMap":273},[277,88774,88776,88778,88780,88782,88784,88786,88788,88790,88792,88794,88796,88798,88800,88802,88804,88806],{"class":88775,"line":280},[279,9398],[277,88777,284],{"class":283},[277,88779,41],{"class":287},[277,88781,12785],{"class":311},[277,88783,298],{"class":283},[277,88785,866],{"class":301},[277,88787,40054],{"class":283},[277,88789,38440],{"class":311},[277,88791,38354],{"class":283},[277,88793,866],{"class":301},[277,88795,6244],{"class":283},[277,88797,1789],{"class":291},[277,88799,298],{"class":283},[277,88801,866],{"class":301},[277,88803,37094],{"class":283},[277,88805,866],{"class":301},[277,88807,305],{"class":283},[277,88809,88810],{"class":279,"line":308},[277,88811,40079],{"class":283},[277,88813,88814,88816,88818],{"class":279,"line":324},[277,88815,785],{"class":283},[277,88817,41],{"class":287},[277,88819,305],{"class":283},[21,88821,40090],{},[3111,88823,88824],{},[21,88825,40095,88826,40098],{},[16,88827,38455],{},[192,88829,40102,88830,1697,88832,40107],{"id":40101},[16,88831,7538],{},[16,88833,24880],{},[267,88835,88837],{"className":269,"code":40110,"filename":28344,"highlights":88836,"language":272,"meta":273,"style":273},[280],[16,88838,88839,88884,88888],{"__ignoreMap":273},[277,88840,88842,88844,88846,88848,88850,88852,88854,88856,88858,88860,88862,88864,88866,88868,88870,88872,88874,88876,88878,88880,88882],{"class":88841,"line":280},[279,9398],[277,88843,284],{"class":283},[277,88845,41],{"class":287},[277,88847,12785],{"class":311},[277,88849,298],{"class":283},[277,88851,866],{"class":301},[277,88853,40129],{"class":283},[277,88855,38440],{"class":311},[277,88857,11021],{"class":283},[277,88859,866],{"class":301},[277,88861,834],{"class":311},[277,88863,298],{"class":283},[277,88865,866],{"class":301},[277,88867,40144],{"class":283},[277,88869,866],{"class":301},[277,88871,6244],{"class":283},[277,88873,1789],{"class":291},[277,88875,298],{"class":283},[277,88877,866],{"class":301},[277,88879,40157],{"class":283},[277,88881,866],{"class":301},[277,88883,305],{"class":283},[277,88885,88886],{"class":279,"line":308},[277,88887,40166],{"class":283},[277,88889,88890,88892,88894],{"class":279,"line":324},[277,88891,785],{"class":283},[277,88893,41],{"class":287},[277,88895,305],{"class":283},[3111,88897,88898],{},[21,88899,40179,88900,40182],{},[16,88901,1732],{},[192,88903,40186,88904],{"id":40185},[16,88905,1732],{},[21,88907,40191],{},[192,88909,26774,88910,40197],{"id":40194},[16,88911,1789],{},[21,88913,40200,88914,40203],{},[16,88915,1789],{},[30,88917,40207],{"id":40206},[38,88919,88920,88926,88930,88932,88936],{},[41,88921,20777,88922,40214,88924,104],{},[16,88923,22042],{},[16,88925,37003],{},[41,88927,40219,88928,104],{},[16,88929,1732],{},[41,88931,40224],{},[41,88933,40227,88934,40230],{},[16,88935,24880],{},[41,88937,40233],{},[30,88939,17671],{"id":17670},[21,88941,88942,40240],{},[16,88943,24880],{},[21,88945,40243],{},[38,88947,88948,88952,88956],{},[41,88949,88950,40250],{},[16,88951,1789],{},[41,88953,40253,88954],{},[16,88955,1732],{},[41,88957,40258],{},[21,88959,40261],{},[1606,88961,40264],{},{"title":273,"searchDepth":308,"depth":308,"links":88963},[88964,88965,88966,88967,88968,88969,88974,88979,88985,88986],{"id":20624,"depth":308,"text":20625},{"id":37049,"depth":308,"text":40269},{"id":155,"depth":308,"text":156},{"id":37101,"depth":308,"text":37102},{"id":37353,"depth":308,"text":37354},{"id":37773,"depth":308,"text":40274,"children":88970},[88971,88972,88973],{"id":37780,"depth":324,"text":40277},{"id":38031,"depth":324,"text":38032},{"id":38314,"depth":324,"text":40280},{"id":38703,"depth":308,"text":38704,"children":88975},[88976,88977,88978],{"id":38707,"depth":324,"text":40284},{"id":39262,"depth":324,"text":40286},{"id":39577,"depth":324,"text":39578},{"id":40021,"depth":308,"text":40289,"children":88980},[88981,88982,88983,88984],{"id":40027,"depth":324,"text":40292},{"id":40101,"depth":324,"text":40294},{"id":40185,"depth":324,"text":40296},{"id":40194,"depth":324,"text":40298},{"id":40206,"depth":308,"text":40207},{"id":17670,"depth":308,"text":17671},{"script":88988},[88989],{"type":1632,"key":1633,"data-nuxt-schema-org":327,"nodes":88990},[88991],{"headline":40310,"author":88992,"datePublished":40312,"@type":1640},{"name":1637,"@type":1638},{"updatedAt":40312,"coverCaption":17759,"author":1637,"keywords":88994},[1645,24880,40315,1789,271,971,10645],[88996],{"headline":40310,"author":88997,"datePublished":40312,"@type":1640},{"name":1637,"@type":1638},{"title":36974,"description":40304},[89000,89001,89002,89003],{"tag":20588,"color":20589},{"tag":40325,"color":3168},{"tag":21891,"color":21892},{"tag":9074,"color":9075},{"id":40330,"title":40331,"body":89005,"cover":42171,"coverAlt":42172,"date":42173,"description":42174,"draft":1627,"extension":1628,"head":90672,"locale":1641,"meta":90678,"navigation":327,"path":42188,"schemaOrg":90680,"seo":90683,"series":20582,"seriesDescription":20583,"seriesOrder":308,"seriesTitle":20584,"slug":1656,"stem":42193,"tags":90684,"__hash__":42201},{"type":8,"value":89006,"toc":90653},[89007,89015,89025,89047,89053,89055,89059,89069,89073,89081,89089,89095,89103,89105,89115,89119,89123,89127,89133,89143,89145,89173,89179,89181,89407,89645,89659,89663,89669,89850,90037,90039,90043,90051,90057,90063,90071,90297,90529,90531,90537,90539,90585,90595,90599,90609,90613,90621,90623,90645,90651],[11,89008,89009,225,89011,1697,89013,40344],{"id":40336},[16,89010,7538],{},[16,89012,40341],{},[16,89014,7701],{},[21,89016,40347,89017,225,89019,1697,89021,40354,89023,40358],{},[16,89018,7538],{},[16,89020,40341],{},[16,89022,7701],{},[72,89024,40357],{},[38,89026,89027,89037],{},[41,89028,89029,20699,89035,40372],{},[72,89030,89031,5245,89033],{},[16,89032,7538],{},[16,89034,40341],{},[3292,89036,40371],{},[41,89038,89039,20699,89043,40382,89045,104],{},[72,89040,89041],{},[16,89042,7701],{},[3292,89044,40381],{},[16,89046,40385],{},[21,89048,40388,89049,12494,89051,40395],{},[72,89050,40391],{},[72,89052,40394],{},[30,89054,40399],{"id":40398},[192,89056,89057],{"id":7538},[16,89058,7538],{},[21,89060,40406,89061,40410,89063,40413,89065,40416,89067,104],{},[72,89062,40409],{},[16,89064,2149],{},[16,89066,2123],{},[72,89068,40419],{},[21,89070,89071],{},[72,89072,40424],{},[38,89074,89075,89077,89079],{},[41,89076,40429],{},[41,89078,40432],{},[41,89080,40435],{},[3111,89082,89083],{},[21,89084,89085,40442,89087,40446],{},[16,89086,7538],{},[72,89088,40445],{},[192,89090,89091,1697,89093],{"id":40449},[16,89092,40341],{},[16,89094,40454],{},[21,89096,40457,89097,40461,89099,118,89101,104],{},[72,89098,40460],{},[16,89100,7538],{},[16,89102,40454],{},[21,89104,40468],{},[38,89106,89107,89111],{},[41,89108,40473,89109,40477],{},[72,89110,40476],{},[41,89112,40480,89113,104],{},[72,89114,40483],{},[192,89116,89117],{"id":7701},[16,89118,7701],{},[21,89120,40490,89121,40494],{},[72,89122,40493],{},[21,89124,89125],{},[72,89126,40424],{},[38,89128,89129,89131],{},[41,89130,40503],{},[41,89132,40506],{},[3111,89134,89135],{},[21,89136,89137,10969,89139,40518],{},[16,89138,7701],{},[72,89140,40515,89141],{},[16,89142,26159],{},[30,89144,40522],{"id":40521},[38,89146,89147,89155,89165],{},[41,89148,20777,89149,40531,89153,40535],{},[72,89150,89151],{},[16,89152,7538],{},[72,89154,40534],{},[41,89156,20777,89157,40531,89161,40545,89163,104],{},[72,89158,89159],{},[16,89160,7701],{},[72,89162,40544],{},[72,89164,40548],{},[41,89166,20777,89167,40555,89171,104],{},[72,89168,89169],{},[16,89170,40341],{},[16,89172,7538],{},[30,89174,40561,89175,28155,89177,19],{"id":40560},[16,89176,7538],{},[16,89178,40341],{},[21,89180,40568],{},[267,89182,89184],{"className":269,"code":40571,"filename":271,"highlights":89183,"language":272,"meta":273,"style":273},[371,500,550],[16,89185,89186,89196,89208,89212,89228,89232,89240,89251,89255,89263,89267,89275,89289,89293,89301,89305,89320,89332,89344,89352,89356,89367,89379,89391,89399],{"__ignoreMap":273},[277,89187,89188,89190,89192,89194],{"class":279,"line":280},[277,89189,284],{"class":283},[277,89191,288],{"class":287},[277,89193,292],{"class":291},[277,89195,305],{"class":283},[277,89197,89198,89200,89202,89204,89206],{"class":279,"line":308},[277,89199,312],{"class":311},[277,89201,11006],{"class":283},[277,89203,318],{"class":311},[277,89205,18148],{"class":301},[277,89207,18151],{"class":283},[277,89209,89210],{"class":279,"line":324},[277,89211,328],{"emptyLinePlaceholder":327},[277,89213,89214,89216,89218,89220,89222,89224,89226],{"class":279,"line":331},[277,89215,405],{"class":311},[277,89217,40607],{"class":356},[277,89219,340],{"class":311},[277,89221,413],{"class":291},[277,89223,448],{"class":283},[277,89225,2123],{"class":356},[277,89227,18277],{"class":283},[277,89229,89230],{"class":279,"line":346},[277,89231,328],{"emptyLinePlaceholder":327},[277,89233,89234,89236,89238],{"class":279,"line":360},[277,89235,2460],{"class":311},[277,89237,40628],{"class":291},[277,89239,473],{"class":283},[277,89241,89243,89245,89247,89249],{"class":89242,"line":371},[279,9398],[277,89244,40636],{"class":283},[277,89246,298],{"class":311},[277,89248,2288],{"class":311},[277,89250,40643],{"class":283},[277,89252,89253],{"class":279,"line":381},[277,89254,394],{"class":283},[277,89256,89257,89259,89261],{"class":279,"line":391},[277,89258,785],{"class":283},[277,89260,288],{"class":287},[277,89262,305],{"class":283},[277,89264,89265],{"class":279,"line":397},[277,89266,328],{"emptyLinePlaceholder":327},[277,89268,89269,89271,89273],{"class":279,"line":402},[277,89270,284],{"class":283},[277,89272,802],{"class":287},[277,89274,305],{"class":283},[277,89276,89277,89279,89281,89283,89285,89287],{"class":279,"line":436},[277,89278,810],{"class":283},[277,89280,4267],{"class":287},[277,89282,4278],{"class":291},[277,89284,298],{"class":283},[277,89286,40680],{"class":301},[277,89288,305],{"class":283},[277,89290,89291],{"class":279,"line":456},[277,89292,40687],{"class":283},[277,89294,89295,89297,89299],{"class":279,"line":461},[277,89296,954],{"class":283},[277,89298,4267],{"class":287},[277,89300,305],{"class":283},[277,89302,89303],{"class":279,"line":476},[277,89304,328],{"emptyLinePlaceholder":327},[277,89306,89308,89310,89312,89314,89316,89318],{"class":89307,"line":500},[279,9398],[277,89309,810],{"class":283},[277,89311,4121],{"class":287},[277,89313,834],{"class":291},[277,89315,298],{"class":283},[277,89317,40713],{"class":301},[277,89319,305],{"class":283},[277,89321,89322,89324,89326,89328,89330],{"class":279,"line":505},[277,89323,829],{"class":283},[277,89325,30],{"class":287},[277,89327,40724],{"class":283},[277,89329,30],{"class":287},[277,89331,305],{"class":283},[277,89333,89334,89336,89338,89340,89342],{"class":279,"line":520},[277,89335,829],{"class":283},[277,89337,21],{"class":287},[277,89339,40737],{"class":283},[277,89341,21],{"class":287},[277,89343,305],{"class":283},[277,89345,89346,89348,89350],{"class":279,"line":539},[277,89347,954],{"class":283},[277,89349,4121],{"class":287},[277,89351,305],{"class":283},[277,89353,89354],{"class":279,"line":545},[277,89355,328],{"emptyLinePlaceholder":327},[277,89357,89359,89361,89363,89365],{"class":89358,"line":550},[279,9398],[277,89360,810],{"class":283},[277,89362,4121],{"class":287},[277,89364,941],{"class":291},[277,89366,305],{"class":283},[277,89368,89369,89371,89373,89375,89377],{"class":279,"line":578},[277,89370,829],{"class":283},[277,89372,30],{"class":287},[277,89374,40773],{"class":283},[277,89376,30],{"class":287},[277,89378,305],{"class":283},[277,89380,89381,89383,89385,89387,89389],{"class":279,"line":583},[277,89382,829],{"class":283},[277,89384,21],{"class":287},[277,89386,40786],{"class":283},[277,89388,21],{"class":287},[277,89390,305],{"class":283},[277,89392,89393,89395,89397],{"class":279,"line":588},[277,89394,954],{"class":283},[277,89396,4121],{"class":287},[277,89398,305],{"class":283},[277,89400,89401,89403,89405],{"class":279,"line":606},[277,89402,785],{"class":283},[277,89404,802],{"class":287},[277,89406,305],{"class":283},[267,89408,89410],{"className":269,"code":40809,"filename":971,"highlights":89409,"language":272,"meta":273,"style":273},[397,550,614],[16,89411,89412,89420,89428,89434,89440,89448,89452,89456,89460,89466,89481,89485,89489,89493,89501,89505,89513,89527,89531,89539,89543,89558,89570,89582,89590,89594,89605,89617,89629,89637],{"__ignoreMap":273},[277,89413,89414,89416,89418],{"class":279,"line":280},[277,89415,284],{"class":283},[277,89417,288],{"class":287},[277,89419,305],{"class":283},[277,89421,89422,89424,89426],{"class":279,"line":308},[277,89423,1057],{"class":311},[277,89425,1060],{"class":311},[277,89427,343],{"class":283},[277,89429,89430,89432],{"class":279,"line":324},[277,89431,1086],{"class":291},[277,89433,473],{"class":283},[277,89435,89436,89438],{"class":279,"line":331},[277,89437,1093],{"class":311},[277,89439,343],{"class":283},[277,89441,89442,89444,89446],{"class":279,"line":346},[277,89443,40845],{"class":283},[277,89445,2123],{"class":356},[277,89447,1077],{"class":283},[277,89449,89450],{"class":279,"line":360},[277,89451,18478],{"class":283},[277,89453,89454],{"class":279,"line":371},[277,89455,1131],{"class":283},[277,89457,89458],{"class":279,"line":381},[277,89459,1140],{"class":283},[277,89461,89462,89464],{"class":279,"line":391},[277,89463,40866],{"class":291},[277,89465,473],{"class":283},[277,89467,89469,89471,89473,89475,89477,89479],{"class":89468,"line":397},[279,9398],[277,89470,1212],{"class":356},[277,89472,40876],{"class":283},[277,89474,298],{"class":311},[277,89476,2288],{"class":311},[277,89478,1341],{"class":356},[277,89480,40885],{"class":283},[277,89482,89483],{"class":279,"line":402},[277,89484,7016],{"class":283},[277,89486,89487],{"class":279,"line":436},[277,89488,1131],{"class":283},[277,89490,89491],{"class":279,"line":456},[277,89492,18255],{"class":283},[277,89494,89495,89497,89499],{"class":279,"line":461},[277,89496,785],{"class":283},[277,89498,288],{"class":287},[277,89500,305],{"class":283},[277,89502,89503],{"class":279,"line":476},[277,89504,328],{"emptyLinePlaceholder":327},[277,89506,89507,89509,89511],{"class":279,"line":500},[277,89508,284],{"class":283},[277,89510,802],{"class":287},[277,89512,305],{"class":283},[277,89514,89515,89517,89519,89521,89523,89525],{"class":279,"line":505},[277,89516,810],{"class":283},[277,89518,4267],{"class":287},[277,89520,4278],{"class":291},[277,89522,298],{"class":283},[277,89524,40680],{"class":301},[277,89526,305],{"class":283},[277,89528,89529],{"class":279,"line":520},[277,89530,40687],{"class":283},[277,89532,89533,89535,89537],{"class":279,"line":539},[277,89534,954],{"class":283},[277,89536,4267],{"class":287},[277,89538,305],{"class":283},[277,89540,89541],{"class":279,"line":545},[277,89542,328],{"emptyLinePlaceholder":327},[277,89544,89546,89548,89550,89552,89554,89556],{"class":89545,"line":550},[279,9398],[277,89547,810],{"class":283},[277,89549,4121],{"class":287},[277,89551,834],{"class":291},[277,89553,298],{"class":283},[277,89555,40713],{"class":301},[277,89557,305],{"class":283},[277,89559,89560,89562,89564,89566,89568],{"class":279,"line":578},[277,89561,829],{"class":283},[277,89563,30],{"class":287},[277,89565,40724],{"class":283},[277,89567,30],{"class":287},[277,89569,305],{"class":283},[277,89571,89572,89574,89576,89578,89580],{"class":279,"line":583},[277,89573,829],{"class":283},[277,89575,21],{"class":287},[277,89577,40737],{"class":283},[277,89579,21],{"class":287},[277,89581,305],{"class":283},[277,89583,89584,89586,89588],{"class":279,"line":588},[277,89585,954],{"class":283},[277,89587,4121],{"class":287},[277,89589,305],{"class":283},[277,89591,89592],{"class":279,"line":606},[277,89593,328],{"emptyLinePlaceholder":327},[277,89595,89597,89599,89601,89603],{"class":89596,"line":614},[279,9398],[277,89598,810],{"class":283},[277,89600,4121],{"class":287},[277,89602,941],{"class":291},[277,89604,305],{"class":283},[277,89606,89607,89609,89611,89613,89615],{"class":279,"line":625},[277,89608,829],{"class":283},[277,89610,30],{"class":287},[277,89612,40773],{"class":283},[277,89614,30],{"class":287},[277,89616,305],{"class":283},[277,89618,89619,89621,89623,89625,89627],{"class":279,"line":637},[277,89620,829],{"class":283},[277,89622,21],{"class":287},[277,89624,40786],{"class":283},[277,89626,21],{"class":287},[277,89628,305],{"class":283},[277,89630,89631,89633,89635],{"class":279,"line":646},[277,89632,954],{"class":283},[277,89634,4121],{"class":287},[277,89636,305],{"class":283},[277,89638,89639,89641,89643],{"class":279,"line":668},[277,89640,785],{"class":283},[277,89642,802],{"class":287},[277,89644,305],{"class":283},[3111,89646,89647],{},[21,89648,17879,89649,41057,89651,16974,89653,41063,89655,41067,89657,104],{},[16,89650,41056],{},[72,89652,41060],{},[16,89654,7538],{},[16,89656,41066],{},[16,89658,16666],{},[30,89660,41073,89661,19],{"id":41072},[16,89662,7701],{},[21,89664,41078,89665,41083],{},[72,89666,89667],{},[16,89668,7701],{},[267,89670,89672],{"className":269,"code":41086,"filename":271,"highlights":89671,"language":272,"meta":273,"style":273},[331,436],[16,89673,89674,89684,89696,89700,89717,89725,89729,89737,89751,89755,89763,89767,89788,89800,89808,89822,89826,89834,89842],{"__ignoreMap":273},[277,89675,89676,89678,89680,89682],{"class":279,"line":280},[277,89677,284],{"class":283},[277,89679,288],{"class":287},[277,89681,292],{"class":291},[277,89683,305],{"class":283},[277,89685,89686,89688,89690,89692,89694],{"class":279,"line":308},[277,89687,312],{"class":311},[277,89689,11006],{"class":283},[277,89691,318],{"class":311},[277,89693,18148],{"class":301},[277,89695,18151],{"class":283},[277,89697,89698],{"class":279,"line":324},[277,89699,328],{"emptyLinePlaceholder":327},[277,89701,89703,89705,89707,89709,89711,89713,89715],{"class":89702,"line":331},[279,9398],[277,89704,405],{"class":311},[277,89706,18266],{"class":356},[277,89708,340],{"class":311},[277,89710,413],{"class":291},[277,89712,448],{"class":283},[277,89714,2123],{"class":356},[277,89716,18277],{"class":283},[277,89718,89719,89721,89723],{"class":279,"line":346},[277,89720,785],{"class":283},[277,89722,288],{"class":287},[277,89724,305],{"class":283},[277,89726,89727],{"class":279,"line":360},[277,89728,328],{"emptyLinePlaceholder":327},[277,89730,89731,89733,89735],{"class":279,"line":371},[277,89732,284],{"class":283},[277,89734,802],{"class":287},[277,89736,305],{"class":283},[277,89738,89739,89741,89743,89745,89747,89749],{"class":279,"line":381},[277,89740,810],{"class":283},[277,89742,4267],{"class":287},[277,89744,4278],{"class":291},[277,89746,298],{"class":283},[277,89748,18700],{"class":301},[277,89750,305],{"class":283},[277,89752,89753],{"class":279,"line":391},[277,89754,41171],{"class":283},[277,89756,89757,89759,89761],{"class":279,"line":397},[277,89758,954],{"class":283},[277,89760,4267],{"class":287},[277,89762,305],{"class":283},[277,89764,89765],{"class":279,"line":402},[277,89766,328],{"emptyLinePlaceholder":327},[277,89768,89770,89772,89774,89776,89778,89780,89782,89784,89786],{"class":89769,"line":436},[279,9398],[277,89771,810],{"class":283},[277,89773,21481],{"class":287},[277,89775,41193],{"class":291},[277,89777,298],{"class":283},[277,89779,18724],{"class":301},[277,89781,816],{"class":291},[277,89783,298],{"class":283},[277,89785,6417],{"class":301},[277,89787,305],{"class":283},[277,89789,89790,89792,89794,89796,89798],{"class":279,"line":456},[277,89791,829],{"class":283},[277,89793,192],{"class":287},[277,89795,41214],{"class":283},[277,89797,192],{"class":287},[277,89799,305],{"class":283},[277,89801,89802,89804,89806],{"class":279,"line":461},[277,89803,829],{"class":283},[277,89805,3875],{"class":287},[277,89807,305],{"class":283},[277,89809,89810,89812,89814,89816,89818,89820],{"class":279,"line":476},[277,89811,879],{"class":283},[277,89813,18041],{"class":287},[277,89815,4270],{"class":291},[277,89817,298],{"class":283},[277,89819,29189],{"class":301},[277,89821,4325],{"class":283},[277,89823,89824],{"class":279,"line":500},[277,89825,41245],{"class":283},[277,89827,89828,89830,89832],{"class":279,"line":505},[277,89829,922],{"class":283},[277,89831,3875],{"class":287},[277,89833,305],{"class":283},[277,89835,89836,89838,89840],{"class":279,"line":520},[277,89837,954],{"class":283},[277,89839,21481],{"class":287},[277,89841,305],{"class":283},[277,89843,89844,89846,89848],{"class":279,"line":539},[277,89845,785],{"class":283},[277,89847,802],{"class":287},[277,89849,305],{"class":283},[267,89851,89853],{"className":269,"code":41272,"filename":971,"highlights":89852,"language":272,"meta":273,"style":273},[346,500],[16,89854,89855,89863,89871,89877,89883,89892,89896,89900,89904,89912,89916,89924,89938,89942,89950,89954,89975,89987,89995,90009,90013,90021,90029],{"__ignoreMap":273},[277,89856,89857,89859,89861],{"class":279,"line":280},[277,89858,284],{"class":283},[277,89860,288],{"class":287},[277,89862,305],{"class":283},[277,89864,89865,89867,89869],{"class":279,"line":308},[277,89866,1057],{"class":311},[277,89868,1060],{"class":311},[277,89870,343],{"class":283},[277,89872,89873,89875],{"class":279,"line":324},[277,89874,1086],{"class":291},[277,89876,473],{"class":283},[277,89878,89879,89881],{"class":279,"line":331},[277,89880,1093],{"class":311},[277,89882,343],{"class":283},[277,89884,89886,89888,89890],{"class":89885,"line":346},[279,9398],[277,89887,18831],{"class":283},[277,89889,2123],{"class":356},[277,89891,1077],{"class":283},[277,89893,89894],{"class":279,"line":360},[277,89895,18478],{"class":283},[277,89897,89898],{"class":279,"line":371},[277,89899,1131],{"class":283},[277,89901,89902],{"class":279,"line":381},[277,89903,18255],{"class":283},[277,89905,89906,89908,89910],{"class":279,"line":391},[277,89907,785],{"class":283},[277,89909,288],{"class":287},[277,89911,305],{"class":283},[277,89913,89914],{"class":279,"line":397},[277,89915,328],{"emptyLinePlaceholder":327},[277,89917,89918,89920,89922],{"class":279,"line":402},[277,89919,284],{"class":283},[277,89921,802],{"class":287},[277,89923,305],{"class":283},[277,89925,89926,89928,89930,89932,89934,89936],{"class":279,"line":436},[277,89927,810],{"class":283},[277,89929,4267],{"class":287},[277,89931,4278],{"class":291},[277,89933,298],{"class":283},[277,89935,18700],{"class":301},[277,89937,305],{"class":283},[277,89939,89940],{"class":279,"line":456},[277,89941,41171],{"class":283},[277,89943,89944,89946,89948],{"class":279,"line":461},[277,89945,954],{"class":283},[277,89947,4267],{"class":287},[277,89949,305],{"class":283},[277,89951,89952],{"class":279,"line":476},[277,89953,328],{"emptyLinePlaceholder":327},[277,89955,89957,89959,89961,89963,89965,89967,89969,89971,89973],{"class":89956,"line":500},[279,9398],[277,89958,810],{"class":283},[277,89960,21481],{"class":287},[277,89962,41193],{"class":291},[277,89964,298],{"class":283},[277,89966,18724],{"class":301},[277,89968,816],{"class":291},[277,89970,298],{"class":283},[277,89972,6417],{"class":301},[277,89974,305],{"class":283},[277,89976,89977,89979,89981,89983,89985],{"class":279,"line":505},[277,89978,829],{"class":283},[277,89980,192],{"class":287},[277,89982,41214],{"class":283},[277,89984,192],{"class":287},[277,89986,305],{"class":283},[277,89988,89989,89991,89993],{"class":279,"line":520},[277,89990,829],{"class":283},[277,89992,3875],{"class":287},[277,89994,305],{"class":283},[277,89996,89997,89999,90001,90003,90005,90007],{"class":279,"line":539},[277,89998,879],{"class":283},[277,90000,18041],{"class":287},[277,90002,4270],{"class":291},[277,90004,298],{"class":283},[277,90006,29189],{"class":301},[277,90008,4325],{"class":283},[277,90010,90011],{"class":279,"line":545},[277,90012,41245],{"class":283},[277,90014,90015,90017,90019],{"class":279,"line":550},[277,90016,922],{"class":283},[277,90018,3875],{"class":287},[277,90020,305],{"class":283},[277,90022,90023,90025,90027],{"class":279,"line":578},[277,90024,954],{"class":283},[277,90026,21481],{"class":287},[277,90028,305],{"class":283},[277,90030,90031,90033,90035],{"class":279,"line":583},[277,90032,785],{"class":283},[277,90034,802],{"class":287},[277,90036,305],{"class":283},[192,90038,41461],{"id":41460},[21,90040,41464,90041,41468],{},[72,90042,41467],{},[38,90044,90045,90047,90049],{},[41,90046,41473],{},[41,90048,41476],{},[41,90050,41479],{},[21,90052,41482,90053,41486,90055,104],{},[72,90054,41485],{},[16,90056,7538],{},[30,90058,90059,41494,90061,41498],{"id":41491},[16,90060,40454],{},[16,90062,41497],{},[21,90064,41501,90065,225,90067,1697,90069,104],{},[3292,90066,3343],{},[3292,90068,3349],{},[3292,90070,41508],{},[267,90072,90074],{"className":269,"code":41511,"filename":271,"highlights":90073,"language":272,"meta":273,"style":273},[331,456,461,476,500],[16,90075,90076,90086,90098,90102,90121,90129,90133,90141,90159,90177,90195,90213,90217,90236,90255,90274,90289],{"__ignoreMap":273},[277,90077,90078,90080,90082,90084],{"class":279,"line":280},[277,90079,284],{"class":283},[277,90081,288],{"class":287},[277,90083,292],{"class":291},[277,90085,305],{"class":283},[277,90087,90088,90090,90092,90094,90096],{"class":279,"line":308},[277,90089,312],{"class":311},[277,90091,11006],{"class":283},[277,90093,318],{"class":311},[277,90095,18148],{"class":301},[277,90097,18151],{"class":283},[277,90099,90100],{"class":279,"line":324},[277,90101,328],{"emptyLinePlaceholder":327},[277,90103,90105,90107,90109,90111,90113,90115,90117,90119],{"class":90104,"line":331},[279,9398],[277,90106,405],{"class":311},[277,90108,5726],{"class":356},[277,90110,340],{"class":311},[277,90112,413],{"class":291},[277,90114,448],{"class":283},[277,90116,41556],{"class":301},[277,90118,41559],{"class":283},[277,90120,41562],{"class":12741},[277,90122,90123,90125,90127],{"class":279,"line":346},[277,90124,785],{"class":283},[277,90126,288],{"class":287},[277,90128,305],{"class":283},[277,90130,90131],{"class":279,"line":360},[277,90132,328],{"emptyLinePlaceholder":327},[277,90134,90135,90137,90139],{"class":279,"line":371},[277,90136,284],{"class":283},[277,90138,802],{"class":287},[277,90140,305],{"class":283},[277,90142,90143,90145,90147,90149,90151,90153,90155,90157],{"class":279,"line":381},[277,90144,810],{"class":283},[277,90146,4267],{"class":287},[277,90148,4278],{"class":291},[277,90150,298],{"class":283},[277,90152,41595],{"class":301},[277,90154,41598],{"class":283},[277,90156,4267],{"class":287},[277,90158,305],{"class":283},[277,90160,90161,90163,90165,90167,90169,90171,90173,90175],{"class":279,"line":391},[277,90162,810],{"class":283},[277,90164,4267],{"class":287},[277,90166,4278],{"class":291},[277,90168,298],{"class":283},[277,90170,41615],{"class":301},[277,90172,41618],{"class":283},[277,90174,4267],{"class":287},[277,90176,305],{"class":283},[277,90178,90179,90181,90183,90185,90187,90189,90191,90193],{"class":279,"line":397},[277,90180,810],{"class":283},[277,90182,4267],{"class":287},[277,90184,4278],{"class":291},[277,90186,298],{"class":283},[277,90188,41635],{"class":301},[277,90190,41638],{"class":283},[277,90192,4267],{"class":287},[277,90194,305],{"class":283},[277,90196,90197,90199,90201,90203,90205,90207,90209,90211],{"class":279,"line":402},[277,90198,810],{"class":283},[277,90200,4267],{"class":287},[277,90202,4278],{"class":291},[277,90204,298],{"class":283},[277,90206,41655],{"class":301},[277,90208,41658],{"class":283},[277,90210,4267],{"class":287},[277,90212,305],{"class":283},[277,90214,90215],{"class":279,"line":436},[277,90216,328],{"emptyLinePlaceholder":327},[277,90218,90220,90222,90224,90226,90228,90230,90232,90234],{"class":90219,"line":456},[279,9398],[277,90221,810],{"class":283},[277,90223,21],{"class":287},[277,90225,834],{"class":291},[277,90227,298],{"class":283},[277,90229,41680],{"class":301},[277,90231,41683],{"class":283},[277,90233,21],{"class":287},[277,90235,305],{"class":283},[277,90237,90239,90241,90243,90245,90247,90249,90251,90253],{"class":90238,"line":461},[279,9398],[277,90240,810],{"class":283},[277,90242,21],{"class":287},[277,90244,861],{"class":291},[277,90246,298],{"class":283},[277,90248,41701],{"class":301},[277,90250,41704],{"class":283},[277,90252,21],{"class":287},[277,90254,305],{"class":283},[277,90256,90258,90260,90262,90264,90266,90268,90270,90272],{"class":90257,"line":476},[279,9398],[277,90259,810],{"class":283},[277,90261,21],{"class":287},[277,90263,861],{"class":291},[277,90265,298],{"class":283},[277,90267,41722],{"class":301},[277,90269,41725],{"class":283},[277,90271,21],{"class":287},[277,90273,305],{"class":283},[277,90275,90277,90279,90281,90283,90285,90287],{"class":90276,"line":500},[279,9398],[277,90278,810],{"class":283},[277,90280,21],{"class":287},[277,90282,941],{"class":291},[277,90284,41741],{"class":283},[277,90286,21],{"class":287},[277,90288,305],{"class":283},[277,90290,90291,90293,90295],{"class":279,"line":505},[277,90292,785],{"class":283},[277,90294,802],{"class":287},[277,90296,305],{"class":283},[267,90298,90300],{"className":269,"code":41756,"filename":971,"highlights":90299,"language":272,"meta":273,"style":273},[346,505,520,539,545],[16,90301,90302,90310,90318,90324,90330,90341,90345,90349,90353,90361,90365,90373,90391,90409,90427,90445,90449,90468,90487,90506,90521],{"__ignoreMap":273},[277,90303,90304,90306,90308],{"class":279,"line":280},[277,90305,284],{"class":283},[277,90307,288],{"class":287},[277,90309,305],{"class":283},[277,90311,90312,90314,90316],{"class":279,"line":308},[277,90313,1057],{"class":311},[277,90315,1060],{"class":311},[277,90317,343],{"class":283},[277,90319,90320,90322],{"class":279,"line":324},[277,90321,1086],{"class":291},[277,90323,473],{"class":283},[277,90325,90326,90328],{"class":279,"line":331},[277,90327,1093],{"class":311},[277,90329,343],{"class":283},[277,90331,90333,90335,90337,90339],{"class":90332,"line":346},[279,9398],[277,90334,6620],{"class":283},[277,90336,41556],{"class":301},[277,90338,225],{"class":283},[277,90340,41562],{"class":12741},[277,90342,90343],{"class":279,"line":360},[277,90344,18478],{"class":283},[277,90346,90347],{"class":279,"line":371},[277,90348,1131],{"class":283},[277,90350,90351],{"class":279,"line":381},[277,90352,18255],{"class":283},[277,90354,90355,90357,90359],{"class":279,"line":391},[277,90356,785],{"class":283},[277,90358,288],{"class":287},[277,90360,305],{"class":283},[277,90362,90363],{"class":279,"line":397},[277,90364,328],{"emptyLinePlaceholder":327},[277,90366,90367,90369,90371],{"class":279,"line":402},[277,90368,284],{"class":283},[277,90370,802],{"class":287},[277,90372,305],{"class":283},[277,90374,90375,90377,90379,90381,90383,90385,90387,90389],{"class":279,"line":436},[277,90376,810],{"class":283},[277,90378,4267],{"class":287},[277,90380,4278],{"class":291},[277,90382,298],{"class":283},[277,90384,41595],{"class":301},[277,90386,41598],{"class":283},[277,90388,4267],{"class":287},[277,90390,305],{"class":283},[277,90392,90393,90395,90397,90399,90401,90403,90405,90407],{"class":279,"line":456},[277,90394,810],{"class":283},[277,90396,4267],{"class":287},[277,90398,4278],{"class":291},[277,90400,298],{"class":283},[277,90402,41615],{"class":301},[277,90404,41618],{"class":283},[277,90406,4267],{"class":287},[277,90408,305],{"class":283},[277,90410,90411,90413,90415,90417,90419,90421,90423,90425],{"class":279,"line":461},[277,90412,810],{"class":283},[277,90414,4267],{"class":287},[277,90416,4278],{"class":291},[277,90418,298],{"class":283},[277,90420,41635],{"class":301},[277,90422,41638],{"class":283},[277,90424,4267],{"class":287},[277,90426,305],{"class":283},[277,90428,90429,90431,90433,90435,90437,90439,90441,90443],{"class":279,"line":476},[277,90430,810],{"class":283},[277,90432,4267],{"class":287},[277,90434,4278],{"class":291},[277,90436,298],{"class":283},[277,90438,41655],{"class":301},[277,90440,41658],{"class":283},[277,90442,4267],{"class":287},[277,90444,305],{"class":283},[277,90446,90447],{"class":279,"line":500},[277,90448,328],{"emptyLinePlaceholder":327},[277,90450,90452,90454,90456,90458,90460,90462,90464,90466],{"class":90451,"line":505},[279,9398],[277,90453,810],{"class":283},[277,90455,21],{"class":287},[277,90457,834],{"class":291},[277,90459,298],{"class":283},[277,90461,41680],{"class":301},[277,90463,41683],{"class":283},[277,90465,21],{"class":287},[277,90467,305],{"class":283},[277,90469,90471,90473,90475,90477,90479,90481,90483,90485],{"class":90470,"line":520},[279,9398],[277,90472,810],{"class":283},[277,90474,21],{"class":287},[277,90476,861],{"class":291},[277,90478,298],{"class":283},[277,90480,41701],{"class":301},[277,90482,41704],{"class":283},[277,90484,21],{"class":287},[277,90486,305],{"class":283},[277,90488,90490,90492,90494,90496,90498,90500,90502,90504],{"class":90489,"line":539},[279,9398],[277,90491,810],{"class":283},[277,90493,21],{"class":287},[277,90495,861],{"class":291},[277,90497,298],{"class":283},[277,90499,41722],{"class":301},[277,90501,41725],{"class":283},[277,90503,21],{"class":287},[277,90505,305],{"class":283},[277,90507,90509,90511,90513,90515,90517,90519],{"class":90508,"line":545},[279,9398],[277,90510,810],{"class":283},[277,90512,21],{"class":287},[277,90514,941],{"class":291},[277,90516,41741],{"class":283},[277,90518,21],{"class":287},[277,90520,305],{"class":283},[277,90522,90523,90525,90527],{"class":279,"line":550},[277,90524,785],{"class":283},[277,90526,802],{"class":287},[277,90528,305],{"class":283},[30,90530,190],{"id":189},[192,90532,41992,90533,41995,90535],{"id":41991},[16,90534,40341],{},[16,90536,7538],{},[21,90538,24892],{},[267,90540,90542],{"className":269,"code":42002,"filename":9339,"highlights":90541,"language":272,"meta":273,"style":273},[308],[16,90543,90544,90566,90571],{"__ignoreMap":273},[277,90545,90546,90548,90550,90552,90554,90556,90558,90560,90562,90564],{"class":279,"line":280},[277,90547,284],{"class":283},[277,90549,4201],{"class":287},[277,90551,834],{"class":311},[277,90553,298],{"class":283},[277,90555,866],{"class":301},[277,90557,42020],{"class":283},[277,90559,866],{"class":301},[277,90561,42025],{"class":283},[277,90563,4201],{"class":287},[277,90565,305],{"class":283},[277,90567,90569],{"class":90568,"line":308},[279,9398],[277,90570,42035],{"class":12741},[277,90572,90573,90575,90577,90579,90581,90583],{"class":279,"line":324},[277,90574,284],{"class":283},[277,90576,4201],{"class":287},[277,90578,941],{"class":311},[277,90580,42046],{"class":283},[277,90582,4201],{"class":287},[277,90584,305],{"class":283},[3111,90586,90587],{},[21,90588,17879,90589,41057,90591,42060,90593,104],{},[16,90590,40341],{},[72,90592,42059],{},[16,90594,7538],{},[192,90596,12603,90597,42068],{"id":42065},[16,90598,7701],{},[21,90600,42071,90601,42074,90603,225,90605,42081,90607,104],{},[16,90602,7701],{},[3292,90604,42077],{},[72,90606,42080],{},[16,90608,7538],{},[192,90610,42087,90611,42090],{"id":42086},[16,90612,7538],{},[21,90614,42093,90615,42096,90617,42100,90619,42103],{},[16,90616,7538],{},[72,90618,42099],{},[16,90620,7701],{},[30,90622,17671],{"id":17670},[38,90624,90625,90633,90639],{},[41,90626,90627,42114,90631,42118],{},[72,90628,90629],{},[16,90630,7538],{},[72,90632,42117],{},[41,90634,90635,42126],{},[72,90636,90637],{},[16,90638,42125],{},[41,90640,90641,42133],{},[72,90642,90643],{},[16,90644,7701],{},[3111,90646,90647],{},[21,90648,42138,90649],{},[72,90650,42141],{},[1606,90652,42144],{},{"title":273,"searchDepth":308,"depth":308,"links":90654},[90655,90660,90661,90662,90665,90666,90671],{"id":40398,"depth":308,"text":40399,"children":90656},[90657,90658,90659],{"id":7538,"depth":324,"text":7538},{"id":40449,"depth":324,"text":42151},{"id":7701,"depth":324,"text":7701},{"id":40521,"depth":308,"text":40522},{"id":40560,"depth":308,"text":42155},{"id":41072,"depth":308,"text":42157,"children":90663},[90664],{"id":41460,"depth":324,"text":41461},{"id":41491,"depth":308,"text":42161},{"id":189,"depth":308,"text":190,"children":90667},[90668,90669,90670],{"id":41991,"depth":324,"text":42165},{"id":42065,"depth":324,"text":42167},{"id":42086,"depth":324,"text":42169},{"id":17670,"depth":308,"text":17671},{"script":90673},[90674],{"type":1632,"key":1633,"data-nuxt-schema-org":327,"nodes":90675},[90676],{"headline":42180,"author":90677,"datePublished":42182,"@type":1640},{"name":1637,"@type":1638},{"updatedAt":42182,"coverCaption":42184,"author":1637,"keywords":90679},[1645,7538,40341,7701,42186,42187,271,971],[90681],{"headline":42180,"author":90682,"datePublished":42182,"@type":1640},{"name":1637,"@type":1638},{"title":40331,"description":42174},[90685,90686,90687,90688],{"tag":20588,"color":20589},{"tag":42197,"color":42198},{"tag":21891,"color":21892},{"tag":9074,"color":9075},{"id":42203,"title":42204,"body":90690,"cover":45570,"coverAlt":42204,"date":45571,"description":45572,"draft":1627,"extension":1628,"head":93860,"locale":1641,"meta":93866,"navigation":327,"path":45585,"schemaOrg":93868,"seo":93871,"series":20582,"seriesDescription":20583,"seriesOrder":280,"seriesTitle":20584,"slug":1656,"stem":45590,"tags":93872,"__hash__":45598},{"type":8,"value":90691,"toc":93842},[90692,90694,90702,90708,90710,90712,90754,90762,90768,90770,90778,90885,90998,91002,91008,91010,91016,91108,91206,91210,91212,91214,91222,91354,91494,91500,91504,91506,91510,91514,91608,91716,91720,91724,91726,91734,91840,91952,91958,91962,91964,92080,92216,92226,92230,92232,92324,92422,92424,92428,92430,92522,92620,92626,92630,92632,92773,92928,92932,92936,92940,93046,93158,93160,93164,93166,93292,93406,93410,93414,93416,93482,93554,93556,93560,93562,93628,93700,93702,93704,93706,93786,93818,93820,93822,93826,93828,93836,93840],[11,90693,42210],{"id":42209},[21,90695,42213,90696,42217,90698,42221,90700,42225],{},[72,90697,42216],{},[16,90699,42220],{},[72,90701,42224],{},[21,90703,42228,90704,42232,90706,42236],{},[72,90705,42231],{},[72,90707,42235],{},[30,90709,13169],{"id":13168},[21,90711,42241],{},[38,90713,90714,90718,90722,90726,90730,90734,90738,90742,90746,90750],{},[41,90715,90716],{},[13178,90717,40331],{"href":42248},[41,90719,90720],{},[13178,90721,36974],{"href":42253},[41,90723,90724],{},[13178,90725,33986],{"href":42258},[41,90727,90728],{},[13178,90729,28121],{"href":42263},[41,90731,90732],{},[13178,90733,30955],{"href":42268},[41,90735,90736],{},[13178,90737,24579],{"href":42273},[41,90739,90740],{},[13178,90741,25861],{"href":42278},[41,90743,90744],{},[13178,90745,21898],{"href":42283},[41,90747,90748],{},[13178,90749,20599],{"href":42288},[41,90751,90752],{},[13178,90753,17780],{"href":42293},[30,90755,90756,225,90758,225,90760],{"id":42296},[16,90757,7538],{},[16,90759,40454],{},[16,90761,40341],{},[21,90763,42305,90764,42309,90766,104],{},[72,90765,42308],{},[72,90767,40419],{},[21,90769,42314],{},[38,90771,90772,90774,90776],{},[41,90773,42319],{},[41,90775,42322],{},[41,90777,42325],{},[267,90779,90781],{"className":269,"code":42328,"filename":271,"highlights":90780,"language":272,"meta":273,"style":273},[381,391],[16,90782,90783,90793,90803,90807,90823,90831,90835,90843,90862,90877],{"__ignoreMap":273},[277,90784,90785,90787,90789,90791],{"class":279,"line":280},[277,90786,284],{"class":283},[277,90788,288],{"class":287},[277,90790,292],{"class":291},[277,90792,305],{"class":283},[277,90794,90795,90797,90799,90801],{"class":279,"line":308},[277,90796,312],{"class":311},[277,90798,11006],{"class":283},[277,90800,318],{"class":311},[277,90802,321],{"class":301},[277,90804,90805],{"class":279,"line":324},[277,90806,328],{"emptyLinePlaceholder":327},[277,90808,90809,90811,90813,90815,90817,90819,90821],{"class":279,"line":331},[277,90810,405],{"class":311},[277,90812,42362],{"class":356},[277,90814,340],{"class":311},[277,90816,413],{"class":291},[277,90818,448],{"class":283},[277,90820,2149],{"class":356},[277,90822,433],{"class":283},[277,90824,90825,90827,90829],{"class":279,"line":346},[277,90826,785],{"class":283},[277,90828,288],{"class":287},[277,90830,305],{"class":283},[277,90832,90833],{"class":279,"line":360},[277,90834,328],{"emptyLinePlaceholder":327},[277,90836,90837,90839,90841],{"class":279,"line":371},[277,90838,284],{"class":283},[277,90840,802],{"class":287},[277,90842,305],{"class":283},[277,90844,90846,90848,90850,90852,90854,90856,90858,90860],{"class":90845,"line":381},[279,9398],[277,90847,810],{"class":283},[277,90849,21],{"class":287},[277,90851,834],{"class":291},[277,90853,298],{"class":283},[277,90855,42406],{"class":301},[277,90857,42409],{"class":283},[277,90859,21],{"class":287},[277,90861,305],{"class":283},[277,90863,90865,90867,90869,90871,90873,90875],{"class":90864,"line":391},[279,9398],[277,90866,810],{"class":283},[277,90868,21],{"class":287},[277,90870,941],{"class":291},[277,90872,42425],{"class":283},[277,90874,21],{"class":287},[277,90876,305],{"class":283},[277,90878,90879,90881,90883],{"class":279,"line":397},[277,90880,785],{"class":283},[277,90882,802],{"class":287},[277,90884,305],{"class":283},[267,90886,90888],{"className":269,"code":42440,"filename":971,"highlights":90887,"language":272,"meta":273,"style":273},[436,456],[16,90889,90890,90898,90906,90912,90918,90924,90928,90932,90936,90944,90948,90956,90975,90990],{"__ignoreMap":273},[277,90891,90892,90894,90896],{"class":279,"line":280},[277,90893,284],{"class":283},[277,90895,288],{"class":287},[277,90897,305],{"class":283},[277,90899,90900,90902,90904],{"class":279,"line":308},[277,90901,1057],{"class":311},[277,90903,1060],{"class":311},[277,90905,343],{"class":283},[277,90907,90908,90910],{"class":279,"line":324},[277,90909,1086],{"class":291},[277,90911,473],{"class":283},[277,90913,90914,90916],{"class":279,"line":331},[277,90915,1093],{"class":311},[277,90917,343],{"class":283},[277,90919,90920,90922],{"class":279,"line":346},[277,90921,42476],{"class":283},[277,90923,2082],{"class":356},[277,90925,90926],{"class":279,"line":360},[277,90927,1126],{"class":283},[277,90929,90930],{"class":279,"line":371},[277,90931,542],{"class":283},[277,90933,90934],{"class":279,"line":381},[277,90935,394],{"class":283},[277,90937,90938,90940,90942],{"class":279,"line":391},[277,90939,785],{"class":283},[277,90941,288],{"class":287},[277,90943,305],{"class":283},[277,90945,90946],{"class":279,"line":397},[277,90947,328],{"emptyLinePlaceholder":327},[277,90949,90950,90952,90954],{"class":279,"line":402},[277,90951,284],{"class":283},[277,90953,802],{"class":287},[277,90955,305],{"class":283},[277,90957,90959,90961,90963,90965,90967,90969,90971,90973],{"class":90958,"line":436},[279,9398],[277,90960,810],{"class":283},[277,90962,21],{"class":287},[277,90964,834],{"class":291},[277,90966,298],{"class":283},[277,90968,42406],{"class":301},[277,90970,42409],{"class":283},[277,90972,21],{"class":287},[277,90974,305],{"class":283},[277,90976,90978,90980,90982,90984,90986,90988],{"class":90977,"line":456},[279,9398],[277,90979,810],{"class":283},[277,90981,21],{"class":287},[277,90983,941],{"class":291},[277,90985,42425],{"class":283},[277,90987,21],{"class":287},[277,90989,305],{"class":283},[277,90991,90992,90994,90996],{"class":279,"line":461},[277,90993,785],{"class":283},[277,90995,802],{"class":287},[277,90997,305],{"class":283},[30,90999,91000],{"id":7701},[16,91001,7701],{},[21,91003,42559,91004,42562,91006,104],{},[16,91005,40385],{},[72,91007,42565],{},[21,91009,42314],{},[38,91011,91012,91014],{},[41,91013,42572],{},[41,91015,42575],{},[267,91017,91019],{"className":269,"code":42578,"filename":271,"highlights":91018,"language":272,"meta":273,"style":273},[381],[16,91020,91021,91031,91041,91045,91061,91069,91073,91081,91100],{"__ignoreMap":273},[277,91022,91023,91025,91027,91029],{"class":279,"line":280},[277,91024,284],{"class":283},[277,91026,288],{"class":287},[277,91028,292],{"class":291},[277,91030,305],{"class":283},[277,91032,91033,91035,91037,91039],{"class":279,"line":308},[277,91034,312],{"class":311},[277,91036,11006],{"class":283},[277,91038,318],{"class":311},[277,91040,321],{"class":301},[277,91042,91043],{"class":279,"line":324},[277,91044,42606],{"class":283},[277,91046,91047,91049,91051,91053,91055,91057,91059],{"class":279,"line":331},[277,91048,405],{"class":311},[277,91050,42613],{"class":356},[277,91052,340],{"class":311},[277,91054,413],{"class":291},[277,91056,448],{"class":283},[277,91058,2149],{"class":356},[277,91060,433],{"class":283},[277,91062,91063,91065,91067],{"class":279,"line":346},[277,91064,785],{"class":283},[277,91066,288],{"class":287},[277,91068,305],{"class":283},[277,91070,91071],{"class":279,"line":360},[277,91072,328],{"emptyLinePlaceholder":327},[277,91074,91075,91077,91079],{"class":279,"line":371},[277,91076,284],{"class":283},[277,91078,802],{"class":287},[277,91080,305],{"class":283},[277,91082,91084,91086,91088,91090,91092,91094,91096,91098],{"class":91083,"line":381},[279,9398],[277,91085,810],{"class":283},[277,91087,21],{"class":287},[277,91089,41193],{"class":291},[277,91091,298],{"class":283},[277,91093,42657],{"class":301},[277,91095,42660],{"class":283},[277,91097,21],{"class":287},[277,91099,305],{"class":283},[277,91101,91102,91104,91106],{"class":279,"line":391},[277,91103,785],{"class":283},[277,91105,802],{"class":287},[277,91107,305],{"class":283},[267,91109,91111],{"className":269,"code":42675,"filename":971,"highlights":91110,"language":272,"meta":273,"style":273},[436],[16,91112,91113,91121,91129,91135,91141,91147,91151,91155,91159,91167,91171,91179,91198],{"__ignoreMap":273},[277,91114,91115,91117,91119],{"class":279,"line":280},[277,91116,284],{"class":283},[277,91118,288],{"class":287},[277,91120,305],{"class":283},[277,91122,91123,91125,91127],{"class":279,"line":308},[277,91124,1057],{"class":311},[277,91126,1060],{"class":311},[277,91128,343],{"class":283},[277,91130,91131,91133],{"class":279,"line":324},[277,91132,1086],{"class":291},[277,91134,473],{"class":283},[277,91136,91137,91139],{"class":279,"line":331},[277,91138,1093],{"class":311},[277,91140,343],{"class":283},[277,91142,91143,91145],{"class":279,"line":346},[277,91144,42711],{"class":283},[277,91146,2082],{"class":356},[277,91148,91149],{"class":279,"line":360},[277,91150,1126],{"class":283},[277,91152,91153],{"class":279,"line":371},[277,91154,542],{"class":283},[277,91156,91157],{"class":279,"line":381},[277,91158,394],{"class":283},[277,91160,91161,91163,91165],{"class":279,"line":391},[277,91162,785],{"class":283},[277,91164,288],{"class":287},[277,91166,305],{"class":283},[277,91168,91169],{"class":279,"line":397},[277,91170,328],{"emptyLinePlaceholder":327},[277,91172,91173,91175,91177],{"class":279,"line":402},[277,91174,284],{"class":283},[277,91176,802],{"class":287},[277,91178,305],{"class":283},[277,91180,91182,91184,91186,91188,91190,91192,91194,91196],{"class":91181,"line":436},[279,9398],[277,91183,810],{"class":283},[277,91185,21],{"class":287},[277,91187,41193],{"class":291},[277,91189,298],{"class":283},[277,91191,42657],{"class":301},[277,91193,42660],{"class":283},[277,91195,21],{"class":287},[277,91197,305],{"class":283},[277,91199,91200,91202,91204],{"class":279,"line":456},[277,91201,785],{"class":283},[277,91203,802],{"class":287},[277,91205,305],{"class":283},[30,91207,91208],{"id":24880},[16,91209,24880],{},[21,91211,42779],{},[21,91213,42782],{},[3111,91215,91216],{},[21,91217,91218,42789,91220,42793],{},[16,91219,24880],{},[72,91221,42792],{},[267,91223,91225],{"className":269,"code":42796,"filename":271,"highlights":91224,"language":272,"meta":273,"style":273},[402,436,456],[16,91226,91227,91237,91247,91251,91263,91275,91287,91291,91299,91303,91311,91332,91337,91346],{"__ignoreMap":273},[277,91228,91229,91231,91233,91235],{"class":279,"line":280},[277,91230,284],{"class":283},[277,91232,288],{"class":287},[277,91234,292],{"class":291},[277,91236,305],{"class":283},[277,91238,91239,91241,91243,91245],{"class":279,"line":308},[277,91240,312],{"class":311},[277,91242,11006],{"class":283},[277,91244,318],{"class":311},[277,91246,321],{"class":301},[277,91248,91249],{"class":279,"line":324},[277,91250,42606],{"class":283},[277,91252,91253,91255,91257,91259,91261],{"class":279,"line":331},[277,91254,405],{"class":311},[277,91256,38354],{"class":356},[277,91258,340],{"class":311},[277,91260,413],{"class":291},[277,91262,2104],{"class":283},[277,91264,91265,91267,91269,91271,91273],{"class":279,"line":346},[277,91266,2109],{"class":283},[277,91268,2072],{"class":356},[277,91270,22620],{"class":283},[277,91272,37149],{"class":301},[277,91274,2132],{"class":283},[277,91276,91277,91279,91281,91283,91285],{"class":279,"line":360},[277,91278,2109],{"class":283},[277,91280,2139],{"class":356},[277,91282,22620],{"class":283},[277,91284,37154],{"class":301},[277,91286,2179],{"class":283},[277,91288,91289],{"class":279,"line":371},[277,91290,2184],{"class":283},[277,91292,91293,91295,91297],{"class":279,"line":381},[277,91294,785],{"class":283},[277,91296,288],{"class":287},[277,91298,305],{"class":283},[277,91300,91301],{"class":279,"line":391},[277,91302,328],{"emptyLinePlaceholder":327},[277,91304,91305,91307,91309],{"class":279,"line":397},[277,91306,284],{"class":283},[277,91308,802],{"class":287},[277,91310,305],{"class":283},[277,91312,91314,91316,91318,91320,91322,91324,91326,91328,91330],{"class":91313,"line":402},[279,9398],[277,91315,810],{"class":283},[277,91317,41],{"class":287},[277,91319,12785],{"class":291},[277,91321,298],{"class":283},[277,91323,42897],{"class":301},[277,91325,4317],{"class":291},[277,91327,298],{"class":283},[277,91329,30034],{"class":301},[277,91331,305],{"class":283},[277,91333,91335],{"class":91334,"line":436},[279,9398],[277,91336,42911],{"class":283},[277,91338,91340,91342,91344],{"class":91339,"line":456},[279,9398],[277,91341,954],{"class":283},[277,91343,41],{"class":287},[277,91345,305],{"class":283},[277,91347,91348,91350,91352],{"class":279,"line":461},[277,91349,785],{"class":283},[277,91351,802],{"class":287},[277,91353,305],{"class":283},[267,91355,91357],{"className":269,"code":42931,"filename":971,"highlights":91356,"language":272,"meta":273,"style":273},[476,500,505],[16,91358,91359,91367,91375,91381,91387,91391,91403,91415,91419,91423,91427,91431,91439,91443,91451,91472,91477,91486],{"__ignoreMap":273},[277,91360,91361,91363,91365],{"class":279,"line":280},[277,91362,284],{"class":283},[277,91364,288],{"class":287},[277,91366,305],{"class":283},[277,91368,91369,91371,91373],{"class":279,"line":308},[277,91370,1057],{"class":311},[277,91372,1060],{"class":311},[277,91374,343],{"class":283},[277,91376,91377,91379],{"class":279,"line":324},[277,91378,1086],{"class":291},[277,91380,473],{"class":283},[277,91382,91383,91385],{"class":279,"line":331},[277,91384,1093],{"class":311},[277,91386,343],{"class":283},[277,91388,91389],{"class":279,"line":346},[277,91390,38549],{"class":283},[277,91392,91393,91395,91397,91399,91401],{"class":279,"line":360},[277,91394,2664],{"class":283},[277,91396,2072],{"class":356},[277,91398,22620],{"class":283},[277,91400,37149],{"class":301},[277,91402,2132],{"class":283},[277,91404,91405,91407,91409,91411,91413],{"class":279,"line":371},[277,91406,2664],{"class":283},[277,91408,2139],{"class":356},[277,91410,22620],{"class":283},[277,91412,37154],{"class":301},[277,91414,2179],{"class":283},[277,91416,91417],{"class":279,"line":381},[277,91418,2725],{"class":283},[277,91420,91421],{"class":279,"line":391},[277,91422,1126],{"class":283},[277,91424,91425],{"class":279,"line":397},[277,91426,542],{"class":283},[277,91428,91429],{"class":279,"line":402},[277,91430,394],{"class":283},[277,91432,91433,91435,91437],{"class":279,"line":436},[277,91434,785],{"class":283},[277,91436,288],{"class":287},[277,91438,305],{"class":283},[277,91440,91441],{"class":279,"line":456},[277,91442,328],{"emptyLinePlaceholder":327},[277,91444,91445,91447,91449],{"class":279,"line":461},[277,91446,284],{"class":283},[277,91448,802],{"class":287},[277,91450,305],{"class":283},[277,91452,91454,91456,91458,91460,91462,91464,91466,91468,91470],{"class":91453,"line":476},[279,9398],[277,91455,810],{"class":283},[277,91457,41],{"class":287},[277,91459,12785],{"class":291},[277,91461,298],{"class":283},[277,91463,42897],{"class":301},[277,91465,4317],{"class":291},[277,91467,298],{"class":283},[277,91469,30034],{"class":301},[277,91471,305],{"class":283},[277,91473,91475],{"class":91474,"line":500},[279,9398],[277,91476,42911],{"class":283},[277,91478,91480,91482,91484],{"class":91479,"line":505},[279,9398],[277,91481,954],{"class":283},[277,91483,41],{"class":287},[277,91485,305],{"class":283},[277,91487,91488,91490,91492],{"class":279,"line":520},[277,91489,785],{"class":283},[277,91491,802],{"class":287},[277,91493,305],{"class":283},[21,91495,91496,10969,91498,43077],{},[16,91497,1789],{},[72,91499,43076],{},[30,91501,91502],{"id":17974},[16,91503,17974],{},[21,91505,43084],{},[21,91507,7830,91508,43089],{},[16,91509,17974],{},[3111,91511,91512],{},[21,91513,43094],{},[267,91515,91517],{"className":269,"code":43097,"filename":271,"highlights":91516,"language":272,"meta":273,"style":273},[381],[16,91518,91519,91529,91539,91543,91559,91567,91571,91579,91600],{"__ignoreMap":273},[277,91520,91521,91523,91525,91527],{"class":279,"line":280},[277,91522,284],{"class":283},[277,91524,288],{"class":287},[277,91526,292],{"class":291},[277,91528,305],{"class":283},[277,91530,91531,91533,91535,91537],{"class":279,"line":308},[277,91532,312],{"class":311},[277,91534,11006],{"class":283},[277,91536,318],{"class":311},[277,91538,321],{"class":301},[277,91540,91541],{"class":279,"line":324},[277,91542,328],{"emptyLinePlaceholder":327},[277,91544,91545,91547,91549,91551,91553,91555,91557],{"class":279,"line":331},[277,91546,405],{"class":311},[277,91548,43131],{"class":356},[277,91550,340],{"class":311},[277,91552,413],{"class":291},[277,91554,448],{"class":283},[277,91556,43140],{"class":301},[277,91558,433],{"class":283},[277,91560,91561,91563,91565],{"class":279,"line":346},[277,91562,785],{"class":283},[277,91564,288],{"class":287},[277,91566,305],{"class":283},[277,91568,91569],{"class":279,"line":360},[277,91570,328],{"emptyLinePlaceholder":327},[277,91572,91573,91575,91577],{"class":279,"line":371},[277,91574,284],{"class":283},[277,91576,802],{"class":287},[277,91578,305],{"class":283},[277,91580,91582,91584,91586,91588,91590,91592,91594,91596,91598],{"class":91581,"line":381},[279,9398],[277,91583,810],{"class":283},[277,91585,34220],{"class":287},[277,91587,43172],{"class":291},[277,91589,298],{"class":283},[277,91591,43177],{"class":301},[277,91593,43180],{"class":291},[277,91595,298],{"class":283},[277,91597,43185],{"class":301},[277,91599,4325],{"class":283},[277,91601,91602,91604,91606],{"class":279,"line":391},[277,91603,785],{"class":283},[277,91605,802],{"class":287},[277,91607,305],{"class":283},[267,91609,91611],{"className":269,"code":43198,"filename":971,"highlights":91610,"language":272,"meta":273,"style":273},[456],[16,91612,91613,91621,91629,91635,91641,91649,91655,91659,91663,91667,91675,91679,91687,91708],{"__ignoreMap":273},[277,91614,91615,91617,91619],{"class":279,"line":280},[277,91616,284],{"class":283},[277,91618,288],{"class":287},[277,91620,305],{"class":283},[277,91622,91623,91625,91627],{"class":279,"line":308},[277,91624,1057],{"class":311},[277,91626,1060],{"class":311},[277,91628,343],{"class":283},[277,91630,91631,91633],{"class":279,"line":324},[277,91632,1086],{"class":291},[277,91634,473],{"class":283},[277,91636,91637,91639],{"class":279,"line":331},[277,91638,1093],{"class":311},[277,91640,343],{"class":283},[277,91642,91643,91645,91647],{"class":279,"line":346},[277,91644,43234],{"class":283},[277,91646,43237],{"class":301},[277,91648,1077],{"class":283},[277,91650,91651,91653],{"class":279,"line":360},[277,91652,43244],{"class":283},[277,91654,43247],{"class":301},[277,91656,91657],{"class":279,"line":371},[277,91658,1126],{"class":283},[277,91660,91661],{"class":279,"line":381},[277,91662,542],{"class":283},[277,91664,91665],{"class":279,"line":391},[277,91666,394],{"class":283},[277,91668,91669,91671,91673],{"class":279,"line":397},[277,91670,785],{"class":283},[277,91672,288],{"class":287},[277,91674,305],{"class":283},[277,91676,91677],{"class":279,"line":402},[277,91678,328],{"emptyLinePlaceholder":327},[277,91680,91681,91683,91685],{"class":279,"line":436},[277,91682,284],{"class":283},[277,91684,802],{"class":287},[277,91686,305],{"class":283},[277,91688,91690,91692,91694,91696,91698,91700,91702,91704,91706],{"class":91689,"line":456},[279,9398],[277,91691,810],{"class":283},[277,91693,34220],{"class":287},[277,91695,43289],{"class":291},[277,91697,298],{"class":283},[277,91699,43177],{"class":301},[277,91701,43296],{"class":291},[277,91703,298],{"class":283},[277,91705,43301],{"class":301},[277,91707,4325],{"class":283},[277,91709,91710,91712,91714],{"class":279,"line":461},[277,91711,785],{"class":283},[277,91713,802],{"class":287},[277,91715,305],{"class":283},[30,91717,91718],{"id":17971},[16,91719,17971],{},[21,91721,43318,91722,43322],{},[72,91723,43321],{},[21,91725,43325],{},[38,91727,91728,91730,91732],{},[41,91729,30948],{},[41,91731,43332],{},[41,91733,43335],{},[267,91735,91737],{"className":269,"code":43338,"filename":271,"highlights":91736,"language":272,"meta":273,"style":273},[381],[16,91738,91739,91749,91759,91763,91779,91787,91791,91799,91820,91832],{"__ignoreMap":273},[277,91740,91741,91743,91745,91747],{"class":279,"line":280},[277,91742,284],{"class":283},[277,91744,288],{"class":287},[277,91746,292],{"class":291},[277,91748,305],{"class":283},[277,91750,91751,91753,91755,91757],{"class":279,"line":308},[277,91752,312],{"class":311},[277,91754,11006],{"class":283},[277,91756,318],{"class":311},[277,91758,321],{"class":301},[277,91760,91761],{"class":279,"line":324},[277,91762,328],{"emptyLinePlaceholder":327},[277,91764,91765,91767,91769,91771,91773,91775,91777],{"class":279,"line":331},[277,91766,405],{"class":311},[277,91768,43372],{"class":356},[277,91770,340],{"class":311},[277,91772,413],{"class":291},[277,91774,448],{"class":283},[277,91776,451],{"class":301},[277,91778,433],{"class":283},[277,91780,91781,91783,91785],{"class":279,"line":346},[277,91782,785],{"class":283},[277,91784,288],{"class":287},[277,91786,305],{"class":283},[277,91788,91789],{"class":279,"line":360},[277,91790,328],{"emptyLinePlaceholder":327},[277,91792,91793,91795,91797],{"class":279,"line":371},[277,91794,284],{"class":283},[277,91796,802],{"class":287},[277,91798,305],{"class":283},[277,91800,91802,91804,91806,91808,91810,91812,91814,91816,91818],{"class":91801,"line":381},[279,9398],[277,91803,810],{"class":283},[277,91805,18041],{"class":287},[277,91807,23751],{"class":291},[277,91809,298],{"class":283},[277,91811,43416],{"class":301},[277,91813,31920],{"class":291},[277,91815,298],{"class":283},[277,91817,43423],{"class":301},[277,91819,4325],{"class":283},[277,91821,91822,91824,91826,91828,91830],{"class":279,"line":391},[277,91823,810],{"class":283},[277,91825,21],{"class":287},[277,91827,43434],{"class":283},[277,91829,21],{"class":287},[277,91831,305],{"class":283},[277,91833,91834,91836,91838],{"class":279,"line":397},[277,91835,785],{"class":283},[277,91837,802],{"class":287},[277,91839,305],{"class":283},[267,91841,91843],{"className":269,"code":43449,"filename":971,"highlights":91842,"language":272,"meta":273,"style":273},[436],[16,91844,91845,91853,91861,91867,91873,91879,91883,91887,91891,91899,91903,91911,91932,91944],{"__ignoreMap":273},[277,91846,91847,91849,91851],{"class":279,"line":280},[277,91848,284],{"class":283},[277,91850,288],{"class":287},[277,91852,305],{"class":283},[277,91854,91855,91857,91859],{"class":279,"line":308},[277,91856,1057],{"class":311},[277,91858,1060],{"class":311},[277,91860,343],{"class":283},[277,91862,91863,91865],{"class":279,"line":324},[277,91864,1086],{"class":291},[277,91866,473],{"class":283},[277,91868,91869,91871],{"class":279,"line":331},[277,91870,1093],{"class":311},[277,91872,343],{"class":283},[277,91874,91875,91877],{"class":279,"line":346},[277,91876,43485],{"class":283},[277,91878,1121],{"class":301},[277,91880,91881],{"class":279,"line":360},[277,91882,1126],{"class":283},[277,91884,91885],{"class":279,"line":371},[277,91886,542],{"class":283},[277,91888,91889],{"class":279,"line":381},[277,91890,394],{"class":283},[277,91892,91893,91895,91897],{"class":279,"line":391},[277,91894,785],{"class":283},[277,91896,288],{"class":287},[277,91898,305],{"class":283},[277,91900,91901],{"class":279,"line":397},[277,91902,328],{"emptyLinePlaceholder":327},[277,91904,91905,91907,91909],{"class":279,"line":402},[277,91906,284],{"class":283},[277,91908,802],{"class":287},[277,91910,305],{"class":283},[277,91912,91914,91916,91918,91920,91922,91924,91926,91928,91930],{"class":91913,"line":436},[279,9398],[277,91915,810],{"class":283},[277,91917,18041],{"class":287},[277,91919,23751],{"class":291},[277,91921,298],{"class":283},[277,91923,43416],{"class":301},[277,91925,31920],{"class":291},[277,91927,298],{"class":283},[277,91929,43423],{"class":301},[277,91931,4325],{"class":283},[277,91933,91934,91936,91938,91940,91942],{"class":279,"line":456},[277,91935,810],{"class":283},[277,91937,21],{"class":287},[277,91939,43434],{"class":283},[277,91941,21],{"class":287},[277,91943,305],{"class":283},[277,91945,91946,91948,91950],{"class":279,"line":461},[277,91947,785],{"class":283},[277,91949,802],{"class":287},[277,91951,305],{"class":283},[21,91953,43563,91954,28155,91956,43568],{},[16,91955,28231],{},[16,91957,28237],{},[30,91959,91960],{"id":17977},[16,91961,17977],{},[21,91963,43575],{},[267,91965,91967],{"className":269,"code":43578,"filename":271,"highlights":91966,"language":272,"meta":273,"style":273},[402],[16,91968,91969,91979,91989,91993,92009,92023,92029,92033,92041,92045,92053,92072],{"__ignoreMap":273},[277,91970,91971,91973,91975,91977],{"class":279,"line":280},[277,91972,284],{"class":283},[277,91974,288],{"class":287},[277,91976,292],{"class":291},[277,91978,305],{"class":283},[277,91980,91981,91983,91985,91987],{"class":279,"line":308},[277,91982,312],{"class":311},[277,91984,11006],{"class":283},[277,91986,318],{"class":311},[277,91988,321],{"class":301},[277,91990,91991],{"class":279,"line":324},[277,91992,328],{"emptyLinePlaceholder":327},[277,91994,91995,91997,91999,92001,92003,92005,92007],{"class":279,"line":331},[277,91996,405],{"class":311},[277,91998,9380],{"class":356},[277,92000,340],{"class":311},[277,92002,413],{"class":291},[277,92004,448],{"class":283},[277,92006,3542],{"class":356},[277,92008,433],{"class":283},[277,92010,92011,92013,92015,92017,92019,92021],{"class":279,"line":346},[277,92012,405],{"class":311},[277,92014,43628],{"class":291},[277,92016,340],{"class":311},[277,92018,598],{"class":283},[277,92020,601],{"class":311},[277,92022,343],{"class":283},[277,92024,92025,92027],{"class":279,"line":360},[277,92026,9412],{"class":283},[277,92028,9415],{"class":311},[277,92030,92031],{"class":279,"line":371},[277,92032,394],{"class":283},[277,92034,92035,92037,92039],{"class":279,"line":381},[277,92036,785],{"class":283},[277,92038,288],{"class":287},[277,92040,305],{"class":283},[277,92042,92043],{"class":279,"line":391},[277,92044,328],{"emptyLinePlaceholder":327},[277,92046,92047,92049,92051],{"class":279,"line":397},[277,92048,284],{"class":283},[277,92050,802],{"class":287},[277,92052,305],{"class":283},[277,92054,92056,92058,92060,92062,92064,92066,92068,92070],{"class":92055,"line":402},[279,9398],[277,92057,810],{"class":283},[277,92059,4267],{"class":287},[277,92061,43676],{"class":291},[277,92063,298],{"class":283},[277,92065,43681],{"class":301},[277,92067,43684],{"class":283},[277,92069,4267],{"class":287},[277,92071,305],{"class":283},[277,92073,92074,92076,92078],{"class":279,"line":436},[277,92075,785],{"class":283},[277,92077,802],{"class":287},[277,92079,305],{"class":283},[267,92081,92083],{"className":269,"code":43699,"filename":971,"highlights":92082,"language":272,"meta":273,"style":273},[505],[16,92084,92085,92093,92101,92107,92113,92119,92123,92127,92131,92137,92145,92149,92153,92157,92165,92169,92177,92196,92208],{"__ignoreMap":273},[277,92086,92087,92089,92091],{"class":279,"line":280},[277,92088,284],{"class":283},[277,92090,288],{"class":287},[277,92092,305],{"class":283},[277,92094,92095,92097,92099],{"class":279,"line":308},[277,92096,1057],{"class":311},[277,92098,1060],{"class":311},[277,92100,343],{"class":283},[277,92102,92103,92105],{"class":279,"line":324},[277,92104,1086],{"class":291},[277,92106,473],{"class":283},[277,92108,92109,92111],{"class":279,"line":331},[277,92110,1093],{"class":311},[277,92112,343],{"class":283},[277,92114,92115,92117],{"class":279,"line":346},[277,92116,31686],{"class":283},[277,92118,4692],{"class":356},[277,92120,92121],{"class":279,"line":360},[277,92122,1126],{"class":283},[277,92124,92125],{"class":279,"line":371},[277,92126,1131],{"class":283},[277,92128,92129],{"class":279,"line":381},[277,92130,1140],{"class":283},[277,92132,92133,92135],{"class":279,"line":391},[277,92134,43753],{"class":291},[277,92136,473],{"class":283},[277,92138,92139,92141,92143],{"class":279,"line":397},[277,92140,1212],{"class":356},[277,92142,43762],{"class":283},[277,92144,9415],{"class":311},[277,92146,92147],{"class":279,"line":402},[277,92148,1126],{"class":283},[277,92150,92151],{"class":279,"line":436},[277,92152,542],{"class":283},[277,92154,92155],{"class":279,"line":456},[277,92156,394],{"class":283},[277,92158,92159,92161,92163],{"class":279,"line":461},[277,92160,785],{"class":283},[277,92162,288],{"class":287},[277,92164,305],{"class":283},[277,92166,92167],{"class":279,"line":476},[277,92168,328],{"emptyLinePlaceholder":327},[277,92170,92171,92173,92175],{"class":279,"line":500},[277,92172,284],{"class":283},[277,92174,802],{"class":287},[277,92176,305],{"class":283},[277,92178,92180,92182,92184,92186,92188,92190,92192,92194],{"class":92179,"line":505},[279,9398],[277,92181,810],{"class":283},[277,92183,4267],{"class":287},[277,92185,43676],{"class":291},[277,92187,298],{"class":283},[277,92189,43681],{"class":301},[277,92191,43812],{"class":283},[277,92193,4267],{"class":287},[277,92195,305],{"class":283},[277,92197,92198,92200,92202,92204,92206],{"class":279,"line":520},[277,92199,810],{"class":283},[277,92201,21],{"class":287},[277,92203,43825],{"class":283},[277,92205,21],{"class":287},[277,92207,305],{"class":283},[277,92209,92210,92212,92214],{"class":279,"line":539},[277,92211,785],{"class":283},[277,92213,802],{"class":287},[277,92215,305],{"class":283},[21,92217,43840,92218,511,92220,225,92222,225,92224,43850],{},[72,92219,43843],{},[16,92221,31109],{},[16,92223,31106],{},[16,92225,31112],{},[30,92227,92228],{"id":24587},[16,92229,24587],{},[21,92231,43857],{},[267,92233,92235],{"className":269,"code":43860,"filename":271,"highlights":92234,"language":272,"meta":273,"style":273},[381],[16,92236,92237,92247,92257,92261,92277,92285,92289,92297,92316],{"__ignoreMap":273},[277,92238,92239,92241,92243,92245],{"class":279,"line":280},[277,92240,284],{"class":283},[277,92242,288],{"class":287},[277,92244,292],{"class":291},[277,92246,305],{"class":283},[277,92248,92249,92251,92253,92255],{"class":279,"line":308},[277,92250,312],{"class":311},[277,92252,11006],{"class":283},[277,92254,318],{"class":311},[277,92256,321],{"class":301},[277,92258,92259],{"class":279,"line":324},[277,92260,328],{"emptyLinePlaceholder":327},[277,92262,92263,92265,92267,92269,92271,92273,92275],{"class":279,"line":331},[277,92264,405],{"class":311},[277,92266,23154],{"class":356},[277,92268,340],{"class":311},[277,92270,413],{"class":291},[277,92272,448],{"class":283},[277,92274,43902],{"class":301},[277,92276,433],{"class":283},[277,92278,92279,92281,92283],{"class":279,"line":346},[277,92280,785],{"class":283},[277,92282,288],{"class":287},[277,92284,305],{"class":283},[277,92286,92287],{"class":279,"line":360},[277,92288,328],{"emptyLinePlaceholder":327},[277,92290,92291,92293,92295],{"class":279,"line":371},[277,92292,284],{"class":283},[277,92294,802],{"class":287},[277,92296,305],{"class":283},[277,92298,92300,92302,92304,92306,92308,92310,92312,92314],{"class":92299,"line":381},[279,9398],[277,92301,810],{"class":283},[277,92303,4201],{"class":287},[277,92305,24678],{"class":291},[277,92307,298],{"class":283},[277,92309,43938],{"class":301},[277,92311,24690],{"class":283},[277,92313,4201],{"class":287},[277,92315,305],{"class":283},[277,92317,92318,92320,92322],{"class":279,"line":391},[277,92319,785],{"class":283},[277,92321,802],{"class":287},[277,92323,305],{"class":283},[267,92325,92327],{"className":269,"code":43955,"filename":971,"highlights":92326,"language":272,"meta":273,"style":273},[436],[16,92328,92329,92337,92345,92351,92357,92363,92367,92371,92375,92383,92387,92395,92414],{"__ignoreMap":273},[277,92330,92331,92333,92335],{"class":279,"line":280},[277,92332,284],{"class":283},[277,92334,288],{"class":287},[277,92336,305],{"class":283},[277,92338,92339,92341,92343],{"class":279,"line":308},[277,92340,1057],{"class":311},[277,92342,1060],{"class":311},[277,92344,343],{"class":283},[277,92346,92347,92349],{"class":279,"line":324},[277,92348,1086],{"class":291},[277,92350,473],{"class":283},[277,92352,92353,92355],{"class":279,"line":331},[277,92354,1093],{"class":311},[277,92356,343],{"class":283},[277,92358,92359,92361],{"class":279,"line":346},[277,92360,23268],{"class":283},[277,92362,43993],{"class":301},[277,92364,92365],{"class":279,"line":360},[277,92366,1126],{"class":283},[277,92368,92369],{"class":279,"line":371},[277,92370,542],{"class":283},[277,92372,92373],{"class":279,"line":381},[277,92374,394],{"class":283},[277,92376,92377,92379,92381],{"class":279,"line":391},[277,92378,785],{"class":283},[277,92380,288],{"class":287},[277,92382,305],{"class":283},[277,92384,92385],{"class":279,"line":397},[277,92386,328],{"emptyLinePlaceholder":327},[277,92388,92389,92391,92393],{"class":279,"line":402},[277,92390,284],{"class":283},[277,92392,802],{"class":287},[277,92394,305],{"class":283},[277,92396,92398,92400,92402,92404,92406,92408,92410,92412],{"class":92397,"line":436},[279,9398],[277,92399,810],{"class":283},[277,92401,4201],{"class":287},[277,92403,24678],{"class":291},[277,92405,298],{"class":283},[277,92407,43938],{"class":301},[277,92409,24690],{"class":283},[277,92411,4201],{"class":287},[277,92413,305],{"class":283},[277,92415,92416,92418,92420],{"class":279,"line":456},[277,92417,785],{"class":283},[277,92419,802],{"class":287},[277,92421,305],{"class":283},[21,92423,44055],{},[30,92425,92426],{"id":24590},[16,92427,24590],{},[21,92429,44062],{},[267,92431,92433],{"className":269,"code":44065,"filename":271,"highlights":92432,"language":272,"meta":273,"style":273},[381],[16,92434,92435,92445,92455,92459,92475,92483,92487,92495,92514],{"__ignoreMap":273},[277,92436,92437,92439,92441,92443],{"class":279,"line":280},[277,92438,284],{"class":283},[277,92440,288],{"class":287},[277,92442,292],{"class":291},[277,92444,305],{"class":283},[277,92446,92447,92449,92451,92453],{"class":279,"line":308},[277,92448,312],{"class":311},[277,92450,11006],{"class":283},[277,92452,318],{"class":311},[277,92454,321],{"class":301},[277,92456,92457],{"class":279,"line":324},[277,92458,328],{"emptyLinePlaceholder":327},[277,92460,92461,92463,92465,92467,92469,92471,92473],{"class":279,"line":331},[277,92462,405],{"class":311},[277,92464,44099],{"class":356},[277,92466,340],{"class":311},[277,92468,413],{"class":291},[277,92470,448],{"class":283},[277,92472,44108],{"class":301},[277,92474,433],{"class":283},[277,92476,92477,92479,92481],{"class":279,"line":346},[277,92478,785],{"class":283},[277,92480,288],{"class":287},[277,92482,305],{"class":283},[277,92484,92485],{"class":279,"line":360},[277,92486,328],{"emptyLinePlaceholder":327},[277,92488,92489,92491,92493],{"class":279,"line":371},[277,92490,284],{"class":283},[277,92492,802],{"class":287},[277,92494,305],{"class":283},[277,92496,92498,92500,92502,92504,92506,92508,92510,92512],{"class":92497,"line":381},[279,9398],[277,92499,810],{"class":283},[277,92501,4201],{"class":287},[277,92503,24748],{"class":291},[277,92505,298],{"class":283},[277,92507,44144],{"class":301},[277,92509,24690],{"class":283},[277,92511,4201],{"class":287},[277,92513,305],{"class":283},[277,92515,92516,92518,92520],{"class":279,"line":391},[277,92517,785],{"class":283},[277,92519,802],{"class":287},[277,92521,305],{"class":283},[267,92523,92525],{"className":269,"code":44161,"filename":971,"highlights":92524,"language":272,"meta":273,"style":273},[436],[16,92526,92527,92535,92543,92549,92555,92561,92565,92569,92573,92581,92585,92593,92612],{"__ignoreMap":273},[277,92528,92529,92531,92533],{"class":279,"line":280},[277,92530,284],{"class":283},[277,92532,288],{"class":287},[277,92534,305],{"class":283},[277,92536,92537,92539,92541],{"class":279,"line":308},[277,92538,1057],{"class":311},[277,92540,1060],{"class":311},[277,92542,343],{"class":283},[277,92544,92545,92547],{"class":279,"line":324},[277,92546,1086],{"class":291},[277,92548,473],{"class":283},[277,92550,92551,92553],{"class":279,"line":331},[277,92552,1093],{"class":311},[277,92554,343],{"class":283},[277,92556,92557,92559],{"class":279,"line":346},[277,92558,44197],{"class":283},[277,92560,44200],{"class":301},[277,92562,92563],{"class":279,"line":360},[277,92564,1126],{"class":283},[277,92566,92567],{"class":279,"line":371},[277,92568,542],{"class":283},[277,92570,92571],{"class":279,"line":381},[277,92572,394],{"class":283},[277,92574,92575,92577,92579],{"class":279,"line":391},[277,92576,785],{"class":283},[277,92578,288],{"class":287},[277,92580,305],{"class":283},[277,92582,92583],{"class":279,"line":397},[277,92584,328],{"emptyLinePlaceholder":327},[277,92586,92587,92589,92591],{"class":279,"line":402},[277,92588,284],{"class":283},[277,92590,802],{"class":287},[277,92592,305],{"class":283},[277,92594,92596,92598,92600,92602,92604,92606,92608,92610],{"class":92595,"line":436},[279,9398],[277,92597,810],{"class":283},[277,92599,4201],{"class":287},[277,92601,24748],{"class":291},[277,92603,298],{"class":283},[277,92605,44144],{"class":301},[277,92607,24690],{"class":283},[277,92609,4201],{"class":287},[277,92611,305],{"class":283},[277,92613,92614,92616,92618],{"class":279,"line":456},[277,92615,785],{"class":283},[277,92617,802],{"class":287},[277,92619,305],{"class":283},[3111,92621,92622],{},[21,92623,44264,92624,44268],{},[72,92625,44267],{},[30,92627,92628],{"id":25869},[16,92629,25869],{},[21,92631,44275],{},[267,92633,92635],{"className":269,"code":44278,"filename":271,"highlights":92634,"language":272,"meta":273,"style":273},[360,397],[16,92636,92637,92647,92655,92659,92667,92675,92690,92702,92710,92722,92737,92749,92757,92765],{"__ignoreMap":273},[277,92638,92639,92641,92643,92645],{"class":279,"line":280},[277,92640,284],{"class":283},[277,92642,288],{"class":287},[277,92644,292],{"class":291},[277,92646,305],{"class":283},[277,92648,92649,92651,92653],{"class":279,"line":308},[277,92650,785],{"class":283},[277,92652,288],{"class":287},[277,92654,305],{"class":283},[277,92656,92657],{"class":279,"line":324},[277,92658,328],{"emptyLinePlaceholder":327},[277,92660,92661,92663,92665],{"class":279,"line":331},[277,92662,284],{"class":283},[277,92664,802],{"class":287},[277,92666,305],{"class":283},[277,92668,92669,92671,92673],{"class":279,"line":346},[277,92670,810],{"class":283},[277,92672,44318],{"class":287},[277,92674,305],{"class":283},[277,92676,92678,92680,92682,92684,92686,92688],{"class":92677,"line":360},[279,9398],[277,92679,829],{"class":283},[277,92681,802],{"class":287},[277,92683,26191],{"class":291},[277,92685,353],{"class":283},[277,92687,4138],{"class":291},[277,92689,305],{"class":283},[277,92691,92692,92694,92696,92698,92700],{"class":279,"line":371},[277,92693,879],{"class":283},[277,92695,11],{"class":287},[277,92697,44344],{"class":283},[277,92699,11],{"class":287},[277,92701,305],{"class":283},[277,92703,92704,92706,92708],{"class":279,"line":381},[277,92705,922],{"class":283},[277,92707,802],{"class":287},[277,92709,305],{"class":283},[277,92711,92712,92714,92716,92718,92720],{"class":279,"line":391},[277,92713,829],{"class":283},[277,92715,21],{"class":287},[277,92717,44365],{"class":283},[277,92719,21],{"class":287},[277,92721,305],{"class":283},[277,92723,92725,92727,92729,92731,92733,92735],{"class":92724,"line":397},[279,9398],[277,92726,829],{"class":283},[277,92728,802],{"class":287},[277,92730,26191],{"class":291},[277,92732,353],{"class":283},[277,92734,26581],{"class":291},[277,92736,305],{"class":283},[277,92738,92739,92741,92743,92745,92747],{"class":279,"line":402},[277,92740,879],{"class":283},[277,92742,4267],{"class":287},[277,92744,44393],{"class":283},[277,92746,4267],{"class":287},[277,92748,305],{"class":283},[277,92750,92751,92753,92755],{"class":279,"line":436},[277,92752,922],{"class":283},[277,92754,802],{"class":287},[277,92756,305],{"class":283},[277,92758,92759,92761,92763],{"class":279,"line":456},[277,92760,954],{"class":283},[277,92762,44318],{"class":287},[277,92764,305],{"class":283},[277,92766,92767,92769,92771],{"class":279,"line":461},[277,92768,785],{"class":283},[277,92770,802],{"class":287},[277,92772,305],{"class":283},[267,92774,92776],{"className":269,"code":44424,"filename":971,"highlights":92775,"language":272,"meta":273,"style":273},[391,456],[16,92777,92778,92786,92794,92798,92802,92810,92814,92822,92830,92845,92857,92865,92877,92892,92904,92912,92920],{"__ignoreMap":273},[277,92779,92780,92782,92784],{"class":279,"line":280},[277,92781,284],{"class":283},[277,92783,288],{"class":287},[277,92785,305],{"class":283},[277,92787,92788,92790,92792],{"class":279,"line":308},[277,92789,1057],{"class":311},[277,92791,1060],{"class":311},[277,92793,343],{"class":283},[277,92795,92796],{"class":279,"line":324},[277,92797,44448],{"class":283},[277,92799,92800],{"class":279,"line":331},[277,92801,394],{"class":283},[277,92803,92804,92806,92808],{"class":279,"line":346},[277,92805,785],{"class":283},[277,92807,288],{"class":287},[277,92809,305],{"class":283},[277,92811,92812],{"class":279,"line":360},[277,92813,328],{"emptyLinePlaceholder":327},[277,92815,92816,92818,92820],{"class":279,"line":371},[277,92817,284],{"class":283},[277,92819,802],{"class":287},[277,92821,305],{"class":283},[277,92823,92824,92826,92828],{"class":279,"line":381},[277,92825,810],{"class":283},[277,92827,44318],{"class":287},[277,92829,305],{"class":283},[277,92831,92833,92835,92837,92839,92841,92843],{"class":92832,"line":391},[279,9398],[277,92834,829],{"class":283},[277,92836,802],{"class":287},[277,92838,26191],{"class":291},[277,92840,353],{"class":283},[277,92842,4138],{"class":291},[277,92844,305],{"class":283},[277,92846,92847,92849,92851,92853,92855],{"class":279,"line":397},[277,92848,879],{"class":283},[277,92850,11],{"class":287},[277,92852,44344],{"class":283},[277,92854,11],{"class":287},[277,92856,305],{"class":283},[277,92858,92859,92861,92863],{"class":279,"line":402},[277,92860,922],{"class":283},[277,92862,802],{"class":287},[277,92864,305],{"class":283},[277,92866,92867,92869,92871,92873,92875],{"class":279,"line":436},[277,92868,829],{"class":283},[277,92870,21],{"class":287},[277,92872,44365],{"class":283},[277,92874,21],{"class":287},[277,92876,305],{"class":283},[277,92878,92880,92882,92884,92886,92888,92890],{"class":92879,"line":456},[279,9398],[277,92881,829],{"class":283},[277,92883,802],{"class":287},[277,92885,26191],{"class":291},[277,92887,353],{"class":283},[277,92889,26581],{"class":291},[277,92891,305],{"class":283},[277,92893,92894,92896,92898,92900,92902],{"class":279,"line":461},[277,92895,879],{"class":283},[277,92897,4267],{"class":287},[277,92899,44393],{"class":283},[277,92901,4267],{"class":287},[277,92903,305],{"class":283},[277,92905,92906,92908,92910],{"class":279,"line":476},[277,92907,922],{"class":283},[277,92909,802],{"class":287},[277,92911,305],{"class":283},[277,92913,92914,92916,92918],{"class":279,"line":500},[277,92915,954],{"class":283},[277,92917,44318],{"class":287},[277,92919,305],{"class":283},[277,92921,92922,92924,92926],{"class":279,"line":505},[277,92923,785],{"class":283},[277,92925,802],{"class":287},[277,92927,305],{"class":283},[21,92929,44581,92930,104],{},[72,92931,44584],{},[30,92933,92934],{"id":21906},[16,92935,21906],{},[21,92937,44591,92938,44595],{},[72,92939,44594],{},[267,92941,92943],{"className":269,"code":44598,"filename":271,"highlights":92942,"language":272,"meta":273,"style":273},[381],[16,92944,92945,92955,92965,92969,92985,92993,92997,93005,93020,93038],{"__ignoreMap":273},[277,92946,92947,92949,92951,92953],{"class":279,"line":280},[277,92948,284],{"class":283},[277,92950,288],{"class":287},[277,92952,292],{"class":291},[277,92954,305],{"class":283},[277,92956,92957,92959,92961,92963],{"class":279,"line":308},[277,92958,312],{"class":311},[277,92960,11006],{"class":283},[277,92962,318],{"class":311},[277,92964,321],{"class":301},[277,92966,92967],{"class":279,"line":324},[277,92968,42606],{"class":283},[277,92970,92971,92973,92975,92977,92979,92981,92983],{"class":279,"line":331},[277,92972,405],{"class":311},[277,92974,9380],{"class":356},[277,92976,340],{"class":311},[277,92978,413],{"class":291},[277,92980,448],{"class":283},[277,92982,3542],{"class":356},[277,92984,433],{"class":283},[277,92986,92987,92989,92991],{"class":279,"line":346},[277,92988,785],{"class":283},[277,92990,288],{"class":287},[277,92992,305],{"class":283},[277,92994,92995],{"class":279,"line":360},[277,92996,328],{"emptyLinePlaceholder":327},[277,92998,92999,93001,93003],{"class":279,"line":371},[277,93000,284],{"class":283},[277,93002,802],{"class":287},[277,93004,305],{"class":283},[277,93006,93008,93010,93012,93014,93016,93018],{"class":93007,"line":381},[279,9398],[277,93009,810],{"class":283},[277,93011,21],{"class":287},[277,93013,22314],{"class":291},[277,93015,44673],{"class":283},[277,93017,21],{"class":287},[277,93019,305],{"class":283},[277,93021,93022,93024,93026,93028,93030,93032,93034,93036],{"class":279,"line":391},[277,93023,810],{"class":283},[277,93025,4267],{"class":287},[277,93027,4278],{"class":291},[277,93029,298],{"class":283},[277,93031,12464],{"class":301},[277,93033,44692],{"class":283},[277,93035,4267],{"class":287},[277,93037,305],{"class":283},[277,93039,93040,93042,93044],{"class":279,"line":397},[277,93041,785],{"class":283},[277,93043,802],{"class":287},[277,93045,305],{"class":283},[267,93047,93049],{"className":269,"code":44707,"filename":971,"highlights":93048,"language":272,"meta":273,"style":273},[436],[16,93050,93051,93059,93067,93073,93079,93085,93089,93093,93097,93105,93109,93117,93132,93150],{"__ignoreMap":273},[277,93052,93053,93055,93057],{"class":279,"line":280},[277,93054,284],{"class":283},[277,93056,288],{"class":287},[277,93058,305],{"class":283},[277,93060,93061,93063,93065],{"class":279,"line":308},[277,93062,1057],{"class":311},[277,93064,1060],{"class":311},[277,93066,343],{"class":283},[277,93068,93069,93071],{"class":279,"line":324},[277,93070,1086],{"class":291},[277,93072,473],{"class":283},[277,93074,93075,93077],{"class":279,"line":331},[277,93076,1093],{"class":311},[277,93078,343],{"class":283},[277,93080,93081,93083],{"class":279,"line":346},[277,93082,31686],{"class":283},[277,93084,4692],{"class":356},[277,93086,93087],{"class":279,"line":360},[277,93088,1126],{"class":283},[277,93090,93091],{"class":279,"line":371},[277,93092,542],{"class":283},[277,93094,93095],{"class":279,"line":381},[277,93096,394],{"class":283},[277,93098,93099,93101,93103],{"class":279,"line":391},[277,93100,785],{"class":283},[277,93102,288],{"class":287},[277,93104,305],{"class":283},[277,93106,93107],{"class":279,"line":397},[277,93108,328],{"emptyLinePlaceholder":327},[277,93110,93111,93113,93115],{"class":279,"line":402},[277,93112,284],{"class":283},[277,93114,802],{"class":287},[277,93116,305],{"class":283},[277,93118,93120,93122,93124,93126,93128,93130],{"class":93119,"line":436},[279,9398],[277,93121,810],{"class":283},[277,93123,21],{"class":287},[277,93125,22314],{"class":291},[277,93127,44673],{"class":283},[277,93129,21],{"class":287},[277,93131,305],{"class":283},[277,93133,93134,93136,93138,93140,93142,93144,93146,93148],{"class":279,"line":456},[277,93135,810],{"class":283},[277,93137,4267],{"class":287},[277,93139,4278],{"class":291},[277,93141,298],{"class":283},[277,93143,12464],{"class":301},[277,93145,44692],{"class":283},[277,93147,4267],{"class":287},[277,93149,305],{"class":283},[277,93151,93152,93154,93156],{"class":279,"line":461},[277,93153,785],{"class":283},[277,93155,802],{"class":287},[277,93157,305],{"class":283},[21,93159,44820],{},[30,93161,93162],{"id":21909},[16,93163,21909],{},[21,93165,44827],{},[267,93167,93169],{"className":269,"code":44830,"filename":271,"highlights":93168,"language":272,"meta":273,"style":273},[381],[16,93170,93171,93181,93191,93195,93211,93219,93223,93231,93246,93258,93266,93284],{"__ignoreMap":273},[277,93172,93173,93175,93177,93179],{"class":279,"line":280},[277,93174,284],{"class":283},[277,93176,288],{"class":287},[277,93178,292],{"class":291},[277,93180,305],{"class":283},[277,93182,93183,93185,93187,93189],{"class":279,"line":308},[277,93184,312],{"class":311},[277,93186,11006],{"class":283},[277,93188,318],{"class":311},[277,93190,321],{"class":301},[277,93192,93193],{"class":279,"line":324},[277,93194,328],{"emptyLinePlaceholder":327},[277,93196,93197,93199,93201,93203,93205,93207,93209],{"class":279,"line":331},[277,93198,405],{"class":311},[277,93200,9380],{"class":356},[277,93202,340],{"class":311},[277,93204,413],{"class":291},[277,93206,448],{"class":283},[277,93208,3542],{"class":356},[277,93210,433],{"class":283},[277,93212,93213,93215,93217],{"class":279,"line":346},[277,93214,785],{"class":283},[277,93216,288],{"class":287},[277,93218,305],{"class":283},[277,93220,93221],{"class":279,"line":360},[277,93222,328],{"emptyLinePlaceholder":327},[277,93224,93225,93227,93229],{"class":279,"line":371},[277,93226,284],{"class":283},[277,93228,802],{"class":287},[277,93230,305],{"class":283},[277,93232,93234,93236,93238,93240,93242,93244],{"class":93233,"line":381},[279,9398],[277,93235,810],{"class":283},[277,93237,4201],{"class":287},[277,93239,44903],{"class":291},[277,93241,298],{"class":283},[277,93243,44908],{"class":301},[277,93245,305],{"class":283},[277,93247,93248,93250,93252,93254,93256],{"class":279,"line":391},[277,93249,829],{"class":283},[277,93251,21],{"class":287},[277,93253,44919],{"class":283},[277,93255,21],{"class":287},[277,93257,305],{"class":283},[277,93259,93260,93262,93264],{"class":279,"line":397},[277,93261,954],{"class":283},[277,93263,4201],{"class":287},[277,93265,305],{"class":283},[277,93267,93268,93270,93272,93274,93276,93278,93280,93282],{"class":279,"line":402},[277,93269,810],{"class":283},[277,93271,4267],{"class":287},[277,93273,4278],{"class":291},[277,93275,298],{"class":283},[277,93277,12464],{"class":301},[277,93279,44692],{"class":283},[277,93281,4267],{"class":287},[277,93283,305],{"class":283},[277,93285,93286,93288,93290],{"class":279,"line":436},[277,93287,785],{"class":283},[277,93289,802],{"class":287},[277,93291,305],{"class":283},[267,93293,93295],{"className":269,"code":44960,"filename":971,"highlights":93294,"language":272,"meta":273,"style":273},[436],[16,93296,93297,93305,93313,93319,93325,93331,93335,93339,93343,93351,93355,93363,93378,93390,93398],{"__ignoreMap":273},[277,93298,93299,93301,93303],{"class":279,"line":280},[277,93300,284],{"class":283},[277,93302,288],{"class":287},[277,93304,305],{"class":283},[277,93306,93307,93309,93311],{"class":279,"line":308},[277,93308,1057],{"class":311},[277,93310,1060],{"class":311},[277,93312,343],{"class":283},[277,93314,93315,93317],{"class":279,"line":324},[277,93316,1086],{"class":291},[277,93318,473],{"class":283},[277,93320,93321,93323],{"class":279,"line":331},[277,93322,1093],{"class":311},[277,93324,343],{"class":283},[277,93326,93327,93329],{"class":279,"line":346},[277,93328,44996],{"class":283},[277,93330,44999],{"class":356},[277,93332,93333],{"class":279,"line":360},[277,93334,1126],{"class":283},[277,93336,93337],{"class":279,"line":371},[277,93338,542],{"class":283},[277,93340,93341],{"class":279,"line":381},[277,93342,394],{"class":283},[277,93344,93345,93347,93349],{"class":279,"line":391},[277,93346,785],{"class":283},[277,93348,288],{"class":287},[277,93350,305],{"class":283},[277,93352,93353],{"class":279,"line":397},[277,93354,328],{"emptyLinePlaceholder":327},[277,93356,93357,93359,93361],{"class":279,"line":402},[277,93358,284],{"class":283},[277,93360,802],{"class":287},[277,93362,305],{"class":283},[277,93364,93366,93368,93370,93372,93374,93376],{"class":93365,"line":436},[279,9398],[277,93367,810],{"class":283},[277,93369,4201],{"class":287},[277,93371,44903],{"class":291},[277,93373,298],{"class":283},[277,93375,45045],{"class":301},[277,93377,305],{"class":283},[277,93379,93380,93382,93384,93386,93388],{"class":279,"line":456},[277,93381,829],{"class":283},[277,93383,21],{"class":287},[277,93385,45056],{"class":283},[277,93387,21],{"class":287},[277,93389,305],{"class":283},[277,93391,93392,93394,93396],{"class":279,"line":461},[277,93393,954],{"class":283},[277,93395,4201],{"class":287},[277,93397,305],{"class":283},[277,93399,93400,93402,93404],{"class":279,"line":476},[277,93401,785],{"class":283},[277,93403,802],{"class":287},[277,93405,305],{"class":283},[21,93407,45079,93408,45083],{},[72,93409,45082],{},[30,93411,93412],{"id":21912},[16,93413,21912],{},[21,93415,45090],{},[267,93417,93419],{"className":269,"code":45093,"filename":271,"highlights":93418,"language":272,"meta":273,"style":273},[346],[16,93420,93421,93431,93439,93443,93451,93462,93466,93474],{"__ignoreMap":273},[277,93422,93423,93425,93427,93429],{"class":279,"line":280},[277,93424,284],{"class":283},[277,93426,288],{"class":287},[277,93428,292],{"class":291},[277,93430,305],{"class":283},[277,93432,93433,93435,93437],{"class":279,"line":308},[277,93434,785],{"class":283},[277,93436,288],{"class":287},[277,93438,305],{"class":283},[277,93440,93441],{"class":279,"line":324},[277,93442,328],{"emptyLinePlaceholder":327},[277,93444,93445,93447,93449],{"class":279,"line":331},[277,93446,284],{"class":283},[277,93448,802],{"class":287},[277,93450,305],{"class":283},[277,93452,93454,93456,93458,93460],{"class":93453,"line":346},[279,9398],[277,93455,810],{"class":283},[277,93457,4201],{"class":287},[277,93459,23208],{"class":291},[277,93461,305],{"class":283},[277,93463,93464],{"class":279,"line":360},[277,93465,45142],{"class":283},[277,93467,93468,93470,93472],{"class":279,"line":371},[277,93469,954],{"class":283},[277,93471,4201],{"class":287},[277,93473,305],{"class":283},[277,93475,93476,93478,93480],{"class":279,"line":381},[277,93477,785],{"class":283},[277,93479,802],{"class":287},[277,93481,305],{"class":283},[267,93483,93485],{"className":269,"code":45161,"filename":971,"highlights":93484,"language":272,"meta":273,"style":273},[360],[16,93486,93487,93495,93503,93511,93515,93523,93534,93538,93546],{"__ignoreMap":273},[277,93488,93489,93491,93493],{"class":279,"line":280},[277,93490,284],{"class":283},[277,93492,288],{"class":287},[277,93494,305],{"class":283},[277,93496,93497,93499,93501],{"class":279,"line":308},[277,93498,1057],{"class":311},[277,93500,1060],{"class":311},[277,93502,45181],{"class":283},[277,93504,93505,93507,93509],{"class":279,"line":324},[277,93506,785],{"class":283},[277,93508,288],{"class":287},[277,93510,305],{"class":283},[277,93512,93513],{"class":279,"line":331},[277,93514,328],{"emptyLinePlaceholder":327},[277,93516,93517,93519,93521],{"class":279,"line":346},[277,93518,284],{"class":283},[277,93520,802],{"class":287},[277,93522,305],{"class":283},[277,93524,93526,93528,93530,93532],{"class":93525,"line":360},[279,9398],[277,93527,810],{"class":283},[277,93529,4201],{"class":287},[277,93531,23208],{"class":291},[277,93533,305],{"class":283},[277,93535,93536],{"class":279,"line":371},[277,93537,45142],{"class":283},[277,93539,93540,93542,93544],{"class":279,"line":381},[277,93541,954],{"class":283},[277,93543,4201],{"class":287},[277,93545,305],{"class":283},[277,93547,93548,93550,93552],{"class":279,"line":391},[277,93549,785],{"class":283},[277,93551,802],{"class":287},[277,93553,305],{"class":283},[21,93555,45235],{},[30,93557,93558],{"id":20608},[16,93559,20608],{},[21,93561,45242],{},[267,93563,93565],{"className":269,"code":45245,"filename":271,"highlights":93564,"language":272,"meta":273,"style":273},[346],[16,93566,93567,93577,93585,93589,93597,93608,93612,93620],{"__ignoreMap":273},[277,93568,93569,93571,93573,93575],{"class":279,"line":280},[277,93570,284],{"class":283},[277,93572,288],{"class":287},[277,93574,292],{"class":291},[277,93576,305],{"class":283},[277,93578,93579,93581,93583],{"class":279,"line":308},[277,93580,785],{"class":283},[277,93582,288],{"class":287},[277,93584,305],{"class":283},[277,93586,93587],{"class":279,"line":324},[277,93588,328],{"emptyLinePlaceholder":327},[277,93590,93591,93593,93595],{"class":279,"line":331},[277,93592,284],{"class":283},[277,93594,802],{"class":287},[277,93596,305],{"class":283},[277,93598,93600,93602,93604,93606],{"class":93599,"line":346},[279,9398],[277,93601,810],{"class":283},[277,93603,4201],{"class":287},[277,93605,20999],{"class":291},[277,93607,305],{"class":283},[277,93609,93610],{"class":279,"line":360},[277,93611,45294],{"class":283},[277,93613,93614,93616,93618],{"class":279,"line":371},[277,93615,954],{"class":283},[277,93617,4201],{"class":287},[277,93619,305],{"class":283},[277,93621,93622,93624,93626],{"class":279,"line":381},[277,93623,785],{"class":283},[277,93625,802],{"class":287},[277,93627,305],{"class":283},[267,93629,93631],{"className":269,"code":45313,"filename":971,"highlights":93630,"language":272,"meta":273,"style":273},[360],[16,93632,93633,93641,93649,93657,93661,93669,93680,93684,93692],{"__ignoreMap":273},[277,93634,93635,93637,93639],{"class":279,"line":280},[277,93636,284],{"class":283},[277,93638,288],{"class":287},[277,93640,305],{"class":283},[277,93642,93643,93645,93647],{"class":279,"line":308},[277,93644,1057],{"class":311},[277,93646,1060],{"class":311},[277,93648,45181],{"class":283},[277,93650,93651,93653,93655],{"class":279,"line":324},[277,93652,785],{"class":283},[277,93654,288],{"class":287},[277,93656,305],{"class":283},[277,93658,93659],{"class":279,"line":331},[277,93660,328],{"emptyLinePlaceholder":327},[277,93662,93663,93665,93667],{"class":279,"line":346},[277,93664,284],{"class":283},[277,93666,802],{"class":287},[277,93668,305],{"class":283},[277,93670,93672,93674,93676,93678],{"class":93671,"line":360},[279,9398],[277,93673,810],{"class":283},[277,93675,4201],{"class":287},[277,93677,20999],{"class":291},[277,93679,305],{"class":283},[277,93681,93682],{"class":279,"line":371},[277,93683,45294],{"class":283},[277,93685,93686,93688,93690],{"class":279,"line":381},[277,93687,954],{"class":283},[277,93689,4201],{"class":287},[277,93691,305],{"class":283},[277,93693,93694,93696,93698],{"class":279,"line":391},[277,93695,785],{"class":283},[277,93697,802],{"class":287},[277,93699,305],{"class":283},[21,93701,45386],{},[30,93703,3241],{"id":45389},[21,93705,45392],{},[267,93707,93709],{"className":15972,"code":45395,"filename":19438,"highlights":93708,"language":15975,"meta":273,"style":273},[331,346,360,371,381],[16,93710,93711,93721,93731,93743,93756,93767,93776,93781],{"__ignoreMap":273},[277,93712,93713,93715,93717,93719],{"class":279,"line":280},[277,93714,312],{"class":311},[277,93716,45405],{"class":283},[277,93718,318],{"class":311},[277,93720,321],{"class":301},[277,93722,93723,93725,93727,93729],{"class":279,"line":308},[277,93724,312],{"class":311},[277,93726,45416],{"class":283},[277,93728,318],{"class":311},[277,93730,45421],{"class":301},[277,93732,93733,93735,93737,93739,93741],{"class":279,"line":324},[277,93734,405],{"class":311},[277,93736,45428],{"class":356},[277,93738,340],{"class":311},[277,93740,45433],{"class":291},[277,93742,45436],{"class":283},[277,93744,93746,93748,93750,93752,93754],{"class":93745,"line":331},[279,9398],[277,93747,45442],{"class":283},[277,93749,45445],{"class":291},[277,93751,448],{"class":283},[277,93753,45450],{"class":301},[277,93755,2360],{"class":283},[277,93757,93759,93761,93763,93765],{"class":93758,"line":346},[279,9398],[277,93760,6784],{"class":291},[277,93762,448],{"class":283},[277,93764,18319],{"class":349},[277,93766,2476],{"class":283},[277,93768,93770,93772,93774],{"class":93769,"line":360},[279,9398],[277,93771,45469],{"class":283},[277,93773,11476],{"class":291},[277,93775,622],{"class":283},[277,93777,93779],{"class":93778,"line":371},[279,9398],[277,93780,542],{"class":283},[277,93782,93784],{"class":93783,"line":381},[279,9398],[277,93785,676],{"class":283},[267,93787,93789],{"className":269,"code":45486,"filename":9339,"highlights":93788,"language":272,"meta":273,"style":273},[308],[16,93790,93791,93799,93810],{"__ignoreMap":273},[277,93792,93793,93795,93797],{"class":279,"line":280},[277,93794,284],{"class":283},[277,93796,802],{"class":287},[277,93798,305],{"class":283},[277,93800,93802,93804,93806,93808],{"class":93801,"line":308},[279,9398],[277,93803,810],{"class":283},[277,93805,18041],{"class":287},[277,93807,45507],{"class":291},[277,93809,4325],{"class":283},[277,93811,93812,93814,93816],{"class":279,"line":324},[277,93813,785],{"class":283},[277,93815,802],{"class":287},[277,93817,305],{"class":283},[21,93819,45520],{},[30,93821,17671],{"id":17670},[21,93823,45525,93824,104],{},[72,93825,45528],{},[21,93827,45531],{},[38,93829,93830,93832,93834],{},[41,93831,45536],{},[41,93833,190],{},[41,93835,45541],{},[21,93837,45544,93838,45548],{},[72,93839,45547],{},[1606,93841,40264],{},{"title":273,"searchDepth":308,"depth":308,"links":93843},[93844,93845,93846,93847,93848,93849,93850,93851,93852,93853,93854,93855,93856,93857,93858,93859],{"id":13168,"depth":308,"text":13169},{"id":42296,"depth":308,"text":45555},{"id":7701,"depth":308,"text":7701},{"id":24880,"depth":308,"text":24880},{"id":17974,"depth":308,"text":17974},{"id":17971,"depth":308,"text":17971},{"id":17977,"depth":308,"text":17977},{"id":24587,"depth":308,"text":24587},{"id":24590,"depth":308,"text":24590},{"id":25869,"depth":308,"text":25869},{"id":21906,"depth":308,"text":21906},{"id":21909,"depth":308,"text":21909},{"id":21912,"depth":308,"text":21912},{"id":20608,"depth":308,"text":20608},{"id":45389,"depth":308,"text":3241},{"id":17670,"depth":308,"text":17671},{"script":93861},[93862],{"type":1632,"key":1633,"data-nuxt-schema-org":327,"nodes":93863},[93864],{"headline":42204,"author":93865,"datePublished":45579,"@type":1640},{"name":1637,"@type":1638},{"updatedAt":28100,"readingTime":360,"coverCaption":45581,"author":1637,"keywords":93867},[1645,20588,45583,45584],[93869],{"headline":42204,"author":93870,"datePublished":45579,"@type":1640},{"name":1637,"@type":1638},{"title":42204,"description":45572},[93873,93874,93875,93876,93877,93878],{"tag":20588,"color":20589},{"tag":21891,"color":21892},{"tag":42197,"color":42198},{"tag":40325,"color":3168},{"tag":3167,"color":3168},{"tag":9074,"color":9075},{"id":45600,"title":45601,"body":93880,"cover":46365,"coverAlt":45601,"date":46366,"description":46367,"draft":1627,"extension":1628,"head":94519,"locale":1641,"meta":94525,"navigation":327,"path":46381,"schemaOrg":94527,"seo":94530,"series":1656,"seriesDescription":1656,"seriesOrder":1656,"seriesTitle":1656,"slug":1656,"stem":46386,"tags":94531,"__hash__":46396},{"type":8,"value":93881,"toc":94509},[93882,93884,93890,93892,93896,93900,93902,93910,93912,93914,94054,94198,94202,94307,94311,94323,94399,94401,94403,94409,94473,94481,94483,94499,94501,94507],[11,93883,45607],{"id":45606},[21,93885,45610,93886,45614,93888,45618],{},[72,93887,45613],{},[72,93889,45617],{},[30,93891,45622],{"id":45621},[21,93893,45625,93894,45629],{},[3292,93895,45628],{},[21,93897,45632,93898,45636],{},[72,93899,45635],{},[30,93901,45640],{"id":45639},[21,93903,45643,93904,45647,93906,45650,93908,45654],{},[72,93905,45646],{},[3292,93907,25947],{},[3292,93909,45653],{},[192,93911,45658],{"id":45657},[21,93913,45661],{},[267,93915,93917],{"className":269,"code":45664,"filename":45665,"highlights":93916,"language":272,"meta":273,"style":273},[331,346,360,371,456],[16,93918,93919,93929,93941,93945,93962,93977,93988,93993,93997,94001,94009,94013,94021,94046],{"__ignoreMap":273},[277,93920,93921,93923,93925,93927],{"class":279,"line":280},[277,93922,284],{"class":283},[277,93924,288],{"class":287},[277,93926,292],{"class":291},[277,93928,305],{"class":283},[277,93930,93931,93933,93935,93937,93939],{"class":279,"line":308},[277,93932,45683],{"class":311},[277,93934,11006],{"class":283},[277,93936,318],{"class":311},[277,93938,45690],{"class":301},[277,93940,18151],{"class":283},[277,93942,93943],{"class":279,"line":324},[277,93944,328],{"emptyLinePlaceholder":327},[277,93946,93948,93950,93952,93954,93956,93958,93960],{"class":93947,"line":331},[279,9398],[277,93949,479],{"class":311},[277,93951,18266],{"class":356},[277,93953,340],{"class":311},[277,93955,413],{"class":291},[277,93957,448],{"class":283},[277,93959,2123],{"class":356},[277,93961,18277],{"class":283},[277,93963,93965,93967,93969,93971,93973,93975],{"class":93964,"line":346},[279,9398],[277,93966,479],{"class":311},[277,93968,45721],{"class":291},[277,93970,340],{"class":311},[277,93972,598],{"class":283},[277,93974,601],{"class":311},[277,93976,343],{"class":283},[277,93978,93980,93982,93984,93986],{"class":93979,"line":360},[279,9398],[277,93981,45735],{"class":283},[277,93983,298],{"class":311},[277,93985,2288],{"class":311},[277,93987,45742],{"class":283},[277,93989,93991],{"class":93990,"line":371},[279,9398],[277,93992,45748],{"class":283},[277,93994,93995],{"class":279,"line":381},[277,93996,328],{"emptyLinePlaceholder":327},[277,93998,93999],{"class":279,"line":391},[277,94000,45757],{"class":12741},[277,94002,94003,94005,94007],{"class":279,"line":397},[277,94004,785],{"class":283},[277,94006,288],{"class":287},[277,94008,305],{"class":283},[277,94010,94011],{"class":279,"line":402},[277,94012,328],{"emptyLinePlaceholder":327},[277,94014,94015,94017,94019],{"class":279,"line":436},[277,94016,284],{"class":283},[277,94018,802],{"class":287},[277,94020,305],{"class":283},[277,94022,94024,94026,94028,94030,94032,94034,94036,94038,94040,94042,94044],{"class":94023,"line":456},[279,9398],[277,94025,810],{"class":283},[277,94027,25947],{"class":287},[277,94029,45787],{"class":291},[277,94031,298],{"class":283},[277,94033,18724],{"class":301},[277,94035,45794],{"class":291},[277,94037,298],{"class":283},[277,94039,45799],{"class":301},[277,94041,24690],{"class":283},[277,94043,25947],{"class":287},[277,94045,305],{"class":283},[277,94047,94048,94050,94052],{"class":279,"line":461},[277,94049,785],{"class":283},[277,94051,802],{"class":287},[277,94053,305],{"class":283},[267,94055,94057],{"className":269,"code":45816,"filename":45817,"highlights":94056,"language":272,"meta":273,"style":273},[346,391,397,402,520],[16,94058,94059,94067,94075,94081,94087,94094,94098,94102,94106,94113,94128,94133,94137,94141,94145,94153,94157,94165,94190],{"__ignoreMap":273},[277,94060,94061,94063,94065],{"class":279,"line":280},[277,94062,284],{"class":283},[277,94064,288],{"class":287},[277,94066,305],{"class":283},[277,94068,94069,94071,94073],{"class":279,"line":308},[277,94070,45833],{"class":311},[277,94072,1060],{"class":311},[277,94074,343],{"class":283},[277,94076,94077,94079],{"class":279,"line":324},[277,94078,45842],{"class":291},[277,94080,473],{"class":283},[277,94082,94083,94085],{"class":279,"line":331},[277,94084,2754],{"class":311},[277,94086,343],{"class":283},[277,94088,94090,94092],{"class":94089,"line":346},[279,9398],[277,94091,45856],{"class":283},[277,94093,2043],{"class":356},[277,94095,94096],{"class":279,"line":360},[277,94097,36566],{"class":283},[277,94099,94100],{"class":279,"line":371},[277,94101,7016],{"class":283},[277,94103,94104],{"class":279,"line":381},[277,94105,45871],{"class":283},[277,94107,94109,94111],{"class":94108,"line":391},[279,9398],[277,94110,45877],{"class":291},[277,94112,473],{"class":283},[277,94114,94116,94118,94120,94122,94124,94126],{"class":94115,"line":397},[279,9398],[277,94117,8819],{"class":356},[277,94119,45887],{"class":283},[277,94121,298],{"class":311},[277,94123,2288],{"class":311},[277,94125,1341],{"class":356},[277,94127,45896],{"class":283},[277,94129,94131],{"class":94130,"line":402},[279,9398],[277,94132,1203],{"class":283},[277,94134,94135],{"class":279,"line":436},[277,94136,1126],{"class":283},[277,94138,94139],{"class":279,"line":456},[277,94140,45748],{"class":283},[277,94142,94143],{"class":279,"line":461},[277,94144,45757],{"class":12741},[277,94146,94147,94149,94151],{"class":279,"line":476},[277,94148,785],{"class":283},[277,94150,288],{"class":287},[277,94152,305],{"class":283},[277,94154,94155],{"class":279,"line":500},[277,94156,328],{"emptyLinePlaceholder":327},[277,94158,94159,94161,94163],{"class":279,"line":505},[277,94160,284],{"class":283},[277,94162,802],{"class":287},[277,94164,305],{"class":283},[277,94166,94168,94170,94172,94174,94176,94178,94180,94182,94184,94186,94188],{"class":94167,"line":520},[279,9398],[277,94169,810],{"class":283},[277,94171,25947],{"class":287},[277,94173,45787],{"class":291},[277,94175,298],{"class":283},[277,94177,18724],{"class":301},[277,94179,45794],{"class":291},[277,94181,298],{"class":283},[277,94183,45799],{"class":301},[277,94185,24690],{"class":283},[277,94187,25947],{"class":287},[277,94189,305],{"class":283},[277,94191,94192,94194,94196],{"class":279,"line":539},[277,94193,785],{"class":283},[277,94195,802],{"class":287},[277,94197,305],{"class":283},[21,94199,94200,45972],{},[72,94201,45971],{},[267,94203,94205],{"className":269,"code":45975,"filename":45976,"highlights":94204,"language":272,"meta":273,"style":273},[308,324,331,360],[16,94206,94207,94215,94230,94245,94250,94258,94279,94283,94291,94299],{"__ignoreMap":273},[277,94208,94209,94211,94213],{"class":279,"line":280},[277,94210,284],{"class":283},[277,94212,802],{"class":287},[277,94214,305],{"class":283},[277,94216,94218,94220,94222,94224,94226,94228],{"class":94217,"line":308},[279,9398],[277,94219,810],{"class":283},[277,94221,45995],{"class":287},[277,94223,26191],{"class":291},[277,94225,298],{"class":283},[277,94227,46002],{"class":301},[277,94229,305],{"class":283},[277,94231,94233,94235,94237,94239,94241,94243],{"class":94232,"line":324},[279,9398],[277,94234,829],{"class":283},[277,94236,4267],{"class":287},[277,94238,4278],{"class":291},[277,94240,298],{"class":283},[277,94242,45799],{"class":301},[277,94244,305],{"class":283},[277,94246,94248],{"class":94247,"line":331},[279,9398],[277,94249,46025],{"class":283},[277,94251,94252,94254,94256],{"class":279,"line":346},[277,94253,922],{"class":283},[277,94255,4267],{"class":287},[277,94257,305],{"class":283},[277,94259,94261,94263,94265,94267,94269,94271,94273,94275,94277],{"class":94260,"line":360},[279,9398],[277,94262,829],{"class":283},[277,94264,4201],{"class":287},[277,94266,834],{"class":291},[277,94268,298],{"class":283},[277,94270,18724],{"class":301},[277,94272,816],{"class":291},[277,94274,298],{"class":283},[277,94276,46053],{"class":301},[277,94278,305],{"class":283},[277,94280,94281],{"class":279,"line":371},[277,94282,46060],{"class":283},[277,94284,94285,94287,94289],{"class":279,"line":381},[277,94286,922],{"class":283},[277,94288,4201],{"class":287},[277,94290,305],{"class":283},[277,94292,94293,94295,94297],{"class":279,"line":391},[277,94294,954],{"class":283},[277,94296,45995],{"class":287},[277,94298,305],{"class":283},[277,94300,94301,94303,94305],{"class":279,"line":397},[277,94302,785],{"class":283},[277,94304,802],{"class":287},[277,94306,305],{"class":283},[30,94308,46088,94309,19],{"id":46087},[16,94310,46091],{},[21,94312,46094,94313,46097,94315,46101,94317,511,94319,46107,94321,46111],{},[16,94314,26159],{},[16,94316,46100],{},[16,94318,46091],{},[3292,94320,46106],{},[72,94322,46110],{},[267,94324,94326],{"className":46114,"code":46115,"filename":46116,"highlights":94325,"language":46118,"meta":273,"style":273},[331,346,360,397,402,436,456],[16,94327,94328,94332,94336,94340,94345,94350,94355,94359,94363,94367,94372,94377,94382,94387,94391,94395],{"__ignoreMap":273},[277,94329,94330],{"class":279,"line":280},[277,94331,46125],{},[277,94333,94334],{"class":279,"line":308},[277,94335,328],{"emptyLinePlaceholder":327},[277,94337,94338],{"class":279,"line":324},[277,94339,46134],{},[277,94341,94343],{"class":94342,"line":331},[279,9398],[277,94344,46140],{},[277,94346,94348],{"class":94347,"line":346},[279,9398],[277,94349,46146],{},[277,94351,94353],{"class":94352,"line":360},[279,9398],[277,94354,46152],{},[277,94356,94357],{"class":279,"line":371},[277,94358,328],{"emptyLinePlaceholder":327},[277,94360,94361],{"class":279,"line":381},[277,94362,46161],{},[277,94364,94365],{"class":279,"line":391},[277,94366,46166],{},[277,94368,94370],{"class":94369,"line":397},[279,9398],[277,94371,46172],{},[277,94373,94375],{"class":94374,"line":402},[279,9398],[277,94376,46178],{},[277,94378,94380],{"class":94379,"line":436},[279,9398],[277,94381,46184],{},[277,94383,94385],{"class":94384,"line":456},[279,9398],[277,94386,46190],{},[277,94388,94389],{"class":279,"line":461},[277,94390,18478],{},[277,94392,94393],{"class":279,"line":476},[277,94394,542],{},[277,94396,94397],{"class":279,"line":500},[277,94398,18255],{},[21,94400,46205],{},[30,94402,46209],{"id":46208},[21,94404,46212,94405,511,94407,46219],{},[3292,94406,46215],{},[16,94408,46218],{},[5392,94410,94411,94421],{},[5395,94412,94413],{},[5398,94414,94415,94417,94419],{},[5401,94416,46228],{},[5401,94418,13469],{},[5401,94420,45617],{},[5414,94422,94423,94433,94443,94453,94463],{},[5398,94424,94425,94429,94431],{},[5419,94426,94427],{},[72,94428,46241],{},[5419,94430,46244],{},[5419,94432,46247],{},[5398,94434,94435,94439,94441],{},[5419,94436,94437],{},[72,94438,46254],{},[5419,94440,46257],{},[5419,94442,46260],{},[5398,94444,94445,94449,94451],{},[5419,94446,94447],{},[72,94448,46267],{},[5419,94450,46270],{},[5419,94452,46273],{},[5398,94454,94455,94459,94461],{},[5419,94456,94457],{},[72,94458,26340],{},[5419,94460,46282],{},[5419,94462,46285],{},[5398,94464,94465,94469,94471],{},[5419,94466,94467],{},[72,94468,46292],{},[5419,94470,46295],{},[5419,94472,46298],{},[21,94474,46301,94475,46304,94477,46307,94479,1895],{},[3292,94476,45617],{},[16,94478,687],{},[3292,94480,46310],{},[30,94482,46314],{"id":46313},[10089,94484,94485,94491,94495],{},[41,94486,94487,46322,94489,46325],{},[72,94488,46321],{},[3292,94490,45628],{},[41,94492,94493,46331],{},[72,94494,46330],{},[41,94496,94497,46337],{},[72,94498,46336],{},[30,94500,46341],{"id":46340},[21,94502,46344,94503,46347,94505,46350],{},[16,94504,25869],{},[72,94506,45617],{},[1606,94508,46353],{},{"title":273,"searchDepth":308,"depth":308,"links":94510},[94511,94512,94515,94516,94517,94518],{"id":45621,"depth":308,"text":45622},{"id":45639,"depth":308,"text":45640,"children":94513},[94514],{"id":45657,"depth":324,"text":45658},{"id":46087,"depth":308,"text":46361},{"id":46208,"depth":308,"text":46209},{"id":46313,"depth":308,"text":46314},{"id":46340,"depth":308,"text":46341},{"script":94520},[94521],{"type":1632,"key":1633,"data-nuxt-schema-org":327,"nodes":94522},[94523],{"headline":45601,"author":94524,"datePublished":46374,"@type":1640},{"name":1637,"@type":1638},{"updatedAt":46376,"coverCaption":46377,"author":1637,"keywords":94526},[13114,45617,46379,46380,45583],[94528],{"headline":45601,"author":94529,"datePublished":46374,"@type":1640},{"name":1637,"@type":1638},{"title":45601,"description":46367},[94532,94533,94534,94535,94536,94537],{"tag":1665,"color":1666},{"tag":46380,"color":46390},{"tag":1668,"color":1669},{"tag":3167,"color":3168},{"tag":1671,"color":1672},{"tag":45584,"color":46395},{"id":46398,"title":46399,"body":94539,"cover":48321,"coverAlt":46399,"date":48322,"description":48323,"draft":1627,"extension":1628,"head":96213,"locale":1641,"meta":96219,"navigation":327,"path":48334,"schemaOrg":96221,"seo":96224,"series":1656,"seriesDescription":1656,"seriesOrder":1656,"seriesTitle":1656,"slug":1656,"stem":48339,"tags":96225,"__hash__":48351},{"type":8,"value":94540,"toc":96200},[94541,94543,94547,94553,94555,94573,94577,94579,94589,94591,94593,94597,94708,94784,94788,94879,94953,94955,94963,94979,94985,94997,95001,95005,95123,95297,95301,95429,95644,95646,95650,95684,95686,95688,95696,95700,95849,95853,96046,96048,96056,96064,96066,96072,96088,96090,96092,96150,96152,96166,96168,96176,96196,96198],[11,94542,46405],{"id":46404},[21,94544,46408,94545,46412],{},[72,94546,46411],{},[21,94548,94549,46418,94551,46422],{},[16,94550,46417],{},[16,94552,46421],{},[30,94554,46426],{"id":46425},[10089,94556,94557,94563,94567],{},[41,94558,94559,46434,94561,46438],{},[72,94560,46433],{},[16,94562,46437],{},[41,94564,94565,46444],{},[72,94566,46443],{},[41,94568,94569,46450,94571,46453],{},[72,94570,46449],{},[16,94572,1882],{},[30,94574,46457,94575],{"id":46456},[72,94576,46460],{},[21,94578,46463],{},[38,94580,94581,94585],{},[41,94582,94583,46471],{},[72,94584,46470],{},[41,94586,94587,46477],{},[72,94588,46476],{},[30,94590,46481],{"id":46480},[21,94592,46484],{},[23924,94594,94595],{"id":46487},[72,94596,46490],{},[267,94598,94600],{"className":269,"code":46493,"filename":271,"highlights":94599,"language":272,"meta":273,"style":273},[308,381],[16,94601,94602,94612,94623,94633,94637,94653,94657,94661,94672,94680,94684,94692,94700],{"__ignoreMap":273},[277,94603,94604,94606,94608,94610],{"class":279,"line":280},[277,94605,284],{"class":283},[277,94607,288],{"class":287},[277,94609,292],{"class":291},[277,94611,305],{"class":283},[277,94613,94615,94617,94619,94621],{"class":94614,"line":308},[279,9398],[277,94616,312],{"class":311},[277,94618,46514],{"class":283},[277,94620,318],{"class":311},[277,94622,321],{"class":301},[277,94624,94625,94627,94629,94631],{"class":279,"line":324},[277,94626,312],{"class":311},[277,94628,46525],{"class":283},[277,94630,318],{"class":311},[277,94632,46530],{"class":301},[277,94634,94635],{"class":279,"line":331},[277,94636,328],{"emptyLinePlaceholder":327},[277,94638,94639,94641,94643,94645,94647,94649,94651],{"class":279,"line":346},[277,94640,405],{"class":311},[277,94642,46541],{"class":356},[277,94644,340],{"class":311},[277,94646,413],{"class":291},[277,94648,448],{"class":283},[277,94650,46550],{"class":301},[277,94652,433],{"class":283},[277,94654,94655],{"class":279,"line":360},[277,94656,328],{"emptyLinePlaceholder":327},[277,94658,94659],{"class":279,"line":371},[277,94660,46561],{"class":12741},[277,94662,94664,94666,94668,94670],{"class":94663,"line":381},[279,9398],[277,94665,46567],{"class":291},[277,94667,448],{"class":283},[277,94669,46572],{"class":301},[277,94671,46575],{"class":283},[277,94673,94674,94676,94678],{"class":279,"line":391},[277,94675,785],{"class":283},[277,94677,288],{"class":287},[277,94679,305],{"class":283},[277,94681,94682],{"class":279,"line":397},[277,94683,328],{"emptyLinePlaceholder":327},[277,94685,94686,94688,94690],{"class":279,"line":402},[277,94687,284],{"class":283},[277,94689,802],{"class":287},[277,94691,305],{"class":283},[277,94693,94694,94696,94698],{"class":279,"line":436},[277,94695,810],{"class":283},[277,94697,46602],{"class":287},[277,94699,4325],{"class":283},[277,94701,94702,94704,94706],{"class":279,"line":456},[277,94703,785],{"class":283},[277,94705,802],{"class":287},[277,94707,305],{"class":283},[267,94709,94711],{"className":269,"code":46615,"filename":971,"highlights":94710,"language":272,"meta":273,"style":273},[324],[16,94712,94713,94721,94729,94734,94740,94744,94748,94756,94760,94768,94776],{"__ignoreMap":273},[277,94714,94715,94717,94719],{"class":279,"line":280},[277,94716,284],{"class":283},[277,94718,288],{"class":287},[277,94720,305],{"class":283},[277,94722,94723,94725,94727],{"class":279,"line":308},[277,94724,1057],{"class":311},[277,94726,1060],{"class":311},[277,94728,343],{"class":283},[277,94730,94732],{"class":94731,"line":324},[279,9398],[277,94733,46640],{"class":283},[277,94735,94736,94738],{"class":279,"line":331},[277,94737,46645],{"class":283},[277,94739,46648],{"class":301},[277,94741,94742],{"class":279,"line":346},[277,94743,542],{"class":283},[277,94745,94746],{"class":279,"line":360},[277,94747,394],{"class":283},[277,94749,94750,94752,94754],{"class":279,"line":371},[277,94751,785],{"class":283},[277,94753,288],{"class":287},[277,94755,305],{"class":283},[277,94757,94758],{"class":279,"line":381},[277,94759,328],{"emptyLinePlaceholder":327},[277,94761,94762,94764,94766],{"class":279,"line":391},[277,94763,284],{"class":283},[277,94765,802],{"class":287},[277,94767,305],{"class":283},[277,94769,94770,94772,94774],{"class":279,"line":397},[277,94771,810],{"class":283},[277,94773,46602],{"class":287},[277,94775,4325],{"class":283},[277,94777,94778,94780,94782],{"class":279,"line":402},[277,94779,785],{"class":283},[277,94781,802],{"class":287},[277,94783,305],{"class":283},[23924,94785,94786],{"id":46695},[72,94787,46698],{},[267,94789,94791],{"className":269,"code":46701,"filename":271,"highlights":94790,"language":272,"meta":273,"style":273},[308,346],[16,94792,94793,94803,94814,94818,94822,94839,94847,94851,94859,94871],{"__ignoreMap":273},[277,94794,94795,94797,94799,94801],{"class":279,"line":280},[277,94796,284],{"class":283},[277,94798,288],{"class":287},[277,94800,292],{"class":291},[277,94802,305],{"class":283},[277,94804,94806,94808,94810,94812],{"class":94805,"line":308},[279,9398],[277,94807,312],{"class":311},[277,94809,46722],{"class":283},[277,94811,318],{"class":311},[277,94813,321],{"class":301},[277,94815,94816],{"class":279,"line":324},[277,94817,328],{"emptyLinePlaceholder":327},[277,94819,94820],{"class":279,"line":331},[277,94821,46735],{"class":12741},[277,94823,94825,94827,94829,94831,94833,94835,94837],{"class":94824,"line":346},[279,9398],[277,94826,405],{"class":311},[277,94828,46541],{"class":356},[277,94830,340],{"class":311},[277,94832,46747],{"class":291},[277,94834,448],{"class":283},[277,94836,46572],{"class":301},[277,94838,433],{"class":283},[277,94840,94841,94843,94845],{"class":279,"line":360},[277,94842,785],{"class":283},[277,94844,288],{"class":287},[277,94846,305],{"class":283},[277,94848,94849],{"class":279,"line":371},[277,94850,328],{"emptyLinePlaceholder":327},[277,94852,94853,94855,94857],{"class":279,"line":381},[277,94854,284],{"class":283},[277,94856,802],{"class":287},[277,94858,305],{"class":283},[277,94860,94861,94863,94865,94867,94869],{"class":279,"line":391},[277,94862,810],{"class":283},[277,94864,11],{"class":287},[277,94866,46782],{"class":283},[277,94868,11],{"class":287},[277,94870,305],{"class":283},[277,94872,94873,94875,94877],{"class":279,"line":397},[277,94874,785],{"class":283},[277,94876,802],{"class":287},[277,94878,305],{"class":283},[267,94880,94882],{"className":269,"code":46797,"filename":971,"highlights":94881,"language":272,"meta":273,"style":273},[324],[16,94883,94884,94892,94900,94909,94913,94921,94925,94933,94945],{"__ignoreMap":273},[277,94885,94886,94888,94890],{"class":279,"line":280},[277,94887,284],{"class":283},[277,94889,288],{"class":287},[277,94891,305],{"class":283},[277,94893,94894,94896,94898],{"class":279,"line":308},[277,94895,1057],{"class":311},[277,94897,1060],{"class":311},[277,94899,343],{"class":283},[277,94901,94903,94905,94907],{"class":94902,"line":324},[279,9398],[277,94904,46822],{"class":283},[277,94906,46825],{"class":301},[277,94908,30180],{"class":283},[277,94910,94911],{"class":279,"line":331},[277,94912,394],{"class":283},[277,94914,94915,94917,94919],{"class":279,"line":346},[277,94916,785],{"class":283},[277,94918,288],{"class":287},[277,94920,305],{"class":283},[277,94922,94923],{"class":279,"line":360},[277,94924,328],{"emptyLinePlaceholder":327},[277,94926,94927,94929,94931],{"class":279,"line":371},[277,94928,284],{"class":283},[277,94930,802],{"class":287},[277,94932,305],{"class":283},[277,94934,94935,94937,94939,94941,94943],{"class":279,"line":381},[277,94936,810],{"class":283},[277,94938,11],{"class":287},[277,94940,46782],{"class":283},[277,94942,11],{"class":287},[277,94944,305],{"class":283},[277,94946,94947,94949,94951],{"class":279,"line":391},[277,94948,785],{"class":283},[277,94950,802],{"class":287},[277,94952,305],{"class":283},[30,94954,46875],{"id":46874},[21,94956,46878,94957,9178,94959,46883,94961,46888],{},[16,94958,1927],{},[16,94960,12319],{},[13178,94962,46887],{"href":46886},[267,94964,94965],{"className":46114,"code":46891,"filename":46892,"language":46118,"meta":273,"style":273},[16,94966,94967,94971],{"__ignoreMap":273},[277,94968,94969],{"class":279,"line":280},[277,94970,46899],{"class":12741},[277,94972,94973,94975,94977],{"class":279,"line":308},[277,94974,46904],{"class":283},[277,94976,298],{"class":311},[277,94978,46909],{"class":301},[21,94980,46912,94981,46916,94983,353],{},[72,94982,46915],{},[72,94984,46919],{},[10089,94986,94987,94993],{},[41,94988,94989,46927,94991,46931],{},[72,94990,46926],{},[16,94992,46930],{},[41,94994,94995,46937],{},[72,94996,46936],{},[30,94998,46941,94999],{"id":46940},[16,95000,46944],{},[23924,95002,95003],{"id":46947},[72,95004,46490],{},[267,95006,95008],{"className":269,"code":46952,"filename":271,"highlights":95007,"language":272,"meta":273,"style":273},[397],[16,95009,95010,95020,95030,95034,95050,95068,95076,95080,95084,95094,95105,95111,95115],{"__ignoreMap":273},[277,95011,95012,95014,95016,95018],{"class":279,"line":280},[277,95013,284],{"class":283},[277,95015,288],{"class":287},[277,95017,292],{"class":291},[277,95019,305],{"class":283},[277,95021,95022,95024,95026,95028],{"class":279,"line":308},[277,95023,312],{"class":311},[277,95025,46972],{"class":283},[277,95027,318],{"class":311},[277,95029,321],{"class":301},[277,95031,95032],{"class":279,"line":324},[277,95033,328],{"emptyLinePlaceholder":327},[277,95035,95036,95038,95040,95042,95044,95046,95048],{"class":279,"line":331},[277,95037,405],{"class":311},[277,95039,46987],{"class":356},[277,95041,340],{"class":311},[277,95043,413],{"class":291},[277,95045,448],{"class":283},[277,95047,46996],{"class":301},[277,95049,433],{"class":283},[277,95051,95052,95054,95056,95058,95060,95062,95064,95066],{"class":279,"line":346},[277,95053,405],{"class":311},[277,95055,47005],{"class":291},[277,95057,340],{"class":311},[277,95059,511],{"class":283},[277,95061,47012],{"class":349},[277,95063,2340],{"class":283},[277,95065,601],{"class":311},[277,95067,343],{"class":283},[277,95069,95070,95072,95074],{"class":279,"line":360},[277,95071,47023],{"class":283},[277,95073,298],{"class":311},[277,95075,47028],{"class":283},[277,95077,95078],{"class":279,"line":371},[277,95079,394],{"class":283},[277,95081,95082],{"class":279,"line":381},[277,95083,328],{"emptyLinePlaceholder":327},[277,95085,95086,95088,95090,95092],{"class":279,"line":391},[277,95087,46567],{"class":291},[277,95089,448],{"class":283},[277,95091,47045],{"class":301},[277,95093,2360],{"class":283},[277,95095,95097,95099,95101,95103],{"class":95096,"line":397},[279,9398],[277,95098,47053],{"class":283},[277,95100,46944],{"class":291},[277,95102,47058],{"class":283},[277,95104,47061],{"class":12741},[277,95106,95107,95109],{"class":279,"line":402},[277,95108,47066],{"class":283},[277,95110,47069],{"class":12741},[277,95112,95113],{"class":279,"line":436},[277,95114,676],{"class":283},[277,95116,95117,95119,95121],{"class":279,"line":456},[277,95118,785],{"class":283},[277,95120,288],{"class":287},[277,95122,305],{"class":283},[267,95124,95126],{"className":269,"code":47084,"filename":971,"highlights":95125,"language":272,"meta":273,"style":273},[583],[16,95127,95128,95136,95146,95150,95158,95164,95170,95176,95180,95184,95188,95198,95208,95212,95216,95222,95228,95232,95236,95240,95246,95250,95264,95273,95277,95281,95285,95289],{"__ignoreMap":273},[277,95129,95130,95132,95134],{"class":279,"line":280},[277,95131,284],{"class":283},[277,95133,288],{"class":287},[277,95135,305],{"class":283},[277,95137,95138,95140,95142,95144],{"class":279,"line":308},[277,95139,312],{"class":311},[277,95141,47102],{"class":283},[277,95143,318],{"class":311},[277,95145,321],{"class":301},[277,95147,95148],{"class":279,"line":324},[277,95149,328],{"emptyLinePlaceholder":327},[277,95151,95152,95154,95156],{"class":279,"line":331},[277,95153,1057],{"class":311},[277,95155,1060],{"class":311},[277,95157,343],{"class":283},[277,95159,95160,95162],{"class":279,"line":346},[277,95161,1086],{"class":291},[277,95163,473],{"class":283},[277,95165,95166,95168],{"class":279,"line":360},[277,95167,1093],{"class":311},[277,95169,343],{"class":283},[277,95171,95172,95174],{"class":279,"line":371},[277,95173,47135],{"class":283},[277,95175,47138],{"class":301},[277,95177,95178],{"class":279,"line":381},[277,95179,1126],{"class":283},[277,95181,95182],{"class":279,"line":391},[277,95183,1131],{"class":283},[277,95185,95186],{"class":279,"line":397},[277,95187,45871],{"class":283},[277,95189,95190,95192,95194,95196],{"class":279,"line":402},[277,95191,47155],{"class":291},[277,95193,448],{"class":283},[277,95195,47012],{"class":349},[277,95197,2476],{"class":283},[277,95199,95200,95202,95204,95206],{"class":279,"line":436},[277,95201,8819],{"class":356},[277,95203,47168],{"class":283},[277,95205,298],{"class":311},[277,95207,47028],{"class":283},[277,95209,95210],{"class":279,"line":456},[277,95211,1203],{"class":283},[277,95213,95214],{"class":279,"line":461},[277,95215,1131],{"class":283},[277,95217,95218,95220],{"class":279,"line":476},[277,95219,47185],{"class":291},[277,95221,473],{"class":283},[277,95223,95224,95226],{"class":279,"line":500},[277,95225,1093],{"class":311},[277,95227,343],{"class":283},[277,95229,95230],{"class":279,"line":505},[277,95231,47198],{"class":12741},[277,95233,95234],{"class":279,"line":520},[277,95235,47203],{"class":12741},[277,95237,95238],{"class":279,"line":539},[277,95239,47208],{"class":12741},[277,95241,95242,95244],{"class":279,"line":545},[277,95243,47213],{"class":301},[277,95245,47216],{"class":283},[277,95247,95248],{"class":279,"line":550},[277,95249,47221],{"class":12741},[277,95251,95252,95254,95256,95258,95260,95262],{"class":279,"line":578},[277,95253,47226],{"class":283},[277,95255,1732],{"class":291},[277,95257,2203],{"class":283},[277,95259,601],{"class":311},[277,95261,1268],{"class":356},[277,95263,47237],{"class":283},[277,95265,95267,95269,95271],{"class":95266,"line":583},[279,9398],[277,95268,47243],{"class":283},[277,95270,1341],{"class":356},[277,95272,47248],{"class":283},[277,95274,95275],{"class":279,"line":588},[277,95276,1203],{"class":283},[277,95278,95279],{"class":279,"line":606},[277,95280,1126],{"class":283},[277,95282,95283],{"class":279,"line":614},[277,95284,542],{"class":283},[277,95286,95287],{"class":279,"line":625},[277,95288,394],{"class":283},[277,95290,95291,95293,95295],{"class":279,"line":637},[277,95292,785],{"class":283},[277,95294,288],{"class":287},[277,95296,305],{"class":283},[23924,95298,95299],{"id":47275},[72,95300,46698],{},[267,95302,95304],{"className":269,"code":47280,"filename":271,"highlights":95303,"language":272,"meta":273,"style":273},[331],[16,95305,95306,95316,95326,95330,95355,95363,95367,95375,95383,95395,95413,95421],{"__ignoreMap":273},[277,95307,95308,95310,95312,95314],{"class":279,"line":280},[277,95309,284],{"class":283},[277,95311,288],{"class":287},[277,95313,292],{"class":291},[277,95315,305],{"class":283},[277,95317,95318,95320,95322,95324],{"class":279,"line":308},[277,95319,312],{"class":311},[277,95321,46722],{"class":283},[277,95323,318],{"class":311},[277,95325,321],{"class":301},[277,95327,95328],{"class":279,"line":324},[277,95329,328],{"emptyLinePlaceholder":327},[277,95331,95333,95335,95337,95339,95341,95343,95345,95347,95349,95351,95353],{"class":95332,"line":331},[279,9398],[277,95334,405],{"class":311},[277,95336,5995],{"class":283},[277,95338,47317],{"class":356},[277,95340,225],{"class":283},[277,95342,47322],{"class":356},[277,95344,17506],{"class":283},[277,95346,298],{"class":311},[277,95348,46747],{"class":291},[277,95350,448],{"class":283},[277,95352,47045],{"class":301},[277,95354,433],{"class":283},[277,95356,95357,95359,95361],{"class":279,"line":346},[277,95358,785],{"class":283},[277,95360,288],{"class":287},[277,95362,305],{"class":283},[277,95364,95365],{"class":279,"line":360},[277,95366,328],{"emptyLinePlaceholder":327},[277,95368,95369,95371,95373],{"class":279,"line":371},[277,95370,284],{"class":283},[277,95372,802],{"class":287},[277,95374,305],{"class":283},[277,95376,95377,95379,95381],{"class":279,"line":381},[277,95378,810],{"class":283},[277,95380,4201],{"class":287},[277,95382,305],{"class":283},[277,95384,95385,95387,95389,95391,95393],{"class":279,"line":391},[277,95386,829],{"class":283},[277,95388,21],{"class":287},[277,95390,47371],{"class":283},[277,95392,21],{"class":287},[277,95394,305],{"class":283},[277,95396,95397,95399,95401,95403,95405,95407,95409,95411],{"class":279,"line":397},[277,95398,829],{"class":283},[277,95400,4267],{"class":287},[277,95402,4278],{"class":291},[277,95404,298],{"class":283},[277,95406,47388],{"class":301},[277,95408,47391],{"class":283},[277,95410,4267],{"class":287},[277,95412,305],{"class":283},[277,95414,95415,95417,95419],{"class":279,"line":402},[277,95416,954],{"class":283},[277,95418,4201],{"class":287},[277,95420,305],{"class":283},[277,95422,95423,95425,95427],{"class":279,"line":436},[277,95424,785],{"class":283},[277,95426,802],{"class":287},[277,95428,305],{"class":283},[267,95430,95432],{"className":269,"code":47414,"filename":971,"highlights":95431,"language":272,"meta":273,"style":273},[371,461],[16,95433,95434,95442,95450,95454,95458,95466,95476,95485,95495,95499,95503,95507,95511,95517,95526,95530,95534,95538,95544,95558,95562,95566,95570,95578,95582,95590,95598,95610,95628,95636],{"__ignoreMap":273},[277,95435,95436,95438,95440],{"class":279,"line":280},[277,95437,284],{"class":283},[277,95439,288],{"class":287},[277,95441,305],{"class":283},[277,95443,95444,95446,95448],{"class":279,"line":308},[277,95445,1057],{"class":311},[277,95447,1060],{"class":311},[277,95449,343],{"class":283},[277,95451,95452],{"class":279,"line":324},[277,95453,47438],{"class":283},[277,95455,95456],{"class":279,"line":331},[277,95457,47443],{"class":283},[277,95459,95460,95462,95464],{"class":279,"line":346},[277,95461,47448],{"class":283},[277,95463,47045],{"class":301},[277,95465,1077],{"class":283},[277,95467,95468,95470,95472,95474],{"class":279,"line":360},[277,95469,47457],{"class":291},[277,95471,3790],{"class":283},[277,95473,601],{"class":311},[277,95475,36126],{"class":283},[277,95477,95479,95481,95483],{"class":95478,"line":371},[279,9398],[277,95480,47469],{"class":283},[277,95482,46996],{"class":301},[277,95484,2132],{"class":283},[277,95486,95487,95489,95491,95493],{"class":279,"line":381},[277,95488,47478],{"class":291},[277,95490,3790],{"class":283},[277,95492,601],{"class":311},[277,95494,45181],{"class":283},[277,95496,95497],{"class":279,"line":391},[277,95498,2853],{"class":283},[277,95500,95501],{"class":279,"line":397},[277,95502,1126],{"class":283},[277,95504,95505],{"class":279,"line":402},[277,95506,1131],{"class":283},[277,95508,95509],{"class":279,"line":436},[277,95510,2742],{"class":283},[277,95512,95513,95515],{"class":279,"line":456},[277,95514,47505],{"class":291},[277,95516,473],{"class":283},[277,95518,95520,95522,95524],{"class":95519,"line":461},[279,9398],[277,95521,2754],{"class":311},[277,95523,1268],{"class":356},[277,95525,47517],{"class":283},[277,95527,95528],{"class":279,"line":476},[277,95529,1126],{"class":283},[277,95531,95532],{"class":279,"line":500},[277,95533,1131],{"class":283},[277,95535,95536],{"class":279,"line":505},[277,95537,1140],{"class":283},[277,95539,95540,95542],{"class":279,"line":520},[277,95541,47534],{"class":291},[277,95543,473],{"class":283},[277,95545,95546,95548,95550,95552,95554,95556],{"class":279,"line":539},[277,95547,1212],{"class":356},[277,95549,47543],{"class":283},[277,95551,47322],{"class":291},[277,95553,448],{"class":283},[277,95555,47550],{"class":301},[277,95557,433],{"class":283},[277,95559,95560],{"class":279,"line":545},[277,95561,1126],{"class":283},[277,95563,95564],{"class":279,"line":550},[277,95565,542],{"class":283},[277,95567,95568],{"class":279,"line":578},[277,95569,394],{"class":283},[277,95571,95572,95574,95576],{"class":279,"line":583},[277,95573,785],{"class":283},[277,95575,288],{"class":287},[277,95577,305],{"class":283},[277,95579,95580],{"class":279,"line":588},[277,95581,328],{"emptyLinePlaceholder":327},[277,95583,95584,95586,95588],{"class":279,"line":606},[277,95585,284],{"class":283},[277,95587,802],{"class":287},[277,95589,305],{"class":283},[277,95591,95592,95594,95596],{"class":279,"line":614},[277,95593,810],{"class":283},[277,95595,4201],{"class":287},[277,95597,305],{"class":283},[277,95599,95600,95602,95604,95606,95608],{"class":279,"line":625},[277,95601,829],{"class":283},[277,95603,21],{"class":287},[277,95605,47601],{"class":283},[277,95607,21],{"class":287},[277,95609,305],{"class":283},[277,95611,95612,95614,95616,95618,95620,95622,95624,95626],{"class":279,"line":637},[277,95613,829],{"class":283},[277,95615,4267],{"class":287},[277,95617,4278],{"class":291},[277,95619,298],{"class":283},[277,95621,47618],{"class":301},[277,95623,47391],{"class":283},[277,95625,4267],{"class":287},[277,95627,305],{"class":283},[277,95629,95630,95632,95634],{"class":279,"line":646},[277,95631,954],{"class":283},[277,95633,4201],{"class":287},[277,95635,305],{"class":283},[277,95637,95638,95640,95642],{"class":279,"line":668},[277,95639,785],{"class":283},[277,95641,802],{"class":287},[277,95643,305],{"class":283},[30,95645,47644],{"id":47643},[21,95647,47647,95648,47651],{},[16,95649,47650],{},[267,95651,95653],{"className":46114,"code":47654,"filename":47655,"highlights":95652,"language":46118,"meta":273,"style":273},[308],[16,95654,95655,95659],{"__ignoreMap":273},[277,95656,95657],{"class":279,"line":280},[277,95658,47663],{"class":12741},[277,95660,95662,95664,95666,95668,95670,95672,95674,95676,95678,95680,95682],{"class":95661,"line":308},[279,9398],[277,95663,405],{"class":311},[277,95665,47671],{"class":356},[277,95667,340],{"class":311},[277,95669,46747],{"class":291},[277,95671,448],{"class":283},[277,95673,47680],{"class":301},[277,95675,47683],{"class":283},[277,95677,47686],{"class":301},[277,95679,47689],{"class":283},[277,95681,2123],{"class":356},[277,95683,16886],{"class":283},[30,95685,47697],{"id":47696},[21,95687,47700],{},[38,95689,95690,95692,95694],{},[41,95691,47705],{},[41,95693,47708],{},[41,95695,47711],{},[23924,95697,95698],{"id":47714},[72,95699,47717],{},[267,95701,95703],{"className":46114,"code":47720,"filename":19438,"highlights":95702,"language":46118,"meta":273,"style":273},[371,381],[16,95704,95705,95715,95725,95729,95741,95745,95749,95766,95783,95795,95809,95825,95829,95833,95837],{"__ignoreMap":273},[277,95706,95707,95709,95711,95713],{"class":279,"line":280},[277,95708,312],{"class":311},[277,95710,45405],{"class":283},[277,95712,318],{"class":311},[277,95714,321],{"class":301},[277,95716,95717,95719,95721,95723],{"class":279,"line":308},[277,95718,312],{"class":311},[277,95720,45416],{"class":283},[277,95722,318],{"class":311},[277,95724,45421],{"class":301},[277,95726,95727],{"class":279,"line":324},[277,95728,328],{"emptyLinePlaceholder":327},[277,95730,95731,95733,95735,95737,95739],{"class":279,"line":331},[277,95732,405],{"class":311},[277,95734,45428],{"class":356},[277,95736,340],{"class":311},[277,95738,45433],{"class":291},[277,95740,45436],{"class":283},[277,95742,95743],{"class":279,"line":346},[277,95744,328],{"emptyLinePlaceholder":327},[277,95746,95747],{"class":279,"line":360},[277,95748,47768],{"class":12741},[277,95750,95752,95754,95756,95758,95760,95762,95764],{"class":95751,"line":371},[279,9398],[277,95753,45442],{"class":283},[277,95755,46567],{"class":291},[277,95757,448],{"class":283},[277,95759,47780],{"class":301},[277,95761,225],{"class":283},[277,95763,47785],{"class":301},[277,95765,433],{"class":283},[277,95767,95769,95771,95773,95775,95777,95779,95781],{"class":95768,"line":381},[279,9398],[277,95770,45442],{"class":283},[277,95772,46567],{"class":291},[277,95774,448],{"class":283},[277,95776,47799],{"class":301},[277,95778,225],{"class":283},[277,95780,47804],{"class":301},[277,95782,433],{"class":283},[277,95784,95785,95787,95789,95791,95793],{"class":279,"line":391},[277,95786,45442],{"class":283},[277,95788,46567],{"class":291},[277,95790,448],{"class":283},[277,95792,47817],{"class":301},[277,95794,2360],{"class":283},[277,95796,95797,95799,95801,95803,95805,95807],{"class":279,"line":397},[277,95798,47824],{"class":291},[277,95800,47827],{"class":283},[277,95802,47830],{"class":349},[277,95804,2340],{"class":283},[277,95806,601],{"class":311},[277,95808,343],{"class":283},[277,95810,95811,95813,95815,95817,95819,95821,95823],{"class":279,"line":402},[277,95812,2881],{"class":283},[277,95814,2352],{"class":291},[277,95816,448],{"class":283},[277,95818,47847],{"class":301},[277,95820,47830],{"class":283},[277,95822,3888],{"class":301},[277,95824,433],{"class":283},[277,95826,95827],{"class":279,"line":436},[277,95828,542],{"class":283},[277,95830,95831],{"class":279,"line":456},[277,95832,676],{"class":283},[277,95834,95835],{"class":279,"line":461},[277,95836,328],{"emptyLinePlaceholder":327},[277,95838,95839,95841,95843,95845,95847],{"class":279,"line":476},[277,95840,45442],{"class":283},[277,95842,47872],{"class":291},[277,95844,448],{"class":283},[277,95846,47877],{"class":301},[277,95848,433],{"class":283},[23924,95850,95851],{"id":47882},[72,95852,47885],{},[267,95854,95856],{"className":269,"code":47888,"filename":47889,"highlights":95855,"language":272,"meta":273,"style":273},[331,346],[16,95857,95858,95868,95878,95882,95899,95916,95932,95936,95950,95962,95966,95974,95978,95986,96000,96012,96030,96038],{"__ignoreMap":273},[277,95859,95860,95862,95864,95866],{"class":279,"line":280},[277,95861,284],{"class":283},[277,95863,288],{"class":287},[277,95865,292],{"class":291},[277,95867,305],{"class":283},[277,95869,95870,95872,95874,95876],{"class":279,"line":308},[277,95871,312],{"class":311},[277,95873,46722],{"class":283},[277,95875,318],{"class":311},[277,95877,321],{"class":301},[277,95879,95880],{"class":279,"line":324},[277,95881,328],{"emptyLinePlaceholder":327},[277,95883,95885,95887,95889,95891,95893,95895,95897],{"class":95884,"line":331},[279,9398],[277,95886,405],{"class":311},[277,95888,47924],{"class":356},[277,95890,340],{"class":311},[277,95892,46747],{"class":291},[277,95894,448],{"class":283},[277,95896,47780],{"class":301},[277,95898,433],{"class":283},[277,95900,95902,95904,95906,95908,95910,95912,95914],{"class":95901,"line":346},[279,9398],[277,95903,405],{"class":311},[277,95905,47942],{"class":356},[277,95907,340],{"class":311},[277,95909,46747],{"class":291},[277,95911,448],{"class":283},[277,95913,47799],{"class":301},[277,95915,433],{"class":283},[277,95917,95918,95920,95922,95924,95926,95928,95930],{"class":279,"line":360},[277,95919,405],{"class":311},[277,95921,47959],{"class":356},[277,95923,340],{"class":311},[277,95925,46747],{"class":291},[277,95927,448],{"class":283},[277,95929,47817],{"class":301},[277,95931,433],{"class":283},[277,95933,95934],{"class":279,"line":371},[277,95935,328],{"emptyLinePlaceholder":327},[277,95937,95938,95940,95942,95944,95946,95948],{"class":279,"line":381},[277,95939,405],{"class":311},[277,95941,47980],{"class":291},[277,95943,340],{"class":311},[277,95945,598],{"class":283},[277,95947,601],{"class":311},[277,95949,343],{"class":283},[277,95951,95952,95954,95956,95958,95960],{"class":279,"line":391},[277,95953,47993],{"class":283},[277,95955,47996],{"class":291},[277,95957,448],{"class":283},[277,95959,48001],{"class":301},[277,95961,433],{"class":283},[277,95963,95964],{"class":279,"line":397},[277,95965,394],{"class":283},[277,95967,95968,95970,95972],{"class":279,"line":402},[277,95969,785],{"class":283},[277,95971,288],{"class":287},[277,95973,305],{"class":283},[277,95975,95976],{"class":279,"line":436},[277,95977,328],{"emptyLinePlaceholder":327},[277,95979,95980,95982,95984],{"class":279,"line":456},[277,95981,284],{"class":283},[277,95983,802],{"class":287},[277,95985,305],{"class":283},[277,95987,95988,95990,95992,95994,95996,95998],{"class":279,"line":461},[277,95989,810],{"class":283},[277,95991,4201],{"class":287},[277,95993,36352],{"class":291},[277,95995,298],{"class":283},[277,95997,48040],{"class":301},[277,95999,305],{"class":283},[277,96001,96002,96004,96006,96008,96010],{"class":279,"line":476},[277,96003,829],{"class":283},[277,96005,21],{"class":287},[277,96007,48051],{"class":283},[277,96009,21],{"class":287},[277,96011,305],{"class":283},[277,96013,96014,96016,96018,96020,96022,96024,96026,96028],{"class":279,"line":500},[277,96015,829],{"class":283},[277,96017,4267],{"class":287},[277,96019,4278],{"class":291},[277,96021,298],{"class":283},[277,96023,48068],{"class":301},[277,96025,48071],{"class":283},[277,96027,4267],{"class":287},[277,96029,305],{"class":283},[277,96031,96032,96034,96036],{"class":279,"line":505},[277,96033,954],{"class":283},[277,96035,4201],{"class":287},[277,96037,305],{"class":283},[277,96039,96040,96042,96044],{"class":279,"line":520},[277,96041,785],{"class":283},[277,96043,802],{"class":287},[277,96045,305],{"class":283},[23924,96047,48095],{"id":48094},[38,96049,96050,96052,96054],{},[41,96051,48100],{},[41,96053,48103],{},[41,96055,48106],{},[3111,96057,96058],{},[21,96059,96060,48114,96062,104],{},[72,96061,48113],{},[16,96063,48117],{},[30,96065,48121],{"id":48120},[21,96067,48124,96068,48128,96070,48132],{},[16,96069,48127],{},[72,96071,48131],{},[10089,96073,96074,96084],{},[41,96075,96076,48139,96078,48143,96080,48146,96082,104],{},[72,96077,46470],{},[16,96079,48142],{},[16,96081,48142],{},[16,96083,48149],{},[41,96085,96086,48154],{},[72,96087,46476],{},[21,96089,48157],{},[30,96091,48161],{"id":48160},[5392,96093,96094,96104],{},[5395,96095,96096],{},[5398,96097,96098,96100,96102],{},[5401,96099,46228],{},[5401,96101,48172],{},[5401,96103,48175],{},[5414,96105,96106,96116,96128,96138],{},[5398,96107,96108,96112,96114],{},[5419,96109,96110],{},[72,96111,48184],{},[5419,96113,48187],{},[5419,96115,48190],{},[5398,96117,96118,96122,96124],{},[5419,96119,96120],{},[72,96121,48197],{},[5419,96123,48200],{},[5419,96125,48203,96126,48206],{},[16,96127,46930],{},[5398,96129,96130,96134,96136],{},[5419,96131,96132],{},[72,96133,48213],{},[5419,96135,48216],{},[5419,96137,48219],{},[5398,96139,96140,96144,96146],{},[5419,96141,96142],{},[72,96143,48226],{},[5419,96145,48229],{},[5419,96147,48232,96148],{},[16,96149,48235],{},[30,96151,48239],{"id":48238},[38,96153,96154,96158,96162],{},[41,96155,96156,48247],{},[72,96157,48246],{},[41,96159,96160,48253],{},[72,96161,48252],{},[41,96163,96164,48259],{},[72,96165,48258],{},[30,96167,17671],{"id":17670},[21,96169,96170,46418,96172,48268,96174,48271],{},[16,96171,46417],{},[16,96173,47650],{},[72,96175,46411],{},[10089,96177,96178,96184,96188,96192],{},[41,96179,96180,48279,96182],{},[72,96181,48278],{},[16,96183,46930],{},[41,96185,96186,48287],{},[72,96187,48286],{},[41,96189,96190,48293],{},[72,96191,48292],{},[41,96193,96194,48299],{},[72,96195,48298],{},[21,96197,48302],{},[1606,96199,48305],{},{"title":273,"searchDepth":308,"depth":308,"links":96201},[96202,96203,96204,96205,96206,96207,96208,96209,96210,96211,96212],{"id":46425,"depth":308,"text":46426},{"id":46456,"depth":308,"text":48310},{"id":46480,"depth":308,"text":46481},{"id":46874,"depth":308,"text":46875},{"id":46940,"depth":308,"text":48314},{"id":47643,"depth":308,"text":47644},{"id":47696,"depth":308,"text":47697},{"id":48120,"depth":308,"text":48121},{"id":48160,"depth":308,"text":48161},{"id":48238,"depth":308,"text":48239},{"id":17670,"depth":308,"text":17671},{"script":96214},[96215],{"type":1632,"key":1633,"data-nuxt-schema-org":327,"nodes":96216},[96217],{"headline":46399,"author":96218,"datePublished":48330,"@type":1640},{"name":1637,"@type":1638},{"updatedAt":46376,"coverCaption":48332,"author":1637,"keywords":96220},[1645,46417,46421,46411,271,17761],[96222],{"headline":46399,"author":96223,"datePublished":48330,"@type":1640},{"name":1637,"@type":1638},{"title":46399,"description":48323},[96226,96227,96228,96229,96230,96231],{"tag":48342,"color":48343},{"tag":48345,"color":48346},{"tag":1665,"color":1666},{"tag":46380,"color":46390},{"tag":1668,"color":1669},{"tag":45584,"color":46395},{"id":48353,"title":46887,"body":96233,"cover":48992,"coverAlt":48993,"date":48994,"description":48995,"draft":1627,"extension":1628,"head":96768,"locale":1641,"meta":96774,"navigation":327,"path":49007,"schemaOrg":96776,"seo":96779,"series":1656,"seriesDescription":1656,"seriesOrder":1656,"seriesTitle":1656,"slug":1656,"stem":49012,"tags":96780,"__hash__":49019},{"type":8,"value":96234,"toc":96757},[96235,96237,96239,96241,96243,96245,96257,96259,96265,96267,96269,96273,96281,96291,96295,96299,96301,96307,96313,96315,96369,96375,96377,96379,96393,96395,96397,96399,96413,96433,96435,96487,96489,96619,96753,96755],[11,96236,46887],{"id":48358},[21,96238,48361],{},[21,96240,48364],{},[30,96242,48368],{"id":48367},[21,96244,48371],{},[21,96246,48374,96247,48378,96249,48382,96251,48385,96253,118,96255,48392],{},[72,96248,48377],{},[16,96250,48381],{},[72,96252,48377],{},[72,96254,48388],{},[72,96256,48391],{},[21,96258,48395],{},[3111,96260,96261],{},[21,96262,96263,48403],{},[72,96264,48402],{},[30,96266,48407],{"id":48406},[21,96268,48410],{},[192,96270,48414,96271],{"id":48413},[16,96272,48417],{},[21,96274,48420,96275,1697,96277,48427,96279,104],{},[3292,96276,48423],{},[3292,96278,48426],{},[16,96280,48417],{},[38,96282,96283],{},[41,96284,96285,48437,96287,48441,96289,104],{},[72,96286,48436],{},[16,96288,48440],{},[16,96290,48444],{},[192,96292,48448,96293],{"id":48447},[16,96294,16977],{},[21,96296,48453,96297,48132],{},[72,96298,48456],{},[21,96300,48459],{},[38,96302,96303],{},[41,96304,96305,48467],{},[72,96306,48466],{},[30,96308,48471,96309,12494,96311],{"id":48470},[16,96310,48474],{},[16,96312,48477],{},[21,96314,48480],{},[5392,96316,96317,96331],{},[5395,96318,96319],{},[5398,96320,96321,96323,96327],{},[5401,96322,46228],{},[5401,96324,96325],{},[16,96326,48474],{},[5401,96328,96329],{},[16,96330,48477],{},[5414,96332,96333,96341,96351,96361],{},[5398,96334,96335,96337,96339],{},[5419,96336,48503],{},[5419,96338,48506],{},[5419,96340,48509],{},[5398,96342,96343,96345,96349],{},[5419,96344,48514],{},[5419,96346,96347],{},[16,96348,17076],{},[5419,96350,48521],{},[5398,96352,96353,96357,96359],{},[5419,96354,110,96355],{},[16,96356,26159],{},[5419,96358,48530],{},[5419,96360,48521],{},[5398,96362,96363,96365,96367],{},[5419,96364,48537],{},[5419,96366,48540],{},[5419,96368,48543],{},[21,96370,48546,96371,48549,96373,104],{},[16,96372,1927],{},[16,96374,12319],{},[30,96376,48555],{"id":48554},[21,96378,48558],{},[10089,96380,96381,96385,96389],{},[41,96382,96383,48566],{},[72,96384,48565],{},[41,96386,96387,48572],{},[72,96388,48571],{},[41,96390,96391,48578],{},[72,96392,48577],{},[21,96394,48581],{},[30,96396,48585],{"id":48584},[21,96398,48588],{},[38,96400,96401,96409],{},[41,96402,96403,48600],{},[72,96404,96405,1697,96407,353],{},[16,96406,17550],{},[16,96408,48599],{},[41,96410,96411,48606],{},[72,96412,48605],{},[267,96414,96415],{"className":46114,"code":48609,"filename":48610,"language":46118,"meta":273,"style":273},[16,96416,96417],{"__ignoreMap":273},[277,96418,96419,96421,96423,96425,96427,96429,96431],{"class":279,"line":280},[277,96420,405],{"class":311},[277,96422,5995],{"class":283},[277,96424,48621],{"class":356},[277,96426,17506],{"class":283},[277,96428,298],{"class":311},[277,96430,48628],{"class":283},[277,96432,48631],{"class":12741},[21,96434,48634],{},[267,96436,96437],{"className":46114,"code":48637,"filename":48610,"language":46118,"meta":273,"style":273},[16,96438,96439,96451,96455,96471],{"__ignoreMap":273},[277,96440,96441,96443,96445,96447,96449],{"class":279,"line":280},[277,96442,312],{"class":311},[277,96444,48646],{"class":283},[277,96446,318],{"class":311},[277,96448,45690],{"class":301},[277,96450,18151],{"class":283},[277,96452,96453],{"class":279,"line":308},[277,96454,328],{"emptyLinePlaceholder":327},[277,96456,96457,96459,96461,96463,96465,96467,96469],{"class":279,"line":324},[277,96458,405],{"class":311},[277,96460,48663],{"class":356},[277,96462,340],{"class":311},[277,96464,2024],{"class":291},[277,96466,48670],{"class":283},[277,96468,37149],{"class":301},[277,96470,29404],{"class":283},[277,96472,96473,96475,96477,96479,96481,96483,96485],{"class":279,"line":331},[277,96474,405],{"class":311},[277,96476,5995],{"class":283},[277,96478,48621],{"class":356},[277,96480,17506],{"class":283},[277,96482,298],{"class":311},[277,96484,48689],{"class":291},[277,96486,48692],{"class":283},[30,96488,48696],{"id":48695},[267,96490,96491],{"className":269,"code":48699,"filename":271,"language":272,"meta":273,"style":273},[16,96492,96493,96503,96515,96519,96535,96539,96553,96561,96565,96573,96577,96585,96599,96603,96611],{"__ignoreMap":273},[277,96494,96495,96497,96499,96501],{"class":279,"line":280},[277,96496,284],{"class":283},[277,96498,288],{"class":287},[277,96500,292],{"class":291},[277,96502,305],{"class":283},[277,96504,96505,96507,96509,96511,96513],{"class":279,"line":308},[277,96506,312],{"class":311},[277,96508,11006],{"class":283},[277,96510,318],{"class":311},[277,96512,45690],{"class":301},[277,96514,18151],{"class":283},[277,96516,96517],{"class":279,"line":324},[277,96518,328],{"emptyLinePlaceholder":327},[277,96520,96521,96523,96525,96527,96529,96531,96533],{"class":279,"line":331},[277,96522,405],{"class":311},[277,96524,48734],{"class":356},[277,96526,340],{"class":311},[277,96528,413],{"class":291},[277,96530,448],{"class":283},[277,96532,3542],{"class":356},[277,96534,18277],{"class":283},[277,96536,96537],{"class":279,"line":346},[277,96538,328],{"emptyLinePlaceholder":327},[277,96540,96541,96543,96545,96547,96549,96551],{"class":279,"line":360},[277,96542,405],{"class":311},[277,96544,48755],{"class":291},[277,96546,340],{"class":311},[277,96548,598],{"class":283},[277,96550,601],{"class":311},[277,96552,343],{"class":283},[277,96554,96555,96557,96559],{"class":279,"line":371},[277,96556,48768],{"class":283},[277,96558,48771],{"class":311},[277,96560,18151],{"class":283},[277,96562,96563],{"class":279,"line":381},[277,96564,18255],{"class":283},[277,96566,96567,96569,96571],{"class":279,"line":391},[277,96568,785],{"class":283},[277,96570,288],{"class":287},[277,96572,305],{"class":283},[277,96574,96575],{"class":279,"line":397},[277,96576,328],{"emptyLinePlaceholder":327},[277,96578,96579,96581,96583],{"class":279,"line":402},[277,96580,284],{"class":283},[277,96582,802],{"class":287},[277,96584,305],{"class":283},[277,96586,96587,96589,96591,96593,96595,96597],{"class":279,"line":436},[277,96588,810],{"class":283},[277,96590,4267],{"class":287},[277,96592,4278],{"class":291},[277,96594,298],{"class":283},[277,96596,48810],{"class":301},[277,96598,305],{"class":283},[277,96600,96601],{"class":279,"line":456},[277,96602,48817],{"class":283},[277,96604,96605,96607,96609],{"class":279,"line":461},[277,96606,954],{"class":283},[277,96608,4267],{"class":287},[277,96610,305],{"class":283},[277,96612,96613,96615,96617],{"class":279,"line":476},[277,96614,785],{"class":283},[277,96616,802],{"class":287},[277,96618,305],{"class":283},[267,96620,96621],{"className":269,"code":48836,"filename":971,"language":272,"meta":273,"style":273},[16,96622,96623,96631,96639,96645,96651,96659,96663,96667,96671,96677,96687,96691,96695,96699,96707,96711,96719,96733,96737,96745],{"__ignoreMap":273},[277,96624,96625,96627,96629],{"class":279,"line":280},[277,96626,284],{"class":283},[277,96628,288],{"class":287},[277,96630,305],{"class":283},[277,96632,96633,96635,96637],{"class":279,"line":308},[277,96634,1057],{"class":311},[277,96636,1060],{"class":311},[277,96638,343],{"class":283},[277,96640,96641,96643],{"class":279,"line":324},[277,96642,1086],{"class":291},[277,96644,473],{"class":283},[277,96646,96647,96649],{"class":279,"line":331},[277,96648,1093],{"class":311},[277,96650,343],{"class":283},[277,96652,96653,96655,96657],{"class":279,"line":346},[277,96654,48871],{"class":283},[277,96656,3542],{"class":356},[277,96658,1077],{"class":283},[277,96660,96661],{"class":279,"line":360},[277,96662,18478],{"class":283},[277,96664,96665],{"class":279,"line":371},[277,96666,1131],{"class":283},[277,96668,96669],{"class":279,"line":381},[277,96670,1140],{"class":283},[277,96672,96673,96675],{"class":279,"line":391},[277,96674,48892],{"class":291},[277,96676,473],{"class":283},[277,96678,96679,96681,96683,96685],{"class":279,"line":397},[277,96680,1212],{"class":356},[277,96682,48901],{"class":283},[277,96684,48771],{"class":311},[277,96686,18151],{"class":283},[277,96688,96689],{"class":279,"line":402},[277,96690,7016],{"class":283},[277,96692,96693],{"class":279,"line":436},[277,96694,1131],{"class":283},[277,96696,96697],{"class":279,"line":456},[277,96698,18255],{"class":283},[277,96700,96701,96703,96705],{"class":279,"line":461},[277,96702,785],{"class":283},[277,96704,288],{"class":287},[277,96706,305],{"class":283},[277,96708,96709],{"class":279,"line":476},[277,96710,328],{"emptyLinePlaceholder":327},[277,96712,96713,96715,96717],{"class":279,"line":500},[277,96714,284],{"class":283},[277,96716,802],{"class":287},[277,96718,305],{"class":283},[277,96720,96721,96723,96725,96727,96729,96731],{"class":279,"line":505},[277,96722,810],{"class":283},[277,96724,4267],{"class":287},[277,96726,4278],{"class":291},[277,96728,298],{"class":283},[277,96730,48810],{"class":301},[277,96732,305],{"class":283},[277,96734,96735],{"class":279,"line":520},[277,96736,48817],{"class":283},[277,96738,96739,96741,96743],{"class":279,"line":539},[277,96740,954],{"class":283},[277,96742,4267],{"class":287},[277,96744,305],{"class":283},[277,96746,96747,96749,96751],{"class":279,"line":545},[277,96748,785],{"class":283},[277,96750,802],{"class":287},[277,96752,305],{"class":283},[21,96754,48974],{},[1606,96756,48977],{},{"title":273,"searchDepth":308,"depth":308,"links":96758},[96759,96760,96764,96765,96766,96767],{"id":48367,"depth":308,"text":48368},{"id":48406,"depth":308,"text":48407,"children":96761},[96762,96763],{"id":48413,"depth":324,"text":48984},{"id":48447,"depth":324,"text":48986},{"id":48470,"depth":308,"text":48988},{"id":48554,"depth":308,"text":48555},{"id":48584,"depth":308,"text":48585},{"id":48695,"depth":308,"text":48696},{"script":96769},[96770],{"type":1632,"key":1633,"data-nuxt-schema-org":327,"nodes":96771},[96772],{"headline":49001,"author":96773,"datePublished":49003,"@type":1640},{"name":1637,"@type":1638},{"updatedAt":46376,"coverCaption":49005,"author":1637,"keywords":96775},[1645,3167,48456,271,1927,12319],[96777],{"headline":49001,"author":96778,"datePublished":49003,"@type":1640},{"name":1637,"@type":1638},{"title":46887,"description":48995},[96781,96782,96783],{"tag":3167,"color":3168},{"tag":9074,"color":9075},{"tag":49017,"color":49018},{"id":49021,"title":49001,"body":96785,"cover":49860,"coverAlt":49861,"date":49862,"description":49863,"draft":1627,"extension":1628,"head":97445,"locale":1641,"meta":97451,"navigation":327,"path":49874,"schemaOrg":97452,"seo":97455,"series":1656,"seriesDescription":1656,"seriesOrder":1656,"seriesTitle":1656,"slug":1656,"stem":49879,"tags":97456,"__hash__":49891},{"type":8,"value":96786,"toc":97425},[96787,96789,96795,96799,96801,96807,96809,96813,96815,96845,96851,96855,96859,96861,96867,96871,96875,96891,96895,96913,96915,96917,96919,97005,97013,97015,97023,97025,97027,97167,97171,97173,97249,97251,97253,97255,97267,97279,97291,97303,97305,97309,97379,97381,97385,97415,97417,97423],[11,96788,49001],{"id":49026},[21,96790,49029,96791,49033,96793,49037],{},[72,96792,49032],{},[72,96794,49036],{},[21,96796,49040,96797,104],{},[16,96798,49043],{},[30,96800,49047],{"id":49046},[21,96802,49050,96803,49054,96805,104],{},[72,96804,49053],{},[72,96806,49057],{},[192,96808,49061],{"id":49060},[21,96810,49064,96811,49068],{},[72,96812,49067],{},[21,96814,49071],{},[38,96816,96817,96827,96837],{},[41,96818,96819,49079,96821,225,96823,49084,96825,104],{},[72,96820,49078],{},[16,96822,7538],{},[16,96824,24880],{},[16,96826,17971],{},[41,96828,96829,49092,96831,49095,96833,49099,96835,104],{},[72,96830,49091],{},[3292,96832,45646],{},[16,96834,49098],{},[16,96836,7488],{},[41,96838,96839,49107,96841,49111,96843,104],{},[72,96840,49106],{},[16,96842,49110],{},[16,96844,49114],{},[3111,96846,96847],{},[21,96848,96849,49122],{},[72,96850,49121],{},[30,96852,49126,96853,49130],{"id":49125},[16,96854,49129],{},[21,96856,49133,96857,49136],{},[72,96858,49043],{},[192,96860,49140],{"id":49139},[21,96862,49143,96863,49146,96865,49149],{},[16,96864,16977],{},[16,96866,49043],{},[23924,96868,49153,96869,49156],{"id":49152},[16,96870,15824],{},[21,96872,49159,96873,104],{},[16,96874,15824],{},[38,96876,96877,96885],{},[41,96878,96879,49169,96881,49172,96883,1895],{},[72,96880,49168],{},[16,96882,15824],{},[3292,96884,49175],{},[41,96886,96887,49181,96889,49185],{},[72,96888,49180],{},[72,96890,49184],{},[21,96892,96893],{},[72,96894,49190],{},[10089,96896,96897,96903,96907],{},[41,96898,96899,49198,96901,49202],{},[72,96900,49197],{},[72,96902,49201],{},[41,96904,96905,49208],{},[72,96906,49207],{},[41,96908,96909,49214,96911,49217],{},[72,96910,49213],{},[16,96912,1732],{},[30,96914,49221],{"id":49220},[21,96916,49224],{},[192,96918,49228],{"id":49227},[267,96920,96921],{"className":269,"code":49231,"filename":271,"language":272,"meta":273,"style":273},[16,96922,96923,96933,96943,96959,96967,96971,96979,96997],{"__ignoreMap":273},[277,96924,96925,96927,96929,96931],{"class":279,"line":280},[277,96926,284],{"class":283},[277,96928,288],{"class":287},[277,96930,292],{"class":291},[277,96932,305],{"class":283},[277,96934,96935,96937,96939,96941],{"class":279,"line":308},[277,96936,312],{"class":311},[277,96938,11006],{"class":283},[277,96940,318],{"class":311},[277,96942,321],{"class":301},[277,96944,96945,96947,96949,96951,96953,96955,96957],{"class":279,"line":324},[277,96946,405],{"class":311},[277,96948,9380],{"class":356},[277,96950,340],{"class":311},[277,96952,413],{"class":291},[277,96954,448],{"class":283},[277,96956,3542],{"class":356},[277,96958,433],{"class":283},[277,96960,96961,96963,96965],{"class":279,"line":331},[277,96962,785],{"class":283},[277,96964,288],{"class":287},[277,96966,305],{"class":283},[277,96968,96969],{"class":279,"line":346},[277,96970,328],{"emptyLinePlaceholder":327},[277,96972,96973,96975,96977],{"class":279,"line":360},[277,96974,284],{"class":283},[277,96976,802],{"class":287},[277,96978,305],{"class":283},[277,96980,96981,96983,96985,96987,96989,96991,96993,96995],{"class":279,"line":371},[277,96982,810],{"class":283},[277,96984,4267],{"class":287},[277,96986,4278],{"class":291},[277,96988,298],{"class":283},[277,96990,12464],{"class":301},[277,96992,49304],{"class":283},[277,96994,4267],{"class":287},[277,96996,305],{"class":283},[277,96998,96999,97001,97003],{"class":279,"line":381},[277,97000,785],{"class":283},[277,97002,802],{"class":287},[277,97004,305],{"class":283},[267,97006,97007],{"className":269,"code":49319,"filename":971,"language":272,"meta":273,"style":273},[16,97008,97009],{"__ignoreMap":273},[277,97010,97011],{"class":279,"line":280},[277,97012,49319],{"class":283},[192,97014,49329],{"id":49328},[21,97016,49332,97017,49335,97019,49338,97021,49342],{},[16,97018,17503],{},[72,97020,47012],{},[3292,97022,49341],{},[192,97024,49346],{"id":49345},[21,97026,49349],{},[267,97028,97029],{"className":46114,"code":49352,"filename":49353,"language":46118,"meta":273,"style":273},[16,97030,97031,97041,97045,97063,97067,97081,97093,97111,97115,97119,97129,97149,97153,97157,97163],{"__ignoreMap":273},[277,97032,97033,97035,97037,97039],{"class":279,"line":280},[277,97034,312],{"class":311},[277,97036,49362],{"class":283},[277,97038,318],{"class":311},[277,97040,49367],{"class":301},[277,97042,97043],{"class":279,"line":308},[277,97044,328],{"emptyLinePlaceholder":327},[277,97046,97047,97049,97051,97053,97055,97057,97059,97061],{"class":279,"line":324},[277,97048,405],{"class":311},[277,97050,49378],{"class":356},[277,97052,340],{"class":311},[277,97054,49383],{"class":291},[277,97056,448],{"class":283},[277,97058,49388],{"class":301},[277,97060,2340],{"class":283},[277,97062,49393],{"class":12741},[277,97064,97065],{"class":279,"line":331},[277,97066,328],{"emptyLinePlaceholder":327},[277,97068,97069,97071,97073,97075,97077,97079],{"class":279,"line":346},[277,97070,1057],{"class":311},[277,97072,467],{"class":311},[277,97074,49406],{"class":291},[277,97076,448],{"class":283},[277,97078,49411],{"class":349},[277,97080,2476],{"class":283},[277,97082,97083,97085,97087,97089,97091],{"class":279,"line":360},[277,97084,479],{"class":311},[277,97086,49420],{"class":356},[277,97088,340],{"class":311},[277,97090,49378],{"class":291},[277,97092,49427],{"class":283},[277,97094,97095,97097,97099,97101,97103,97105,97107,97109],{"class":279,"line":371},[277,97096,49432],{"class":291},[277,97098,49435],{"class":283},[277,97100,49438],{"class":301},[277,97102,49441],{"class":283},[277,97104,601],{"class":311},[277,97106,49446],{"class":283},[277,97108,48771],{"class":311},[277,97110,433],{"class":283},[277,97112,97113],{"class":279,"line":381},[277,97114,42606],{"class":283},[277,97116,97117],{"class":279,"line":391},[277,97118,49459],{"class":12741},[277,97120,97121,97123,97125,97127],{"class":279,"line":397},[277,97122,49464],{"class":291},[277,97124,2203],{"class":283},[277,97126,601],{"class":311},[277,97128,343],{"class":283},[277,97130,97131,97133,97135,97137,97139,97141,97143,97145,97147],{"class":279,"line":402},[277,97132,49475],{"class":291},[277,97134,49478],{"class":283},[277,97136,601],{"class":311},[277,97138,49483],{"class":301},[277,97140,49411],{"class":283},[277,97142,104],{"class":301},[277,97144,17503],{"class":283},[277,97146,3888],{"class":301},[277,97148,433],{"class":283},[277,97150,97151],{"class":279,"line":436},[277,97152,2318],{"class":283},[277,97154,97155],{"class":279,"line":456},[277,97156,42606],{"class":283},[277,97158,97159,97161],{"class":279,"line":461},[277,97160,2212],{"class":311},[277,97162,49508],{"class":283},[277,97164,97165],{"class":279,"line":476},[277,97166,394],{"class":283},[21,97168,97169,49518],{},[72,97170,49517],{},[30,97172,49522],{"id":49521},[5392,97174,97175,97185],{},[5395,97176,97177],{},[5398,97178,97179,97181,97183],{},[5401,97180,46228],{},[5401,97182,49533],{},[5401,97184,49536],{},[5414,97186,97187,97199,97213,97225,97237],{},[5398,97188,97189,97193,97195],{},[5419,97190,97191],{},[72,97192,49545],{},[5419,97194,49036],{},[5419,97196,97197],{},[72,97198,49552],{},[5398,97200,97201,97205,97209],{},[5419,97202,97203],{},[72,97204,49559],{},[5419,97206,49562,97207],{},[16,97208,15824],{},[5419,97210,97211],{},[72,97212,49184],{},[5398,97214,97215,97219,97221],{},[5419,97216,97217],{},[72,97218,49575],{},[5419,97220,49578],{},[5419,97222,97223],{},[72,97224,49583],{},[5398,97226,97227,97231,97233],{},[5419,97228,97229],{},[72,97230,49590],{},[5419,97232,49593],{},[5419,97234,49596,97235,19],{},[16,97236,49599],{},[5398,97238,97239,97243,97245],{},[5419,97240,97241],{},[72,97242,49606],{},[5419,97244,49609],{},[5419,97246,97247],{},[72,97248,49614],{},[30,97250,49618],{"id":49617},[21,97252,49621],{},[192,97254,49625],{"id":49624},[267,97256,97257],{"className":49628,"code":49629,"filename":49630,"language":49631,"meta":273,"style":273},[16,97258,97259],{"__ignoreMap":273},[277,97260,97261,97263,97265],{"class":279,"line":280},[277,97262,49630],{"class":291},[277,97264,49640],{"class":301},[277,97266,49643],{"class":301},[267,97268,97269],{"className":49628,"code":49646,"filename":49647,"language":49631,"meta":273,"style":273},[16,97270,97271],{"__ignoreMap":273},[277,97272,97273,97275,97277],{"class":279,"line":280},[277,97274,49647],{"class":291},[277,97276,49656],{"class":301},[277,97278,49643],{"class":301},[267,97280,97281],{"className":49628,"code":49661,"filename":49662,"language":49631,"meta":273,"style":273},[16,97282,97283],{"__ignoreMap":273},[277,97284,97285,97287,97289],{"class":279,"line":280},[277,97286,49662],{"class":291},[277,97288,49656],{"class":301},[277,97290,49643],{"class":301},[267,97292,97293],{"className":49628,"code":49675,"filename":49676,"language":49631,"meta":273,"style":273},[16,97294,97295],{"__ignoreMap":273},[277,97296,97297,97299,97301],{"class":279,"line":280},[277,97298,49676],{"class":291},[277,97300,49656],{"class":301},[277,97302,49643],{"class":301},[192,97304,49690],{"id":49689},[21,97306,49693,97307,49697],{},[16,97308,49696],{},[267,97310,97312],{"className":46114,"code":49700,"filename":49701,"highlights":97311,"language":46118,"meta":273,"style":273},[371],[16,97313,97314,97324,97334,97338,97348,97352,97358,97367,97371,97375],{"__ignoreMap":273},[277,97315,97316,97318,97320,97322],{"class":279,"line":280},[277,97317,312],{"class":311},[277,97319,49711],{"class":283},[277,97321,318],{"class":311},[277,97323,49716],{"class":301},[277,97325,97326,97328,97330,97332],{"class":279,"line":308},[277,97327,312],{"class":311},[277,97329,49723],{"class":283},[277,97331,318],{"class":311},[277,97333,49728],{"class":301},[277,97335,97336],{"class":279,"line":324},[277,97337,328],{"emptyLinePlaceholder":327},[277,97339,97340,97342,97344,97346],{"class":279,"line":331},[277,97341,1057],{"class":311},[277,97343,1060],{"class":311},[277,97345,49741],{"class":291},[277,97347,1066],{"class":283},[277,97349,97350],{"class":279,"line":346},[277,97351,49748],{"class":283},[277,97353,97354,97356],{"class":279,"line":360},[277,97355,49753],{"class":291},[277,97357,1066],{"class":283},[277,97359,97361,97363,97365],{"class":97360,"line":371},[279,9398],[277,97362,49761],{"class":283},[277,97364,2149],{"class":356},[277,97366,49766],{"class":12741},[277,97368,97369],{"class":279,"line":381},[277,97370,2913],{"class":283},[277,97372,97373],{"class":279,"line":391},[277,97374,49775],{"class":283},[277,97376,97377],{"class":279,"line":397},[277,97378,676],{"class":283},[192,97380,49783],{"id":49782},[21,97382,49786,97383,49789],{},[16,97384,49696],{},[267,97386,97388],{"className":269,"code":49792,"filename":49793,"highlights":97387,"language":272,"meta":273,"style":273},[280],[16,97389,97390,97403,97407],{"__ignoreMap":273},[277,97391,97393,97395,97397,97399,97401],{"class":97392,"line":280},[279,9398],[277,97394,284],{"class":283},[277,97396,288],{"class":287},[277,97398,292],{"class":291},[277,97400,49808],{"class":291},[277,97402,305],{"class":283},[277,97404,97405],{"class":279,"line":308},[277,97406,49815],{"class":12741},[277,97408,97409,97411,97413],{"class":279,"line":324},[277,97410,785],{"class":283},[277,97412,288],{"class":287},[277,97414,305],{"class":283},[30,97416,17671],{"id":17670},[21,97418,49828,97419,49832,97421,49835],{},[72,97420,49831],{},[16,97422,49043],{},[1606,97424,49838],{},{"title":273,"searchDepth":308,"depth":308,"links":97426},[97427,97430,97433,97438,97439,97444],{"id":49046,"depth":308,"text":49047,"children":97428},[97429],{"id":49060,"depth":324,"text":49061},{"id":49125,"depth":308,"text":49845,"children":97431},[97432],{"id":49139,"depth":324,"text":49140},{"id":49220,"depth":308,"text":49221,"children":97434},[97435,97436,97437],{"id":49227,"depth":324,"text":49228},{"id":49328,"depth":324,"text":49329},{"id":49345,"depth":324,"text":49346},{"id":49521,"depth":308,"text":49522},{"id":49617,"depth":308,"text":49618,"children":97440},[97441,97442,97443],{"id":49624,"depth":324,"text":49625},{"id":49689,"depth":324,"text":49690},{"id":49782,"depth":324,"text":49783},{"id":17670,"depth":308,"text":17671},{"script":97446},[97447],{"type":1632,"key":1633,"data-nuxt-schema-org":327,"nodes":97448},[97449],{"headline":49001,"author":97450,"datePublished":49870,"@type":1640},{"name":1637,"@type":1638},{"updatedAt":46376,"coverCaption":49872,"author":1637,"keywords":49873},[97453],{"headline":49001,"author":97454,"datePublished":49870,"@type":1640},{"name":1637,"@type":1638},{"title":49001,"description":49863},[97457,97458,97459,97460,97461],{"tag":49882,"color":49883},{"tag":49053,"color":49885},{"tag":3167,"color":3168},{"tag":49888,"color":49889},{"tag":1671,"color":1672},{"id":49893,"title":49894,"body":97463,"cover":50853,"coverAlt":50854,"date":50855,"description":50856,"draft":1627,"extension":1628,"head":98295,"locale":1641,"meta":98301,"navigation":327,"path":50866,"schemaOrg":98302,"seo":98305,"series":1656,"seriesDescription":1656,"seriesOrder":1656,"seriesTitle":1656,"slug":1656,"stem":50871,"tags":98306,"__hash__":50877},{"type":8,"value":97464,"toc":98283},[97465,97467,97471,97473,97475,97499,97501,97505,97515,97517,97519,97533,97547,97561,97575,97583,97585,97587,97603,97605,97607,97609,97619,97621,97631,97641,97651,97661,97665,97667,97669,97681,97691,97701,97713,97717,97719,97721,97753,97755,97759,98007,98253,98255,98281],[11,97466,49900],{"id":49899},[21,97468,49903,97469,49907],{},[72,97470,49906],{},[30,97472,49911],{"id":49910},[21,97474,49914],{},[10089,97476,97477,97481,97487,97491,97495],{},[41,97478,97479,49922],{},[72,97480,49921],{},[41,97482,97483,49928,97485,49932],{},[72,97484,49927],{},[16,97486,49931],{},[41,97488,97489,49938],{},[72,97490,49937],{},[41,97492,97493,49944],{},[72,97494,49943],{},[41,97496,97497,49950],{},[72,97498,49949],{},[30,97500,49954],{"id":49953},[21,97502,49957,97503,49961],{},[72,97504,49960],{},[267,97506,97507],{"className":49628,"code":49964,"filename":49631,"language":49631,"meta":273,"style":273},[16,97508,97509],{"__ignoreMap":273},[277,97510,97511,97513],{"class":279,"line":280},[277,97512,49971],{"class":291},[277,97514,49974],{"class":356},[30,97516,49978],{"id":49977},[21,97518,49981],{},[267,97520,97521],{"className":49628,"code":49984,"filename":49630,"language":49631,"meta":273,"style":273},[16,97522,97523],{"__ignoreMap":273},[277,97524,97525,97527,97529,97531],{"class":279,"line":280},[277,97526,49630],{"class":291},[277,97528,49993],{"class":301},[277,97530,49996],{"class":301},[277,97532,49999],{"class":301},[267,97534,97535],{"className":49628,"code":50002,"filename":49647,"language":49631,"meta":273,"style":273},[16,97536,97537],{"__ignoreMap":273},[277,97538,97539,97541,97543,97545],{"class":279,"line":280},[277,97540,49647],{"class":291},[277,97542,49993],{"class":301},[277,97544,50013],{"class":301},[277,97546,49999],{"class":301},[267,97548,97549],{"className":49628,"code":50018,"filename":49662,"language":49631,"meta":273,"style":273},[16,97550,97551],{"__ignoreMap":273},[277,97552,97553,97555,97557,97559],{"class":279,"line":280},[277,97554,49662],{"class":291},[277,97556,49993],{"class":301},[277,97558,50013],{"class":301},[277,97560,49999],{"class":301},[267,97562,97563],{"className":49628,"code":50033,"filename":49676,"language":49631,"meta":273,"style":273},[16,97564,97565],{"__ignoreMap":273},[277,97566,97567,97569,97571,97573],{"class":279,"line":280},[277,97568,49676],{"class":291},[277,97570,49993],{"class":301},[277,97572,50013],{"class":301},[277,97574,49999],{"class":301},[3111,97576,97577],{},[21,97578,97579,10969,97581,50055],{},[72,97580,48113],{},[16,97582,50054],{},[30,97584,50059],{"id":50058},[21,97586,50062],{},[10089,97588,97589,97595],{},[41,97590,97591,50070,97593,104],{},[72,97592,50069],{},[16,97594,20616],{},[41,97596,97597,50078,97599,50082,97601,50086],{},[72,97598,50077],{},[16,97600,50081],{},[16,97602,50085],{},[30,97604,50090],{"id":50089},[21,97606,50093],{},[21,97608,50096],{},[267,97610,97611],{"className":49628,"code":50099,"filename":49631,"language":49631,"meta":273,"style":273},[16,97612,97613],{"__ignoreMap":273},[277,97614,97615,97617],{"class":279,"line":280},[277,97616,50106],{"class":356},[277,97618,49999],{"class":301},[21,97620,50111],{},[267,97622,97623],{"className":49628,"code":50114,"filename":49630,"language":49631,"meta":273,"style":273},[16,97624,97625],{"__ignoreMap":273},[277,97626,97627,97629],{"class":279,"line":280},[277,97628,49630],{"class":291},[277,97630,50123],{"class":301},[267,97632,97633],{"className":49628,"code":50126,"filename":49647,"language":49631,"meta":273,"style":273},[16,97634,97635],{"__ignoreMap":273},[277,97636,97637,97639],{"class":279,"line":280},[277,97638,49647],{"class":291},[277,97640,50123],{"class":301},[267,97642,97643],{"className":49628,"code":50137,"filename":49662,"language":49631,"meta":273,"style":273},[16,97644,97645],{"__ignoreMap":273},[277,97646,97647,97649],{"class":279,"line":280},[277,97648,49662],{"class":291},[277,97650,50123],{"class":301},[267,97652,97653],{"className":49628,"code":50148,"filename":49676,"language":49631,"meta":273,"style":273},[16,97654,97655],{"__ignoreMap":273},[277,97656,97657,97659],{"class":279,"line":280},[277,97658,49676],{"class":291},[277,97660,50123],{"class":301},[21,97662,50159,97663,50163],{},[16,97664,50162],{},[30,97666,50167],{"id":50166},[21,97668,50170],{},[267,97670,97671],{"className":49628,"code":50173,"filename":49630,"language":49631,"meta":273,"style":273},[16,97672,97673],{"__ignoreMap":273},[277,97674,97675,97677,97679],{"class":279,"line":280},[277,97676,49630],{"class":291},[277,97678,50182],{"class":301},[277,97680,50185],{"class":301},[267,97682,97683],{"className":49628,"code":50188,"filename":49647,"language":49631,"meta":273,"style":273},[16,97684,97685],{"__ignoreMap":273},[277,97686,97687,97689],{"class":279,"line":280},[277,97688,49647],{"class":291},[277,97690,50185],{"class":301},[267,97692,97693],{"className":49628,"code":50199,"filename":49662,"language":49631,"meta":273,"style":273},[16,97694,97695],{"__ignoreMap":273},[277,97696,97697,97699],{"class":279,"line":280},[277,97698,49662],{"class":291},[277,97700,50185],{"class":301},[267,97702,97703],{"className":49628,"code":50210,"filename":49676,"language":49631,"meta":273,"style":273},[16,97704,97705],{"__ignoreMap":273},[277,97706,97707,97709,97711],{"class":279,"line":280},[277,97708,49676],{"class":291},[277,97710,50182],{"class":301},[277,97712,50185],{"class":301},[21,97714,50223,97715,50227],{},[16,97716,50226],{},[30,97718,50231],{"id":50230},[21,97720,50234],{},[38,97722,97723,97729,97735,97741,97747],{},[41,97724,97725,50244],{},[72,97726,97727],{},[16,97728,50243],{},[41,97730,97731,50252],{},[72,97732,97733],{},[16,97734,50251],{},[41,97736,97737,50260],{},[72,97738,97739],{},[16,97740,50259],{},[41,97742,97743,50268],{},[72,97744,97745],{},[16,97746,50267],{},[41,97748,97749,50275],{},[72,97750,97751],{},[16,97752,49701],{},[30,97754,50279],{"id":50278},[21,97756,50282,97757,50285],{},[16,97758,50259],{},[267,97760,97761],{"className":269,"code":50288,"filename":271,"language":272,"meta":273,"style":273},[16,97762,97763,97771,97779,97791,97809,97817,97825,97829,97839,97851,97855,97859,97871,97887,97891,97895,97909,97917,97921,97929,97933,97943,97949,97959,97963,97969,97985,97995,97999],{"__ignoreMap":273},[277,97764,97765,97767,97769],{"class":279,"line":280},[277,97766,284],{"class":283},[277,97768,802],{"class":287},[277,97770,305],{"class":283},[277,97772,97773,97775,97777],{"class":279,"line":308},[277,97774,810],{"class":283},[277,97776,4201],{"class":287},[277,97778,305],{"class":283},[277,97780,97781,97783,97785,97787,97789],{"class":279,"line":324},[277,97782,829],{"class":283},[277,97784,11],{"class":287},[277,97786,50315],{"class":283},[277,97788,11],{"class":287},[277,97790,305],{"class":283},[277,97792,97793,97795,97797,97799,97801,97803,97805,97807],{"class":279,"line":331},[277,97794,829],{"class":283},[277,97796,4267],{"class":287},[277,97798,4278],{"class":291},[277,97800,298],{"class":283},[277,97802,48810],{"class":301},[277,97804,50334],{"class":283},[277,97806,4267],{"class":287},[277,97808,305],{"class":283},[277,97810,97811,97813,97815],{"class":279,"line":346},[277,97812,954],{"class":283},[277,97814,4201],{"class":287},[277,97816,305],{"class":283},[277,97818,97819,97821,97823],{"class":279,"line":360},[277,97820,785],{"class":283},[277,97822,802],{"class":287},[277,97824,305],{"class":283},[277,97826,97827],{"class":279,"line":371},[277,97828,328],{"emptyLinePlaceholder":327},[277,97830,97831,97833,97835,97837],{"class":279,"line":381},[277,97832,284],{"class":283},[277,97834,288],{"class":287},[277,97836,292],{"class":291},[277,97838,305],{"class":283},[277,97840,97841,97843,97845,97847,97849],{"class":279,"line":391},[277,97842,312],{"class":311},[277,97844,11006],{"class":283},[277,97846,318],{"class":311},[277,97848,45690],{"class":301},[277,97850,18151],{"class":283},[277,97852,97853],{"class":279,"line":397},[277,97854,328],{"emptyLinePlaceholder":327},[277,97856,97857],{"class":279,"line":402},[277,97858,50389],{"class":12741},[277,97860,97861,97863,97865,97867,97869],{"class":279,"line":436},[277,97862,405],{"class":311},[277,97864,50396],{"class":356},[277,97866,340],{"class":311},[277,97868,50401],{"class":301},[277,97870,18151],{"class":283},[277,97872,97873,97875,97877,97879,97881,97883,97885],{"class":279,"line":456},[277,97874,405],{"class":311},[277,97876,50410],{"class":356},[277,97878,340],{"class":311},[277,97880,413],{"class":291},[277,97882,448],{"class":283},[277,97884,3542],{"class":356},[277,97886,18277],{"class":283},[277,97888,97889],{"class":279,"line":461},[277,97890,328],{"emptyLinePlaceholder":327},[277,97892,97893],{"class":279,"line":476},[277,97894,50429],{"class":12741},[277,97896,97897,97899,97901,97903,97905,97907],{"class":279,"line":500},[277,97898,405],{"class":311},[277,97900,48755],{"class":291},[277,97902,340],{"class":311},[277,97904,598],{"class":283},[277,97906,601],{"class":311},[277,97908,343],{"class":283},[277,97910,97911,97913,97915],{"class":279,"line":505},[277,97912,50448],{"class":283},[277,97914,48771],{"class":311},[277,97916,18151],{"class":283},[277,97918,97919],{"class":279,"line":520},[277,97920,18255],{"class":283},[277,97922,97923,97925,97927],{"class":279,"line":539},[277,97924,785],{"class":283},[277,97926,288],{"class":287},[277,97928,305],{"class":283},[277,97930,97931],{"class":279,"line":545},[277,97932,328],{"emptyLinePlaceholder":327},[277,97934,97935,97937,97939,97941],{"class":279,"line":550},[277,97936,284],{"class":283},[277,97938,1606],{"class":287},[277,97940,50477],{"class":291},[277,97942,305],{"class":283},[277,97944,97945,97947],{"class":279,"line":578},[277,97946,11],{"class":287},[277,97948,343],{"class":283},[277,97950,97951,97953,97955,97957],{"class":279,"line":583},[277,97952,21263],{"class":356},[277,97954,20699],{"class":283},[277,97956,50494],{"class":356},[277,97958,18151],{"class":283},[277,97960,97961],{"class":279,"line":588},[277,97962,394],{"class":283},[277,97964,97965,97967],{"class":279,"line":606},[277,97966,4267],{"class":287},[277,97968,343],{"class":283},[277,97970,97971,97973,97975,97977,97979,97981,97983],{"class":279,"line":614},[277,97972,21275],{"class":356},[277,97974,20699],{"class":283},[277,97976,50515],{"class":356},[277,97978,21297],{"class":311},[277,97980,50520],{"class":356},[277,97982,21297],{"class":311},[277,97984,18151],{"class":283},[277,97986,97987,97989,97991,97993],{"class":279,"line":625},[277,97988,50529],{"class":356},[277,97990,20699],{"class":283},[277,97992,50534],{"class":356},[277,97994,18151],{"class":283},[277,97996,97997],{"class":279,"line":637},[277,97998,394],{"class":283},[277,98000,98001,98003,98005],{"class":279,"line":646},[277,98002,785],{"class":283},[277,98004,1606],{"class":287},[277,98006,305],{"class":283},[267,98008,98009],{"className":269,"code":50551,"filename":971,"language":272,"meta":273,"style":273},[16,98010,98011,98019,98027,98039,98057,98065,98073,98077,98085,98093,98101,98107,98113,98121,98127,98131,98135,98139,98145,98155,98159,98163,98167,98175,98179,98189,98195,98205,98209,98215,98231,98241,98245],{"__ignoreMap":273},[277,98012,98013,98015,98017],{"class":279,"line":280},[277,98014,284],{"class":283},[277,98016,802],{"class":287},[277,98018,305],{"class":283},[277,98020,98021,98023,98025],{"class":279,"line":308},[277,98022,810],{"class":283},[277,98024,4201],{"class":287},[277,98026,305],{"class":283},[277,98028,98029,98031,98033,98035,98037],{"class":279,"line":324},[277,98030,829],{"class":283},[277,98032,11],{"class":287},[277,98034,50315],{"class":283},[277,98036,11],{"class":287},[277,98038,305],{"class":283},[277,98040,98041,98043,98045,98047,98049,98051,98053,98055],{"class":279,"line":331},[277,98042,829],{"class":283},[277,98044,4267],{"class":287},[277,98046,4278],{"class":291},[277,98048,298],{"class":283},[277,98050,48810],{"class":301},[277,98052,50334],{"class":283},[277,98054,4267],{"class":287},[277,98056,305],{"class":283},[277,98058,98059,98061,98063],{"class":279,"line":346},[277,98060,954],{"class":283},[277,98062,4201],{"class":287},[277,98064,305],{"class":283},[277,98066,98067,98069,98071],{"class":279,"line":360},[277,98068,785],{"class":283},[277,98070,802],{"class":287},[277,98072,305],{"class":283},[277,98074,98075],{"class":279,"line":371},[277,98076,328],{"emptyLinePlaceholder":327},[277,98078,98079,98081,98083],{"class":279,"line":381},[277,98080,284],{"class":283},[277,98082,288],{"class":287},[277,98084,305],{"class":283},[277,98086,98087,98089,98091],{"class":279,"line":391},[277,98088,1057],{"class":311},[277,98090,1060],{"class":311},[277,98092,343],{"class":283},[277,98094,98095,98097,98099],{"class":279,"line":397},[277,98096,1071],{"class":283},[277,98098,50642],{"class":301},[277,98100,1077],{"class":283},[277,98102,98103,98105],{"class":279,"line":402},[277,98104,1086],{"class":291},[277,98106,473],{"class":283},[277,98108,98109,98111],{"class":279,"line":436},[277,98110,1093],{"class":311},[277,98112,343],{"class":283},[277,98114,98115,98117,98119],{"class":279,"line":456},[277,98116,50661],{"class":283},[277,98118,50664],{"class":301},[277,98120,1077],{"class":283},[277,98122,98123,98125],{"class":279,"line":461},[277,98124,50671],{"class":283},[277,98126,4692],{"class":356},[277,98128,98129],{"class":279,"line":476},[277,98130,18478],{"class":283},[277,98132,98133],{"class":279,"line":500},[277,98134,1131],{"class":283},[277,98136,98137],{"class":279,"line":505},[277,98138,1140],{"class":283},[277,98140,98141,98143],{"class":279,"line":520},[277,98142,48892],{"class":291},[277,98144,473],{"class":283},[277,98146,98147,98149,98151,98153],{"class":279,"line":539},[277,98148,1212],{"class":356},[277,98150,50698],{"class":283},[277,98152,48771],{"class":311},[277,98154,18151],{"class":283},[277,98156,98157],{"class":279,"line":545},[277,98158,1126],{"class":283},[277,98160,98161],{"class":279,"line":550},[277,98162,542],{"class":283},[277,98164,98165],{"class":279,"line":578},[277,98166,18255],{"class":283},[277,98168,98169,98171,98173],{"class":279,"line":583},[277,98170,785],{"class":283},[277,98172,288],{"class":287},[277,98174,305],{"class":283},[277,98176,98177],{"class":279,"line":588},[277,98178,328],{"emptyLinePlaceholder":327},[277,98180,98181,98183,98185,98187],{"class":279,"line":606},[277,98182,284],{"class":283},[277,98184,1606],{"class":287},[277,98186,50477],{"class":291},[277,98188,305],{"class":283},[277,98190,98191,98193],{"class":279,"line":614},[277,98192,11],{"class":287},[277,98194,343],{"class":283},[277,98196,98197,98199,98201,98203],{"class":279,"line":625},[277,98198,21263],{"class":356},[277,98200,20699],{"class":283},[277,98202,50494],{"class":356},[277,98204,18151],{"class":283},[277,98206,98207],{"class":279,"line":637},[277,98208,394],{"class":283},[277,98210,98211,98213],{"class":279,"line":646},[277,98212,4267],{"class":287},[277,98214,343],{"class":283},[277,98216,98217,98219,98221,98223,98225,98227,98229],{"class":279,"line":668},[277,98218,21275],{"class":356},[277,98220,20699],{"class":283},[277,98222,50515],{"class":356},[277,98224,21297],{"class":311},[277,98226,50520],{"class":356},[277,98228,21297],{"class":311},[277,98230,18151],{"class":283},[277,98232,98233,98235,98237,98239],{"class":279,"line":673},[277,98234,50529],{"class":356},[277,98236,20699],{"class":283},[277,98238,50534],{"class":356},[277,98240,18151],{"class":283},[277,98242,98243],{"class":279,"line":679},[277,98244,394],{"class":283},[277,98246,98247,98249,98251],{"class":279,"line":684},[277,98248,785],{"class":283},[277,98250,1606],{"class":287},[277,98252,305],{"class":283},[192,98254,50804],{"id":50803},[38,98256,98257,98265,98273],{},[41,98258,98259,50813,98263,50816],{},[72,98260,98261],{},[16,98262,26159],{},[16,98264,24722],{},[41,98266,98267,50823,98271,50826],{},[72,98268,98269],{},[16,98270,19250],{},[16,98272,1927],{},[41,98274,98275,50833,98279,50837],{},[72,98276,98277],{},[16,98278,20838],{},[16,98280,50836],{},[1606,98282,50840],{},{"title":273,"searchDepth":308,"depth":308,"links":98284},[98285,98286,98287,98288,98289,98290,98291,98292],{"id":49910,"depth":308,"text":49911},{"id":49953,"depth":308,"text":49954},{"id":49977,"depth":308,"text":49978},{"id":50058,"depth":308,"text":50059},{"id":50089,"depth":308,"text":50090},{"id":50166,"depth":308,"text":50167},{"id":50230,"depth":308,"text":50231},{"id":50278,"depth":308,"text":50279,"children":98293},[98294],{"id":50803,"depth":324,"text":50804},{"script":98296},[98297],{"type":1632,"key":1633,"data-nuxt-schema-org":327,"nodes":98298},[98299],{"headline":49894,"author":98300,"datePublished":50863,"@type":1640},{"name":1637,"@type":1638},{"updatedAt":46376,"coverCaption":50865},[98303],{"headline":49894,"author":98304,"datePublished":50863,"@type":1640},{"name":1637,"@type":1638},{"title":49894,"description":50856},[98307,98308,98309],{"tag":49906,"color":50874},{"tag":49888,"color":49889},{"tag":9074,"color":9075},{"id":50879,"title":50880,"body":98311,"cover":51055,"coverAlt":51056,"date":51057,"description":51058,"draft":1627,"extension":1628,"head":98424,"locale":1641,"meta":98430,"navigation":327,"path":51068,"schemaOrg":98431,"seo":98434,"series":1656,"seriesDescription":1656,"seriesOrder":1656,"seriesTitle":1656,"slug":1656,"stem":51073,"tags":98435,"__hash__":51077},{"type":8,"value":98312,"toc":98415},[98313,98315,98319,98321,98327,98331,98333,98337,98365,98371,98373,98375,98383,98385,98387,98405,98407],[11,98314,50886],{"id":50885},[21,98316,50889,98317,50892],{},[72,98318,1645],{},[30,98320,50896],{"id":50895},[21,98322,50899,98323,50903,98325,50907],{},[72,98324,50902],{},[3292,98326,50906],{},[21,98328,110,98329,50913],{},[72,98330,50912],{},[30,98332,50917],{"id":50916},[21,98334,50920,98335,50924],{},[72,98336,50923],{},[10089,98338,98339,98343,98347,98353,98359],{},[41,98340,98341,50932],{},[72,98342,50931],{},[41,98344,98345,50938],{},[72,98346,50937],{},[41,98348,98349,50944,98351,104],{},[72,98350,50943],{},[3292,98352,50947],{},[41,98354,98355,50944,98357,50956],{},[72,98356,50952],{},[3292,98358,50955],{},[41,98360,98361,50962,98363,104],{},[72,98362,50961],{},[3292,98364,49906],{},[21,98366,50967,98367,50970,98369,50974],{},[16,98368,19250],{},[72,98370,50973],{},[30,98372,50978],{"id":50977},[192,98374,50982],{"id":50981},[21,98376,50985,98377,50989,98379,50993,98381,50996],{},[72,98378,50988],{},[72,98380,50992],{},[16,98382,48417],{},[192,98384,51000],{"id":50999},[21,98386,51003],{},[38,98388,98389,98397,98401],{},[41,98390,98391,51011,98393,51014,98395,1895],{},[72,98392,51010],{},[3292,98394,971],{},[3292,98396,12330],{},[41,98398,98399,51022],{},[72,98400,51021],{},[41,98402,98403,51028],{},[72,98404,51027],{},[30,98406,51032],{"id":51031},[21,98408,51035,98409,51038,98411,51042,98413,51045],{},[72,98410,49906],{},[72,98412,51041],{},[72,98414,50955],{},{"title":273,"searchDepth":308,"depth":308,"links":98416},[98417,98418,98419,98423],{"id":50895,"depth":308,"text":50896},{"id":50916,"depth":308,"text":50917},{"id":50977,"depth":308,"text":50978,"children":98420},[98421,98422],{"id":50981,"depth":324,"text":50982},{"id":50999,"depth":324,"text":51000},{"id":51031,"depth":308,"text":51032},{"script":98425},[98426],{"type":1632,"key":1633,"data-nuxt-schema-org":327,"nodes":98427},[98428],{"headline":50880,"author":98429,"datePublished":51065,"@type":1640},{"name":1637,"@type":1638},{"updatedAt":46376,"coverCaption":51067},[98432],{"headline":50880,"author":98433,"datePublished":51065,"@type":1640},{"name":1637,"@type":1638},{"title":50880,"description":51058},[98436,98437],{"tag":49017,"color":49018},{"tag":49888,"color":49889},{"id":51079,"title":51080,"body":98439,"cover":51712,"coverAlt":49861,"date":51713,"description":51714,"draft":1627,"extension":1628,"head":98999,"locale":1641,"meta":99005,"navigation":327,"path":51725,"schemaOrg":99006,"seo":99009,"series":1656,"seriesDescription":1656,"seriesOrder":1656,"seriesTitle":1656,"slug":1656,"stem":51730,"tags":99010,"__hash__":51735},{"type":8,"value":98440,"toc":98981},[98441,98443,98447,98451,98453,98455,98459,98463,98467,98471,98479,98481,98485,98691,98897,98903,98905,98907,98911,98921,98925,98933,98935,98939,98943,98947,98957,98961,98965,98969,98973,98975,98977,98979],[11,98442,51086],{"id":51085},[21,98444,51089,98445,51092],{},[72,98446,1645],{},[21,98448,98449,51098],{},[72,98450,51097],{},[21,98452,51101],{},[30,98454,51105],{"id":51104},[21,98456,51108,98457,51111],{},[72,98458,50923],{},[192,98460,98461],{"id":51114},[72,98462,51117],{},[38,98464,98465],{},[41,98466,51122],{},[192,98468,98469],{"id":51125},[72,98470,51128],{},[38,98472,98473],{},[41,98474,51133,98475,51136,98477,51139],{},[72,98476,50947],{},[72,98478,50955],{},[30,98480,51143],{"id":51142},[21,98482,51146,98483,51149],{},[16,98484,16977],{},[267,98486,98487],{"className":269,"code":51152,"filename":271,"language":272,"meta":273,"style":273},[16,98488,98489,98499,98511,98515,98519,98535,98539,98543,98569,98573,98587,98595,98599,98607,98611,98619,98633,98645,98657,98675,98683],{"__ignoreMap":273},[277,98490,98491,98493,98495,98497],{"class":279,"line":280},[277,98492,284],{"class":283},[277,98494,288],{"class":287},[277,98496,292],{"class":291},[277,98498,305],{"class":283},[277,98500,98501,98503,98505,98507,98509],{"class":279,"line":308},[277,98502,312],{"class":311},[277,98504,12362],{"class":283},[277,98506,318],{"class":311},[277,98508,45690],{"class":301},[277,98510,18151],{"class":283},[277,98512,98513],{"class":279,"line":324},[277,98514,328],{"emptyLinePlaceholder":327},[277,98516,98517],{"class":279,"line":331},[277,98518,51185],{"class":12741},[277,98520,98521,98523,98525,98527,98529,98531,98533],{"class":279,"line":346},[277,98522,405],{"class":311},[277,98524,50410],{"class":356},[277,98526,340],{"class":311},[277,98528,413],{"class":291},[277,98530,448],{"class":283},[277,98532,3542],{"class":356},[277,98534,18277],{"class":283},[277,98536,98537],{"class":279,"line":360},[277,98538,328],{"emptyLinePlaceholder":327},[277,98540,98541],{"class":279,"line":371},[277,98542,51210],{"class":12741},[277,98544,98545,98547,98549,98551,98553,98555,98557,98559,98561,98563,98565,98567],{"class":279,"line":381},[277,98546,405],{"class":311},[277,98548,51217],{"class":356},[277,98550,340],{"class":311},[277,98552,2200],{"class":291},[277,98554,2203],{"class":283},[277,98556,601],{"class":311},[277,98558,51228],{"class":283},[277,98560,51231],{"class":311},[277,98562,12410],{"class":356},[277,98564,51236],{"class":311},[277,98566,38884],{"class":356},[277,98568,18277],{"class":283},[277,98570,98571],{"class":279,"line":391},[277,98572,328],{"emptyLinePlaceholder":327},[277,98574,98575,98577,98579,98581,98583,98585],{"class":279,"line":397},[277,98576,405],{"class":311},[277,98578,48755],{"class":291},[277,98580,340],{"class":311},[277,98582,598],{"class":283},[277,98584,601],{"class":311},[277,98586,343],{"class":283},[277,98588,98589,98591,98593],{"class":279,"line":402},[277,98590,50448],{"class":283},[277,98592,48771],{"class":311},[277,98594,18151],{"class":283},[277,98596,98597],{"class":279,"line":436},[277,98598,18255],{"class":283},[277,98600,98601,98603,98605],{"class":279,"line":456},[277,98602,785],{"class":283},[277,98604,288],{"class":287},[277,98606,305],{"class":283},[277,98608,98609],{"class":279,"line":461},[277,98610,328],{"emptyLinePlaceholder":327},[277,98612,98613,98615,98617],{"class":279,"line":476},[277,98614,284],{"class":283},[277,98616,802],{"class":287},[277,98618,305],{"class":283},[277,98620,98621,98623,98625,98627,98629,98631],{"class":279,"line":500},[277,98622,810],{"class":283},[277,98624,4201],{"class":287},[277,98626,816],{"class":291},[277,98628,298],{"class":283},[277,98630,51303],{"class":301},[277,98632,305],{"class":283},[277,98634,98635,98637,98639,98641,98643],{"class":279,"line":505},[277,98636,829],{"class":283},[277,98638,192],{"class":287},[277,98640,50334],{"class":283},[277,98642,192],{"class":287},[277,98644,305],{"class":283},[277,98646,98647,98649,98651,98653,98655],{"class":279,"line":520},[277,98648,829],{"class":283},[277,98650,21],{"class":287},[277,98652,51326],{"class":283},[277,98654,21],{"class":287},[277,98656,305],{"class":283},[277,98658,98659,98661,98663,98665,98667,98669,98671,98673],{"class":279,"line":539},[277,98660,829],{"class":283},[277,98662,4267],{"class":287},[277,98664,4278],{"class":291},[277,98666,298],{"class":283},[277,98668,48810],{"class":301},[277,98670,44692],{"class":283},[277,98672,4267],{"class":287},[277,98674,305],{"class":283},[277,98676,98677,98679,98681],{"class":279,"line":545},[277,98678,954],{"class":283},[277,98680,4201],{"class":287},[277,98682,305],{"class":283},[277,98684,98685,98687,98689],{"class":279,"line":550},[277,98686,785],{"class":283},[277,98688,802],{"class":287},[277,98690,305],{"class":283},[267,98692,98693],{"className":269,"code":51367,"filename":971,"language":272,"meta":273,"style":273},[16,98694,98695,98703,98711,98717,98723,98729,98733,98737,98741,98747,98765,98769,98773,98777,98783,98793,98797,98801,98805,98813,98817,98825,98839,98851,98863,98881,98889],{"__ignoreMap":273},[277,98696,98697,98699,98701],{"class":279,"line":280},[277,98698,284],{"class":283},[277,98700,288],{"class":287},[277,98702,305],{"class":283},[277,98704,98705,98707,98709],{"class":279,"line":308},[277,98706,1057],{"class":311},[277,98708,1060],{"class":311},[277,98710,343],{"class":283},[277,98712,98713,98715],{"class":279,"line":324},[277,98714,1086],{"class":291},[277,98716,473],{"class":283},[277,98718,98719,98721],{"class":279,"line":331},[277,98720,1093],{"class":311},[277,98722,343],{"class":283},[277,98724,98725,98727],{"class":279,"line":346},[277,98726,50671],{"class":283},[277,98728,4692],{"class":356},[277,98730,98731],{"class":279,"line":360},[277,98732,18478],{"class":283},[277,98734,98735],{"class":279,"line":371},[277,98736,1131],{"class":283},[277,98738,98739],{"class":279,"line":381},[277,98740,2742],{"class":283},[277,98742,98743,98745],{"class":279,"line":391},[277,98744,51420],{"class":291},[277,98746,473],{"class":283},[277,98748,98749,98751,98753,98755,98757,98759,98761,98763],{"class":279,"line":397},[277,98750,2754],{"class":311},[277,98752,1268],{"class":356},[277,98754,51431],{"class":283},[277,98756,51231],{"class":311},[277,98758,12410],{"class":356},[277,98760,51236],{"class":311},[277,98762,38884],{"class":356},[277,98764,18151],{"class":283},[277,98766,98767],{"class":279,"line":402},[277,98768,1126],{"class":283},[277,98770,98771],{"class":279,"line":436},[277,98772,1131],{"class":283},[277,98774,98775],{"class":279,"line":456},[277,98776,1140],{"class":283},[277,98778,98779,98781],{"class":279,"line":461},[277,98780,48892],{"class":291},[277,98782,473],{"class":283},[277,98784,98785,98787,98789,98791],{"class":279,"line":476},[277,98786,1212],{"class":356},[277,98788,50698],{"class":283},[277,98790,48771],{"class":311},[277,98792,18151],{"class":283},[277,98794,98795],{"class":279,"line":500},[277,98796,1126],{"class":283},[277,98798,98799],{"class":279,"line":505},[277,98800,542],{"class":283},[277,98802,98803],{"class":279,"line":520},[277,98804,18255],{"class":283},[277,98806,98807,98809,98811],{"class":279,"line":539},[277,98808,785],{"class":283},[277,98810,288],{"class":287},[277,98812,305],{"class":283},[277,98814,98815],{"class":279,"line":545},[277,98816,328],{"emptyLinePlaceholder":327},[277,98818,98819,98821,98823],{"class":279,"line":550},[277,98820,284],{"class":283},[277,98822,802],{"class":287},[277,98824,305],{"class":283},[277,98826,98827,98829,98831,98833,98835,98837],{"class":279,"line":578},[277,98828,810],{"class":283},[277,98830,4201],{"class":287},[277,98832,816],{"class":291},[277,98834,298],{"class":283},[277,98836,51303],{"class":301},[277,98838,305],{"class":283},[277,98840,98841,98843,98845,98847,98849],{"class":279,"line":583},[277,98842,829],{"class":283},[277,98844,192],{"class":287},[277,98846,50334],{"class":283},[277,98848,192],{"class":287},[277,98850,305],{"class":283},[277,98852,98853,98855,98857,98859,98861],{"class":279,"line":588},[277,98854,829],{"class":283},[277,98856,21],{"class":287},[277,98858,51326],{"class":283},[277,98860,21],{"class":287},[277,98862,305],{"class":283},[277,98864,98865,98867,98869,98871,98873,98875,98877,98879],{"class":279,"line":606},[277,98866,829],{"class":283},[277,98868,4267],{"class":287},[277,98870,4278],{"class":291},[277,98872,298],{"class":283},[277,98874,48810],{"class":301},[277,98876,44692],{"class":283},[277,98878,4267],{"class":287},[277,98880,305],{"class":283},[277,98882,98883,98885,98887],{"class":279,"line":614},[277,98884,954],{"class":283},[277,98886,4201],{"class":287},[277,98888,305],{"class":283},[277,98890,98891,98893,98895],{"class":279,"line":625},[277,98892,785],{"class":283},[277,98894,802],{"class":287},[277,98896,305],{"class":283},[21,98898,51576,98899,51580,98901,51584],{},[16,98900,51579],{},[16,98902,51583],{},[30,98904,51588],{"id":51587},[21,98906,51591],{},[192,98908,98909],{"id":51594},[72,98910,51597],{},[38,98912,98913],{},[41,98914,51602,98915,225,98917,225,98919,51609],{},[16,98916,12059],{},[16,98918,12068],{},[16,98920,1732],{},[192,98922,98923],{"id":51612},[72,98924,51010],{},[38,98926,98927],{},[41,98928,51619,98929,51622,98931,104],{},[72,98930,13469],{},[72,98932,50085],{},[30,98934,51628],{"id":51627},[192,98936,98937],{"id":51631},[72,98938,51634],{},[38,98940,98941],{},[41,98942,51639],{},[192,98944,98945],{"id":51642},[72,98946,51645],{},[38,98948,98949],{},[41,98950,51650,98951,51653,98953,51656,98955,51660],{},[72,98952,49906],{},[72,98954,50955],{},[72,98956,51659],{},[192,98958,98959],{"id":51663},[72,98960,51666],{},[38,98962,98963],{},[41,98964,51671],{},[192,98966,98967],{"id":51674},[72,98968,51677],{},[38,98970,98971],{},[41,98972,51682],{},[30,98974,17671],{"id":17670},[21,98976,51687],{},[21,98978,51690],{},[1606,98980,51693],{},{"title":273,"searchDepth":308,"depth":308,"links":98982},[98983,98987,98988,98992,98998],{"id":51104,"depth":308,"text":51105,"children":98984},[98985,98986],{"id":51114,"depth":324,"text":51117},{"id":51125,"depth":324,"text":51128},{"id":51142,"depth":308,"text":51143},{"id":51587,"depth":308,"text":51588,"children":98989},[98990,98991],{"id":51594,"depth":324,"text":51597},{"id":51612,"depth":324,"text":51010},{"id":51627,"depth":308,"text":51628,"children":98993},[98994,98995,98996,98997],{"id":51631,"depth":324,"text":51634},{"id":51642,"depth":324,"text":51645},{"id":51663,"depth":324,"text":51666},{"id":51674,"depth":324,"text":51677},{"id":17670,"depth":308,"text":17671},{"script":99000},[99001],{"type":1632,"key":1633,"data-nuxt-schema-org":327,"nodes":99002},[99003],{"headline":51080,"author":99004,"datePublished":51721,"@type":1640},{"name":1637,"@type":1638},{"updatedAt":46376,"coverCaption":51723,"author":1637,"keywords":51724},[99007],{"headline":51080,"author":99008,"datePublished":51721,"@type":1640},{"name":1637,"@type":1638},{"title":51080,"description":51714},[99011,99012,99013],{"tag":49888,"color":49889},{"tag":9074,"color":9075},{"tag":49017,"color":49018},{"id":51737,"title":51738,"body":99015,"cover":51894,"coverAlt":51895,"date":51896,"description":51897,"draft":1627,"extension":1628,"head":99119,"locale":1641,"meta":99125,"navigation":327,"path":51907,"schemaOrg":99126,"seo":99129,"series":1656,"seriesDescription":1656,"seriesOrder":1656,"seriesTitle":1656,"slug":1656,"stem":51912,"tags":99130,"__hash__":51919},{"type":8,"value":99016,"toc":99113},[99017,99021,99025,99033,99035,99037,99073,99075,99079,99083,99087,99089,99097,99099,99103,99105,99107],[11,99018,51744,99019,514],{"id":51743},[72,99020,1637],{},[21,99022,51749,99023,51752],{},[72,99024,1645],{},[21,99026,99027,51757,99029,225,99031,51762],{},[72,99028,1637],{},[72,99030,13114],{},[72,99032,113],{},[30,99034,51766],{"id":51765},[21,99036,51769],{},[38,99038,99039,99047,99057,99063],{},[41,99040,99041,51777,99043,51780,99045,104],{},[72,99042,51776],{},[72,99044,271],{},[3292,99046,12330],{},[41,99048,99049,51788,99051,225,99053,225,99055,51797],{},[72,99050,51787],{},[72,99052,1646],{},[72,99054,51793],{},[72,99056,51796],{},[41,99058,99059,51803,99061,51807],{},[72,99060,51802],{},[3292,99062,51806],{},[41,99064,99065,51813,99067,225,99069,225,99071,51820],{},[72,99066,51812],{},[72,99068,50955],{},[72,99070,50947],{},[72,99072,49906],{},[30,99074,51824],{"id":51823},[21,99076,51827,99077,104],{},[72,99078,51830],{},[21,99080,51833,99081,51837],{},[72,99082,51836],{},[21,99084,51840,99085,51844],{},[72,99086,51843],{},[30,99088,51848],{"id":51847},[21,99090,51851,99091,51854,99093,51858,99095,51862],{},[16,99092,19250],{},[3292,99094,51857],{},[3292,99096,51861],{},[30,99098,51866],{"id":51865},[21,99100,51869,99101,51872],{},[72,99102,1637],{},[21,99104,51875],{},[38492,99106],{},[21,99108,99109,51883,99111],{},[72,99110,51882],{},[13178,99112,51887],{"href":51886},{"title":273,"searchDepth":308,"depth":308,"links":99114},[99115,99116,99117,99118],{"id":51765,"depth":308,"text":51766},{"id":51823,"depth":308,"text":51824},{"id":51847,"depth":308,"text":51848},{"id":51865,"depth":308,"text":51866},{"script":99120},[99121],{"type":1632,"key":1633,"data-nuxt-schema-org":327,"nodes":99122},[99123],{"headline":51738,"author":99124,"datePublished":51904,"@type":1640},{"name":1637,"@type":1638},{"updatedAt":46376,"coverCaption":51906},[99127],{"headline":51738,"author":99128,"datePublished":51904,"@type":1640},{"name":1637,"@type":1638},{"title":51738,"description":51897},[99131,99132,99133],{"tag":1637,"color":49883},{"tag":51916,"color":51917},{"tag":49888,"color":49889},1774057122348]