move to nuxt

frontend/components/Form/TextField.vue

@@ -0,0 +1,42 @@
+<template>
+  <div class="form-control w-full">
+    <label class="label">
+      <span class="label-text">{{ label }}</span>
+    </label>
+    <input ref="input" :type="type" v-model="value" class="input input-bordered w-full" />
+  </div>
+</template>
+
+<script lang="ts" setup>
+  const props = defineProps({
+    modelValue: {
+      type: String,
+      required: true,
+    },
+    label: {
+      type: String,
+      required: true,
+    },
+    type: {
+      type: String,
+      default: 'text',
+    },
+    triggerFocus: {
+      type: Boolean,
+      default: null,
+    },
+  });
+
+  const input = ref<HTMLElement | null>(null);
+
+  whenever(
+    () => props.triggerFocus,
+    () => {
+      if (input.value) {
+        input.value.focus();
+      }
+    }
+  );
+
+  const value = useVModel(props, 'modelValue');
+</script>