From 17a853501de4d30dd9681244b76c5aad64b015fb Mon Sep 17 00:00:00 2001
From: Robin Malfait <malfait.robin@gmail.com>
Date: Fri, 8 Jan 2021 23:00:39 +0100
Subject: [PATCH] ensure Switch has type="button" (#192)

Closes: #178

Co-authored-by: =?UTF-8?q?Oskar=20L=C3=B6fgren?= <islander.abroad@gmail.com>

Co-authored-by: =?UTF-8?q?Oskar=20L=C3=B6fgren?= <islander.abroad@gmail.com>
---
 packages/@headlessui-react/src/components/switch/switch.tsx | 4 ++++
 packages/@headlessui-vue/src/components/switch/switch.ts    | 4 ++++
 2 files changed, 8 insertions(+)

diff --git a/packages/@headlessui-react/src/components/switch/switch.tsx b/packages/@headlessui-react/src/components/switch/switch.tsx
index 7af884c..b389b80 100644
--- a/packages/@headlessui-react/src/components/switch/switch.tsx
+++ b/packages/@headlessui-react/src/components/switch/switch.tsx
@@ -117,6 +117,10 @@ export function Switch<TTag extends React.ElementType = typeof DEFAULT_SWITCH_TA
     onKeyPress: handleKeyPress,
   }
 
+  if (passThroughProps.as === 'button') {
+    Object.assign(propsWeControl, { type: 'button' })
+  }
+
   return render({ ...passThroughProps, ...propsWeControl }, propsBag, DEFAULT_SWITCH_TAG)
 }
 
diff --git a/packages/@headlessui-vue/src/components/switch/switch.ts b/packages/@headlessui-vue/src/components/switch/switch.ts
index 8b8511a..7b07a8b 100644
--- a/packages/@headlessui-vue/src/components/switch/switch.ts
+++ b/packages/@headlessui-vue/src/components/switch/switch.ts
@@ -74,6 +74,10 @@ export const Switch = defineComponent({
       onKeyPress: this.handleKeyPress,
     }
 
+    if (this.$props.as === 'button') {
+      Object.assign(propsWeControl, { type: 'button' })
+    }
+
     return render({
       props: { ...this.$props, ...propsWeControl },
       slot,