vue-jdenticon

A simple wrapper around Jdenticon for Vue3.

Please consider following this project's author, Sina Bayandorian, and consider starring the project to show your :heart: and support.

Installation

npm i vue-jdenticon

Usage

Global - Plugin

import { createApp } from 'vue';
import App from './App.vue';
import './style.css';

import Jdenticon from 'vue-jdenticon';

const app = createApp(App);

app.use(Jdenticon);

app.mount('#app');

Then:

<script setup lang="ts">
import { ref } from 'vue';
const value = ref<string>('identicon');
</script>

<template>
  <input type="text" v-model="value" />
  <Jdenticon v-model="value" />
</template>

Import

<script setup lang="ts">
import { ref } from 'vue';

import { Jdenticon } from 'vue-jdenticon';

const value = ref<string>('identicon');
</script>

<template>
  <input type="text" v-model="value" />
  <Jdenticon v-model="value" />
</template>

Static Jdenticon

<script setup lang="ts">
import { StaticJdenticon } from 'vue-jdenticon';
</script>

<template>
  <StaticJdenticon value="identicon" />
</template>