[{"data":1,"prerenderedAt":664},["ShallowReactive",2],{"navigation":3,"\u002Fgenerate\u002Fqrcode":48,"\u002Fgenerate\u002Fqrcode-surround":348,"component-code-Qrcode-birkXzQ5GtgSRU8rKkCf6eLwRSoMwK5EOdA4RhUVG3s":353,"component-code-Qrcode-OTW9CW4737nrFq1kck_rlcHTvjlffQKL-LAvgcD5Cmo":454,"component-code-Qrcode-_p52SzU31ks6fZzhBHZMVow6QbpG_-Ei-qQt1QAt_sU":581},[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":24,"body":50,"description":340,"extension":341,"links":342,"meta":343,"navigation":216,"path":25,"seo":345,"sitemap":346,"stem":26,"__hash__":347},"docs\u002F2.generate\u002F1.qrcode.md",{"type":51,"value":52,"toc":335},"minimark",[53,58,70,75,79,86,92,115,119,137,152,326,331],[54,55,57],"h2",{"id":56},"value","Value",[59,60,61,62,66,67,69],"p",{},"The ",[63,64,65],"code",{},"Qrcode"," component only requires a single ",[63,68,56],{}," prop to work.",[71,72],"component-code",{":hide":73,":props":74},"[\"width\",\"white-color\",\"black-color\"]","{\"width\":\"50%\",\"value\":\"https:\u002F\u002Fqrcode.s94.dev\",\"white-color\":\"#FFF\",\"black-color\":\"#000\"}",[54,76,78],{"id":77},"variants","Variants",[59,80,81,82,85],{},"Currently there are a number of variants available to style QRCodes. Some of them also accept a ",[63,83,84],{},"radius"," prop to customize the roudness of their corners.",[71,87],{":hide":88,":props":89,":ignore":90,":items":91},"[\"width\"]","{\"width\":\"50%\",\"value\":\"qrcode.s94.dev\",\"variant\":\"pixelated\",\"radius\":1}","[\"value\",\"radius\"]","{\"variant\":[\"default\",\"circle\",\"pixelated\",\"rounded\",\"dots\"]}",[93,94,95,105],"tip",{},[59,96,97,98,101,102,104],{},"Both ",[63,99,100],{},"variant"," and ",[63,103,84],{}," accept an object to selectively customize markers (both the outer and inner portion) and pixels:",[106,107,112],"pre",{"className":108,"code":110,"language":111},[109],"language-text",":variant=\"{\n  inner: 'circle',\n  marker: 'rounded',\n  pixel: 'dots'\n}\"\n","text",[63,113,110],{"__ignoreMap":114},"",[54,116,118],{"id":117},"global-styling","Global styling",[59,120,121,122,101,125,128,129,132,133,136],{},"We can customize how the white and black pixels should be colored by either editing the ",[63,123,124],{},"white-color",[63,126,127],{},"black-color"," props or by setting them globally in the ",[63,130,131],{},"qrcode.options"," in the ",[63,134,135],{},"nuxt.config.ts",".",[59,138,139,140,101,143,146,147,136],{},"Keep in mind that if you are using Nuxt UI or UI-Pro v3 both ",[63,141,142],{},"blackColor",[63,144,145],{},"whiteColor"," are automatically set, read more in the ",[148,149,151],"a",{"href":150},"\u002Fguide\u002Fconfiguration#nuxt-ui-v3-integration","configuration guide",[106,153,157],{"className":154,"code":155,"filename":135,"language":156,"meta":114,"style":114},"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: 'rounded',\n      radius: 1,\n      blackColor: 'yellow',\n      whiteColor: 'blue',\n    },\n  },\n})\n","ts",[63,158,159,183,211,218,229,239,257,271,288,305,311,317],{"__ignoreMap":114},[160,161,164,168,171,175,179],"span",{"class":162,"line":163},"line",1,[160,165,167],{"class":166},"s7zQu","export",[160,169,170],{"class":166}," default",[160,172,174],{"class":173},"s2Zo4"," defineNuxtConfig",[160,176,178],{"class":177},"sTEyZ","(",[160,180,182],{"class":181},"sMK4o","{\n",[160,184,186,190,193,196,199,203,205,208],{"class":162,"line":185},2,[160,187,189],{"class":188},"swJcz","  modules",[160,191,192],{"class":181},":",[160,194,195],{"class":177}," [",[160,197,198],{"class":181},"'",[160,200,202],{"class":201},"sfazB","nuxt-qrcode",[160,204,198],{"class":181},[160,206,207],{"class":177},"]",[160,209,210],{"class":181},",\n",[160,212,214],{"class":162,"line":213},3,[160,215,217],{"emptyLinePlaceholder":216},true,"\n",[160,219,221,224,226],{"class":162,"line":220},4,[160,222,223],{"class":188},"  qrcode",[160,225,192],{"class":181},[160,227,228],{"class":181}," {\n",[160,230,232,235,237],{"class":162,"line":231},5,[160,233,234],{"class":188},"    options",[160,236,192],{"class":181},[160,238,228],{"class":181},[160,240,242,245,247,250,253,255],{"class":162,"line":241},6,[160,243,244],{"class":188},"      variant",[160,246,192],{"class":181},[160,248,249],{"class":181}," '",[160,251,252],{"class":201},"rounded",[160,254,198],{"class":181},[160,256,210],{"class":181},[160,258,260,263,265,269],{"class":162,"line":259},7,[160,261,262],{"class":188},"      radius",[160,264,192],{"class":181},[160,266,268],{"class":267},"sbssI"," 1",[160,270,210],{"class":181},[160,272,274,277,279,281,284,286],{"class":162,"line":273},8,[160,275,276],{"class":188},"      blackColor",[160,278,192],{"class":181},[160,280,249],{"class":181},[160,282,283],{"class":201},"yellow",[160,285,198],{"class":181},[160,287,210],{"class":181},[160,289,291,294,296,298,301,303],{"class":162,"line":290},9,[160,292,293],{"class":188},"      whiteColor",[160,295,192],{"class":181},[160,297,249],{"class":181},[160,299,300],{"class":201},"blue",[160,302,198],{"class":181},[160,304,210],{"class":181},[160,306,308],{"class":162,"line":307},10,[160,309,310],{"class":181},"    },\n",[160,312,314],{"class":162,"line":313},11,[160,315,316],{"class":181},"  },\n",[160,318,320,323],{"class":162,"line":319},12,[160,321,322],{"class":181},"}",[160,324,325],{"class":177},")\n",[71,327],{":hide":328,":props":329,":ignore":330},"[\"width\",\"variant\",\"radius\",\"blackColor\",\"whiteColor\"]","{\"width\":\"50%\",\"value\":\"https:\u002F\u002Fnuxt.com\",\"variant\":\"rounded\",\"blackColor\":\"yellow\",\"whiteColor\":\"blue\",\"radius\":1}","[\"value\"]",[332,333,334],"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 .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);}",{"title":114,"searchDepth":163,"depth":185,"links":336},[337,338,339],{"id":56,"depth":185,"text":57},{"id":77,"depth":185,"text":78},{"id":117,"depth":185,"text":118},"Learn how to generate QRCodes using the related component.","md",null,{"icon":344},"i-lucide-square-code",{"title":24,"description":340},{"loc":25},"GirR766FQIEeAilKtsvXsXpckbB4NJ7yYKI6sZg0jz8",[349,351],{"title":14,"path":15,"stem":16,"description":350,"children":-1},"Learn how to configure Nuxt QRCode in your Nuxt application",{"title":28,"path":29,"stem":30,"description":352,"children":-1},"Learn how to generate QRCodes using the related composable.",{"data":354,"body":355,"toc":452},{"title":114,"description":114},{"type":356,"children":357},"root",[358,447],{"type":359,"tag":106,"props":360,"children":364},"element",{"className":361,"code":362,"language":363,"meta":114,"style":114},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Ctemplate>\n  \u003CQrcode value=\"https:\u002F\u002Fqrcode.s94.dev\" \u002F>\n\u003C\u002Ftemplate>\n","vue",[365],{"type":359,"tag":63,"props":366,"children":367},{"__ignoreMap":114},[368,388,431],{"type":359,"tag":160,"props":369,"children":370},{"class":162,"line":163},[371,377,383],{"type":359,"tag":160,"props":372,"children":374},{"style":373},"--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF",[375],{"type":111,"value":376},"\u003C",{"type":359,"tag":160,"props":378,"children":380},{"style":379},"--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178",[381],{"type":111,"value":382},"template",{"type":359,"tag":160,"props":384,"children":385},{"style":373},[386],{"type":111,"value":387},">\n",{"type":359,"tag":160,"props":389,"children":390},{"class":162,"line":185},[391,396,400,406,411,416,422,426],{"type":359,"tag":160,"props":392,"children":393},{"style":373},[394],{"type":111,"value":395},"  \u003C",{"type":359,"tag":160,"props":397,"children":398},{"style":379},[399],{"type":111,"value":65},{"type":359,"tag":160,"props":401,"children":403},{"style":402},"--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA",[404],{"type":111,"value":405}," value",{"type":359,"tag":160,"props":407,"children":408},{"style":373},[409],{"type":111,"value":410},"=",{"type":359,"tag":160,"props":412,"children":413},{"style":373},[414],{"type":111,"value":415},"\"",{"type":359,"tag":160,"props":417,"children":419},{"style":418},"--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D",[420],{"type":111,"value":421},"https:\u002F\u002Fqrcode.s94.dev",{"type":359,"tag":160,"props":423,"children":424},{"style":373},[425],{"type":111,"value":415},{"type":359,"tag":160,"props":427,"children":428},{"style":373},[429],{"type":111,"value":430}," \u002F>\n",{"type":359,"tag":160,"props":432,"children":433},{"class":162,"line":213},[434,439,443],{"type":359,"tag":160,"props":435,"children":436},{"style":373},[437],{"type":111,"value":438},"\u003C\u002F",{"type":359,"tag":160,"props":440,"children":441},{"style":379},[442],{"type":111,"value":382},{"type":359,"tag":160,"props":444,"children":445},{"style":373},[446],{"type":111,"value":387},{"type":359,"tag":332,"props":448,"children":449},{},[450],{"type":111,"value":451},"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":114,"searchDepth":185,"depth":185,"links":453},[],{"data":455,"body":456,"toc":579},{"title":114,"description":114},{"type":356,"children":457},[458,575],{"type":359,"tag":106,"props":459,"children":461},{"className":361,"code":460,"language":363,"meta":114,"style":114},"\u003Ctemplate>\n  \u003CQrcode value=\"qrcode.s94.dev\" variant=\"pixelated\" :radius=\"1\" \u002F>\n\u003C\u002Ftemplate>\n",[462],{"type":359,"tag":63,"props":463,"children":464},{"__ignoreMap":114},[465,480,560],{"type":359,"tag":160,"props":466,"children":467},{"class":162,"line":163},[468,472,476],{"type":359,"tag":160,"props":469,"children":470},{"style":373},[471],{"type":111,"value":376},{"type":359,"tag":160,"props":473,"children":474},{"style":379},[475],{"type":111,"value":382},{"type":359,"tag":160,"props":477,"children":478},{"style":373},[479],{"type":111,"value":387},{"type":359,"tag":160,"props":481,"children":482},{"class":162,"line":185},[483,487,491,495,499,503,508,512,517,521,525,530,534,539,543,547,552,556],{"type":359,"tag":160,"props":484,"children":485},{"style":373},[486],{"type":111,"value":395},{"type":359,"tag":160,"props":488,"children":489},{"style":379},[490],{"type":111,"value":65},{"type":359,"tag":160,"props":492,"children":493},{"style":402},[494],{"type":111,"value":405},{"type":359,"tag":160,"props":496,"children":497},{"style":373},[498],{"type":111,"value":410},{"type":359,"tag":160,"props":500,"children":501},{"style":373},[502],{"type":111,"value":415},{"type":359,"tag":160,"props":504,"children":505},{"style":418},[506],{"type":111,"value":507},"qrcode.s94.dev",{"type":359,"tag":160,"props":509,"children":510},{"style":373},[511],{"type":111,"value":415},{"type":359,"tag":160,"props":513,"children":514},{"style":402},[515],{"type":111,"value":516}," variant",{"type":359,"tag":160,"props":518,"children":519},{"style":373},[520],{"type":111,"value":410},{"type":359,"tag":160,"props":522,"children":523},{"style":373},[524],{"type":111,"value":415},{"type":359,"tag":160,"props":526,"children":527},{"style":418},[528],{"type":111,"value":529},"pixelated",{"type":359,"tag":160,"props":531,"children":532},{"style":373},[533],{"type":111,"value":415},{"type":359,"tag":160,"props":535,"children":536},{"style":402},[537],{"type":111,"value":538}," :radius",{"type":359,"tag":160,"props":540,"children":541},{"style":373},[542],{"type":111,"value":410},{"type":359,"tag":160,"props":544,"children":545},{"style":373},[546],{"type":111,"value":415},{"type":359,"tag":160,"props":548,"children":549},{"style":418},[550],{"type":111,"value":551},"1",{"type":359,"tag":160,"props":553,"children":554},{"style":373},[555],{"type":111,"value":415},{"type":359,"tag":160,"props":557,"children":558},{"style":373},[559],{"type":111,"value":430},{"type":359,"tag":160,"props":561,"children":562},{"class":162,"line":213},[563,567,571],{"type":359,"tag":160,"props":564,"children":565},{"style":373},[566],{"type":111,"value":438},{"type":359,"tag":160,"props":568,"children":569},{"style":379},[570],{"type":111,"value":382},{"type":359,"tag":160,"props":572,"children":573},{"style":373},[574],{"type":111,"value":387},{"type":359,"tag":332,"props":576,"children":577},{},[578],{"type":111,"value":451},{"title":114,"searchDepth":185,"depth":185,"links":580},[],{"data":582,"body":583,"toc":662},{"title":114,"description":114},{"type":356,"children":584},[585,658],{"type":359,"tag":106,"props":586,"children":588},{"className":361,"code":587,"language":363,"meta":114,"style":114},"\u003Ctemplate>\n  \u003CQrcode value=\"https:\u002F\u002Fnuxt.com\" \u002F>\n\u003C\u002Ftemplate>\n",[589],{"type":359,"tag":63,"props":590,"children":591},{"__ignoreMap":114},[592,607,643],{"type":359,"tag":160,"props":593,"children":594},{"class":162,"line":163},[595,599,603],{"type":359,"tag":160,"props":596,"children":597},{"style":373},[598],{"type":111,"value":376},{"type":359,"tag":160,"props":600,"children":601},{"style":379},[602],{"type":111,"value":382},{"type":359,"tag":160,"props":604,"children":605},{"style":373},[606],{"type":111,"value":387},{"type":359,"tag":160,"props":608,"children":609},{"class":162,"line":185},[610,614,618,622,626,630,635,639],{"type":359,"tag":160,"props":611,"children":612},{"style":373},[613],{"type":111,"value":395},{"type":359,"tag":160,"props":615,"children":616},{"style":379},[617],{"type":111,"value":65},{"type":359,"tag":160,"props":619,"children":620},{"style":402},[621],{"type":111,"value":405},{"type":359,"tag":160,"props":623,"children":624},{"style":373},[625],{"type":111,"value":410},{"type":359,"tag":160,"props":627,"children":628},{"style":373},[629],{"type":111,"value":415},{"type":359,"tag":160,"props":631,"children":632},{"style":418},[633],{"type":111,"value":634},"https:\u002F\u002Fnuxt.com",{"type":359,"tag":160,"props":636,"children":637},{"style":373},[638],{"type":111,"value":415},{"type":359,"tag":160,"props":640,"children":641},{"style":373},[642],{"type":111,"value":430},{"type":359,"tag":160,"props":644,"children":645},{"class":162,"line":213},[646,650,654],{"type":359,"tag":160,"props":647,"children":648},{"style":373},[649],{"type":111,"value":438},{"type":359,"tag":160,"props":651,"children":652},{"style":379},[653],{"type":111,"value":382},{"type":359,"tag":160,"props":655,"children":656},{"style":373},[657],{"type":111,"value":387},{"type":359,"tag":332,"props":659,"children":660},{},[661],{"type":111,"value":451},{"title":114,"searchDepth":185,"depth":185,"links":663},[],1775086371158]