[{"data":1,"prerenderedAt":316},["ShallowReactive",2],{"navigation_docs":3,"diagnostic-content-NUXT0007":44},[4,8,12,16,20,24,28,32,36,40],{"title":5,"path":6,"stem":7},"CLI","\u002Fcli","1.cli",{"title":9,"path":10,"stem":11},"Nuxt","\u002Fnuxt","2.nuxt",{"title":13,"path":14,"stem":15},"Vue","\u002Fvue","3.vue",{"title":17,"path":18,"stem":19},"Vite","\u002Fvite","4.vite",{"title":21,"path":22,"stem":23},"Nitro","\u002Fnitro","5.nitro",{"title":25,"path":26,"stem":27},"TypeScript","\u002Ftypescript","6.typescript",{"title":29,"path":30,"stem":31},"shadcn","\u002Fshadcn","7.shadcn",{"title":33,"path":34,"stem":35},"Package","\u002Fpackage","8.package",{"title":37,"path":38,"stem":39},"Extending Doctor","\u002Fextending","9.extending",{"title":41,"path":42,"stem":43},"Pinia","\u002Fpinia","9.pinia",{"id":45,"title":46,"body":47,"category":53,"code":305,"description":306,"docsUrl":54,"extension":307,"fix":308,"framework":309,"meta":310,"navigation":311,"pack":56,"path":312,"ruleId":57,"rulePath":58,"seo":313,"severity":59,"source":60,"sourceUrl":61,"stem":314,"why":70,"__hash__":315},"diagnostics\u002Fdiagnostics\u002FNUXT0007.md","NUXT0007: Use NuxtPicture for format negotiation",{"type":48,"value":49,"toc":295},"minimark",[50,62,67,71,75,83,87,92,95,154,157,232,236,239,263,267,279,283,291],[51,52],"rule-metadata",{"category":53,"docsUrl":54,"fix":55,"pack":56,"ruleId":57,"rulePath":58,"severity":59,"source":60,"sourceUrl":61},"images","https:\u002F\u002Fimage.nuxt.com\u002Fusage\u002Fnuxt-picture#format","suggestion","vite-doctor\u002Fnuxt-image","nuxt-image\u002Fprefer-nuxtpicture-for-formats","\u002Fnuxt\u002Frules\u002Fimages\u002Fprefer-nuxtpicture-for-formats","info","src\u002Frule-packs\u002Fnuxt\u002Frules\u002Fnuxt-image.ts","https:\u002F\u002Fgithub.com\u002Fonmax\u002Fvite-doctor\u002Fblob\u002Fmain\u002Fsrc\u002Frule-packs\u002Fnuxt\u002Frules\u002Fnuxt-image.ts",[63,64,66],"h2",{"id":65},"why-it-happens","Why it happens",[68,69,70],"p",{},"Images affect accessibility, layout stability, and performance. Nuxt Image gives the framework enough information to optimize them.",[63,72,74],{"id":73},"fix","Fix",[68,76,77,78,82],{},"Use ",[79,80,81],"code",{},"\u003CNuxtPicture>"," when you need format or source-set control.",[63,84,86],{"id":85},"example","Example",[88,89,91],"h3",{"id":90},"use-nuxtpicture-for-formats","Use NuxtPicture for formats",[68,93,94],{},"Before",[96,97,102],"pre",{"className":98,"code":99,"language":100,"meta":101,"style":101},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Ctemplate>\n  \u003Cimg src=\"\u002Fhero.png\">\n\u003C\u002Ftemplate>\n","ts","",[79,103,104,120,144],{"__ignoreMap":101},[105,106,109,113,117],"span",{"class":107,"line":108},"line",1,[105,110,112],{"class":111},"sTEyZ","\u003C",[105,114,116],{"class":115},"sBMFI","template",[105,118,119],{"class":111},">\n",[105,121,123,127,130,133,136,140,142],{"class":107,"line":122},2,[105,124,126],{"class":125},"sMK4o","  \u003C",[105,128,129],{"class":111},"img src",[105,131,132],{"class":125},"=",[105,134,135],{"class":125},"\"",[105,137,139],{"class":138},"sfazB","\u002Fhero.png",[105,141,135],{"class":125},[105,143,119],{"class":125},[105,145,147,150,152],{"class":107,"line":146},3,[105,148,149],{"class":125},"\u003C\u002F",[105,151,116],{"class":111},[105,153,119],{"class":125},[68,155,156],{},"After",[96,158,160],{"className":98,"code":159,"language":100,"meta":101,"style":101},"\u003Ctemplate>\n  \u003CNuxtImg src=\"\u002Fhero.png\" alt=\"Hero\" width=\"1200\" height=\"630\" \u002F>\n\u003C\u002Ftemplate>\n",[79,161,162,170,224],{"__ignoreMap":101},[105,163,164,166,168],{"class":107,"line":108},[105,165,112],{"class":111},[105,167,116],{"class":115},[105,169,119],{"class":111},[105,171,172,174,177,179,181,183,185,188,190,192,195,197,200,202,204,207,209,212,214,216,219,221],{"class":107,"line":122},[105,173,126],{"class":125},[105,175,176],{"class":111},"NuxtImg src",[105,178,132],{"class":125},[105,180,135],{"class":125},[105,182,139],{"class":138},[105,184,135],{"class":125},[105,186,187],{"class":111}," alt",[105,189,132],{"class":125},[105,191,135],{"class":125},[105,193,194],{"class":138},"Hero",[105,196,135],{"class":125},[105,198,199],{"class":111}," width",[105,201,132],{"class":125},[105,203,135],{"class":125},[105,205,206],{"class":138},"1200",[105,208,135],{"class":125},[105,210,211],{"class":111}," height",[105,213,132],{"class":125},[105,215,135],{"class":125},[105,217,218],{"class":138},"630",[105,220,135],{"class":125},[105,222,223],{"class":125}," \u002F>\n",[105,225,226,228,230],{"class":107,"line":146},[105,227,149],{"class":125},[105,229,116],{"class":111},[105,231,119],{"class":125},[63,233,235],{"id":234},"verify-the-fix","Verify the fix",[68,237,238],{},"Run only this rule after editing so the report stays focused on the diagnostic you are closing:",[96,240,244],{"className":241,"code":242,"language":243,"meta":101,"style":101},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","pnpm nuxt doctor --rules nuxt-image\u002Fprefer-nuxtpicture-for-formats\n","bash",[79,245,246],{"__ignoreMap":101},[105,247,248,251,254,257,260],{"class":107,"line":108},[105,249,250],{"class":115},"pnpm",[105,252,253],{"class":138}," nuxt",[105,255,256],{"class":138}," doctor",[105,258,259],{"class":138}," --rules",[105,261,262],{"class":138}," nuxt-image\u002Fprefer-nuxtpicture-for-formats\n",[63,264,266],{"id":265},"useful-links","Useful links",[268,269,270],"ul",{},[271,272,273],"li",{},[274,275,278],"a",{"href":54,"rel":276},[277],"nofollow","Upstream docs",[63,280,282],{"id":281},"related-rule","Related rule",[268,284,285],{},[271,286,287],{},[274,288,289],{"href":58},[79,290,57],{},[292,293,294],"style",{},"html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}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":101,"searchDepth":122,"depth":122,"links":296},[297,298,299,302,303,304],{"id":65,"depth":122,"text":66},{"id":73,"depth":122,"text":74},{"id":85,"depth":122,"text":86,"children":300},[301],{"id":90,"depth":146,"text":91},{"id":234,"depth":122,"text":235},{"id":265,"depth":122,"text":266},{"id":281,"depth":122,"text":282},"NUXT0007","Finds Nuxt project code that should use the supported NuxtPicture for formats pattern instead.","md","Use \u003CNuxtPicture> when you need format or source-set control.","nuxt",{},true,"\u002Fdiagnostics\u002Fnuxt0007",{"title":46,"description":306},"diagnostics\u002FNUXT0007","TjP-1JXFjuIsKfzqvZ6cdc1jwkRo6axOzF-mjBr3918",1791309503614]