aboutsummaryrefslogtreecommitdiff
path: root/src/components/SButton.vue
diff options
context:
space:
mode:
authorTerry Truong <terry06890@gmail.com>2022-06-27 04:40:27 +1000
committerTerry Truong <terry06890@gmail.com>2022-06-27 04:40:27 +1000
commit9038bfe5c381baf4b387270a29a8ccd5b58435a8 (patch)
tree760b9cb8662531c79f56ab0213033481eead5e04 /src/components/SButton.vue
parentaa1991239a1255855791f4c5aad9ffcb6b21a2d6 (diff)
In .vue files, move <template> sections to top
Diffstat (limited to 'src/components/SButton.vue')
-rw-r--r--src/components/SButton.vue16
1 files changed, 8 insertions, 8 deletions
diff --git a/src/components/SButton.vue b/src/components/SButton.vue
index 4bb827d..a480c37 100644
--- a/src/components/SButton.vue
+++ b/src/components/SButton.vue
@@ -1,3 +1,11 @@
+<template>
+<button :disabled="disabled"
+ class="block rounded px-4 py-2"
+ :class="{'hover:brightness-125': !disabled, 'brightness-75': disabled}">
+ <slot>?</slot>
+</button>
+</template>
+
<script lang="ts">
import {defineComponent, PropType} from 'vue';
@@ -7,11 +15,3 @@ export default defineComponent({
},
});
</script>
-
-<template>
-<button :disabled="disabled"
- class="block rounded px-4 py-2"
- :class="{'hover:brightness-125': !disabled, 'brightness-75': disabled}">
- <slot>?</slot>
-</button>
-</template>