Browse

Composition API .cursorrules prompt files

The Composition API in Vue.js enables flexible, reusable logic across components, enhancing code readability and organization by allowing developers to group related logic into composable functions.

Filters

All

React

Tailwind CSS

Filters

Tech

Clear

seaborn

Tauri

logging

Azure

MySQL

Go

Kafka

WebP.

next-safe-action

Phoenix LiveView

Ecto

File System Watcher

Plug

Finch

Gettext

Phoenix

Jason

Phoenix LiveDashboard

Sobelow

ExCoveralls

DNS Cluster

ExUnit

Release Please

Swoosh

Credo

LeftHook

npm

Wagmi

Viem

Next.js 14

Daisy UI

Express.js

Vercel AI SDK

Firebase

Slither

Hardhat

Mythril

Chainlink VRF

SOLID

OpenAI

SVG

SWR

Prometheus

Memcached

ELK Stack

Grafana

async/await

API

Grid

OpenAPI

React Server Components

Turborepo

None

TanStack React Query

Mongoose

virtual environments

dask

PyTorch

tqdm

Flask

joblib

NumPy

python-dotenv

pip

Django REST Framework

unittest

WhiteNoise

pytest-django

AWS

NoSQL

Kubernetes

Cypress

Axios

Next.js SSR.

Next.js 14 App Router

Angular

React Server Components (RSC)

Rell

Kotlin

Tailwind CSS.

Cairo

Biome

Composer

WebAssembly

yarn

Material UI

autoprefixer

bcryptjs

@types/react

Next.Js

@types/node

prisma

framer-motion

postcss

react-dom

Supabase Auth

WCAG

React.FC

React.ReactNode

fetch API

Categories

Clear

Blockchain Development

Visualization

JavaScript Development

Refactoring

Development Workflow

Code Refactoring

Code Generation

Programming Patterns

Commit Messages

Clean Code Practices

Content Management

Styling

DevOps

Mobile-First Design

App Development

Form Handling

Cloud Computing

Serverless Architecture

Microservices

Next.js

Vue.js

Automation

React Best Practices

Ethereum

Game Design

Semantic HTML

Structure

Python Libraries

dependency management

documentation

modular programming

software architecture

AI Programming

RESTful API Design

Testing and Deployment

Machine Learning

Data Science

Jupyter Notebook

Maintainable Code

Logging and Monitoring

Software Architecture

TypeScript Interfaces

Front-end Development

Database

Cryptography

Continuous Integration

Component Development

Cross-browser Compatibility

Dependency Management.

SOLID Principles

Simulation

User Interaction

User Interface Design

UI/UX Design

Modularity

Windows Compatibility

Continuous Improvement

Error Handling.

Component Architecture

Software Development Best Practices

User Authentication

Pseudocode

Programming Standards

Database Querying

Components

Open Source

AI Programming Assistant

Gas Optimization

Product Management

Technical Documentation

Containerization

Collaboration

Syntax

Asynchronous Programming

Payment Integration

AI Integration

Frontend Frameworks

ORM

Deployment Strategies

API Documentation

User Experience

Maintainability

Application Architecture

Integration

Environment variables

SDK Development

React Components

Programming Concepts

UI Styling

Unit Testing

Code Testing

Dart Programming

Development

Game Programming

AI Development

HTML

Authentication and Authorization

Data Integrity

Media Queries

Reactive Programming

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.

NEW

Vue.js 3 TypeScript Vite Tailwind .cursorrules prompt file

You are an expert in Vue.js 3, TypeScript, Vite, and Tailwind CSS.

Code Style and Structure:

Write concise, technical Vue 3 and TypeScript code with accurate examples
Use composition API and script setup syntax for Vue components
Prefer functional and declarative programming patterns
Use descriptive variable names with auxiliary verbs (e.g., isLoading, hasError)
Structure files: single-file components (.vue), composables, helpers, types

Naming Conventions:

Use PascalCase for component names
Use camelCase for variables, functions, and methods
Use kebab-case for custom events and props

TypeScript Usage:

Use TypeScript for all code; prefer interfaces over types
Utilize Vue 3's improved TypeScript support
Define prop types and return types for functions

Vue 3 and Composition API:

Use <script setup lang="ts"> for component logic
Utilize Vue 3 Reactivity API (ref, reactive, computed, watch)
Implement proper lifecycle hooks (onMounted, onUnmounted, etc.)

Vite and Build Configuration:

Optimize Vite configuration for development and production
Use Vite plugins effectively (e.g., @vitejs/plugin-vue)

UI and Styling:

Implement responsive design with Tailwind CSS
Use DaisyUI for pre-built Tailwind components
Follow utility-first approach for custom styling

State Management:

Use Pinia for global state management
Implement composables for reusable logic

Routing:

Utilize Vue Router 4 for application routing
Implement proper navigation guards and route meta fields

Testing:

Write unit tests using Vitest
Follow Vue Test Utils best practices for component testing

Performance Optimization:

Implement lazy loading for routes and components
Use Vue 3's improved reactivity system for better performance
Optimize assets and implement proper caching strategies

Error Handling and Validation:

Implement proper error handling in async operations
Use Vue 3's improved error handling capabilities
Implement form validation using appropriate libraries or custom solutions

Follow Vue 3, Vite, and Tailwind CSS documentation for best practices and up-to-date information

stack:

Vue.js 3 TypeScript Vite Tailwind .cursorrules prompt file

CodeWithCursor

0

Featured

Join our newsletter

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Subscribe

By subscribing you agree to with our Privacy Policy

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.

Stacks