diff options
| author |  Corentin Thomasset <corentin.thomasset74@gmail.com>
| 2023-05-28 23:13:24 +0200 |
|---|---|---|
| committer | Corentin THOMASSET <corentin.thomasset74@gmail.com>
| 2023-05-28 23:29:14 +0200 |
| commit | 33c9b6643f58a6930043f460d5bfdca4bc1f7222 (patch) | |
| tree | f313935e30f7b90ea16e564e7171e2e72319ce29 /src/tools/chronometer/chronometer.vue | |
| parent | 4d2b037dbe4e78aa90a4a6d9c7315dcf0a51fed9 (diff) | |
| download | it-tools-33c9b6643f58a6930043f460d5bfdca4bc1f7222.tar.gz it-tools-33c9b6643f58a6930043f460d5bfdca4bc1f7222.tar.zst it-tools-33c9b6643f58a6930043f460d5bfdca4bc1f7222.zip | |
chore(lint): switched to a better lint config
Diffstat (limited to 'src/tools/chronometer/chronometer.vue')
| -rw-r--r-- | src/tools/chronometer/chronometer.vue | 36 |
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; |