Toolverse
All skills

vue-pinia-best-practices

by vuejs-ai

Pinia stores, state management patterns, store setup, and reactivity with stores.

Installation

Pick a client and clone the repository into its skills directory.

Installation

Quick info

Author
vuejs-ai
Category
Frontend
Views
1

About this skill

Pinia stores, state management patterns, store setup, and reactivity with stores.

How to use

  1. Zainstaluj skill vue-pinia-best-practices w swoim projekcie Vue.js jako referencję do dokumentacji najlepszych praktyk Pinia.

  2. Gdy napotkasz błąd "getActivePinia was called" podczas uruchamiania aplikacji, zapoznaj się z sekcją Store Setup w skilu — zawiera wyjaśnienie problemu i link do szczegółowego rozwiązania.

  3. Jeśli zauważysz, że komponenty nie reagują na zmiany stanu po destrukturyzacji magazynu, przejrzyj sekcję Reactivity skilu, która wyjaśnia, dlaczego destrukturyzacja przerywa reaktywność i jak to naprawić.

  4. Dla problemów z metodami magazynu tracącymi kontekst w szablonach lub gdy setup store nie eksportuje pełnego stanu, skorzystaj z odpowiednich referencji w sekcjach Store Setup i Reactivity.

  5. Jeśli budujesz większą aplikację produkcyjną, zapoznaj się z sekcją State Patterns, która zawiera wskazówki dotyczące integracji DevTools, konwencji kodowania oraz strategii dla złożonych scenariuszy zarządzania stanem.

Related skills

web-research

by langchain-ai

Use this skill for requests related to web research; it provides a structured approach to conducting comprehensive web research

Frontend
18114

landing-page-guide-v2

by bear2u

Create distinctive, high-converting landing pages that combine proven conversion elements with exceptional design quality. Build beautiful, memorable landing pages using Next.js 14+ and ShadCN UI that avoid generic AI aesthetics while following the 11 essential elements

Frontend
3486

senior-fullstack

by davila7

Comprehensive fullstack development skill for building complete web applications with React, Next.js, Node.js, GraphQL, and PostgreSQL. Includes project scaffolding, code quality analysis, architecture patterns, and complete tech stack guidance. Use when building new projects,

Frontend
2896

screenshot-to-code

by OneWave-AI

Convert UI screenshots into working HTML/CSS/React/Vue code. Detects design patterns, components, and generates responsive layouts. Use this when users provide screenshots of websites, apps, or UI designs and want code implementation.

Frontend
94209

browser-automation

by browserbase

Automate web browser interactions using natural language via CLI commands. Use when the user asks to browse websites, navigate web pages, extract data from websites, take screenshots, fill forms, click buttons, or interact with web applications. Triggers include \

Frontend
21175

shadcn-ui-setup

by maneeshanif

Install and configure Shadcn/ui component library with Radix UI primitives, Aceternity UI effects, set up components, and manage the component registry. Use when adding Shadcn/ui to a Next.js project or installing specific UI components for Phase 2.

Frontend
23167