pezkuwi-ui/packages/vue-identicon/src/Demo.ts

// Copyright 2017-2020 @polkadot/vue-identicon authors & contributors
// This software may be modified and distributed under the terms
// of the Apache-2.0 license. See the LICENSE file for details.

import Vue, { VNode } from 'vue';

import Identicon from './index';

interface Data {
  address: string;
  size: number;
}

/**
 * @name Demo
 * @description Demo component
 */
const Demo = Vue.extend({
  template: `
    <div id="demo">
      <Identicon :size="size" :theme="'polkadot'" :value="address" />
      <Identicon :size="size" :theme="'substrate'" :value="address" />
      <Identicon :size="size" :theme="'beachball'" :value="address" />
      <Identicon :size="size" :theme="'empty'" />
    </div>
  `,
  name: 'Demo',
  data: function (): Data {
    return {
      address: '5GrwvaEF5zXb26Fz9rcQpDWS57CtERHpNehXCPcNoHGKutQY',
      size: 128
    };
  },
  components: {
    Identicon
  }
});

new Vue({
  render: (h): VNode => h(Demo)
}).$mount('#demo');