-
Notifications
You must be signed in to change notification settings - Fork 133
Description
Describe the bug
When importing FontAwesomeIcon
component, WebStorm underlines the import saying Cannot resolve symbol 'FontAwesomeIcon'
. This causes problem for props completion.
import Vue from 'vue';
import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome';
^^^^^^^^^^^^^^^
The app works correctly, but WebStorm is unable to show any completion for props defined by this component (icon
, size
, fixedWidth
, ...).
I'm willing to accept that this is a WebStorm issue, but it's the only component that causes me such a problem, so...
Reproducible test case
Just import and register the component in WebStorm/PhpStorm then use it in a template.
<!-- App.vue -->
<template>
<FontAwesomeIcon [ctrl+space here]
</tempalte>
<script>
import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome';
export default {
name: "App",
components: { FontAwesomeIcon }
}
</script>
Expected behavior
Typing <FontAwesomeIcon
should trigger props autocompletion for FontAwesomeIcon component, but only show completion for standard Vue props (v-if
, v-for
...) and HTML attributes.
Desktop (please complete the following information):
- macOS 10.14.5
- PhpStorm 2019.1.2