Tag: Vue.js

1. End to End Tests with Playwright for Vue Apps

   Jul 31, 2025

   Playwright tests Vue applications as a whole in a real browser, with auto-waiting instead of fixed timeouts, network interception instead of a real backend, and parallel execution across multiple browser engines. That makes end to end tests predictable instead of a constant source of CI flakiness.

   Read more

2. Admin Interfaces with Vue 3: Tables, Filters and Bulk Actions

   Jul 30, 2025

   Admin dashboards are the technically most demanding UIs an application has, sortable data tables with thousands of entries, nested filters, URL-synced state and bulk actions on selected records place high demands on architecture and performance. Vue 3's Composition API and Pinia provide exactly the right tools to build admin interfaces that are maintainable and fast.

   Read more

3. Vitest UI: A Visual Test Dashboard for Vue Projects

   Jul 22, 2025

   Vitest UI replaces plain terminal output with an interactive dashboard in the browser, complete with test filtering, module graph, coverage heatmap and snapshot diffs at a glance. Anyone regularly searching through hundreds of tests in a Vue project finds failing cases and untested code paths much faster with Vitest UI than by scrolling through console logs.

   Read more

4. watch vs watchEffect vs computed in Vue: when to use what?

   Jul 17, 2025

   computed, watch and watchEffect are the three reactivity primitives of the Vue 3 Composition API, and all three solve different problems. Anyone who mixes them up either writes unnecessary side effects, forgoes caching, or debugs endless watcher cascades that a single computed would have solved.

   Read more

5. Understanding Nuxt 3 Architecture: Server Routes, Composables and Nitro

   Jul 14, 2025

   Nuxt 3 is more than a Vue 3 framework with file-based routing. The Nitro engine, server routes, auto-import, and the clean separation of server and client layers form a deliberate architecture model, one that only reveals its strengths once you understand why it is built the way it is.

   Read more

6. Feature Flags in Vue Apps: Controlled Rollouts

   Jul 7, 2025

   Feature flags separate deploying code from activating a feature for users. In Vue apps, this becomes a powerful tool for gradual rollouts, A/B tests and fast rollback in case of errors, provided the composable architecture, type safety and cleanup discipline are considered from the start.

   Read more

7. Error Pages, Fallbacks and Error Boundaries in Vue & Nuxt

   Jun 24, 2025

   Errors in Vue applications that bring down the entire component tree are avoidable. onErrorCaptured, the global errorHandler, error.vue and NuxtErrorBoundary form a layered system that isolates errors, shows meaningful fallbacks and keeps the rest of the application alive.

   Read more

8. Nuxt DevTools: The Embedded Developer Panel in Detail

   Jun 24, 2025

   Nuxt DevTools is not a browser extension, it is a panel embedded directly in the dev server, making modules, component graph, server routes, assets and build times visible without switching between terminal, editor and extension. Anyone maintaining Nuxt 3 projects finds the root cause of many issues faster than through scattered log output.

   Read more

9. Vue Product Configurator: Variants, Attributes and Live Pricing

   Jun 24, 2025

   A Vue product configurator for configurable Magento products must keep attributes, variants, price and availability in sync, without triggering a full page reload on every selection. With the right data structure this works with a single initial load request.

   Read more

10. Vue Dark Mode, Theming and Design Tokens in Vue Apps

    Jun 21, 2025

    Implementing dark mode with a simple class toggle is the first step. A professional theme system with design tokens, system preference detection, persistence and flicker-free SSR loading is what actually benefits users in practice. Vue 3 provides all the building blocks, the point is putting them together correctly.

    Read more