Nuxt Urami

Urami automatic image optimization module for Nuxt.

• ✨  Release Notes
• 🛝 Example Project

Features

• 🖼️ Optmized: Optimizes images like Urami, into the best format and size based on the visitor's browser
• 🛠 Zero Config: A few lines of configuration are all it takes to ensure your Nuxt.js project delivers high-performance images.
• 🚀 Easy to Use: Makes image optimization effortless with a single component, requiring minimal setup, for a high-performance website

Quick Setup

1. Add nuxt-urami dependency to your project

# Using pnpm
pnpm add -D nuxt-urami

# Using yarn
yarn add --dev nuxt-urami

# Using npm
npm install --save-dev nuxt-urami

2. Add nuxt-urami to the modules section of nuxt.config.ts

export default defineNuxtConfig({
  modules: ["nuxt-urami"],
});

That's it! You can now use Nuxt Urami in your Nuxt app ✨

Development

# Install dependencies
pnpm install

# Generate type stubs
pnpm run dev:prepare

# Develop with the playground
pnpm run dev

# Build the playground
pnpm run dev:build

# Run ESLint
pnpm run lint