Step slot problem

[luisk182]

trafficstars

I followed this example https://jsfiddle.net/bt5dhqtf/705/ and when I use the template slot nav Pills just dissapear I changed to this <wizard-step slot-scope="props" slot="step" :tab="props.tab" :transition="props.transition" :index="props.index"> </wizard-step>

And I get this error in the console Unknown custom element: - did you register the component correctly? For recursive components, make sure to provide the "name" option

[derman232]

Did you make sure to import WizardStep from vue-form-wizard and include it as a component?

[Coreusa]

As mentioned above, you need to import this component.

import { FormWizard, TabContent, WizardStep } from 'vue-form-wizard'
import 'vue-form-wizard/dist/vue-form-wizard.min.css'
export default {
  name: 'ComponentName',
  components: {
    FormWizard,
    TabContent,
    WizardStep
  }
  ....
}