[{"data":1,"prerenderedAt":1429},["Reactive",2],{"navigation":3,"docs-/providers/prismic":115,"docs-/providers/prismic-surround":401},[4,20,33,105],{"title":5,"_path":6,"children":7},"Get Started","/get-started",[8,11,14,17],{"title":9,"_path":10},"Installation","/get-started/installation",{"title":12,"_path":13},"Configuration","/get-started/configuration",{"title":15,"_path":16},"Providers","/get-started/providers",{"title":18,"_path":19},"Contributing","/get-started/contributing",{"title":21,"_path":22,"children":23},"Usage","/usage",[24,27,30],{"title":25,"_path":26},"\u003CNuxtImg>","/usage/nuxt-img",{"title":28,"_path":29},"\u003CNuxtPicture>","/usage/nuxt-picture",{"title":31,"_path":32},"useImage()","/usage/use-image",{"title":15,"_path":34,"children":35},"/providers",[36,39,42,45,48,51,54,57,60,63,66,69,72,75,78,81,84,87,90,93,96,99,102],{"title":37,"_path":38},"Cloudflare","/providers/cloudflare",{"title":40,"_path":41},"Cloudimage","/providers/cloudimage",{"title":43,"_path":44},"Cloudinary","/providers/cloudinary",{"title":46,"_path":47},"Contentful","/providers/contentful",{"title":49,"_path":50},"Directus","/providers/directus",{"title":52,"_path":53},"Edgio","/providers/edgio",{"title":55,"_path":56},"Fastly","/providers/fastly",{"title":58,"_path":59},"Glide","/providers/glide",{"title":61,"_path":62},"Gumlet","/providers/gumlet",{"title":64,"_path":65},"ImageEngine","/providers/imageengine",{"title":67,"_path":68},"ImageKit","/providers/imagekit",{"title":70,"_path":71},"Imgix","/providers/imgix",{"title":73,"_path":74},"IPX","/providers/ipx",{"title":76,"_path":77},"Netlify","/providers/netlify",{"title":79,"_path":80},"Prepr","/providers/prepr",{"title":82,"_path":83},"Prismic","/providers/prismic",{"title":85,"_path":86},"Sanity","/providers/sanity",{"title":88,"_path":89},"Storyblok","/providers/storyblok",{"title":91,"_path":92},"Strapi","/providers/strapi",{"title":94,"_path":95},"Twicpics","/providers/twicpics",{"title":97,"_path":98},"Unsplash","/providers/unsplash",{"title":100,"_path":101},"Uploadcare","/providers/uploadcare",{"title":103,"_path":104},"Vercel","/providers/vercel",{"title":106,"_path":107,"children":108},"Advanced","/advanced",[109,112],{"title":110,"_path":111},"Custom Provider","/advanced/custom-provider",{"title":113,"_path":114},"Static Images","/advanced/static-images",{"_path":83,"_dir":116,"_draft":117,"_partial":117,"_locale":118,"title":82,"description":119,"body":120,"_type":396,"_id":397,"_source":398,"_file":399,"_extension":400},"providers",false,"","Nuxt Image has first class integration with Prismic.",{"type":121,"children":122,"toc":394},"root",[123,141,154,291,296,379,388],{"type":124,"tag":125,"props":126,"children":127},"element","p",{},[128,131,139],{"type":129,"value":130},"text","Integration between ",{"type":124,"tag":132,"props":133,"children":137},"a",{"href":134,"rel":135},"https://prismic.io/docs",[136],"nofollow",[138],{"type":129,"value":82},{"type":129,"value":140}," and the image module.",{"type":124,"tag":125,"props":142,"children":143},{},[144,146,152],{"type":129,"value":145},"No specific configuration is required for Prismic support. You just need to specify ",{"type":124,"tag":147,"props":148,"children":149},"code",{},[150],{"type":129,"value":151},"provider: 'prismic'",{"type":129,"value":153}," in your configuration to make it the default:",{"type":124,"tag":155,"props":156,"children":161},"pre",{"className":157,"code":158,"filename":159,"language":160,"meta":118},"language-ts material-theme_material-theme-palenight_material-theme-lighter","export default defineNuxtConfig({\n  image: {\n    prismic: {}\n  }\n})\n","nuxt.config.ts","ts",[162],{"type":124,"tag":147,"props":163,"children":164},{"__ignoreMap":118},[165,209,237,264,277],{"type":124,"tag":166,"props":167,"children":170},"span",{"class":168,"line":169},"line",1,[171,177,183,188,192,198,203],{"type":124,"tag":166,"props":172,"children":174},{"class":173},"ct-398028",[175],{"type":129,"value":176},"export",{"type":124,"tag":166,"props":178,"children":180},{"class":179},"ct-521921",[181],{"type":129,"value":182}," ",{"type":124,"tag":166,"props":184,"children":185},{"class":173},[186],{"type":129,"value":187},"default",{"type":124,"tag":166,"props":189,"children":190},{"class":179},[191],{"type":129,"value":182},{"type":124,"tag":166,"props":193,"children":195},{"class":194},"ct-021512",[196],{"type":129,"value":197},"defineNuxtConfig",{"type":124,"tag":166,"props":199,"children":200},{"class":179},[201],{"type":129,"value":202},"(",{"type":124,"tag":166,"props":204,"children":206},{"class":205},"ct-542793",[207],{"type":129,"value":208},"{\n",{"type":124,"tag":166,"props":210,"children":212},{"class":168,"line":211},2,[213,218,224,229,233],{"type":124,"tag":166,"props":214,"children":215},{"class":179},[216],{"type":129,"value":217},"  ",{"type":124,"tag":166,"props":219,"children":221},{"class":220},"ct-821147",[222],{"type":129,"value":223},"image",{"type":124,"tag":166,"props":225,"children":226},{"class":205},[227],{"type":129,"value":228},":",{"type":124,"tag":166,"props":230,"children":231},{"class":179},[232],{"type":129,"value":182},{"type":124,"tag":166,"props":234,"children":235},{"class":205},[236],{"type":129,"value":208},{"type":124,"tag":166,"props":238,"children":240},{"class":168,"line":239},3,[241,246,251,255,259],{"type":124,"tag":166,"props":242,"children":243},{"class":179},[244],{"type":129,"value":245},"    ",{"type":124,"tag":166,"props":247,"children":248},{"class":220},[249],{"type":129,"value":250},"prismic",{"type":124,"tag":166,"props":252,"children":253},{"class":205},[254],{"type":129,"value":228},{"type":124,"tag":166,"props":256,"children":257},{"class":179},[258],{"type":129,"value":182},{"type":124,"tag":166,"props":260,"children":261},{"class":205},[262],{"type":129,"value":263},"{}\n",{"type":124,"tag":166,"props":265,"children":267},{"class":168,"line":266},4,[268,272],{"type":124,"tag":166,"props":269,"children":270},{"class":179},[271],{"type":129,"value":217},{"type":124,"tag":166,"props":273,"children":274},{"class":205},[275],{"type":129,"value":276},"}\n",{"type":124,"tag":166,"props":278,"children":280},{"class":168,"line":279},5,[281,286],{"type":124,"tag":166,"props":282,"children":283},{"class":205},[284],{"type":129,"value":285},"}",{"type":124,"tag":166,"props":287,"children":288},{"class":179},[289],{"type":129,"value":290},")",{"type":124,"tag":125,"props":292,"children":293},{},[294],{"type":129,"value":295},"You can also pass it directly to your component when you need it, for example:",{"type":124,"tag":155,"props":297,"children":302},{"className":298,"code":299,"filename":300,"language":301,"meta":118},"language-html[*.vue] material-theme_material-theme-palenight_material-theme-lighter","\u003CNuxtImg provider=\"prismic\" src=\"...\" />\n","*.vue","html",[303],{"type":124,"tag":147,"props":304,"children":305},{"__ignoreMap":118},[306],{"type":124,"tag":166,"props":307,"children":308},{"class":168,"line":169},[309,314,319,323,329,334,339,344,348,352,357,361,365,370,374],{"type":124,"tag":166,"props":310,"children":311},{"class":205},[312],{"type":129,"value":313},"\u003C",{"type":124,"tag":166,"props":315,"children":316},{"class":220},[317],{"type":129,"value":318},"NuxtImg",{"type":124,"tag":166,"props":320,"children":321},{"class":205},[322],{"type":129,"value":182},{"type":124,"tag":166,"props":324,"children":326},{"class":325},"ct-366012",[327],{"type":129,"value":328},"provider",{"type":124,"tag":166,"props":330,"children":331},{"class":205},[332],{"type":129,"value":333},"=",{"type":124,"tag":166,"props":335,"children":336},{"class":205},[337],{"type":129,"value":338},"\"",{"type":124,"tag":166,"props":340,"children":342},{"class":341},"ct-083593",[343],{"type":129,"value":250},{"type":124,"tag":166,"props":345,"children":346},{"class":205},[347],{"type":129,"value":338},{"type":124,"tag":166,"props":349,"children":350},{"class":205},[351],{"type":129,"value":182},{"type":124,"tag":166,"props":353,"children":354},{"class":325},[355],{"type":129,"value":356},"src",{"type":124,"tag":166,"props":358,"children":359},{"class":205},[360],{"type":129,"value":333},{"type":124,"tag":166,"props":362,"children":363},{"class":205},[364],{"type":129,"value":338},{"type":124,"tag":166,"props":366,"children":367},{"class":341},[368],{"type":129,"value":369},"...",{"type":124,"tag":166,"props":371,"children":372},{"class":205},[373],{"type":129,"value":338},{"type":124,"tag":166,"props":375,"children":376},{"class":205},[377],{"type":129,"value":378}," />",{"type":124,"tag":380,"props":381,"children":382},"callout",{},[383],{"type":124,"tag":125,"props":384,"children":385},{},[386],{"type":129,"value":387},"Prismic allows content writer to manipulate images through its UI (cropping, rezising, etc.). To preserve that behavior this provider does not strip query parameters coming from Prismic. Instead it only overrides them when needed, keeping developers in control.",{"type":124,"tag":389,"props":390,"children":391},"style",{},[392],{"type":129,"value":393},".material-theme_material-theme-palenight_material-theme-lighter{color:#EEFFFF;background:#263238;}.dark .material-theme_material-theme-palenight_material-theme-lighter{color:#A6ACCD;background:#292D3E;}.light .material-theme_material-theme-palenight_material-theme-lighter{color:#90A4AE;background:#FAFAFA;}.ct-398028{color:#89DDFF;font-style:italic;}.light .ct-398028{color:#39ADB5;font-style:italic;}.ct-521921{color:#EEFFFF;}.dark .ct-521921{color:#A6ACCD;}.light .ct-521921{color:#90A4AE;}.ct-021512{color:#82AAFF;}.light .ct-021512{color:#6182B8;}.ct-542793{color:#89DDFF;}.light .ct-542793{color:#39ADB5;}.ct-821147{color:#F07178;}.light .ct-821147{color:#E53935;}.ct-366012{color:#C792EA;}.light .ct-366012{color:#9C3EDA;}.ct-083593{color:#C3E88D;}.light .ct-083593{color:#91B859;}",{"title":118,"searchDepth":211,"depth":211,"links":395},[],"markdown","content:3.providers:prismic.md","content","3.providers/prismic.md","md",[402,833],{"_path":80,"_dir":116,"_draft":117,"_partial":117,"_locale":118,"title":79,"description":403,"body":404,"_type":396,"_id":831,"_source":398,"_file":832,"_extension":400},"Nuxt Image integration with Prepr CMS.",{"type":121,"children":405,"toc":825},[406,418,430,603,610,624,629,653,675,682,687,760,768,781,806,820],{"type":124,"tag":125,"props":407,"children":408},{},[409,410,416],{"type":129,"value":130},{"type":124,"tag":132,"props":411,"children":414},{"href":412,"rel":413},"https://prepr.io/",[136],[415],{"type":129,"value":79},{"type":129,"value":417}," and Nuxt Image.",{"type":124,"tag":125,"props":419,"children":420},{},[421,423,428],{"type":129,"value":422},"To use this provider you just need to specify the ",{"type":124,"tag":147,"props":424,"children":425},{},[426],{"type":129,"value":427},"projectName",{"type":129,"value":429}," of your project in Prepr.",{"type":124,"tag":155,"props":431,"children":433},{"className":157,"code":432,"filename":159,"language":160,"meta":118},"export default defineNuxtConfig({\n  image: {\n    prepr: {\n      // E.g.: https://YourProjectName.prepr.io/\n      projectName: 'YourProjectName',\n    }\n  }\n})\n",[434],{"type":124,"tag":147,"props":435,"children":436},{"__ignoreMap":118},[437,468,491,515,529,567,579,591],{"type":124,"tag":166,"props":438,"children":439},{"class":168,"line":169},[440,444,448,452,456,460,464],{"type":124,"tag":166,"props":441,"children":442},{"class":173},[443],{"type":129,"value":176},{"type":124,"tag":166,"props":445,"children":446},{"class":179},[447],{"type":129,"value":182},{"type":124,"tag":166,"props":449,"children":450},{"class":173},[451],{"type":129,"value":187},{"type":124,"tag":166,"props":453,"children":454},{"class":179},[455],{"type":129,"value":182},{"type":124,"tag":166,"props":457,"children":458},{"class":194},[459],{"type":129,"value":197},{"type":124,"tag":166,"props":461,"children":462},{"class":179},[463],{"type":129,"value":202},{"type":124,"tag":166,"props":465,"children":466},{"class":205},[467],{"type":129,"value":208},{"type":124,"tag":166,"props":469,"children":470},{"class":168,"line":211},[471,475,479,483,487],{"type":124,"tag":166,"props":472,"children":473},{"class":179},[474],{"type":129,"value":217},{"type":124,"tag":166,"props":476,"children":477},{"class":220},[478],{"type":129,"value":223},{"type":124,"tag":166,"props":480,"children":481},{"class":205},[482],{"type":129,"value":228},{"type":124,"tag":166,"props":484,"children":485},{"class":179},[486],{"type":129,"value":182},{"type":124,"tag":166,"props":488,"children":489},{"class":205},[490],{"type":129,"value":208},{"type":124,"tag":166,"props":492,"children":493},{"class":168,"line":239},[494,498,503,507,511],{"type":124,"tag":166,"props":495,"children":496},{"class":179},[497],{"type":129,"value":245},{"type":124,"tag":166,"props":499,"children":500},{"class":220},[501],{"type":129,"value":502},"prepr",{"type":124,"tag":166,"props":504,"children":505},{"class":205},[506],{"type":129,"value":228},{"type":124,"tag":166,"props":508,"children":509},{"class":179},[510],{"type":129,"value":182},{"type":124,"tag":166,"props":512,"children":513},{"class":205},[514],{"type":129,"value":208},{"type":124,"tag":166,"props":516,"children":517},{"class":168,"line":266},[518,523],{"type":124,"tag":166,"props":519,"children":520},{"class":205},[521],{"type":129,"value":522},"      ",{"type":124,"tag":166,"props":524,"children":526},{"class":525},"ct-767688",[527],{"type":129,"value":528},"// E.g.: https://YourProjectName.prepr.io/\n",{"type":124,"tag":166,"props":530,"children":531},{"class":168,"line":279},[532,536,540,544,548,553,558,562],{"type":124,"tag":166,"props":533,"children":534},{"class":179},[535],{"type":129,"value":522},{"type":124,"tag":166,"props":537,"children":538},{"class":220},[539],{"type":129,"value":427},{"type":124,"tag":166,"props":541,"children":542},{"class":205},[543],{"type":129,"value":228},{"type":124,"tag":166,"props":545,"children":546},{"class":179},[547],{"type":129,"value":182},{"type":124,"tag":166,"props":549,"children":550},{"class":205},[551],{"type":129,"value":552},"'",{"type":124,"tag":166,"props":554,"children":555},{"class":341},[556],{"type":129,"value":557},"YourProjectName",{"type":124,"tag":166,"props":559,"children":560},{"class":205},[561],{"type":129,"value":552},{"type":124,"tag":166,"props":563,"children":564},{"class":205},[565],{"type":129,"value":566},",\n",{"type":124,"tag":166,"props":568,"children":570},{"class":168,"line":569},6,[571,575],{"type":124,"tag":166,"props":572,"children":573},{"class":179},[574],{"type":129,"value":245},{"type":124,"tag":166,"props":576,"children":577},{"class":205},[578],{"type":129,"value":276},{"type":124,"tag":166,"props":580,"children":582},{"class":168,"line":581},7,[583,587],{"type":124,"tag":166,"props":584,"children":585},{"class":179},[586],{"type":129,"value":217},{"type":124,"tag":166,"props":588,"children":589},{"class":205},[590],{"type":129,"value":276},{"type":124,"tag":166,"props":592,"children":594},{"class":168,"line":593},8,[595,599],{"type":124,"tag":166,"props":596,"children":597},{"class":205},[598],{"type":129,"value":285},{"type":124,"tag":166,"props":600,"children":601},{"class":179},[602],{"type":129,"value":290},{"type":124,"tag":604,"props":605,"children":607},"h2",{"id":606},"modifiers",[608],{"type":129,"value":609},"Modifiers",{"type":124,"tag":125,"props":611,"children":612},{},[613,615,622],{"type":129,"value":614},"The Prepr provider supports a number of additional modifiers. For a full list,\ncheck out ",{"type":124,"tag":132,"props":616,"children":619},{"href":617,"rel":618},"https://docs.prepr.io/reference/rest/v1/assets-resizing/",[136],[620],{"type":129,"value":621},"the Prepr documentation",{"type":129,"value":623},".\nAll current transformations currently mentioned in Prepr docs are supported.",{"type":124,"tag":125,"props":625,"children":626},{},[627],{"type":129,"value":628},"For the time being you might find the following links useful:",{"type":124,"tag":630,"props":631,"children":632},"ul",{},[633,643],{"type":124,"tag":634,"props":635,"children":636},"li",{},[637],{"type":124,"tag":132,"props":638,"children":640},{"href":617,"rel":639},[136],[641],{"type":129,"value":642},"Assets Resizing via REST API",{"type":124,"tag":634,"props":644,"children":645},{},[646],{"type":124,"tag":132,"props":647,"children":650},{"href":648,"rel":649},"https://docs.prepr.io/managing-content/images",[136],[651],{"type":129,"value":652},"Understanding your marketing and design team workflows",{"type":124,"tag":380,"props":654,"children":655},{},[656],{"type":124,"tag":125,"props":657,"children":658},{},[659,661,666,668,673],{"type":129,"value":660},"prepr.io does not provide a way to restrict what domains can\nrequest assets to your project's CDN, nor limit the maximum size in ",{"type":124,"tag":147,"props":662,"children":663},{},[664],{"type":129,"value":665},"pixels",{"type":129,"value":667}," or\n",{"type":124,"tag":147,"props":669,"children":670},{},[671],{"type":129,"value":672},"bytes",{"type":129,"value":674}," of images that are served from the CDN.",{"type":124,"tag":676,"props":677,"children":679},"h3",{"id":678},"convenience-key-modifiers",[680],{"type":129,"value":681},"Convenience key modifiers",{"type":124,"tag":125,"props":683,"children":684},{},[685],{"type":129,"value":686},"The following more readable modifiers are supported, in addition to Prepr's\nnative modifiers:",{"type":124,"tag":630,"props":688,"children":689},{},[690,705,718,732,746],{"type":124,"tag":634,"props":691,"children":692},{},[693,698,700],{"type":124,"tag":147,"props":694,"children":695},{},[696],{"type":129,"value":697},"crop",{"type":129,"value":699}," is equivalent to ",{"type":124,"tag":147,"props":701,"children":702},{},[703],{"type":129,"value":704},"c",{"type":124,"tag":634,"props":706,"children":707},{},[708,713,714],{"type":124,"tag":147,"props":709,"children":710},{},[711],{"type":129,"value":712},"format",{"type":129,"value":699},{"type":124,"tag":147,"props":715,"children":716},{},[717],{"type":129,"value":712},{"type":124,"tag":634,"props":719,"children":720},{},[721,726,727],{"type":124,"tag":147,"props":722,"children":723},{},[724],{"type":129,"value":725},"height",{"type":129,"value":699},{"type":124,"tag":147,"props":728,"children":729},{},[730],{"type":129,"value":731},"h",{"type":124,"tag":634,"props":733,"children":734},{},[735,740,741],{"type":124,"tag":147,"props":736,"children":737},{},[738],{"type":129,"value":739},"quality",{"type":129,"value":699},{"type":124,"tag":147,"props":742,"children":743},{},[744],{"type":129,"value":745},"q",{"type":124,"tag":634,"props":747,"children":748},{},[749,754,755],{"type":124,"tag":147,"props":750,"children":751},{},[752],{"type":129,"value":753},"width",{"type":129,"value":699},{"type":124,"tag":147,"props":756,"children":757},{},[758],{"type":129,"value":759},"w",{"type":124,"tag":676,"props":761,"children":763},{"id":762},"fit",[764],{"type":124,"tag":147,"props":765,"children":766},{},[767],{"type":129,"value":762},{"type":124,"tag":125,"props":769,"children":770},{},[771,773,779],{"type":129,"value":772},"In addition to the values specified in the Prepr docs, which are respected, the\nfollowing options from the ",{"type":124,"tag":132,"props":774,"children":776},{"href":775},"/usage/nuxt-img#fit",[777],{"type":129,"value":778},"default fit behavior",{"type":129,"value":780},"\nare supported:",{"type":124,"tag":630,"props":782,"children":783},{},[784],{"type":124,"tag":634,"props":785,"children":786},{},[787,792,794,798,800,805],{"type":124,"tag":147,"props":788,"children":789},{},[790],{"type":129,"value":791},"cover",{"type":129,"value":793}," - this will behave like the Prepr modifier ",{"type":124,"tag":147,"props":795,"children":796},{},[797],{"type":129,"value":697},{"type":129,"value":799},", when passed without\na value (defaults to ",{"type":124,"tag":147,"props":801,"children":802},{},[803],{"type":129,"value":804},"centre",{"type":129,"value":290},{"type":124,"tag":380,"props":807,"children":808},{},[809],{"type":124,"tag":125,"props":810,"children":811},{},[812,814,818],{"type":129,"value":813},"For the time being, other ",{"type":124,"tag":147,"props":815,"children":816},{},[817],{"type":129,"value":762},{"type":129,"value":819}," options are not supported by this provider.",{"type":124,"tag":389,"props":821,"children":822},{},[823],{"type":129,"value":824},".material-theme_material-theme-palenight_material-theme-lighter{color:#EEFFFF;background:#263238;}.dark .material-theme_material-theme-palenight_material-theme-lighter{color:#A6ACCD;background:#292D3E;}.light .material-theme_material-theme-palenight_material-theme-lighter{color:#90A4AE;background:#FAFAFA;}.ct-398028{color:#89DDFF;font-style:italic;}.light .ct-398028{color:#39ADB5;font-style:italic;}.ct-521921{color:#EEFFFF;}.dark .ct-521921{color:#A6ACCD;}.light .ct-521921{color:#90A4AE;}.ct-021512{color:#82AAFF;}.light .ct-021512{color:#6182B8;}.ct-542793{color:#89DDFF;}.light .ct-542793{color:#39ADB5;}.ct-821147{color:#F07178;}.light .ct-821147{color:#E53935;}.ct-767688{color:#546E7A;font-style:italic;}.dark .ct-767688{color:#676E95;font-style:italic;}.light .ct-767688{color:#90A4AE;font-style:italic;}.ct-083593{color:#C3E88D;}.light .ct-083593{color:#91B859;}",{"title":118,"searchDepth":211,"depth":211,"links":826},[827],{"id":606,"depth":211,"text":609,"children":828},[829,830],{"id":678,"depth":239,"text":681},{"id":762,"depth":239,"text":762},"content:3.providers:prepr.md","3.providers/prepr.md",{"_path":86,"_dir":116,"_draft":117,"_partial":117,"_locale":118,"title":85,"description":834,"body":835,"_type":396,"_id":1427,"_source":398,"_file":1428,"_extension":400},"Nuxt Image has first class integration with Sanity.",{"type":121,"children":836,"toc":1418},[837,848,859,1038,1042,1055,1061,1066,1221,1228,1239,1318,1354,1361,1373,1388,1413],{"type":124,"tag":125,"props":838,"children":839},{},[840,841,847],{"type":129,"value":130},{"type":124,"tag":132,"props":842,"children":845},{"href":843,"rel":844},"https://www.sanity.io/docs/image-urls",[136],[846],{"type":129,"value":85},{"type":129,"value":417},{"type":124,"tag":125,"props":849,"children":850},{},[851,852,857],{"type":129,"value":422},{"type":124,"tag":147,"props":853,"children":854},{},[855],{"type":129,"value":856},"projectId",{"type":129,"value":858}," of your project in Sanity.",{"type":124,"tag":155,"props":860,"children":862},{"className":157,"code":861,"filename":159,"language":160,"meta":118},"export default defineNuxtConfig({\n  image: {\n    sanity: {\n      projectId: 'yourprojectid',\n      // Defaults to 'production'\n      // dataset: 'development'\n    }\n  }\n})\n",[863],{"type":124,"tag":147,"props":864,"children":865},{"__ignoreMap":118},[866,897,920,944,980,992,1004,1015,1026],{"type":124,"tag":166,"props":867,"children":868},{"class":168,"line":169},[869,873,877,881,885,889,893],{"type":124,"tag":166,"props":870,"children":871},{"class":173},[872],{"type":129,"value":176},{"type":124,"tag":166,"props":874,"children":875},{"class":179},[876],{"type":129,"value":182},{"type":124,"tag":166,"props":878,"children":879},{"class":173},[880],{"type":129,"value":187},{"type":124,"tag":166,"props":882,"children":883},{"class":179},[884],{"type":129,"value":182},{"type":124,"tag":166,"props":886,"children":887},{"class":194},[888],{"type":129,"value":197},{"type":124,"tag":166,"props":890,"children":891},{"class":179},[892],{"type":129,"value":202},{"type":124,"tag":166,"props":894,"children":895},{"class":205},[896],{"type":129,"value":208},{"type":124,"tag":166,"props":898,"children":899},{"class":168,"line":211},[900,904,908,912,916],{"type":124,"tag":166,"props":901,"children":902},{"class":179},[903],{"type":129,"value":217},{"type":124,"tag":166,"props":905,"children":906},{"class":220},[907],{"type":129,"value":223},{"type":124,"tag":166,"props":909,"children":910},{"class":205},[911],{"type":129,"value":228},{"type":124,"tag":166,"props":913,"children":914},{"class":179},[915],{"type":129,"value":182},{"type":124,"tag":166,"props":917,"children":918},{"class":205},[919],{"type":129,"value":208},{"type":124,"tag":166,"props":921,"children":922},{"class":168,"line":239},[923,927,932,936,940],{"type":124,"tag":166,"props":924,"children":925},{"class":179},[926],{"type":129,"value":245},{"type":124,"tag":166,"props":928,"children":929},{"class":220},[930],{"type":129,"value":931},"sanity",{"type":124,"tag":166,"props":933,"children":934},{"class":205},[935],{"type":129,"value":228},{"type":124,"tag":166,"props":937,"children":938},{"class":179},[939],{"type":129,"value":182},{"type":124,"tag":166,"props":941,"children":942},{"class":205},[943],{"type":129,"value":208},{"type":124,"tag":166,"props":945,"children":946},{"class":168,"line":266},[947,951,955,959,963,967,972,976],{"type":124,"tag":166,"props":948,"children":949},{"class":179},[950],{"type":129,"value":522},{"type":124,"tag":166,"props":952,"children":953},{"class":220},[954],{"type":129,"value":856},{"type":124,"tag":166,"props":956,"children":957},{"class":205},[958],{"type":129,"value":228},{"type":124,"tag":166,"props":960,"children":961},{"class":179},[962],{"type":129,"value":182},{"type":124,"tag":166,"props":964,"children":965},{"class":205},[966],{"type":129,"value":552},{"type":124,"tag":166,"props":968,"children":969},{"class":341},[970],{"type":129,"value":971},"yourprojectid",{"type":124,"tag":166,"props":973,"children":974},{"class":205},[975],{"type":129,"value":552},{"type":124,"tag":166,"props":977,"children":978},{"class":205},[979],{"type":129,"value":566},{"type":124,"tag":166,"props":981,"children":982},{"class":168,"line":279},[983,987],{"type":124,"tag":166,"props":984,"children":985},{"class":205},[986],{"type":129,"value":522},{"type":124,"tag":166,"props":988,"children":989},{"class":525},[990],{"type":129,"value":991},"// Defaults to 'production'\n",{"type":124,"tag":166,"props":993,"children":994},{"class":168,"line":569},[995,999],{"type":124,"tag":166,"props":996,"children":997},{"class":205},[998],{"type":129,"value":522},{"type":124,"tag":166,"props":1000,"children":1001},{"class":525},[1002],{"type":129,"value":1003},"// dataset: 'development'\n",{"type":124,"tag":166,"props":1005,"children":1006},{"class":168,"line":581},[1007,1011],{"type":124,"tag":166,"props":1008,"children":1009},{"class":179},[1010],{"type":129,"value":245},{"type":124,"tag":166,"props":1012,"children":1013},{"class":205},[1014],{"type":129,"value":276},{"type":124,"tag":166,"props":1016,"children":1017},{"class":168,"line":593},[1018,1022],{"type":124,"tag":166,"props":1019,"children":1020},{"class":179},[1021],{"type":129,"value":217},{"type":124,"tag":166,"props":1023,"children":1024},{"class":205},[1025],{"type":129,"value":276},{"type":124,"tag":166,"props":1027,"children":1029},{"class":168,"line":1028},9,[1030,1034],{"type":124,"tag":166,"props":1031,"children":1032},{"class":205},[1033],{"type":129,"value":285},{"type":124,"tag":166,"props":1035,"children":1036},{"class":179},[1037],{"type":129,"value":290},{"type":124,"tag":604,"props":1039,"children":1040},{"id":606},[1041],{"type":129,"value":609},{"type":124,"tag":125,"props":1043,"children":1044},{},[1045,1047,1053],{"type":129,"value":1046},"The Sanity provider supports a number of additional modifiers. For a full list, check out ",{"type":124,"tag":132,"props":1048,"children":1050},{"href":843,"rel":1049},[136],[1051],{"type":129,"value":1052},"the Sanity documentation",{"type":129,"value":1054},". All of the modifiers mentioned in the Sanity docs are supported, with the following notes.",{"type":124,"tag":676,"props":1056,"children":1058},{"id":1057},"extra-convenience-modifiers",[1059],{"type":129,"value":1060},"Extra convenience modifiers",{"type":124,"tag":125,"props":1062,"children":1063},{},[1064],{"type":129,"value":1065},"The following more readable modifiers are also supported:",{"type":124,"tag":630,"props":1067,"children":1068},{},[1069,1084,1098,1112,1126,1147,1167,1187,1207],{"type":124,"tag":634,"props":1070,"children":1071},{},[1072,1077,1079],{"type":124,"tag":147,"props":1073,"children":1074},{},[1075],{"type":129,"value":1076},"background",{"type":129,"value":1078}," - equivalent to ",{"type":124,"tag":147,"props":1080,"children":1081},{},[1082],{"type":129,"value":1083},"bg",{"type":124,"tag":634,"props":1085,"children":1086},{},[1087,1092,1093],{"type":124,"tag":147,"props":1088,"children":1089},{},[1090],{"type":129,"value":1091},"download",{"type":129,"value":1078},{"type":124,"tag":147,"props":1094,"children":1095},{},[1096],{"type":129,"value":1097},"dl",{"type":124,"tag":634,"props":1099,"children":1100},{},[1101,1106,1107],{"type":124,"tag":147,"props":1102,"children":1103},{},[1104],{"type":129,"value":1105},"sharpen",{"type":129,"value":1078},{"type":124,"tag":147,"props":1108,"children":1109},{},[1110],{"type":129,"value":1111},"sharp",{"type":124,"tag":634,"props":1113,"children":1114},{},[1115,1120,1121],{"type":124,"tag":147,"props":1116,"children":1117},{},[1118],{"type":129,"value":1119},"orientation",{"type":129,"value":1078},{"type":124,"tag":147,"props":1122,"children":1123},{},[1124],{"type":129,"value":1125},"or",{"type":124,"tag":634,"props":1127,"children":1128},{},[1129,1134,1136,1141,1142],{"type":124,"tag":147,"props":1130,"children":1131},{},[1132],{"type":129,"value":1133},"minHeight",{"type":129,"value":1135}," or ",{"type":124,"tag":147,"props":1137,"children":1138},{},[1139],{"type":129,"value":1140},"min-height",{"type":129,"value":1078},{"type":124,"tag":147,"props":1143,"children":1144},{},[1145],{"type":129,"value":1146},"min-h",{"type":124,"tag":634,"props":1148,"children":1149},{},[1150,1155,1156,1161,1162],{"type":124,"tag":147,"props":1151,"children":1152},{},[1153],{"type":129,"value":1154},"maxHeight",{"type":129,"value":1135},{"type":124,"tag":147,"props":1157,"children":1158},{},[1159],{"type":129,"value":1160},"max-height",{"type":129,"value":1078},{"type":124,"tag":147,"props":1163,"children":1164},{},[1165],{"type":129,"value":1166},"max-h",{"type":124,"tag":634,"props":1168,"children":1169},{},[1170,1175,1176,1181,1182],{"type":124,"tag":147,"props":1171,"children":1172},{},[1173],{"type":129,"value":1174},"minWidth",{"type":129,"value":1135},{"type":124,"tag":147,"props":1177,"children":1178},{},[1179],{"type":129,"value":1180},"min-width",{"type":129,"value":1078},{"type":124,"tag":147,"props":1183,"children":1184},{},[1185],{"type":129,"value":1186},"min-w",{"type":124,"tag":634,"props":1188,"children":1189},{},[1190,1195,1196,1201,1202],{"type":124,"tag":147,"props":1191,"children":1192},{},[1193],{"type":129,"value":1194},"maxWidth",{"type":129,"value":1135},{"type":124,"tag":147,"props":1197,"children":1198},{},[1199],{"type":129,"value":1200},"max-width",{"type":129,"value":1078},{"type":124,"tag":147,"props":1203,"children":1204},{},[1205],{"type":129,"value":1206},"max-w",{"type":124,"tag":634,"props":1208,"children":1209},{},[1210,1215,1216],{"type":124,"tag":147,"props":1211,"children":1212},{},[1213],{"type":129,"value":1214},"saturation",{"type":129,"value":1078},{"type":124,"tag":147,"props":1217,"children":1218},{},[1219],{"type":129,"value":1220},"sat",{"type":124,"tag":676,"props":1222,"children":1223},{"id":762},[1224],{"type":124,"tag":147,"props":1225,"children":1226},{},[1227],{"type":129,"value":762},{"type":124,"tag":125,"props":1229,"children":1230},{},[1231,1233,1237],{"type":129,"value":1232},"In addition to the values specified in the Sanity docs, which are respected, the following options from the ",{"type":124,"tag":132,"props":1234,"children":1235},{"href":775},[1236],{"type":129,"value":778},{"type":129,"value":1238}," are supported:",{"type":124,"tag":630,"props":1240,"children":1241},{},[1242,1255,1277,1291,1305],{"type":124,"tag":634,"props":1243,"children":1244},{},[1245,1249,1251],{"type":124,"tag":147,"props":1246,"children":1247},{},[1248],{"type":129,"value":791},{"type":129,"value":1250}," - this will behave like the Sanity modifier ",{"type":124,"tag":147,"props":1252,"children":1253},{},[1254],{"type":129,"value":697},{"type":124,"tag":634,"props":1256,"children":1257},{},[1258,1263,1264,1269,1271,1275],{"type":124,"tag":147,"props":1259,"children":1260},{},[1261],{"type":129,"value":1262},"contain",{"type":129,"value":1250},{"type":124,"tag":147,"props":1265,"children":1266},{},[1267],{"type":129,"value":1268},"fill",{"type":129,"value":1270},", and defaults to filling with a white background. (You can specify your own background color with the ",{"type":124,"tag":147,"props":1272,"children":1273},{},[1274],{"type":129,"value":1076},{"type":129,"value":1276}," modifier.)",{"type":124,"tag":634,"props":1278,"children":1279},{},[1280,1285,1286],{"type":124,"tag":147,"props":1281,"children":1282},{},[1283],{"type":129,"value":1284},"inside",{"type":129,"value":1250},{"type":124,"tag":147,"props":1287,"children":1288},{},[1289],{"type":129,"value":1290},"min",{"type":124,"tag":634,"props":1292,"children":1293},{},[1294,1299,1300],{"type":124,"tag":147,"props":1295,"children":1296},{},[1297],{"type":129,"value":1298},"outside",{"type":129,"value":1250},{"type":124,"tag":147,"props":1301,"children":1302},{},[1303],{"type":129,"value":1304},"max",{"type":124,"tag":634,"props":1306,"children":1307},{},[1308,1312,1313],{"type":124,"tag":147,"props":1309,"children":1310},{},[1311],{"type":129,"value":1268},{"type":129,"value":1250},{"type":124,"tag":147,"props":1314,"children":1315},{},[1316],{"type":129,"value":1317},"scale",{"type":124,"tag":380,"props":1319,"children":1320},{},[1321],{"type":124,"tag":125,"props":1322,"children":1323},{},[1324,1326,1331,1333,1338,1340,1345,1347,1352],{"type":129,"value":1325},"For compatibility with other providers, ",{"type":124,"tag":147,"props":1327,"children":1328},{},[1329],{"type":129,"value":1330},"fit: fill",{"type":129,"value":1332}," is equivalent to the Sanity parameter ",{"type":124,"tag":147,"props":1334,"children":1335},{},[1336],{"type":129,"value":1337},"?fit=scale",{"type":129,"value":1339},". If you need the Sanity ",{"type":124,"tag":147,"props":1341,"children":1342},{},[1343],{"type":129,"value":1344},"?fit=fill",{"type":129,"value":1346}," behavior, use ",{"type":124,"tag":147,"props":1348,"children":1349},{},[1350],{"type":129,"value":1351},"fit: contain",{"type":129,"value":1353}," instead.",{"type":124,"tag":676,"props":1355,"children":1356},{"id":712},[1357],{"type":124,"tag":147,"props":1358,"children":1359},{},[1360],{"type":129,"value":712},{"type":124,"tag":125,"props":1362,"children":1363},{},[1364,1366,1371],{"type":129,"value":1365},"You can specify any of the formats suppored by Sanity. If this is omitted, the Sanity provider will default to ",{"type":124,"tag":147,"props":1367,"children":1368},{},[1369],{"type":129,"value":1370},"auto=format",{"type":129,"value":1372},".",{"type":124,"tag":676,"props":1374,"children":1376},{"id":1375},"crop-and-hotspot",[1377,1381,1383],{"type":124,"tag":147,"props":1378,"children":1379},{},[1380],{"type":129,"value":697},{"type":129,"value":1382}," and ",{"type":124,"tag":147,"props":1384,"children":1385},{},[1386],{"type":129,"value":1387},"hotspot",{"type":124,"tag":125,"props":1389,"children":1390},{},[1391,1393,1398,1400,1405,1406,1411],{"type":129,"value":1392},"You can pass your Sanity crop and hotspot image data as modifiers and Nuxt Image will correctly generate the ",{"type":124,"tag":147,"props":1394,"children":1395},{},[1396],{"type":129,"value":1397},"rect",{"type":129,"value":1399},", ",{"type":124,"tag":147,"props":1401,"children":1402},{},[1403],{"type":129,"value":1404},"fp-x",{"type":129,"value":1382},{"type":124,"tag":147,"props":1407,"children":1408},{},[1409],{"type":129,"value":1410},"fp-y",{"type":129,"value":1412}," parameters for you.",{"type":124,"tag":389,"props":1414,"children":1415},{},[1416],{"type":129,"value":1417},".material-theme_material-theme-palenight_material-theme-lighter{color:#EEFFFF;background:#263238;}.dark .material-theme_material-theme-palenight_material-theme-lighter{color:#A6ACCD;background:#292D3E;}.light .material-theme_material-theme-palenight_material-theme-lighter{color:#90A4AE;background:#FAFAFA;}.ct-398028{color:#89DDFF;font-style:italic;}.light .ct-398028{color:#39ADB5;font-style:italic;}.ct-521921{color:#EEFFFF;}.dark .ct-521921{color:#A6ACCD;}.light .ct-521921{color:#90A4AE;}.ct-021512{color:#82AAFF;}.light .ct-021512{color:#6182B8;}.ct-542793{color:#89DDFF;}.light .ct-542793{color:#39ADB5;}.ct-821147{color:#F07178;}.light .ct-821147{color:#E53935;}.ct-083593{color:#C3E88D;}.light .ct-083593{color:#91B859;}.ct-767688{color:#546E7A;font-style:italic;}.dark .ct-767688{color:#676E95;font-style:italic;}.light .ct-767688{color:#90A4AE;font-style:italic;}",{"title":118,"searchDepth":211,"depth":211,"links":1419},[1420],{"id":606,"depth":211,"text":609,"children":1421},[1422,1423,1424,1425],{"id":1057,"depth":239,"text":1060},{"id":762,"depth":239,"text":762},{"id":712,"depth":239,"text":712},{"id":1375,"depth":239,"text":1426},"crop and hotspot","content:3.providers:sanity.md","3.providers/sanity.md",1695857014349]