From 9038bfe5c381baf4b387270a29a8ccd5b58435a8 Mon Sep 17 00:00:00 2001
From: Terry Truong <terry06890@gmail.com>
Date: Mon, 27 Jun 2022 04:40:27 +1000
Subject: In .vue files, move <template> sections to top

---
 src/components/IconButton.vue | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

(limited to 'src/components/IconButton.vue')

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>
-- 
cgit v1.2.3

