[Transfer] Replace Deprecated vitepress-plugin-image-viewer with Fancybox

OlegShchavelev commented

2025-09-21 19:04:36 +03:00

(Migrated from github.com)

The project currently uses the vitepress-plugin-image-viewer package for image viewing functionality. This dependency has become a potential risk and maintenance burden as its repository was archived by the author in September, indicating it is no longer actively maintained.

Archived Repository: https://github.com/T-miracle/vitepress-plugin-image-viewer

This means:

No more bug fixes.
No security updates.
No compatibility with future versions of VitePress or Vue.
Increasing risk of the plugin breaking.

Proposed Solution
Migrate from the deprecated vitepress-plugin-image-viewer to Fancybox.

Why Fancybox?

Actively Maintained: A mature, popular, and well-supported library.
Feature-Rich: Offers a superb user experience with smooth animations, touch gestures (swipe, zoom, pinch-to-zoom), fullscreen mode, and more.
Vue Integration: Provides excellent and official support for Vue.js, which aligns perfectly with our VitePress (Vue-based) setup.
Customizable: Highly customizable in terms of UI and behavior.

Resources:

Official Website: https://fancyapps.com/
Live Demos: https://fancyapps.com/fancybox/
Vue Integration Guide: https://fancyapps.com/fancybox/integration/vue/

The project currently uses the vitepress-plugin-image-viewer package for image viewing functionality. This dependency has become a potential risk and maintenance burden as its repository was archived by the author in September, indicating it is no longer actively maintained. **Archived Repository:** https://github.com/T-miracle/vitepress-plugin-image-viewer **This means:** - No more bug fixes. - No security updates. - No compatibility with future versions of VitePress or Vue. - Increasing risk of the plugin breaking. **Proposed Solution** Migrate from the deprecated vitepress-plugin-image-viewer to Fancybox. **Why Fancybox?** - Actively Maintained: A mature, popular, and well-supported library. - Feature-Rich: Offers a superb user experience with smooth animations, touch gestures (swipe, zoom, pinch-to-zoom), fullscreen mode, and more. - Vue Integration: Provides excellent and official support for Vue.js, which aligns perfectly with our VitePress (Vue-based) setup. - Customizable: Highly customizable in terms of UI and behavior. **Resources:** **Official Website:** https://fancyapps.com/ **Live Demos:** https://fancyapps.com/fancybox/ **Vue Integration Guide:** https://fancyapps.com/fancybox/integration/vue/

Ampernic commented

2025-11-04 13:15:53 +03:00

(Migrated from github.com)

Resolved: 37c24f6

Resolved: 37c24f6