chore: rearrange <script setup> in vue files

bimdata · Dec 26, 2024 · 26e55a4 · 26e55a4
1 parent c297612
commit 26e55a4
Showing 1 changed file with 16 additions and 16 deletions.
diff --git a/src/BIMDataComponents/BIMDataInfobox/BIMDataInfobox.vue b/src/BIMDataComponents/BIMDataInfobox/BIMDataInfobox.vue
@@ -1,3 +1,19 @@
+<template>
+  <div class="bimdata-infobox">
+    <div class="bimdata-infobox__stripe"
+      :style="{ backgroundColor: `var(--color-${color})` }"
+    >
+      <!-- left stripe -->
+    </div>
+    <div class="bimdata-infobox__icon">
+      <BIMDataIcon :name="icon" :customSize="18" :color="color" fill />
+    </div>
+    <div class="bimdata-infobox__text">
+      <slot>{{ text }}</slot>
+    </div>
+  </div>
+</template>
+
 <script setup>
 defineProps({
   text: {
@@ -25,22 +41,6 @@ defineProps({
 });
 </script>
 
-<template>
-  <div class="bimdata-infobox">
-    <div class="bimdata-infobox__stripe"
-      :style="{ backgroundColor: `var(--color-${color})` }"
-    >
-      <!-- left stripe -->
-    </div>
-    <div class="bimdata-infobox__icon">
-      <BIMDataIcon :name="icon" :customSize="18" :color="color" fill />
-    </div>
-    <div class="bimdata-infobox__text">
-      <slot>{{ text }}</slot>
-    </div>
-  </div>
-</template>
-
 <style scoped>
 .bimdata-infobox {
   position: relative;