mirror of
https://github.com/nuxt/ui.git
synced 2026-09-14 19:51:10 +08:00
99dbe81783
Co-authored-by: Benjamin Canac <canacb1@gmail.com>
18 lines
456 B
Vue
18 lines
456 B
Vue
<script setup lang="ts">
|
|
import { reactive, useTemplateRef } from 'vue'
|
|
|
|
const form = useTemplateRef('form')
|
|
const state = reactive<any>({})
|
|
function validate() {
|
|
return [{ name: 'email.1', message: 'Error message' }]
|
|
}
|
|
</script>
|
|
|
|
<template>
|
|
<UForm ref="form" :state="state" :validate="validate">
|
|
<UFormField id="emailField" :error-pattern="/(email)\..*/">
|
|
<UInput id="email" v-model="state.email" />
|
|
</UFormField>
|
|
</UForm>
|
|
</template>
|