From cfcd2f137173bcf0cb922d6f164b7549a49d9290 Mon Sep 17 00:00:00 2001
From: Benjamin Canac <canacb1@gmail.com>
Date: Sun, 14 May 2023 15:05:33 +0200
Subject: [PATCH] docs: uniformize `isOpen` in examples

---
 .../content/examples/CommandPaletteExampleModal.vue  |  6 +++---
 .../content/examples/ModalExampleBasic.vue           |  6 +++---
 .../components/content/examples/ModalExampleCard.vue |  6 +++---
 docs/content/4.navigation/2.command-palette.md       |  6 +++---
 docs/content/5.overlays/1.modal.md                   | 12 ++++++------
 docs/content/5.overlays/2.slideover.md               |  6 +++---
 6 files changed, 21 insertions(+), 21 deletions(-)

diff --git a/docs/components/content/examples/CommandPaletteExampleModal.vue b/docs/components/content/examples/CommandPaletteExampleModal.vue
index 0c04db2e..a5291abe 100644
--- a/docs/components/content/examples/CommandPaletteExampleModal.vue
+++ b/docs/components/content/examples/CommandPaletteExampleModal.vue
@@ -1,5 +1,5 @@
 <script setup>
-const open = ref(false)
+const isOpen = ref(false)
 
 const people = [
   { id: 1, label: 'Wade Cooper' },
@@ -19,9 +19,9 @@ const selected = ref([])
 
 <template>
   <div>
-    <UButton label="Open" @click="open = true" />
+    <UButton label="Open" @click="isOpen = true" />
 
-    <UModal v-model="open">
+    <UModal v-model="isOpen">
       <UCommandPalette
         v-model="selected"
         multiple
diff --git a/docs/components/content/examples/ModalExampleBasic.vue b/docs/components/content/examples/ModalExampleBasic.vue
index 3aa08737..36900395 100644
--- a/docs/components/content/examples/ModalExampleBasic.vue
+++ b/docs/components/content/examples/ModalExampleBasic.vue
@@ -1,12 +1,12 @@
 <script setup>
-const open = ref(false)
+const isOpen = ref(false)
 </script>
 
 <template>
   <div>
-    <UButton label="Open" @click="open = true" />
+    <UButton label="Open" @click="isOpen = true" />
 
-    <UModal v-model="open">
+    <UModal v-model="isOpen">
       <div class="p-4">
         <Placeholder class="h-48" />
       </div>
diff --git a/docs/components/content/examples/ModalExampleCard.vue b/docs/components/content/examples/ModalExampleCard.vue
index 969f638e..9f3799a8 100644
--- a/docs/components/content/examples/ModalExampleCard.vue
+++ b/docs/components/content/examples/ModalExampleCard.vue
@@ -1,12 +1,12 @@
 <script setup>
-const open = ref(false)
+const isOpen = ref(false)
 </script>
 
 <template>
   <div>
-    <UButton label="Open" @click="open = true" />
+    <UButton label="Open" @click="isOpen = true" />
 
-    <UModal v-model="open">
+    <UModal v-model="isOpen">
       <UCard :ui="{ ring: '', divide: 'divide-y divide-gray-100 dark:divide-gray-800' }">
         <template #header>
           <Placeholder class="h-8" />
diff --git a/docs/content/4.navigation/2.command-palette.md b/docs/content/4.navigation/2.command-palette.md
index 65ac2ef6..9db80842 100644
--- a/docs/content/4.navigation/2.command-palette.md
+++ b/docs/content/4.navigation/2.command-palette.md
@@ -57,7 +57,7 @@ You can put a `CommandPalette` anywhere you want but it's most commonly used ins
 #code
 ```vue
 <script setup>
-const open = ref(false)
+const isOpen = ref(false)
 
 const people = [
   { id: 1, label: 'Wade Cooper' },
@@ -77,9 +77,9 @@ const selected = ref([])
 
 <template>
   <div>
-    <UButton label="Open" @click="open = true" />
+    <UButton label="Open" @click="isOpen = true" />
 
-    <UModal v-model="open">
+    <UModal v-model="isOpen">
       <UCommandPalette
         v-model="selected"
         multiple
diff --git a/docs/content/5.overlays/1.modal.md b/docs/content/5.overlays/1.modal.md
index 05080478..30b56a6e 100644
--- a/docs/content/5.overlays/1.modal.md
+++ b/docs/content/5.overlays/1.modal.md
@@ -14,14 +14,14 @@ headlessui:
 #code
 ```vue
 <script setup>
-const open = ref(false)
+const isOpen = ref(false)
 </script>
 
 <template>
   <div>
-    <UButton label="Open" @click="open = true" />
+    <UButton label="Open" @click="isOpen = true" />
 
-    <UModal v-model="open">
+    <UModal v-model="isOpen">
       <!-- Content -->
     </UModal>
   </div>
@@ -38,14 +38,14 @@ You can put a [Card](/layout/card) component inside your Modal to handle forms a
 #code
 ```vue
 <script setup>
-const open = ref(false)
+const isOpen = ref(false)
 </script>
 
 <template>
   <div>
-    <UButton label="Open" @click="open = true" />
+    <UButton label="Open" @click="isOpen = true" />
 
-    <UModal v-model="open">
+    <UModal v-model="isOpen">
       <UCard :ui="{ divide: 'divide-y divide-gray-100 dark:divide-gray-800' }">
         <template #header>
           <!-- Content -->
diff --git a/docs/content/5.overlays/2.slideover.md b/docs/content/5.overlays/2.slideover.md
index 247bcd7b..9df28339 100644
--- a/docs/content/5.overlays/2.slideover.md
+++ b/docs/content/5.overlays/2.slideover.md
@@ -13,14 +13,14 @@ headlessui:
 #code
 ```vue
 <script setup>
-const open = ref(false)
+const isOpen = ref(false)
 </script>
 
 <template>
   <div>
-    <UButton label="Open" @click="open = true" />
+    <UButton label="Open" @click="isOpen = true" />
 
-    <USlideover v-model="open">
+    <USlideover v-model="isOpen">
       <!-- Content -->
     </USlideover>
   </div>