[{"data":1,"prerenderedAt":544},["ShallowReactive",2],{"navigation":3,"\u002Fguide\u002Fconfiguration":48,"\u002Fguide\u002Fconfiguration-surround":539},[4,18,31],{"title":5,"path":6,"stem":7,"children":8,"page":17},"Guide","\u002Fguide","1.guide",[9,13],{"title":10,"path":11,"stem":12},"Installation","\u002Fguide\u002Finstallation","1.guide\u002F1.installation",{"title":14,"path":15,"stem":16},"Configuration","\u002Fguide\u002Fconfiguration","1.guide\u002F2.configuration",false,{"title":19,"path":20,"stem":21,"children":22,"page":17},"Generate","\u002Fgenerate","2.generate",[23,27],{"title":24,"path":25,"stem":26},"Qrcode Component","\u002Fgenerate\u002Fqrcode","2.generate\u002F1.qrcode",{"title":28,"path":29,"stem":30},"useQrcode Composable","\u002Fgenerate\u002Fuse-qrcode","2.generate\u002F2.use-qrcode",{"title":32,"path":33,"stem":34,"children":35,"page":17},"Read","\u002Fread","3.read",[36,40,44],{"title":37,"path":38,"stem":39},"QrcodeStream Component","\u002Fread\u002Fqrcode-stream","3.read\u002F1.qrcode-stream",{"title":41,"path":42,"stem":43},"QrcodeCapture Component","\u002Fread\u002Fqrcode-capture","3.read\u002F2.qrcode-capture",{"title":45,"path":46,"stem":47},"QrcodeDropZone Component","\u002Fread\u002Fqrcode-drop-zone","3.read\u002F3.qrcode-drop-zone",{"id":49,"title":14,"body":50,"description":531,"extension":532,"links":533,"meta":534,"navigation":168,"path":15,"seo":536,"sitemap":537,"stem":16,"__hash__":538},"docs\u002F1.guide\u002F2.configuration.md",{"type":51,"value":52,"toc":526},"minimark",[53,58,67,78,81,102,350,354,371,382,447,522],[54,55,57],"h1",{"id":56},"customize-defaults","Customize defaults",[59,60,61,62,66],"p",{},"You can set default options within your ",[63,64,65],"code",{},"nuxt.config.ts",".",[68,69,71,74,75],"h2",{"id":70},"qrcode-and-useqrcode",[63,72,73],{},"Qrcode"," and ",[63,76,77],{},"useQrcode",[59,79,80],{},"You can customize things like:",[82,83,84,88,99],"ul",{},[85,86,87],"li",{},"default variant style",[85,89,90,91,94,95,98],{},"radius (",[63,92,93],{},"0"," is none, ",[63,96,97],{},"1"," is full)",[85,100,101],{},"and css color for black and white pixels",[103,104,109],"pre",{"className":105,"code":106,"language":107,"meta":108,"style":108},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","export default defineNuxtConfig({\n  modules: ['nuxt-qrcode'],\n\n  qrcode: {\n    options: {\n      variant: 'pixelated',\n      \u002F\u002F OR\n      variant: {\n        inner: 'circle',\n        marker: 'rounded',\n        pixel: 'rounded',\n      },\n      radius: 1,\n      blackColor: 'currentColor',\n      whiteColor: 'transparent',\n    },\n  },\n})\n","ts","",[63,110,111,135,163,170,181,191,209,216,225,242,259,275,281,295,312,329,335,341],{"__ignoreMap":108},[112,113,116,120,123,127,131],"span",{"class":114,"line":115},"line",1,[112,117,119],{"class":118},"s7zQu","export",[112,121,122],{"class":118}," default",[112,124,126],{"class":125},"s2Zo4"," defineNuxtConfig",[112,128,130],{"class":129},"sTEyZ","(",[112,132,134],{"class":133},"sMK4o","{\n",[112,136,138,142,145,148,151,155,157,160],{"class":114,"line":137},2,[112,139,141],{"class":140},"swJcz","  modules",[112,143,144],{"class":133},":",[112,146,147],{"class":129}," [",[112,149,150],{"class":133},"'",[112,152,154],{"class":153},"sfazB","nuxt-qrcode",[112,156,150],{"class":133},[112,158,159],{"class":129},"]",[112,161,162],{"class":133},",\n",[112,164,166],{"class":114,"line":165},3,[112,167,169],{"emptyLinePlaceholder":168},true,"\n",[112,171,173,176,178],{"class":114,"line":172},4,[112,174,175],{"class":140},"  qrcode",[112,177,144],{"class":133},[112,179,180],{"class":133}," {\n",[112,182,184,187,189],{"class":114,"line":183},5,[112,185,186],{"class":140},"    options",[112,188,144],{"class":133},[112,190,180],{"class":133},[112,192,194,197,199,202,205,207],{"class":114,"line":193},6,[112,195,196],{"class":140},"      variant",[112,198,144],{"class":133},[112,200,201],{"class":133}," '",[112,203,204],{"class":153},"pixelated",[112,206,150],{"class":133},[112,208,162],{"class":133},[112,210,212],{"class":114,"line":211},7,[112,213,215],{"class":214},"sHwdD","      \u002F\u002F OR\n",[112,217,219,221,223],{"class":114,"line":218},8,[112,220,196],{"class":140},[112,222,144],{"class":133},[112,224,180],{"class":133},[112,226,228,231,233,235,238,240],{"class":114,"line":227},9,[112,229,230],{"class":140},"        inner",[112,232,144],{"class":133},[112,234,201],{"class":133},[112,236,237],{"class":153},"circle",[112,239,150],{"class":133},[112,241,162],{"class":133},[112,243,245,248,250,252,255,257],{"class":114,"line":244},10,[112,246,247],{"class":140},"        marker",[112,249,144],{"class":133},[112,251,201],{"class":133},[112,253,254],{"class":153},"rounded",[112,256,150],{"class":133},[112,258,162],{"class":133},[112,260,262,265,267,269,271,273],{"class":114,"line":261},11,[112,263,264],{"class":140},"        pixel",[112,266,144],{"class":133},[112,268,201],{"class":133},[112,270,254],{"class":153},[112,272,150],{"class":133},[112,274,162],{"class":133},[112,276,278],{"class":114,"line":277},12,[112,279,280],{"class":133},"      },\n",[112,282,284,287,289,293],{"class":114,"line":283},13,[112,285,286],{"class":140},"      radius",[112,288,144],{"class":133},[112,290,292],{"class":291},"sbssI"," 1",[112,294,162],{"class":133},[112,296,298,301,303,305,308,310],{"class":114,"line":297},14,[112,299,300],{"class":140},"      blackColor",[112,302,144],{"class":133},[112,304,201],{"class":133},[112,306,307],{"class":153},"currentColor",[112,309,150],{"class":133},[112,311,162],{"class":133},[112,313,315,318,320,322,325,327],{"class":114,"line":314},15,[112,316,317],{"class":140},"      whiteColor",[112,319,144],{"class":133},[112,321,201],{"class":133},[112,323,324],{"class":153},"transparent",[112,326,150],{"class":133},[112,328,162],{"class":133},[112,330,332],{"class":114,"line":331},16,[112,333,334],{"class":133},"    },\n",[112,336,338],{"class":114,"line":337},17,[112,339,340],{"class":133},"  },\n",[112,342,344,347],{"class":114,"line":343},18,[112,345,346],{"class":133},"}",[112,348,349],{"class":129},")\n",[68,351,353],{"id":352},"nuxt-ui-integration","Nuxt UI integration",[59,355,356,357,364,365,370],{},"In case you have installed ",[358,359,363],"a",{"href":360,"rel":361},"https:\u002F\u002Fui.nuxt.com",[362],"nofollow","Nuxt UI or UI-Pro"," this module will automatically use ",[358,366,369],{"href":367,"rel":368},"https:\u002F\u002Fui.nuxt.com\u002Fgetting-started\u002Ftheme#colors",[362],"configured colors"," to color the generated QRCodes.",[59,372,373,374,376,377,381],{},"You only need to make sure to register ",[63,375,154],{}," ",[378,379,380],"strong",{},"after"," Nuxt UI:",[103,383,385],{"className":105,"code":384,"language":107,"meta":108,"style":108},"export default defineNuxtConfig({\n  modules: [\n    '@nuxt\u002Fui', \u002F\u002F or `@nuxt\u002Fui-pro`\n    'nuxt-qrcode',\n  ],\n})\n",[63,386,387,399,408,424,434,441],{"__ignoreMap":108},[112,388,389,391,393,395,397],{"class":114,"line":115},[112,390,119],{"class":118},[112,392,122],{"class":118},[112,394,126],{"class":125},[112,396,130],{"class":129},[112,398,134],{"class":133},[112,400,401,403,405],{"class":114,"line":137},[112,402,141],{"class":140},[112,404,144],{"class":133},[112,406,407],{"class":129}," [\n",[112,409,410,413,416,418,421],{"class":114,"line":165},[112,411,412],{"class":133},"    '",[112,414,415],{"class":153},"@nuxt\u002Fui",[112,417,150],{"class":133},[112,419,420],{"class":133},",",[112,422,423],{"class":214}," \u002F\u002F or `@nuxt\u002Fui-pro`\n",[112,425,426,428,430,432],{"class":114,"line":172},[112,427,412],{"class":133},[112,429,154],{"class":153},[112,431,150],{"class":133},[112,433,162],{"class":133},[112,435,436,439],{"class":114,"line":183},[112,437,438],{"class":129},"  ]",[112,440,162],{"class":133},[112,442,443,445],{"class":114,"line":193},[112,444,346],{"class":133},[112,446,349],{"class":129},[448,449,450,453],"tip",{},[59,451,452],{},"In case you want to revert this, you just have to disable it:",[103,454,456],{"className":105,"code":455,"language":107,"meta":108,"style":108},"export default defineNuxtConfig({\n  \u002F\u002F ...\n\n  qrcode: {\n    options: {\n      disableNuxtUiIntegration: true,\n    },\n  },\n})\n",[63,457,458,470,475,479,487,495,508,512,516],{"__ignoreMap":108},[112,459,460,462,464,466,468],{"class":114,"line":115},[112,461,119],{"class":118},[112,463,122],{"class":118},[112,465,126],{"class":125},[112,467,130],{"class":129},[112,469,134],{"class":133},[112,471,472],{"class":114,"line":137},[112,473,474],{"class":214},"  \u002F\u002F ...\n",[112,476,477],{"class":114,"line":165},[112,478,169],{"emptyLinePlaceholder":168},[112,480,481,483,485],{"class":114,"line":172},[112,482,175],{"class":140},[112,484,144],{"class":133},[112,486,180],{"class":133},[112,488,489,491,493],{"class":114,"line":183},[112,490,186],{"class":140},[112,492,144],{"class":133},[112,494,180],{"class":133},[112,496,497,500,502,506],{"class":114,"line":193},[112,498,499],{"class":140},"      disableNuxtUiIntegration",[112,501,144],{"class":133},[112,503,505],{"class":504},"sfNiH"," true",[112,507,162],{"class":133},[112,509,510],{"class":114,"line":211},[112,511,334],{"class":133},[112,513,514],{"class":114,"line":218},[112,515,340],{"class":133},[112,517,518,520],{"class":114,"line":227},[112,519,346],{"class":133},[112,521,349],{"class":129},[523,524,525],"style",{},"html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}",{"title":108,"searchDepth":115,"depth":137,"links":527},[528,530],{"id":70,"depth":137,"text":529},"Qrcode and useQrcode",{"id":352,"depth":137,"text":353},"Learn how to configure Nuxt QRCode in your Nuxt application","md",null,{"icon":535},"i-lucide-cog",{"title":14,"description":531},{"loc":15},"J8r-mqfoJse1rKBgOcZWPnxHuqYQPcpdfZR3LpmA69Q",[540,542],{"title":10,"path":11,"stem":12,"description":541,"children":-1},"Learn how to install Nuxt QRCode in your Nuxt application",{"title":24,"path":25,"stem":26,"description":543,"children":-1},"Learn how to generate QRCodes using the related component.",1775086371158]