From 97257ac21be0540f61286e0075b11292e06cb679 Mon Sep 17 00:00:00 2001
From: portikM <maksym.portianoi@konghq.com>
Date: Wed, 4 Oct 2023 14:23:24 -0400
Subject: [PATCH 1/2] docs(clipboard-provider): use script setup [KHCP-8974]

---
 .../renderless/clipboard-provider.md          | 50 +++++++------------
 1 file changed, 19 insertions(+), 31 deletions(-)

diff --git a/docs/components/renderless/clipboard-provider.md b/docs/components/renderless/clipboard-provider.md
index eb2923a48d..f3f3225419 100644
--- a/docs/components/renderless/clipboard-provider.md
+++ b/docs/components/renderless/clipboard-provider.md
@@ -3,11 +3,11 @@
 `<KClipboardProvider />` Provide clipboard functionality to components.
 
 <KCard>
-  <template v-slot:body>
+  <template #body>
     <KInput :model-value="dataToCopy" @input="newValue => dataToCopy = newValue" type="text" class="vertical-spacing" />
     <KClipboardProvider v-slot="{ copyToClipboard }">
-      <KButton @click="() => { if (copyToClipboard(dataToCopy)) $toaster.open(`Copied: '${dataToCopy}'`) }">
-        copy to clipboard
+      <KButton @click="() => { if (copyToClipboard(dataToCopy)) alert(`Copied: '${dataToCopy}'`) }">
+        Copy to Clipboard
       </KButton>
     </KClipboardProvider>
   </template>
@@ -18,25 +18,19 @@
   <KInput :model-value="dataToCopy" @input="newValue => dataToCopy = newValue" type="text" />
   <KClipboardProvider v-slot="{ copyToClipboard }">
     <KButton @click="() => { if (copyToClipboard(dataToCopy)) alert(`Copied '${dataToCopy}'`) }">
-      copy to clipboard
+      Copy to Clipboard
     </KButton>
   </KClipboardProvider>
 </template>
 
-<script lang="ts">
-import { defineComponent, ref } from 'vue'
+<script setup lang="ts">
+import { ref } from 'vue'
 
-export default defineComponent({
-  setup() {
-    const dataToCopy = ref('copy this to the clipboard')
+const dataToCopy = ref('Copy this to the clipboard')
 
-    const alert = (msg: string): void => {
-      window.alert(msg)
-    }
-
-    return { dataToCopy, alert }
-  }
-})
+const alert = (msg: string): void => {
+  window.alert(msg)
+}
 </script>
 ```
 
@@ -46,24 +40,18 @@ export default defineComponent({
 
 ### Slot Props
 
-| Props             | Type     | Description                            |
-| :---------------- | :------- | :------------------------------------- |
-| `copyToClipboard` | Function | copy to clipboard `@returns {Boolean}` |
+| Props             | Type     | Description                             |
+| :---------------- | :------- | :-------------------------------------- |
+| `copyToClipboard` | Function | Copy to clipboard; `@returns {Boolean}` |
 
-<script lang="ts">
-import { defineComponent, ref } from 'vue'
+<script setup lang="ts">
+import { ref } from 'vue'
 
-export default defineComponent({
-  setup() {
-    const dataToCopy = ref('copy this to the clipboard')
+const dataToCopy = ref('Copy this to the clipboard')
 
-    const alert = (msg: string): void => {
-      window.alert(msg)
-    }
-
-    return { dataToCopy, alert }
-  }
-})
+const alert = (msg: string): void => {
+  window.alert(msg)
+}
 </script>
 
 <style lang="scss">

From 3d8b44a6b02bf3c55b6531cfab537a937319dac6 Mon Sep 17 00:00:00 2001
From: portikM <maksym.portianoi@konghq.com>
Date: Wed, 4 Oct 2023 14:32:49 -0400
Subject: [PATCH 2/2] fix: minor fix [KHCP-8974]

---
 .../renderless/clipboard-provider.md           |  2 +-
 docs/components/renderless/toggle.md           | 18 +++++++++---------
 src/components/KToggle/index.ts                |  1 -
 3 files changed, 10 insertions(+), 11 deletions(-)

diff --git a/docs/components/renderless/clipboard-provider.md b/docs/components/renderless/clipboard-provider.md
index f3f3225419..2b47023db4 100644
--- a/docs/components/renderless/clipboard-provider.md
+++ b/docs/components/renderless/clipboard-provider.md
@@ -1,6 +1,6 @@
 # KClipboardProvider
 
-`<KClipboardProvider />` Provide clipboard functionality to components.
+KClipboardProvider provides clipboard functionality to components.
 
 <KCard>
   <template #body>
diff --git a/docs/components/renderless/toggle.md b/docs/components/renderless/toggle.md
index ffd10bb693..3abca5842e 100644
--- a/docs/components/renderless/toggle.md
+++ b/docs/components/renderless/toggle.md
@@ -1,6 +1,6 @@
 # KToggle
 
-Provide toggle functionality to components.
+Provides toggle functionality to components.
 
 e.g.
 
@@ -194,14 +194,14 @@ them and placing them inside `KToggle`'s default slot.
 
 ```html
 <KToggle v-slot="{isToggled, toggle}">
-      <div>
-        <KButton @click="toggle">
-          {{ isToggled.value ? 'collapse' : 'expand' }}
-        </KButton>
-        <transition name="expand">
-          <KAlert v-if="isToggled.value" alertMessage="Every day, once a day, give yourself a present." />
-        </transition>
-      </div>
+  <div>
+    <KButton @click="toggle">
+      {{ isToggled.value ? 'collapse' : 'expand' }}
+    </KButton>
+    <transition name="expand">
+      <KAlert v-if="isToggled.value" alertMessage="Every day, once a day, give yourself a present." />
+    </transition>
+  </div>
 </KToggle>
 ```
 
diff --git a/src/components/KToggle/index.ts b/src/components/KToggle/index.ts
index 92e72b1ab9..38ee4dff96 100644
--- a/src/components/KToggle/index.ts
+++ b/src/components/KToggle/index.ts
@@ -9,7 +9,6 @@ export default defineComponent({
     },
   },
   emits: ['toggled'],
-
   setup(props, { slots, emit }) {
     const isToggled = ref(props.toggled)