Chat Vue
Chat Vue made with Nuxt UI, Vercel AI SDK, Vite and Nitro.
Last verified:
What is Chat Vue?
Chat Vue is an open-source AI chatbot application built with Vue, Nuxt UI, Vite, and Nitro, using the Vercel AI SDK and Drizzle ORM for database management. It is a full-featured AI chatbot Nuxt application designed to help developers quickly build their ownchatbot powered by modern AI capabilities.
Key features include streaming AI messages powered by AI SDK v5, multiple model support via various AI providers with built-in AI Gateway support, authentication via nuxt-auth-utils, chat history persistence using SQLite database (Turso in production) and Drizzle ORM, collapsible sidebar, keyboard shortcuts, light & dark mode, command palette, multiple pages, web search with built-in provider tools, charts and weather tool calling with rich UI rendering, file uploads with drag & drop, and markdown rendering with streaming code highlighting.
The template is designed for Vue and Nuxt developers who want to create AI-powered chat applications quickly. It is suitable for developers building customer support chatbots, AI assistants, conversational interfaces, and any application requiring real-time AI chat functionality. The open-source nature makes it ideal for learning, customization, and production deployments.
The application supports deployment to Vercel with zero configuration and integrates with Vercel AI Gateway which provides a unified API to access hundreds of AI models through a single endpoint with automatic load balancing, fallbacks, and spend monitoring. It supports AI providers including OpenAI, Anthropic, Google, and xAI.
This template is part of the official Nuxt UI templates collection, making it fully responsive, accessible, and easy to customize. Developers can launch their AI chatbot project quickly and effortlessly using this ready-made foundation.
Chat Vue pricing
Pricing model: Freemium
The Vue AI Chatbot Template is completely free and open-source under the MIT license. There is no cost to download, use, or modify the template. The template itself has no paid plans. However, when deploying to production, you may incur costs from third-party services: Vercel has a free tier with paid plans starting at $20/month for pro teams, Vercel AI Gateway usage is billed based on tokens consumed, Cloudflare Workers has a free tier with Workers Paid plan at $5/month, and Turso database has a free tier with paid plans as you grow. NuxtHub offers a free Solo plan with up to 5 projects, and you can start for free without adding a credit card.
Chat Vue pros
- Open-source and free to use under MIT license
- Streaming AI messages for real-time responses
- Multiple AI model support via Vercel AI Gateway
- Built-in authentication via nuxt-auth-utils
- Chat history persistence with Drizzle ORM
- Collapsible sidebar for better navigation
- Keyboard shortcuts for power users
- Light and dark mode support
- Command palette for quick actions
- Web search with built-in provider tools
- File uploads with drag and drop support
- Markdown rendering with code highlighting
- Charts and weather tool calling with rich UI
- Easy zero-config deploy to Vercel
- Built with modern Vue, Nuxt UI, and Vite
- Fully responsive and accessible design
- Automatic load balancing and fallbacks
- Spend monitoring across AI providers
Chat Vue cons
- Requires Vercel AI Gateway account for full features
- Database setup needed for chat history persistence
- Learning curve for Nuxt and Vue developers
- Production deployment requires Turso configuration
- File uploads require authentication
- NuxtHub Blob requires separate setup for file uploads
- Limited to AI providers supported by AI Gateway
- May require customization for specific use cases
Frequently asked questions about Chat Vue
What is Vue AI Chatbot Template?
Vue AI Chatbot Template is an open-source AI chatbot application built with Vue, Nuxt UI, Vite, and Nitro. It uses the Vercel AI SDK and Drizzle ORM for database management, providing a full-featured chatbot with authentication, chat history, streaming AI messages, multiple model support, and modern UI components.
Is the template free to use?
Yes, the Vue AI Chatbot Template is completely free and open-source under the MIT license. You can download, use, modify, and deploy it without any cost. The template itself has no licensing fees or paid tiers.
Which AI models are supported?
The template supports multiple AI models via Vercel AI Gateway, including Claude Haiku 4.5, Gemini 3 Flash, GPT-5 Nano, and hundreds of other models from providers like OpenAI, Anthropic, Google, and xAI. The AI Gateway provides a unified API to access all these models through a single endpoint.
How do I deploy the template?
The template can be easily deployed to Vercel with zero configuration. You can also deploy to your Cloudflare account with NuxtHub using one-click deploy. The quick start involves cloning the repository, installing dependencies with npm, and deploying to your preferred platform.
Does it support chat history?
Yes, the template includes chat history persistence using SQLite database in development and Turso in production, powered by Drizzle ORM. This allows users to save and retrieve their conversation history across sessions.
How does authentication work?
Authentication is handled via nuxt-auth-utils with GitHub OAuth support. Users must be authenticated to access certain features like file uploads. The authentication system is built-in and ready to use out of the box.
Can I customize the UI?
Yes, the template is built with Nuxt UI components and is fully responsive, accessible, and easy to customize. You can modify colors, layouts, components, and add custom features as needed for your specific use case.
Does it support file uploads?
Yes, the template supports file uploads with drag and drop functionality using NuxtHub Blob. File uploads require authentication, so users must be logged in to upload files to the chat.
What is Vercel AI Gateway?
Vercel AI Gateway provides a unified API to access hundreds of AI models through a single endpoint. It offers automatic load balancing, fallbacks between providers, spend monitoring to track usage and set budgets, and high reliability with automatic retries. With AI Gateway, you don't need individual API keys for each provider.
Can I use this for production?
Yes, the template is designed for production use. It includes production-ready features like chat history persistence with Turso, authentication, streaming responses, and easy deployment to Vercel or Cloudflare. You will need to configure your database and AI provider settings for production deployment.