<template>

  <Form :model="formInline" :rules="ruleInline">

        <FormItem label="User" prop="user">

            <Input type="text" v-model="formInline.user" placeholder="Username">

            </Input>

        </FormItem>

   </Form>

</template>

<script setup>

  import { reactive } from 'vue'

  const formInline = reactive({ user: '' })

  const ruleInline = {

    user: [

      {

        validator: (rule, value, callback) => { 

          callback()

        }, 

        trigger: 'blur'

      },

      { required: true, message: 'Please fill in the user name', trigger: 'blur' }

    ]

  }

</script>

<style>

​

</style>