docs(mcp): add missing queryCollection import (#5124)

HugoRCD · web-flow · commit b6dc9dc62a2c · 2025-10-02T14:50:30.000+02:00
diff --git a/docs/server/api/mcp/get-component-metadata.ts b/docs/server/api/mcp/get-component-metadata.ts
@@ -1,6 +1,7 @@
 import { z } from 'zod'
 import { camelCase, upperFirst, kebabCase } from 'scule'
 import { normalizeComponentName } from '~~/server/utils/normalizeComponentName'
+import { queryCollection } from '@nuxt/content/server'
 
 const querySchema = z.object({
   componentName: z.string()
@@ -16,11 +17,9 @@ export default defineCachedEventHandler(async (event) => {
   const kebabName = kebabCase(normalizedName)
 
   // Get basic component info without documentation content
-  // @ts-expect-error TODO: This will be fixed when the tsconfig is setup correctly
   const page = await queryCollection(event, 'docs')
     .where('path', 'LIKE', `%/components/${kebabName}`)
     .where('extension', '=', 'md')
-    // @ts-expect-error TODO: This will be fixed when the tsconfig is setup correctly
     .select('id', 'title', 'description', 'path', 'category', 'links')
     .first()
 
@@ -41,7 +40,6 @@ export default defineCachedEventHandler(async (event) => {
     name: normalizedName,
     title: page.title,
     description: page.description,
-    // @ts-expect-error TODO: This will be fixed when the tsconfig is setup correctly
     category: page.category,
     documentation_url: `https://ui.nuxt.com${page.path}`,
     metadata: {
diff --git a/docs/server/api/mcp/get-component.ts b/docs/server/api/mcp/get-component.ts
@@ -1,6 +1,7 @@
 import { z } from 'zod'
 import { kebabCase } from 'scule'
 import { normalizeComponentName } from '~~/server/utils/normalizeComponentName'
+import { queryCollection } from '@nuxt/content/server'
 
 const querySchema = z.object({
   componentName: z.string()
@@ -16,11 +17,9 @@ export default defineCachedEventHandler(async (event) => {
   const kebabName = kebabCase(normalizedName)
 
   // Get component documentation using queryCollection like in pages/components.vue
-  // @ts-expect-error TODO: This will be fixed when the tsconfig is setup correctly
   const page = await queryCollection(event, 'docs')
     .where('path', 'LIKE', `%/components/${kebabName}`)
     .where('extension', '=', 'md')
-    // @ts-expect-error TODO: This will be fixed when the tsconfig is setup correctly
     .select('id', 'title', 'description', 'path', 'category', 'links')
     .first()
 
@@ -37,7 +36,6 @@ export default defineCachedEventHandler(async (event) => {
     name: normalizedName,
     title: page.title,
     description: page.description,
-    // @ts-expect-error TODO: This will be fixed when the tsconfig is setup correctly
     category: page.category,
     documentation,
     documentation_url: `https://ui.nuxt.com${page.path}`
diff --git a/docs/server/api/mcp/get-migration-guide.ts b/docs/server/api/mcp/get-migration-guide.ts
@@ -1,4 +1,5 @@
 import { z } from 'zod'
+import { queryCollection } from '@nuxt/content/server'
 
 const querySchema = z.object({
   version: z.string().describe('The migration version (e.g., v4, v3)')
@@ -7,7 +8,6 @@ const querySchema = z.object({
 export default defineCachedEventHandler(async (event) => {
   const { version } = await getValidatedQuery(event, querySchema.parse)
 
-  // @ts-expect-error TODO: This will be fixed when the tsconfig is setup correctly
   const page = await queryCollection(event, 'docs')
     .where('path', 'LIKE', `%/migration/${version}`)
     .where('extension', '=', 'md')
diff --git a/docs/server/api/mcp/get-template.ts b/docs/server/api/mcp/get-template.ts
@@ -1,4 +1,5 @@
 import { z } from 'zod'
+import { queryCollection } from '@nuxt/content/server'
 
 const querySchema = z.object({
   templateName: z.string().min(1, 'Missing templateName')
@@ -7,9 +8,9 @@ const querySchema = z.object({
 export default defineCachedEventHandler(async (event) => {
   const { templateName } = await getValidatedQuery(event, querySchema.parse)
 
-  const { templates } = await $fetch('/api/mcp/list-templates')
-  // @ts-expect-error TODO: This will be fixed when the tsconfig is setup correctly
-  const template = templates.find((t: any) => t.title.toLowerCase() === templateName.toLowerCase())
+  const template = await queryCollection(event, 'templates')
+    .where('title', '=', templateName)
+    .first()
 
   if (!template) {
     throw createError({
diff --git a/docs/server/api/mcp/list-components.ts b/docs/server/api/mcp/list-components.ts
@@ -1,10 +1,10 @@
+import { queryCollection } from '@nuxt/content/server'
+
 export default defineCachedEventHandler(async (event) => {
   // Use the same approach as /pages/components.vue
-  // @ts-expect-error TODO: This will be fixed when the tsconfig is setup correctly
   return await queryCollection(event, 'docs')
     .where('path', 'LIKE', '%/components/%')
     .where('extension', '=', 'md')
-    // @ts-expect-error TODO: This will be fixed when the tsconfig is setup correctly
     .select('path', 'title', 'description', 'category')
     .all()
 }, {
diff --git a/docs/server/api/mcp/list-composables.ts b/docs/server/api/mcp/list-composables.ts
@@ -1,6 +1,7 @@
+import { queryCollection } from '@nuxt/content/server'
+
 export default defineCachedEventHandler(async (event) => {
   // Use the same approach as /pages/components.vue
-  // @ts-expect-error TODO: This will be fixed when the tsconfig is setup correctly
   return await queryCollection(event, 'docs')
     .where('path', 'LIKE', '%/composables/%')
     .where('extension', '=', 'md')
diff --git a/docs/server/api/mcp/list-documentation-pages.ts b/docs/server/api/mcp/list-documentation-pages.ts
@@ -1,5 +1,6 @@
+import { queryCollection } from '@nuxt/content/server'
+
 export default defineCachedEventHandler(async (event) => {
-  // @ts-expect-error TODO: This will be fixed when the tsconfig is setup correctly
   const page = await queryCollection(event, 'docs').all()
 
   return page.map(doc => ({
diff --git a/docs/server/api/mcp/list-getting-started-guides.ts b/docs/server/api/mcp/list-getting-started-guides.ts
@@ -1,5 +1,6 @@
+import { queryCollection } from '@nuxt/content/server'
+
 export default defineCachedEventHandler(async (event) => {
-  // @ts-expect-error TODO: This will be fixed when the tsconfig is setup correctly
   const pages = await queryCollection(event, 'docs')
     .where('path', 'LIKE', '/docs/getting-started/%')
     .where('extension', '=', 'md')
diff --git a/docs/server/api/mcp/list-templates.ts b/docs/server/api/mcp/list-templates.ts
@@ -1,4 +1,5 @@
 import { z } from 'zod'
+import { queryCollection } from '@nuxt/content/server'
 
 const querySchema = z.object({
   framework: z.enum(['vue', 'nuxt']).optional()
@@ -7,14 +8,11 @@ const querySchema = z.object({
 export default defineCachedEventHandler(async (event) => {
   const { framework } = await getValidatedQuery(event, querySchema.parse)
 
-  // @ts-expect-error TODO: This will be fixed when the tsconfig is setup correctly
   const templatesCollectionItems = await queryCollection(event, 'templates').first()
 
-  // @ts-expect-error TODO: This will be fixed when the tsconfig is setup correctly
-  const templateListing = templatesCollectionItems?.body?.templates || []
+  const templateListing = templatesCollectionItems?.templates || []
 
   const filteredTemplates = framework
-    // @ts-expect-error TODO: This will be fixed when the tsconfig is setup correctly
     ? templateListing.filter(template => template.framework === framework)
     : templateListing
 
diff --git a/docs/server/api/mcp/search-components-by-category.ts b/docs/server/api/mcp/search-components-by-category.ts
@@ -1,4 +1,5 @@
 import { z } from 'zod'
+import { queryCollection } from '@nuxt/content/server'
 
 const querySchema = z.object({
   category: z.string().optional().describe('Filter components by category'),
@@ -8,11 +9,9 @@ const querySchema = z.object({
 export default defineCachedEventHandler(async (event) => {
   const { category, search } = await getValidatedQuery(event, querySchema.parse)
 
-  // @ts-expect-error TODO: This will be fixed when the tsconfig is setup correctly
   let query = queryCollection(event, 'docs')
     .where('path', 'LIKE', '/docs/components/%')
     .where('extension', '=', 'md')
-    // @ts-expect-error TODO: This will be fixed when the tsconfig is setup correctly
     .select('id', 'title', 'description', 'path', 'category', 'links')
 
   if (category) {
@@ -25,11 +24,9 @@ export default defineCachedEventHandler(async (event) => {
     name: component.path.split('/').pop(),
     title: component.title,
     description: component.description,
-    // @ts-expect-error TODO: This will be fixed when the tsconfig is setup correctly
     category: component.category,
     path: component.path,
     url: `https://ui.nuxt.com${component.path}`,
-    // @ts-expect-error TODO: This will be fixed when the tsconfig is setup correctly
     links: component.links
   }))
 
diff --git a/docs/server/routes/raw/[...slug].md.get.ts b/docs/server/routes/raw/[...slug].md.get.ts
@@ -1,3 +1,4 @@
+import { queryCollection } from '@nuxt/content/server'
 import { stringify } from 'minimark/stringify'
 import { withLeadingSlash } from 'ufo'
 
@@ -8,7 +9,6 @@ export default eventHandler(async (event) => {
   }
 
   const path = withLeadingSlash(slug.replace('.md', ''))
-  // @ts-expect-error TODO: fix this
   const page = await queryCollection(event, 'docs').path(path).first()
   if (!page) {
     throw createError({ statusCode: 404, statusMessage: 'Page not found', fatal: true })
