Use accessible indentation (#2253)

1 files changed, 24 insertions, 24 deletions

diff --git a/examples/framework-vue/src/components/Counter.vue b/examples/framework-vue/src/components/Counter.vue
index 155717ea4..d5d5215f7 100644
--- a/examples/framework-vue/src/components/Counter.vue
+++ b/examples/framework-vue/src/components/Counter.vue
@@ -1,40 +1,40 @@
 <template>
-  <div class="counter">
-    <button @click="subtract()">-</button>
-    <pre>{{ count }}</pre>
-    <button @click="add()">+</button>
-  </div>
-  <div class="counter-message">
-    <slot />
-  </div>
+	<div class="counter">
+		<button @click="subtract()">-</button>
+		<pre>{{ count }}</pre>
+		<button @click="add()">+</button>
+	</div>
+	<div class="counter-message">
+		<slot />
+	</div>
 </template>
 
 <script>
 import { ref } from 'vue';
 export default {
-  setup() {
-    const count = ref(0);
-    const add = () => (count.value = count.value + 1);
-    const subtract = () => (count.value = count.value - 1);
+	setup() {
+		const count = ref(0);
+		const add = () => (count.value = count.value + 1);
+		const subtract = () => (count.value = count.value - 1);
 
-    return {
-      count,
-      add,
-      subtract,
-    };
-  },
+		return {
+			count,
+			add,
+			subtract,
+		};
+	},
 };
 </script>
 
 <style>
 .counter {
-  display: grid;
-  font-size: 2em;
-  grid-template-columns: repeat(3, minmax(0, 1fr));
-  margin-top: 2em;
-  place-items: center;
+	display: grid;
+	font-size: 2em;
+	grid-template-columns: repeat(3, minmax(0, 1fr));
+	margin-top: 2em;
+	place-items: center;
 }
 .counter-message {
-  text-align: center;
+	text-align: center;
 }
 </style>