33 lines
670 B
Vue
33 lines
670 B
Vue
<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>
|