<script setup>
import { ref } from 'vue'
import AisForm from '@/components/form/AisForm.vue'
import AisInput from '@/components/input/AisInput.vue'
import AisButton from '@/components/button/AisButton.vue'

const field = ref('Submit will reload page')
</script>

<template>
  <AisForm server-side method="POST" action="/components/AisForm.html" class="grid grid-cols-1 gap-4">
    <div class="flex gap-4">
      <AisInput v-model="field" name="field1" class="w-1/4" />
      <AisButton type="submit" hover fast press>Submit</AisButton>
    </div>
  </AisForm>
</template>
