Skip to content

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

Closed

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.

Activity

  1. added
    contentIssues related to the contents of the documentation website
    on Aug 8, 2022
  2. changed the title [-]IonFab and IonFabButton imports missing in Ionic Vue Quickstart[/-] [+]Docs: IonFab and IonFabButton imports missing in Ionic Vue Quickstart Page[/+] on Aug 8, 2022
  3. added and removed
    contentIssues related to the contents of the documentation website
    on Sep 20, 2022
  4. added
    contentIssues related to the contents of the documentation website
    on Oct 11, 2022
  5. added a commit that references this issue on Mar 23, 2023
    407f669
  6. mapsandapps commented on Mar 23, 2023

    @mapsandapps
    Contributor

    Thanks @Phhofm for reporting this issue!

  7. added a commit that references this issue on Jul 25, 2023
    d8f8cc4
  8. added a commit that references this issue on Sep 14, 2023
    5bbf6a7
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

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