From 531313e9207fea79c009b58c981d95ee3bb80319 Mon Sep 17 00:00:00 2001
From: Eduardo San Martin Morote <posva13@gmail.com>
Date: Tue, 13 Feb 2024 16:51:15 +0100
Subject: [PATCH] docs: reorder

---
 .../theme/components/HomeSponsorsGroup.vue    | 49 ++++++++++---------
 1 file changed, 25 insertions(+), 24 deletions(-)

diff --git a/packages/docs/.vitepress/theme/components/HomeSponsorsGroup.vue b/packages/docs/.vitepress/theme/components/HomeSponsorsGroup.vue
index 3ec29135..95b4aabc 100644
--- a/packages/docs/.vitepress/theme/components/HomeSponsorsGroup.vue
+++ b/packages/docs/.vitepress/theme/components/HomeSponsorsGroup.vue
@@ -1,3 +1,28 @@
+<script setup lang="ts">
+import sponsors from './sponsors.json'
+import { computed } from 'vue'
+import { useData } from 'vitepress'
+
+const props = withDefaults(
+  defineProps<{
+    name: 'Gold' | 'Platinum' | 'Silver' | 'Bronze'
+    size?: number | string
+  }>(),
+  {
+    size: 140,
+  }
+)
+
+const { isDark } = useData()
+
+const list = computed(() =>
+  sponsors[props.name.toLowerCase()].map(sponsor => ({
+    ...sponsor,
+    imgSrc: isDark.value ? sponsor.imgSrcDark : sponsor.imgSrcLight,
+  }))
+)
+</script>
+
 <template>
   <h3>{{ name }} Sponsors</h3>
 
@@ -28,30 +53,6 @@
   </p>
 </template>
 
-<script setup lang="ts">
-import sponsors from './sponsors.json'
-import { computed } from 'vue'
-import { useData } from 'vitepress'
-
-interface Props {
-  name: 'Gold' | 'Platinum' | 'Silver' | 'Bronze'
-  size?: number | string
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  size: 140,
-})
-
-const { isDark } = useData()
-
-const list = computed(() =>
-  sponsors[props.name.toLowerCase()].map((sponsor) => ({
-    ...sponsor,
-    imgSrc: isDark.value ? sponsor.imgSrcDark : sponsor.imgSrcLight,
-  }))
-)
-</script>
-
 <style scoped>
 .sponsor_wrapper {
   padding: 5px;
-- 
2.47.2