@fy-/fws-vue 2.3.93 → 2.3.95

package/components/fws/UserFlow.vue

@@ -378,7 +378,7 @@ onMounted(async () => {
                   "
                   :error="fieldsError[field.name]"
                   :type="field.type"
-                  :req="responseReq.includes(field.name)"
+                  :req="responseReq ? responseReq.includes(field.name) : false"
                   :autocomplete="autocompleteValue(field.name)"
                 />
               </template>
@@ -393,7 +393,7 @@ onMounted(async () => {
                 :label="field.label"
                 :error="fieldsError[field.name]"
                 :type="field.type"
-                :req="responseReq.includes(field.name)"
+                :req="responseReq ? responseReq.includes(field.name) : false"
                 :link-icon="field.link"
               />
             </template>
@@ -434,7 +434,7 @@ onMounted(async () => {
 
           <!-- Password recovery link -->
           <div
-            v-if="responseReq.includes('password') && response?.data?.user"
+            v-if="responseReq ? responseReq.includes('password') && response?.data?.user : false"
             class="text-right my-2"
           >
             <button

package/components/ui/DefaultInput.vue

@@ -279,7 +279,7 @@ defineExpose({ focus, blur, getInputRef })
           >
             {{ label }}
           </label>
-          <div class="grow-wrap">
+          <div class="grow-wrap" :data-replicated-value="model?.toString() || ''">
             <!-- @vue-skip -->
             <textarea
               :id="id"
@@ -342,7 +342,7 @@ defineExpose({ focus, blur, getInputRef })
                    rounded-lg border border-fv-neutral-300 focus:ring-2 focus:ring-fv-primary-300 focus:border-fv-primary-500
                    dark:bg-fv-neutral-700 dark:border-fv-neutral-600 dark:placeholder-fv-neutral-300
                    dark:text-white dark:focus:ring-fv-primary-800 dark:focus:border-fv-primary-500
-                   transition-colors duration-200 shadow-sm min-h-[100px]"
+                   transition-colors duration-200 shadow-sm min-h-[100px] max-h-[50vh] overflow-y-auto"
             @focus="handleFocus"
             @blur="handleBlur"
           />
@@ -563,7 +563,8 @@ input[type="range"]:focus::-moz-range-thumb {
 }
 .grow-wrap > textarea {
   resize: none;
-  overflow: hidden;
+  overflow-y: auto;
+  max-height: 50vh;
 }
 .grow-wrap > textarea,
 .grow-wrap::after {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fy-/fws-vue",
-  "version": "2.3.93",
+  "version": "2.3.95",
   "author": "Florian 'Fy' Gasquez <m@fy.to>",
   "license": "MIT",
   "homepage": "https://github.com/fy-to/FWJS#readme",