nuxt-tanstack-mastery

Filosofi: "Simplicity is the ultimate sophistication" — Write code that your future self will thank you for.

| Data fetching + caching | TanStack Query | tanstack-query.md | | Global state sederhana | Pinia | state-management.md | | Utility functions | VueUse | libraries.md | | Form handling | VeeValidate + Zod | libraries.md | | Debugging | Vue DevTools + patterns | debugging.md | | Folder structure | Feature-based | folder-structure.md |

| Performance issues | Profiling + lazy load | performance.md | | Security concerns | CSP + validation | security.md | | Common bugs | Reactivity gotchas | common-pitfalls.md |

Panduan senior/lead developer 20 tahun pengalaman untuk Vue.js 3 + Nuxt 3 + TanStack Query development. Gunakan skill ini ketika: (1) Membuat project Nuxt 3 baru dengan arsitektur production-ready, (2) Integrasi TanStack Query untuk data fetching, (3) Debugging Vue/Nuxt yang kompleks, (4) Review code untuk clean code compliance, (5) Optimisasi performa aplikasi Vue/Nuxt, (6) Setup folder structure yang scalable, (7) Mencari library terpercaya untuk Vue ecosystem, (8) Menghindari common pitfalls dan bugs, (9) Implementasi state management patterns, (10) Security hardening aplikasi Nuxt. Trigger keywords: vue, vuejs, nuxt, nuxtjs, tanstack, vue-query, composition api, pinia, vueuse, vue router, clean code vue, debugging vue, folder structure nuxt. Source: modra40/claude-codex-skills-directory.