@betterstart/cli 0.1.48 → 0.1.49

package/dist/cli.js

@@ -2662,6 +2662,7 @@ export function ${p7.pascal}Form() {
 
 import { zodResolver } from '@hookform/resolvers/zod'
 import { Check, ChevronLeft, ChevronRight } from 'lucide-react'
+import { parseAsInteger, parseAsArrayOf, useQueryState } from 'nuqs'
 import { useState } from 'react'
 ${p7.rhfImport}
 import { z } from 'zod/v3'${queryClientImport}
@@ -2698,8 +2699,9 @@ ${queryClientSetup}
 ${p7.stepsConst}
 
 ${formComponentDecl}() {
-  const [currentStep, setCurrentStep] = useState(0)
-  const [completedSteps, setCompletedSteps] = useState<Set<number>>(new Set())
+  const [currentStep, setCurrentStep] = useQueryState('step', parseAsInteger.withDefault(0))
+  const [completedStepsArr, setCompletedStepsArr] = useQueryState('completed', parseAsArrayOf(parseAsInteger).withDefault([]))
+  const completedSteps = new Set(completedStepsArr)
   const [submitted, setSubmitted] = useState(false)
   const [submitting, setSubmitting] = useState(false)
 
@@ -2716,13 +2718,15 @@ ${p7.fieldArraySetup}${p7.watchSetup}
       STEPS[currentStep].fields as (keyof FormValues)[]
     )
     if (isValid) {
-      setCompletedSteps((prev) => new Set(prev).add(currentStep))
-      setCurrentStep((prev) => prev + 1)
+      if (!completedSteps.has(currentStep)) {
+        setCompletedStepsArr([...completedStepsArr, currentStep])
+      }
+      setCurrentStep(currentStep + 1)
     }
   }
 
   function handleBack() {
-    setCurrentStep((prev) => prev - 1)
+    setCurrentStep(currentStep - 1)
   }
 
   function handleStepClick(index: number) {