[{"data":1,"prerenderedAt":1359},["ShallowReactive",2],{"navigation_docs":3,"-guide-badges":84,"-guide-badges-surround":1354},[4,21,57,73],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":20},"Getting Started","i-lucide:rocket","\u002Fgetting-started","1.getting-started",[10,15],{"title":11,"path":12,"stem":13,"icon":14},"Introduction","\u002Fgetting-started\u002Fintroduction","1.getting-started\u002F1.introduction","i-lucide:house",{"title":16,"path":17,"stem":18,"icon":19},"Quick Start","\u002Fgetting-started\u002Fquick-start","1.getting-started\u002F2.quick-start","i-lucide:zap",false,{"title":22,"icon":23,"path":24,"stem":25,"children":26,"page":20},"Guide","i-lucide:book-open","\u002Fguide","2.guide",[27,32,37,42,47,52],{"title":28,"path":29,"stem":30,"icon":31},"Features","\u002Fguide\u002Ffeatures","2.guide\u002F1.features","i-lucide:sparkles",{"title":33,"path":34,"stem":35,"icon":36},"Keyboard Shortcuts","\u002Fguide\u002Fkeyboard-shortcuts","2.guide\u002F2.keyboard-shortcuts","i-lucide:keyboard",{"title":38,"path":39,"stem":40,"icon":41},"URL Structure","\u002Fguide\u002Furl-structure","2.guide\u002F3.url-structure","i-lucide:link",{"title":43,"path":44,"stem":45,"icon":46},"VS Code Extension","\u002Fguide\u002Fvscode-extension","2.guide\u002F4.vscode-extension","i-simple-icons-visualstudiocode",{"title":48,"path":49,"stem":50,"icon":51},"Semver Ranges","\u002Fguide\u002Fsemver-ranges","2.guide\u002F5.semver-ranges","i-lucide-filter",{"title":53,"path":54,"stem":55,"icon":56},"Badges","\u002Fguide\u002Fbadges","2.guide\u002F6.badges","i-lucide:badge",{"title":58,"icon":59,"path":60,"stem":61,"children":62,"page":20},"FAQ","i-lucide:circle-help","\u002Ffaq","3.faq",[63,68],{"title":64,"path":65,"stem":66,"icon":67},"Troubleshooting","\u002Ffaq\u002Ftroubleshooting","3.faq\u002F1.troubleshooting","i-lucide:wrench",{"title":69,"path":70,"stem":71,"icon":72},"Comparison","\u002Ffaq\u002Fcomparison","3.faq\u002F2.comparison","i-lucide:git-compare",{"title":74,"icon":75,"path":76,"stem":77,"children":78,"page":20},"Integrations","i-lucide:cable","\u002Fintegrations","4.integrations",[79],{"title":80,"path":81,"stem":82,"icon":83},"Atmosphere","\u002Fintegrations\u002Fatmosphere","4.integrations\u002F1.atmosphere","i-lucide:cloudy",{"id":85,"title":53,"body":86,"description":1348,"extension":300,"links":1349,"meta":1350,"navigation":1351,"path":54,"seo":1352,"stem":55,"__hash__":1353},"docs\u002F2.guide\u002F6.badges.md",{"type":87,"value":88,"toc":1331},"minimark",[89,93,96,101,291,295,521,525,559,564,570,578,585,599,605,612,637,640,644,715,745,748,969,999,1002,1005,1008,1011,1021,1025,1028,1044,1048,1051,1064,1069,1076,1092,1096,1102,1116,1173,1177,1184,1200,1253,1257,1260,1328],[90,91,92],"p",{},"npmx.dev offers many different SVG badges with stats about any package via its API. You can get the Markdown code to display an accessible badge which links to the package URL on npmx.dev with the following interactive generator:",[94,95],"badge-generator",{},[97,98,100],"h2",{"id":99},"available-badge-types","Available Badge Types",[102,103,104,121,131,141,151,160,169,178,187,201,211,221,230,240,252,261,273,282],"ul",{},[105,106,107,111,112],"li",{},[108,109,110],"strong",{},"version",": Shows the latest or specific version of the package. ",[113,114],"img",{"className":115,"src":120},[116,117,118,119],"inline","align-middle","h-5","w-14","https:\u002F\u002Fimg.shields.io\u002Fbadge\u002F%233b82f6-3b82f6",[105,122,123,126,127],{},[108,124,125],{},"license",": Displays the package license (e.g., MIT, Apache-2.0). ",[113,128],{"className":129,"src":130},[116,117,118,119],"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002F%2322c55e-22c55e",[105,132,133,136,137],{},[108,134,135],{},"size",": Shows the install size (via Bundlephobia) or unpacked size. ",[113,138],{"className":139,"src":140},[116,117,118,119],"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002F%23a855f7-a855f7",[105,142,143,146,147],{},[108,144,145],{},"downloads",": Displays monthly download statistics. ",[113,148],{"className":149,"src":150},[116,117,118,119],"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002F%23f97316-f97316",[105,152,153,156,157],{},[108,154,155],{},"downloads-day",": Displays daily download statistics. ",[113,158],{"className":159,"src":150},[116,117,118,119],[105,161,162,165,166],{},[108,163,164],{},"downloads-week",": Displays weekly download statistics. ",[113,167],{"className":168,"src":150},[116,117,118,119],[105,170,171,174,175],{},[108,172,173],{},"downloads-month",": Alias for monthly download statistics. ",[113,176],{"className":177,"src":150},[116,117,118,119],[105,179,180,183,184],{},[108,181,182],{},"downloads-year",": Displays yearly download statistics. ",[113,185],{"className":186,"src":150},[116,117,118,119],[105,188,189,192,193,196,197],{},[108,190,191],{},"vulnerabilities",": Shows the number of vulnerabilities found via OSV. ",[113,194],{"className":195,"src":130},[116,117,118,119]," \u002F ",[113,198],{"className":199,"src":200},[116,117,118,119],"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002F%23ef4444-ef4444",[105,202,203,206,207],{},[108,204,205],{},"dependencies",": Lists the total count of package dependencies. ",[113,208],{"className":209,"src":210},[116,117,118,119],"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002F%2306b6d4-06b6d4",[105,212,213,216,217],{},[108,214,215],{},"created",": Displays the date the package was first published. ",[113,218],{"className":219,"src":220},[116,117,118,119],"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002F%2364748b-64748b",[105,222,223,226,227],{},[108,224,225],{},"updated",": Displays the date of the most recent modification. ",[113,228],{"className":229,"src":220},[116,117,118,119],[105,231,232,235,236],{},[108,233,234],{},"engines",": Shows the supported Node.js version range. ",[113,237],{"className":238,"src":239},[116,117,118,119],"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002F%23eab308-eab308",[105,241,242,245,246,196,249],{},[108,243,244],{},"types",": Indicates if TypeScript types are included. ",[113,247],{"className":248,"src":120},[116,117,118,119],[113,250],{"className":251,"src":220},[116,117,118,119],[105,253,254,257,258],{},[108,255,256],{},"maintainers",": Displays the total count of package maintainers. ",[113,259],{"className":260,"src":210},[116,117,118,119],[105,262,263,266,267,196,270],{},[108,264,265],{},"deprecated",": Shows if the package is active or deprecated. ",[113,268],{"className":269,"src":130},[116,117,118,119],[113,271],{"className":272,"src":200},[116,117,118,119],[105,274,275,278,279],{},[108,276,277],{},"name",": Simple badge displaying the package name. ",[113,280],{"className":281,"src":220},[116,117,118,119],[105,283,284,287,288],{},[108,285,286],{},"likes",": Shows the total count of package likes. ",[113,289],{"className":290,"src":200},[116,117,118,119],[97,292,294],{"id":293},"examples","Examples",[296,297,302],"pre",{"className":298,"code":299,"language":300,"meta":301,"style":301},"language-md shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","# Version Badge\n\n[![Open on npmx.dev](https:\u002F\u002Fnpmx.dev\u002Fapi\u002Fregistry\u002Fbadge\u002Fversion\u002Fnuxt)](https:\u002F\u002Fnpmx.dev\u002Fpackage\u002Fnuxt)\n\n# License Badge\n\n[![Open on npmx.dev](https:\u002F\u002Fnpmx.dev\u002Fapi\u002Fregistry\u002Fbadge\u002Flicense\u002Fvue)](https:\u002F\u002Fnpmx.dev\u002Fpackage\u002Fvue)\n\n# Monthly Downloads\n\n[![Open on npmx.dev](https:\u002F\u002Fnpmx.dev\u002Fapi\u002Fregistry\u002Fbadge\u002Fdownloads\u002Flodash)](https:\u002F\u002Fnpmx.dev\u002Fpackage\u002Flodash)\n\n# Scoped Package (Install Size)\n\n[![Open on npmx.dev](https:\u002F\u002Fnpmx.dev\u002Fapi\u002Fregistry\u002Fbadge\u002Fsize\u002F@nuxt\u002Fkit)](https:\u002F\u002Fnpmx.dev\u002Fpackage\u002F@nuxt\u002Fkit)\n\n# Specific Version\n\n[![Open on npmx.dev](https:\u002F\u002Fnpmx.dev\u002Fapi\u002Fregistry\u002Fbadge\u002Fversion\u002Freact\u002Fv\u002F18.0.0)](https:\u002F\u002Fnpmx.dev\u002Fpackage\u002Freact)\n","md","",[303,304,305,318,325,357,362,370,375,398,403,411,416,439,444,452,457,480,485,493,498],"code",{"__ignoreMap":301},[306,307,310,314],"span",{"class":308,"line":309},"line",1,[306,311,313],{"class":312},"sMK4o","# ",[306,315,317],{"class":316},"sBMFI","Version Badge\n",[306,319,321],{"class":308,"line":320},2,[306,322,324],{"emptyLinePlaceholder":323},true,"\n",[306,326,328,331,334,338,341,345,348,350,354],{"class":308,"line":327},3,[306,329,330],{"class":312},"[",[306,332,333],{"class":312},"![",[306,335,337],{"class":336},"sfazB","Open on npmx.dev",[306,339,340],{"class":312},"](",[306,342,344],{"class":343},"sDClJ","https:\u002F\u002Fnpmx.dev\u002Fapi\u002Fregistry\u002Fbadge\u002Fversion\u002Fnuxt",[306,346,347],{"class":312},")",[306,349,340],{"class":312},[306,351,353],{"class":352},"sDpXG","https:\u002F\u002Fnpmx.dev\u002Fpackage\u002Fnuxt",[306,355,356],{"class":312},")\n",[306,358,360],{"class":308,"line":359},4,[306,361,324],{"emptyLinePlaceholder":323},[306,363,365,367],{"class":308,"line":364},5,[306,366,313],{"class":312},[306,368,369],{"class":316},"License Badge\n",[306,371,373],{"class":308,"line":372},6,[306,374,324],{"emptyLinePlaceholder":323},[306,376,378,380,382,384,386,389,391,393,396],{"class":308,"line":377},7,[306,379,330],{"class":312},[306,381,333],{"class":312},[306,383,337],{"class":336},[306,385,340],{"class":312},[306,387,388],{"class":343},"https:\u002F\u002Fnpmx.dev\u002Fapi\u002Fregistry\u002Fbadge\u002Flicense\u002Fvue",[306,390,347],{"class":312},[306,392,340],{"class":312},[306,394,395],{"class":352},"https:\u002F\u002Fnpmx.dev\u002Fpackage\u002Fvue",[306,397,356],{"class":312},[306,399,401],{"class":308,"line":400},8,[306,402,324],{"emptyLinePlaceholder":323},[306,404,406,408],{"class":308,"line":405},9,[306,407,313],{"class":312},[306,409,410],{"class":316},"Monthly Downloads\n",[306,412,414],{"class":308,"line":413},10,[306,415,324],{"emptyLinePlaceholder":323},[306,417,419,421,423,425,427,430,432,434,437],{"class":308,"line":418},11,[306,420,330],{"class":312},[306,422,333],{"class":312},[306,424,337],{"class":336},[306,426,340],{"class":312},[306,428,429],{"class":343},"https:\u002F\u002Fnpmx.dev\u002Fapi\u002Fregistry\u002Fbadge\u002Fdownloads\u002Flodash",[306,431,347],{"class":312},[306,433,340],{"class":312},[306,435,436],{"class":352},"https:\u002F\u002Fnpmx.dev\u002Fpackage\u002Flodash",[306,438,356],{"class":312},[306,440,442],{"class":308,"line":441},12,[306,443,324],{"emptyLinePlaceholder":323},[306,445,447,449],{"class":308,"line":446},13,[306,448,313],{"class":312},[306,450,451],{"class":316},"Scoped Package (Install Size)\n",[306,453,455],{"class":308,"line":454},14,[306,456,324],{"emptyLinePlaceholder":323},[306,458,460,462,464,466,468,471,473,475,478],{"class":308,"line":459},15,[306,461,330],{"class":312},[306,463,333],{"class":312},[306,465,337],{"class":336},[306,467,340],{"class":312},[306,469,470],{"class":343},"https:\u002F\u002Fnpmx.dev\u002Fapi\u002Fregistry\u002Fbadge\u002Fsize\u002F@nuxt\u002Fkit",[306,472,347],{"class":312},[306,474,340],{"class":312},[306,476,477],{"class":352},"https:\u002F\u002Fnpmx.dev\u002Fpackage\u002F@nuxt\u002Fkit",[306,479,356],{"class":312},[306,481,483],{"class":308,"line":482},16,[306,484,324],{"emptyLinePlaceholder":323},[306,486,488,490],{"class":308,"line":487},17,[306,489,313],{"class":312},[306,491,492],{"class":316},"Specific Version\n",[306,494,496],{"class":308,"line":495},18,[306,497,324],{"emptyLinePlaceholder":323},[306,499,501,503,505,507,509,512,514,516,519],{"class":308,"line":500},19,[306,502,330],{"class":312},[306,504,333],{"class":312},[306,506,337],{"class":336},[306,508,340],{"class":312},[306,510,511],{"class":343},"https:\u002F\u002Fnpmx.dev\u002Fapi\u002Fregistry\u002Fbadge\u002Fversion\u002Freact\u002Fv\u002F18.0.0",[306,513,347],{"class":312},[306,515,340],{"class":312},[306,517,518],{"class":352},"https:\u002F\u002Fnpmx.dev\u002Fpackage\u002Freact",[306,520,356],{"class":312},[97,522,524],{"id":523},"compare-badges","Compare Badges",[90,526,527,528,531,532,535,536,539,540,543,544,547,548,551,552,554,555,558],{},"Compare badges show how a stat differs between two pinned package versions using a ",[303,529,530],{},"from → to"," value. They support both ",[108,533,534],{},"same-package"," comparisons (e.g. how ",[303,537,538],{},"nuxt"," changed between ",[303,541,542],{},"2.18.1"," and ",[303,545,546],{},"4.3.1",") and ",[108,549,550],{},"cross-package"," comparisons (e.g. ",[303,553,538],{}," vs. ",[303,556,557],{},"next","). They share the same look, fonts and styles as the regular badges and accept the same customization parameters.",[560,561,563],"h3",{"id":562},"url-pattern","URL pattern",[90,565,566,569],{},[108,567,568],{},"Same-package"," (shorthand version range):",[296,571,576],{"className":572,"code":574,"language":575},[573],"language-text","\u002Fapi\u002Fregistry\u002Fbadge\u002Fcompare\u002F{type}\u002F{package}\u002Fv\u002F{from}...{to}\n","text",[303,577,574],{"__ignoreMap":301},[90,579,580,581,584],{},"The version range uses the same triple-dot (",[303,582,583],{},"...",") syntax as the rest of the npmx.dev compare API.",[90,586,587,590,591,594,595,598],{},[108,588,589],{},"Cross-package"," (",[303,592,593],{},"vs"," separator between two pinned ",[303,596,597],{},"pkg@version"," specs):",[296,600,603],{"className":601,"code":602,"language":575},[573],"\u002Fapi\u002Fregistry\u002Fbadge\u002Fcompare\u002F{type}\u002F{pkgA}\u002Fv\u002F{verA}\u002Fvs\u002F{pkgB}\u002Fv\u002F{verB}\n",[303,604,602],{"__ignoreMap":301},[90,606,607,608,611],{},"In all forms, both versions must already exist on npm — unknown versions return ",[303,609,610],{},"404",".",[90,613,614,615,617,618,621,622,625,626,629,630,633,634,636],{},"The badge stays visually compact: only the raw ",[303,616,530],{}," values are rendered, so a cross-package size compare reads ",[303,619,620],{},"52.7 KB → 200 KB"," rather than carrying the package names inline. The package context lives in the URL and the SVG ",[303,623,624],{},"aria-label",". With ",[303,627,628],{},"name=true"," the label switches from the strategy name to ",[303,631,632],{},"{pkgA} → {pkgB}",", mirroring the regular single-package ",[303,635,628],{}," behavior.",[90,638,639],{},"Because the data for two pinned versions is immutable, compare badges are cached for one year (vs. one hour for the regular badges).",[560,641,643],{"id":642},"available-compare-badge-types","Available Compare Badge Types",[102,645,646,655,676,684,700],{},[105,647,648,650,651,654],{},[108,649,110],{},": ",[303,652,653],{},"v{from} → v{to}",". Always blue.",[105,656,657,659,660,663,664,667,668,671,672,675],{},[108,658,135],{},": install size delta (Bundlephobia, falls back to packument ",[303,661,662],{},"dist.unpackedSize","). Color is ",[108,665,666],{},"green"," when the size shrunk by ≥5%, ",[108,669,670],{},"red"," when it grew by ≥5%, ",[108,673,674],{},"slate"," otherwise.",[105,677,678,680,681,683],{},[108,679,205],{},": total runtime dependency count delta. Color follows the same direction logic as ",[303,682,135],{}," (more deps = red, fewer = green).",[105,685,686,650,688,691,692,695,696,699],{},[108,687,125],{},[303,689,690],{},"{from} → {to}"," license. ",[108,693,694],{},"Green"," when the license is unchanged across versions, ",[108,697,698],{},"yellow"," when it changed.",[105,701,702,704,705,708,709,712,713,699],{},[108,703,234],{},": supported ",[303,706,707],{},"engines.node"," range. ",[108,710,711],{},"Slate"," when the supported range is unchanged, ",[108,714,698],{},[90,716,717,718,720,721,720,723,720,725,720,728,720,730,720,732,720,734,720,736,738,739,742,743,611],{},"Compare-incompatible badge types (",[303,719,277],{},", ",[303,722,215],{},[303,724,225],{},[303,726,727],{},"downloads*",[303,729,256],{},[303,731,286],{},[303,733,244],{},[303,735,191],{},[303,737,265],{},") are not exposed under ",[303,740,741],{},"\u002Fbadge\u002Fcompare\u002F..."," and return ",[303,744,610],{},[560,746,294],{"id":747},"examples-1",[296,749,751],{"className":298,"code":750,"language":300,"meta":301,"style":301},"# Same-package version delta\n\n[![Open on npmx.dev](https:\u002F\u002Fnpmx.dev\u002Fapi\u002Fregistry\u002Fbadge\u002Fcompare\u002Fversion\u002Fnuxt\u002Fv\u002F3.0.0...3.21.0)](https:\u002F\u002Fnpmx.dev\u002Fpackage\u002Fnuxt)\n\n# Same-package install size delta (directional color)\n\n[![Open on npmx.dev](https:\u002F\u002Fnpmx.dev\u002Fapi\u002Fregistry\u002Fbadge\u002Fcompare\u002Fsize\u002Fnuxt\u002Fv\u002F3.0.0...3.21.0)](https:\u002F\u002Fnpmx.dev\u002Fpackage\u002Fnuxt)\n\n# Dependency count delta on a scoped package\n\n[![Open on npmx.dev](https:\u002F\u002Fnpmx.dev\u002Fapi\u002Fregistry\u002Fbadge\u002Fcompare\u002Fdependencies\u002F@nuxt\u002Fkit\u002Fv\u002F3.20.0...3.21.0)](https:\u002F\u002Fnpmx.dev\u002Fpackage\u002F@nuxt\u002Fkit)\n\n# Cross-package install size comparison\n\n[![Open on npmx.dev](https:\u002F\u002Fnpmx.dev\u002Fapi\u002Fregistry\u002Fbadge\u002Fcompare\u002Fsize\u002Fnuxt\u002Fv\u002F4.3.1\u002Fvs\u002Fnext\u002Fv\u002F15.5.11)](https:\u002F\u002Fnpmx.dev\u002Fpackage\u002Fnuxt)\n\n# Cross-package dependencies comparison\n\n[![Open on npmx.dev](https:\u002F\u002Fnpmx.dev\u002Fapi\u002Fregistry\u002Fbadge\u002Fcompare\u002Fdependencies\u002Fnuxt\u002Fv\u002F4.3.1\u002Fvs\u002Fnext\u002Fv\u002F15.5.11)](https:\u002F\u002Fnpmx.dev\u002Fpackage\u002Fnuxt)\n\n# Compact compare badge (e.g. for tight READMEs)\n\n[![Open on npmx.dev](https:\u002F\u002Fnpmx.dev\u002Fapi\u002Fregistry\u002Fbadge\u002Fcompare\u002Fdependencies\u002Fnuxt\u002Fv\u002F3.0.0...3.21.0?style=compact)](https:\u002F\u002Fnpmx.dev\u002Fpackage\u002Fnuxt)\n",[303,752,753,760,764,785,789,796,800,821,825,832,836,857,861,868,872,893,897,904,908,929,934,942,947],{"__ignoreMap":301},[306,754,755,757],{"class":308,"line":309},[306,756,313],{"class":312},[306,758,759],{"class":316},"Same-package version delta\n",[306,761,762],{"class":308,"line":320},[306,763,324],{"emptyLinePlaceholder":323},[306,765,766,768,770,772,774,777,779,781,783],{"class":308,"line":327},[306,767,330],{"class":312},[306,769,333],{"class":312},[306,771,337],{"class":336},[306,773,340],{"class":312},[306,775,776],{"class":343},"https:\u002F\u002Fnpmx.dev\u002Fapi\u002Fregistry\u002Fbadge\u002Fcompare\u002Fversion\u002Fnuxt\u002Fv\u002F3.0.0...3.21.0",[306,778,347],{"class":312},[306,780,340],{"class":312},[306,782,353],{"class":352},[306,784,356],{"class":312},[306,786,787],{"class":308,"line":359},[306,788,324],{"emptyLinePlaceholder":323},[306,790,791,793],{"class":308,"line":364},[306,792,313],{"class":312},[306,794,795],{"class":316},"Same-package install size delta (directional color)\n",[306,797,798],{"class":308,"line":372},[306,799,324],{"emptyLinePlaceholder":323},[306,801,802,804,806,808,810,813,815,817,819],{"class":308,"line":377},[306,803,330],{"class":312},[306,805,333],{"class":312},[306,807,337],{"class":336},[306,809,340],{"class":312},[306,811,812],{"class":343},"https:\u002F\u002Fnpmx.dev\u002Fapi\u002Fregistry\u002Fbadge\u002Fcompare\u002Fsize\u002Fnuxt\u002Fv\u002F3.0.0...3.21.0",[306,814,347],{"class":312},[306,816,340],{"class":312},[306,818,353],{"class":352},[306,820,356],{"class":312},[306,822,823],{"class":308,"line":400},[306,824,324],{"emptyLinePlaceholder":323},[306,826,827,829],{"class":308,"line":405},[306,828,313],{"class":312},[306,830,831],{"class":316},"Dependency count delta on a scoped package\n",[306,833,834],{"class":308,"line":413},[306,835,324],{"emptyLinePlaceholder":323},[306,837,838,840,842,844,846,849,851,853,855],{"class":308,"line":418},[306,839,330],{"class":312},[306,841,333],{"class":312},[306,843,337],{"class":336},[306,845,340],{"class":312},[306,847,848],{"class":343},"https:\u002F\u002Fnpmx.dev\u002Fapi\u002Fregistry\u002Fbadge\u002Fcompare\u002Fdependencies\u002F@nuxt\u002Fkit\u002Fv\u002F3.20.0...3.21.0",[306,850,347],{"class":312},[306,852,340],{"class":312},[306,854,477],{"class":352},[306,856,356],{"class":312},[306,858,859],{"class":308,"line":441},[306,860,324],{"emptyLinePlaceholder":323},[306,862,863,865],{"class":308,"line":446},[306,864,313],{"class":312},[306,866,867],{"class":316},"Cross-package install size comparison\n",[306,869,870],{"class":308,"line":454},[306,871,324],{"emptyLinePlaceholder":323},[306,873,874,876,878,880,882,885,887,889,891],{"class":308,"line":459},[306,875,330],{"class":312},[306,877,333],{"class":312},[306,879,337],{"class":336},[306,881,340],{"class":312},[306,883,884],{"class":343},"https:\u002F\u002Fnpmx.dev\u002Fapi\u002Fregistry\u002Fbadge\u002Fcompare\u002Fsize\u002Fnuxt\u002Fv\u002F4.3.1\u002Fvs\u002Fnext\u002Fv\u002F15.5.11",[306,886,347],{"class":312},[306,888,340],{"class":312},[306,890,353],{"class":352},[306,892,356],{"class":312},[306,894,895],{"class":308,"line":482},[306,896,324],{"emptyLinePlaceholder":323},[306,898,899,901],{"class":308,"line":487},[306,900,313],{"class":312},[306,902,903],{"class":316},"Cross-package dependencies comparison\n",[306,905,906],{"class":308,"line":495},[306,907,324],{"emptyLinePlaceholder":323},[306,909,910,912,914,916,918,921,923,925,927],{"class":308,"line":500},[306,911,330],{"class":312},[306,913,333],{"class":312},[306,915,337],{"class":336},[306,917,340],{"class":312},[306,919,920],{"class":343},"https:\u002F\u002Fnpmx.dev\u002Fapi\u002Fregistry\u002Fbadge\u002Fcompare\u002Fdependencies\u002Fnuxt\u002Fv\u002F4.3.1\u002Fvs\u002Fnext\u002Fv\u002F15.5.11",[306,922,347],{"class":312},[306,924,340],{"class":312},[306,926,353],{"class":352},[306,928,356],{"class":312},[306,930,932],{"class":308,"line":931},20,[306,933,324],{"emptyLinePlaceholder":323},[306,935,937,939],{"class":308,"line":936},21,[306,938,313],{"class":312},[306,940,941],{"class":316},"Compact compare badge (e.g. for tight READMEs)\n",[306,943,945],{"class":308,"line":944},22,[306,946,324],{"emptyLinePlaceholder":323},[306,948,950,952,954,956,958,961,963,965,967],{"class":308,"line":949},23,[306,951,330],{"class":312},[306,953,333],{"class":312},[306,955,337],{"class":336},[306,957,340],{"class":312},[306,959,960],{"class":343},"https:\u002F\u002Fnpmx.dev\u002Fapi\u002Fregistry\u002Fbadge\u002Fcompare\u002Fdependencies\u002Fnuxt\u002Fv\u002F3.0.0...3.21.0?style=compact",[306,962,347],{"class":312},[306,964,340],{"class":312},[306,966,353],{"class":352},[306,968,356],{"class":312},[90,970,971,972,977,978,720,981,720,984,720,987,720,990,720,992,995,996,998],{},"All ",[973,974,976],"a",{"href":975},"#customization-parameters","Customization Parameters"," below — ",[303,979,980],{},"label",[303,982,983],{},"value",[303,985,986],{},"color",[303,988,989],{},"labelColor",[303,991,277],{},[303,993,994],{},"style"," — work identically on compare badges. A user-supplied ",[303,997,986],{}," overrides the directional color.",[97,1000,976],{"id":1001},"customization-parameters",[90,1003,1004],{},"You can further customize your badges by appending query parameters to the badge URL.",[90,1006,1007],{},"Use this generator to get the Markdown code you desire:",[1009,1010],"badge-generator-parameters",{},[1012,1013,1014,1015,611],"tip",{},"For a more advanced badges generator, check out ",[973,1016,1020],{"href":1017,"rel":1018},"https:\u002F\u002Fnpmx-badge.vercel.app\u002F",[1019],"nofollow","this community website",[560,1022,1023],{"id":980},[303,1024,980],{},[90,1026,1027],{},"Overrides the default label text. You can pass any string to customize the label displayed on the left half of the badge.",[102,1029,1030,1036],{},[105,1031,1032,1035],{},[108,1033,1034],{},"Default",": Depends on the badge type (e.g., \"version\", \"downloads\u002Fmo\").",[105,1037,1038,650,1041],{},[108,1039,1040],{},"Usage",[303,1042,1043],{},"?label=YOUR_LABEL",[560,1045,1046],{"id":983},[303,1047,983],{},[90,1049,1050],{},"Overrides the default value text of the badge. You can pass any string to customize the value displayed on the right half of the badge.",[102,1052,1053,1058],{},[105,1054,1055,1057],{},[108,1056,1034],{},": Calculated values depending on the badge type (e.g., \"v4.2.0\", \"5.4M\").",[105,1059,1060,650,1062],{},[108,1061,1040],{},[303,1063,1043],{},[560,1065,1067],{"id":1066},"labelcolor",[303,1068,989],{},[90,1070,1071,1072,1075],{},"Overrides the default label color. You can pass a standard hex code (with or without the ",[303,1073,1074],{},"#"," prefix). The label text color is automatically chosen (black or white) based on WCAG contrast ratio, so the badge remains readable.",[102,1077,1078,1085],{},[105,1079,1080,650,1082],{},[108,1081,1034],{},[303,1083,1084],{},"#0a0a0a",[105,1086,1087,650,1089],{},[108,1088,1040],{},[303,1090,1091],{},"?labelColor=HEX_CODE",[560,1093,1094],{"id":986},[303,1095,986],{},[90,1097,1098,1099,1101],{},"Overrides the default strategy color. You can pass a standard hex code (with or without the ",[303,1100,1074],{}," prefix). The text color is automatically chosen (black or white) based on WCAG contrast ratio, so the badge remains readable.",[102,1103,1104,1109],{},[105,1105,1106,1108],{},[108,1107,1034],{},": Depends on the badge type (e.g., version is blue, downloads are orange).",[105,1110,1111,650,1113],{},[108,1112,1040],{},[303,1114,1115],{},"?color=HEX_CODE",[1117,1118,1119,1133],"table",{},[1120,1121,1122],"thead",{},[1123,1124,1125,1130],"tr",{},[1126,1127,1129],"th",{"align":1128},"left","Example",[1126,1131,1132],{"align":1128},"URL",[1134,1135,1136,1149,1161],"tbody",{},[1123,1137,1138,1144],{},[1139,1140,1141],"td",{"align":1128},[108,1142,1143],{},"Hot Pink",[1139,1145,1146],{"align":1128},[303,1147,1148],{},"...\u002Fbadge\u002Fversion\u002Fnuxt?color=ff69b4",[1123,1150,1151,1156],{},[1139,1152,1153],{"align":1128},[108,1154,1155],{},"Pure Black",[1139,1157,1158],{"align":1128},[303,1159,1160],{},"...\u002Fbadge\u002Fversion\u002Fnuxt?color=000000",[1123,1162,1163,1168],{},[1139,1164,1165],{"align":1128},[108,1166,1167],{},"Brand Blue",[1139,1169,1170],{"align":1128},[303,1171,1172],{},"...\u002Fbadge\u002Fversion\u002Fnuxt?color=3b82f6",[560,1174,1175],{"id":277},[303,1176,277],{},[90,1178,1179,1180,1183],{},"When set to ",[303,1181,1182],{},"true",", this parameter replaces the static category label (like \"version\" or \"downloads\u002Fmo\") with the actual name of the package. This is useful for brand-focused READMEs.",[102,1185,1186,1193],{},[105,1187,1188,650,1190],{},[108,1189,1034],{},[303,1191,1192],{},"false",[105,1194,1195,650,1197],{},[108,1196,1040],{},[303,1198,1199],{},"?name=true",[1117,1201,1202,1217],{},[1120,1203,1204],{},[1123,1205,1206,1209,1212],{},[1126,1207,1208],{},"Type",[1126,1210,1211],{},"Default Label",[1126,1213,1214,1215],{},"With ",[303,1216,628],{},[1134,1218,1219,1236],{},[1123,1220,1221,1226,1231],{},[1139,1222,1223],{},[108,1224,1225],{},"Version",[1139,1227,1228],{},[303,1229,1230],{},"version | 3.12.0",[1139,1232,1233],{},[303,1234,1235],{},"nuxt | 3.12.0",[1123,1237,1238,1243,1248],{},[1139,1239,1240],{},[108,1241,1242],{},"Downloads",[1139,1244,1245],{},[303,1246,1247],{},"downloads\u002Fmo | 2M",[1139,1249,1250],{},[303,1251,1252],{},"lodash | 2M",[560,1254,1255],{"id":994},[303,1256,994],{},[90,1258,1259],{},"Overrides the badge appearance.",[102,1261,1262,1268,1274,1312,1318],{},[105,1263,1264,1267],{},[303,1265,1266],{},"default"," — the standard npmx.dev look at 20px tall.",[105,1269,1270,1273],{},[303,1271,1272],{},"shieldsio"," — the classic shields.io-compatible look at 20px tall, useful when you need the badge to sit alongside existing shields.io badges.",[105,1275,1276,1279,1280,1282,1283,1286,1287,720,1289,1286,1292,720,1295,1286,1297,720,1300,1286,1302,1305,1306,1308,1309,1311],{},[303,1277,1278],{},"compact"," — the same modern look and 20px height as ",[303,1281,1266],{}," but with tight 5px text padding and no enforced minimum side width. Long built-in labels are also shortened (e.g. ",[303,1284,1285],{},"install size"," → ",[303,1288,135],{},[303,1290,1291],{},"downloads\u002Fmo",[303,1293,1294],{},"dl\u002Fmo",[303,1296,205],{},[303,1298,1299],{},"deps",[303,1301,256],{},[303,1303,1304],{},"maint",") so the badge can take up roughly 20–50% less horizontal space in READMEs. Pass an explicit ",[303,1307,980],{}," or ",[303,1310,628],{}," to opt out of the shortening.",[105,1313,1314,650,1316],{},[108,1315,1034],{},[303,1317,1266],{},[105,1319,1320,650,1322,1308,1325],{},[108,1321,1040],{},[303,1323,1324],{},"?style=compact",[303,1326,1327],{},"?style=shieldsio",[994,1329,1330],{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .sDClJ, html code.shiki .sDClJ{--shiki-light:#91B859;--shiki-light-text-decoration:underline;--shiki-default:#C3E88D;--shiki-default-text-decoration:underline;--shiki-dark:#C3E88D;--shiki-dark-text-decoration:underline}html pre.shiki code .sDpXG, html code.shiki .sDpXG{--shiki-light:#E53935;--shiki-light-text-decoration:underline;--shiki-default:#F07178;--shiki-default-text-decoration:underline;--shiki-dark:#F07178;--shiki-dark-text-decoration:underline}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":301,"searchDepth":320,"depth":320,"links":1332},[1333,1334,1335,1340],{"id":99,"depth":320,"text":100},{"id":293,"depth":320,"text":294},{"id":523,"depth":320,"text":524,"children":1336},[1337,1338,1339],{"id":562,"depth":327,"text":563},{"id":642,"depth":327,"text":643},{"id":747,"depth":327,"text":294},{"id":1001,"depth":320,"text":976,"children":1341},[1342,1343,1344,1345,1346,1347],{"id":980,"depth":327,"text":980},{"id":983,"depth":327,"text":983},{"id":1066,"depth":327,"text":989},{"id":986,"depth":327,"text":986},{"id":277,"depth":327,"text":277},{"id":994,"depth":327,"text":994},"Generate modern markdown badges with the npmx.dev API",null,{},{"icon":56},{"title":53,"description":1348},"Y59_XtsIcg7ftWPvT3q69Z0FkjUqD8BSeRJqWg6PNMc",[1355,1357],{"title":48,"path":49,"stem":50,"description":1356,"icon":51,"children":-1},"Learn how to use semver ranges to filter package versions on npmx.dev",{"title":64,"path":65,"stem":66,"description":1358,"icon":67,"children":-1},"Common issues and how to resolve them",1777290404179]