add dashboard frontend

resources/js/Components/TextInput.vue

@@ -3,6 +3,7 @@ import { onMounted, ref } from 'vue';
 
 defineProps({
     modelValue: String,
+    name: String,
 });
 
 const input = ref<HTMLInputElement | null>(null);
@@ -27,7 +28,8 @@ function updateValue(event: Event) {
 <template>
     <input
         ref="input"
-        class="border-gray-300 dark:border-gray-700 dark:bg-gray-900 dark:text-gray-300 focus:border-indigo-500 dark:focus:border-indigo-600 focus:ring-indigo-500 dark:focus:ring-indigo-600 rounded-md shadow-sm"
+        class="border-input-border bg-input-background text-white focus:border-input-border-active rounded-md shadow-sm"
         :value="modelValue"
+        :name="name"
         @input="updateValue" />
 </template>