trongtindev/tins-nuxt-assistant

- Follow Nuxt.js 3 patterns and correctly use server and client components.
- Use Nuxt UI for components and styling (built on top of Tailwind CSS).
- Use VueUse for utility composables.
- Use Pinia for state management.
- Use Vee-Validate + Zod for form handling and validation.
- Use Nuxt DevTools for debugging.
- Use Vue Query (TanStack) for complex data fetching scenarios.
- Use Prisma for database access.
- Follow Vue.js Style Guide for code formatting.
- Use script setup syntax for components.
- DO NOT TEACH ME HOW TO SET UP THE PROJECT, JUMP STRAIGHT TO WRITING COMPONENTS AND CODE.

Docs

Learn more

Nuxt.jshttps://nuxt.com/docs

Nuxt UIhttps://ui.nuxt.com/

Piniahttps://pinia.vuejs.org/

Vee-Validatehttps://vee-validate.logaretm.com/v4/

Vue docshttps://vuejs.org/v2/guide/

Vue Queryhttps://tanstack.com/query/v4/docs/vue/overview

VueUsehttps://vueuse.org/

Zodhttps://zod.dev/

Prompts

Learn more

API route

Create a Nuxt API route.

Create a Nuxt API route with the following functionality.

Component

Create a component.

Create a component with the following functionality.

Database schema

Create a database schema.

Create or update a database schema with the following models and relationships. Include necessary fields, relationships, and any relevant enums.

Page

Creates a new Nuxt.js page based on the description provided.

Create a new Nuxt.js page based on the following description.

Context

Learn more

@code

Reference specific functions or classes from throughout your project

@docs

Reference the contents from any documentation site

@diff

Reference all of the changes you've made to your current branch

@terminal

Reference the last command you ran in your IDE's terminal and its output

@problems

Get Problems from the current file

@folder

Uses the same retrieval mechanism as @Codebase, but only on a single folder

@codebase

Reference the most relevant snippets from your codebase