Global decleration not working

Hi. I’m not sure if I’m missing something or now. I’m trying to declare this globally so I can use it in all of my vue template files.

In my main.js file I have the following.

import FontAwesomeIcon from '@fortawesome/vue-fontawesome'
import { faHdd } from '@forawesome/fontawesome-pro-light'

new Vue({
    computed: {
        hhd () {
            return faHdd
        }
    },
    components: { App, FontAwesomeIcon },
    router,
    store,
    template: '<App/>'
}).$mount('#app')

[OriginalEXE]

@jackn3o You can load them all: https://codesandbox.io/s/py2mym5o4j

[OriginalEXE]

Hi, please check how I did it here: https://codesandbox.io/s/n97705o5ml