[{"data":1,"prerenderedAt":755},["ShallowReactive",2],{"navigation_docs":3,"-setup":29,"-setup-surround":752},[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":745,"extension":746,"links":747,"meta":748,"navigation":749,"path":6,"seo":750,"stem":7,"__hash__":751},"docs\u002F2.setup.md",{"type":32,"value":33,"toc":727},"minimark",[34,62,67,74,105,116,203,207,210,357,365,478,483,486,494,499,502,507,513,525,530,541,546,549,559,565,568,587,598,608,621,628,637,646,657,661,670,677,718,723],[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}\n",[38,214,215,219,253,276,292,308,324,335,351],{"__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],{"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,350],{"class":142},"'\n",[84,352,354],{"class":86,"line":353},9,[84,355,356],{"class":142},"}\n",[68,358,359,360,153],{},"If you want to override any options on runtime, you may use ",[48,361,364],{"href":362,"rel":363},"https:\u002F\u002Fnuxt.com\u002Fdocs\u002Fgetting-started\u002Fconfiguration#environment-variables-and-private-tokens",[52],"Nuxt runtime-config",[75,366,368],{"className":118,"code":367,"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,369,370,382,387,396,405,418,423,432,441,454,460,466,471],{"__ignoreMap":80},[84,371,372,374,376,378,380],{"class":86,"line":87},[84,373,128],{"class":127},[84,375,131],{"class":127},[84,377,135],{"class":134},[84,379,139],{"class":138},[84,381,143],{"class":142},[84,383,384],{"class":86,"line":146},[84,385,386],{"class":186},"  \u002F\u002F Example of separate client\u002Fserver URLs\n",[84,388,389,392,394],{"class":86,"line":172},[84,390,391],{"class":149},"  runtimeConfig",[84,393,153],{"class":142},[84,395,180],{"class":142},[84,397,398,401,403],{"class":86,"line":183},[84,399,400],{"class":149},"    strapi",[84,402,153],{"class":142},[84,404,180],{"class":142},[84,406,407,410,412,414,416],{"class":86,"line":190},[84,408,409],{"class":149},"      url",[84,411,153],{"class":142},[84,413,245],{"class":142},[84,415,248],{"class":94},[84,417,350],{"class":142},[84,419,420],{"class":86,"line":196},[84,421,422],{"class":142},"    },\n",[84,424,425,428,430],{"class":86,"line":326},[84,426,427],{"class":149},"    public",[84,429,153],{"class":142},[84,431,180],{"class":142},[84,433,434,437,439],{"class":86,"line":337},[84,435,436],{"class":149},"      strapi",[84,438,153],{"class":142},[84,440,180],{"class":142},[84,442,443,446,448,450,452],{"class":86,"line":353},[84,444,445],{"class":149},"        url",[84,447,153],{"class":142},[84,449,245],{"class":142},[84,451,248],{"class":94},[84,453,350],{"class":142},[84,455,457],{"class":86,"line":456},10,[84,458,459],{"class":142},"      }\n",[84,461,463],{"class":86,"line":462},11,[84,464,465],{"class":142},"    }\n",[84,467,469],{"class":86,"line":468},12,[84,470,193],{"class":142},[84,472,474,476],{"class":86,"line":473},13,[84,475,199],{"class":142},[84,477,202],{"class":138},[479,480,481],"h3",{"id":60},[38,482,60],{},[68,484,485],{},"URL of the Strapi server.",[68,487,488,489,491,492,231],{},"Environment variable ",[38,490,239],{}," can be used to override ",[38,493,60],{},[479,495,497],{"id":496},"admin",[38,498,496],{},[68,500,501],{},"Specify admin prefix used by your Strapi.",[479,503,505],{"id":504},"prefix",[38,506,504],{},[68,508,509,510,231],{},"Prefix of the Strapi server. Not for version ",[38,511,512],{},"v3",[514,515,516],"blockquote",{},[68,517,518,519,524],{},"Learn how to change the default ",[48,520,523],{"href":521,"rel":522},"https:\u002F\u002Fdocs.strapi.io\u002Fdeveloper-docs\u002Flatest\u002Fsetup-deployment-guides\u002Fconfigurations\u002Foptional\u002Fapi.html",[52],"API prefix"," in your Strapi server.",[479,526,528],{"id":527},"version",[38,529,527],{},[68,531,532,533,535,536,535,539,231],{},"Version of the Strapi server. Can only be ",[38,534,319],{},"\u002F",[38,537,538],{},"v4",[38,540,512],{},[479,542,544],{"id":543},"cookie",[38,545,543],{},[68,547,548],{},"Cookie options of the Strapi token cookie.",[514,550,551],{},[68,552,553,554],{},"All cookie options can be found in the ",[48,555,558],{"href":556,"rel":557},"https:\u002F\u002Fnuxt.com\u002Fdocs\u002Fapi\u002Fcomposables\u002Fuse-cookie#options",[52],"Nuxt documentation",[479,560,562],{"id":561},"cookiename",[38,563,564],{},"cookieName",[68,566,567],{},"Cookie name of the Strapi token cookie",[479,569,571,574,575,574,583],{"id":570},"authpopulate",[38,572,573],{},"auth.populate"," ",[576,577],"u-badge",{"className":578,"label":581,"variant":582},[579,580],"align-middle","rounded-full","v1.5.0+","subtle",[576,584],{"className":585,"label":586,"variant":582},[579,580],"Strapi v4.2.2+",[68,588,589,590,593,594,597],{},"Configure the ",[38,591,592],{},"populate"," query param of the ",[38,595,596],{},"\u002Fusers\u002Fme"," route.",[514,599,600],{},[68,601,602,603,231],{},"Learn more on ",[48,604,607],{"href":605,"rel":606},"https:\u002F\u002Fdocs.strapi.io\u002Fdeveloper-docs\u002Flatest\u002Fdeveloper-resources\u002Fdatabase-apis-reference\u002Fentity-service\u002Fpopulate.html#advanced-populating",[52],"Populating documentation",[479,609,611,574,614,574,618],{"id":610},"authfields",[38,612,613],{},"auth.fields",[576,615],{"className":616,"label":617,"variant":582},[579,580],"v1.7.0+",[576,619],{"className":620,"label":586,"variant":582},[579,580],[68,622,589,623,593,626,597],{},[38,624,625],{},"fields",[38,627,596],{},[514,629,630],{},[68,631,602,632,231],{},[48,633,636],{"href":634,"rel":635},"https:\u002F\u002Fdocs.strapi.io\u002Fdeveloper-docs\u002Flatest\u002Fdeveloper-resources\u002Fdatabase-apis-reference\u002Frest\u002Fpopulating-fields.html#field-selection",[52],"Field Selection documentation",[479,638,640,574,642],{"id":639},"devtools",[38,641,639],{},[576,643],{"className":644,"label":645,"variant":582},[579,580],"v1.9.0+",[68,647,648,649,653,654,231],{},"Embed the Strapi admin to the ",[48,650,25],{"href":651,"rel":652},"https:\u002F\u002Fdevtools.nuxtjs.org",[52],", read more in the ",[48,655,656],{"href":26},"Devtools section",[63,658,660],{"id":659},"continuous-releases","Continuous releases",[68,662,663,664,669],{},"Nuxt Strapi uses ",[48,665,668],{"href":666,"rel":667},"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,671,672,673,676],{},"Automatic preview releases are created for all commits and PRs to the ",[38,674,675],{},"main"," branch. Use them by replacing your package version with the specific commit hash or PR number.",[75,678,683],{"className":679,"code":680,"filename":681,"language":682,"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,684,685,689,694,702,710,714],{"__ignoreMap":80},[84,686,687],{"class":86,"line":87},[84,688,143],{"class":138},[84,690,691],{"class":86,"line":146},[84,692,693],{"class":138},"  \"dependencies\": {\n",[84,695,696,699],{"class":86,"line":172},[84,697,698],{"class":142},"-",[84,700,701],{"class":149},"   \"@nuxtjs\u002Fstrapi\": \"^2.1.1\",\n",[84,703,704,707],{"class":86,"line":183},[84,705,706],{"class":142},"+",[84,708,709],{"class":94},"   \"@nuxtjs\u002Fstrapi\": \"https:\u002F\u002Fpkg.pr.new\u002F@nuxtjs\u002Fstrapi@95260d0\",\n",[84,711,712],{"class":86,"line":190},[84,713,193],{"class":138},[84,715,716],{"class":86,"line":196},[84,717,356],{"class":138},[35,719,720,722],{},[43,721,668],{}," will automatically comment on PRs with the installation URL, making it easy to test changes.",[724,725,726],"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}",{"title":80,"searchDepth":146,"depth":146,"links":728},[729,730,744],{"id":65,"depth":146,"text":66},{"id":205,"depth":146,"text":206,"children":731},[732,733,734,735,736,737,738,740,742],{"id":60,"depth":172,"text":60},{"id":496,"depth":172,"text":496},{"id":504,"depth":172,"text":504},{"id":527,"depth":172,"text":527},{"id":543,"depth":172,"text":543},{"id":561,"depth":172,"text":564},{"id":570,"depth":172,"text":739},"auth.populate  ",{"id":610,"depth":172,"text":741},"auth.fields  ",{"id":639,"depth":172,"text":743},"devtools ",{"id":659,"depth":146,"text":660},"Learn how to setup the Strapi module in your Nuxt application.","md",null,{},{"icon":8},{"title":5,"description":745},"AM_mLwqICdkJRCGyJxGd82UCdpaMY2EiCs1EUwY35fY",[747,753],{"title":10,"path":11,"stem":12,"description":754,"icon":13,"children":-1},"Learn how to use strapi module in your Nuxt application.",1785610854831]