[{"data":1,"prerenderedAt":801},["ShallowReactive",2],{"navigation_docs":3,"-setup":29,"-setup-surround":798},[4,9,14,19,24],{"title":5,"path":6,"stem":7,"icon":8},"Setup","\u002Fsetup","2.setup","i-lucide-play",{"title":10,"path":11,"stem":12,"icon":13},"Usage","\u002Fusage","3.usage","i-lucide-code",{"title":15,"path":16,"stem":17,"icon":18},"Authentication","\u002Fauth","4.auth","i-lucide-lock",{"title":20,"path":21,"stem":22,"icon":23},"Advanced","\u002Fadvanced","5.advanced","i-lucide-cog",{"title":25,"path":26,"stem":27,"icon":28},"Nuxt Devtools","\u002Fdevtools","6.devtools","i-simple-icons-nuxtdotjs",{"id":30,"title":5,"body":31,"description":791,"extension":792,"links":793,"meta":794,"navigation":795,"path":6,"seo":796,"stem":7,"__hash__":797},"docs\u002F2.setup.md",{"type":32,"value":33,"toc":772},"minimark",[34,62,67,74,105,116,203,207,210,380,388,500,505,508,517,522,528,539,544,547,552,558,570,575,586,591,594,604,610,613,632,643,653,666,673,682,691,702,706,715,722,763,768],[35,36,37,41,42,46,47,54,55,61],"note",{},[38,39,40],"code",{},"@nuxtjs\u002Fstrapi"," is a ",[43,44,45],"strong",{},"client"," for a Strapi backend. It connects your Nuxt app to a Strapi server that you run and host separately. It does not install, run, or bundle Strapi itself. If you don't have a Strapi server yet, follow the ",[48,49,53],"a",{"href":50,"rel":51},"https:\u002F\u002Fdocs.strapi.io\u002Fdev-docs\u002Fquick-start",[52],"nofollow","Strapi quick start"," first, then point the ",[48,56,58],{"href":57},"#url",[38,59,60],{},"url"," option at it.",[63,64,66],"h2",{"id":65},"installation","Installation",[68,69,70,71,73],"p",{},"Add ",[38,72,40],{}," module to your project:",[75,76,81],"pre",{"className":77,"code":78,"language":79,"meta":80,"style":80},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","npx nuxi@latest module add strapi\n","bash","",[38,82,83],{"__ignoreMap":80},[84,85,88,92,96,99,102],"span",{"class":86,"line":87},"line",1,[84,89,91],{"class":90},"sBMFI","npx",[84,93,95],{"class":94},"sfazB"," nuxi@latest",[84,97,98],{"class":94}," module",[84,100,101],{"class":94}," add",[84,103,104],{"class":94}," strapi\n",[68,106,107,108,111,112,115],{},"This will add the module to the ",[38,109,110],{},"modules"," section of your ",[38,113,114],{},"nuxt.config.ts",". You can then configure it:",[75,117,121],{"className":118,"code":119,"filename":114,"language":120,"meta":80,"style":80},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","export default defineNuxtConfig({\n  modules: ['@nuxtjs\u002Fstrapi'],\n  strapi: {\n    \u002F\u002F Options\n  }\n})\n","ts",[38,122,123,144,170,181,188,194],{"__ignoreMap":80},[84,124,125,129,132,136,140],{"class":86,"line":87},[84,126,128],{"class":127},"s7zQu","export",[84,130,131],{"class":127}," default",[84,133,135],{"class":134},"s2Zo4"," defineNuxtConfig",[84,137,139],{"class":138},"sTEyZ","(",[84,141,143],{"class":142},"sMK4o","{\n",[84,145,147,151,154,157,160,162,164,167],{"class":86,"line":146},2,[84,148,150],{"class":149},"swJcz","  modules",[84,152,153],{"class":142},":",[84,155,156],{"class":138}," [",[84,158,159],{"class":142},"'",[84,161,40],{"class":94},[84,163,159],{"class":142},[84,165,166],{"class":138},"]",[84,168,169],{"class":142},",\n",[84,171,173,176,178],{"class":86,"line":172},3,[84,174,175],{"class":149},"  strapi",[84,177,153],{"class":142},[84,179,180],{"class":142}," {\n",[84,182,184],{"class":86,"line":183},4,[84,185,187],{"class":186},"sHwdD","    \u002F\u002F Options\n",[84,189,191],{"class":86,"line":190},5,[84,192,193],{"class":142},"  }\n",[84,195,197,200],{"class":86,"line":196},6,[84,198,199],{"class":142},"}",[84,201,202],{"class":138},")\n",[63,204,206],{"id":205},"options","Options",[68,208,209],{},"Defaults:",[75,211,213],{"className":118,"code":212,"language":120,"meta":80,"style":80},"{\n  url: process.env.STRAPI_URL || 'http:\u002F\u002Flocalhost:1337',\n  token: process.env.STRAPI_TOKEN || undefined,\n  prefix: '\u002Fapi',\n  admin: '\u002Fadmin',\n  version: 'v5',\n  cookie: {},\n  cookieName: 'strapi_jwt',\n  auth: {},\n  devtools: false\n}\n",[38,214,215,219,253,276,292,308,324,335,352,362,374],{"__ignoreMap":80},[84,216,217],{"class":86,"line":87},[84,218,143],{"class":142},[84,220,221,224,226,229,232,235,237,240,243,246,249,251],{"class":86,"line":146},[84,222,223],{"class":90},"  url",[84,225,153],{"class":142},[84,227,228],{"class":138}," process",[84,230,231],{"class":142},".",[84,233,234],{"class":138},"env",[84,236,231],{"class":142},[84,238,239],{"class":138},"STRAPI_URL",[84,241,242],{"class":142}," ||",[84,244,245],{"class":142}," '",[84,247,248],{"class":94},"http:\u002F\u002Flocalhost:1337",[84,250,159],{"class":142},[84,252,169],{"class":142},[84,254,255,258,260,262,264,266,268,271,273],{"class":86,"line":172},[84,256,257],{"class":90},"  token",[84,259,153],{"class":142},[84,261,228],{"class":138},[84,263,231],{"class":142},[84,265,234],{"class":138},[84,267,231],{"class":142},[84,269,270],{"class":138},"STRAPI_TOKEN",[84,272,242],{"class":142},[84,274,275],{"class":142}," undefined,\n",[84,277,278,281,283,285,288,290],{"class":86,"line":183},[84,279,280],{"class":90},"  prefix",[84,282,153],{"class":142},[84,284,245],{"class":142},[84,286,287],{"class":94},"\u002Fapi",[84,289,159],{"class":142},[84,291,169],{"class":142},[84,293,294,297,299,301,304,306],{"class":86,"line":190},[84,295,296],{"class":90},"  admin",[84,298,153],{"class":142},[84,300,245],{"class":142},[84,302,303],{"class":94},"\u002Fadmin",[84,305,159],{"class":142},[84,307,169],{"class":142},[84,309,310,313,315,317,320,322],{"class":86,"line":196},[84,311,312],{"class":90},"  version",[84,314,153],{"class":142},[84,316,245],{"class":142},[84,318,319],{"class":94},"v5",[84,321,159],{"class":142},[84,323,169],{"class":142},[84,325,327,330,332],{"class":86,"line":326},7,[84,328,329],{"class":90},"  cookie",[84,331,153],{"class":142},[84,333,334],{"class":142}," {},\n",[84,336,338,341,343,345,348,350],{"class":86,"line":337},8,[84,339,340],{"class":90},"  cookieName",[84,342,153],{"class":142},[84,344,245],{"class":142},[84,346,347],{"class":94},"strapi_jwt",[84,349,159],{"class":142},[84,351,169],{"class":142},[84,353,355,358,360],{"class":86,"line":354},9,[84,356,357],{"class":90},"  auth",[84,359,153],{"class":142},[84,361,334],{"class":142},[84,363,365,368,370],{"class":86,"line":364},10,[84,366,367],{"class":90},"  devtools",[84,369,153],{"class":142},[84,371,373],{"class":372},"sfNiH"," false\n",[84,375,377],{"class":86,"line":376},11,[84,378,379],{"class":142},"}\n",[68,381,382,383,153],{},"If you want to override any options on runtime, you may use ",[48,384,387],{"href":385,"rel":386},"https:\u002F\u002Fnuxt.com\u002Fdocs\u002Fgetting-started\u002Fconfiguration#environment-variables-and-private-tokens",[52],"Nuxt runtime-config",[75,389,391],{"className":118,"code":390,"filename":114,"language":120,"meta":80,"style":80},"export default defineNuxtConfig({\n  \u002F\u002F Example of separate client\u002Fserver URLs\n  runtimeConfig: {\n    strapi: {\n      url: 'http:\u002F\u002Flocalhost:1337'\n    },\n    public: {\n      strapi: {\n        url: 'http:\u002F\u002Flocalhost:1337'\n      }\n    }\n  }\n})\n",[38,392,393,405,410,419,428,442,447,456,465,478,483,488,493],{"__ignoreMap":80},[84,394,395,397,399,401,403],{"class":86,"line":87},[84,396,128],{"class":127},[84,398,131],{"class":127},[84,400,135],{"class":134},[84,402,139],{"class":138},[84,404,143],{"class":142},[84,406,407],{"class":86,"line":146},[84,408,409],{"class":186},"  \u002F\u002F Example of separate client\u002Fserver URLs\n",[84,411,412,415,417],{"class":86,"line":172},[84,413,414],{"class":149},"  runtimeConfig",[84,416,153],{"class":142},[84,418,180],{"class":142},[84,420,421,424,426],{"class":86,"line":183},[84,422,423],{"class":149},"    strapi",[84,425,153],{"class":142},[84,427,180],{"class":142},[84,429,430,433,435,437,439],{"class":86,"line":190},[84,431,432],{"class":149},"      url",[84,434,153],{"class":142},[84,436,245],{"class":142},[84,438,248],{"class":94},[84,440,441],{"class":142},"'\n",[84,443,444],{"class":86,"line":196},[84,445,446],{"class":142},"    },\n",[84,448,449,452,454],{"class":86,"line":326},[84,450,451],{"class":149},"    public",[84,453,153],{"class":142},[84,455,180],{"class":142},[84,457,458,461,463],{"class":86,"line":337},[84,459,460],{"class":149},"      strapi",[84,462,153],{"class":142},[84,464,180],{"class":142},[84,466,467,470,472,474,476],{"class":86,"line":354},[84,468,469],{"class":149},"        url",[84,471,153],{"class":142},[84,473,245],{"class":142},[84,475,248],{"class":94},[84,477,441],{"class":142},[84,479,480],{"class":86,"line":364},[84,481,482],{"class":142},"      }\n",[84,484,485],{"class":86,"line":376},[84,486,487],{"class":142},"    }\n",[84,489,491],{"class":86,"line":490},12,[84,492,193],{"class":142},[84,494,496,498],{"class":86,"line":495},13,[84,497,199],{"class":142},[84,499,202],{"class":138},[501,502,503],"h3",{"id":60},[38,504,60],{},[68,506,507],{},"URL of the Strapi server.",[68,509,510,511,513,514,516],{},"Defaults to the ",[38,512,239],{}," environment variable when ",[38,515,60],{}," is not set.",[501,518,520],{"id":519},"token",[38,521,519],{},[68,523,524,525,527],{},"Strapi API token used as a fallback when no user is logged in. Defaults to the ",[38,526,270],{}," environment variable.",[529,530,531,532,534,535,538],"warning",{},"This option is exposed to the client through the public runtime config, so use a read-only token with the minimum permissions. To keep the token on the server, leave this option and ",[38,533,270],{}," unset and use ",[38,536,537],{},"runtimeConfig.strapi.token"," instead.",[501,540,542],{"id":541},"admin",[38,543,541],{},[68,545,546],{},"Specify admin prefix used by your Strapi.",[501,548,550],{"id":549},"prefix",[38,551,549],{},[68,553,554,555,231],{},"Prefix of the Strapi server. Not for version ",[38,556,557],{},"v3",[559,560,561],"blockquote",{},[68,562,563,564,569],{},"Learn how to change the default ",[48,565,568],{"href":566,"rel":567},"https:\u002F\u002Fdocs.strapi.io\u002Fdeveloper-docs\u002Flatest\u002Fsetup-deployment-guides\u002Fconfigurations\u002Foptional\u002Fapi.html",[52],"API prefix"," in your Strapi server.",[501,571,573],{"id":572},"version",[38,574,572],{},[68,576,577,578,580,581,580,584,231],{},"Version of the Strapi server. Can only be ",[38,579,319],{},"\u002F",[38,582,583],{},"v4",[38,585,557],{},[501,587,589],{"id":588},"cookie",[38,590,588],{},[68,592,593],{},"Cookie options of the Strapi token cookie.",[559,595,596],{},[68,597,598,599],{},"All cookie options can be found in the ",[48,600,603],{"href":601,"rel":602},"https:\u002F\u002Fnuxt.com\u002Fdocs\u002Fapi\u002Fcomposables\u002Fuse-cookie#options",[52],"Nuxt documentation",[501,605,607],{"id":606},"cookiename",[38,608,609],{},"cookieName",[68,611,612],{},"Cookie name of the Strapi token cookie",[501,614,616,619,620,619,628],{"id":615},"authpopulate",[38,617,618],{},"auth.populate"," ",[621,622],"u-badge",{"className":623,"label":626,"variant":627},[624,625],"align-middle","rounded-full","v1.5.0+","subtle",[621,629],{"className":630,"label":631,"variant":627},[624,625],"Strapi v4.2.2+",[68,633,634,635,638,639,642],{},"Configure the ",[38,636,637],{},"populate"," query param of the ",[38,640,641],{},"\u002Fusers\u002Fme"," route.",[559,644,645],{},[68,646,647,648,231],{},"Learn more on ",[48,649,652],{"href":650,"rel":651},"https:\u002F\u002Fdocs.strapi.io\u002Fdeveloper-docs\u002Flatest\u002Fdeveloper-resources\u002Fdatabase-apis-reference\u002Fentity-service\u002Fpopulate.html#advanced-populating",[52],"Populating documentation",[501,654,656,619,659,619,663],{"id":655},"authfields",[38,657,658],{},"auth.fields",[621,660],{"className":661,"label":662,"variant":627},[624,625],"v1.7.0+",[621,664],{"className":665,"label":631,"variant":627},[624,625],[68,667,634,668,638,671,642],{},[38,669,670],{},"fields",[38,672,641],{},[559,674,675],{},[68,676,647,677,231],{},[48,678,681],{"href":679,"rel":680},"https:\u002F\u002Fdocs.strapi.io\u002Fdeveloper-docs\u002Flatest\u002Fdeveloper-resources\u002Fdatabase-apis-reference\u002Frest\u002Fpopulating-fields.html#field-selection",[52],"Field Selection documentation",[501,683,685,619,687],{"id":684},"devtools",[38,686,684],{},[621,688],{"className":689,"label":690,"variant":627},[624,625],"v1.9.0+",[68,692,693,694,698,699,231],{},"Embed the Strapi admin to the ",[48,695,25],{"href":696,"rel":697},"https:\u002F\u002Fdevtools.nuxtjs.org",[52],", read more in the ",[48,700,701],{"href":26},"Devtools section",[63,703,705],{"id":704},"continuous-releases","Continuous releases",[68,707,708,709,714],{},"Nuxt Strapi uses ",[48,710,713],{"href":711,"rel":712},"https:\u002F\u002Fgithub.com\u002Fstackblitz-labs\u002Fpkg.pr.new",[52],"pkg.pr.new"," for continuous preview releases, providing developers with instant access to the latest features and bug fixes without waiting for official releases.",[68,716,717,718,721],{},"Automatic preview releases are created for all commits and PRs to the ",[38,719,720],{},"main"," branch. Use them by replacing your package version with the specific commit hash or PR number.",[75,723,728],{"className":724,"code":725,"filename":726,"language":727,"meta":80,"style":80},"language-diff shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","{\n  \"dependencies\": {\n-   \"@nuxtjs\u002Fstrapi\": \"^2.1.1\",\n+   \"@nuxtjs\u002Fstrapi\": \"https:\u002F\u002Fpkg.pr.new\u002F@nuxtjs\u002Fstrapi@95260d0\",\n  }\n}\n","package.json","diff",[38,729,730,734,739,747,755,759],{"__ignoreMap":80},[84,731,732],{"class":86,"line":87},[84,733,143],{"class":138},[84,735,736],{"class":86,"line":146},[84,737,738],{"class":138},"  \"dependencies\": {\n",[84,740,741,744],{"class":86,"line":172},[84,742,743],{"class":142},"-",[84,745,746],{"class":149},"   \"@nuxtjs\u002Fstrapi\": \"^2.1.1\",\n",[84,748,749,752],{"class":86,"line":183},[84,750,751],{"class":142},"+",[84,753,754],{"class":94},"   \"@nuxtjs\u002Fstrapi\": \"https:\u002F\u002Fpkg.pr.new\u002F@nuxtjs\u002Fstrapi@95260d0\",\n",[84,756,757],{"class":86,"line":190},[84,758,193],{"class":138},[84,760,761],{"class":86,"line":196},[84,762,379],{"class":138},[35,764,765,767],{},[43,766,713],{}," will automatically comment on PRs with the installation URL, making it easy to test changes.",[769,770,771],"style",{},"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 .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 .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 .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 .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}",{"title":80,"searchDepth":146,"depth":146,"links":773},[774,775,790],{"id":65,"depth":146,"text":66},{"id":205,"depth":146,"text":206,"children":776},[777,778,779,780,781,782,783,784,786,788],{"id":60,"depth":172,"text":60},{"id":519,"depth":172,"text":519},{"id":541,"depth":172,"text":541},{"id":549,"depth":172,"text":549},{"id":572,"depth":172,"text":572},{"id":588,"depth":172,"text":588},{"id":606,"depth":172,"text":609},{"id":615,"depth":172,"text":785},"auth.populate  ",{"id":655,"depth":172,"text":787},"auth.fields  ",{"id":684,"depth":172,"text":789},"devtools ",{"id":704,"depth":146,"text":705},"Learn how to setup the Strapi module in your Nuxt application.","md",null,{},{"icon":8},{"title":5,"description":791},"6QKZreg4br8wN8LxYBFP4zilP2wQmYM3hFLYI2f44nQ",[793,799],{"title":10,"path":11,"stem":12,"description":800,"icon":13,"children":-1},"Learn how to use strapi module in your Nuxt application.",1791333110484]