{"library":"vue-blurhash","type":"library","category":null,"description":"The `vue-blurhash` package provides a set of Vue 2 components designed to implement Blurhash image placeholders. It allows developers to display a compact, low-resolution representation of an image while the full-resolution image loads, enhancing the perceived performance and user experience of web applications. The library offers two primary components: `<blur-hash-image>` for a complete image loading solution including an optional fade transition, and `<blur-hash-canvas>` for generating only the Blurhash placeholder on a canvas, enabling custom image loading logic. As of its current stable version 0.1.4, it specifically targets Vue.js 2.0+ environments. Its release cadence appears infrequent, typical for a specialized utility library tied to an older major framework version. A key differentiator is its straightforward integration as a Vue plugin, simplifying the process of adding Blurhash functionality without extensive manual implementation of the `blurhash` algorithm itself.","language":"javascript","status":"maintenance","version":"0.1.4","tags":["javascript","vue2","blurash","image","placeholder","blur","hash"],"last_verified":"Wed May 27","install":[{"cmd":"npm install vue-blurhash","imports":["import VueBlurHash from 'vue-blurhash'","import { BlurHashCanvas } from 'vue-blurhash'","import 'vue-blurhash/dist/vue-blurhash.css'"]},{"cmd":"yarn add vue-blurhash","imports":[]},{"cmd":"pnpm add vue-blurhash","imports":[]}],"homepage":null,"github":"https://github.com/damienroche/vue-blurhash","docs":null,"changelog":null,"pypi":null,"npm":"https://www.npmjs.com/package/vue-blurhash","openapi_spec":null,"status_page":null,"smithery":null,"compatibility":{"summary":{"python_range":"18–22","success_rate":0,"avg_install_s":null,"avg_import_s":null,"wheel_type":null},"url":"https://checklist.day/v1/registry/vue-blurhash/compatibility"}}