From 9dd5975179b292eacd423c730f4a9232c10c8a93 Mon Sep 17 00:00:00 2001
From: Samson Akol <akolson2010@gmail.com>
Date: Wed, 5 Oct 2022 17:52:57 +0300
Subject: [PATCH] Updates indentation

---
 docs/pages/kresponsivewindow.vue | 86 ++++++++++++++++----------------
 1 file changed, 43 insertions(+), 43 deletions(-)

diff --git a/docs/pages/kresponsivewindow.vue b/docs/pages/kresponsivewindow.vue
index 94b08807a..4ae21fcd9 100644
--- a/docs/pages/kresponsivewindow.vue
+++ b/docs/pages/kresponsivewindow.vue
@@ -81,26 +81,26 @@
         Consider a Vue file with this in its template and script:
       </p>
       <!-- eslint-disable -->
-        <!-- prevent prettier from changing indentation -->
-        <DocsShowCode language="html">
-          <div class="box" :style="boxStyle">
-            Box 1
-          </div>
-          <div class="box" :style="boxStyle">
-            Box 2
-          </div>
-        </DocsShowCode>
-        <DocsShowCode language="javascript">
-          computed: {
-            boxStyle() {
-              if (this.windowIsLarge) {
-                return { display: 'inline-block' };
-              }
-              return { display: 'block' };
-            },
+      <!-- prevent prettier from changing indentation -->
+      <DocsShowCode language="html">
+        <div class="box" :style="boxStyle">
+          Box 1
+        </div>
+        <div class="box" :style="boxStyle">
+          Box 2
+        </div>
+      </DocsShowCode>
+      <DocsShowCode language="javascript">
+        computed: {
+          boxStyle() {
+            if (this.windowIsLarge) {
+              return { display: 'inline-block' };
+            }
+            return { display: 'block' };
           },
-        </DocsShowCode>
-        <!-- eslint-enable -->
+        },
+      </DocsShowCode>
+      <!-- eslint-enable -->
       <p>
         This results in two boxes that stack vertically on small screens and otherwise display side-by-side:
       </p>
@@ -126,30 +126,30 @@
         Consider a Vue file with this in its template and script:
       </p>
       <!-- eslint-disable -->
-        <!-- prevent prettier from changing indentation -->
-        <DocsShowCode language="html">
-          <div class="box" :style="boxStyle">
-            Box 1
-          </div>
-          <div class="box" :style="boxStyle">
-            Box 2
-          </div>
-        </DocsShowCode>
-        <DocsShowCode language="javascript">
-          setup() {
-            ...
-
-            const boxStyle = computed(function () {
-              return { display: windowIsLarge.value ? 'inline-block' : 'block' };
-            });
-
-            return { 
-              ..., 
-              boxStyle,
-            };
-          }
-        </DocsShowCode>
-        <!-- eslint-enable -->
+      <!-- prevent prettier from changing indentation -->
+      <DocsShowCode language="html">
+        <div class="box" :style="boxStyle">
+          Box 1
+        </div>
+        <div class="box" :style="boxStyle">
+          Box 2
+        </div>
+      </DocsShowCode>
+      <DocsShowCode language="javascript">
+        setup() {
+          ...
+
+          const boxStyle = computed(function () {
+            return { display: windowIsLarge.value ? 'inline-block' : 'block' };
+          });
+
+          return { 
+            ..., 
+            boxStyle,
+          };
+        }
+      </DocsShowCode>
+      <!-- eslint-enable -->
       <p>
         This results in two boxes that stack vertically on small screens and otherwise display side-by-side:
       </p>