Pinia Colada
by eduardo-san-martin-morote
Pinia Colada is Vue's answer to TanStack Query — a declarative data-fetching layer built on Pinia that handles caching, deduplication, and optimistic updates so you stop hand-rolling async state management.
vue
(23)rstore
by guillaume-chau
A reactive normalized cache for Vue and Nuxt that unifies query caching, cache normalization, optimistic mutations, form handling, and real-time subscriptions behind a pluggable data source architecture — the missing data layer between Pinia and full sync engines.
Sync Engines for Vue Developers
by alexander-opalic
Vue already syncs your refs to the DOM. Sync engines extend that same idea to databases — keeping client state and server state in harmony. Here's how Replicache, Zero, Convex, PowerSync, LiveStore, Jazz, and Dexie each approach this differently.
Building Performative and Reliable Applications with Multiple Data Sources
by rijk-van-zanten
Client-side data management in Vue apps gets exponentially harder once you combine query caching, cache normalization, real-time invalidation, and form mutations—each solved individually by existing tools, but none handling all four together, which motivated building Airstore.
antfu/skills
by anthony-fu
A curated skill collection embeds ecosystem expertise directly into AI coding agents—keeping context synchronized with upstream documentation through git submodules.
Config-driven Vue Interfaces with Dynamic Components
by jakub-andrzejewski
Vue's `<component :is>` enables config-driven UIs where data structures determine what renders, making interfaces flexible for CMS integration, A/B testing, and white-label products.
Nuxt Skills
by onmax
Portable AI skills bring Nuxt, Vue, and NuxtHub expertise to coding assistants—skills activate based on file context, making agents domain-aware without manual prompting.
Functional Core, Imperative Shell - Introduction and Goals
by lachlan-miller
Pure functions that receive arguments and return new values (functional core) should handle business logic, while a thin imperative shell manages state mutation and UI integration.
Vue Weekly #1 - Jan 03 - Jan 10, 2026
by alexander-opalic
Weekly Vue ecosystem digest
Vue Weekly #2 - Jan 03 - Jan 10, 2026
by alexander-opalic
Vue 3.6 beta with Vapor Mode, Vite 8 with Rolldown bundler, Nuxt Studio goes free and open-source, and Nuxt 3 EOL in 3 weeks.
Vue Weekly #3 - January 4-10, 2026
by alexander-opalic
Vue 3.6.0-beta.2 brings Vapor Mode to beta, NuxtLabs joins Vercel making Nuxt Studio free, and Nuxt 3.16 delivers 32% faster loading.
Vitest Browser Mode
by jessica-sachs
Vitest browser mode runs component tests in real browsers instead of JSDOM, providing actual rendering confidence while maintaining Vitest's speed and developer experience.
12 Design Patterns in Vue
by michael-thiessen
A curated collection of 12 Vue-specific design patterns addressing common problems every app encounters, from state management to component organization.
13 Vue Composables Tips That Make Your Code Better
by michael-thiessen
Practical patterns for writing maintainable Vue composables, covering state management, reactivity handling, and code organization.
The 6 Levels of Reusability
by michael-thiessen
A progressive framework for Vue component reusability, from basic templating to sophisticated nested composition.
Organize your Composition API code
by alexander-lichter
Group Composition API code by logic, not by type. Use inline composables to encapsulate related functionality without extracting to separate files.
The Testing Pyramid is Dead
by michael-thiessen
Mike Cohn's 2009 testing pyramid no longer fits modern web development—teams should design their own testing strategy based on tooling, architecture, and risk tolerance.
How to Structure Vue Projects
by alexander-opalic
A guide to structuring Vue projects at different scales—from flat folder structures for small apps, to modular monolithic architecture for medium-scale, to micro frontends for large enterprise projects.
Mastering Vue 3 Composables: A Comprehensive Style Guide
by alexander-opalic
A comprehensive style guide for writing clean, testable, and maintainable Vue 3 composables by applying time-tested software design principles like single responsibility, separation of concerns, and functional core/imperative shell.
Vue 3 Development Guide
A comprehensive guide to building maintainable, scalable Vue 3 applications
Vue 3 Testing Pyramid: A Practical Guide with Vitest Browser Mode
by alexander-opalic
A practical testing strategy for Vue 3 that inverts the traditional pyramid—prioritizing integration tests (~70%) over unit tests, using Vitest browser mode for real browser execution and 4x faster performance than JSDOM.
What is Local-first Web Development?
by alexander-opalic
An introduction to local-first web development, a paradigm shift that prioritizes storing data on users' devices first, enabling offline functionality, instant access, and greater user control over their data.
Building a Modular Monolith with Nuxt Layers
by alexander-opalic
Nuxt Layers enable modular monolith architecture by enforcing feature boundaries at compile-time—each layer has its own config and components, preventing the coupling and circular dependencies that plague flat folder structures.