@imgflow/vue

Vue 3 <Picture> component for build-time optimized responsive images using vite-imagetools and LQIP placeholders.

Installation

npm install @imgflow/vue

Usage

import { createApp } from 'vue'
import App from './App.vue'
import ImgflowVue, { Picture } from '@imgflow/vue'

const app = createApp(App)
app.use(ImgflowVue)

In your Vue components

<template>
  <Picture
    src="./assets/photo.jpg"
    :widths="[300,600,1200]"
    formats="webp,avif"
    lqip
    alt="My photo"
  />
</template>