feat: mark button as ariaDisabled instead of really disabling it

Author: Norbiros

docs/content/2.customization/4.submit_button.md

@@ -3,6 +3,9 @@ title: Submit Button
 description: Customizable submit button component for Nuxt Auto Form.
 ---
 
+By default, Nuxt Auto Form provides a submit button at the bottom of the form.
+When form is not valid, the `aria-disabled` property is set to `true` on the button.
+
 ## Customization
 
 Most use cases only require changing the **submit button** style or text.
@@ -77,7 +80,7 @@ defineProps<{
   <UButton
     type="submit"
     color="neutral"
-    :disabled
+    :class="disabled ? 'bg-red-500' : ''"
     class="w-full flex justify-center cursor-pointer"
     label="My custom send button"
   />

docs/content/3.components/1.form.md

@@ -100,8 +100,6 @@ You can access the following methods by using `ref` on the `<AutoForm/>` compone
 ```vue
 <script setup lang="ts">
 const formRef = useTemplateRef('form')
-
-...
 </script>
 
 <template>

src/runtime/components/AutoForm.vue

@@ -111,8 +111,8 @@ const submitButton = computed(() => {
 
 const submitButtonProps = computed(() => {
   return {
+    ariaDisabled: true,
     ...submitButton.value?.props,
-    disabled: isButtonDisabled.value,
   }
 })
 </script>