Tag:vue
All content with the tag "vue".
How to Test Vue Router Components with Testing Library and Vitest
Learn how to test Vue Router components using Testing Library and Vitest. This guide covers real router integration, mocked router setups, and best practices for testing navigation, route guards, and dynamic components in Vue applications.
Read More→Building a Pinia Plugin for Cross-Tab State Syncing
Learn how to create a Pinia plugin that synchronizes state across browser tabs using the BroadcastChannel API and Vue 3's Script Setup syntax.
Read More→The Browser That Speaks 200 Languages: Building an AI Translator Without APIs
Learn how to build a browser-based translator that works offline and handles 200 languages using Vue and Transformers.js
Read More→Solving Prop Drilling in Vue: Modern State Management Strategies
Eliminate prop drilling in Vue apps using Composition API, Provide/Inject, and Pinia. Learn when to use each approach with practical examples.
Read More→Building Local-First Apps with Vue and Dexie.js
Learn how to create offline-capable, local-first applications using Vue 3 and Dexie.js. Discover patterns for data persistence, synchronization, and optimal user experience.
Read More→How to Use the Variant Props Pattern in Vue
Learn how to create type-safe Vue components where prop types depend on other props using TypeScript discriminated unions. A practical guide with real-world examples.
Read More→Deploy your Vue App to GitHub Pages with Caching
Learn how to speed up your GitHub Actions workflows by caching node_modules and properly deploy Vue apps to GitHub Pages
Read More→Dynamic Pinia Stores in Vue 3
Create dynamic Pinia stores with unique IDs for separate component instances
Read More→SQLite in Vue: Complete Guide to Building Offline-First Web Apps
Learn how to build offline-capable Vue 3 apps using SQLite and WebAssembly in 2024. Step-by-step tutorial includes code examples for database operations, query playground implementation, and best practices for offline-first applications.
Read More→Create a Native-Like App in 4 Steps: PWA Magic with Vue 3 and Vite
Transform your Vue 3 project into a powerful Progressive Web App in just 4 steps. Learn how to create offline-capable, installable web apps using Vite and modern PWA techniques.
Read More→Atomic Architecture: Revolutionizing Vue and Nuxt Project Structure
Learn how to implement Atomic Design principles in Vue or Nuxt projects. Improve your code structure and maintainability with this guide
Read More→Vue 3.5's onWatcherCleanup: Mastering Side Effect Management in Vue Applications
Discover how Vue 3.5's new onWatcherCleanup function revolutionizes side effect management in Vue applications
Read More→How to Build Your Own Vue-like Reactivity System from Scratch
Learn to build a Vue-like reactivity system from scratch, implementing your own ref() and watchEffect().
Read More→Vue Accessibility Blueprint: 8 Steps
Master Vue accessibility with our comprehensive guide. Learn 8 crucial steps to create inclusive, WCAG-compliant web applications that work for all users.
Read More→How to Structure Vue Projects
Discover best practices for structuring Vue projects of any size, from simple apps to complex enterprise solutions.
Read More→How to Persist User Data with LocalStorage in Vue
Learn how to efficiently store and manage user preferences like dark mode in Vue applications using LocalStorage. This guide covers basic operations, addresses common challenges, and provides type-safe solutions for robust development.
Read More→How to Write Clean Vue Components
There are many ways to write better Vue components. One of my favorite ways is to separate business logic into pure functions.
Read More→How to Test Vue Composables: A Comprehensive Guide with Vitest
Learn how to effectively test Vue composables using Vitest. Covers independent and dependent composables, with practical examples and best practices.
Read More→Mastering Vue 3 Composables: A Comprehensive Style Guide
Did you ever struggle how to write better composables in Vue? In this Blog post I try to give some tips how to do that
Read More→Best Practices for Error Handling in Vue Composables
Error handling can be complex, but it's crucial for composables to manage errors consistently. This post explores an effective method for implementing error handling in composables.
Read More→How to Improve Accessibility with Testing Library and jest-axe for Your Vue Application
Use Jest axe to have automatic tests for your vue application
Read More→