docs: improve forms usage with examples

docs/content/3.forms/3.select.md

@@ -7,19 +7,24 @@ description: Display a select field.
 
 The Select component is a wrapper around the native `<select>` HTML element. For more advanced use cases like searching or multiple selection, consider using the [SelectMenu](/forms/select-menu) component.
 
-::component-card
----
-baseProps:
-  name: 'select'
-  modelValue: 'United States'
-props:
-  options:
-    - 'United States'
-    - 'Canada'
-    - 'Mexico'
-excludedProps:
-  - options
----
+Use a `v-model` to make the Select reactive alongside the `options` prop to pass an array of strings or objects.
+
+::component-example
+#default
+:select-example
+
+#code
+```vue
+<script setup>
+const countries = ['United States', 'Canada', 'Mexico']
+
+const country = ref(countries[0])
+</script>
+
+<template>
+  <USelect v-model="country" :options="countries" />
+</template>
+```
 ::
 
 ### Style