From 468109b73733db542f046dd31584bf526b96b406 Mon Sep 17 00:00:00 2001
From: itsBLOK <hi@ilkem.space>
Date: Thu, 21 Sep 2023 13:37:35 +0300
Subject: [PATCH 1/4] updated README

---
 README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 3d17f09..555ace3 100644
--- a/README.md
+++ b/README.md
@@ -12,7 +12,7 @@ Here are some Discord servers that can help you out with everything Senchabot:
 
 The [Official Senchabot Support/Developers server](https://discord.com/invite/h3NqsbHW4a) has plenty of help channels with knowledgeable people and Senchabot's developers to get you help with something you need, and get updates straight from the developers. However do keep in mind this is a purely on-topic server. If you are looking for a community, join the server below.
 
-The [Kamp US server](https://discord.gg/kampus) is a common hangout for libraries and developers alike. It's a great starting point for those looking to dive in and learn how to developer.
+The [Kamp US server](https://discord.gg/kampus) is a common hangout for developers. It's a great starting point for those looking to dive in and learn how to developer.
 
 ## License
 

From 9b8a8be62355191fc43bcc4458808b8fb0a300d4 Mon Sep 17 00:00:00 2001
From: itsBLOK <hi@ilkem.space>
Date: Thu, 21 Sep 2023 13:40:57 +0300
Subject: [PATCH 2/4] added more examples

---
 docs/MARKDOWN-EXTENSIONS.md | 48 ++++++++++++++++++++++++++++---------
 1 file changed, 37 insertions(+), 11 deletions(-)

diff --git a/docs/MARKDOWN-EXTENSIONS.md b/docs/MARKDOWN-EXTENSIONS.md
index c301c81..bc99184 100644
--- a/docs/MARKDOWN-EXTENSIONS.md
+++ b/docs/MARKDOWN-EXTENSIONS.md
@@ -279,18 +279,44 @@ We have custom button style
   </a>
 </div>
 
-### Discord Button Style
+### Discord Application Commands Style
+
+We use a special component for Discord application commands.
+
+**Input**
+
+```js
+<ApplicationCommands
+    appCmd-icon="https://cdn.discordapp.com/avatars/1039550209274945587/026fae6fce576363a3ea9c6ebba467bb.webp"
+    appCmd-name="command-name"
+    optionPillKey="options1"
+    optionPillValue="option1-value"
+    >
+</ApplicationCommands>
+```
+
+**Output**
+
+<ApplicationCommands
+    appCmd-icon="https://cdn.discordapp.com/avatars/1039550209274945587/026fae6fce576363a3ea9c6ebba467bb.webp"
+    appCmd-name="command-name"
+    optionPillKey="options1"
+    optionPillValue="option1-value"
+    >
+</ApplicationCommands>
+
+You can also use it with two options:
 
 **Input**
 
 ```js
 <ApplicationCommands
     appCmd-icon="https://cdn.discordapp.com/avatars/1039550209274945587/026fae6fce576363a3ea9c6ebba467bb.webp"
-    appCmd-name="/set-twitch streamer"
-    optionPillKey="url-or-username"
-    optionPillValue="senchabot"
-    optionPillKey2="channel"
-    optionPillValue2="twitch"
+    appCmd-name="command-name"
+    optionPillKey="options1"
+    optionPillValue="option1-value"
+    optionPillKey2="options2"
+    optionPillValue2="options2-value"
     >
 </ApplicationCommands>
 ```
@@ -299,11 +325,11 @@ We have custom button style
 
 <ApplicationCommands
     appCmd-icon="https://cdn.discordapp.com/avatars/1039550209274945587/026fae6fce576363a3ea9c6ebba467bb.webp"
-    appCmd-name="/set-twitch streamer"
-    optionPillKey="url-or-username"
-    optionPillValue="senchabot"
-    optionPillKey2="channel"
-    optionPillValue2="twitch"
+    appCmd-name="command-name"
+    optionPillKey="options1"
+    optionPillValue="option1-value"
+    optionPillKey2="options2"
+    optionPillValue2="options2-value"
     >
 </ApplicationCommands>
 

From 95f6f779b300bce677b1b3ee5777c9acc902e5a4 Mon Sep 17 00:00:00 2001
From: itsBLOK <hi@ilkem.space>
Date: Thu, 21 Sep 2023 13:44:05 +0300
Subject: [PATCH 3/4] space :)

---
 docs/.vitepress/theme/custom.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/.vitepress/theme/custom.css b/docs/.vitepress/theme/custom.css
index aee42e7..89efdc4 100644
--- a/docs/.vitepress/theme/custom.css
+++ b/docs/.vitepress/theme/custom.css
@@ -359,7 +359,7 @@ footer span a {
       background-color: #222226;
       flex: 1;
     }
-  
+
     .optionPill2 {
       display: flex;
       border-radius: 4px;

From 06d09d31aa9ffd4d744e1ac773ea122909d6caf0 Mon Sep 17 00:00:00 2001
From: itsBLOK <hi@ilkem.space>
Date: Thu, 21 Sep 2023 13:52:22 +0300
Subject: [PATCH 4/4] fix(app-cmd): black dots

---
 docs/.vitepress/theme/components/ApplicationCommands.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/docs/.vitepress/theme/components/ApplicationCommands.vue b/docs/.vitepress/theme/components/ApplicationCommands.vue
index 361baef..18109b5 100644
--- a/docs/.vitepress/theme/components/ApplicationCommands.vue
+++ b/docs/.vitepress/theme/components/ApplicationCommands.vue
@@ -3,10 +3,10 @@
 		<img v-if="appCmd.icon" class="applicationCommandIcon" :src="appCmd.icon" alt="" />
 		<div v-if="appCmd.name" class="applicationCommandName">
 			<span>
-				{{ appCmd.name }}
+				/{{ appCmd.name }}
 			</span>
 		</div>
-		<div class="optionPill">
+		<div v-if="optionPillKey" class="optionPill">
 				<span v-if="optionPillKey" class="optionPillKey">
 					{{ optionPillKey }}
 				</span>
@@ -14,7 +14,7 @@
 					{{ optionPillValue }}
 				</span>
 		</div>
-		<div class="optionPill2">
+		<div v-if="optionPillKey2" class="optionPill2">
 			<span v-if="optionPillKey2" class="optionPillKey2">
 				{{ optionPillKey2 }}
 			</span>