From 164e37e7c154b522886d859b73d29328a47d6795 Mon Sep 17 00:00:00 2001
From: Guillaume Chau <guillaume.b.chau@gmail.com>
Date: Thu, 10 Feb 2022 15:02:31 +0100
Subject: [PATCH] fix(api): setting switch clickable on whole item

---
 .../features/plugin/PluginSettingsItem.vue    | 27 ++++++++++++-------
 1 file changed, 17 insertions(+), 10 deletions(-)

diff --git a/packages/app-frontend/src/features/plugin/PluginSettingsItem.vue b/packages/app-frontend/src/features/plugin/PluginSettingsItem.vue
index 8b1cb9bc4..a45353574 100644
--- a/packages/app-frontend/src/features/plugin/PluginSettingsItem.vue
+++ b/packages/app-frontend/src/features/plugin/PluginSettingsItem.vue
@@ -34,7 +34,9 @@ export default defineComponent({
     })
 
     function onLabelClick () {
-      // @TODO
+      if (props.schema.type === 'boolean') {
+        model.value = !model.value
+      }
     }
 
     return {
@@ -46,11 +48,11 @@ export default defineComponent({
 </script>
 
 <template>
-  <div class="flex items-start px-6 py-2 hover:bg-green-50 dark:hover:bg-green-900">
-    <div
-      class="flex-1 select-none text-sm py-1.5"
-      @click="onLabelClick()"
-    >
+  <div
+    class="flex items-start px-6 py-2 hover:bg-green-50 dark:hover:bg-green-900"
+    @click="onLabelClick()"
+  >
+    <div class="flex-1 select-none text-sm py-1.5">
       <div>{{ schema.label }}</div>
       <div
         v-if="schema.description"
@@ -60,11 +62,16 @@ export default defineComponent({
       </div>
     </div>
     <div class="w-1/2">
-      <VueSwitch
+      <div
         v-if="schema.type === 'boolean'"
-        v-model="model"
-        class="my-2 w-full extend-left"
-      />
+        class="my-2 w-full h-[max-content]"
+        @click.stop
+      >
+        <VueSwitch
+          v-model="model"
+          class="w-full extend-left"
+        />
+      </div>
 
       <template v-else-if="schema.type === 'choice'">
         <VueGroup