Skip to content

⬅️ Back to Table of Contents

📄 demo.vue

📊 Analysis Summary

Metric Count
🔧 Functions 34
📦 Imports 2
🟢 Vue Composition API 1

📚 Table of Contents

🛠️ File Location:

📂 packages/core/useStepper/demo.vue

📦 Imports

Name Source
useStepper @vueuse/core
reactive vue

Vue Composition API

Name Type Reactive Variables Composables
reactive reactive none none

Functions

isValid(): any

Code 
() => form.firstName && form.lastName
  • Return Type: any

isValid(): any

Code 
() => form.firstName && form.lastName
  • Return Type: any

isValid(): boolean

Code 
() => form.billingAddress?.trim() !== ''
  • Return Type: boolean

isValid(): boolean

Code 
() => form.billingAddress?.trim() !== ''
  • Return Type: boolean

isValid(): boolean

Code 
() => form.contractAccepted === true
  • Return Type: boolean

isValid(): boolean

Code 
() => form.contractAccepted === true
  • Return Type: boolean

isValid(): boolean

Code 
() => ['credit-card', 'paypal'].includes(form.payment)
  • Return Type: boolean
  • Calls:
  • ['credit-card', 'paypal'].includes

isValid(): boolean

Code 
() => ['credit-card', 'paypal'].includes(form.payment)
  • Return Type: boolean
  • Calls:
  • ['credit-card', 'paypal'].includes

isValid(): any

Code 
() => form.firstName && form.lastName
  • Return Type: any

isValid(): any

Code 
() => form.firstName && form.lastName
  • Return Type: any

isValid(): boolean

Code 
() => form.billingAddress?.trim() !== ''
  • Return Type: boolean

isValid(): boolean

Code 
() => form.billingAddress?.trim() !== ''
  • Return Type: boolean

isValid(): boolean

Code 
() => form.contractAccepted === true
  • Return Type: boolean

isValid(): boolean

Code 
() => form.contractAccepted === true
  • Return Type: boolean

isValid(): boolean

Code 
() => ['credit-card', 'paypal'].includes(form.payment)
  • Return Type: boolean
  • Calls:
  • ['credit-card', 'paypal'].includes

isValid(): boolean

Code 
() => ['credit-card', 'paypal'].includes(form.payment)
  • Return Type: boolean
  • Calls:
  • ['credit-card', 'paypal'].includes

isValid(): any

Code 
() => form.firstName && form.lastName
  • Return Type: any

isValid(): any

Code 
() => form.firstName && form.lastName
  • Return Type: any

isValid(): boolean

Code 
() => form.billingAddress?.trim() !== ''
  • Return Type: boolean

isValid(): boolean

Code 
() => form.billingAddress?.trim() !== ''
  • Return Type: boolean

isValid(): boolean

Code 
() => form.contractAccepted === true
  • Return Type: boolean

isValid(): boolean

Code 
() => form.contractAccepted === true
  • Return Type: boolean

isValid(): boolean

Code 
() => ['credit-card', 'paypal'].includes(form.payment)
  • Return Type: boolean
  • Calls:
  • ['credit-card', 'paypal'].includes

isValid(): boolean

Code 
() => ['credit-card', 'paypal'].includes(form.payment)
  • Return Type: boolean
  • Calls:
  • ['credit-card', 'paypal'].includes

isValid(): any

Code 
() => form.firstName && form.lastName
  • Return Type: any

isValid(): any

Code 
() => form.firstName && form.lastName
  • Return Type: any

isValid(): boolean

Code 
() => form.billingAddress?.trim() !== ''
  • Return Type: boolean

isValid(): boolean

Code 
() => form.billingAddress?.trim() !== ''
  • Return Type: boolean

isValid(): boolean

Code 
() => form.contractAccepted === true
  • Return Type: boolean

isValid(): boolean

Code 
() => form.contractAccepted === true
  • Return Type: boolean

isValid(): boolean

Code 
() => ['credit-card', 'paypal'].includes(form.payment)
  • Return Type: boolean
  • Calls:
  • ['credit-card', 'paypal'].includes

isValid(): boolean

Code 
() => ['credit-card', 'paypal'].includes(form.payment)
  • Return Type: boolean
  • Calls:
  • ['credit-card', 'paypal'].includes

submit(): void

Code 
function submit() {
  if (stepper.current.value.isValid())
    stepper.goToNext()
}
  • Return Type: void
  • Calls:
  • stepper.current.value.isValid
  • stepper.goToNext

allStepsBeforeAreValid(index: number): boolean

Code 
function allStepsBeforeAreValid(index: number): boolean {
  return !Array.from({ length: index }, () => null)
    .some((_, i) => !stepper.at(i)?.isValid())
}
  • Parameters:
  • index: number
  • Return Type: boolean
  • Calls:
  • Array.from({ length: index }, () => null) .some
  • stepper.at(i)?.isValid