From 01c8956eb024db5a83c4f88fc1b5ca45011b729a Mon Sep 17 00:00:00 2001
From: Frozen FIsh <976499226@qq.com>
Date: Sat, 3 Sep 2022 14:36:10 +0800
Subject: [PATCH 1/3] feat: add reset fn

---
 playground/src/components/Editor.vue | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/playground/src/components/Editor.vue b/playground/src/components/Editor.vue
index 8abfd3dcbd..08e35e86a7 100644
--- a/playground/src/components/Editor.vue
+++ b/playground/src/components/Editor.vue
@@ -33,6 +33,11 @@ const panelSizes = useLocalStorage<number[]>(
   { listenToStorageChanges: false },
 )
 
+function handleReset() {
+  inputHTML.value = defaultHTML
+  customConfigRaw.value = defaultConfigRaw
+}
+
 function handleResize(event: ({ size: number })[]) {
   panelSizes.value = event.map(({ size }) => size)
 }
@@ -146,6 +151,12 @@ onMounted(() => {
               title="Toggle Color Mode"
               @click="isDark = !isDark"
             />
+            <button
+              i-carbon:reset
+              icon-btn
+              title="Reset To Default"
+              @click="handleReset"
+            />
           </div>
         </div>
         <TitleBar

From cfe87db4e88f699f500cbcde6b6dc52f312ef7ff Mon Sep 17 00:00:00 2001
From: Frozen FIsh <976499226@qq.com>
Date: Sat, 3 Sep 2022 15:38:58 +0800
Subject: [PATCH 2/3] chore: update

---
 playground/src/components/Editor.vue | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/playground/src/components/Editor.vue b/playground/src/components/Editor.vue
index 08e35e86a7..8975972f8d 100644
--- a/playground/src/components/Editor.vue
+++ b/playground/src/components/Editor.vue
@@ -34,8 +34,10 @@ const panelSizes = useLocalStorage<number[]>(
 )
 
 function handleReset() {
-  inputHTML.value = defaultHTML
-  customConfigRaw.value = defaultConfigRaw
+  if (confirm('Reset to default?')) {
+    inputHTML.value = defaultHTML
+    customConfigRaw.value = defaultConfigRaw
+  }
 }
 
 function handleResize(event: ({ size: number })[]) {
@@ -126,6 +128,12 @@ onMounted(() => {
           </div>
 
           <div class="pl-1 ml-auto space-x-2 text-sm md:text-base flex items-center flex-nowrap">
+            <button
+              i-carbon-erase
+              icon-btn
+              title="Reset To Default"
+              @click="handleReset"
+            />
             <a
               i-ri-search-line icon-btn
               href="https://uno.antfu.me"
@@ -151,12 +159,6 @@ onMounted(() => {
               title="Toggle Color Mode"
               @click="isDark = !isDark"
             />
-            <button
-              i-carbon:reset
-              icon-btn
-              title="Reset To Default"
-              @click="handleReset"
-            />
           </div>
         </div>
         <TitleBar

From fc0a607e2aa8944ce00c29b6440a0ebd7b301a6a Mon Sep 17 00:00:00 2001
From: Anthony Fu <anthonyfu117@hotmail.com>
Date: Sat, 3 Sep 2022 21:55:00 +0800
Subject: [PATCH 3/3] chore: update

---
 playground/src/components/Editor.vue | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/playground/src/components/Editor.vue b/playground/src/components/Editor.vue
index 8975972f8d..a7c33f7809 100644
--- a/playground/src/components/Editor.vue
+++ b/playground/src/components/Editor.vue
@@ -34,7 +34,8 @@ const panelSizes = useLocalStorage<number[]>(
 )
 
 function handleReset() {
-  if (confirm('Reset to default?')) {
+  // eslint-disable-next-line no-alert
+  if (confirm('Reset all settings? It can NOT be undone.')) {
     inputHTML.value = defaultHTML
     customConfigRaw.value = defaultConfigRaw
   }
@@ -140,18 +141,18 @@ onMounted(() => {
               target="_blank"
               title="Interactive Docs"
             />
-            <a
-              i-ri-github-line icon-btn
-              href="https://github.com/unocss/unocss"
-              target="_blank"
-              title="GitHub"
-            />
             <button
               i-ri-device-line
               icon-btn
               title="Responsive"
               @click="options.responsive = !options.responsive"
             />
+            <a
+              i-ri-github-line icon-btn
+              href="https://github.com/unocss/unocss"
+              target="_blank"
+              title="GitHub"
+            />
             <button
               i-ri-sun-line
               dark:i-ri-moon-line