From 5fa1bb2f4ff0539a7f129f07a90f5bbbbc63744a Mon Sep 17 00:00:00 2001
From: zvecr <git@zvecr.com>
Date: Wed, 10 Jul 2024 04:50:53 +0100
Subject: [PATCH 1/2] Add back /converter/ page

---
 src/converter/index.md | 59 ++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 59 insertions(+)
 create mode 100644 src/converter/index.md

diff --git a/src/converter/index.md b/src/converter/index.md
new file mode 100644
index 0000000..4582e6d
--- /dev/null
+++ b/src/converter/index.md
@@ -0,0 +1,59 @@
+# Convert KLE raw to QMK info.json
+
+### Input:
+<textarea v-model="input"></textarea>
+<button class="VPButton medium brand" id="submit" @click="getData()">Convert</button>
+
+### Output:
+<textarea v-model="output"></textarea>
+
+<script setup>
+import { ref } from 'vue'
+
+const input = ref('')
+const output = ref('')
+
+async function getData() {
+console.log(input.value)
+  const url = 'https://api.qmk.fm/v1/converters/kle';
+  try {
+    const response = await fetch(url, {
+        method: "POST",
+        headers: {
+            "Content-Type": "application/json",
+        },
+        body: JSON.stringify({raw: input.value}),
+    });
+    if (!response.ok) {
+      throw new Error(`Response status: ${response.status}`);
+    }
+
+    const ret = await response.text();
+    output.value = ret
+  } catch (error) {
+    console.error(error.message);
+  }
+}
+</script>
+
+<style scoped>
+textarea {
+    border: 1px solid var(--vp-c-divider);
+    border-radius: 4px;
+    width: 100%;
+    height: 300px;
+}
+
+button {
+    float: right;
+
+    border-radius: 20px;
+    padding: 0 20px;
+    line-height: 38px;
+    font-size: 14px;
+
+    border-color: var(--vp-button-brand-border);
+    color: var(--vp-button-brand-text);
+    background-color: var(--vp-button-brand-bg);
+}
+</style>

From bf9c9d2ba9d207a36557fc8d90629761cc2577a8 Mon Sep 17 00:00:00 2001
From: zvecr <git@zvecr.com>
Date: Wed, 10 Jul 2024 04:55:51 +0100
Subject: [PATCH 2/2] Tidy

---
 src/converter/index.md | 38 ++++++++++++++++++++------------------
 1 file changed, 20 insertions(+), 18 deletions(-)

diff --git a/src/converter/index.md b/src/converter/index.md
index 4582e6d..a552f36 100644
--- a/src/converter/index.md
+++ b/src/converter/index.md
@@ -1,10 +1,12 @@
 # Convert KLE raw to QMK info.json
 
 ### Input:
+
 <textarea v-model="input"></textarea>
 <button class="VPButton medium brand" id="submit" @click="getData()">Convert</button>
 
 ### Output:
+
 <textarea v-model="output"></textarea>
 
 <script setup>
@@ -14,25 +16,25 @@ const input = ref('')
 const output = ref('')
 
 async function getData() {
-console.log(input.value)
-  const url = 'https://api.qmk.fm/v1/converters/kle';
-  try {
-    const response = await fetch(url, {
-        method: "POST",
-        headers: {
-            "Content-Type": "application/json",
-        },
-        body: JSON.stringify({raw: input.value}),
-    });
-    if (!response.ok) {
-      throw new Error(`Response status: ${response.status}`);
+    const url = 'https://api.qmk.fm/v1/converters/kle';
+    try {
+        const response = await fetch(url, {
+            method: "POST",
+            headers: {
+                "Content-Type": "application/json",
+            },
+            body: JSON.stringify({raw: input.value})
+        });
+
+        if (!response.ok) {
+            throw new Error(`Response status: ${response.status}`);
+        }
+
+        const ret = await response.text();
+        output.value = ret;
+    } catch (error) {
+        console.error(error.message);
     }
-
-    const ret = await response.text();
-    output.value = ret
-  } catch (error) {
-    console.error(error.message);
-  }
 }
 </script>