Browse

Vue Test Utils .cursorrules prompt files

Vue Test Utils is a testing library that facilitates unit testing of Vue.js components, offering a seamless way to test Vue applications efficiently with a deep integration into Vue's ecosystem.

Filters

All

React

Tailwind CSS

Filters

Tech

Clear

filter

SLF4J

RxJava

Project Reactor

Vue.js 3

Lighthouse

BEM

f-strings

JWT

Swagger

OpenAPI

ShadCN UI

React Hook Form

Turborepo

Param

Panel

InertiaJS

Catalyst

MLflow

PyTorch

loguru

SMILES

RDKit

Weights & Biases

OpenBabel

NumPy

pytest-mock

Black

shutil

transformers

watchdog

torch

logging

spaCy

Pylint

PyPDF2

python-docx

beautifulsoup4

setuptools

git

Jupyter

numpy

PyQt6

EEG signal processing

REDCap

Lucide React

shadcn/ui

select_related

prefetch_related

Bitbucket

GitLab

gRPC

Protocol Buffers

GCP

AWS

REST

NoSQL

NewSQL

Testing Library

next-safe-action

Viem v2

Wagmi v2

AppError

Next.js 14 App Router

appErrors

SSR (Server-Side Rendering).

supabase

Next.JS

Starknet React

Plasticode

Telegram Bot API

Iconify

NextUI

WebAssembly

WASM

KV database

ai-sdk-rsc

Vercel middleware

Orval

Tanstack query

Quokka

Material UI

Vercel AI

Pint

PHP 8.3

spatie/laravel-package-tools

Web APIs

Chrome Extension Development

Tailwind.

TanStack Query

TanStack Router

next-safe-action.

ES module

ES

nodejs

tailwind-merge

@mui/icons-material

@types/bcryptjs

aceternityui

tailwindcss

Categories

Clear

Server Actions

DRY (Don't Repeat Yourself)

Best practices

Code improvements

Agile methodologies

Modularity

Code comments.

UI Frameworks

Portfolio

Software Dependencies

Efficiency Principles

Mobile-Friendly Design

File Management

Design and User Experience

Cross-Platform Commands

Modular Architecture

NestJS Guidelines

Modern Web Development

User Authentication

Business Logic

User Management

Software Development Lifecycle

Software Development Practices

Development Guidelines

Accessbility

Forms and Actions

Svelte Documentation

Extreme Programming

Software Maintenance.

Software Development Principles

Software Engineering Principles

Code Review Guidelines

State Management.

Web Optimization

Data Model Creation

WordPress plugin

readability

coding standards

code optimization

type hinting

Component-Based Architecture

Styling

Model Quantization

Web Development Tools.

Code Style Guides

Project Scalability

Component Organization.

Error Handling and Feedback

Firebase Best Practices

AI-powered Features

Native-like Features

Consistent Design System

Touch-Friendly UI

Responsive Typography

Animation and Transitions

Software Design Principles

Python Development

Python Coding Standards

Code Best Practices

Software Development Tools

JavaScript Code

Browser Development

Pseudocode Planning

TypeScript Development

Modern Web Practices

Accessibility in Web Design.

Svelte Components

Smart Contract Security

Library Usage

Application Security

Search Technologies.

Testing and Monitoring

Responsive Design.

Communication

Handling Uncertainty

Semantic Naming

Platform Thinking

Problem-Solving

Limitations

Response Format

Data Fetching and Rendering

Cloudflare Tools

TypeScript Coding Practices

Syntax and Formatting Conventions

Microservices

Documentation Best Practices

Technical Documentation

Orchestration

Collaboration

API best practices

code style and structure

user interface design

testing and debugging

publishing processes

development process

internationalization

security practices

naming conventions

Chrome extension development

Expo

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

StyleSheet.create

EAS Build

react-native-responsive-screen

Mobile UI

FlatList

react-native-fast-image