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