move input and input error into component

2022-07-31 10:31:21 +07:00
parent 019e25137c
commit 70e779c8a4
6 changed files with 76 additions and 32 deletions
--- a/resources/js/Components/InputError.vue
+++ b/resources/js/Components/InputError.vue
@@ -0,0 +1,15 @@
+<script setup>
+const { error } = defineProps({
+  error: String,
+})
+</script>
+
+<template>
+  <Transition
+    enterActiveClass="transition-all duration-150"
+    leaveActiveClass="transition-all duration-150"
+    enterFromClass="opacity-0 -scale-y-100"
+    leaveToClass="opacity-0 -scale-y-100">
+      <div v-if="error" class="text-right text-sm text-red-500">{{ error }}</div>
+  </Transition>
+</template>