Multi-step form using Vue 3 Composition API

Community feedback

• 

  Nemanja Dragun•340

  @ndragun92Posted over 1 year ago

  Hello,

  Great job! Well-made challenge!

  I want to point few things here. I have seen your MainPage.vue and since this is a multi-step form and uses v-if/else conditions that means that some of the components do not need to be present there on the initial page load.

  Instead of importing them like import SecondForm from "./SecondForm.vue"; you can lazy load them to boost performance const SecondForm = defineAsyncComponent(() => import('./SecondForm.vue') )

  Also, v-for should not use the index as a key (this is least recommended). Use the title if it is unique if not you can mix the title and index like :key="`${title}--${index}`"

        v-for="(title, index) in titles"
        :key="index"
  

  Overall good job! Keep it up!

  Marked as helpful

  0

  ---

  

  Rian Febriansyah•140

  @riansyhPosted over 1 year ago

  @ndragun92 all right thank you for the insight, i will try to implement your suggestions!

  0