Icon

<template>
<article>
  <div
    v-for="icon in icons"
    :key="icon"
    class="item"
  >
    <div class="icon">
      <veui-icon :name="icon"/>
    </div>
    <div class="name">
      {{ icon }}
    </div>
  </div>
</article>
</template>

<script>
import { Icon } from 'veui'
import 'veui-theme-one-icons'

export default {
  components: {
    'veui-icon': Icon
  },
  data () {
    return {
      icons: Object.keys(Icon.icons).sort((a, b) => (a > b ? 1 : -1))
    }
  }
}
</script>