feat: sponsors amount

src/views/Sponsors.vue

@@ -5,12 +5,25 @@ import { toast } from 'vuetify-sonner';
 
 type Sponsor = {
   name: string;
-  detail: string;
+  detail?: string;
   avatar: string;
   amount: number;
-  message: string;
+  unit: string;
+  message?: string;
 };
 
+const unitDisplay: Record<string, string> = {
+  CNY: '¥',
+  USD: '$',
+  EUR: '€',
+  JPY: 'JP¥',
+  KRW: '₩',
+  GBP: '£',
+  CAD: 'C$',
+  AUD: 'A$',
+  HKD: 'HK$',
+}
+
 const sponsors: Ref<Sponsor[]> = ref([]);
 doFetchGet('/api/sponsors')
   .then((res) => {
@@ -52,12 +65,13 @@ doFetchGet('/api/sponsors')
       v-for="sponsor in sponsors"
       :key="sponsor.name"
     >
+      <!--suppress VueUnrecognizedDirective -->
       <v-list-item :key="sponsor.name" v-ripple>
         <v-list-item-title class="text-h6">{{
           sponsor.name
         }}</v-list-item-title>
         <v-list-item-subtitle>{{
-          sponsor.detail || '¥' + sponsor.amount
+          sponsor.detail || unitDisplay[sponsor.unit] + sponsor.amount
         }}</v-list-item-subtitle>
         <v-list-item-action>
           <v-img :src="sponsor.avatar" />