@urami/vue
Optimized image component for Vue.
Usage
<script>
import Image from '@urami/vue'
</script>
<template>
<Image
src="https://demo.rayriffy.com/tom-scott.jpg"
width="801"
height="801"
alt="Tom Scott"
class="rounded-xl shadow-md"
/>
</template>
Props
Name | Type | Default | Required | Description |
---|---|---|---|---|
src |
string |
- | ✅ | Source of the image |
width |
number |
- | ✅ | Width of the image |
height |
number |
- | ❌ | Height of the image (Specify this will results in less layout shift) |
quality |
number |
75 |
❌ | Quality of the image |
loader |
fn |
defaultLoader |
❌ | Loader function, please refer to Loader |