Skip to content

Latest commit

 

History

History
61 lines (42 loc) · 2.01 KB

README.md

File metadata and controls

61 lines (42 loc) · 2.01 KB

nuxt-gravatar

Gravatar component for NuxtJs v3 applications.

Tests Status Coverage Status Demo Deploy Status

DEMO

Installation

pnpm add nuxt-gravatar

OR npm install nuxt-gravatar, or yarn add nuxt-gravatar, depending on your project's package manager.

Usage

Register the component in your nuxt.config.ts

export default defineNuxtConfig({
    ...
    modules: [
      'nuxt-gravatar'
    ],
    ...
})

And you can now use it wherever you'd like to like this:

<Gravatar email="[email protected]" />

Props

The following props are available:

  • hash (type: String) md5 hash of the gravatar
  • email (type: String) email address of the gravatar (used when md5 hash not given)
  • size (type: Number, default: 80) size of the avatar
  • default-img (type: String, default: 'retro') default image type (see. http://en.gravatar.com/site/implement/images/)
  • rating (type: String, default: 'g') rating of the image (see. http://en.gravatar.com/site/implement/images/)
  • alt (type: String, default: 'Avatar') The alternative text of the image

Example

<Gravatar hash="f3ada405ce890b6f8204094deb12d8a8" alt="Nobody" :size="200" default-img="mm" />

License

The GPLv2.0 License - See file LICENSE in this project

Credit

This library is loosely based on Jiří Chára's vue-gravatar. While my initial intention was to use that library in my project, it was giving me errors, so I re-built it from scratch for Nuxt v3. Credit to the original author for the vue library.