Files
Satoshi Qazi Muhammed 5a542f2805 Move to @pezkuwi/dev 0.86 (eslint 10 toolchain)
- @pezkuwi/dev, dev-test, dev-ts ^0.86.3
- react-qr Display: the frames follow the value's content (xxhash), are
  reset while rendering instead of in an effect, and the frame timer is
  keyed on the frame set. Before, a value that went from one frame to
  several never started animating; Display.spec covers single,
  multi, single-to-multi and unmount. tsconfig build/spec know *.spec.tsx.
- optional calls instead of guard expressions (ScanAddress, stores)
- KeyringOptions as a Record; type assertions the receiver already
  accepts removed (Settings, vue-identicon)
- disable directives narrowed to the rules that still report
2026-10-09 16:14:33 +04:00
..
2026-01-07 02:35:24 +03:00

@pezkuwi/vue-identicon

A generic identity icon that can render icons based on an address.

Usage Examples

To install the component, do yarn add @pezkuwi/vue-identicon and then use it with import Identicon from '@pezkuwi/vue-identicon';

Inside a Vue component, you can now render any account with the associated icon, with associated props -

  • value - the address you wish to display
  • size (optional, defaults to 64) - the size in pixels
  • theme (optional, defaults to substrate) - the theme to use, one of
    • polkadot or
    • substrate (equivalent to jdenticon) or
    • beachball or
    • empty (displays nothing)
<template>
  <Identicon
    :size="128"
    :theme="'polkadot'"
    :value="'5GrwvaEF5zXb26Fz9rcQpDWS57CtERHpNehXCPcNoHGKutQY'"
  />
</template>

<script>
  import Identicon from '@pezkuwi/vue-identicon';

  export default {
    ...
    components: { Identicon }
    ...
  };
</script>