<template>
    <div class="home">
        <b-form-input v-model="icon_name"
                      type="text"
                      placeholder="Enter icon name">
        </b-form-input>
        <p>
          Value: {{ icon_name }} -> <font-awesome-icon :icon="icon_name" />
        </p>
        <p>{{ available_icons }}</p>
    </div>
</template>

<script>
// @ is an alias to /src
import { library } from '@fortawesome/fontawesome-svg-core'
export default {
  name: 'home',
  components: {
  },
  data () {
    return {
      icon_name: 'coffee'
    }
  },
  computed: {
    available_icons () {
      return Object.keys(library.definitions.fas)
    }
  }
}
</script>
