1 files changed, 22 insertions, 14 deletions
diff --git a/src/tools/chronometer/chronometer.vue b/src/tools/chronometer/chronometer.vue
index bcd01a2..30a533e 100644
--- a/src/tools/chronometer/chronometer.vue
+++ b/src/tools/chronometer/chronometer.vue
@@ -1,17 +1,3 @@
-<template>
-  <div>
-    <c-card>
-      <div class="duration">{{ formatMs(counter) }}</div>
-    </c-card>
-    <div mt-5 flex justify-center gap-3>
-      <c-button v-if="!isRunning" type="primary" @click="resume">Start</c-button>
-      <c-button v-else type="warning" @click="pause">Stop</c-button>
-
-      <c-button @click="counter = 0">Reset</c-button>
-    </div>
-  </div>
-</template>
-
 <script setup lang="ts">
 import { useRafFn } from '@vueuse/core';
 import { ref } from 'vue';
@@ -42,6 +28,28 @@ function pause() {
 }
 </script>
 
+<template>
+  <div>
+    <c-card>
+      <div class="duration">
+        {{ formatMs(counter) }}
+      </div>
+    </c-card>
+    <div mt-5 flex justify-center gap-3>
+      <c-button v-if="!isRunning" type="primary" @click="resume">
+        Start
+      </c-button>
+      <c-button v-else type="warning" @click="pause">
+        Stop
+      </c-button>
+
+      <c-button @click="counter = 0">
+        Reset
+      </c-button>
+    </div>
+  </div>
+</template>
+
 <style lang="less" scoped>
 .duration {
   text-align: center;