[{"data":1,"prerenderedAt":2952},["Reactive",2],{"content-loading-images-dynamically-in-vite-vue3":3,"content-query-MnJs20W2IJ":1574},{"_path":4,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":8,"description":9,"published":10,"category":11,"metaTitle":8,"metaDesc":12,"date":13,"tags":14,"keywords":19,"image":20,"id":21,"readingTime":22,"body":27,"_type":1569,"_id":1570,"_source":1571,"_file":1572,"_extension":1573},"/stories/loading-images-dynamically-in-vite-vue3","stories",false,"","Loading Images Dynamically in Vite and Vue 3","In this post, I'm walking through the process of dynamically loading images in a Vite and Vue 3 project. This is\nparticularly useful when you want to change an image based on dynamic factors like props or reactive variables.",true,"Frontend","Dynamically Loading Images in Vite and Vue 3","2023-09-25T00:00:00.000Z",[15,16,17,18],"frontend","vue","vite","nuxt",[15,16,17,18],"https://acrossverse.dev/images/blog/Loading-Images-Dynmaically-Vue3-Vite.png",1,{"text":23,"minutes":24,"time":25,"words":26},"3 min read",2.205,132300,441,{"type":28,"children":29,"toc":1557},"root",[30,38,43,50,55,60,67,72,174,180,201,463,468,474,480,485,785,806,811,909,924,930,935,1248,1253,1259,1271,1529,1535,1540,1551],{"type":31,"tag":32,"props":33,"children":35},"element","h1",{"id":34},"loading-images-dynamically-in-vite-and-vue-3",[36],{"type":37,"value":8},"text",{"type":31,"tag":39,"props":40,"children":41},"p",{},[42],{"type":37,"value":9},{"type":31,"tag":44,"props":45,"children":47},"h2",{"id":46},"the-story",[48],{"type":37,"value":49},"The Story",{"type":31,"tag":39,"props":51,"children":52},{},[53],{"type":37,"value":54},"In Vue 2, it was common practice to use the require method for dynamically loading images. However, this approach no\nlonger works seamlessly in Vue 3 with Vite.",{"type":31,"tag":39,"props":56,"children":57},{},[58],{"type":37,"value":59},"Here's an example of how it was done in Vue 2:",{"type":31,"tag":61,"props":62,"children":64},"h3",{"id":63},"method-1",[65],{"type":37,"value":66},"Method 1",{"type":31,"tag":39,"props":68,"children":69},{},[70],{"type":37,"value":71},"By inline import the image path.",{"type":31,"tag":73,"props":74,"children":77},"pre",{"className":75,"code":76,"language":16,"meta":7,"style":7},"language-vue shiki shiki-themes github-dark-default","\u003Cimg :src=\"require(`~/assets/images/${src}`)\" alt=\"...\" />\n",[78],{"type":31,"tag":79,"props":80,"children":81},"code",{"__ignoreMap":7},[82],{"type":31,"tag":83,"props":84,"children":86},"span",{"class":85,"line":21},"line",[87,93,99,104,110,115,120,126,131,137,141,146,151,155,160,164,169],{"type":31,"tag":83,"props":88,"children":90},{"style":89},"--shiki-default:#E6EDF3",[91],{"type":37,"value":92},"\u003C",{"type":31,"tag":83,"props":94,"children":96},{"style":95},"--shiki-default:#7EE787",[97],{"type":37,"value":98},"img",{"type":31,"tag":83,"props":100,"children":101},{"style":89},[102],{"type":37,"value":103}," :",{"type":31,"tag":83,"props":105,"children":107},{"style":106},"--shiki-default:#79C0FF",[108],{"type":37,"value":109},"src",{"type":31,"tag":83,"props":111,"children":112},{"style":89},[113],{"type":37,"value":114},"=",{"type":31,"tag":83,"props":116,"children":117},{"style":89},[118],{"type":37,"value":119},"\"",{"type":31,"tag":83,"props":121,"children":123},{"style":122},"--shiki-default:#D2A8FF",[124],{"type":37,"value":125},"require",{"type":31,"tag":83,"props":127,"children":128},{"style":89},[129],{"type":37,"value":130},"(",{"type":31,"tag":83,"props":132,"children":134},{"style":133},"--shiki-default:#A5D6FF",[135],{"type":37,"value":136},"`~/assets/images/${",{"type":31,"tag":83,"props":138,"children":139},{"style":89},[140],{"type":37,"value":109},{"type":31,"tag":83,"props":142,"children":143},{"style":133},[144],{"type":37,"value":145},"}`",{"type":31,"tag":83,"props":147,"children":148},{"style":89},[149],{"type":37,"value":150},")",{"type":31,"tag":83,"props":152,"children":153},{"style":89},[154],{"type":37,"value":119},{"type":31,"tag":83,"props":156,"children":157},{"style":106},[158],{"type":37,"value":159}," alt",{"type":31,"tag":83,"props":161,"children":162},{"style":89},[163],{"type":37,"value":114},{"type":31,"tag":83,"props":165,"children":166},{"style":133},[167],{"type":37,"value":168},"\"...\"",{"type":31,"tag":83,"props":170,"children":171},{"style":89},[172],{"type":37,"value":173}," />\n",{"type":31,"tag":61,"props":175,"children":177},{"id":176},"method-2",[178],{"type":37,"value":179},"Method 2",{"type":31,"tag":39,"props":181,"children":182},{},[183,185,191,193,199],{"type":37,"value":184},"By storing the image path in a reactive variable in either ",{"type":31,"tag":79,"props":186,"children":188},{"className":187},[],[189],{"type":37,"value":190},"data",{"type":37,"value":192}," or ",{"type":31,"tag":79,"props":194,"children":196},{"className":195},[],[197],{"type":37,"value":198},"props",{"type":37,"value":200},".",{"type":31,"tag":73,"props":202,"children":204},{"className":75,"code":203,"language":16,"meta":7,"style":7},"\u003C!-- or store the image src in a reactive variable -->\n\u003Cscript>\nexport default {\n  data: {\n    imagePath: require(`~/assets/images/${this.src}`),\n  },\n};\n\u003C/script>\n\n\u003Ctemplate>\n  \u003Cimg ref=\"imageRef\" :src=\"imagePath\" alt=\"...\" />\n\u003C/template>\n",[205],{"type":31,"tag":79,"props":206,"children":207},{"__ignoreMap":7},[208,217,235,256,265,308,322,336,353,362,379,447],{"type":31,"tag":83,"props":209,"children":210},{"class":85,"line":21},[211],{"type":31,"tag":83,"props":212,"children":214},{"style":213},"--shiki-default:#8B949E",[215],{"type":37,"value":216},"\u003C!-- or store the image src in a reactive variable -->\n",{"type":31,"tag":83,"props":218,"children":220},{"class":85,"line":219},2,[221,225,230],{"type":31,"tag":83,"props":222,"children":223},{"style":89},[224],{"type":37,"value":92},{"type":31,"tag":83,"props":226,"children":227},{"style":95},[228],{"type":37,"value":229},"script",{"type":31,"tag":83,"props":231,"children":232},{"style":89},[233],{"type":37,"value":234},">\n",{"type":31,"tag":83,"props":236,"children":238},{"class":85,"line":237},3,[239,245,250],{"type":31,"tag":83,"props":240,"children":242},{"style":241},"--shiki-default:#FF7B72",[243],{"type":37,"value":244},"export",{"type":31,"tag":83,"props":246,"children":247},{"style":241},[248],{"type":37,"value":249}," default",{"type":31,"tag":83,"props":251,"children":253},{"style":252},"--shiki-default:#FFA657",[254],{"type":37,"value":255}," {\n",{"type":31,"tag":83,"props":257,"children":259},{"class":85,"line":258},4,[260],{"type":31,"tag":83,"props":261,"children":262},{"style":89},[263],{"type":37,"value":264},"  data: {\n",{"type":31,"tag":83,"props":266,"children":268},{"class":85,"line":267},5,[269,274,278,282,286,291,295,299,303],{"type":31,"tag":83,"props":270,"children":271},{"style":89},[272],{"type":37,"value":273},"    imagePath: ",{"type":31,"tag":83,"props":275,"children":276},{"style":122},[277],{"type":37,"value":125},{"type":31,"tag":83,"props":279,"children":280},{"style":89},[281],{"type":37,"value":130},{"type":31,"tag":83,"props":283,"children":284},{"style":133},[285],{"type":37,"value":136},{"type":31,"tag":83,"props":287,"children":288},{"style":106},[289],{"type":37,"value":290},"this",{"type":31,"tag":83,"props":292,"children":293},{"style":133},[294],{"type":37,"value":200},{"type":31,"tag":83,"props":296,"children":297},{"style":89},[298],{"type":37,"value":109},{"type":31,"tag":83,"props":300,"children":301},{"style":133},[302],{"type":37,"value":145},{"type":31,"tag":83,"props":304,"children":305},{"style":89},[306],{"type":37,"value":307},"),\n",{"type":31,"tag":83,"props":309,"children":311},{"class":85,"line":310},6,[312,317],{"type":31,"tag":83,"props":313,"children":314},{"style":89},[315],{"type":37,"value":316},"  }",{"type":31,"tag":83,"props":318,"children":319},{"style":252},[320],{"type":37,"value":321},",\n",{"type":31,"tag":83,"props":323,"children":325},{"class":85,"line":324},7,[326,331],{"type":31,"tag":83,"props":327,"children":328},{"style":252},[329],{"type":37,"value":330},"}",{"type":31,"tag":83,"props":332,"children":333},{"style":89},[334],{"type":37,"value":335},";\n",{"type":31,"tag":83,"props":337,"children":339},{"class":85,"line":338},8,[340,345,349],{"type":31,"tag":83,"props":341,"children":342},{"style":89},[343],{"type":37,"value":344},"\u003C/",{"type":31,"tag":83,"props":346,"children":347},{"style":95},[348],{"type":37,"value":229},{"type":31,"tag":83,"props":350,"children":351},{"style":89},[352],{"type":37,"value":234},{"type":31,"tag":83,"props":354,"children":356},{"class":85,"line":355},9,[357],{"type":31,"tag":83,"props":358,"children":359},{"emptyLinePlaceholder":10},[360],{"type":37,"value":361},"\n",{"type":31,"tag":83,"props":363,"children":365},{"class":85,"line":364},10,[366,370,375],{"type":31,"tag":83,"props":367,"children":368},{"style":89},[369],{"type":37,"value":92},{"type":31,"tag":83,"props":371,"children":372},{"style":95},[373],{"type":37,"value":374},"template",{"type":31,"tag":83,"props":376,"children":377},{"style":89},[378],{"type":37,"value":234},{"type":31,"tag":83,"props":380,"children":382},{"class":85,"line":381},11,[383,388,392,397,401,406,410,414,418,422,427,431,435,439,443],{"type":31,"tag":83,"props":384,"children":385},{"style":89},[386],{"type":37,"value":387},"  \u003C",{"type":31,"tag":83,"props":389,"children":390},{"style":95},[391],{"type":37,"value":98},{"type":31,"tag":83,"props":393,"children":394},{"style":106},[395],{"type":37,"value":396}," ref",{"type":31,"tag":83,"props":398,"children":399},{"style":89},[400],{"type":37,"value":114},{"type":31,"tag":83,"props":402,"children":403},{"style":133},[404],{"type":37,"value":405},"\"imageRef\"",{"type":31,"tag":83,"props":407,"children":408},{"style":89},[409],{"type":37,"value":103},{"type":31,"tag":83,"props":411,"children":412},{"style":106},[413],{"type":37,"value":109},{"type":31,"tag":83,"props":415,"children":416},{"style":89},[417],{"type":37,"value":114},{"type":31,"tag":83,"props":419,"children":420},{"style":89},[421],{"type":37,"value":119},{"type":31,"tag":83,"props":423,"children":424},{"style":89},[425],{"type":37,"value":426},"imagePath",{"type":31,"tag":83,"props":428,"children":429},{"style":89},[430],{"type":37,"value":119},{"type":31,"tag":83,"props":432,"children":433},{"style":106},[434],{"type":37,"value":159},{"type":31,"tag":83,"props":436,"children":437},{"style":89},[438],{"type":37,"value":114},{"type":31,"tag":83,"props":440,"children":441},{"style":133},[442],{"type":37,"value":168},{"type":31,"tag":83,"props":444,"children":445},{"style":89},[446],{"type":37,"value":173},{"type":31,"tag":83,"props":448,"children":450},{"class":85,"line":449},12,[451,455,459],{"type":31,"tag":83,"props":452,"children":453},{"style":89},[454],{"type":37,"value":344},{"type":31,"tag":83,"props":456,"children":457},{"style":95},[458],{"type":37,"value":374},{"type":31,"tag":83,"props":460,"children":461},{"style":89},[462],{"type":37,"value":234},{"type":31,"tag":39,"props":464,"children":465},{},[466],{"type":37,"value":467},"Now, let's explore how to achieve the same in Vue 3 with Vite.",{"type":31,"tag":44,"props":469,"children":471},{"id":470},"the-solution",[472],{"type":37,"value":473},"The Solution",{"type":31,"tag":61,"props":475,"children":477},{"id":476},"when-server-side-rendering-ssr-is-disabled",[478],{"type":37,"value":479},"When Server-Side Rendering (SSR) is Disabled",{"type":31,"tag":39,"props":481,"children":482},{},[483],{"type":37,"value":484},"When SSR is disabled, we can resolve the imagePath to the correct bundled image path. Here's how to do it:",{"type":31,"tag":73,"props":486,"children":488},{"className":75,"code":487,"language":16,"meta":7,"style":7},"\u003Cscript setup lang=\"ts\">\nconst { src } = defineProps(['src']);\nconst imagePath = ref\u003Cstring>();\nimagePath.value = new URL(`../assets/images/${src}`, import.meta.url).href;\n\u003C/script>\n\n\u003Ctemplate>\n  \u003Cimg ref=\"imageRef\" :src=\"imagePath\" alt=\"...\" />\n\u003C/template>\n",[489],{"type":31,"tag":79,"props":490,"children":491},{"__ignoreMap":7},[492,526,572,607,670,685,692,707,770],{"type":31,"tag":83,"props":493,"children":494},{"class":85,"line":21},[495,499,503,508,513,517,522],{"type":31,"tag":83,"props":496,"children":497},{"style":89},[498],{"type":37,"value":92},{"type":31,"tag":83,"props":500,"children":501},{"style":95},[502],{"type":37,"value":229},{"type":31,"tag":83,"props":504,"children":505},{"style":106},[506],{"type":37,"value":507}," setup",{"type":31,"tag":83,"props":509,"children":510},{"style":106},[511],{"type":37,"value":512}," lang",{"type":31,"tag":83,"props":514,"children":515},{"style":89},[516],{"type":37,"value":114},{"type":31,"tag":83,"props":518,"children":519},{"style":133},[520],{"type":37,"value":521},"\"ts\"",{"type":31,"tag":83,"props":523,"children":524},{"style":89},[525],{"type":37,"value":234},{"type":31,"tag":83,"props":527,"children":528},{"class":85,"line":219},[529,534,539,543,548,552,557,562,567],{"type":31,"tag":83,"props":530,"children":531},{"style":241},[532],{"type":37,"value":533},"const",{"type":31,"tag":83,"props":535,"children":536},{"style":89},[537],{"type":37,"value":538}," { ",{"type":31,"tag":83,"props":540,"children":541},{"style":106},[542],{"type":37,"value":109},{"type":31,"tag":83,"props":544,"children":545},{"style":89},[546],{"type":37,"value":547}," } ",{"type":31,"tag":83,"props":549,"children":550},{"style":241},[551],{"type":37,"value":114},{"type":31,"tag":83,"props":553,"children":554},{"style":122},[555],{"type":37,"value":556}," defineProps",{"type":31,"tag":83,"props":558,"children":559},{"style":89},[560],{"type":37,"value":561},"([",{"type":31,"tag":83,"props":563,"children":564},{"style":133},[565],{"type":37,"value":566},"'src'",{"type":31,"tag":83,"props":568,"children":569},{"style":89},[570],{"type":37,"value":571},"]);\n",{"type":31,"tag":83,"props":573,"children":574},{"class":85,"line":237},[575,579,584,589,593,597,602],{"type":31,"tag":83,"props":576,"children":577},{"style":241},[578],{"type":37,"value":533},{"type":31,"tag":83,"props":580,"children":581},{"style":106},[582],{"type":37,"value":583}," imagePath",{"type":31,"tag":83,"props":585,"children":586},{"style":241},[587],{"type":37,"value":588}," =",{"type":31,"tag":83,"props":590,"children":591},{"style":122},[592],{"type":37,"value":396},{"type":31,"tag":83,"props":594,"children":595},{"style":89},[596],{"type":37,"value":92},{"type":31,"tag":83,"props":598,"children":599},{"style":106},[600],{"type":37,"value":601},"string",{"type":31,"tag":83,"props":603,"children":604},{"style":89},[605],{"type":37,"value":606},">();\n",{"type":31,"tag":83,"props":608,"children":609},{"class":85,"line":258},[610,615,619,624,629,633,638,642,646,651,656,660,665],{"type":31,"tag":83,"props":611,"children":612},{"style":89},[613],{"type":37,"value":614},"imagePath.value ",{"type":31,"tag":83,"props":616,"children":617},{"style":241},[618],{"type":37,"value":114},{"type":31,"tag":83,"props":620,"children":621},{"style":241},[622],{"type":37,"value":623}," new",{"type":31,"tag":83,"props":625,"children":626},{"style":122},[627],{"type":37,"value":628}," URL",{"type":31,"tag":83,"props":630,"children":631},{"style":89},[632],{"type":37,"value":130},{"type":31,"tag":83,"props":634,"children":635},{"style":133},[636],{"type":37,"value":637},"`../assets/images/${",{"type":31,"tag":83,"props":639,"children":640},{"style":89},[641],{"type":37,"value":109},{"type":31,"tag":83,"props":643,"children":644},{"style":133},[645],{"type":37,"value":145},{"type":31,"tag":83,"props":647,"children":648},{"style":89},[649],{"type":37,"value":650},", ",{"type":31,"tag":83,"props":652,"children":653},{"style":241},[654],{"type":37,"value":655},"import",{"type":31,"tag":83,"props":657,"children":658},{"style":89},[659],{"type":37,"value":200},{"type":31,"tag":83,"props":661,"children":662},{"style":106},[663],{"type":37,"value":664},"meta",{"type":31,"tag":83,"props":666,"children":667},{"style":89},[668],{"type":37,"value":669},".url).href;\n",{"type":31,"tag":83,"props":671,"children":672},{"class":85,"line":267},[673,677,681],{"type":31,"tag":83,"props":674,"children":675},{"style":89},[676],{"type":37,"value":344},{"type":31,"tag":83,"props":678,"children":679},{"style":95},[680],{"type":37,"value":229},{"type":31,"tag":83,"props":682,"children":683},{"style":89},[684],{"type":37,"value":234},{"type":31,"tag":83,"props":686,"children":687},{"class":85,"line":310},[688],{"type":31,"tag":83,"props":689,"children":690},{"emptyLinePlaceholder":10},[691],{"type":37,"value":361},{"type":31,"tag":83,"props":693,"children":694},{"class":85,"line":324},[695,699,703],{"type":31,"tag":83,"props":696,"children":697},{"style":89},[698],{"type":37,"value":92},{"type":31,"tag":83,"props":700,"children":701},{"style":95},[702],{"type":37,"value":374},{"type":31,"tag":83,"props":704,"children":705},{"style":89},[706],{"type":37,"value":234},{"type":31,"tag":83,"props":708,"children":709},{"class":85,"line":338},[710,714,718,722,726,730,734,738,742,746,750,754,758,762,766],{"type":31,"tag":83,"props":711,"children":712},{"style":89},[713],{"type":37,"value":387},{"type":31,"tag":83,"props":715,"children":716},{"style":95},[717],{"type":37,"value":98},{"type":31,"tag":83,"props":719,"children":720},{"style":106},[721],{"type":37,"value":396},{"type":31,"tag":83,"props":723,"children":724},{"style":89},[725],{"type":37,"value":114},{"type":31,"tag":83,"props":727,"children":728},{"style":133},[729],{"type":37,"value":405},{"type":31,"tag":83,"props":731,"children":732},{"style":89},[733],{"type":37,"value":103},{"type":31,"tag":83,"props":735,"children":736},{"style":106},[737],{"type":37,"value":109},{"type":31,"tag":83,"props":739,"children":740},{"style":89},[741],{"type":37,"value":114},{"type":31,"tag":83,"props":743,"children":744},{"style":89},[745],{"type":37,"value":119},{"type":31,"tag":83,"props":747,"children":748},{"style":89},[749],{"type":37,"value":426},{"type":31,"tag":83,"props":751,"children":752},{"style":89},[753],{"type":37,"value":119},{"type":31,"tag":83,"props":755,"children":756},{"style":106},[757],{"type":37,"value":159},{"type":31,"tag":83,"props":759,"children":760},{"style":89},[761],{"type":37,"value":114},{"type":31,"tag":83,"props":763,"children":764},{"style":133},[765],{"type":37,"value":168},{"type":31,"tag":83,"props":767,"children":768},{"style":89},[769],{"type":37,"value":173},{"type":31,"tag":83,"props":771,"children":772},{"class":85,"line":355},[773,777,781],{"type":31,"tag":83,"props":774,"children":775},{"style":89},[776],{"type":37,"value":344},{"type":31,"tag":83,"props":778,"children":779},{"style":95},[780],{"type":37,"value":374},{"type":31,"tag":83,"props":782,"children":783},{"style":89},[784],{"type":37,"value":234},{"type":31,"tag":39,"props":786,"children":787},{},[788,790,796,798,804],{"type":37,"value":789},"This code uses the ",{"type":31,"tag":79,"props":791,"children":793},{"className":792},[],[794],{"type":37,"value":795},"URL",{"type":37,"value":797}," Javascript constructor that enable us to create and manipulate URLs (in our case the image\nsource url). And ",{"type":31,"tag":79,"props":799,"children":801},{"className":800},[],[802],{"type":37,"value":803},"import.meta.url",{"type":37,"value":805}," is a special javascript feature that allow access to the URL of current module (\ncomponent/script). And hence, allow us to get the relative path of the image relative to current component.",{"type":31,"tag":39,"props":807,"children":808},{},[809],{"type":37,"value":810},"Here's a simple example to help you understand it better.",{"type":31,"tag":73,"props":812,"children":816},{"className":813,"code":814,"language":815,"meta":7,"style":7},"language-js shiki shiki-themes github-dark-default","const relativeURL = new URL(url, base);\nconst relativeURL = new URL(\n  '/relative/path/to/resource',\n  'https://www.example.com',\n);\n","js",[817],{"type":31,"tag":79,"props":818,"children":819},{"__ignoreMap":7},[820,849,877,889,901],{"type":31,"tag":83,"props":821,"children":822},{"class":85,"line":21},[823,827,832,836,840,844],{"type":31,"tag":83,"props":824,"children":825},{"style":241},[826],{"type":37,"value":533},{"type":31,"tag":83,"props":828,"children":829},{"style":106},[830],{"type":37,"value":831}," relativeURL",{"type":31,"tag":83,"props":833,"children":834},{"style":241},[835],{"type":37,"value":588},{"type":31,"tag":83,"props":837,"children":838},{"style":241},[839],{"type":37,"value":623},{"type":31,"tag":83,"props":841,"children":842},{"style":122},[843],{"type":37,"value":628},{"type":31,"tag":83,"props":845,"children":846},{"style":89},[847],{"type":37,"value":848},"(url, base);\n",{"type":31,"tag":83,"props":850,"children":851},{"class":85,"line":219},[852,856,860,864,868,872],{"type":31,"tag":83,"props":853,"children":854},{"style":241},[855],{"type":37,"value":533},{"type":31,"tag":83,"props":857,"children":858},{"style":106},[859],{"type":37,"value":831},{"type":31,"tag":83,"props":861,"children":862},{"style":241},[863],{"type":37,"value":588},{"type":31,"tag":83,"props":865,"children":866},{"style":241},[867],{"type":37,"value":623},{"type":31,"tag":83,"props":869,"children":870},{"style":122},[871],{"type":37,"value":628},{"type":31,"tag":83,"props":873,"children":874},{"style":89},[875],{"type":37,"value":876},"(\n",{"type":31,"tag":83,"props":878,"children":879},{"class":85,"line":237},[880,885],{"type":31,"tag":83,"props":881,"children":882},{"style":133},[883],{"type":37,"value":884},"  '/relative/path/to/resource'",{"type":31,"tag":83,"props":886,"children":887},{"style":89},[888],{"type":37,"value":321},{"type":31,"tag":83,"props":890,"children":891},{"class":85,"line":258},[892,897],{"type":31,"tag":83,"props":893,"children":894},{"style":133},[895],{"type":37,"value":896},"  'https://www.example.com'",{"type":31,"tag":83,"props":898,"children":899},{"style":89},[900],{"type":37,"value":321},{"type":31,"tag":83,"props":902,"children":903},{"class":85,"line":267},[904],{"type":31,"tag":83,"props":905,"children":906},{"style":89},[907],{"type":37,"value":908},");\n",{"type":31,"tag":910,"props":911,"children":912},"callout",{},[913],{"type":31,"tag":39,"props":914,"children":915},{},[916,922],{"type":31,"tag":917,"props":918,"children":919},"strong",{},[920],{"type":37,"value":921},"NOTE",{"type":37,"value":923},": Path aliases like @ and ~ are not allowed in this case, so we have to use relative paths.",{"type":31,"tag":61,"props":925,"children":927},{"id":926},"when-server-side-rendering-ssr-is-enabled",[928],{"type":37,"value":929},"When Server-Side Rendering (SSR) is Enabled",{"type":31,"tag":39,"props":931,"children":932},{},[933],{"type":37,"value":934},"When SSR is enabled, you might encounter an issue where the src attribute of an image doesn't get updated automatically\nafter the Nuxt hydration step. To work around this, manually change the src attribute using the following code:",{"type":31,"tag":73,"props":936,"children":938},{"className":75,"code":937,"language":16,"meta":7,"style":7},"\u003Cscript setup lang=\"ts\">\nconst imagePath = ref\u003Cstring>();\nconst imageRef = ref\u003CHTMLImageElement>();\n\nimagePath.value = new URL(path, import.meta.url).href;\nif (imageRef.value && imagePath.value) {\n  imageRef.value.src = imagePath.value;\n}\n\u003C/script>\n\n\u003Ctemplate>\n  \u003Cimg ref=\"imageRef\" :src=\"imagePath\" alt=\"...\" />\n\u003C/template>\n",[939],{"type":31,"tag":79,"props":940,"children":941},{"__ignoreMap":7},[942,973,1004,1037,1044,1084,1107,1124,1132,1147,1154,1169,1232],{"type":31,"tag":83,"props":943,"children":944},{"class":85,"line":21},[945,949,953,957,961,965,969],{"type":31,"tag":83,"props":946,"children":947},{"style":89},[948],{"type":37,"value":92},{"type":31,"tag":83,"props":950,"children":951},{"style":95},[952],{"type":37,"value":229},{"type":31,"tag":83,"props":954,"children":955},{"style":106},[956],{"type":37,"value":507},{"type":31,"tag":83,"props":958,"children":959},{"style":106},[960],{"type":37,"value":512},{"type":31,"tag":83,"props":962,"children":963},{"style":89},[964],{"type":37,"value":114},{"type":31,"tag":83,"props":966,"children":967},{"style":133},[968],{"type":37,"value":521},{"type":31,"tag":83,"props":970,"children":971},{"style":89},[972],{"type":37,"value":234},{"type":31,"tag":83,"props":974,"children":975},{"class":85,"line":219},[976,980,984,988,992,996,1000],{"type":31,"tag":83,"props":977,"children":978},{"style":241},[979],{"type":37,"value":533},{"type":31,"tag":83,"props":981,"children":982},{"style":106},[983],{"type":37,"value":583},{"type":31,"tag":83,"props":985,"children":986},{"style":241},[987],{"type":37,"value":588},{"type":31,"tag":83,"props":989,"children":990},{"style":122},[991],{"type":37,"value":396},{"type":31,"tag":83,"props":993,"children":994},{"style":89},[995],{"type":37,"value":92},{"type":31,"tag":83,"props":997,"children":998},{"style":106},[999],{"type":37,"value":601},{"type":31,"tag":83,"props":1001,"children":1002},{"style":89},[1003],{"type":37,"value":606},{"type":31,"tag":83,"props":1005,"children":1006},{"class":85,"line":237},[1007,1011,1016,1020,1024,1028,1033],{"type":31,"tag":83,"props":1008,"children":1009},{"style":241},[1010],{"type":37,"value":533},{"type":31,"tag":83,"props":1012,"children":1013},{"style":106},[1014],{"type":37,"value":1015}," imageRef",{"type":31,"tag":83,"props":1017,"children":1018},{"style":241},[1019],{"type":37,"value":588},{"type":31,"tag":83,"props":1021,"children":1022},{"style":122},[1023],{"type":37,"value":396},{"type":31,"tag":83,"props":1025,"children":1026},{"style":89},[1027],{"type":37,"value":92},{"type":31,"tag":83,"props":1029,"children":1030},{"style":252},[1031],{"type":37,"value":1032},"HTMLImageElement",{"type":31,"tag":83,"props":1034,"children":1035},{"style":89},[1036],{"type":37,"value":606},{"type":31,"tag":83,"props":1038,"children":1039},{"class":85,"line":258},[1040],{"type":31,"tag":83,"props":1041,"children":1042},{"emptyLinePlaceholder":10},[1043],{"type":37,"value":361},{"type":31,"tag":83,"props":1045,"children":1046},{"class":85,"line":267},[1047,1051,1055,1059,1063,1068,1072,1076,1080],{"type":31,"tag":83,"props":1048,"children":1049},{"style":89},[1050],{"type":37,"value":614},{"type":31,"tag":83,"props":1052,"children":1053},{"style":241},[1054],{"type":37,"value":114},{"type":31,"tag":83,"props":1056,"children":1057},{"style":241},[1058],{"type":37,"value":623},{"type":31,"tag":83,"props":1060,"children":1061},{"style":122},[1062],{"type":37,"value":628},{"type":31,"tag":83,"props":1064,"children":1065},{"style":89},[1066],{"type":37,"value":1067},"(path, ",{"type":31,"tag":83,"props":1069,"children":1070},{"style":241},[1071],{"type":37,"value":655},{"type":31,"tag":83,"props":1073,"children":1074},{"style":89},[1075],{"type":37,"value":200},{"type":31,"tag":83,"props":1077,"children":1078},{"style":106},[1079],{"type":37,"value":664},{"type":31,"tag":83,"props":1081,"children":1082},{"style":89},[1083],{"type":37,"value":669},{"type":31,"tag":83,"props":1085,"children":1086},{"class":85,"line":310},[1087,1092,1097,1102],{"type":31,"tag":83,"props":1088,"children":1089},{"style":241},[1090],{"type":37,"value":1091},"if",{"type":31,"tag":83,"props":1093,"children":1094},{"style":89},[1095],{"type":37,"value":1096}," (imageRef.value ",{"type":31,"tag":83,"props":1098,"children":1099},{"style":241},[1100],{"type":37,"value":1101},"&&",{"type":31,"tag":83,"props":1103,"children":1104},{"style":89},[1105],{"type":37,"value":1106}," imagePath.value) {\n",{"type":31,"tag":83,"props":1108,"children":1109},{"class":85,"line":324},[1110,1115,1119],{"type":31,"tag":83,"props":1111,"children":1112},{"style":89},[1113],{"type":37,"value":1114},"  imageRef.value.src ",{"type":31,"tag":83,"props":1116,"children":1117},{"style":241},[1118],{"type":37,"value":114},{"type":31,"tag":83,"props":1120,"children":1121},{"style":89},[1122],{"type":37,"value":1123}," imagePath.value;\n",{"type":31,"tag":83,"props":1125,"children":1126},{"class":85,"line":338},[1127],{"type":31,"tag":83,"props":1128,"children":1129},{"style":89},[1130],{"type":37,"value":1131},"}\n",{"type":31,"tag":83,"props":1133,"children":1134},{"class":85,"line":355},[1135,1139,1143],{"type":31,"tag":83,"props":1136,"children":1137},{"style":89},[1138],{"type":37,"value":344},{"type":31,"tag":83,"props":1140,"children":1141},{"style":95},[1142],{"type":37,"value":229},{"type":31,"tag":83,"props":1144,"children":1145},{"style":89},[1146],{"type":37,"value":234},{"type":31,"tag":83,"props":1148,"children":1149},{"class":85,"line":364},[1150],{"type":31,"tag":83,"props":1151,"children":1152},{"emptyLinePlaceholder":10},[1153],{"type":37,"value":361},{"type":31,"tag":83,"props":1155,"children":1156},{"class":85,"line":381},[1157,1161,1165],{"type":31,"tag":83,"props":1158,"children":1159},{"style":89},[1160],{"type":37,"value":92},{"type":31,"tag":83,"props":1162,"children":1163},{"style":95},[1164],{"type":37,"value":374},{"type":31,"tag":83,"props":1166,"children":1167},{"style":89},[1168],{"type":37,"value":234},{"type":31,"tag":83,"props":1170,"children":1171},{"class":85,"line":449},[1172,1176,1180,1184,1188,1192,1196,1200,1204,1208,1212,1216,1220,1224,1228],{"type":31,"tag":83,"props":1173,"children":1174},{"style":89},[1175],{"type":37,"value":387},{"type":31,"tag":83,"props":1177,"children":1178},{"style":95},[1179],{"type":37,"value":98},{"type":31,"tag":83,"props":1181,"children":1182},{"style":106},[1183],{"type":37,"value":396},{"type":31,"tag":83,"props":1185,"children":1186},{"style":89},[1187],{"type":37,"value":114},{"type":31,"tag":83,"props":1189,"children":1190},{"style":133},[1191],{"type":37,"value":405},{"type":31,"tag":83,"props":1193,"children":1194},{"style":89},[1195],{"type":37,"value":103},{"type":31,"tag":83,"props":1197,"children":1198},{"style":106},[1199],{"type":37,"value":109},{"type":31,"tag":83,"props":1201,"children":1202},{"style":89},[1203],{"type":37,"value":114},{"type":31,"tag":83,"props":1205,"children":1206},{"style":89},[1207],{"type":37,"value":119},{"type":31,"tag":83,"props":1209,"children":1210},{"style":89},[1211],{"type":37,"value":426},{"type":31,"tag":83,"props":1213,"children":1214},{"style":89},[1215],{"type":37,"value":119},{"type":31,"tag":83,"props":1217,"children":1218},{"style":106},[1219],{"type":37,"value":159},{"type":31,"tag":83,"props":1221,"children":1222},{"style":89},[1223],{"type":37,"value":114},{"type":31,"tag":83,"props":1225,"children":1226},{"style":133},[1227],{"type":37,"value":168},{"type":31,"tag":83,"props":1229,"children":1230},{"style":89},[1231],{"type":37,"value":173},{"type":31,"tag":83,"props":1233,"children":1235},{"class":85,"line":1234},13,[1236,1240,1244],{"type":31,"tag":83,"props":1237,"children":1238},{"style":89},[1239],{"type":37,"value":344},{"type":31,"tag":83,"props":1241,"children":1242},{"style":95},[1243],{"type":37,"value":374},{"type":31,"tag":83,"props":1245,"children":1246},{"style":89},[1247],{"type":37,"value":234},{"type":31,"tag":39,"props":1249,"children":1250},{},[1251],{"type":37,"value":1252},"These solutions ensure that your images load dynamically and correctly in both SSR-enabled and SSR-disabled scenarios.",{"type":31,"tag":61,"props":1254,"children":1256},{"id":1255},"best-practice",[1257],{"type":37,"value":1258},"Best Practice",{"type":31,"tag":39,"props":1260,"children":1261},{},[1262,1264,1270],{"type":37,"value":1263},"Wrap this code inside a reusable function, useful when you want to build carousel slider or iterating on a list of\nimages using ",{"type":31,"tag":79,"props":1265,"children":1267},{"className":1266},[],[1268],{"type":37,"value":1269},"v-for",{"type":37,"value":200},{"type":31,"tag":73,"props":1272,"children":1274},{"className":75,"code":1273,"language":16,"meta":7,"style":7},"\u003Cscript setup lang=\"ts\">\nconst getImageUrl = (src) => {\n  return new URL(`../assets/images/${src}`, import.meta.url).href;\n};\n\u003C/script>\n\n\u003Ctemplate>\n  \u003Cimg ref=\"imageRef\" :src=\"getImageUrl(src)\" alt=\"...\" />\n\u003C/template>\n",[1275],{"type":31,"tag":79,"props":1276,"children":1277},{"__ignoreMap":7},[1278,1309,1348,1400,1408,1423,1430,1445,1514],{"type":31,"tag":83,"props":1279,"children":1280},{"class":85,"line":21},[1281,1285,1289,1293,1297,1301,1305],{"type":31,"tag":83,"props":1282,"children":1283},{"style":89},[1284],{"type":37,"value":92},{"type":31,"tag":83,"props":1286,"children":1287},{"style":95},[1288],{"type":37,"value":229},{"type":31,"tag":83,"props":1290,"children":1291},{"style":106},[1292],{"type":37,"value":507},{"type":31,"tag":83,"props":1294,"children":1295},{"style":106},[1296],{"type":37,"value":512},{"type":31,"tag":83,"props":1298,"children":1299},{"style":89},[1300],{"type":37,"value":114},{"type":31,"tag":83,"props":1302,"children":1303},{"style":133},[1304],{"type":37,"value":521},{"type":31,"tag":83,"props":1306,"children":1307},{"style":89},[1308],{"type":37,"value":234},{"type":31,"tag":83,"props":1310,"children":1311},{"class":85,"line":219},[1312,1316,1321,1325,1330,1334,1339,1344],{"type":31,"tag":83,"props":1313,"children":1314},{"style":241},[1315],{"type":37,"value":533},{"type":31,"tag":83,"props":1317,"children":1318},{"style":122},[1319],{"type":37,"value":1320}," getImageUrl",{"type":31,"tag":83,"props":1322,"children":1323},{"style":241},[1324],{"type":37,"value":588},{"type":31,"tag":83,"props":1326,"children":1327},{"style":89},[1328],{"type":37,"value":1329}," (",{"type":31,"tag":83,"props":1331,"children":1332},{"style":252},[1333],{"type":37,"value":109},{"type":31,"tag":83,"props":1335,"children":1336},{"style":89},[1337],{"type":37,"value":1338},") ",{"type":31,"tag":83,"props":1340,"children":1341},{"style":241},[1342],{"type":37,"value":1343},"=>",{"type":31,"tag":83,"props":1345,"children":1346},{"style":89},[1347],{"type":37,"value":255},{"type":31,"tag":83,"props":1349,"children":1350},{"class":85,"line":237},[1351,1356,1360,1364,1368,1372,1376,1380,1384,1388,1392,1396],{"type":31,"tag":83,"props":1352,"children":1353},{"style":241},[1354],{"type":37,"value":1355},"  return",{"type":31,"tag":83,"props":1357,"children":1358},{"style":241},[1359],{"type":37,"value":623},{"type":31,"tag":83,"props":1361,"children":1362},{"style":122},[1363],{"type":37,"value":628},{"type":31,"tag":83,"props":1365,"children":1366},{"style":89},[1367],{"type":37,"value":130},{"type":31,"tag":83,"props":1369,"children":1370},{"style":133},[1371],{"type":37,"value":637},{"type":31,"tag":83,"props":1373,"children":1374},{"style":89},[1375],{"type":37,"value":109},{"type":31,"tag":83,"props":1377,"children":1378},{"style":133},[1379],{"type":37,"value":145},{"type":31,"tag":83,"props":1381,"children":1382},{"style":89},[1383],{"type":37,"value":650},{"type":31,"tag":83,"props":1385,"children":1386},{"style":241},[1387],{"type":37,"value":655},{"type":31,"tag":83,"props":1389,"children":1390},{"style":89},[1391],{"type":37,"value":200},{"type":31,"tag":83,"props":1393,"children":1394},{"style":106},[1395],{"type":37,"value":664},{"type":31,"tag":83,"props":1397,"children":1398},{"style":89},[1399],{"type":37,"value":669},{"type":31,"tag":83,"props":1401,"children":1402},{"class":85,"line":258},[1403],{"type":31,"tag":83,"props":1404,"children":1405},{"style":89},[1406],{"type":37,"value":1407},"};\n",{"type":31,"tag":83,"props":1409,"children":1410},{"class":85,"line":267},[1411,1415,1419],{"type":31,"tag":83,"props":1412,"children":1413},{"style":89},[1414],{"type":37,"value":344},{"type":31,"tag":83,"props":1416,"children":1417},{"style":95},[1418],{"type":37,"value":229},{"type":31,"tag":83,"props":1420,"children":1421},{"style":89},[1422],{"type":37,"value":234},{"type":31,"tag":83,"props":1424,"children":1425},{"class":85,"line":310},[1426],{"type":31,"tag":83,"props":1427,"children":1428},{"emptyLinePlaceholder":10},[1429],{"type":37,"value":361},{"type":31,"tag":83,"props":1431,"children":1432},{"class":85,"line":324},[1433,1437,1441],{"type":31,"tag":83,"props":1434,"children":1435},{"style":89},[1436],{"type":37,"value":92},{"type":31,"tag":83,"props":1438,"children":1439},{"style":95},[1440],{"type":37,"value":374},{"type":31,"tag":83,"props":1442,"children":1443},{"style":89},[1444],{"type":37,"value":234},{"type":31,"tag":83,"props":1446,"children":1447},{"class":85,"line":338},[1448,1452,1456,1460,1464,1468,1472,1476,1480,1484,1489,1494,1498,1502,1506,1510],{"type":31,"tag":83,"props":1449,"children":1450},{"style":89},[1451],{"type":37,"value":387},{"type":31,"tag":83,"props":1453,"children":1454},{"style":95},[1455],{"type":37,"value":98},{"type":31,"tag":83,"props":1457,"children":1458},{"style":106},[1459],{"type":37,"value":396},{"type":31,"tag":83,"props":1461,"children":1462},{"style":89},[1463],{"type":37,"value":114},{"type":31,"tag":83,"props":1465,"children":1466},{"style":133},[1467],{"type":37,"value":405},{"type":31,"tag":83,"props":1469,"children":1470},{"style":89},[1471],{"type":37,"value":103},{"type":31,"tag":83,"props":1473,"children":1474},{"style":106},[1475],{"type":37,"value":109},{"type":31,"tag":83,"props":1477,"children":1478},{"style":89},[1479],{"type":37,"value":114},{"type":31,"tag":83,"props":1481,"children":1482},{"style":89},[1483],{"type":37,"value":119},{"type":31,"tag":83,"props":1485,"children":1486},{"style":122},[1487],{"type":37,"value":1488},"getImageUrl",{"type":31,"tag":83,"props":1490,"children":1491},{"style":89},[1492],{"type":37,"value":1493},"(src)",{"type":31,"tag":83,"props":1495,"children":1496},{"style":89},[1497],{"type":37,"value":119},{"type":31,"tag":83,"props":1499,"children":1500},{"style":106},[1501],{"type":37,"value":159},{"type":31,"tag":83,"props":1503,"children":1504},{"style":89},[1505],{"type":37,"value":114},{"type":31,"tag":83,"props":1507,"children":1508},{"style":133},[1509],{"type":37,"value":168},{"type":31,"tag":83,"props":1511,"children":1512},{"style":89},[1513],{"type":37,"value":173},{"type":31,"tag":83,"props":1515,"children":1516},{"class":85,"line":355},[1517,1521,1525],{"type":31,"tag":83,"props":1518,"children":1519},{"style":89},[1520],{"type":37,"value":344},{"type":31,"tag":83,"props":1522,"children":1523},{"style":95},[1524],{"type":37,"value":374},{"type":31,"tag":83,"props":1526,"children":1527},{"style":89},[1528],{"type":37,"value":234},{"type":31,"tag":61,"props":1530,"children":1532},{"id":1531},"references",[1533],{"type":37,"value":1534},"References",{"type":31,"tag":39,"props":1536,"children":1537},{},[1538],{"type":37,"value":1539},"For further details and documentation on handling assets in Vite, you can refer to the official Vite documentation:",{"type":31,"tag":39,"props":1541,"children":1542},{},[1543],{"type":31,"tag":1544,"props":1545,"children":1549},"a",{"href":1546,"rel":1547},"https://vitejs.dev/guide/assets.html#new-url-url-import-meta-url",[1548],"nofollow",[1550],{"type":37,"value":1546},{"type":31,"tag":1552,"props":1553,"children":1554},"style",{},[1555],{"type":37,"value":1556},"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);}",{"title":7,"searchDepth":219,"depth":219,"links":1558},[1559,1563],{"id":46,"depth":219,"text":49,"children":1560},[1561,1562],{"id":63,"depth":237,"text":66},{"id":176,"depth":237,"text":179},{"id":470,"depth":219,"text":473,"children":1564},[1565,1566,1567,1568],{"id":476,"depth":237,"text":479},{"id":926,"depth":237,"text":929},{"id":1255,"depth":237,"text":1258},{"id":1531,"depth":237,"text":1534},"markdown","content:stories:loading-images-dynamically-in-vite-vue3.md","content","stories/loading-images-dynamically-in-vite-vue3.md","md",{"_path":4,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":8,"description":9,"published":10,"category":11,"metaTitle":8,"metaDesc":12,"date":13,"tags":1575,"keywords":1576,"image":20,"id":21,"readingTime":1577,"body":1578,"_type":1569,"_id":1570,"_source":1571,"_file":1572,"_extension":1573},[15,16,17,18],[15,16,17,18],{"text":23,"minutes":24,"time":25,"words":26},{"type":28,"children":1579,"toc":2940},[1580,1584,1588,1592,1596,1600,1604,1608,1685,1689,1705,1931,1935,1939,1943,1947,2224,2240,2244,2333,2344,2348,2352,2653,2657,2661,2671,2920,2924,2928,2936],{"type":31,"tag":32,"props":1581,"children":1582},{"id":34},[1583],{"type":37,"value":8},{"type":31,"tag":39,"props":1585,"children":1586},{},[1587],{"type":37,"value":9},{"type":31,"tag":44,"props":1589,"children":1590},{"id":46},[1591],{"type":37,"value":49},{"type":31,"tag":39,"props":1593,"children":1594},{},[1595],{"type":37,"value":54},{"type":31,"tag":39,"props":1597,"children":1598},{},[1599],{"type":37,"value":59},{"type":31,"tag":61,"props":1601,"children":1602},{"id":63},[1603],{"type":37,"value":66},{"type":31,"tag":39,"props":1605,"children":1606},{},[1607],{"type":37,"value":71},{"type":31,"tag":73,"props":1609,"children":1610},{"className":75,"code":76,"language":16,"meta":7,"style":7},[1611],{"type":31,"tag":79,"props":1612,"children":1613},{"__ignoreMap":7},[1614],{"type":31,"tag":83,"props":1615,"children":1616},{"class":85,"line":21},[1617,1621,1625,1629,1633,1637,1641,1645,1649,1653,1657,1661,1665,1669,1673,1677,1681],{"type":31,"tag":83,"props":1618,"children":1619},{"style":89},[1620],{"type":37,"value":92},{"type":31,"tag":83,"props":1622,"children":1623},{"style":95},[1624],{"type":37,"value":98},{"type":31,"tag":83,"props":1626,"children":1627},{"style":89},[1628],{"type":37,"value":103},{"type":31,"tag":83,"props":1630,"children":1631},{"style":106},[1632],{"type":37,"value":109},{"type":31,"tag":83,"props":1634,"children":1635},{"style":89},[1636],{"type":37,"value":114},{"type":31,"tag":83,"props":1638,"children":1639},{"style":89},[1640],{"type":37,"value":119},{"type":31,"tag":83,"props":1642,"children":1643},{"style":122},[1644],{"type":37,"value":125},{"type":31,"tag":83,"props":1646,"children":1647},{"style":89},[1648],{"type":37,"value":130},{"type":31,"tag":83,"props":1650,"children":1651},{"style":133},[1652],{"type":37,"value":136},{"type":31,"tag":83,"props":1654,"children":1655},{"style":89},[1656],{"type":37,"value":109},{"type":31,"tag":83,"props":1658,"children":1659},{"style":133},[1660],{"type":37,"value":145},{"type":31,"tag":83,"props":1662,"children":1663},{"style":89},[1664],{"type":37,"value":150},{"type":31,"tag":83,"props":1666,"children":1667},{"style":89},[1668],{"type":37,"value":119},{"type":31,"tag":83,"props":1670,"children":1671},{"style":106},[1672],{"type":37,"value":159},{"type":31,"tag":83,"props":1674,"children":1675},{"style":89},[1676],{"type":37,"value":114},{"type":31,"tag":83,"props":1678,"children":1679},{"style":133},[1680],{"type":37,"value":168},{"type":31,"tag":83,"props":1682,"children":1683},{"style":89},[1684],{"type":37,"value":173},{"type":31,"tag":61,"props":1686,"children":1687},{"id":176},[1688],{"type":37,"value":179},{"type":31,"tag":39,"props":1690,"children":1691},{},[1692,1693,1698,1699,1704],{"type":37,"value":184},{"type":31,"tag":79,"props":1694,"children":1696},{"className":1695},[],[1697],{"type":37,"value":190},{"type":37,"value":192},{"type":31,"tag":79,"props":1700,"children":1702},{"className":1701},[],[1703],{"type":37,"value":198},{"type":37,"value":200},{"type":31,"tag":73,"props":1706,"children":1707},{"className":75,"code":203,"language":16,"meta":7,"style":7},[1708],{"type":31,"tag":79,"props":1709,"children":1710},{"__ignoreMap":7},[1711,1718,1733,1748,1755,1794,1805,1816,1831,1838,1853,1916],{"type":31,"tag":83,"props":1712,"children":1713},{"class":85,"line":21},[1714],{"type":31,"tag":83,"props":1715,"children":1716},{"style":213},[1717],{"type":37,"value":216},{"type":31,"tag":83,"props":1719,"children":1720},{"class":85,"line":219},[1721,1725,1729],{"type":31,"tag":83,"props":1722,"children":1723},{"style":89},[1724],{"type":37,"value":92},{"type":31,"tag":83,"props":1726,"children":1727},{"style":95},[1728],{"type":37,"value":229},{"type":31,"tag":83,"props":1730,"children":1731},{"style":89},[1732],{"type":37,"value":234},{"type":31,"tag":83,"props":1734,"children":1735},{"class":85,"line":237},[1736,1740,1744],{"type":31,"tag":83,"props":1737,"children":1738},{"style":241},[1739],{"type":37,"value":244},{"type":31,"tag":83,"props":1741,"children":1742},{"style":241},[1743],{"type":37,"value":249},{"type":31,"tag":83,"props":1745,"children":1746},{"style":252},[1747],{"type":37,"value":255},{"type":31,"tag":83,"props":1749,"children":1750},{"class":85,"line":258},[1751],{"type":31,"tag":83,"props":1752,"children":1753},{"style":89},[1754],{"type":37,"value":264},{"type":31,"tag":83,"props":1756,"children":1757},{"class":85,"line":267},[1758,1762,1766,1770,1774,1778,1782,1786,1790],{"type":31,"tag":83,"props":1759,"children":1760},{"style":89},[1761],{"type":37,"value":273},{"type":31,"tag":83,"props":1763,"children":1764},{"style":122},[1765],{"type":37,"value":125},{"type":31,"tag":83,"props":1767,"children":1768},{"style":89},[1769],{"type":37,"value":130},{"type":31,"tag":83,"props":1771,"children":1772},{"style":133},[1773],{"type":37,"value":136},{"type":31,"tag":83,"props":1775,"children":1776},{"style":106},[1777],{"type":37,"value":290},{"type":31,"tag":83,"props":1779,"children":1780},{"style":133},[1781],{"type":37,"value":200},{"type":31,"tag":83,"props":1783,"children":1784},{"style":89},[1785],{"type":37,"value":109},{"type":31,"tag":83,"props":1787,"children":1788},{"style":133},[1789],{"type":37,"value":145},{"type":31,"tag":83,"props":1791,"children":1792},{"style":89},[1793],{"type":37,"value":307},{"type":31,"tag":83,"props":1795,"children":1796},{"class":85,"line":310},[1797,1801],{"type":31,"tag":83,"props":1798,"children":1799},{"style":89},[1800],{"type":37,"value":316},{"type":31,"tag":83,"props":1802,"children":1803},{"style":252},[1804],{"type":37,"value":321},{"type":31,"tag":83,"props":1806,"children":1807},{"class":85,"line":324},[1808,1812],{"type":31,"tag":83,"props":1809,"children":1810},{"style":252},[1811],{"type":37,"value":330},{"type":31,"tag":83,"props":1813,"children":1814},{"style":89},[1815],{"type":37,"value":335},{"type":31,"tag":83,"props":1817,"children":1818},{"class":85,"line":338},[1819,1823,1827],{"type":31,"tag":83,"props":1820,"children":1821},{"style":89},[1822],{"type":37,"value":344},{"type":31,"tag":83,"props":1824,"children":1825},{"style":95},[1826],{"type":37,"value":229},{"type":31,"tag":83,"props":1828,"children":1829},{"style":89},[1830],{"type":37,"value":234},{"type":31,"tag":83,"props":1832,"children":1833},{"class":85,"line":355},[1834],{"type":31,"tag":83,"props":1835,"children":1836},{"emptyLinePlaceholder":10},[1837],{"type":37,"value":361},{"type":31,"tag":83,"props":1839,"children":1840},{"class":85,"line":364},[1841,1845,1849],{"type":31,"tag":83,"props":1842,"children":1843},{"style":89},[1844],{"type":37,"value":92},{"type":31,"tag":83,"props":1846,"children":1847},{"style":95},[1848],{"type":37,"value":374},{"type":31,"tag":83,"props":1850,"children":1851},{"style":89},[1852],{"type":37,"value":234},{"type":31,"tag":83,"props":1854,"children":1855},{"class":85,"line":381},[1856,1860,1864,1868,1872,1876,1880,1884,1888,1892,1896,1900,1904,1908,1912],{"type":31,"tag":83,"props":1857,"children":1858},{"style":89},[1859],{"type":37,"value":387},{"type":31,"tag":83,"props":1861,"children":1862},{"style":95},[1863],{"type":37,"value":98},{"type":31,"tag":83,"props":1865,"children":1866},{"style":106},[1867],{"type":37,"value":396},{"type":31,"tag":83,"props":1869,"children":1870},{"style":89},[1871],{"type":37,"value":114},{"type":31,"tag":83,"props":1873,"children":1874},{"style":133},[1875],{"type":37,"value":405},{"type":31,"tag":83,"props":1877,"children":1878},{"style":89},[1879],{"type":37,"value":103},{"type":31,"tag":83,"props":1881,"children":1882},{"style":106},[1883],{"type":37,"value":109},{"type":31,"tag":83,"props":1885,"children":1886},{"style":89},[1887],{"type":37,"value":114},{"type":31,"tag":83,"props":1889,"children":1890},{"style":89},[1891],{"type":37,"value":119},{"type":31,"tag":83,"props":1893,"children":1894},{"style":89},[1895],{"type":37,"value":426},{"type":31,"tag":83,"props":1897,"children":1898},{"style":89},[1899],{"type":37,"value":119},{"type":31,"tag":83,"props":1901,"children":1902},{"style":106},[1903],{"type":37,"value":159},{"type":31,"tag":83,"props":1905,"children":1906},{"style":89},[1907],{"type":37,"value":114},{"type":31,"tag":83,"props":1909,"children":1910},{"style":133},[1911],{"type":37,"value":168},{"type":31,"tag":83,"props":1913,"children":1914},{"style":89},[1915],{"type":37,"value":173},{"type":31,"tag":83,"props":1917,"children":1918},{"class":85,"line":449},[1919,1923,1927],{"type":31,"tag":83,"props":1920,"children":1921},{"style":89},[1922],{"type":37,"value":344},{"type":31,"tag":83,"props":1924,"children":1925},{"style":95},[1926],{"type":37,"value":374},{"type":31,"tag":83,"props":1928,"children":1929},{"style":89},[1930],{"type":37,"value":234},{"type":31,"tag":39,"props":1932,"children":1933},{},[1934],{"type":37,"value":467},{"type":31,"tag":44,"props":1936,"children":1937},{"id":470},[1938],{"type":37,"value":473},{"type":31,"tag":61,"props":1940,"children":1941},{"id":476},[1942],{"type":37,"value":479},{"type":31,"tag":39,"props":1944,"children":1945},{},[1946],{"type":37,"value":484},{"type":31,"tag":73,"props":1948,"children":1949},{"className":75,"code":487,"language":16,"meta":7,"style":7},[1950],{"type":31,"tag":79,"props":1951,"children":1952},{"__ignoreMap":7},[1953,1984,2023,2054,2109,2124,2131,2146,2209],{"type":31,"tag":83,"props":1954,"children":1955},{"class":85,"line":21},[1956,1960,1964,1968,1972,1976,1980],{"type":31,"tag":83,"props":1957,"children":1958},{"style":89},[1959],{"type":37,"value":92},{"type":31,"tag":83,"props":1961,"children":1962},{"style":95},[1963],{"type":37,"value":229},{"type":31,"tag":83,"props":1965,"children":1966},{"style":106},[1967],{"type":37,"value":507},{"type":31,"tag":83,"props":1969,"children":1970},{"style":106},[1971],{"type":37,"value":512},{"type":31,"tag":83,"props":1973,"children":1974},{"style":89},[1975],{"type":37,"value":114},{"type":31,"tag":83,"props":1977,"children":1978},{"style":133},[1979],{"type":37,"value":521},{"type":31,"tag":83,"props":1981,"children":1982},{"style":89},[1983],{"type":37,"value":234},{"type":31,"tag":83,"props":1985,"children":1986},{"class":85,"line":219},[1987,1991,1995,1999,2003,2007,2011,2015,2019],{"type":31,"tag":83,"props":1988,"children":1989},{"style":241},[1990],{"type":37,"value":533},{"type":31,"tag":83,"props":1992,"children":1993},{"style":89},[1994],{"type":37,"value":538},{"type":31,"tag":83,"props":1996,"children":1997},{"style":106},[1998],{"type":37,"value":109},{"type":31,"tag":83,"props":2000,"children":2001},{"style":89},[2002],{"type":37,"value":547},{"type":31,"tag":83,"props":2004,"children":2005},{"style":241},[2006],{"type":37,"value":114},{"type":31,"tag":83,"props":2008,"children":2009},{"style":122},[2010],{"type":37,"value":556},{"type":31,"tag":83,"props":2012,"children":2013},{"style":89},[2014],{"type":37,"value":561},{"type":31,"tag":83,"props":2016,"children":2017},{"style":133},[2018],{"type":37,"value":566},{"type":31,"tag":83,"props":2020,"children":2021},{"style":89},[2022],{"type":37,"value":571},{"type":31,"tag":83,"props":2024,"children":2025},{"class":85,"line":237},[2026,2030,2034,2038,2042,2046,2050],{"type":31,"tag":83,"props":2027,"children":2028},{"style":241},[2029],{"type":37,"value":533},{"type":31,"tag":83,"props":2031,"children":2032},{"style":106},[2033],{"type":37,"value":583},{"type":31,"tag":83,"props":2035,"children":2036},{"style":241},[2037],{"type":37,"value":588},{"type":31,"tag":83,"props":2039,"children":2040},{"style":122},[2041],{"type":37,"value":396},{"type":31,"tag":83,"props":2043,"children":2044},{"style":89},[2045],{"type":37,"value":92},{"type":31,"tag":83,"props":2047,"children":2048},{"style":106},[2049],{"type":37,"value":601},{"type":31,"tag":83,"props":2051,"children":2052},{"style":89},[2053],{"type":37,"value":606},{"type":31,"tag":83,"props":2055,"children":2056},{"class":85,"line":258},[2057,2061,2065,2069,2073,2077,2081,2085,2089,2093,2097,2101,2105],{"type":31,"tag":83,"props":2058,"children":2059},{"style":89},[2060],{"type":37,"value":614},{"type":31,"tag":83,"props":2062,"children":2063},{"style":241},[2064],{"type":37,"value":114},{"type":31,"tag":83,"props":2066,"children":2067},{"style":241},[2068],{"type":37,"value":623},{"type":31,"tag":83,"props":2070,"children":2071},{"style":122},[2072],{"type":37,"value":628},{"type":31,"tag":83,"props":2074,"children":2075},{"style":89},[2076],{"type":37,"value":130},{"type":31,"tag":83,"props":2078,"children":2079},{"style":133},[2080],{"type":37,"value":637},{"type":31,"tag":83,"props":2082,"children":2083},{"style":89},[2084],{"type":37,"value":109},{"type":31,"tag":83,"props":2086,"children":2087},{"style":133},[2088],{"type":37,"value":145},{"type":31,"tag":83,"props":2090,"children":2091},{"style":89},[2092],{"type":37,"value":650},{"type":31,"tag":83,"props":2094,"children":2095},{"style":241},[2096],{"type":37,"value":655},{"type":31,"tag":83,"props":2098,"children":2099},{"style":89},[2100],{"type":37,"value":200},{"type":31,"tag":83,"props":2102,"children":2103},{"style":106},[2104],{"type":37,"value":664},{"type":31,"tag":83,"props":2106,"children":2107},{"style":89},[2108],{"type":37,"value":669},{"type":31,"tag":83,"props":2110,"children":2111},{"class":85,"line":267},[2112,2116,2120],{"type":31,"tag":83,"props":2113,"children":2114},{"style":89},[2115],{"type":37,"value":344},{"type":31,"tag":83,"props":2117,"children":2118},{"style":95},[2119],{"type":37,"value":229},{"type":31,"tag":83,"props":2121,"children":2122},{"style":89},[2123],{"type":37,"value":234},{"type":31,"tag":83,"props":2125,"children":2126},{"class":85,"line":310},[2127],{"type":31,"tag":83,"props":2128,"children":2129},{"emptyLinePlaceholder":10},[2130],{"type":37,"value":361},{"type":31,"tag":83,"props":2132,"children":2133},{"class":85,"line":324},[2134,2138,2142],{"type":31,"tag":83,"props":2135,"children":2136},{"style":89},[2137],{"type":37,"value":92},{"type":31,"tag":83,"props":2139,"children":2140},{"style":95},[2141],{"type":37,"value":374},{"type":31,"tag":83,"props":2143,"children":2144},{"style":89},[2145],{"type":37,"value":234},{"type":31,"tag":83,"props":2147,"children":2148},{"class":85,"line":338},[2149,2153,2157,2161,2165,2169,2173,2177,2181,2185,2189,2193,2197,2201,2205],{"type":31,"tag":83,"props":2150,"children":2151},{"style":89},[2152],{"type":37,"value":387},{"type":31,"tag":83,"props":2154,"children":2155},{"style":95},[2156],{"type":37,"value":98},{"type":31,"tag":83,"props":2158,"children":2159},{"style":106},[2160],{"type":37,"value":396},{"type":31,"tag":83,"props":2162,"children":2163},{"style":89},[2164],{"type":37,"value":114},{"type":31,"tag":83,"props":2166,"children":2167},{"style":133},[2168],{"type":37,"value":405},{"type":31,"tag":83,"props":2170,"children":2171},{"style":89},[2172],{"type":37,"value":103},{"type":31,"tag":83,"props":2174,"children":2175},{"style":106},[2176],{"type":37,"value":109},{"type":31,"tag":83,"props":2178,"children":2179},{"style":89},[2180],{"type":37,"value":114},{"type":31,"tag":83,"props":2182,"children":2183},{"style":89},[2184],{"type":37,"value":119},{"type":31,"tag":83,"props":2186,"children":2187},{"style":89},[2188],{"type":37,"value":426},{"type":31,"tag":83,"props":2190,"children":2191},{"style":89},[2192],{"type":37,"value":119},{"type":31,"tag":83,"props":2194,"children":2195},{"style":106},[2196],{"type":37,"value":159},{"type":31,"tag":83,"props":2198,"children":2199},{"style":89},[2200],{"type":37,"value":114},{"type":31,"tag":83,"props":2202,"children":2203},{"style":133},[2204],{"type":37,"value":168},{"type":31,"tag":83,"props":2206,"children":2207},{"style":89},[2208],{"type":37,"value":173},{"type":31,"tag":83,"props":2210,"children":2211},{"class":85,"line":355},[2212,2216,2220],{"type":31,"tag":83,"props":2213,"children":2214},{"style":89},[2215],{"type":37,"value":344},{"type":31,"tag":83,"props":2217,"children":2218},{"style":95},[2219],{"type":37,"value":374},{"type":31,"tag":83,"props":2221,"children":2222},{"style":89},[2223],{"type":37,"value":234},{"type":31,"tag":39,"props":2225,"children":2226},{},[2227,2228,2233,2234,2239],{"type":37,"value":789},{"type":31,"tag":79,"props":2229,"children":2231},{"className":2230},[],[2232],{"type":37,"value":795},{"type":37,"value":797},{"type":31,"tag":79,"props":2235,"children":2237},{"className":2236},[],[2238],{"type":37,"value":803},{"type":37,"value":805},{"type":31,"tag":39,"props":2241,"children":2242},{},[2243],{"type":37,"value":810},{"type":31,"tag":73,"props":2245,"children":2246},{"className":813,"code":814,"language":815,"meta":7,"style":7},[2247],{"type":31,"tag":79,"props":2248,"children":2249},{"__ignoreMap":7},[2250,2277,2304,2315,2326],{"type":31,"tag":83,"props":2251,"children":2252},{"class":85,"line":21},[2253,2257,2261,2265,2269,2273],{"type":31,"tag":83,"props":2254,"children":2255},{"style":241},[2256],{"type":37,"value":533},{"type":31,"tag":83,"props":2258,"children":2259},{"style":106},[2260],{"type":37,"value":831},{"type":31,"tag":83,"props":2262,"children":2263},{"style":241},[2264],{"type":37,"value":588},{"type":31,"tag":83,"props":2266,"children":2267},{"style":241},[2268],{"type":37,"value":623},{"type":31,"tag":83,"props":2270,"children":2271},{"style":122},[2272],{"type":37,"value":628},{"type":31,"tag":83,"props":2274,"children":2275},{"style":89},[2276],{"type":37,"value":848},{"type":31,"tag":83,"props":2278,"children":2279},{"class":85,"line":219},[2280,2284,2288,2292,2296,2300],{"type":31,"tag":83,"props":2281,"children":2282},{"style":241},[2283],{"type":37,"value":533},{"type":31,"tag":83,"props":2285,"children":2286},{"style":106},[2287],{"type":37,"value":831},{"type":31,"tag":83,"props":2289,"children":2290},{"style":241},[2291],{"type":37,"value":588},{"type":31,"tag":83,"props":2293,"children":2294},{"style":241},[2295],{"type":37,"value":623},{"type":31,"tag":83,"props":2297,"children":2298},{"style":122},[2299],{"type":37,"value":628},{"type":31,"tag":83,"props":2301,"children":2302},{"style":89},[2303],{"type":37,"value":876},{"type":31,"tag":83,"props":2305,"children":2306},{"class":85,"line":237},[2307,2311],{"type":31,"tag":83,"props":2308,"children":2309},{"style":133},[2310],{"type":37,"value":884},{"type":31,"tag":83,"props":2312,"children":2313},{"style":89},[2314],{"type":37,"value":321},{"type":31,"tag":83,"props":2316,"children":2317},{"class":85,"line":258},[2318,2322],{"type":31,"tag":83,"props":2319,"children":2320},{"style":133},[2321],{"type":37,"value":896},{"type":31,"tag":83,"props":2323,"children":2324},{"style":89},[2325],{"type":37,"value":321},{"type":31,"tag":83,"props":2327,"children":2328},{"class":85,"line":267},[2329],{"type":31,"tag":83,"props":2330,"children":2331},{"style":89},[2332],{"type":37,"value":908},{"type":31,"tag":910,"props":2334,"children":2335},{},[2336],{"type":31,"tag":39,"props":2337,"children":2338},{},[2339,2343],{"type":31,"tag":917,"props":2340,"children":2341},{},[2342],{"type":37,"value":921},{"type":37,"value":923},{"type":31,"tag":61,"props":2345,"children":2346},{"id":926},[2347],{"type":37,"value":929},{"type":31,"tag":39,"props":2349,"children":2350},{},[2351],{"type":37,"value":934},{"type":31,"tag":73,"props":2353,"children":2354},{"className":75,"code":937,"language":16,"meta":7,"style":7},[2355],{"type":31,"tag":79,"props":2356,"children":2357},{"__ignoreMap":7},[2358,2389,2420,2451,2458,2497,2516,2531,2538,2553,2560,2575,2638],{"type":31,"tag":83,"props":2359,"children":2360},{"class":85,"line":21},[2361,2365,2369,2373,2377,2381,2385],{"type":31,"tag":83,"props":2362,"children":2363},{"style":89},[2364],{"type":37,"value":92},{"type":31,"tag":83,"props":2366,"children":2367},{"style":95},[2368],{"type":37,"value":229},{"type":31,"tag":83,"props":2370,"children":2371},{"style":106},[2372],{"type":37,"value":507},{"type":31,"tag":83,"props":2374,"children":2375},{"style":106},[2376],{"type":37,"value":512},{"type":31,"tag":83,"props":2378,"children":2379},{"style":89},[2380],{"type":37,"value":114},{"type":31,"tag":83,"props":2382,"children":2383},{"style":133},[2384],{"type":37,"value":521},{"type":31,"tag":83,"props":2386,"children":2387},{"style":89},[2388],{"type":37,"value":234},{"type":31,"tag":83,"props":2390,"children":2391},{"class":85,"line":219},[2392,2396,2400,2404,2408,2412,2416],{"type":31,"tag":83,"props":2393,"children":2394},{"style":241},[2395],{"type":37,"value":533},{"type":31,"tag":83,"props":2397,"children":2398},{"style":106},[2399],{"type":37,"value":583},{"type":31,"tag":83,"props":2401,"children":2402},{"style":241},[2403],{"type":37,"value":588},{"type":31,"tag":83,"props":2405,"children":2406},{"style":122},[2407],{"type":37,"value":396},{"type":31,"tag":83,"props":2409,"children":2410},{"style":89},[2411],{"type":37,"value":92},{"type":31,"tag":83,"props":2413,"children":2414},{"style":106},[2415],{"type":37,"value":601},{"type":31,"tag":83,"props":2417,"children":2418},{"style":89},[2419],{"type":37,"value":606},{"type":31,"tag":83,"props":2421,"children":2422},{"class":85,"line":237},[2423,2427,2431,2435,2439,2443,2447],{"type":31,"tag":83,"props":2424,"children":2425},{"style":241},[2426],{"type":37,"value":533},{"type":31,"tag":83,"props":2428,"children":2429},{"style":106},[2430],{"type":37,"value":1015},{"type":31,"tag":83,"props":2432,"children":2433},{"style":241},[2434],{"type":37,"value":588},{"type":31,"tag":83,"props":2436,"children":2437},{"style":122},[2438],{"type":37,"value":396},{"type":31,"tag":83,"props":2440,"children":2441},{"style":89},[2442],{"type":37,"value":92},{"type":31,"tag":83,"props":2444,"children":2445},{"style":252},[2446],{"type":37,"value":1032},{"type":31,"tag":83,"props":2448,"children":2449},{"style":89},[2450],{"type":37,"value":606},{"type":31,"tag":83,"props":2452,"children":2453},{"class":85,"line":258},[2454],{"type":31,"tag":83,"props":2455,"children":2456},{"emptyLinePlaceholder":10},[2457],{"type":37,"value":361},{"type":31,"tag":83,"props":2459,"children":2460},{"class":85,"line":267},[2461,2465,2469,2473,2477,2481,2485,2489,2493],{"type":31,"tag":83,"props":2462,"children":2463},{"style":89},[2464],{"type":37,"value":614},{"type":31,"tag":83,"props":2466,"children":2467},{"style":241},[2468],{"type":37,"value":114},{"type":31,"tag":83,"props":2470,"children":2471},{"style":241},[2472],{"type":37,"value":623},{"type":31,"tag":83,"props":2474,"children":2475},{"style":122},[2476],{"type":37,"value":628},{"type":31,"tag":83,"props":2478,"children":2479},{"style":89},[2480],{"type":37,"value":1067},{"type":31,"tag":83,"props":2482,"children":2483},{"style":241},[2484],{"type":37,"value":655},{"type":31,"tag":83,"props":2486,"children":2487},{"style":89},[2488],{"type":37,"value":200},{"type":31,"tag":83,"props":2490,"children":2491},{"style":106},[2492],{"type":37,"value":664},{"type":31,"tag":83,"props":2494,"children":2495},{"style":89},[2496],{"type":37,"value":669},{"type":31,"tag":83,"props":2498,"children":2499},{"class":85,"line":310},[2500,2504,2508,2512],{"type":31,"tag":83,"props":2501,"children":2502},{"style":241},[2503],{"type":37,"value":1091},{"type":31,"tag":83,"props":2505,"children":2506},{"style":89},[2507],{"type":37,"value":1096},{"type":31,"tag":83,"props":2509,"children":2510},{"style":241},[2511],{"type":37,"value":1101},{"type":31,"tag":83,"props":2513,"children":2514},{"style":89},[2515],{"type":37,"value":1106},{"type":31,"tag":83,"props":2517,"children":2518},{"class":85,"line":324},[2519,2523,2527],{"type":31,"tag":83,"props":2520,"children":2521},{"style":89},[2522],{"type":37,"value":1114},{"type":31,"tag":83,"props":2524,"children":2525},{"style":241},[2526],{"type":37,"value":114},{"type":31,"tag":83,"props":2528,"children":2529},{"style":89},[2530],{"type":37,"value":1123},{"type":31,"tag":83,"props":2532,"children":2533},{"class":85,"line":338},[2534],{"type":31,"tag":83,"props":2535,"children":2536},{"style":89},[2537],{"type":37,"value":1131},{"type":31,"tag":83,"props":2539,"children":2540},{"class":85,"line":355},[2541,2545,2549],{"type":31,"tag":83,"props":2542,"children":2543},{"style":89},[2544],{"type":37,"value":344},{"type":31,"tag":83,"props":2546,"children":2547},{"style":95},[2548],{"type":37,"value":229},{"type":31,"tag":83,"props":2550,"children":2551},{"style":89},[2552],{"type":37,"value":234},{"type":31,"tag":83,"props":2554,"children":2555},{"class":85,"line":364},[2556],{"type":31,"tag":83,"props":2557,"children":2558},{"emptyLinePlaceholder":10},[2559],{"type":37,"value":361},{"type":31,"tag":83,"props":2561,"children":2562},{"class":85,"line":381},[2563,2567,2571],{"type":31,"tag":83,"props":2564,"children":2565},{"style":89},[2566],{"type":37,"value":92},{"type":31,"tag":83,"props":2568,"children":2569},{"style":95},[2570],{"type":37,"value":374},{"type":31,"tag":83,"props":2572,"children":2573},{"style":89},[2574],{"type":37,"value":234},{"type":31,"tag":83,"props":2576,"children":2577},{"class":85,"line":449},[2578,2582,2586,2590,2594,2598,2602,2606,2610,2614,2618,2622,2626,2630,2634],{"type":31,"tag":83,"props":2579,"children":2580},{"style":89},[2581],{"type":37,"value":387},{"type":31,"tag":83,"props":2583,"children":2584},{"style":95},[2585],{"type":37,"value":98},{"type":31,"tag":83,"props":2587,"children":2588},{"style":106},[2589],{"type":37,"value":396},{"type":31,"tag":83,"props":2591,"children":2592},{"style":89},[2593],{"type":37,"value":114},{"type":31,"tag":83,"props":2595,"children":2596},{"style":133},[2597],{"type":37,"value":405},{"type":31,"tag":83,"props":2599,"children":2600},{"style":89},[2601],{"type":37,"value":103},{"type":31,"tag":83,"props":2603,"children":2604},{"style":106},[2605],{"type":37,"value":109},{"type":31,"tag":83,"props":2607,"children":2608},{"style":89},[2609],{"type":37,"value":114},{"type":31,"tag":83,"props":2611,"children":2612},{"style":89},[2613],{"type":37,"value":119},{"type":31,"tag":83,"props":2615,"children":2616},{"style":89},[2617],{"type":37,"value":426},{"type":31,"tag":83,"props":2619,"children":2620},{"style":89},[2621],{"type":37,"value":119},{"type":31,"tag":83,"props":2623,"children":2624},{"style":106},[2625],{"type":37,"value":159},{"type":31,"tag":83,"props":2627,"children":2628},{"style":89},[2629],{"type":37,"value":114},{"type":31,"tag":83,"props":2631,"children":2632},{"style":133},[2633],{"type":37,"value":168},{"type":31,"tag":83,"props":2635,"children":2636},{"style":89},[2637],{"type":37,"value":173},{"type":31,"tag":83,"props":2639,"children":2640},{"class":85,"line":1234},[2641,2645,2649],{"type":31,"tag":83,"props":2642,"children":2643},{"style":89},[2644],{"type":37,"value":344},{"type":31,"tag":83,"props":2646,"children":2647},{"style":95},[2648],{"type":37,"value":374},{"type":31,"tag":83,"props":2650,"children":2651},{"style":89},[2652],{"type":37,"value":234},{"type":31,"tag":39,"props":2654,"children":2655},{},[2656],{"type":37,"value":1252},{"type":31,"tag":61,"props":2658,"children":2659},{"id":1255},[2660],{"type":37,"value":1258},{"type":31,"tag":39,"props":2662,"children":2663},{},[2664,2665,2670],{"type":37,"value":1263},{"type":31,"tag":79,"props":2666,"children":2668},{"className":2667},[],[2669],{"type":37,"value":1269},{"type":37,"value":200},{"type":31,"tag":73,"props":2672,"children":2673},{"className":75,"code":1273,"language":16,"meta":7,"style":7},[2674],{"type":31,"tag":79,"props":2675,"children":2676},{"__ignoreMap":7},[2677,2708,2743,2794,2801,2816,2823,2838,2905],{"type":31,"tag":83,"props":2678,"children":2679},{"class":85,"line":21},[2680,2684,2688,2692,2696,2700,2704],{"type":31,"tag":83,"props":2681,"children":2682},{"style":89},[2683],{"type":37,"value":92},{"type":31,"tag":83,"props":2685,"children":2686},{"style":95},[2687],{"type":37,"value":229},{"type":31,"tag":83,"props":2689,"children":2690},{"style":106},[2691],{"type":37,"value":507},{"type":31,"tag":83,"props":2693,"children":2694},{"style":106},[2695],{"type":37,"value":512},{"type":31,"tag":83,"props":2697,"children":2698},{"style":89},[2699],{"type":37,"value":114},{"type":31,"tag":83,"props":2701,"children":2702},{"style":133},[2703],{"type":37,"value":521},{"type":31,"tag":83,"props":2705,"children":2706},{"style":89},[2707],{"type":37,"value":234},{"type":31,"tag":83,"props":2709,"children":2710},{"class":85,"line":219},[2711,2715,2719,2723,2727,2731,2735,2739],{"type":31,"tag":83,"props":2712,"children":2713},{"style":241},[2714],{"type":37,"value":533},{"type":31,"tag":83,"props":2716,"children":2717},{"style":122},[2718],{"type":37,"value":1320},{"type":31,"tag":83,"props":2720,"children":2721},{"style":241},[2722],{"type":37,"value":588},{"type":31,"tag":83,"props":2724,"children":2725},{"style":89},[2726],{"type":37,"value":1329},{"type":31,"tag":83,"props":2728,"children":2729},{"style":252},[2730],{"type":37,"value":109},{"type":31,"tag":83,"props":2732,"children":2733},{"style":89},[2734],{"type":37,"value":1338},{"type":31,"tag":83,"props":2736,"children":2737},{"style":241},[2738],{"type":37,"value":1343},{"type":31,"tag":83,"props":2740,"children":2741},{"style":89},[2742],{"type":37,"value":255},{"type":31,"tag":83,"props":2744,"children":2745},{"class":85,"line":237},[2746,2750,2754,2758,2762,2766,2770,2774,2778,2782,2786,2790],{"type":31,"tag":83,"props":2747,"children":2748},{"style":241},[2749],{"type":37,"value":1355},{"type":31,"tag":83,"props":2751,"children":2752},{"style":241},[2753],{"type":37,"value":623},{"type":31,"tag":83,"props":2755,"children":2756},{"style":122},[2757],{"type":37,"value":628},{"type":31,"tag":83,"props":2759,"children":2760},{"style":89},[2761],{"type":37,"value":130},{"type":31,"tag":83,"props":2763,"children":2764},{"style":133},[2765],{"type":37,"value":637},{"type":31,"tag":83,"props":2767,"children":2768},{"style":89},[2769],{"type":37,"value":109},{"type":31,"tag":83,"props":2771,"children":2772},{"style":133},[2773],{"type":37,"value":145},{"type":31,"tag":83,"props":2775,"children":2776},{"style":89},[2777],{"type":37,"value":650},{"type":31,"tag":83,"props":2779,"children":2780},{"style":241},[2781],{"type":37,"value":655},{"type":31,"tag":83,"props":2783,"children":2784},{"style":89},[2785],{"type":37,"value":200},{"type":31,"tag":83,"props":2787,"children":2788},{"style":106},[2789],{"type":37,"value":664},{"type":31,"tag":83,"props":2791,"children":2792},{"style":89},[2793],{"type":37,"value":669},{"type":31,"tag":83,"props":2795,"children":2796},{"class":85,"line":258},[2797],{"type":31,"tag":83,"props":2798,"children":2799},{"style":89},[2800],{"type":37,"value":1407},{"type":31,"tag":83,"props":2802,"children":2803},{"class":85,"line":267},[2804,2808,2812],{"type":31,"tag":83,"props":2805,"children":2806},{"style":89},[2807],{"type":37,"value":344},{"type":31,"tag":83,"props":2809,"children":2810},{"style":95},[2811],{"type":37,"value":229},{"type":31,"tag":83,"props":2813,"children":2814},{"style":89},[2815],{"type":37,"value":234},{"type":31,"tag":83,"props":2817,"children":2818},{"class":85,"line":310},[2819],{"type":31,"tag":83,"props":2820,"children":2821},{"emptyLinePlaceholder":10},[2822],{"type":37,"value":361},{"type":31,"tag":83,"props":2824,"children":2825},{"class":85,"line":324},[2826,2830,2834],{"type":31,"tag":83,"props":2827,"children":2828},{"style":89},[2829],{"type":37,"value":92},{"type":31,"tag":83,"props":2831,"children":2832},{"style":95},[2833],{"type":37,"value":374},{"type":31,"tag":83,"props":2835,"children":2836},{"style":89},[2837],{"type":37,"value":234},{"type":31,"tag":83,"props":2839,"children":2840},{"class":85,"line":338},[2841,2845,2849,2853,2857,2861,2865,2869,2873,2877,2881,2885,2889,2893,2897,2901],{"type":31,"tag":83,"props":2842,"children":2843},{"style":89},[2844],{"type":37,"value":387},{"type":31,"tag":83,"props":2846,"children":2847},{"style":95},[2848],{"type":37,"value":98},{"type":31,"tag":83,"props":2850,"children":2851},{"style":106},[2852],{"type":37,"value":396},{"type":31,"tag":83,"props":2854,"children":2855},{"style":89},[2856],{"type":37,"value":114},{"type":31,"tag":83,"props":2858,"children":2859},{"style":133},[2860],{"type":37,"value":405},{"type":31,"tag":83,"props":2862,"children":2863},{"style":89},[2864],{"type":37,"value":103},{"type":31,"tag":83,"props":2866,"children":2867},{"style":106},[2868],{"type":37,"value":109},{"type":31,"tag":83,"props":2870,"children":2871},{"style":89},[2872],{"type":37,"value":114},{"type":31,"tag":83,"props":2874,"children":2875},{"style":89},[2876],{"type":37,"value":119},{"type":31,"tag":83,"props":2878,"children":2879},{"style":122},[2880],{"type":37,"value":1488},{"type":31,"tag":83,"props":2882,"children":2883},{"style":89},[2884],{"type":37,"value":1493},{"type":31,"tag":83,"props":2886,"children":2887},{"style":89},[2888],{"type":37,"value":119},{"type":31,"tag":83,"props":2890,"children":2891},{"style":106},[2892],{"type":37,"value":159},{"type":31,"tag":83,"props":2894,"children":2895},{"style":89},[2896],{"type":37,"value":114},{"type":31,"tag":83,"props":2898,"children":2899},{"style":133},[2900],{"type":37,"value":168},{"type":31,"tag":83,"props":2902,"children":2903},{"style":89},[2904],{"type":37,"value":173},{"type":31,"tag":83,"props":2906,"children":2907},{"class":85,"line":355},[2908,2912,2916],{"type":31,"tag":83,"props":2909,"children":2910},{"style":89},[2911],{"type":37,"value":344},{"type":31,"tag":83,"props":2913,"children":2914},{"style":95},[2915],{"type":37,"value":374},{"type":31,"tag":83,"props":2917,"children":2918},{"style":89},[2919],{"type":37,"value":234},{"type":31,"tag":61,"props":2921,"children":2922},{"id":1531},[2923],{"type":37,"value":1534},{"type":31,"tag":39,"props":2925,"children":2926},{},[2927],{"type":37,"value":1539},{"type":31,"tag":39,"props":2929,"children":2930},{},[2931],{"type":31,"tag":1544,"props":2932,"children":2934},{"href":1546,"rel":2933},[1548],[2935],{"type":37,"value":1546},{"type":31,"tag":1552,"props":2937,"children":2938},{},[2939],{"type":37,"value":1556},{"title":7,"searchDepth":219,"depth":219,"links":2941},[2942,2946],{"id":46,"depth":219,"text":49,"children":2943},[2944,2945],{"id":63,"depth":237,"text":66},{"id":176,"depth":237,"text":179},{"id":470,"depth":219,"text":473,"children":2947},[2948,2949,2950,2951],{"id":476,"depth":237,"text":479},{"id":926,"depth":237,"text":929},{"id":1255,"depth":237,"text":1258},{"id":1531,"depth":237,"text":1534},1762724245883]