@@ -132,11 +132,8 @@ function finish() {
132132
133133<template >
134134 <!-- Main container with responsive layout -->
135- <ConstrainedPage
136- :responsiveUI =" api .config .responsiveUI "
137- :width =" api .config .windowsizerRequest .width "
138- :height =" api .config .windowsizerRequest .height "
139- >
135+ <ConstrainedPage :responsiveUI =" api .config .responsiveUI " :width =" api .config .windowsizerRequest .width "
136+ :height =" api .config .windowsizerRequest .height " >
140137 <!-- Two-column layout with title and form content -->
141138 <TitleTwoCol leftFirst leftWidth="w-1/3" :responsiveUI =" api .config .responsiveUI " >
142139 <!-- Page title and description section -->
@@ -180,15 +177,11 @@ function finish() {
180177 <label class =" block text-md font-semibold text-foreground mb-2" > Date of Birth </label >
181178 <Popover v-model :open =" isPopoverOpen " >
182179 <PopoverTrigger as-child>
183- <Button
184- variant="secondary"
185- :class ="
186- cn (
187- ' w-full justify-start text-left font-normal text-base border border-input bg-background hover:bg-background' ,
188- ! api .persist .forminfo .dob && ' text-muted-foreground'
189- )
190- "
191- >
180+ <Button variant="secondary" :class =" cn (
181+ ' w-full justify-start text-left font-normal text-base border border-input bg-background hover:bg-background' ,
182+ ! api .persist .forminfo .dob && ' text-muted-foreground'
183+ )
184+ " >
192185 <CalendarIcon class="mr-2 h-4 w-4" />
193186 {{ formattedDate }}
194187 </Button >
@@ -271,7 +264,7 @@ function finish() {
271264 </SelectContent >
272265 </Select >
273266 <p class =" text-xs text-muted-foreground mt-1" >
274- Are you able to speak and understanding English? (required)
267+ Are you able to speak and understand English? (required)
275268 </p >
276269 </div >
277270
@@ -286,10 +279,8 @@ function finish() {
286279 </div >
287280
288281 <!-- Page 2: Health and vision information -->
289- <div
290- v-else-if =" api.pathString === 'survey_page2'"
291- class =" border border-border text-left bg-muted p-6 rounded-lg"
292- >
282+ <div v-else-if =" api.pathString === 'survey_page2'"
283+ class =" border border-border text-left bg-muted p-6 rounded-lg" >
293284 <!-- Vision field -->
294285 <div class =" mb-3" >
295286 <label class =" block text-md font-semibold text-foreground mb-2" >
@@ -402,10 +393,8 @@ function finish() {
402393 </div >
403394
404395 <!-- Page 3: Location and background information -->
405- <div
406- v-else-if =" api.pathString === 'survey_page3'"
407- class =" border border-border text-left bg-muted p-6 rounded-lg"
408- >
396+ <div v-else-if =" api.pathString === 'survey_page3'"
397+ class =" border border-border text-left bg-muted p-6 rounded-lg" >
409398 <!-- Country field -->
410399 <div class =" mb-3" >
411400 <label class =" block text-md font-semibold text-foreground mb-2" > Country </label >
@@ -618,12 +607,8 @@ function finish() {
618607 <!-- Zipcode field -->
619608 <div class =" mb-3" >
620609 <label class =" block text-md font-semibold text-foreground mb-2" > Zipcode/Postal Code </label >
621- <input
622- type =" text"
623- v-model =" api.persist.forminfo.zipcode"
624- placeholder =" Enter zip or postal code"
625- class =" w-full px-3 py-2 border border-input rounded-md bg-background focus:outline-none focus:ring-2 focus:ring-ring focus:border-ring"
626- />
610+ <input type =" text" v-model =" api.persist.forminfo.zipcode" placeholder =" Enter zip or postal code"
611+ class =" w-full px-3 py-2 border border-input rounded-md bg-background focus:outline-none focus:ring-2 focus:ring-ring focus:border-ring" />
627612 <p class =" text-xs text-muted-foreground mt-1" >
628613 Select zipcode or postal code of your primary residence. (optional)
629614 </p >
0 commit comments