⬅️ Back to Table of Contents

📄 useStepper/demo

📊 Analysis Summary

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

📚 Table of Contents

• Imports
• Vue Composition API
• Functions

🛠️ 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

user-information.isValid(): any

Returns: any

Code

() => form.firstName && form.lastName

billing-address.isValid(): boolean

Returns: boolean

Code

() => form.billingAddress?.trim() !== ''

terms.isValid(): boolean

Returns: boolean

Code

() => form.contractAccepted === true

payment.isValid(): boolean

Returns: boolean

Calls:

• ['credit-card', 'paypal'].includes

Code

() => ['credit-card', 'paypal'].includes(form.payment)

submit(): void

Returns: void

Calls:

• stepper.current.value.isValid
• stepper.goToNext

Code

function submit() {
  if (stepper.current.value.isValid())
    stepper.goToNext()
}

allStepsBeforeAreValid(index: number): boolean

Parameters:

• index number

Returns: boolean

Calls:

• Array.from({ length: index }).fill(null).some
• stepper.at(i)?.isValid

Code

function allStepsBeforeAreValid(index: number): boolean {
  return !Array.from({ length: index }).fill(null).some((_, i) => !stepper.at(i)?.isValid())
}

---

Generated by Syntax Scribe