docs(VAlert): add timeout prop example

Document the new `timeout` prop on the alerts page with a runnable
example, mirroring the existing `VSnackbar` timeout example.

Author: eldardada

packages/docs/src/examples/v-alert/prop-timeout.vue

@@ -0,0 +1,37 @@
+<template>
+  <div>
+    <v-alert
+      v-model="alert"
+      :timeout="3000"
+      title="Auto-dismiss Alert"
+      type="success"
+      variant="tonal"
+      closable
+    >
+      This alert dismisses itself 3 seconds after it appears. The countdown pauses while you hover or focus it.
+    </v-alert>
+
+    <div
+      v-if="!alert"
+      class="text-center"
+    >
+      <v-btn @click="alert = true">
+        Reset
+      </v-btn>
+    </div>
+  </div>
+</template>
+
+<script setup>
+  import { ref } from 'vue'
+
+  const alert = ref(true)
+</script>
+
+<script>
+  export default {
+    data: () => ({
+      alert: true,
+    }),
+  }
+</script>

packages/docs/src/pages/en/components/alerts.md

@@ -137,6 +137,12 @@ The close icon automatically applies a default `aria-label` and is configurable
   For more information on how to global modify your locale settings, navigate to the [Internationalization page](/features/internationalization).
 :::
 
+#### Timeout
+
+The **timeout** property automatically dismisses the alert after the specified time in milliseconds. A value of `0` (the default) keeps the alert visible. The countdown pauses while the alert is hovered or focused, so it stays visible while being read or interacted with.
+
+<ExamplesExample file="v-alert/prop-timeout" />
+
 ## Additional Examples
 
 The following is a collection of `v-alert` examples that demonstrate how different the properties work in an application.