Aug 25, 2024 · Frontend Development

How vueuse Supports Vue 2 & Vue 3 via vue‑demi and Implements Dark Mode

This article explains how the vueuse utility library works with both Vue 2 and Vue 3 by leveraging the vue‑demi compatibility layer, and then dives into the implementation of its useDark hook, showing the underlying media‑query logic and CSS techniques for dark‑mode support.

Dark ModeVueVueUse

0 likes · 15 min read

How vueuse Supports Vue 2 & Vue 3 via vue‑demi and Implements Dark Mode

Rare Earth Juejin Tech Community

Jun 12, 2023 · Frontend Development

How to Build a Cross‑Version Vue Component Library for Vue 2 and Vue 3

This article explains the challenges of upgrading large B2B Vue 2 projects to Vue 3, evaluates three technical approaches—Vue SFC templates, render functions, and standard JSX—and details the chosen JSX‑based strategy, multi‑layer architecture, TypeScript support, and open‑source implementation for a seamless cross‑version component library.

Component LibraryCross-VersionJSX

0 likes · 23 min read

How to Build a Cross‑Version Vue Component Library for Vue 2 and Vue 3

How vueuse Supports Vue 2 & Vue 3 via vue‑demi and Implements Dark Mode

How to Build a Cross‑Version Vue Component Library for Vue 2 and Vue 3

How vueuse Supports Vue 2 & Vue 3 via vue‑demi and Implements Dark Mode

How to Build a Cross‑Version Vue Component Library for Vue 2 and Vue 3