From d0cea0fdf479ff691803f293c593abc296738e50 Mon Sep 17 00:00:00 2001
From: ArneBo <arne@ecobasa.org>
Date: Mon, 30 Dec 2024 12:39:52 +0100
Subject: [PATCH] refactor(ui): change title to label prop for toggles for
 consistency

---
 front/src/components/ui/Toggle.vue    | 4 ++--
 front/ui-docs/components/ui/toggle.md | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/front/src/components/ui/Toggle.vue b/front/src/components/ui/Toggle.vue
index 46afdcaac..167b6d83b 100644
--- a/front/src/components/ui/Toggle.vue
+++ b/front/src/components/ui/Toggle.vue
@@ -3,7 +3,7 @@ import { color } from "~/composables/colors.ts";
 
 const { big } = defineProps<{
   big?: boolean
-  title?: string
+  label?: string
 }>()
 
 const isOn = defineModel<boolean>()
@@ -19,7 +19,7 @@ const diameter = big? '28px' : '20px'
     <input type="checkbox" v-model="isOn"
       style="visibility: hidden; /* Hide even before stylesheet is loaded */"
     />
-    <span v-if="title">{{ title }}</span>
+    <span v-if="label">{{ label }}</span>
 </label>
 </template>
 
diff --git a/front/ui-docs/components/ui/toggle.md b/front/ui-docs/components/ui/toggle.md
index a6652c7c9..7f453d171 100644
--- a/front/ui-docs/components/ui/toggle.md
+++ b/front/ui-docs/components/ui/toggle.md
@@ -31,11 +31,11 @@ Link your toggle to an input using the `v-model` directive.
 
 </Layout>
 
-## Add title
+## Add label
 
 <Layout flex class="preview">
 
-<Toggle v-model="toggle" title="Option 358" />
+<Toggle v-model="toggle" label="Option 358" />
 
 </Layout>