feat: use nuxt search api for showing docs (#681)

Co-authored-by: Anthony Fu <github@antfu.me>

Author: arashsheyda

package.json

@@ -40,7 +40,6 @@
 "eslint-plugin-format": "^0.1.2",
 "esno": "^4.7.0",
 "execa": "^7.2.0",
-"gray-matter": "^4.0.3",
 "lint-staged": "^15.2.7",
 "nuxt": "^3.12.2",
 "pathe": "^1.1.2",

packages/devtools/client/composables/state-commands.ts

@@ -71,24 +71,20 @@ export function registerCommands(getter: MaybeRefOrGetter<CommandItem[]>) {
 
 let_nuxtDocsCommands: CommandItem[]|undefined
 
-constdocsIcons=[
-[':components:','i-carbon-assembly-cluster'],
-[':modules:','i-carbon-cube'],
-[':commands:','i-carbon-terminal'],
-[':directory-structure:','i-carbon-folder'],
-[':composables:','i-carbon-function'],
-[':getting-started:','i-carbon-idea'],
-[':api:','carbon-api-1'],
-]
-
 exportasyncfunctiongetNuxtDocsCommands(){
 if(!_nuxtDocsCommands){
-constlist=awaitimport('../data/nuxt-docs.json').then(i=>i.default)
+constlist=await$fetch<any[]>('https://nuxt.com/api/search.json',{
+query: {
+select: '_path,title,description,navigation',
+},
+})
 _nuxtDocsCommands=list.map(i=>({
- ...i,
-icon: docsIcons.find(([k])=>i.id.includes(k))?.[1]||'i-carbon-document-multiple-01',
+id: i._path,
+title: i.title,
+description: i.description,
+icon: i.navigation?.icon??'i-carbon-document-multiple-01',
 action: ()=>{
-window.open(i.url,'_blank')
+window.open(`https://nuxt.com/${i._path}`,'_blank')
 },
 }))
 }