vercel · Vercel AI SDK Docs
AI SDK Getting Started: Vue.js (Nuxt)
Integrates the Vercel AI SDK into a Nuxt.js application by setting up the necessary dependencies and configuration.
Derived skill
Files assembled from official documentation
Viewing SKILL.md
AI SDK Getting Started: Vue.js (Nuxt)
Integrates the Vercel AI SDK into a Nuxt.js application by setting up the necessary dependencies and configuration.
When To Use
Use when you need to configure and initialize the Vercel AI SDK within a Nuxt.js project structure.
Reference Files
| File | Contains | Use For |
|---|---|---|
SKILL.md | Entry point: scope, routing table, and workflow. | Start here. |
docs/ai-sdk-getting-started-vue-js-nuxt-workflow-guide.md | A markdown guide providing setup instructions and code examples for integrating the Vercel AI SDK with a Nuxt application. | Questions about a markdown guide providing setup instructions and code examples for integrating the Vercel AI SDK with a Nuxt applica... |
examples/ai-sdk-getting-started-vue-js-nuxt-ai-sdk-nuxt-environment-variable-setu.text | An example of the NUXT_AI_GATEWAY_API_KEY environment variable configuration required for the AI SDK Nuxt integration. | Exact payloads, commands, or snippets shown in An example of the NUXTAIGATEWAYAPIKEY environment variable configuration required for the AI SDK Nuxt integration. |
examples/ai-sdk-getting-started-vue-js-nuxt-ai-sdk-nuxt-runtime-config-setup.text | A nuxt configuration file demonstrating how to define runtimeConfig for the AI SDK API key. | Exact payloads, commands, or snippets shown in A nuxt configuration file demonstrating how to define runtimeConfig for the AI SDK API key. |
examples/ai-sdk-getting-started-vue-js-nuxt-ai-sdk-nuxt-stream-text-gateway-setup.text | A Nuxt server route implementation using the AI SDK to create a gateway and stream text responses. | Exact payloads, commands, or snippets shown in A Nuxt server route implementation using the AI SDK to create a gateway and stream text responses. |
examples/ai-sdk-getting-started-vue-js-nuxt-ai-sdk-nuxt-model-configuration.text | A configuration snippet defining the model provider and model ID for an AI SDK implementation in a Nuxt environment. | Exact payloads, commands, or snippets shown in A configuration snippet defining the model provider and model ID for an AI SDK implementation in a Nuxt environment. |
examples/ai-sdk-getting-started-vue-js-nuxt-ai-sdk-nuxt-gateway-import-options.text | Code examples demonstrating two different methods for importing the gateway function from the AI SDK within a Nuxt application. | Exact payloads, commands, or snippets shown in Code examples demonstrating two different methods for importing the gateway function from the AI SDK within a Nuxt ap... |
examples/ai-sdk-getting-started-vue-js-nuxt-ai-sdk-nuxt-openai-setup.text | A code example demonstrating how to initialize the OpenAI provider within a Nuxt application using the AI SDK. | Exact payloads, commands, or snippets shown in A code example demonstrating how to initialize the OpenAI provider within a Nuxt application using the AI SDK. |
examples/ai-sdk-getting-started-vue-js-nuxt-ai-sdk-nuxt-chat-component.text | A Vue.js component implementation using the AI SDK to handle chat messaging and state within a Nuxt application. | Exact payloads, commands, or snippets shown in A Vue.js component implementation using the AI SDK to handle chat messaging and state within a Nuxt application. |
examples/ai-sdk-getting-started-vue-js-nuxt-ai-sdk-nuxt-gateway-streamtext-implem.text | A Nuxt server event handler implementation using the AI SDK to create a gateway and stream text responses. | Exact payloads, commands, or snippets shown in A Nuxt server event handler implementation using the AI SDK to create a gateway and stream text responses. |
examples/ai-sdk-getting-started-vue-js-nuxt-ai-sdk-nuxt-chat-component-2.text | A Vue.js component implementation using the AI SDK to handle chat messaging and state within a Nuxt application. | Exact payloads, commands, or snippets shown in A Vue.js component implementation using the AI SDK to handle chat messaging and state within a Nuxt application. |
examples/ai-sdk-getting-started-vue-js-nuxt-ai-sdk-nuxt-get-started-implementatio.text | A Nuxt server route implementation using the AI SDK to create a gateway and stream text responses. | Exact payloads, commands, or snippets shown in A Nuxt server route implementation using the AI SDK to create a gateway and stream text responses. |
examples/ai-sdk-getting-started-vue-js-nuxt-ai-sdk-nuxt-stream-text-gateway-imple.text | A Nuxt server event handler implementation using the AI SDK to create a gateway and stream text responses. | Exact payloads, commands, or snippets shown in A Nuxt server event handler implementation using the AI SDK to create a gateway and stream text responses. |
examples/ai-sdk-getting-started-vue-js-nuxt-ai-sdk-nuxt-chat-component-3.text | A Vue.js component implementation using the AI SDK to handle chat messages and user input within a Nuxt application. | Exact payloads, commands, or snippets shown in A Vue.js component implementation using the AI SDK to handle chat messages and user input within a Nuxt application. |
What This Skill Covers
- Getting Started Vue.js (Nuxt) Copy markdown
- Main sections:
Prerequisites,Setup Your Application,Create an API route,Choosing a Provider,Using other providers.
Workflow
- Open the most relevant file under
docs/for the exact documented workflow and wording. - Open
schemas/files for exact structured contracts. - Open
examples/files for concrete requests, commands, snippets, and manifests. - Do not add behavior or configuration that is not present in the attached source files.
Canonical source: https://ai-sdk.dev/docs/getting-started/nuxt