Ionic elements don't autocomplete in Webstorm

Forgive my ignorance, I’m a relative novice with front-end development and most of my experience is with Typescript and Vue. I’m starting with Ionic/Capacitor/Vue and have noticed some differences in the way the autocomplete works in Webstorm. The other references to this issue point to older versions of Webstorm and Ionic so they don’t seem to apply.

The problem that I’m having is that autocomplete doesn’t work at all for some ionic elements such as ion-page, but there are other elements such as ion-header that appear in the autocomplete but when I select the element in the template section, it isn’t automatically added to the import statement in the script section of the page. Is there some trick I’m missing? It all works fine when just doing straight Vue projects.