diff --git a/docs/components/content/examples/SelectMenuExampleBasic.vue b/docs/components/content/examples/SelectMenuExampleBasic.vue
index 87497963..af46105b 100644
--- a/docs/components/content/examples/SelectMenuExampleBasic.vue
+++ b/docs/components/content/examples/SelectMenuExampleBasic.vue
@@ -1,7 +1,7 @@
 <script setup>
 const people = ['Wade Cooper', 'Arlene Mccoy', 'Devon Webb', 'Tom Cook', 'Tanya Fox', 'Hellen Schmidt', 'Caroline Schultz', 'Mason Heaney', 'Claudie Smitham', 'Emil Schaefer']
 
-const selected = ref()
+const selected = ref(people[0])
 </script>
 
 <template>
diff --git a/docs/content/3.forms/4.select-menu.md b/docs/content/3.forms/4.select-menu.md
index 3eaa3bd5..9a727419 100644
--- a/docs/content/3.forms/4.select-menu.md
+++ b/docs/content/3.forms/4.select-menu.md
@@ -16,7 +16,7 @@ headlessui:
 <script setup>
 const people = ['Wade Cooper', 'Arlene Mccoy', 'Devon Webb', 'Tom Cook', 'Tanya Fox', 'Hellen Schmidt', 'Caroline Schultz', 'Mason Heaney', 'Claudie Smitham', 'Emil Schaefer']
 
-const selected = ref()
+const selected = ref(people[0])
 </script>
 
 <template>