From b50dfe11837b0913f04c27d9909b2e48ee48b8bf Mon Sep 17 00:00:00 2001
From: riefive <rie.five@gmail.com>
Date: Tue, 23 Sep 2025 12:00:15 +0700
Subject: [PATCH] feat(public): create field for vue

---
 app/components/pub/custom-ui/doc-entry/field.vue | 14 ++++++++++++++
 1 file changed, 14 insertions(+)
 create mode 100644 app/components/pub/custom-ui/doc-entry/field.vue

diff --git a/app/components/pub/custom-ui/doc-entry/field.vue b/app/components/pub/custom-ui/doc-entry/field.vue
new file mode 100644
index 00000000..f3b52106
--- /dev/null
+++ b/app/components/pub/custom-ui/doc-entry/field.vue
@@ -0,0 +1,14 @@
+<script setup lang="ts">
+const props = defineProps({
+  errMessage: { type: String, default: '' },
+  defaultClass: { type: String, default: 'field grow shrink-0 overflow-hidden' },
+  class: { type: String, default: '' },
+})
+</script>
+
+<template>
+  <div :class="`${props.defaultClass} ${props.class}`">
+    <slot />
+    <div v-if="props.errMessage" class="text-red-500">{{ props.errMessage }}</div>
+  </div>
+</template>