[{"data":1,"prerenderedAt":5238},["ShallowReactive",2],{"navigation":3,"/blog/ui-pro-docs-migration":179},[4,24,43,61,83,101,119,149],{"title":5,"path":6,"stem":7,"children":8,"icon":23},"Getting Started","/docs/getting-started","docs/1.getting-started/1.index",[9,11,15,19],{"title":10,"path":6,"stem":7},"Introduction",{"title":12,"path":13,"stem":14},"Installation","/docs/getting-started/installation","docs/1.getting-started/2.installation",{"title":16,"path":17,"stem":18},"Configuration","/docs/getting-started/configuration","docs/1.getting-started/3.configuration",{"title":20,"path":21,"stem":22},"Migration","/docs/getting-started/migration","docs/1.getting-started/4.migration","i-lucide-square-play",{"title":25,"icon":26,"path":27,"stem":28,"children":29,"page":42},"Collections","i-lucide-database","/docs/collections","docs/2.collections",[30,34,38],{"title":31,"path":32,"stem":33},"Define","/docs/collections/define","docs/2.collections/1.define",{"title":35,"path":36,"stem":37},"Types","/docs/collections/types","docs/2.collections/2.types",{"title":39,"path":40,"stem":41},"Sources","/docs/collections/sources","docs/2.collections/3.sources",false,{"title":44,"icon":45,"path":46,"stem":47,"children":48,"page":42},"Files","i-lucide-file","/docs/files","docs/3.files",[49,53,57],{"title":50,"path":51,"stem":52},"Markdown","/docs/files/markdown","docs/3.files/1.markdown",{"title":54,"path":55,"stem":56},"YAML","/docs/files/yaml","docs/3.files/2.yaml",{"title":58,"path":59,"stem":60},"JSON","/docs/files/json","docs/3.files/3.json",{"title":62,"icon":63,"path":64,"stem":65,"children":66,"page":42},"Query Utils","i-lucide-square-function","/docs/utils","docs/4.utils",[67,71,75,79],{"title":68,"path":69,"stem":70},"queryCollection","/docs/utils/query-collection","docs/4.utils/1.query-collection",{"title":72,"path":73,"stem":74},"queryCollectionNavigation","/docs/utils/query-collection-navigation","docs/4.utils/2.query-collection-navigation",{"title":76,"path":77,"stem":78},"queryCollectionItemSurroundings","/docs/utils/query-collection-item-surroundings","docs/4.utils/3.query-collection-item-surroundings",{"title":80,"path":81,"stem":82},"queryCollectionSearchSections","/docs/utils/query-collection-search-sections","docs/4.utils/4.query-collection-search-sections",{"title":84,"icon":85,"path":86,"stem":87,"children":88,"page":42},"Components","i-lucide-square-code","/docs/components","docs/5.components",[89,93,97],{"title":90,"path":91,"stem":92},"ContentRenderer","/docs/components/content-renderer","docs/5.components/0.content-renderer",{"title":94,"path":95,"stem":96},"Slot","/docs/components/slot","docs/5.components/1.slot",{"title":98,"path":99,"stem":100},"Prose Components","/docs/components/prose","docs/5.components/2.prose",{"title":102,"icon":103,"path":104,"stem":105,"children":106,"page":42},"Deploy","i-lucide-cloud-upload","/docs/deploy","docs/6.deploy",[107,111,115],{"title":108,"path":109,"stem":110},"Server","/docs/deploy/server","docs/6.deploy/1.server",{"title":112,"path":113,"stem":114},"Serverless","/docs/deploy/serverless","docs/6.deploy/2.serverless",{"title":116,"path":117,"stem":118},"Static","/docs/deploy/static","docs/6.deploy/3.static",{"title":120,"icon":121,"path":122,"stem":123,"children":124,"page":42},"Advanced","i-lucide-code-xml","/docs/advanced","docs/7.advanced",[125,129,133,137,141,145],{"title":126,"path":127,"stem":128},"Full-Text Search","/docs/advanced/fulltext-search","docs/7.advanced/1.fulltext-search",{"title":130,"path":131,"stem":132},"Raw Content","/docs/advanced/raw-content","docs/7.advanced/2.raw-content",{"title":134,"path":135,"stem":136},"SQL Storage","/docs/advanced/database","docs/7.advanced/3.database",{"title":138,"path":139,"stem":140},"Debugging tools","/docs/advanced/tools","docs/7.advanced/4.tools",{"title":142,"path":143,"stem":144},"Hooks","/docs/advanced/hooks","docs/7.advanced/5.hooks",{"title":146,"path":147,"stem":148},"Custom Source","/docs/advanced/custom-source","docs/7.advanced/6.custom-source",{"title":150,"icon":151,"path":152,"stem":153,"children":154,"page":42},"Studio","i-lucide-monitor","/docs/studio","docs/8.studio",[155,159,163,167,171,175],{"title":156,"path":157,"stem":158},"Setup","/docs/studio/setup","docs/8.studio/1.setup",{"title":160,"path":161,"stem":162},"Synchronization","/docs/studio/github","docs/8.studio/2.github",{"title":164,"path":165,"stem":166},"Content editors","/docs/studio/content","docs/8.studio/3.content",{"title":168,"path":169,"stem":170},"Medias","/docs/studio/medias","docs/8.studio/4.medias",{"title":172,"path":173,"stem":174},"App Config","/docs/studio/config","docs/8.studio/5.config",{"title":176,"path":177,"stem":178},"Local Debug","/docs/studio/debug","docs/8.studio/6.debug",{"page":180,"surround":5232},{"id":181,"title":182,"authors":183,"body":190,"category":20,"date":5224,"description":5225,"draft":42,"extension":1781,"image":5226,"meta":5228,"navigation":399,"path":5229,"seo":5230,"stem":5231},"posts/blog/ui-pro-docs-migration.md","Migrate Nuxt UI Pro Documentation Starter",[184],{"name":185,"avatar":186,"to":188,"username":189},"Baptiste Leproux",{"src":187},"https://avatars.githubusercontent.com/u/7290030?v=4","https://x.com/_larbish","larbish",{"type":191,"value":192,"toc":5170},"minimal",[193,198,205,220,239,246,251,256,328,336,347,742,765,774,781,1076,1080,1374,1378,2012,2016,2019,2030,2095,2099,2109,2113,2134,2137,2203,2220,2230,2234,2240,2244,2249,2759,2770,2789,3058,3064,3071,3433,3439,3483,3772,3776,3784,3793,4751,4755,5070,5075,5079,5082,5094,5152,5161,5166],[194,195,197],"h1",{"id":196},"how-to-upgrade-your-nuxt-documentation-website-to-content-x-ui-v3","How to upgrade your Nuxt documentation website to Content x UI v3",[199,200,201],"p",{},[202,203,204],"strong",{},"2025 kicks off with the power of 3!",[199,206,207,208,211,212,215,216,219],{},"This start of year is marked by major updates to our favorite tools. The UI team is about to launch ",[202,209,210],{},"version 3"," of the ",[202,213,214],{},"UI / UI Pro libraries"," (currently in alpha), while the Content team has already released ",[202,217,218],{},"Nuxt Content v3",".",[199,221,222,223,226,227,230,231,234,235,238],{},"These updates mean that all our starter templates combining ",[202,224,225],{},"Content"," and ",[202,228,229],{},"UI"," will need to be updated to align with the latest versions. To help you make the transition, this guide walks through migrating the ",[202,232,233],{},"Nuxt UI Pro Docs Starter"," to the new ",[202,236,237],{},"Content v3 and Nuxt UI v3"," packages.",[240,241,243],"prose-tip",{"to":242},"https://github.com/nuxt-ui-pro/docs/tree/v3",[199,244,245],{},"Check the UI Pro documentation starter repository source code.",[247,248,250],"h2",{"id":249},"content-migration-v2-v3","Content migration (v2 → v3)",[252,253,255],"h3",{"id":254},"_1-update-package-to-v3","1. Update package to v3",[257,258,259,285,299,314],"code-group",{},[260,261,267],"pre",{"className":262,"code":263,"filename":264,"language":265,"meta":266,"style":266},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","pnpm add @nuxt/content@^3\n","pnpm","bash","",[268,269,270],"code",{"__ignoreMap":266},[271,272,275,278,282],"span",{"class":273,"line":274},"line",1,[271,276,264],{"class":277},"sYGMc",[271,279,281],{"class":280},"sIEYB"," add",[271,283,284],{"class":280}," @nuxt/content@^3\n",[260,286,289],{"className":262,"code":287,"filename":288,"language":265,"meta":266,"style":266},"yarn add @nuxt/content@^3\n","yarn",[268,290,291],{"__ignoreMap":266},[271,292,293,295,297],{"class":273,"line":274},[271,294,288],{"class":277},[271,296,281],{"class":280},[271,298,284],{"class":280},[260,300,303],{"className":262,"code":301,"filename":302,"language":265,"meta":266,"style":266},"npm install @nuxt/content@^3\n","npm",[268,304,305],{"__ignoreMap":266},[271,306,307,309,312],{"class":273,"line":274},[271,308,302],{"class":277},[271,310,311],{"class":280}," install",[271,313,284],{"class":280},[260,315,318],{"className":262,"code":316,"filename":317,"language":265,"meta":266,"style":266},"bun add @nuxt/content@^3\n","bun",[268,319,320],{"__ignoreMap":266},[271,321,322,324,326],{"class":273,"line":274},[271,323,317],{"class":277},[271,325,281],{"class":280},[271,327,284],{"class":280},[252,329,331,332,335],{"id":330},"_2-create-contentconfigts-file","2. Create ",[268,333,334],{},"content.config.ts"," file",[199,337,338,339,342,343,346],{},"This configuration file defines your data structure. A collection represents a set of related items. In the case of the docs starter, there are two different collections, the ",[268,340,341],{},"landing"," collection representing the home page and another ",[268,344,345],{},"docs"," collection for the documentation pages.",[260,348,352],{"className":349,"code":350,"filename":334,"language":351,"meta":266,"style":266},"language-js shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import { defineContentConfig, defineCollection, z } from '@nuxt/content'\n\nexport default defineContentConfig({\n  collections: {\n    landing: defineCollection({\n      type: 'page',\n      source: 'index.yml'\n    }),\n    docs: defineCollection({\n      type: 'page',\n      source: {\n        include: '**',\n        exclude: ['index.yml']\n      },\n      schema: z.object({\n        links: z.array(z.object({\n          label: z.string(),\n          icon: z.string(),\n          to: z.string(),\n          target: z.string().optional()\n        })).optional()\n      })\n    })\n  }\n})\n","js",[268,353,354,394,401,419,432,446,465,480,491,505,520,529,546,566,572,591,617,637,655,673,697,712,721,728,734],{"__ignoreMap":266},[271,355,356,360,364,368,371,374,376,379,382,385,388,391],{"class":273,"line":274},[271,357,359],{"class":358},"s8pZq","import",[271,361,363],{"class":362},"s86vT"," {",[271,365,367],{"class":366},"sndM8"," defineContentConfig",[271,369,370],{"class":362},",",[271,372,373],{"class":366}," defineCollection",[271,375,370],{"class":362},[271,377,378],{"class":366}," z",[271,380,381],{"class":362}," }",[271,383,384],{"class":358}," from",[271,386,387],{"class":362}," '",[271,389,390],{"class":280},"@nuxt/content",[271,392,393],{"class":362},"'\n",[271,395,397],{"class":273,"line":396},2,[271,398,400],{"emptyLinePlaceholder":399},true,"\n",[271,402,404,407,410,413,416],{"class":273,"line":403},3,[271,405,406],{"class":358},"export",[271,408,409],{"class":358}," default",[271,411,367],{"class":412},"swgpB",[271,414,415],{"class":366},"(",[271,417,418],{"class":362},"{\n",[271,420,422,426,429],{"class":273,"line":421},4,[271,423,425],{"class":424},"sd2Uz","  collections",[271,427,428],{"class":362},":",[271,430,431],{"class":362}," {\n",[271,433,435,438,440,442,444],{"class":273,"line":434},5,[271,436,437],{"class":424},"    landing",[271,439,428],{"class":362},[271,441,373],{"class":412},[271,443,415],{"class":366},[271,445,418],{"class":362},[271,447,449,452,454,456,459,462],{"class":273,"line":448},6,[271,450,451],{"class":424},"      type",[271,453,428],{"class":362},[271,455,387],{"class":362},[271,457,458],{"class":280},"page",[271,460,461],{"class":362},"'",[271,463,464],{"class":362},",\n",[271,466,468,471,473,475,478],{"class":273,"line":467},7,[271,469,470],{"class":424},"      source",[271,472,428],{"class":362},[271,474,387],{"class":362},[271,476,477],{"class":280},"index.yml",[271,479,393],{"class":362},[271,481,483,486,489],{"class":273,"line":482},8,[271,484,485],{"class":362},"    }",[271,487,488],{"class":366},")",[271,490,464],{"class":362},[271,492,494,497,499,501,503],{"class":273,"line":493},9,[271,495,496],{"class":424},"    docs",[271,498,428],{"class":362},[271,500,373],{"class":412},[271,502,415],{"class":366},[271,504,418],{"class":362},[271,506,508,510,512,514,516,518],{"class":273,"line":507},10,[271,509,451],{"class":424},[271,511,428],{"class":362},[271,513,387],{"class":362},[271,515,458],{"class":280},[271,517,461],{"class":362},[271,519,464],{"class":362},[271,521,523,525,527],{"class":273,"line":522},11,[271,524,470],{"class":424},[271,526,428],{"class":362},[271,528,431],{"class":362},[271,530,532,535,537,539,542,544],{"class":273,"line":531},12,[271,533,534],{"class":424},"        include",[271,536,428],{"class":362},[271,538,387],{"class":362},[271,540,541],{"class":280},"**",[271,543,461],{"class":362},[271,545,464],{"class":362},[271,547,549,552,554,557,559,561,563],{"class":273,"line":548},13,[271,550,551],{"class":424},"        exclude",[271,553,428],{"class":362},[271,555,556],{"class":366}," [",[271,558,461],{"class":362},[271,560,477],{"class":280},[271,562,461],{"class":362},[271,564,565],{"class":366},"]\n",[271,567,569],{"class":273,"line":568},14,[271,570,571],{"class":362},"      },\n",[271,573,575,578,580,582,584,587,589],{"class":273,"line":574},15,[271,576,577],{"class":424},"      schema",[271,579,428],{"class":362},[271,581,378],{"class":366},[271,583,219],{"class":362},[271,585,586],{"class":412},"object",[271,588,415],{"class":366},[271,590,418],{"class":362},[271,592,594,597,599,601,603,606,609,611,613,615],{"class":273,"line":593},16,[271,595,596],{"class":424},"        links",[271,598,428],{"class":362},[271,600,378],{"class":366},[271,602,219],{"class":362},[271,604,605],{"class":412},"array",[271,607,608],{"class":366},"(z",[271,610,219],{"class":362},[271,612,586],{"class":412},[271,614,415],{"class":366},[271,616,418],{"class":362},[271,618,620,623,625,627,629,632,635],{"class":273,"line":619},17,[271,621,622],{"class":424},"          label",[271,624,428],{"class":362},[271,626,378],{"class":366},[271,628,219],{"class":362},[271,630,631],{"class":412},"string",[271,633,634],{"class":366},"()",[271,636,464],{"class":362},[271,638,640,643,645,647,649,651,653],{"class":273,"line":639},18,[271,641,642],{"class":424},"          icon",[271,644,428],{"class":362},[271,646,378],{"class":366},[271,648,219],{"class":362},[271,650,631],{"class":412},[271,652,634],{"class":366},[271,654,464],{"class":362},[271,656,658,661,663,665,667,669,671],{"class":273,"line":657},19,[271,659,660],{"class":424},"          to",[271,662,428],{"class":362},[271,664,378],{"class":366},[271,666,219],{"class":362},[271,668,631],{"class":412},[271,670,634],{"class":366},[271,672,464],{"class":362},[271,674,676,679,681,683,685,687,689,691,694],{"class":273,"line":675},20,[271,677,678],{"class":424},"          target",[271,680,428],{"class":362},[271,682,378],{"class":366},[271,684,219],{"class":362},[271,686,631],{"class":412},[271,688,634],{"class":366},[271,690,219],{"class":362},[271,692,693],{"class":412},"optional",[271,695,696],{"class":366},"()\n",[271,698,700,703,706,708,710],{"class":273,"line":699},21,[271,701,702],{"class":362},"        }",[271,704,705],{"class":366},"))",[271,707,219],{"class":362},[271,709,693],{"class":412},[271,711,696],{"class":366},[271,713,715,718],{"class":273,"line":714},22,[271,716,717],{"class":362},"      }",[271,719,720],{"class":366},")\n",[271,722,724,726],{"class":273,"line":723},23,[271,725,485],{"class":362},[271,727,720],{"class":366},[271,729,731],{"class":273,"line":730},24,[271,732,733],{"class":362},"  }\n",[271,735,737,740],{"class":273,"line":736},25,[271,738,739],{"class":362},"}",[271,741,720],{"class":366},[199,743,744,745,751,752,755,756,758,759,219],{},"On top of the built-in fields provided by the ",[746,747,749],"a",{"href":748},"/docs/collections/types#page-type",[268,750,458],{}," type, we added the extra field ",[268,753,754],{},"links"," to the ",[268,757,345],{}," collection so we can optionally display them in the docs ",[746,760,764],{"href":761,"rel":762},"https://ui3.nuxt.dev/components/page-header",[763],"nofollow","page header",[240,766,767],{},[199,768,769,770,773],{},"The ",[268,771,772],{},"type: page"," means there is a 1-to-1 relationship between the content file and a page on your site.",[252,775,777,778],{"id":776},"_3-migrate-appvue","3. Migrate ",[268,779,780],{},"app.vue",[782,783,785,797,912,918],"prose-steps",{"level":784},"4",[786,787,789,790,793,794,796],"h4",{"id":788},"navigation-fetch-can-be-updated-by-moving-from-fetchcontentnavigation-to-querycollectionnavigation-method","Navigation fetch can be updated by moving from ",[268,791,792],{},"fetchContentNavigation"," to ",[268,795,72],{}," method",[798,799,800,866],"prose-code-group",{},[260,801,806],{"className":802,"code":803,"filename":804,"language":805,"meta":266,"style":266},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","const { data: navigation } = await useAsyncData('navigation', () => queryCollectionNavigation('docs'))\n\n","app.vue (v3)","ts",[268,807,808],{"__ignoreMap":266},[271,809,810,814,816,819,821,824,826,829,832,835,837,839,842,844,846,849,852,855,857,859,861,863],{"class":273,"line":274},[271,811,813],{"class":812},"s50WR","const",[271,815,363],{"class":362},[271,817,818],{"class":424}," data",[271,820,428],{"class":362},[271,822,823],{"class":366}," navigation ",[271,825,739],{"class":362},[271,827,828],{"class":362}," =",[271,830,831],{"class":358}," await",[271,833,834],{"class":412}," useAsyncData",[271,836,415],{"class":366},[271,838,461],{"class":362},[271,840,841],{"class":280},"navigation",[271,843,461],{"class":362},[271,845,370],{"class":362},[271,847,848],{"class":362}," ()",[271,850,851],{"class":812}," =>",[271,853,854],{"class":412}," queryCollectionNavigation",[271,856,415],{"class":366},[271,858,461],{"class":362},[271,860,345],{"class":280},[271,862,461],{"class":362},[271,864,865],{"class":366},"))\n",[260,867,870],{"className":802,"code":868,"filename":869,"language":805,"meta":266,"style":266},"const { data: navigation } = await useAsyncData('navigation', () => fetchContentNavigation())\n","app.vue (v2)",[268,871,872],{"__ignoreMap":266},[271,873,874,876,878,880,882,884,886,888,890,892,894,896,898,900,902,904,906,909],{"class":273,"line":274},[271,875,813],{"class":812},[271,877,363],{"class":362},[271,879,818],{"class":424},[271,881,428],{"class":362},[271,883,823],{"class":366},[271,885,739],{"class":362},[271,887,828],{"class":362},[271,889,831],{"class":358},[271,891,834],{"class":412},[271,893,415],{"class":366},[271,895,461],{"class":362},[271,897,841],{"class":280},[271,899,461],{"class":362},[271,901,370],{"class":362},[271,903,848],{"class":362},[271,905,851],{"class":812},[271,907,908],{"class":412}," fetchContentNavigation",[271,910,911],{"class":366},"())\n",[786,913,915,916,796],{"id":914},"content-search-command-palette-data-can-use-the-new-querycollectionsearchsections-method","Content search command palette data can use the new ",[268,917,80],{},[798,919,920,996],{},[260,921,923],{"className":802,"code":922,"filename":804,"language":805,"meta":266,"style":266},"const { data: files } = useLazyAsyncData('search', () => queryCollectionSearchSections('docs'), {\n  server: false,\n})\n",[268,924,925,977,990],{"__ignoreMap":266},[271,926,927,929,931,933,935,938,940,942,945,947,949,952,954,956,958,960,963,965,967,969,971,973,975],{"class":273,"line":274},[271,928,813],{"class":812},[271,930,363],{"class":362},[271,932,818],{"class":424},[271,934,428],{"class":362},[271,936,937],{"class":366}," files ",[271,939,739],{"class":362},[271,941,828],{"class":362},[271,943,944],{"class":412}," useLazyAsyncData",[271,946,415],{"class":366},[271,948,461],{"class":362},[271,950,951],{"class":280},"search",[271,953,461],{"class":362},[271,955,370],{"class":362},[271,957,848],{"class":362},[271,959,851],{"class":812},[271,961,962],{"class":412}," queryCollectionSearchSections",[271,964,415],{"class":366},[271,966,461],{"class":362},[271,968,345],{"class":280},[271,970,461],{"class":362},[271,972,488],{"class":366},[271,974,370],{"class":362},[271,976,431],{"class":362},[271,978,979,982,984,988],{"class":273,"line":396},[271,980,981],{"class":424},"  server",[271,983,428],{"class":362},[271,985,987],{"class":986},"sPKOg"," false",[271,989,464],{"class":362},[271,991,992,994],{"class":273,"line":403},[271,993,739],{"class":362},[271,995,720],{"class":366},[260,997,999],{"className":802,"code":998,"filename":869,"language":805,"meta":266,"style":266},"const { data: files } = useLazyFetch\u003CParsedContent[]>('/api/search.json', {\n  default: () => [],\n  server: false\n})\n",[268,1000,1001,1045,1061,1070],{"__ignoreMap":266},[271,1002,1003,1005,1007,1009,1011,1013,1015,1017,1020,1023,1026,1029,1032,1034,1036,1039,1041,1043],{"class":273,"line":274},[271,1004,813],{"class":812},[271,1006,363],{"class":362},[271,1008,818],{"class":424},[271,1010,428],{"class":362},[271,1012,937],{"class":366},[271,1014,739],{"class":362},[271,1016,828],{"class":362},[271,1018,1019],{"class":412}," useLazyFetch",[271,1021,1022],{"class":362},"\u003C",[271,1024,1025],{"class":277},"ParsedContent",[271,1027,1028],{"class":366},"[]",[271,1030,1031],{"class":362},">",[271,1033,415],{"class":366},[271,1035,461],{"class":362},[271,1037,1038],{"class":280},"/api/search.json",[271,1040,461],{"class":362},[271,1042,370],{"class":362},[271,1044,431],{"class":362},[271,1046,1047,1050,1052,1054,1056,1059],{"class":273,"line":396},[271,1048,1049],{"class":412},"  default",[271,1051,428],{"class":362},[271,1053,848],{"class":362},[271,1055,851],{"class":812},[271,1057,1058],{"class":366}," []",[271,1060,464],{"class":362},[271,1062,1063,1065,1067],{"class":273,"line":403},[271,1064,981],{"class":424},[271,1066,428],{"class":362},[271,1068,1069],{"class":986}," false\n",[271,1071,1072,1074],{"class":273,"line":421},[271,1073,739],{"class":362},[271,1075,720],{"class":366},[252,1077,1079],{"id":1078},"_4-migrate-landing-page","4. Migrate landing page",[782,1081,1082,1091,1231,1245,1360],{"level":784},[786,1083,1085,1086,793,1089,796],{"id":1084},"home-page-data-fetching-can-be-updated-by-moving-from-querycontent-to-querycollection-method","Home page data fetching can be updated by moving from ",[268,1087,1088],{},"queryContent",[268,1090,68],{},[798,1092,1093,1171],{},[260,1094,1097],{"className":802,"code":1095,"filename":1096,"language":805,"meta":266,"style":266},"const { data: page } = await useAsyncData('index', () => queryCollection('landing').path('/').first())\n","index.vue (v3)",[268,1098,1099],{"__ignoreMap":266},[271,1100,1101,1103,1105,1107,1109,1112,1114,1116,1118,1120,1122,1124,1127,1129,1131,1133,1135,1138,1140,1142,1144,1146,1148,1150,1153,1155,1157,1160,1162,1164,1166,1169],{"class":273,"line":274},[271,1102,813],{"class":812},[271,1104,363],{"class":362},[271,1106,818],{"class":424},[271,1108,428],{"class":362},[271,1110,1111],{"class":366}," page ",[271,1113,739],{"class":362},[271,1115,828],{"class":362},[271,1117,831],{"class":358},[271,1119,834],{"class":412},[271,1121,415],{"class":366},[271,1123,461],{"class":362},[271,1125,1126],{"class":280},"index",[271,1128,461],{"class":362},[271,1130,370],{"class":362},[271,1132,848],{"class":362},[271,1134,851],{"class":812},[271,1136,1137],{"class":412}," queryCollection",[271,1139,415],{"class":366},[271,1141,461],{"class":362},[271,1143,341],{"class":280},[271,1145,461],{"class":362},[271,1147,488],{"class":366},[271,1149,219],{"class":362},[271,1151,1152],{"class":412},"path",[271,1154,415],{"class":366},[271,1156,461],{"class":362},[271,1158,1159],{"class":280},"/",[271,1161,461],{"class":362},[271,1163,488],{"class":366},[271,1165,219],{"class":362},[271,1167,1168],{"class":412},"first",[271,1170,911],{"class":366},[260,1172,1175],{"className":802,"code":1173,"filename":1174,"language":805,"meta":266,"style":266},"const { data: page } = await useAsyncData('index', () => queryContent('/').findOne())\n","index.vue (v2)",[268,1176,1177],{"__ignoreMap":266},[271,1178,1179,1181,1183,1185,1187,1189,1191,1193,1195,1197,1199,1201,1203,1205,1207,1209,1211,1214,1216,1218,1220,1222,1224,1226,1229],{"class":273,"line":274},[271,1180,813],{"class":812},[271,1182,363],{"class":362},[271,1184,818],{"class":424},[271,1186,428],{"class":362},[271,1188,1111],{"class":366},[271,1190,739],{"class":362},[271,1192,828],{"class":362},[271,1194,831],{"class":358},[271,1196,834],{"class":412},[271,1198,415],{"class":366},[271,1200,461],{"class":362},[271,1202,1126],{"class":280},[271,1204,461],{"class":362},[271,1206,370],{"class":362},[271,1208,848],{"class":362},[271,1210,851],{"class":812},[271,1212,1213],{"class":412}," queryContent",[271,1215,415],{"class":366},[271,1217,461],{"class":362},[271,1219,1159],{"class":280},[271,1221,461],{"class":362},[271,1223,488],{"class":366},[271,1225,219],{"class":362},[271,1227,1228],{"class":412},"findOne",[271,1230,911],{"class":366},[786,1232,1234,1237,1238,1241,1242,1244],{"id":1233},"useseometa-can-be-populated-using-the-seo-field-provided-by-the-page-type",[268,1235,1236],{},"useSeoMeta"," can be populated using the ",[268,1239,1240],{},"seo"," field provided by the ",[746,1243,458],{"href":748}," type",[260,1246,1249],{"className":802,"code":1247,"filename":1248,"language":805,"meta":266,"style":266},"useSeoMeta({\n  title: page.value.seo.title,\n  ogTitle: page.value.seo.title,\n  description: page.value.seo.description,\n  ogDescription: page.value.seo.description\n})\n","index.vue",[268,1250,1251,1259,1285,1308,1332,1354],{"__ignoreMap":266},[271,1252,1253,1255,1257],{"class":273,"line":274},[271,1254,1236],{"class":412},[271,1256,415],{"class":366},[271,1258,418],{"class":362},[271,1260,1261,1264,1266,1269,1271,1274,1276,1278,1280,1283],{"class":273,"line":396},[271,1262,1263],{"class":424},"  title",[271,1265,428],{"class":362},[271,1267,1268],{"class":366}," page",[271,1270,219],{"class":362},[271,1272,1273],{"class":366},"value",[271,1275,219],{"class":362},[271,1277,1240],{"class":366},[271,1279,219],{"class":362},[271,1281,1282],{"class":366},"title",[271,1284,464],{"class":362},[271,1286,1287,1290,1292,1294,1296,1298,1300,1302,1304,1306],{"class":273,"line":403},[271,1288,1289],{"class":424},"  ogTitle",[271,1291,428],{"class":362},[271,1293,1268],{"class":366},[271,1295,219],{"class":362},[271,1297,1273],{"class":366},[271,1299,219],{"class":362},[271,1301,1240],{"class":366},[271,1303,219],{"class":362},[271,1305,1282],{"class":366},[271,1307,464],{"class":362},[271,1309,1310,1313,1315,1317,1319,1321,1323,1325,1327,1330],{"class":273,"line":421},[271,1311,1312],{"class":424},"  description",[271,1314,428],{"class":362},[271,1316,1268],{"class":366},[271,1318,219],{"class":362},[271,1320,1273],{"class":366},[271,1322,219],{"class":362},[271,1324,1240],{"class":366},[271,1326,219],{"class":362},[271,1328,1329],{"class":366},"description",[271,1331,464],{"class":362},[271,1333,1334,1337,1339,1341,1343,1345,1347,1349,1351],{"class":273,"line":434},[271,1335,1336],{"class":424},"  ogDescription",[271,1338,428],{"class":362},[271,1340,1268],{"class":366},[271,1342,219],{"class":362},[271,1344,1273],{"class":366},[271,1346,219],{"class":362},[271,1348,1240],{"class":366},[271,1350,219],{"class":362},[271,1352,1353],{"class":366},"description\n",[271,1355,1356,1358],{"class":273,"line":448},[271,1357,739],{"class":362},[271,1359,720],{"class":366},[1361,1362,1363],"prose-note",{},[199,1364,1365,1366,1368,1369,226,1371,1373],{},"Please note that the ",[268,1367,1240],{}," field is automatically overridden by the root ",[268,1370,1282],{},[268,1372,1329],{}," if not set.",[252,1375,1377],{"id":1376},"_5-migrate-catch-all-docs-page","5. Migrate catch-all docs page",[782,1379,1380,1391,1865,1876,2002],{"level":784},[786,1381,1383,1384,793,1386,226,1388,1390],{"id":1382},"docs-page-data-and-surround-fetching-can-be-updated-and-mutualised-by-moving-from-querycontent-to-querycollection-and-querycollectionitemsurroundings-methods","Docs page data and surround fetching can be updated and mutualised by moving from ",[268,1385,1088],{},[268,1387,68],{},[268,1389,76],{}," methods",[798,1392,1393,1654],{},[260,1394,1397],{"className":802,"code":1395,"filename":1396,"language":805,"meta":266,"style":266},"const { data } = await useAsyncData(route.path, () => Promise.all([\n  queryCollection('docs').path(route.path).first(),\n  queryCollectionItemSurroundings('docs', route.path, {\n    fields: ['title', 'description'],\n  }),\n]), {\n  transform: ([page, surround]) => ({ page, surround }),\n})\n\nconst page = computed(() => data.value?.page)\nconst surround = computed(() => data.value?.surround)\n","docs/[...slug].vue (v3)",[268,1398,1399,1440,1474,1500,1528,1537,1546,1587,1593,1597,1627],{"__ignoreMap":266},[271,1400,1401,1403,1405,1408,1410,1412,1414,1416,1419,1421,1423,1425,1427,1429,1432,1434,1437],{"class":273,"line":274},[271,1402,813],{"class":812},[271,1404,363],{"class":362},[271,1406,1407],{"class":366}," data ",[271,1409,739],{"class":362},[271,1411,828],{"class":362},[271,1413,831],{"class":358},[271,1415,834],{"class":412},[271,1417,1418],{"class":366},"(route",[271,1420,219],{"class":362},[271,1422,1152],{"class":366},[271,1424,370],{"class":362},[271,1426,848],{"class":362},[271,1428,851],{"class":812},[271,1430,1431],{"class":277}," Promise",[271,1433,219],{"class":362},[271,1435,1436],{"class":412},"all",[271,1438,1439],{"class":366},"([\n",[271,1441,1442,1445,1447,1449,1451,1453,1455,1457,1459,1461,1463,1466,1468,1470,1472],{"class":273,"line":396},[271,1443,1444],{"class":412},"  queryCollection",[271,1446,415],{"class":366},[271,1448,461],{"class":362},[271,1450,345],{"class":280},[271,1452,461],{"class":362},[271,1454,488],{"class":366},[271,1456,219],{"class":362},[271,1458,1152],{"class":412},[271,1460,1418],{"class":366},[271,1462,219],{"class":362},[271,1464,1465],{"class":366},"path)",[271,1467,219],{"class":362},[271,1469,1168],{"class":412},[271,1471,634],{"class":366},[271,1473,464],{"class":362},[271,1475,1476,1479,1481,1483,1485,1487,1489,1492,1494,1496,1498],{"class":273,"line":403},[271,1477,1478],{"class":412},"  queryCollectionItemSurroundings",[271,1480,415],{"class":366},[271,1482,461],{"class":362},[271,1484,345],{"class":280},[271,1486,461],{"class":362},[271,1488,370],{"class":362},[271,1490,1491],{"class":366}," route",[271,1493,219],{"class":362},[271,1495,1152],{"class":366},[271,1497,370],{"class":362},[271,1499,431],{"class":362},[271,1501,1502,1505,1507,1509,1511,1513,1515,1517,1519,1521,1523,1526],{"class":273,"line":421},[271,1503,1504],{"class":424},"    fields",[271,1506,428],{"class":362},[271,1508,556],{"class":366},[271,1510,461],{"class":362},[271,1512,1282],{"class":280},[271,1514,461],{"class":362},[271,1516,370],{"class":362},[271,1518,387],{"class":362},[271,1520,1329],{"class":280},[271,1522,461],{"class":362},[271,1524,1525],{"class":366},"]",[271,1527,464],{"class":362},[271,1529,1530,1533,1535],{"class":273,"line":434},[271,1531,1532],{"class":362},"  }",[271,1534,488],{"class":366},[271,1536,464],{"class":362},[271,1538,1539,1542,1544],{"class":273,"line":448},[271,1540,1541],{"class":366},"])",[271,1543,370],{"class":362},[271,1545,431],{"class":362},[271,1547,1548,1551,1553,1556,1559,1561,1564,1566,1568,1571,1574,1576,1578,1581,1583,1585],{"class":273,"line":467},[271,1549,1550],{"class":412},"  transform",[271,1552,428],{"class":362},[271,1554,1555],{"class":362}," ([",[271,1557,458],{"class":1558},"sK9QF",[271,1560,370],{"class":362},[271,1562,1563],{"class":1558}," surround",[271,1565,1541],{"class":362},[271,1567,851],{"class":812},[271,1569,1570],{"class":366}," (",[271,1572,1573],{"class":362},"{",[271,1575,1268],{"class":366},[271,1577,370],{"class":362},[271,1579,1580],{"class":366}," surround ",[271,1582,739],{"class":362},[271,1584,488],{"class":366},[271,1586,464],{"class":362},[271,1588,1589,1591],{"class":273,"line":482},[271,1590,739],{"class":362},[271,1592,720],{"class":366},[271,1594,1595],{"class":273,"line":493},[271,1596,400],{"emptyLinePlaceholder":399},[271,1598,1599,1601,1603,1606,1609,1611,1613,1615,1617,1619,1621,1624],{"class":273,"line":507},[271,1600,813],{"class":812},[271,1602,1111],{"class":366},[271,1604,1605],{"class":362},"=",[271,1607,1608],{"class":412}," computed",[271,1610,415],{"class":366},[271,1612,634],{"class":362},[271,1614,851],{"class":812},[271,1616,818],{"class":366},[271,1618,219],{"class":362},[271,1620,1273],{"class":366},[271,1622,1623],{"class":362},"?.",[271,1625,1626],{"class":366},"page)\n",[271,1628,1629,1631,1633,1635,1637,1639,1641,1643,1645,1647,1649,1651],{"class":273,"line":522},[271,1630,813],{"class":812},[271,1632,1580],{"class":366},[271,1634,1605],{"class":362},[271,1636,1608],{"class":412},[271,1638,415],{"class":366},[271,1640,634],{"class":362},[271,1642,851],{"class":812},[271,1644,818],{"class":366},[271,1646,219],{"class":362},[271,1648,1273],{"class":366},[271,1650,1623],{"class":362},[271,1652,1653],{"class":366},"surround)\n",[260,1655,1658],{"className":802,"code":1656,"filename":1657,"language":805,"meta":266,"style":266},"const { data: page } = await useAsyncData(route.path, () => queryContent(route.path).findOne())\n\nconst { data: surround } = await useAsyncData(`${route.path}-surround`, () => queryContent()\n  .where({ _extension: 'md', navigation: { $ne: false } })\n  .only(['title', 'description', '_path'])\n  .findSurround(withoutTrailingSlash(route.path))\n)\n","docs/[...slug].vue (v2)",[268,1659,1660,1706,1710,1760,1806,1842,1861],{"__ignoreMap":266},[271,1661,1662,1664,1666,1668,1670,1672,1674,1676,1678,1680,1682,1684,1686,1688,1690,1692,1694,1696,1698,1700,1702,1704],{"class":273,"line":274},[271,1663,813],{"class":812},[271,1665,363],{"class":362},[271,1667,818],{"class":424},[271,1669,428],{"class":362},[271,1671,1111],{"class":366},[271,1673,739],{"class":362},[271,1675,828],{"class":362},[271,1677,831],{"class":358},[271,1679,834],{"class":412},[271,1681,1418],{"class":366},[271,1683,219],{"class":362},[271,1685,1152],{"class":366},[271,1687,370],{"class":362},[271,1689,848],{"class":362},[271,1691,851],{"class":812},[271,1693,1213],{"class":412},[271,1695,1418],{"class":366},[271,1697,219],{"class":362},[271,1699,1465],{"class":366},[271,1701,219],{"class":362},[271,1703,1228],{"class":412},[271,1705,911],{"class":366},[271,1707,1708],{"class":273,"line":396},[271,1709,400],{"emptyLinePlaceholder":399},[271,1711,1712,1714,1716,1718,1720,1722,1724,1726,1728,1730,1732,1735,1738,1740,1742,1744,1747,1750,1752,1754,1756,1758],{"class":273,"line":403},[271,1713,813],{"class":812},[271,1715,363],{"class":362},[271,1717,818],{"class":424},[271,1719,428],{"class":362},[271,1721,1580],{"class":366},[271,1723,739],{"class":362},[271,1725,828],{"class":362},[271,1727,831],{"class":358},[271,1729,834],{"class":412},[271,1731,415],{"class":366},[271,1733,1734],{"class":362},"`${",[271,1736,1737],{"class":366},"route",[271,1739,219],{"class":362},[271,1741,1152],{"class":366},[271,1743,739],{"class":362},[271,1745,1746],{"class":280},"-surround",[271,1748,1749],{"class":362},"`",[271,1751,370],{"class":362},[271,1753,848],{"class":362},[271,1755,851],{"class":812},[271,1757,1213],{"class":412},[271,1759,696],{"class":366},[271,1761,1762,1765,1768,1770,1772,1775,1777,1779,1782,1784,1786,1789,1791,1793,1796,1798,1800,1802,1804],{"class":273,"line":421},[271,1763,1764],{"class":362},"  .",[271,1766,1767],{"class":412},"where",[271,1769,415],{"class":366},[271,1771,1573],{"class":362},[271,1773,1774],{"class":424}," _extension",[271,1776,428],{"class":362},[271,1778,387],{"class":362},[271,1780,1781],{"class":280},"md",[271,1783,461],{"class":362},[271,1785,370],{"class":362},[271,1787,1788],{"class":424}," navigation",[271,1790,428],{"class":362},[271,1792,363],{"class":362},[271,1794,1795],{"class":424}," $ne",[271,1797,428],{"class":362},[271,1799,987],{"class":986},[271,1801,381],{"class":362},[271,1803,381],{"class":362},[271,1805,720],{"class":366},[271,1807,1808,1810,1813,1816,1818,1820,1822,1824,1826,1828,1830,1832,1834,1837,1839],{"class":273,"line":434},[271,1809,1764],{"class":362},[271,1811,1812],{"class":412},"only",[271,1814,1815],{"class":366},"([",[271,1817,461],{"class":362},[271,1819,1282],{"class":280},[271,1821,461],{"class":362},[271,1823,370],{"class":362},[271,1825,387],{"class":362},[271,1827,1329],{"class":280},[271,1829,461],{"class":362},[271,1831,370],{"class":362},[271,1833,387],{"class":362},[271,1835,1836],{"class":280},"_path",[271,1838,461],{"class":362},[271,1840,1841],{"class":366},"])\n",[271,1843,1844,1846,1849,1851,1854,1856,1858],{"class":273,"line":448},[271,1845,1764],{"class":362},[271,1847,1848],{"class":412},"findSurround",[271,1850,415],{"class":366},[271,1852,1853],{"class":412},"withoutTrailingSlash",[271,1855,1418],{"class":366},[271,1857,219],{"class":362},[271,1859,1860],{"class":366},"path))\n",[271,1862,1863],{"class":273,"line":467},[271,1864,720],{"class":366},[786,1866,1868,1869,1871,1872,1241,1874,1244],{"id":1867},"populate-useseometa-with-the-seo-field-provided-by-the-page-type","Populate ",[268,1870,1236],{}," with the ",[268,1873,1240],{},[746,1875,458],{"href":748},[260,1877,1879],{"className":802,"code":1878,"filename":1248,"language":805,"meta":266,"style":266},"useSeoMeta({\n  title: page.value.seo.title,\n  ogTitle: `${page.value.seo.title} - ${seo?.siteName}`,\n  description: page.value.seo.description,\n  ogDescription: page.value.seo.description\n})\n",[268,1880,1881,1889,1911,1954,1976,1996],{"__ignoreMap":266},[271,1882,1883,1885,1887],{"class":273,"line":274},[271,1884,1236],{"class":412},[271,1886,415],{"class":366},[271,1888,418],{"class":362},[271,1890,1891,1893,1895,1897,1899,1901,1903,1905,1907,1909],{"class":273,"line":396},[271,1892,1263],{"class":424},[271,1894,428],{"class":362},[271,1896,1268],{"class":366},[271,1898,219],{"class":362},[271,1900,1273],{"class":366},[271,1902,219],{"class":362},[271,1904,1240],{"class":366},[271,1906,219],{"class":362},[271,1908,1282],{"class":366},[271,1910,464],{"class":362},[271,1912,1913,1915,1917,1920,1922,1924,1926,1928,1930,1932,1934,1936,1939,1942,1944,1946,1949,1952],{"class":273,"line":403},[271,1914,1289],{"class":424},[271,1916,428],{"class":362},[271,1918,1919],{"class":362}," `${",[271,1921,458],{"class":366},[271,1923,219],{"class":362},[271,1925,1273],{"class":366},[271,1927,219],{"class":362},[271,1929,1240],{"class":366},[271,1931,219],{"class":362},[271,1933,1282],{"class":366},[271,1935,739],{"class":362},[271,1937,1938],{"class":280}," - ",[271,1940,1941],{"class":362},"${",[271,1943,1240],{"class":366},[271,1945,1623],{"class":362},[271,1947,1948],{"class":366},"siteName",[271,1950,1951],{"class":362},"}`",[271,1953,464],{"class":362},[271,1955,1956,1958,1960,1962,1964,1966,1968,1970,1972,1974],{"class":273,"line":421},[271,1957,1312],{"class":424},[271,1959,428],{"class":362},[271,1961,1268],{"class":366},[271,1963,219],{"class":362},[271,1965,1273],{"class":366},[271,1967,219],{"class":362},[271,1969,1240],{"class":366},[271,1971,219],{"class":362},[271,1973,1329],{"class":366},[271,1975,464],{"class":362},[271,1977,1978,1980,1982,1984,1986,1988,1990,1992,1994],{"class":273,"line":434},[271,1979,1336],{"class":424},[271,1981,428],{"class":362},[271,1983,1268],{"class":366},[271,1985,219],{"class":362},[271,1987,1273],{"class":366},[271,1989,219],{"class":362},[271,1991,1240],{"class":366},[271,1993,219],{"class":362},[271,1995,1353],{"class":366},[271,1997,1998,2000],{"class":273,"line":448},[271,1999,739],{"class":362},[271,2001,720],{"class":366},[1361,2003,2004],{},[199,2005,1365,2006,1368,2008,226,2010,1373],{},[268,2007,1240],{},[268,2009,1282],{},[268,2011,1329],{},[252,2013,2015],{"id":2014},"_6-update-types","6. Update types",[199,2017,2018],{},"Types have been significantly enhanced in Content v3, eliminating the need for most manual typings, as they are now directly provided by the Nuxt Content APIs.",[199,2020,2021,2022,2025,2026,2029],{},"Concerning the documentation starter, the only typing needed concerns the navigation items where ",[268,2023,2024],{},"NavItem"," can be replaced by ",[268,2027,2028],{},"ContentNavigationItem"," .",[260,2031,2033],{"className":802,"code":2032,"language":805,"meta":266,"style":266},"import type { ContentNavigationItem } from '@nuxt/content'\n\nconst navigation = inject\u003CRef\u003CContentNavigationItem[]>>('navigation')\n",[268,2034,2035,2056,2060],{"__ignoreMap":266},[271,2036,2037,2039,2041,2043,2046,2048,2050,2052,2054],{"class":273,"line":274},[271,2038,359],{"class":358},[271,2040,1244],{"class":358},[271,2042,363],{"class":362},[271,2044,2045],{"class":366}," ContentNavigationItem",[271,2047,381],{"class":362},[271,2049,384],{"class":358},[271,2051,387],{"class":362},[271,2053,390],{"class":280},[271,2055,393],{"class":362},[271,2057,2058],{"class":273,"line":396},[271,2059,400],{"emptyLinePlaceholder":399},[271,2061,2062,2064,2066,2068,2071,2073,2076,2078,2080,2082,2085,2087,2089,2091,2093],{"class":273,"line":403},[271,2063,813],{"class":812},[271,2065,823],{"class":366},[271,2067,1605],{"class":362},[271,2069,2070],{"class":412}," inject",[271,2072,1022],{"class":362},[271,2074,2075],{"class":277},"Ref",[271,2077,1022],{"class":362},[271,2079,2028],{"class":277},[271,2081,1028],{"class":366},[271,2083,2084],{"class":362},">>",[271,2086,415],{"class":366},[271,2088,461],{"class":362},[271,2090,841],{"class":280},[271,2092,461],{"class":362},[271,2094,720],{"class":366},[252,2096,2098],{"id":2097},"_7-replace-folder-metadata-files","7. Replace folder metadata files",[199,2100,2101,2102,2105,2106],{},"All ",[268,2103,2104],{},"_dir.yml"," files become ",[268,2107,2108],{},".navigation.yml",[252,2110,2112],{"id":2111},"_8-migrate-studio-activation","8. Migrate Studio activation",[199,2114,2115,2116,2121,2122,2125,2126,2129,2130,2133],{},"Since the ",[746,2117,2120],{"href":2118,"rel":2119},"https://nuxtlabs/studio-module",[763],"studio module"," has been deprecated and a new generic ",[268,2123,2124],{},"Preview API"," has been implemented directly into Nuxt Content, we can remove the ",[268,2127,2128],{},"@nuxthq/studio"," package from our dependencies and from the ",[268,2131,2132],{},"nuxt.config.ts"," modules.",[199,2135,2136],{},"Instead we just need to enable the preview mode in the Nuxt configuration file by binding the Studio API.",[260,2138,2140],{"className":802,"code":2139,"filename":2132,"language":805,"meta":266,"style":266},"export default defineNuxtConfig({\n  content: {\n    preview: {\n      api: 'https://api.nuxt.studio'\n    }\n  },\n})\n",[268,2141,2142,2155,2164,2173,2187,2192,2197],{"__ignoreMap":266},[271,2143,2144,2146,2148,2151,2153],{"class":273,"line":274},[271,2145,406],{"class":358},[271,2147,409],{"class":358},[271,2149,2150],{"class":412}," defineNuxtConfig",[271,2152,415],{"class":366},[271,2154,418],{"class":362},[271,2156,2157,2160,2162],{"class":273,"line":396},[271,2158,2159],{"class":424},"  content",[271,2161,428],{"class":362},[271,2163,431],{"class":362},[271,2165,2166,2169,2171],{"class":273,"line":403},[271,2167,2168],{"class":424},"    preview",[271,2170,428],{"class":362},[271,2172,431],{"class":362},[271,2174,2175,2178,2180,2182,2185],{"class":273,"line":421},[271,2176,2177],{"class":424},"      api",[271,2179,428],{"class":362},[271,2181,387],{"class":362},[271,2183,2184],{"class":280},"https://api.nuxt.studio",[271,2186,393],{"class":362},[271,2188,2189],{"class":273,"line":434},[271,2190,2191],{"class":362},"    }\n",[271,2193,2194],{"class":273,"line":448},[271,2195,2196],{"class":362},"  },\n",[271,2198,2199,2201],{"class":273,"line":467},[271,2200,739],{"class":362},[271,2202,720],{"class":366},[199,2204,2205,2206,2209,2210,2213,2214,793,2217,219],{},"Finally, in order to keep the ",[746,2207,2208],{"href":173},"app config file updatable"," from Studio, we just need to update the helper import of the ",[268,2211,2212],{},"nuxt.schema.ts"," file from ",[268,2215,2216],{},"@nuxthq/studio/theme",[268,2218,2219],{},"@nuxt/content/preview",[240,2221,2222],{},[199,2223,2224,2225,219],{},"That's it, content v3 is now powering the starter. Let's now migrate to version 3 of ",[746,2226,2229],{"href":2227,"rel":2228},"https://ui3.nuxt.dev",[763],"Nuxt UI / UI Pro",[247,2231,2233],{"id":2232},"nuxt-ui-pro-migration-v1-v3","Nuxt UI Pro Migration (v1 → v3)",[2235,2236,2237],"prose-caution",{},[199,2238,2239],{},"This is a migration case, it won't cover all breaking changes introduced by the version upgrade. You should check each component you're using in the documentation to know if you need updates concerning props, slots or styles.",[252,2241,2243],{"id":2242},"_1-setup-package-to-v3","1. Setup package to v3",[1361,2245,2246],{},[199,2247,2248],{},"To maintain consistency with the UI versioning, which transitioned from v1 to v2. The Nuxt UI Pro version 2 is being skipped, and the update jumps directly to v3.",[782,2250,2251,2255,2311,2315,2325,2427,2435,2439,2476,2535,2539,2546,2575],{"level":784},[786,2252,2254],{"id":2253},"install-the-nuxt-ui-v3-alpha-package","Install the Nuxt UI v3 alpha package",[257,2256,2258,2272,2285,2298],{"sync":2257},"pm",[260,2259,2261],{"className":262,"code":2260,"filename":264,"language":265,"meta":266,"style":266},"pnpm add @nuxt/ui-pro@next\n",[268,2262,2263],{"__ignoreMap":266},[271,2264,2265,2267,2269],{"class":273,"line":274},[271,2266,264],{"class":277},[271,2268,281],{"class":280},[271,2270,2271],{"class":280}," @nuxt/ui-pro@next\n",[260,2273,2275],{"className":262,"code":2274,"filename":288,"language":265,"meta":266,"style":266},"yarn add @nuxt/ui-pro@next\n",[268,2276,2277],{"__ignoreMap":266},[271,2278,2279,2281,2283],{"class":273,"line":274},[271,2280,288],{"class":277},[271,2282,281],{"class":280},[271,2284,2271],{"class":280},[260,2286,2288],{"className":262,"code":2287,"filename":302,"language":265,"meta":266,"style":266},"npm install @nuxt/ui-pro@next\n",[268,2289,2290],{"__ignoreMap":266},[271,2291,2292,2294,2296],{"class":273,"line":274},[271,2293,302],{"class":277},[271,2295,311],{"class":280},[271,2297,2271],{"class":280},[260,2299,2301],{"className":262,"code":2300,"filename":317,"language":265,"meta":266,"style":266},"bun add @nuxt/ui-pro@next\n",[268,2302,2303],{"__ignoreMap":266},[271,2304,2305,2307,2309],{"class":273,"line":274},[271,2306,317],{"class":277},[271,2308,281],{"class":280},[271,2310,2271],{"class":280},[786,2312,2314],{"id":2313},"add-the-module-in-the-nuxt-configuration-file","Add the module in the Nuxt configuration file",[199,2316,2317,2318,2321,2322,2029],{},"It's no longer required to add ",[268,2319,2320],{},"@nuxt/ui"," in modules as it is automatically imported by ",[268,2323,2324],{},"@nuxt/ui-pro",[798,2326,2327,2368],{},[260,2328,2331],{"className":802,"code":2329,"filename":2330,"language":805,"meta":266,"style":266},"export default defineNuxtConfig({\n  modules: ['@nuxt/ui-pro']\n})\n","nuxt.config.ts (v3)",[268,2332,2333,2345,2362],{"__ignoreMap":266},[271,2334,2335,2337,2339,2341,2343],{"class":273,"line":274},[271,2336,406],{"class":358},[271,2338,409],{"class":358},[271,2340,2150],{"class":412},[271,2342,415],{"class":366},[271,2344,418],{"class":362},[271,2346,2347,2350,2352,2354,2356,2358,2360],{"class":273,"line":396},[271,2348,2349],{"class":424},"  modules",[271,2351,428],{"class":362},[271,2353,556],{"class":366},[271,2355,461],{"class":362},[271,2357,2324],{"class":280},[271,2359,461],{"class":362},[271,2361,565],{"class":366},[271,2363,2364,2366],{"class":273,"line":403},[271,2365,739],{"class":362},[271,2367,720],{"class":366},[260,2369,2372],{"className":802,"code":2370,"filename":2371,"language":805,"meta":266,"style":266},"export default defineNuxtConfig({\n  extends: ['@nuxt/ui-pro'],\n  modules: ['@nuxt/ui']\n})\n","nuxt.config.ts (v1)",[268,2373,2374,2386,2405,2421],{"__ignoreMap":266},[271,2375,2376,2378,2380,2382,2384],{"class":273,"line":274},[271,2377,406],{"class":358},[271,2379,409],{"class":358},[271,2381,2150],{"class":412},[271,2383,415],{"class":366},[271,2385,418],{"class":362},[271,2387,2388,2391,2393,2395,2397,2399,2401,2403],{"class":273,"line":396},[271,2389,2390],{"class":424},"  extends",[271,2392,428],{"class":362},[271,2394,556],{"class":366},[271,2396,461],{"class":362},[271,2398,2324],{"class":280},[271,2400,461],{"class":362},[271,2402,1525],{"class":366},[271,2404,464],{"class":362},[271,2406,2407,2409,2411,2413,2415,2417,2419],{"class":273,"line":403},[271,2408,2349],{"class":424},[271,2410,428],{"class":362},[271,2412,556],{"class":366},[271,2414,461],{"class":362},[271,2416,2320],{"class":280},[271,2418,461],{"class":362},[271,2420,565],{"class":366},[271,2422,2423,2425],{"class":273,"line":421},[271,2424,739],{"class":362},[271,2426,720],{"class":366},[1361,2428,2429],{},[199,2430,2431,2434],{},[202,2432,2433],{},"Nuxt UIPro V3"," is now considered as a module and no longer as a layer.",[786,2436,2438],{"id":2437},"import-tailwind-css-and-nuxt-ui-pro-in-your-css","Import Tailwind CSS and Nuxt UI Pro in your CSS",[260,2440,2445],{"className":2441,"code":2442,"filename":2443,"language":2444,"meta":266,"style":266},"language-css shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","@import \"tailwindcss\";\n@import \"@nuxt/ui-pro\";\n","assets/css/main.css","css",[268,2446,2447,2464],{"__ignoreMap":266},[271,2448,2449,2452,2455,2458,2461],{"class":273,"line":274},[271,2450,2451],{"class":358},"@import",[271,2453,2454],{"class":362}," \"",[271,2456,2457],{"class":280},"tailwindcss",[271,2459,2460],{"class":362},"\"",[271,2462,2463],{"class":362},";\n",[271,2465,2466,2468,2470,2472,2474],{"class":273,"line":396},[271,2467,2451],{"class":358},[271,2469,2454],{"class":362},[271,2471,2324],{"class":280},[271,2473,2460],{"class":362},[271,2475,2463],{"class":362},[260,2477,2479],{"className":802,"code":2478,"filename":2132,"language":805,"meta":266,"style":266},"export default defineNuxtConfig({\n  modules: ['@nuxt/ui-pro'],\n  css: ['~/assets/css/main.css']\n})\n",[268,2480,2481,2493,2511,2529],{"__ignoreMap":266},[271,2482,2483,2485,2487,2489,2491],{"class":273,"line":274},[271,2484,406],{"class":358},[271,2486,409],{"class":358},[271,2488,2150],{"class":412},[271,2490,415],{"class":366},[271,2492,418],{"class":362},[271,2494,2495,2497,2499,2501,2503,2505,2507,2509],{"class":273,"line":396},[271,2496,2349],{"class":424},[271,2498,428],{"class":362},[271,2500,556],{"class":366},[271,2502,461],{"class":362},[271,2504,2324],{"class":280},[271,2506,461],{"class":362},[271,2508,1525],{"class":366},[271,2510,464],{"class":362},[271,2512,2513,2516,2518,2520,2522,2525,2527],{"class":273,"line":403},[271,2514,2515],{"class":424},"  css",[271,2517,428],{"class":362},[271,2519,556],{"class":366},[271,2521,461],{"class":362},[271,2523,2524],{"class":280},"~/assets/css/main.css",[271,2526,461],{"class":362},[271,2528,565],{"class":366},[271,2530,2531,2533],{"class":273,"line":421},[271,2532,739],{"class":362},[271,2534,720],{"class":366},[786,2536,2538],{"id":2537},"remove-tailwind-config-file-and-use-css-first-theming","Remove tailwind config file and use CSS-first theming",[199,2540,2541,2542,2545],{},"Nuxt UI v3 uses Tailwind CSS v4 that follows a CSS-first configuration approach. You can now customize your theme with CSS variables inside a ",[268,2543,2544],{},"@theme"," directive.",[2547,2548,2549,2556,2565],"ul",{},[2550,2551,2552,2553,335],"li",{},"Delete the ",[268,2554,2555],{},"tailwind.config.ts",[2550,2557,2558,2559,2561,2562,335],{},"Use the ",[268,2560,2544],{}," directive to apply your theme in ",[268,2563,2564],{},"main.css",[2550,2566,2558,2567,2570,2571,2574],{},[268,2568,2569],{},"@source"," directive in order for Tailwind to detect classes in ",[268,2572,2573],{},"markdown"," files.",[260,2576,2578],{"className":2441,"code":2577,"filename":2443,"language":2444,"meta":266,"style":266},"@import \"tailwindcss\";\n@import \"@nuxt/ui-pro\";\n\n@source \"../content/**/*\";\n\n@theme {\n  --font-sans: 'DM Sans', sans-serif;\n\n  --color-green-50: #EFFDF5;\n  --color-green-100: #D9FBE8;\n  --color-green-200: #B3F5D1;\n  --color-green-300: #75EDAE;\n  --color-green-400: #00DC82;\n  --color-green-500: #00C16A;\n  --color-green-600: #00A155;\n  --color-green-700: #007F45;\n  --color-green-800: #016538;\n  --color-green-900: #0A5331;\n  --color-green-950: #052E16;\n}\n\n",[268,2579,2580,2592,2604,2608,2617,2621,2627,2639,2643,2654,2664,2674,2684,2694,2704,2714,2724,2734,2744,2754],{"__ignoreMap":266},[271,2581,2582,2584,2586,2588,2590],{"class":273,"line":274},[271,2583,2451],{"class":358},[271,2585,2454],{"class":362},[271,2587,2457],{"class":280},[271,2589,2460],{"class":362},[271,2591,2463],{"class":362},[271,2593,2594,2596,2598,2600,2602],{"class":273,"line":396},[271,2595,2451],{"class":358},[271,2597,2454],{"class":362},[271,2599,2324],{"class":280},[271,2601,2460],{"class":362},[271,2603,2463],{"class":362},[271,2605,2606],{"class":273,"line":403},[271,2607,400],{"emptyLinePlaceholder":399},[271,2609,2610,2612,2615],{"class":273,"line":421},[271,2611,2569],{"class":358},[271,2613,2614],{"class":366}," \"../content/**/*\"",[271,2616,2463],{"class":362},[271,2618,2619],{"class":273,"line":434},[271,2620,400],{"emptyLinePlaceholder":399},[271,2622,2623,2625],{"class":273,"line":448},[271,2624,2544],{"class":358},[271,2626,431],{"class":362},[271,2628,2629,2632,2634,2637],{"class":273,"line":467},[271,2630,2631],{"class":366},"  --font-sans: 'DM Sans'",[271,2633,370],{"class":362},[271,2635,2636],{"class":277}," sans-serif",[271,2638,2463],{"class":366},[271,2640,2641],{"class":273,"line":482},[271,2642,400],{"emptyLinePlaceholder":399},[271,2644,2645,2648,2651],{"class":273,"line":493},[271,2646,2647],{"class":366},"  --color-green-50: ",[271,2649,2650],{"class":362},"#",[271,2652,2653],{"class":366},"EFFDF5;\n",[271,2655,2656,2659,2661],{"class":273,"line":507},[271,2657,2658],{"class":366},"  --color-green-100: ",[271,2660,2650],{"class":362},[271,2662,2663],{"class":366},"D9FBE8;\n",[271,2665,2666,2669,2671],{"class":273,"line":522},[271,2667,2668],{"class":366},"  --color-green-200: ",[271,2670,2650],{"class":362},[271,2672,2673],{"class":366},"B3F5D1;\n",[271,2675,2676,2679,2681],{"class":273,"line":531},[271,2677,2678],{"class":366},"  --color-green-300: ",[271,2680,2650],{"class":362},[271,2682,2683],{"class":366},"75EDAE;\n",[271,2685,2686,2689,2691],{"class":273,"line":548},[271,2687,2688],{"class":366},"  --color-green-400: ",[271,2690,2650],{"class":362},[271,2692,2693],{"class":366},"00DC82;\n",[271,2695,2696,2699,2701],{"class":273,"line":568},[271,2697,2698],{"class":366},"  --color-green-500: ",[271,2700,2650],{"class":362},[271,2702,2703],{"class":366},"00C16A;\n",[271,2705,2706,2709,2711],{"class":273,"line":574},[271,2707,2708],{"class":366},"  --color-green-600: ",[271,2710,2650],{"class":362},[271,2712,2713],{"class":366},"00A155;\n",[271,2715,2716,2719,2721],{"class":273,"line":593},[271,2717,2718],{"class":366},"  --color-green-700: ",[271,2720,2650],{"class":362},[271,2722,2723],{"class":366},"007F45;\n",[271,2725,2726,2729,2731],{"class":273,"line":619},[271,2727,2728],{"class":366},"  --color-green-800: ",[271,2730,2650],{"class":362},[271,2732,2733],{"class":366},"016538;\n",[271,2735,2736,2739,2741],{"class":273,"line":639},[271,2737,2738],{"class":366},"  --color-green-900: ",[271,2740,2650],{"class":362},[271,2742,2743],{"class":366},"0A5331;\n",[271,2745,2746,2749,2751],{"class":273,"line":657},[271,2747,2748],{"class":366},"  --color-green-950: ",[271,2750,2650],{"class":362},[271,2752,2753],{"class":366},"052E16;\n",[271,2755,2756],{"class":273,"line":675},[271,2757,2758],{"class":366},"}\n",[252,2760,2762,2763,2766,2767],{"id":2761},"_2-update-ui-overloads-in-appconfigts","2. Update ",[268,2764,2765],{},"ui"," overloads in ",[268,2768,2769],{},"app.config.ts",[2235,2771,2773],{"to":2772},"https://ui3.nuxt.dev/getting-started/theme#customize-theme",[199,2774,2775,2776,2778,2779,2781,2782,2784,2785,2788],{},"All overloads using the ",[268,2777,2765],{}," props in a component or the ",[268,2780,2765],{}," key in the ",[268,2783,2769],{}," are obsolete and need to be checked in the ",[202,2786,2787],{},"UI / UI Pro"," documentation.",[798,2790,2791,2940],{},[260,2792,2795],{"className":802,"code":2793,"filename":2794,"language":805,"meta":266,"style":266},"export default defineAppConfig({\n  ui: {\n    colors: {\n      primary: 'green',\n      neutral: 'slate'\n    }\n  },\n  uiPro: {\n    footer: {\n      slots: {\n        root: 'border-t border-gray-200 dark:border-gray-800',\n        left: 'text-sm text-gray-500 dark:text-gray-400'\n      }\n    }\n  },\n}\n","app.config.ts (v3)",[268,2796,2797,2810,2819,2828,2844,2858,2862,2866,2875,2884,2893,2909,2923,2928,2932,2936],{"__ignoreMap":266},[271,2798,2799,2801,2803,2806,2808],{"class":273,"line":274},[271,2800,406],{"class":358},[271,2802,409],{"class":358},[271,2804,2805],{"class":412}," defineAppConfig",[271,2807,415],{"class":366},[271,2809,418],{"class":362},[271,2811,2812,2815,2817],{"class":273,"line":396},[271,2813,2814],{"class":424},"  ui",[271,2816,428],{"class":362},[271,2818,431],{"class":362},[271,2820,2821,2824,2826],{"class":273,"line":403},[271,2822,2823],{"class":424},"    colors",[271,2825,428],{"class":362},[271,2827,431],{"class":362},[271,2829,2830,2833,2835,2837,2840,2842],{"class":273,"line":421},[271,2831,2832],{"class":424},"      primary",[271,2834,428],{"class":362},[271,2836,387],{"class":362},[271,2838,2839],{"class":280},"green",[271,2841,461],{"class":362},[271,2843,464],{"class":362},[271,2845,2846,2849,2851,2853,2856],{"class":273,"line":434},[271,2847,2848],{"class":424},"      neutral",[271,2850,428],{"class":362},[271,2852,387],{"class":362},[271,2854,2855],{"class":280},"slate",[271,2857,393],{"class":362},[271,2859,2860],{"class":273,"line":448},[271,2861,2191],{"class":362},[271,2863,2864],{"class":273,"line":467},[271,2865,2196],{"class":362},[271,2867,2868,2871,2873],{"class":273,"line":482},[271,2869,2870],{"class":424},"  uiPro",[271,2872,428],{"class":362},[271,2874,431],{"class":362},[271,2876,2877,2880,2882],{"class":273,"line":493},[271,2878,2879],{"class":424},"    footer",[271,2881,428],{"class":362},[271,2883,431],{"class":362},[271,2885,2886,2889,2891],{"class":273,"line":507},[271,2887,2888],{"class":424},"      slots",[271,2890,428],{"class":362},[271,2892,431],{"class":362},[271,2894,2895,2898,2900,2902,2905,2907],{"class":273,"line":522},[271,2896,2897],{"class":424},"        root",[271,2899,428],{"class":362},[271,2901,387],{"class":362},[271,2903,2904],{"class":280},"border-t border-gray-200 dark:border-gray-800",[271,2906,461],{"class":362},[271,2908,464],{"class":362},[271,2910,2911,2914,2916,2918,2921],{"class":273,"line":531},[271,2912,2913],{"class":424},"        left",[271,2915,428],{"class":362},[271,2917,387],{"class":362},[271,2919,2920],{"class":280},"text-sm text-gray-500 dark:text-gray-400",[271,2922,393],{"class":362},[271,2924,2925],{"class":273,"line":548},[271,2926,2927],{"class":362},"      }\n",[271,2929,2930],{"class":273,"line":568},[271,2931,2191],{"class":362},[271,2933,2934],{"class":273,"line":574},[271,2935,2196],{"class":362},[271,2937,2938],{"class":273,"line":593},[271,2939,2758],{"class":362},[260,2941,2944],{"className":802,"code":2942,"filename":2943,"language":805,"meta":266,"style":266},"export default defineAppConfig({\n  ui: {\n    primary: 'green',\n    gray: 'slate',\n    footer: {\n      bottom: {\n        left: 'text-sm text-gray-500 dark:text-gray-400',\n        wrapper: 'border-t border-gray-200 dark:border-gray-800'\n      }\n    }\n  },\n})\n","app.config.ts (v1)",[268,2945,2946,2958,2966,2981,2996,3004,3013,3027,3040,3044,3048,3052],{"__ignoreMap":266},[271,2947,2948,2950,2952,2954,2956],{"class":273,"line":274},[271,2949,406],{"class":358},[271,2951,409],{"class":358},[271,2953,2805],{"class":412},[271,2955,415],{"class":366},[271,2957,418],{"class":362},[271,2959,2960,2962,2964],{"class":273,"line":396},[271,2961,2814],{"class":424},[271,2963,428],{"class":362},[271,2965,431],{"class":362},[271,2967,2968,2971,2973,2975,2977,2979],{"class":273,"line":403},[271,2969,2970],{"class":424},"    primary",[271,2972,428],{"class":362},[271,2974,387],{"class":362},[271,2976,2839],{"class":280},[271,2978,461],{"class":362},[271,2980,464],{"class":362},[271,2982,2983,2986,2988,2990,2992,2994],{"class":273,"line":421},[271,2984,2985],{"class":424},"    gray",[271,2987,428],{"class":362},[271,2989,387],{"class":362},[271,2991,2855],{"class":280},[271,2993,461],{"class":362},[271,2995,464],{"class":362},[271,2997,2998,3000,3002],{"class":273,"line":434},[271,2999,2879],{"class":424},[271,3001,428],{"class":362},[271,3003,431],{"class":362},[271,3005,3006,3009,3011],{"class":273,"line":448},[271,3007,3008],{"class":424},"      bottom",[271,3010,428],{"class":362},[271,3012,431],{"class":362},[271,3014,3015,3017,3019,3021,3023,3025],{"class":273,"line":467},[271,3016,2913],{"class":424},[271,3018,428],{"class":362},[271,3020,387],{"class":362},[271,3022,2920],{"class":280},[271,3024,461],{"class":362},[271,3026,464],{"class":362},[271,3028,3029,3032,3034,3036,3038],{"class":273,"line":482},[271,3030,3031],{"class":424},"        wrapper",[271,3033,428],{"class":362},[271,3035,387],{"class":362},[271,3037,2904],{"class":280},[271,3039,393],{"class":362},[271,3041,3042],{"class":273,"line":493},[271,3043,2927],{"class":362},[271,3045,3046],{"class":273,"line":507},[271,3047,2191],{"class":362},[271,3049,3050],{"class":273,"line":522},[271,3051,2196],{"class":362},[271,3053,3054,3056],{"class":273,"line":531},[271,3055,739],{"class":362},[271,3057,720],{"class":366},[252,3059,777,3061,1268],{"id":3060},"_3-migrate-errorvue-page",[268,3062,3063],{},"error.vue",[199,3065,3066,3067,3070],{},"New ",[268,3068,3069],{},"UError"," component can be used as full page structure.",[798,3072,3073,3230],{},[260,3074,3079],{"className":3075,"code":3076,"filename":3077,"language":3078,"meta":266,"style":266},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Ctemplate>\n  \u003Cdiv>\n    \u003CAppHeader />\n\n    \u003CUError :error=\"error\" />\n\n    \u003CAppFooter />\n\n    \u003CClientOnly>\n      \u003CLazyUContentSearch\n        :files=\"files\"\n        :navigation=\"navigation\"\n      />\n    \u003C/ClientOnly>\n  \u003C/div>\n\u003C/template>\n","error.vue (v3)","vue",[268,3080,3081,3091,3101,3112,3116,3136,3140,3149,3153,3162,3170,3185,3198,3203,3212,3221],{"__ignoreMap":266},[271,3082,3083,3085,3088],{"class":273,"line":274},[271,3084,1022],{"class":362},[271,3086,3087],{"class":424},"template",[271,3089,3090],{"class":362},">\n",[271,3092,3093,3096,3099],{"class":273,"line":396},[271,3094,3095],{"class":362},"  \u003C",[271,3097,3098],{"class":424},"div",[271,3100,3090],{"class":362},[271,3102,3103,3106,3109],{"class":273,"line":403},[271,3104,3105],{"class":362},"    \u003C",[271,3107,3108],{"class":424},"AppHeader",[271,3110,3111],{"class":362}," />\n",[271,3113,3114],{"class":273,"line":421},[271,3115,400],{"emptyLinePlaceholder":399},[271,3117,3118,3120,3122,3125,3127,3129,3132,3134],{"class":273,"line":434},[271,3119,3105],{"class":362},[271,3121,3069],{"class":424},[271,3123,3124],{"class":812}," :error",[271,3126,1605],{"class":362},[271,3128,2460],{"class":362},[271,3130,3131],{"class":280},"error",[271,3133,2460],{"class":362},[271,3135,3111],{"class":362},[271,3137,3138],{"class":273,"line":448},[271,3139,400],{"emptyLinePlaceholder":399},[271,3141,3142,3144,3147],{"class":273,"line":467},[271,3143,3105],{"class":362},[271,3145,3146],{"class":424},"AppFooter",[271,3148,3111],{"class":362},[271,3150,3151],{"class":273,"line":482},[271,3152,400],{"emptyLinePlaceholder":399},[271,3154,3155,3157,3160],{"class":273,"line":493},[271,3156,3105],{"class":362},[271,3158,3159],{"class":424},"ClientOnly",[271,3161,3090],{"class":362},[271,3163,3164,3167],{"class":273,"line":507},[271,3165,3166],{"class":362},"      \u003C",[271,3168,3169],{"class":424},"LazyUContentSearch\n",[271,3171,3172,3175,3177,3179,3182],{"class":273,"line":522},[271,3173,3174],{"class":812},"        :files",[271,3176,1605],{"class":362},[271,3178,2460],{"class":362},[271,3180,3181],{"class":280},"files",[271,3183,3184],{"class":362},"\"\n",[271,3186,3187,3190,3192,3194,3196],{"class":273,"line":531},[271,3188,3189],{"class":812},"        :navigation",[271,3191,1605],{"class":362},[271,3193,2460],{"class":362},[271,3195,841],{"class":280},[271,3197,3184],{"class":362},[271,3199,3200],{"class":273,"line":548},[271,3201,3202],{"class":362},"      />\n",[271,3204,3205,3208,3210],{"class":273,"line":568},[271,3206,3207],{"class":362},"    \u003C/",[271,3209,3159],{"class":424},[271,3211,3090],{"class":362},[271,3213,3214,3217,3219],{"class":273,"line":574},[271,3215,3216],{"class":362},"  \u003C/",[271,3218,3098],{"class":424},[271,3220,3090],{"class":362},[271,3222,3223,3226,3228],{"class":273,"line":593},[271,3224,3225],{"class":362},"\u003C/",[271,3227,3087],{"class":424},[271,3229,3090],{"class":362},[260,3231,3234],{"className":3075,"code":3232,"filename":3233,"language":3078,"meta":266,"style":266},"\u003Ctemplate>\n  \u003Cdiv>\n    \u003CAppHeader />\n\n    \u003CUMain>\n      \u003CUContainer>\n        \u003CUPage>\n          \u003CUPageError :error=\"error\" />\n        \u003C/UPage>\n      \u003C/UContainer>\n    \u003C/UMain>\n\n    \u003CAppFooter />\n\n    \u003CClientOnly>\n      \u003CLazyUContentSearch\n        :files=\"files\"\n        :navigation=\"navigation\"\n      />\n    \u003C/ClientOnly>\n\n    \u003CUNotifications />\n  \u003C/div>\n\u003C/template>\n","error.vue (v1)",[268,3235,3236,3244,3252,3260,3264,3273,3282,3292,3312,3321,3330,3338,3342,3350,3354,3362,3368,3380,3392,3396,3404,3408,3417,3425],{"__ignoreMap":266},[271,3237,3238,3240,3242],{"class":273,"line":274},[271,3239,1022],{"class":362},[271,3241,3087],{"class":424},[271,3243,3090],{"class":362},[271,3245,3246,3248,3250],{"class":273,"line":396},[271,3247,3095],{"class":362},[271,3249,3098],{"class":424},[271,3251,3090],{"class":362},[271,3253,3254,3256,3258],{"class":273,"line":403},[271,3255,3105],{"class":362},[271,3257,3108],{"class":424},[271,3259,3111],{"class":362},[271,3261,3262],{"class":273,"line":421},[271,3263,400],{"emptyLinePlaceholder":399},[271,3265,3266,3268,3271],{"class":273,"line":434},[271,3267,3105],{"class":362},[271,3269,3270],{"class":424},"UMain",[271,3272,3090],{"class":362},[271,3274,3275,3277,3280],{"class":273,"line":448},[271,3276,3166],{"class":362},[271,3278,3279],{"class":424},"UContainer",[271,3281,3090],{"class":362},[271,3283,3284,3287,3290],{"class":273,"line":467},[271,3285,3286],{"class":362},"        \u003C",[271,3288,3289],{"class":424},"UPage",[271,3291,3090],{"class":362},[271,3293,3294,3297,3300,3302,3304,3306,3308,3310],{"class":273,"line":482},[271,3295,3296],{"class":362},"          \u003C",[271,3298,3299],{"class":424},"UPageError",[271,3301,3124],{"class":812},[271,3303,1605],{"class":362},[271,3305,2460],{"class":362},[271,3307,3131],{"class":280},[271,3309,2460],{"class":362},[271,3311,3111],{"class":362},[271,3313,3314,3317,3319],{"class":273,"line":493},[271,3315,3316],{"class":362},"        \u003C/",[271,3318,3289],{"class":424},[271,3320,3090],{"class":362},[271,3322,3323,3326,3328],{"class":273,"line":507},[271,3324,3325],{"class":362},"      \u003C/",[271,3327,3279],{"class":424},[271,3329,3090],{"class":362},[271,3331,3332,3334,3336],{"class":273,"line":522},[271,3333,3207],{"class":362},[271,3335,3270],{"class":424},[271,3337,3090],{"class":362},[271,3339,3340],{"class":273,"line":531},[271,3341,400],{"emptyLinePlaceholder":399},[271,3343,3344,3346,3348],{"class":273,"line":548},[271,3345,3105],{"class":362},[271,3347,3146],{"class":424},[271,3349,3111],{"class":362},[271,3351,3352],{"class":273,"line":568},[271,3353,400],{"emptyLinePlaceholder":399},[271,3355,3356,3358,3360],{"class":273,"line":574},[271,3357,3105],{"class":362},[271,3359,3159],{"class":424},[271,3361,3090],{"class":362},[271,3363,3364,3366],{"class":273,"line":593},[271,3365,3166],{"class":362},[271,3367,3169],{"class":424},[271,3369,3370,3372,3374,3376,3378],{"class":273,"line":619},[271,3371,3174],{"class":812},[271,3373,1605],{"class":362},[271,3375,2460],{"class":362},[271,3377,3181],{"class":280},[271,3379,3184],{"class":362},[271,3381,3382,3384,3386,3388,3390],{"class":273,"line":639},[271,3383,3189],{"class":812},[271,3385,1605],{"class":362},[271,3387,2460],{"class":362},[271,3389,841],{"class":280},[271,3391,3184],{"class":362},[271,3393,3394],{"class":273,"line":657},[271,3395,3202],{"class":362},[271,3397,3398,3400,3402],{"class":273,"line":675},[271,3399,3207],{"class":362},[271,3401,3159],{"class":424},[271,3403,3090],{"class":362},[271,3405,3406],{"class":273,"line":699},[271,3407,400],{"emptyLinePlaceholder":399},[271,3409,3410,3412,3415],{"class":273,"line":714},[271,3411,3105],{"class":362},[271,3413,3414],{"class":424},"UNotifications",[271,3416,3111],{"class":362},[271,3418,3419,3421,3423],{"class":273,"line":723},[271,3420,3216],{"class":362},[271,3422,3098],{"class":424},[271,3424,3090],{"class":362},[271,3426,3427,3429,3431],{"class":273,"line":730},[271,3428,3225],{"class":362},[271,3430,3087],{"class":424},[271,3432,3090],{"class":362},[252,3434,3436,3437,1268],{"id":3435},"_4-migrate-appvue-page","4. Migrate ",[268,3438,780],{},[2547,3440,3441,3454,3468],{},[2550,3442,3443,3446,3447,226,3450,3453],{},[268,3444,3445],{},"Main",", ",[268,3448,3449],{},"Footer",[268,3451,3452],{},"LazyUContentSearch"," components do not need any updates in our case.",[2550,3455,3456,3459,3460,3463,3464,3467],{},[268,3457,3458],{},"Notification"," component can be removed since ",[268,3461,3462],{},"Toast"," components are directly handled by the ",[268,3465,3466],{},"App"," component.",[2550,3469,3470,3471,3474,3475,3478,3479,3482],{},"Instead of the ",[268,3472,3473],{},"NavigationTree"," component you can use the ",[268,3476,3477],{},"NavigationMenu"," component or the ",[268,3480,3481],{},"ContentNavigation"," component to display content navigation.",[798,3484,3485,3635],{},[260,3486,3489],{"className":3075,"code":3487,"filename":3488,"language":3078,"meta":266,"style":266},"\u003Cscript>\n// Content navigation provided by queryCollectionNavigation('docs')\nconst navigation = inject\u003CRef\u003CContentNavigationItem[]>>('navigation')\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CUHeader>\n    \u003Ctemplate #content>\n      \u003CUContentNavigation\n        highlight\n        :navigation=\"navigation\"\n      />\n     \u003C/template>\n   \u003C/UHeader>\n\u003C/template>\n","Header.vue (v3)",[268,3490,3491,3500,3506,3538,3546,3550,3558,3567,3581,3588,3593,3605,3609,3618,3627],{"__ignoreMap":266},[271,3492,3493,3495,3498],{"class":273,"line":274},[271,3494,1022],{"class":362},[271,3496,3497],{"class":424},"script",[271,3499,3090],{"class":362},[271,3501,3502],{"class":273,"line":396},[271,3503,3505],{"class":3504},"syuKq","// Content navigation provided by queryCollectionNavigation('docs')\n",[271,3507,3508,3510,3512,3514,3516,3518,3520,3522,3524,3526,3528,3530,3532,3534,3536],{"class":273,"line":403},[271,3509,813],{"class":812},[271,3511,823],{"class":366},[271,3513,1605],{"class":362},[271,3515,2070],{"class":412},[271,3517,1022],{"class":362},[271,3519,2075],{"class":277},[271,3521,1022],{"class":362},[271,3523,2028],{"class":277},[271,3525,1028],{"class":366},[271,3527,2084],{"class":362},[271,3529,415],{"class":366},[271,3531,461],{"class":362},[271,3533,841],{"class":280},[271,3535,461],{"class":362},[271,3537,720],{"class":366},[271,3539,3540,3542,3544],{"class":273,"line":421},[271,3541,3225],{"class":362},[271,3543,3497],{"class":424},[271,3545,3090],{"class":362},[271,3547,3548],{"class":273,"line":434},[271,3549,400],{"emptyLinePlaceholder":399},[271,3551,3552,3554,3556],{"class":273,"line":448},[271,3553,1022],{"class":362},[271,3555,3087],{"class":424},[271,3557,3090],{"class":362},[271,3559,3560,3562,3565],{"class":273,"line":467},[271,3561,3095],{"class":362},[271,3563,3564],{"class":424},"UHeader",[271,3566,3090],{"class":362},[271,3568,3569,3571,3573,3576,3579],{"class":273,"line":482},[271,3570,3105],{"class":362},[271,3572,3087],{"class":424},[271,3574,3575],{"class":362}," #",[271,3577,3578],{"class":812},"content",[271,3580,3090],{"class":362},[271,3582,3583,3585],{"class":273,"line":493},[271,3584,3166],{"class":362},[271,3586,3587],{"class":424},"UContentNavigation\n",[271,3589,3590],{"class":273,"line":507},[271,3591,3592],{"class":812},"        highlight\n",[271,3594,3595,3597,3599,3601,3603],{"class":273,"line":522},[271,3596,3189],{"class":812},[271,3598,1605],{"class":362},[271,3600,2460],{"class":362},[271,3602,841],{"class":280},[271,3604,3184],{"class":362},[271,3606,3607],{"class":273,"line":531},[271,3608,3202],{"class":362},[271,3610,3611,3614,3616],{"class":273,"line":548},[271,3612,3613],{"class":362},"     \u003C/",[271,3615,3087],{"class":424},[271,3617,3090],{"class":362},[271,3619,3620,3623,3625],{"class":273,"line":568},[271,3621,3622],{"class":362},"   \u003C/",[271,3624,3564],{"class":424},[271,3626,3090],{"class":362},[271,3628,3629,3631,3633],{"class":273,"line":574},[271,3630,3225],{"class":362},[271,3632,3087],{"class":424},[271,3634,3090],{"class":362},[260,3636,3639],{"className":3075,"code":3637,"filename":3638,"language":3078,"meta":266,"style":266},"\u003Cscript>\n// Content navigation provided by fetchContentNavigation()\nconst navigation = inject\u003CRef\u003CNavItem[]>>('navigation')\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CUHeader>\n    \u003Ctemplate #panel>\n      \u003CUNavigationTree :links=\"mapContentNavigation(navigation)\" />\n     \u003C/template>\n   \u003C/UHeader>\n\u003C/template>\n","Header.vue (v1)",[268,3640,3641,3649,3654,3686,3694,3698,3706,3714,3727,3748,3756,3764],{"__ignoreMap":266},[271,3642,3643,3645,3647],{"class":273,"line":274},[271,3644,1022],{"class":362},[271,3646,3497],{"class":424},[271,3648,3090],{"class":362},[271,3650,3651],{"class":273,"line":396},[271,3652,3653],{"class":3504},"// Content navigation provided by fetchContentNavigation()\n",[271,3655,3656,3658,3660,3662,3664,3666,3668,3670,3672,3674,3676,3678,3680,3682,3684],{"class":273,"line":403},[271,3657,813],{"class":812},[271,3659,823],{"class":366},[271,3661,1605],{"class":362},[271,3663,2070],{"class":412},[271,3665,1022],{"class":362},[271,3667,2075],{"class":277},[271,3669,1022],{"class":362},[271,3671,2024],{"class":277},[271,3673,1028],{"class":366},[271,3675,2084],{"class":362},[271,3677,415],{"class":366},[271,3679,461],{"class":362},[271,3681,841],{"class":280},[271,3683,461],{"class":362},[271,3685,720],{"class":366},[271,3687,3688,3690,3692],{"class":273,"line":421},[271,3689,3225],{"class":362},[271,3691,3497],{"class":424},[271,3693,3090],{"class":362},[271,3695,3696],{"class":273,"line":434},[271,3697,400],{"emptyLinePlaceholder":399},[271,3699,3700,3702,3704],{"class":273,"line":448},[271,3701,1022],{"class":362},[271,3703,3087],{"class":424},[271,3705,3090],{"class":362},[271,3707,3708,3710,3712],{"class":273,"line":467},[271,3709,3095],{"class":362},[271,3711,3564],{"class":424},[271,3713,3090],{"class":362},[271,3715,3716,3718,3720,3722,3725],{"class":273,"line":482},[271,3717,3105],{"class":362},[271,3719,3087],{"class":424},[271,3721,3575],{"class":362},[271,3723,3724],{"class":812},"panel",[271,3726,3090],{"class":362},[271,3728,3729,3731,3734,3737,3739,3741,3744,3746],{"class":273,"line":493},[271,3730,3166],{"class":362},[271,3732,3733],{"class":424},"UNavigationTree",[271,3735,3736],{"class":812}," :links",[271,3738,1605],{"class":362},[271,3740,2460],{"class":362},[271,3742,3743],{"class":280},"mapContentNavigation(navigation)",[271,3745,2460],{"class":362},[271,3747,3111],{"class":362},[271,3749,3750,3752,3754],{"class":273,"line":507},[271,3751,3613],{"class":362},[271,3753,3087],{"class":424},[271,3755,3090],{"class":362},[271,3757,3758,3760,3762],{"class":273,"line":522},[271,3759,3622],{"class":362},[271,3761,3564],{"class":424},[271,3763,3090],{"class":362},[271,3765,3766,3768,3770],{"class":273,"line":531},[271,3767,3225],{"class":362},[271,3769,3087],{"class":424},[271,3771,3090],{"class":362},[252,3773,3775],{"id":3774},"_5-update-landing-page","5. Update landing page",[199,3777,3778,3779,793,3782,2029],{},"We've decided to move the landing content from ",[268,3780,3781],{},"YML",[268,3783,50],{},[240,3785,3786],{},[199,3787,3788,3789,3792],{},"This decision was made because components used in Markdown no longer need to be exposed globally (nor do they need to be created in the ",[268,3790,3791],{},"components/content"," folder). Content v3 handles it under the hood.",[782,3794,3795,3799,3960,3969,3989,4690,4694,4703,4710],{"level":784},[786,3796,3798],{"id":3797},"update-content-configuration","Update content configuration",[260,3800,3802],{"className":802,"code":3801,"filename":334,"language":805,"meta":266,"style":266},"export default defineContentConfig({\n  collections: {\n    landing: defineCollection({\n      type: 'page',\n      source: 'index.md'\n    }),\n    docs: defineCollection({\n      type: 'page',\n      source: {\n        include: '**',\n        exclude: ['index.md']\n      },\n      ...\n    })\n  }\n})\n",[268,3803,3804,3816,3824,3836,3850,3863,3871,3883,3897,3905,3919,3935,3939,3944,3950,3954],{"__ignoreMap":266},[271,3805,3806,3808,3810,3812,3814],{"class":273,"line":274},[271,3807,406],{"class":358},[271,3809,409],{"class":358},[271,3811,367],{"class":412},[271,3813,415],{"class":366},[271,3815,418],{"class":362},[271,3817,3818,3820,3822],{"class":273,"line":396},[271,3819,425],{"class":424},[271,3821,428],{"class":362},[271,3823,431],{"class":362},[271,3825,3826,3828,3830,3832,3834],{"class":273,"line":403},[271,3827,437],{"class":424},[271,3829,428],{"class":362},[271,3831,373],{"class":412},[271,3833,415],{"class":366},[271,3835,418],{"class":362},[271,3837,3838,3840,3842,3844,3846,3848],{"class":273,"line":421},[271,3839,451],{"class":424},[271,3841,428],{"class":362},[271,3843,387],{"class":362},[271,3845,458],{"class":280},[271,3847,461],{"class":362},[271,3849,464],{"class":362},[271,3851,3852,3854,3856,3858,3861],{"class":273,"line":434},[271,3853,470],{"class":424},[271,3855,428],{"class":362},[271,3857,387],{"class":362},[271,3859,3860],{"class":280},"index.md",[271,3862,393],{"class":362},[271,3864,3865,3867,3869],{"class":273,"line":448},[271,3866,485],{"class":362},[271,3868,488],{"class":366},[271,3870,464],{"class":362},[271,3872,3873,3875,3877,3879,3881],{"class":273,"line":467},[271,3874,496],{"class":424},[271,3876,428],{"class":362},[271,3878,373],{"class":412},[271,3880,415],{"class":366},[271,3882,418],{"class":362},[271,3884,3885,3887,3889,3891,3893,3895],{"class":273,"line":482},[271,3886,451],{"class":424},[271,3888,428],{"class":362},[271,3890,387],{"class":362},[271,3892,458],{"class":280},[271,3894,461],{"class":362},[271,3896,464],{"class":362},[271,3898,3899,3901,3903],{"class":273,"line":493},[271,3900,470],{"class":424},[271,3902,428],{"class":362},[271,3904,431],{"class":362},[271,3906,3907,3909,3911,3913,3915,3917],{"class":273,"line":507},[271,3908,534],{"class":424},[271,3910,428],{"class":362},[271,3912,387],{"class":362},[271,3914,541],{"class":280},[271,3916,461],{"class":362},[271,3918,464],{"class":362},[271,3920,3921,3923,3925,3927,3929,3931,3933],{"class":273,"line":522},[271,3922,551],{"class":424},[271,3924,428],{"class":362},[271,3926,556],{"class":366},[271,3928,461],{"class":362},[271,3930,3860],{"class":280},[271,3932,461],{"class":362},[271,3934,565],{"class":366},[271,3936,3937],{"class":273,"line":531},[271,3938,571],{"class":362},[271,3940,3941],{"class":273,"line":548},[271,3942,3943],{"class":362},"      ...\n",[271,3945,3946,3948],{"class":273,"line":568},[271,3947,485],{"class":362},[271,3949,720],{"class":366},[271,3951,3952],{"class":273,"line":574},[271,3953,733],{"class":362},[271,3955,3956,3958],{"class":273,"line":593},[271,3957,739],{"class":362},[271,3959,720],{"class":366},[786,3961,3963,3964,3966,3967],{"id":3962},"use-contentrenderer-to-render-markdown","Use ",[268,3965,90],{}," to render ",[268,3968,50],{},[1361,3970,3971],{},[199,3972,3973,3976,3977,3980,3981,3984,3985,3988],{},[268,3974,3975],{},"prose"," property must be set to ",[268,3978,3979],{},"false"," in ",[268,3982,3983],{},"ContentRendered"," as we don't want ",[268,3986,3987],{},"Mardown"," to be applied with prose styling in the case of a landing page integrating non prose Vue components.",[798,3990,3991,4079],{},[260,3992,3994],{"className":3075,"code":3993,"filename":1096,"language":3078,"meta":266,"style":266},"\u003Ctemplate>\n  \u003CUContainer>\n    \u003CContentRenderer\n      v-if=\"page\"\n      :value=\"page\"\n      :prose=\"false\"\n    />\n  \u003C/UContainer>\n\u003C/template>\n",[268,3995,3996,4004,4012,4019,4032,4045,4058,4063,4071],{"__ignoreMap":266},[271,3997,3998,4000,4002],{"class":273,"line":274},[271,3999,1022],{"class":362},[271,4001,3087],{"class":424},[271,4003,3090],{"class":362},[271,4005,4006,4008,4010],{"class":273,"line":396},[271,4007,3095],{"class":362},[271,4009,3279],{"class":424},[271,4011,3090],{"class":362},[271,4013,4014,4016],{"class":273,"line":403},[271,4015,3105],{"class":362},[271,4017,4018],{"class":424},"ContentRenderer\n",[271,4020,4021,4024,4026,4028,4030],{"class":273,"line":421},[271,4022,4023],{"class":812},"      v-if",[271,4025,1605],{"class":362},[271,4027,2460],{"class":362},[271,4029,458],{"class":280},[271,4031,3184],{"class":362},[271,4033,4034,4037,4039,4041,4043],{"class":273,"line":434},[271,4035,4036],{"class":812},"      :value",[271,4038,1605],{"class":362},[271,4040,2460],{"class":362},[271,4042,458],{"class":280},[271,4044,3184],{"class":362},[271,4046,4047,4050,4052,4054,4056],{"class":273,"line":448},[271,4048,4049],{"class":812},"      :prose",[271,4051,1605],{"class":362},[271,4053,2460],{"class":362},[271,4055,3979],{"class":280},[271,4057,3184],{"class":362},[271,4059,4060],{"class":273,"line":467},[271,4061,4062],{"class":362},"    />\n",[271,4064,4065,4067,4069],{"class":273,"line":482},[271,4066,3216],{"class":362},[271,4068,3279],{"class":424},[271,4070,3090],{"class":362},[271,4072,4073,4075,4077],{"class":273,"line":493},[271,4074,3225],{"class":362},[271,4076,3087],{"class":424},[271,4078,3090],{"class":362},[260,4080,4083],{"className":3075,"code":4081,"filename":4082,"language":3078,"meta":266,"style":266},"\u003Ctemplate>\n  \u003Cdiv>\n    \u003CULandingHero\n      v-if=\"page.hero\"\n      v-bind=\"page.hero\"\n    >\n      \u003Ctemplate #headline>\n        \u003CUBadge\n          v-if=\"page.hero.headline\"\n          variant=\"subtle\"\n          size=\"lg\"\n          class=\"relative rounded-full font-semibold\"\n        >\n          \u003CNuxtLink\n            :to=\"page.hero.headline.to\"\n            target=\"_blank\"\n            class=\"focus:outline-none\"\n            tabindex=\"-1\"\n          >\n            \u003Cspan\n              class=\"absolute inset-0\"\n              aria-hidden=\"true\"\n            />\n          \u003C/NuxtLink>\n\n          {{ page.hero.headline.label }}\n\n          \u003CUIcon\n            v-if=\"page.hero.headline.icon\"\n            :name=\"page.hero.headline.icon\"\n            class=\"ml-1 w-4 h-4 pointer-events-none\"\n          />\n        \u003C/UBadge>\n      \u003C/template>\n\n      \u003Ctemplate #title>\n        \u003CMDC :value=\"page.hero.title\" />\n      \u003C/template>\n\n      \u003CMDC\n        :value=\"page.hero.code\"\n        class=\"prose prose-primary dark:prose-invert mx-auto\"\n      />\n    \u003C/ULandingHero>\n\n    \u003CULandingSection\n      :title=\"page.features.title\"\n      :links=\"page.features.links\"\n    >\n      \u003CUPageGrid>\n        \u003CULandingCard\n          v-for=\"(item, index) of page.features.items\"\n          :key=\"index\"\n          v-bind=\"item\"\n        />\n      \u003C/UPageGrid>\n    \u003C/ULandingSection>\n  \u003C/div>\n\u003C/template>\n","index.vue (v1)",[268,4084,4085,4093,4101,4108,4121,4134,4139,4152,4159,4173,4187,4201,4215,4220,4227,4241,4255,4269,4283,4288,4296,4310,4324,4329,4339,4343,4349,4354,4362,4377,4391,4405,4411,4421,4430,4435,4448,4470,4479,4484,4492,4507,4522,4527,4537,4542,4550,4565,4580,4585,4595,4603,4618,4632,4647,4653,4662,4672,4681],{"__ignoreMap":266},[271,4086,4087,4089,4091],{"class":273,"line":274},[271,4088,1022],{"class":362},[271,4090,3087],{"class":424},[271,4092,3090],{"class":362},[271,4094,4095,4097,4099],{"class":273,"line":396},[271,4096,3095],{"class":362},[271,4098,3098],{"class":424},[271,4100,3090],{"class":362},[271,4102,4103,4105],{"class":273,"line":403},[271,4104,3105],{"class":362},[271,4106,4107],{"class":424},"ULandingHero\n",[271,4109,4110,4112,4114,4116,4119],{"class":273,"line":421},[271,4111,4023],{"class":812},[271,4113,1605],{"class":362},[271,4115,2460],{"class":362},[271,4117,4118],{"class":280},"page.hero",[271,4120,3184],{"class":362},[271,4122,4123,4126,4128,4130,4132],{"class":273,"line":434},[271,4124,4125],{"class":812},"      v-bind",[271,4127,1605],{"class":362},[271,4129,2460],{"class":362},[271,4131,4118],{"class":280},[271,4133,3184],{"class":362},[271,4135,4136],{"class":273,"line":448},[271,4137,4138],{"class":362},"    >\n",[271,4140,4141,4143,4145,4147,4150],{"class":273,"line":467},[271,4142,3166],{"class":362},[271,4144,3087],{"class":424},[271,4146,3575],{"class":362},[271,4148,4149],{"class":812},"headline",[271,4151,3090],{"class":362},[271,4153,4154,4156],{"class":273,"line":482},[271,4155,3286],{"class":362},[271,4157,4158],{"class":424},"UBadge\n",[271,4160,4161,4164,4166,4168,4171],{"class":273,"line":493},[271,4162,4163],{"class":812},"          v-if",[271,4165,1605],{"class":362},[271,4167,2460],{"class":362},[271,4169,4170],{"class":280},"page.hero.headline",[271,4172,3184],{"class":362},[271,4174,4175,4178,4180,4182,4185],{"class":273,"line":507},[271,4176,4177],{"class":812},"          variant",[271,4179,1605],{"class":362},[271,4181,2460],{"class":362},[271,4183,4184],{"class":280},"subtle",[271,4186,3184],{"class":362},[271,4188,4189,4192,4194,4196,4199],{"class":273,"line":522},[271,4190,4191],{"class":812},"          size",[271,4193,1605],{"class":362},[271,4195,2460],{"class":362},[271,4197,4198],{"class":280},"lg",[271,4200,3184],{"class":362},[271,4202,4203,4206,4208,4210,4213],{"class":273,"line":531},[271,4204,4205],{"class":812},"          class",[271,4207,1605],{"class":362},[271,4209,2460],{"class":362},[271,4211,4212],{"class":280},"relative rounded-full font-semibold",[271,4214,3184],{"class":362},[271,4216,4217],{"class":273,"line":548},[271,4218,4219],{"class":362},"        >\n",[271,4221,4222,4224],{"class":273,"line":568},[271,4223,3296],{"class":362},[271,4225,4226],{"class":424},"NuxtLink\n",[271,4228,4229,4232,4234,4236,4239],{"class":273,"line":574},[271,4230,4231],{"class":812},"            :to",[271,4233,1605],{"class":362},[271,4235,2460],{"class":362},[271,4237,4238],{"class":280},"page.hero.headline.to",[271,4240,3184],{"class":362},[271,4242,4243,4246,4248,4250,4253],{"class":273,"line":593},[271,4244,4245],{"class":812},"            target",[271,4247,1605],{"class":362},[271,4249,2460],{"class":362},[271,4251,4252],{"class":280},"_blank",[271,4254,3184],{"class":362},[271,4256,4257,4260,4262,4264,4267],{"class":273,"line":619},[271,4258,4259],{"class":812},"            class",[271,4261,1605],{"class":362},[271,4263,2460],{"class":362},[271,4265,4266],{"class":280},"focus:outline-none",[271,4268,3184],{"class":362},[271,4270,4271,4274,4276,4278,4281],{"class":273,"line":639},[271,4272,4273],{"class":812},"            tabindex",[271,4275,1605],{"class":362},[271,4277,2460],{"class":362},[271,4279,4280],{"class":280},"-1",[271,4282,3184],{"class":362},[271,4284,4285],{"class":273,"line":657},[271,4286,4287],{"class":362},"          >\n",[271,4289,4290,4293],{"class":273,"line":675},[271,4291,4292],{"class":362},"            \u003C",[271,4294,4295],{"class":424},"span\n",[271,4297,4298,4301,4303,4305,4308],{"class":273,"line":699},[271,4299,4300],{"class":812},"              class",[271,4302,1605],{"class":362},[271,4304,2460],{"class":362},[271,4306,4307],{"class":280},"absolute inset-0",[271,4309,3184],{"class":362},[271,4311,4312,4315,4317,4319,4322],{"class":273,"line":714},[271,4313,4314],{"class":812},"              aria-hidden",[271,4316,1605],{"class":362},[271,4318,2460],{"class":362},[271,4320,4321],{"class":280},"true",[271,4323,3184],{"class":362},[271,4325,4326],{"class":273,"line":723},[271,4327,4328],{"class":362},"            />\n",[271,4330,4331,4334,4337],{"class":273,"line":730},[271,4332,4333],{"class":362},"          \u003C/",[271,4335,4336],{"class":424},"NuxtLink",[271,4338,3090],{"class":362},[271,4340,4341],{"class":273,"line":736},[271,4342,400],{"emptyLinePlaceholder":399},[271,4344,4346],{"class":273,"line":4345},26,[271,4347,4348],{"class":366},"          {{ page.hero.headline.label }}\n",[271,4350,4352],{"class":273,"line":4351},27,[271,4353,400],{"emptyLinePlaceholder":399},[271,4355,4357,4359],{"class":273,"line":4356},28,[271,4358,3296],{"class":362},[271,4360,4361],{"class":424},"UIcon\n",[271,4363,4365,4368,4370,4372,4375],{"class":273,"line":4364},29,[271,4366,4367],{"class":812},"            v-if",[271,4369,1605],{"class":362},[271,4371,2460],{"class":362},[271,4373,4374],{"class":280},"page.hero.headline.icon",[271,4376,3184],{"class":362},[271,4378,4380,4383,4385,4387,4389],{"class":273,"line":4379},30,[271,4381,4382],{"class":812},"            :name",[271,4384,1605],{"class":362},[271,4386,2460],{"class":362},[271,4388,4374],{"class":280},[271,4390,3184],{"class":362},[271,4392,4394,4396,4398,4400,4403],{"class":273,"line":4393},31,[271,4395,4259],{"class":812},[271,4397,1605],{"class":362},[271,4399,2460],{"class":362},[271,4401,4402],{"class":280},"ml-1 w-4 h-4 pointer-events-none",[271,4404,3184],{"class":362},[271,4406,4408],{"class":273,"line":4407},32,[271,4409,4410],{"class":362},"          />\n",[271,4412,4414,4416,4419],{"class":273,"line":4413},33,[271,4415,3316],{"class":362},[271,4417,4418],{"class":424},"UBadge",[271,4420,3090],{"class":362},[271,4422,4424,4426,4428],{"class":273,"line":4423},34,[271,4425,3325],{"class":362},[271,4427,3087],{"class":424},[271,4429,3090],{"class":362},[271,4431,4433],{"class":273,"line":4432},35,[271,4434,400],{"emptyLinePlaceholder":399},[271,4436,4438,4440,4442,4444,4446],{"class":273,"line":4437},36,[271,4439,3166],{"class":362},[271,4441,3087],{"class":424},[271,4443,3575],{"class":362},[271,4445,1282],{"class":812},[271,4447,3090],{"class":362},[271,4449,4451,4453,4456,4459,4461,4463,4466,4468],{"class":273,"line":4450},37,[271,4452,3286],{"class":362},[271,4454,4455],{"class":424},"MDC",[271,4457,4458],{"class":812}," :value",[271,4460,1605],{"class":362},[271,4462,2460],{"class":362},[271,4464,4465],{"class":280},"page.hero.title",[271,4467,2460],{"class":362},[271,4469,3111],{"class":362},[271,4471,4473,4475,4477],{"class":273,"line":4472},38,[271,4474,3325],{"class":362},[271,4476,3087],{"class":424},[271,4478,3090],{"class":362},[271,4480,4482],{"class":273,"line":4481},39,[271,4483,400],{"emptyLinePlaceholder":399},[271,4485,4487,4489],{"class":273,"line":4486},40,[271,4488,3166],{"class":362},[271,4490,4491],{"class":424},"MDC\n",[271,4493,4495,4498,4500,4502,4505],{"class":273,"line":4494},41,[271,4496,4497],{"class":812},"        :value",[271,4499,1605],{"class":362},[271,4501,2460],{"class":362},[271,4503,4504],{"class":280},"page.hero.code",[271,4506,3184],{"class":362},[271,4508,4510,4513,4515,4517,4520],{"class":273,"line":4509},42,[271,4511,4512],{"class":812},"        class",[271,4514,1605],{"class":362},[271,4516,2460],{"class":362},[271,4518,4519],{"class":280},"prose prose-primary dark:prose-invert mx-auto",[271,4521,3184],{"class":362},[271,4523,4525],{"class":273,"line":4524},43,[271,4526,3202],{"class":362},[271,4528,4530,4532,4535],{"class":273,"line":4529},44,[271,4531,3207],{"class":362},[271,4533,4534],{"class":424},"ULandingHero",[271,4536,3090],{"class":362},[271,4538,4540],{"class":273,"line":4539},45,[271,4541,400],{"emptyLinePlaceholder":399},[271,4543,4545,4547],{"class":273,"line":4544},46,[271,4546,3105],{"class":362},[271,4548,4549],{"class":424},"ULandingSection\n",[271,4551,4553,4556,4558,4560,4563],{"class":273,"line":4552},47,[271,4554,4555],{"class":812},"      :title",[271,4557,1605],{"class":362},[271,4559,2460],{"class":362},[271,4561,4562],{"class":280},"page.features.title",[271,4564,3184],{"class":362},[271,4566,4568,4571,4573,4575,4578],{"class":273,"line":4567},48,[271,4569,4570],{"class":812},"      :links",[271,4572,1605],{"class":362},[271,4574,2460],{"class":362},[271,4576,4577],{"class":280},"page.features.links",[271,4579,3184],{"class":362},[271,4581,4583],{"class":273,"line":4582},49,[271,4584,4138],{"class":362},[271,4586,4588,4590,4593],{"class":273,"line":4587},50,[271,4589,3166],{"class":362},[271,4591,4592],{"class":424},"UPageGrid",[271,4594,3090],{"class":362},[271,4596,4598,4600],{"class":273,"line":4597},51,[271,4599,3286],{"class":362},[271,4601,4602],{"class":424},"ULandingCard\n",[271,4604,4606,4609,4611,4613,4616],{"class":273,"line":4605},52,[271,4607,4608],{"class":812},"          v-for",[271,4610,1605],{"class":362},[271,4612,2460],{"class":362},[271,4614,4615],{"class":280},"(item, index) of page.features.items",[271,4617,3184],{"class":362},[271,4619,4621,4624,4626,4628,4630],{"class":273,"line":4620},53,[271,4622,4623],{"class":812},"          :key",[271,4625,1605],{"class":362},[271,4627,2460],{"class":362},[271,4629,1126],{"class":280},[271,4631,3184],{"class":362},[271,4633,4635,4638,4640,4642,4645],{"class":273,"line":4634},54,[271,4636,4637],{"class":812},"          v-bind",[271,4639,1605],{"class":362},[271,4641,2460],{"class":362},[271,4643,4644],{"class":280},"item",[271,4646,3184],{"class":362},[271,4648,4650],{"class":273,"line":4649},55,[271,4651,4652],{"class":362},"        />\n",[271,4654,4656,4658,4660],{"class":273,"line":4655},56,[271,4657,3325],{"class":362},[271,4659,4592],{"class":424},[271,4661,3090],{"class":362},[271,4663,4665,4667,4670],{"class":273,"line":4664},57,[271,4666,3207],{"class":362},[271,4668,4669],{"class":424},"ULandingSection",[271,4671,3090],{"class":362},[271,4673,4675,4677,4679],{"class":273,"line":4674},58,[271,4676,3216],{"class":362},[271,4678,3098],{"class":424},[271,4680,3090],{"class":362},[271,4682,4684,4686,4688],{"class":273,"line":4683},59,[271,4685,3225],{"class":362},[271,4687,3087],{"class":424},[271,4689,3090],{"class":362},[786,4691,4693],{"id":4692},"migrate-vue-components-to-mdc","Migrate Vue components to MDC",[199,4695,4696,4697,4699,4700,219],{},"Move all components in ",[268,4698,3860],{}," following the ",[746,4701,4702],{"href":51},"MDC syntax",[199,4704,4705,4706,4709],{},"Landing components have been reorganised and standardised as generic ",[268,4707,4708],{},"Page"," components.",[2547,4711,4712,4721,4729],{},[2550,4713,4714,4717,4718],{},[268,4715,4716],{},"LandingHero"," => ",[268,4719,4720],{},"PageHero",[2550,4722,4723,4717,4726],{},[268,4724,4725],{},"LandingSection",[268,4727,4728],{},"PageSection",[2550,4730,4731,4717,4734,4737,4738,4741,4742],{},[268,4732,4733],{},"LandingCard",[268,4735,4736],{},"PageCard"," (we'll use the ",[268,4739,4740],{},"PageFeature"," instead)",[240,4743,4745],{"to":4744},"https://github.com/nuxt-ui-pro/docs/blob/v3/content/index.md",[199,4746,4747,4748,4750],{},"Have a look at the final ",[268,4749,50],{}," result on GitHub.",[252,4752,4754],{"id":4753},"_6-migrate-docs-page","6. Migrate docs page",[782,4756,4757,4761,5038,5042],{"level":784},[786,4758,4760],{"id":4759},"layout","Layout",[2547,4762,4763,4772],{},[2550,4764,4765,4768,4769,2029],{},[268,4766,4767],{},"Aside"," component has been renamed to ",[268,4770,4771],{},"PageAside",[2550,4773,4774,4776,4777,4779,4780,219,4782],{},[268,4775,3481],{}," component can be used (instead of ",[268,4778,3473],{},") to display the content navigation returned by ",[268,4781,72],{},[798,4783,4784,4917],{},[260,4785,4788],{"className":3075,"code":4786,"filename":4787,"language":3078,"meta":266,"style":266},"\u003Ctemplate>\n  \u003CUContainer>\n    \u003CUPage>\n      \u003Ctemplate #left>\n        \u003CUPageAside>\n          \u003CUContentNavigation\n            highlight\n            :navigation=\"navigation\"\n          />\n        \u003C/UPageAside>\n      \u003C/template>\n\n      \u003Cslot />\n    \u003C/UPage>\n  \u003C/UContainer>\n\u003C/template>\n","layout/docs.vue (v3)",[268,4789,4790,4798,4806,4814,4827,4836,4842,4847,4860,4864,4872,4880,4884,4893,4901,4909],{"__ignoreMap":266},[271,4791,4792,4794,4796],{"class":273,"line":274},[271,4793,1022],{"class":362},[271,4795,3087],{"class":424},[271,4797,3090],{"class":362},[271,4799,4800,4802,4804],{"class":273,"line":396},[271,4801,3095],{"class":362},[271,4803,3279],{"class":424},[271,4805,3090],{"class":362},[271,4807,4808,4810,4812],{"class":273,"line":403},[271,4809,3105],{"class":362},[271,4811,3289],{"class":424},[271,4813,3090],{"class":362},[271,4815,4816,4818,4820,4822,4825],{"class":273,"line":421},[271,4817,3166],{"class":362},[271,4819,3087],{"class":424},[271,4821,3575],{"class":362},[271,4823,4824],{"class":812},"left",[271,4826,3090],{"class":362},[271,4828,4829,4831,4834],{"class":273,"line":434},[271,4830,3286],{"class":362},[271,4832,4833],{"class":424},"UPageAside",[271,4835,3090],{"class":362},[271,4837,4838,4840],{"class":273,"line":448},[271,4839,3296],{"class":362},[271,4841,3587],{"class":424},[271,4843,4844],{"class":273,"line":467},[271,4845,4846],{"class":812},"            highlight\n",[271,4848,4849,4852,4854,4856,4858],{"class":273,"line":482},[271,4850,4851],{"class":812},"            :navigation",[271,4853,1605],{"class":362},[271,4855,2460],{"class":362},[271,4857,841],{"class":280},[271,4859,3184],{"class":362},[271,4861,4862],{"class":273,"line":493},[271,4863,4410],{"class":362},[271,4865,4866,4868,4870],{"class":273,"line":507},[271,4867,3316],{"class":362},[271,4869,4833],{"class":424},[271,4871,3090],{"class":362},[271,4873,4874,4876,4878],{"class":273,"line":522},[271,4875,3325],{"class":362},[271,4877,3087],{"class":424},[271,4879,3090],{"class":362},[271,4881,4882],{"class":273,"line":531},[271,4883,400],{"emptyLinePlaceholder":399},[271,4885,4886,4888,4891],{"class":273,"line":548},[271,4887,3166],{"class":362},[271,4889,4890],{"class":424},"slot",[271,4892,3111],{"class":362},[271,4894,4895,4897,4899],{"class":273,"line":568},[271,4896,3207],{"class":362},[271,4898,3289],{"class":424},[271,4900,3090],{"class":362},[271,4902,4903,4905,4907],{"class":273,"line":574},[271,4904,3216],{"class":362},[271,4906,3279],{"class":424},[271,4908,3090],{"class":362},[271,4910,4911,4913,4915],{"class":273,"line":593},[271,4912,3225],{"class":362},[271,4914,3087],{"class":424},[271,4916,3090],{"class":362},[260,4918,4921],{"className":3075,"code":4919,"filename":4920,"language":3078,"meta":266,"style":266},"\u003Ctemplate>\n  \u003CUContainer>\n    \u003CUPage>\n      \u003Ctemplate #left>\n        \u003CUAside>\n          \u003CUNavigationTree :links=\"mapContentNavigation(navigation)\" />\n        \u003C/UAside>\n      \u003C/template>\n\n      \u003Cslot />\n    \u003C/UPage>\n  \u003C/UContainer>\n\u003C/template>\n","layout/docs.vue (v1)",[268,4922,4923,4931,4939,4947,4959,4968,4986,4994,5002,5006,5014,5022,5030],{"__ignoreMap":266},[271,4924,4925,4927,4929],{"class":273,"line":274},[271,4926,1022],{"class":362},[271,4928,3087],{"class":424},[271,4930,3090],{"class":362},[271,4932,4933,4935,4937],{"class":273,"line":396},[271,4934,3095],{"class":362},[271,4936,3279],{"class":424},[271,4938,3090],{"class":362},[271,4940,4941,4943,4945],{"class":273,"line":403},[271,4942,3105],{"class":362},[271,4944,3289],{"class":424},[271,4946,3090],{"class":362},[271,4948,4949,4951,4953,4955,4957],{"class":273,"line":421},[271,4950,3166],{"class":362},[271,4952,3087],{"class":424},[271,4954,3575],{"class":362},[271,4956,4824],{"class":812},[271,4958,3090],{"class":362},[271,4960,4961,4963,4966],{"class":273,"line":434},[271,4962,3286],{"class":362},[271,4964,4965],{"class":424},"UAside",[271,4967,3090],{"class":362},[271,4969,4970,4972,4974,4976,4978,4980,4982,4984],{"class":273,"line":448},[271,4971,3296],{"class":362},[271,4973,3733],{"class":424},[271,4975,3736],{"class":812},[271,4977,1605],{"class":362},[271,4979,2460],{"class":362},[271,4981,3743],{"class":280},[271,4983,2460],{"class":362},[271,4985,3111],{"class":362},[271,4987,4988,4990,4992],{"class":273,"line":467},[271,4989,3316],{"class":362},[271,4991,4965],{"class":424},[271,4993,3090],{"class":362},[271,4995,4996,4998,5000],{"class":273,"line":482},[271,4997,3325],{"class":362},[271,4999,3087],{"class":424},[271,5001,3090],{"class":362},[271,5003,5004],{"class":273,"line":493},[271,5005,400],{"emptyLinePlaceholder":399},[271,5007,5008,5010,5012],{"class":273,"line":507},[271,5009,3166],{"class":362},[271,5011,4890],{"class":424},[271,5013,3111],{"class":362},[271,5015,5016,5018,5020],{"class":273,"line":522},[271,5017,3207],{"class":362},[271,5019,3289],{"class":424},[271,5021,3090],{"class":362},[271,5023,5024,5026,5028],{"class":273,"line":531},[271,5025,3216],{"class":362},[271,5027,3279],{"class":424},[271,5029,3090],{"class":362},[271,5031,5032,5034,5036],{"class":273,"line":548},[271,5033,3225],{"class":362},[271,5035,3087],{"class":424},[271,5037,3090],{"class":362},[786,5039,5041],{"id":5040},"catch-all-pages","Catch-all pages",[2547,5043,5044,5053,5062],{},[2550,5045,5046,5049,5050],{},[268,5047,5048],{},"Divider"," has been renamed to ",[268,5051,5052],{},"Separator",[2550,5054,5055,5058,5059],{},[268,5056,5057],{},"findPageHeadline"," must be imported from ",[268,5060,5061],{},"#ui-pro/utils/content",[2550,5063,5064,5066,5067,3467],{},[268,5065,3975],{}," property does not exist no more on ",[268,5068,5069],{},"PageBody",[240,5071,5072],{"to":242},[199,5073,5074],{},"That's it! The docs starter is now fully running on both UI and Content v3 🎉",[247,5076,5078],{"id":5077},"edit-on-studio","Edit on Studio",[199,5080,5081],{},"If you're using Nuxt Studio to edit your documentation you also need to migrate the related code.",[199,5083,5084,5085,5087,5088,5090,5091,5093],{},"The Studio module has been deprecated and a new generic ",[268,5086,2124],{}," has been implemented directly into Nuxt Content, you can remove the ",[268,5089,2128],{}," package from your dependencies and from the",[268,5092,2132],{}," modules. Instead you just need to enable the preview mode in the Nuxt configuration file by binding the Studio API.",[260,5095,5096],{"className":802,"code":2139,"filename":2132,"language":805,"meta":266,"style":266},[268,5097,5098,5110,5118,5126,5138,5142,5146],{"__ignoreMap":266},[271,5099,5100,5102,5104,5106,5108],{"class":273,"line":274},[271,5101,406],{"class":358},[271,5103,409],{"class":358},[271,5105,2150],{"class":412},[271,5107,415],{"class":366},[271,5109,418],{"class":362},[271,5111,5112,5114,5116],{"class":273,"line":396},[271,5113,2159],{"class":424},[271,5115,428],{"class":362},[271,5117,431],{"class":362},[271,5119,5120,5122,5124],{"class":273,"line":403},[271,5121,2168],{"class":424},[271,5123,428],{"class":362},[271,5125,431],{"class":362},[271,5127,5128,5130,5132,5134,5136],{"class":273,"line":421},[271,5129,2177],{"class":424},[271,5131,428],{"class":362},[271,5133,387],{"class":362},[271,5135,2184],{"class":280},[271,5137,393],{"class":362},[271,5139,5140],{"class":273,"line":434},[271,5141,2191],{"class":362},[271,5143,5144],{"class":273,"line":448},[271,5145,2196],{"class":362},[271,5147,5148,5150],{"class":273,"line":467},[271,5149,739],{"class":362},[271,5151,720],{"class":366},[199,5153,5154,5155,2213,5157,793,5159,219],{},"In order to keep the app config file updatable from Studio you need to update the helper import of the ",[268,5156,2212],{},[268,5158,2216],{},[268,5160,2219],{},[5162,5163],"video",{":autoplay":4321,":controls":4321,":loop":4321,"poster":5164,"src":5165},"https://res.cloudinary.com/nuxt/video/upload/v1737458923/studio/docs-v3_lqfasl.png","https://res.cloudinary.com/nuxt/video/upload/v1737458923/studio/docs-v3_lqfasl.mp4",[5167,5168,5169],"style",{},"html pre.shiki code .sYGMc, html code.shiki .sYGMc{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sIEYB, html code.shiki .sIEYB{--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 .s8pZq, html code.shiki .s8pZq{--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 .s86vT, html code.shiki .s86vT{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .sndM8, html code.shiki .sndM8{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .swgpB, html code.shiki .swgpB{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sd2Uz, html code.shiki .sd2Uz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .s50WR, html code.shiki .s50WR{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sPKOg, html code.shiki .sPKOg{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}html pre.shiki code .sK9QF, html code.shiki .sK9QF{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}html pre.shiki code .syuKq, html code.shiki .syuKq{--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":266,"searchDepth":421,"depth":421,"links":5171},[5172,5199,5223],{"id":249,"depth":396,"text":250,"children":5173},[5174,5175,5177,5184,5190,5196,5197,5198],{"id":254,"depth":403,"text":255},{"id":330,"depth":403,"text":5176},"2. Create content.config.ts file",{"id":776,"depth":403,"text":5178,"children":5179},"3. Migrate app.vue",[5180,5182],{"id":788,"depth":421,"text":5181},"Navigation fetch can be updated by moving from fetchContentNavigation to queryCollectionNavigation method",{"id":914,"depth":421,"text":5183},"Content search command palette data can use the new queryCollectionSearchSections method",{"id":1078,"depth":403,"text":1079,"children":5185},[5186,5188],{"id":1084,"depth":421,"text":5187},"Home page data fetching can be updated by moving from queryContent to queryCollection method",{"id":1233,"depth":421,"text":5189},"useSeoMeta can be populated using the seo field provided by the page type",{"id":1376,"depth":403,"text":1377,"children":5191},[5192,5194],{"id":1382,"depth":421,"text":5193},"Docs page data and surround fetching can be updated and mutualised by moving from queryContent to queryCollection and queryCollectionItemSurroundings methods",{"id":1867,"depth":421,"text":5195},"Populate useSeoMeta with the seo field provided by the page type",{"id":2014,"depth":403,"text":2015},{"id":2097,"depth":403,"text":2098},{"id":2111,"depth":403,"text":2112},{"id":2232,"depth":396,"text":2233,"children":5200},[5201,5207,5209,5211,5213,5219],{"id":2242,"depth":403,"text":2243,"children":5202},[5203,5204,5205,5206],{"id":2253,"depth":421,"text":2254},{"id":2313,"depth":421,"text":2314},{"id":2437,"depth":421,"text":2438},{"id":2537,"depth":421,"text":2538},{"id":2761,"depth":403,"text":5208},"2. Update ui overloads in app.config.ts",{"id":3060,"depth":403,"text":5210},"3. Migrate error.vue page",{"id":3435,"depth":403,"text":5212},"4. Migrate app.vue page",{"id":3774,"depth":403,"text":3775,"children":5214},[5215,5216,5218],{"id":3797,"depth":421,"text":3798},{"id":3962,"depth":421,"text":5217},"Use ContentRenderer to render Markdown",{"id":4692,"depth":421,"text":4693},{"id":4753,"depth":403,"text":4754,"children":5220},[5221,5222],{"id":4759,"depth":421,"text":4760},{"id":5040,"depth":421,"text":5041},{"id":5077,"depth":396,"text":5078},"2025-01-21T01:00:00.000Z","How to upgrade your Nuxt UI Pro documentation to Content and UI v3",{"src":5227},"/blog/migrate-docs-starter.png",{},"/blog/ui-pro-docs-migration",{"title":182,"description":5225},"blog/ui-pro-docs-migration",[5233,5234],null,{"title":218,"path":5235,"stem":5236,"description":5237,"children":-1},"/blog/v3","blog/v3","Content version 3 is out - introducing SQL based storage, collections, preview API for a better Studio integration and tons of performance improvements. ",1738777683241]