Tag: Vue.js

1. Monorepo Vue Projects with Turborepo: Caching, Pipelines

   Nov 16, 2025

   Managing multiple Vue applications and shared packages in one repository quickly becomes slow and confusing without task orchestration. Turborepo brings incremental caching, parallel task execution and declarative pipeline definitions that reduce build times in Vue monorepos from minutes to seconds.

   Read more

2. Nuxt Image Module: Image Optimization and Lazy Loading in Practice

   Nov 12, 2025

   Unoptimized images are the single biggest cause of poor Core Web Vitals on most websites. The Nuxt Image module automates format conversion, responsive sizes and lazy loading, so a single component generates the right image for every device and every network connection from a raw upload, without any manual image editing beforehand.

   Read more

3. Nuxt Auth Modules Compared: sidebase, nuxt-auth-utils, Custom

   Nov 7, 2025

   Choosing the right Nuxt auth module decides weeks of development time and the long term maintainability of authentication. sidebase-nuxt-auth, nuxt-auth-utils and a hand rolled JWT system take fundamentally different approaches, each suited to different project sizes.

   Read more

4. Vue Performance: Large Lists, Memoization and Virtualization

   Nov 5, 2025

   A Vue application that runs smoothly with 50 entries can grind to a halt with 5,000 entries. Virtualization, memoization and targeted profiling are the three levers that keep large lists performant, measured, not merely felt.

   Read more

5. Mocking Composables in Vue Tests: Strategies and Pitfalls

   Nov 5, 2025

   Mocking composables is more complicated in Vue tests than it first appears, because composables often combine global state, network access, and reactive side effects. With vi.mock, targeted dependency injection, and provide/inject as a testing seam, components can still be tested reliably in isolation, without dragging along real composable implementations.

   Read more

6. File Uploads in Vue: Progress, Preview and Error Paths

   Oct 15, 2025

   A file upload without a progress indicator, without a preview and without understandable error messages frustrates users. Vue 3 provides all the building blocks for a professional file upload with the Composition API, the FileReader API and Axios upload progress, once you know how they fit together.

   Read more

7. Vue 3 Breaking Changes Checklist for Migration

   Oct 14, 2025

   Vue 3 breaking changes rarely hide in obvious code, but in v-model syntax, removed filters, the reworked global API and the retired event bus. This checklist works through the most important changes systematically, each with a concrete before-and-after example, so nothing gets overlooked during migration.

   Read more

8. Cleanly Integrating Charts and Data Visualization in Vue

   Oct 2, 2025

   Data visualizations in Vue 3 are often wired in as a black box: the chart library takes over the canvas DOM and Vue loses track of what's happening. With the right composable pattern, charts stay reactive, get destroyed correctly, support screen readers through ARIA text alternatives, and load via defineAsyncComponent only once they are actually visible.

   Read more

9. Touch Gestures in Vue Apps: Implementing Swipe, Drag, and Pinch

   Sep 25, 2025

   Touch gestures in Vue apps rarely fail on the core idea, but on details such as scroll conflicts, missing passive event configuration, and janky animations under load. With pointer events, VueUse composables, and a clean separation between recognition and reaction, swipe to delete, drag and drop, and pinch to zoom can be built robustly and performantly.

   Read more

10. Vue GraphQL: Queries, Caching and Tooling in Practice

    Sep 22, 2025

    Replacing REST endpoints is not the goal of GraphQL, the goal is to load exactly the data a component needs and cache it at the right moment. Anyone running Vue GraphQL without a cache strategy loads the same data over and over and loses the biggest advantage of the approach.

    Read more