Tag: Vue.js

1. Volar vs. Vue Language Server: Comparing IDE Tooling for Vue 3

   Mar 25, 2026

   Volar is the name of the VS Code extension, the underlying Vue Language Server is the actual language server backend that provides type checking, autocompletion and error diagnostics in single file components. Anyone who understands how the two layers work together fixes IDE problems in Vue 3 projects far more precisely, instead of installing and uninstalling extensions at random.

   Read more

2. Using Vue provide/inject Correctly Instead of Prop Drilling or Global Stores

   Mar 25, 2026

   Vue provide/inject is the underrated middle ground between prop drilling and global Pinia stores. Used correctly, it enables scoped dependency injection for component families, type-safe, reactive and without global state.

   Read more

3. Nuxt SEO: Meta, Open Graph, Canonicals and Structured Data

   Mar 16, 2026

   Nuxt SEO goes far beyond title tags. useSeoMeta, correct canonical URLs, a complete Open Graph implementation and JSON-LD structured data together determine how well a Nuxt app is understood by search engines and displayed on social media.

   Read more

4. Understanding Vue 3 Reactivity: ref, reactive, computed, watch

   Mar 14, 2026

   Vue 3 reactivity is not magic, it is a precise system built from JavaScript Proxy, dependency tracking and scheduling. Anyone who understands how ref(), reactive(), computed() and watch() work internally stops making reactivity mistakes, picks the right tool for every use case, and knows immediately why a component is not re-rendering. This article explains the reactivity system fully and with practical examples.

   Read more

5. Understanding Nuxt Caching and Edge Strategies

   Mar 1, 2026

   Nuxt 3 with Nitro offers several caching layers that can be configured independently of each other: server-side Nitro cache, ISR with stale-while-revalidate, CDN cache-control headers and edge deployment. The right combination of these layers makes the difference between an application with an 800 ms TTFB and one with 40 ms.

   Read more

6. Vue Security Review: XSS, Unsafe HTML Interpolation and Third-Party Risk

   Feb 24, 2026

   Vue.js protects against most XSS attacks out of the box, until developers reach for v-html, innerHTML or unsanitized API data. A Vue security review reveals where these safeguards get bypassed and how to treat third-party dependencies and a missing CSP as additional attack vectors.

   Read more

7. Vue Testing with Vitest and Testing Library: Testing Components the Right Way

   Feb 18, 2026

   Vue Testing is effective when tests verify behavior from the user's perspective, not implementation details. Vitest as a blazing fast test runner and Vue Testing Library as a user oriented test framework are the combination that produces robust tests that survive refactoring.

   Read more

8. Nuxt Content Preview Mode: Managing Drafts Safely

   Feb 14, 2026

   Without a clean preview mode, editors are left with an unsatisfying choice: publish a draft blindly or check it locally on their own machine. A well designed preview mode for Nuxt Content makes drafts testable through a protected link, without unpublished content accidentally becoming publicly visible or getting indexed by search engines.

   Read more

9. Vue Cart State Management with Pinia: Persistence and Synchronization

   Feb 13, 2026

   A Vue cart must feel instant, even while Magento is processing a GraphQL mutation in the background. A Pinia store with optimistic updates, clear error correction and server synchronization resolves this tension without ever leaving the user unsure.

   Read more

10. Drag and Drop in Vue Without UI Chaos

    Feb 12, 2026

    Drag and drop looks simple, until you are debugging ghost images, touch events refuse to work on mobile devices and the state after the drop is inconsistent. Vue 3 provides all the building blocks for clean drag and drop, free of visual or logical chaos, through the Composition API and specialized libraries.

    Read more