Skip to content

Docs: IonFab and IonFabButton imports missing in Ionic Vue Quickstart Page #2485

Closed
@Phhofm

Description

@Phhofm

URL
The URL at which the content is missing or inaccurate

https://ionicframework.com/docs/vue/quickstart#a-component-with-style

What is missing or inaccurate about the content on this page?

In the Section 'A Component With Style' in the last code example, the components IonFab and IonFabButton components get defined in defineComponent -> components object, but there is an import missing for those components, users following this tutorial along in code will get a warning/error message in its current state.

I would suggest to add this additional import statement in this code example (might be easier to follow, since the other two import statements are also meant to be added):
import { IonFab, IonFabButton } from '@ionic/vue';

or then to extend the existing import statement with these components
import { IonContent, IonHeader, IonPage, IonTitle, IonToolbar, IonFab, IonFabButton } from '@ionic/vue';

This would get rid of the missing import error in the code of a user that followed the Guide along until this point.

Thanks for all the work you do! :D The docs are great! This is just something small I noticed and thought I'd help by mentioning it.

Metadata

Metadata

Assignees

No one assigned

    Labels

    contentIssues related to the contents of the documentation website

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions