Fix events in another component

client/src/components/ui/InputWithLabel.vue

@@ -10,28 +10,30 @@
       :placeholder="placeholder"
       data-cy="input-with-label-input"
       class="skillbox-input"
-      @input="$emit('input', $event.target.value)"
+      @input="input"
     />
   </div>
 </template>
 
-<script>
+<script setup lang="ts">
-export default {
+export interface Props {
-  props: {
+  value?: string;
-    value: {
+  label?: string;
-      type: String,
+  placeholder?: string;
-      default: '',
+}
-    },
+withDefaults(defineProps<Props>(), {
-    label: {
+  value: '',
-      type: String,
+  label: '',
-      default: '',
+  placeholder: ''
-    },
+});
-    placeholder: {
+
-      type: String,
+const emit = defineEmits(['input']);
-      default: '',
+
-    },
+const input = (event: Event) => {
-  },
+  const value = (event.target as HTMLInputElement).value;
-};
+  console.log(value);
+  emit('input', value);
+}
 </script>
 
 <style scoped lang="scss">