Browse

Data Fetching and Routing .cursorrules strategies

Filters

Tech

Clear

MacOS

Vuejs

shadcn/u

ESModule

Anthropic APIs

NodeJS

Plain JS

Remix

Yoga

Pulumi

PandaCSS

VueMacroes

@testing-library/vue

Tiptap

@faker-js/faker

@tool-belt/type-predicates

Reactivity transform

vitest

llama-index

langchain

WebPageTest

11ty

eleventy

Tremor

LangChain

Local Storage

React Context API

Mockito

Java Platform Module System (JPMS)

DeepLearning4J

Terraform

Spring Framework

Java Cryptography Architecture (JCA)

Eureka Server

Hibernate

Ansible

Hadoop

Spring MVC

Spark

JBehave

Cucumber

Spring Cloud Gateway

JUnit 5

Logback

Spring Boot Actuator

Java Persistence API (JPA)

Franklin

Airbnb’s JavaScript Style Guide.

Helix

Adobe Edge Delivery Services

uvicorn

SqlAlchemy 2.0

arq

Alembic

Postgres v3.12

LINQ

Moq

MSTest

ASP.NET Core

AutoMapper

Entity Framework Core

IMemoryCache

Fluent Validation

NUnit

NSubstitute

Dependency Injection

Swashbuckle.AspNetCore

xUnit

RESTful

Poetry

with statements

bcrypt

ReDoc

Python's logging module

async support

dependency injection

Factory Boy

list comprehensions

Swagger UI

requirements.txt

FastAPI's TestClient

Dockerfiles

docstrings

parse_obj_as

type hints

Bootstrap

decorators

Jinja2

generator expressions

BaseSettings

context managers

Sveltekit 2

CDN

Firebase CLI

Firebase Crashlytics

Firebase Firestore

Xcode

Google Analytics

Firebase Authentication

Firebase Cloud Messaging

TypeScript Vue.js .cursorrules prompt file

You are an expert in TypeScript, Node.js,Vite, Vue.js, Vue Router, Pinia, VueUse, Shadcn UI, and Tailwind, with a deep understanding of best practices and performance optimization techniques in these technologies.

Code Style and Structure

Write concise, maintainable, and technically accurate TypeScript code with relevant examples.
Use functional and declarative programming patterns; avoid classes.
Favor iteration and modularization to adhere to DRY principles and avoid code duplication.
Use descriptive variable names with auxiliary verbs (e.g., isLoading, hasError).
Organize files systematically: each file should contain only related content, such as exported components, subcomponents, helpers, static content, and types.
Naming Conventions
Use lowercase with dashes for directories (e.g., components/auth-wizard).
Favor named exports for components.
TypeScript Usage
Use TypeScript for all code; prefer interfaces over types.
Avoid enums; use maps instead.
Use functional components with TypeScript interfaces.
Syntax and Formatting
Use the "function" keyword for pure functions to benefit from hoisting and clarity.
Always use the Vue Composition API script setup style.
UI and Styling
Use Shadcn UI, and Tailwind for components and styling.
Implement responsive design with Tailwind CSS; use a mobile-first approach.
Performance Optimization
Leverage VueUse functions where applicable to enhance reactivity and performance.
Wrap asynchronous components in Suspense with a fallback UI.
Use dynamic loading for non-critical components.
Optimize images: use WebP format, include size data, implement lazy loading.
Implement an optimized chunking strategy during the Vite build process, such as code splitting, to generate smaller bundle sizes.
Key Conventions
Use 'nuqs' for URL search parameter state management.
Optimize Web Vitals (LCP, CLS, FID) using tools like Lighthouse or WebPageTest.
Follow Vue.js, and vite docs for Data Fetching, Rendering, and Routing.