From 3ec7fc131a9285247209b7c5e7c8e9eab78d6d2b Mon Sep 17 00:00:00 2001
From: ThrRip <coding@thrrip.space>
Date: Thu, 11 Apr 2024 04:41:11 +0800
Subject: [PATCH] home: Rebrand for the alt account

---
 app.config.ts                             |   4 ++-
 packages/home/app.vue                     |  33 +++++++++-------------
 packages/home/assets/img/profile-pic.avif | Bin 566 -> 558 bytes
 packages/home/assets/img/profile-pic.webp | Bin 850 -> 524 bytes
 packages/home/nuxt.config.ts              |   2 +-
 packages/home/plugins/fontawesome.ts      |   2 --
 packages/home/public/site.webmanifest     |   2 +-
 7 files changed, 18 insertions(+), 25 deletions(-)

diff --git a/app.config.ts b/app.config.ts
index a537625..1232087 100644
--- a/app.config.ts
+++ b/app.config.ts
@@ -8,6 +8,9 @@
 
 export default defineAppConfig({
   appHomeBase: 'https://mzg.fan/',
+  appHomeBiliUid: '391500490',
+  appHomeBiliRoomId: '32452928',
+
   appAdminBasePath: '/admin',
 
   backendBase: 'https://api.mzg.fan/v1',
@@ -15,7 +18,6 @@ export default defineAppConfig({
   backendQueryResultsLimit: 1000,
 
   biliApiRoomPlayInfoEndpoint: 'https://api.live.bilibili.com/xlive/web-room/v2/index/getRoomPlayInfo',
-  biliApiRoomPlayInfoEndpointQueries: { room_id: '1267105' },
 
   monitoringDataCollectorUserAgentMatch: /^Zabbix$/
 })
diff --git a/packages/home/app.vue b/packages/home/app.vue
index ed87db5..ff15816 100644
--- a/packages/home/app.vue
+++ b/packages/home/app.vue
@@ -17,10 +17,10 @@
       <section class="flex flex-col max-xl:landscape:gap-y-4 gap-y-14 justify-center items-center portrait:h-dscreen">
         <picture class="aspect-square max-xl:landscape:w-1/3 w-1/2 2xl:max-w-[15rem]">
           <source srcset="~/assets/img/profile-pic.avif" type="image/avif">
-          <img src="~/assets/img/profile-pic.webp" alt="洺知-故犯的头像" class="rounded-[15%]">
+          <img src="~/assets/img/profile-pic.webp" alt="一口菠萝包片夹小洺的头像" class="rounded-[15%]">
         </picture>
         <h1 class="max-xl:landscape:text-4xl portrait:text-6xl text-7xl font-light text-white-alt">
-          洺知-故犯
+          小洺
         </h1>
         <div
           class="flex flex-col max-xl:landscape:gap-y-1 gap-y-4
@@ -30,7 +30,7 @@
           *:transition active:*:scale-95"
         >
           <NuxtLink
-            to="https://space.bilibili.com/32159860"
+            :to="`https://space.bilibili.com/${useAppConfig().appHomeBiliUid}`"
             target="_blank"
             class="*:flex *:flex-row *:justify-center *:items-center *:size-8"
           >
@@ -39,7 +39,7 @@
             <span><font-awesome-icon :icon="['fas', 'arrow-up-right-from-square']" /></span>
           </NuxtLink>
           <NuxtLink
-            to="https://live.bilibili.com/1267105"
+            :to="`https://live.bilibili.com/${useAppConfig().appHomeBiliRoomId}`"
             target="_blank"
             class="*:flex *:justify-center *:items-center *:size-8"
           >
@@ -55,15 +55,6 @@
             直播间
             <span><font-awesome-icon :icon="['fas', 'arrow-up-right-from-square']" /></span>
           </NuxtLink>
-          <NuxtLink
-            to="https://space.bilibili.com/391500490"
-            target="_blank"
-            class="*:flex *:flex-row *:justify-center *:items-center *:size-8"
-          >
-            <span><font-awesome-icon :icon="['fas', 'video']" /></span>
-            录播组
-            <span><font-awesome-icon :icon="['fas', 'arrow-up-right-from-square']" /></span>
-          </NuxtLink>
           <button
             class="landscape:hidden *:flex *:flex-row *:justify-center *:items-center *:size-8"
             @click="scrollToPlaylist"
@@ -272,15 +263,17 @@
 import { Client, Databases, Query } from 'appwrite'
 
 // Live status
-const { data: biliApiRoomPlayInfo } = await useFetch<{
-  data: {
-    live_status: 0 | 1
-  }
-}>(
+const { data: biliApiLiveStatus } = await useFetch(
   useAppConfig().biliApiRoomPlayInfoEndpoint,
-  { query: useAppConfig().biliApiRoomPlayInfoEndpointQueries }
+  {
+    query: { room_id: useAppConfig().appHomeBiliRoomId },
+    transform: (res: {
+      data: {
+        live_status: 0 | 1
+      }
+    }): boolean => (Boolean(res.data.live_status))
+  }
 )
-const biliApiLiveStatus = ref<0 | 1 | undefined>(biliApiRoomPlayInfo.value?.data.live_status)
 
 // Backend
 const backendClient = new Client()
diff --git a/packages/home/assets/img/profile-pic.avif b/packages/home/assets/img/profile-pic.avif
index 1daa65a8c118e359af2ef90bfcb412ec2133bfb2..19b54724d84cca8b380940fe7561dff6e8e409e8 100644
GIT binary patch
delta 205
zcmdnSvW{g!g|Hz5BLfgHzJ<_0rsKr!6miEIkf=yzaX~7G0aWk+geS8x`inc}fCMn*
zau~hKt8!BkON1D>*dvmx|9-P-Fj5g>;InYpCdo0~@hA&_&c?SI8K%X1*YmjPL^B?g
zoq0X1u`Q+nsDTTt!Gy&`y2Z#)h=IA!;vvJ9+f`-hXD4?~Zk1m8Ogl?@rP6!jgnA|(
Xq0Yw>y>A?CuAC;7%PqUbc})WVVi!Hm

delta 213
zcmZ3-vW;azg|G<&BLfgHet^(GrrX5s6mgdtkf=yzaX~7G!N9=O0K${m82!avazFx@
zayg9N^-Z}ci6ue|T<no*=|BJXEih6SV&JoI`0_zKgyTx*r@r1z8^2#={OA31_tNX?
zYif>U{<LK_ez~z^4NwmkSWhn_FWW;SGa&}%K8uG8UrxTc&%zs8D3;ZA#Dv|iKmNiy
i>kaSzc2|XIf4=Mz;VHQ9&w&@s`F+Pytm{7>R{#J)LP~A`

diff --git a/packages/home/assets/img/profile-pic.webp b/packages/home/assets/img/profile-pic.webp
index 14024f99155ef2d71715ceb69a2f6190f78bf1d0..0cb7541a2ff8282c7add5d54e549d770d66c650e 100644
GIT binary patch
delta 105
zcmcb_*25AM<mu+d!o<K3?&=f}7GM#<#lXNI0L1qhLCDc3z(WeiV`LW)6ci9r`6r*R
zy6C^;|DWgU|9zhS|IdB~pdN)Ij0_ADj2Y%KYCT|lz_>ALCL`ys0}TKE-{V+4WwIf&
F1OV|^B3S?c

delta 157
zcmeBSxx^L~<mu+-#mvAE?&=f}7GM#<#lXNI0L1l7Amr#1;GqcQF|rE?3JOe6`TO7B
z?Th_m`~N@B*Z=!G|No!oAm)Ej1_q#B1ty?50g()I8MPXi8kjZ)&19S$z&IO-CmXI|
RVEFg{9><E;4M5X~0RT}-D3JgF

diff --git a/packages/home/nuxt.config.ts b/packages/home/nuxt.config.ts
index 0eba7a2..d5145f3 100644
--- a/packages/home/nuxt.config.ts
+++ b/packages/home/nuxt.config.ts
@@ -15,7 +15,7 @@ export default defineNuxtConfig({
         lang: 'zh',
         class: 'bg-white-alt'
       },
-      title: '洺知-故犯',
+      title: '一口菠萝包片夹小洺',
       meta: [
         { name: 'description', content: '' },
         { name: 'format-detection', content: 'telephone=no' },
diff --git a/packages/home/plugins/fontawesome.ts b/packages/home/plugins/fontawesome.ts
index 28aa74c..f5a8448 100644
--- a/packages/home/plugins/fontawesome.ts
+++ b/packages/home/plugins/fontawesome.ts
@@ -11,7 +11,6 @@ import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
 
 import {
   faPodcast,
-  faVideo,
   faList,
   faArrowUpRightFromSquare,
   faArrowDown,
@@ -30,7 +29,6 @@ config.autoAddCss = false
 
 library.add(
   faPodcast,
-  faVideo,
   faList,
   faArrowUpRightFromSquare,
   faArrowDown,
diff --git a/packages/home/public/site.webmanifest b/packages/home/public/site.webmanifest
index 5872fd5..061806e 100644
--- a/packages/home/public/site.webmanifest
+++ b/packages/home/public/site.webmanifest
@@ -1 +1 @@
-{"name":"洺知-故犯","short_name":"洺知-故犯","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#89c1cf","background_color":"#89c1cf","display":"standalone"}
+{"name":"一口菠萝包片夹小洺","short_name":"小洺","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#89c1cf","background_color":"#89c1cf","display":"standalone"}