Change v-model syntax

client/src/components/page-form/PageFormInput.vue

@@ -6,12 +6,12 @@
       >{{ label }}</label
     >
     <component
-      :value="value"
+      :model-value="value"
       :class="classes"
       :data-cy="cyId"
       :is="type"
       :id="id"
-      @input="$emit('input', $event.target.value)"
+      @update:modelValue="$emit('input', $event.target.value)"
     />
   </div>
 </template>

client/src/components/ui/InputWithLabel.vue

@@ -2,11 +2,11 @@
   <div class="input-with-label">
     <label class="input-with-label__label">{{ label }}</label>
     <input
-      :value="value"
+      :model-value="value"
       :placeholder="placeholder"
       data-cy="input-with-label-input"
       class="skillbox-input"
-      @input="$emit('input', $event.target.value)"
+      @change:modelValue="$emit('input', $event.target.value)"
     />
   </div>
 </template>