diff options
| author | Terry Truong <terry06890@gmail.com> | 2022-06-27 04:40:27 +1000 |
|---|---|---|
| committer | Terry Truong <terry06890@gmail.com> | 2022-06-27 04:40:27 +1000 |
| commit | 9038bfe5c381baf4b387270a29a8ccd5b58435a8 (patch) | |
| tree | 760b9cb8662531c79f56ab0213033481eead5e04 /src/components/IconButton.vue | |
| parent | aa1991239a1255855791f4c5aad9ffcb6b21a2d6 (diff) | |
In .vue files, move <template> sections to top
Diffstat (limited to 'src/components/IconButton.vue')
| -rw-r--r-- | src/components/IconButton.vue | 16 |
1 files changed, 8 insertions, 8 deletions
diff --git a/src/components/IconButton.vue b/src/components/IconButton.vue index 71dddc3..0a32095 100644 --- a/src/components/IconButton.vue +++ b/src/components/IconButton.vue @@ -1,3 +1,11 @@ +<template> +<div class="p-2 rounded-full hover:cursor-pointer" + :class="{'hover:brightness-125': !disabled, 'brightness-75': disabled}" + :style="{width: size + 'px', height: size + 'px', padding: (size / 5) + 'px'}"> + <slot class="w-full h-full">?</slot> +</div> +</template> + <script lang="ts"> import {defineComponent, PropType} from 'vue'; @@ -8,11 +16,3 @@ export default defineComponent({ }, }); </script> - -<template> -<div class="p-2 rounded-full hover:cursor-pointer" - :class="{'hover:brightness-125': !disabled, 'brightness-75': disabled}" - :style="{width: size + 'px', height: size + 'px', padding: (size / 5) + 'px'}"> - <slot class="w-full h-full">?</slot> -</div> -</template> |