From 8b7f883588a4f516c267b58c4bb9ce36becdcd56 Mon Sep 17 00:00:00 2001
From: shoucandanghehe <wallfjjd@gmail.com>
Date: Fri, 2 Aug 2024 17:51:39 +0800
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20=E5=AE=8C=E6=88=90=E9=80=82?=
 =?UTF-8?q?=E9=85=8D=20=E5=A4=A7=E6=A6=82=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/schemas/rank.ts                           |   9 +-
 src/v1/components/info/chart/tr-chart.vue     | 188 +++++-----
 src/v1/components/tests/tetrio_info.vue       | 339 ++++++++----------
 src/v1/components/tests/tetrio_rank.vue       |  88 ++---
 src/v1/pages/binding.vue                      |   3 +-
 src/v1/pages/tetrio/info.vue                  | 102 +++---
 src/v1/pages/tetrio/rank.vue                  | 193 +++++-----
 src/v1/pages/top/info.vue                     |  21 +-
 src/v1/pages/tos/info.vue                     |  62 ++--
 src/v2/components/tests/tetrio_rank.vue       | 122 +++----
 .../components/tests/tetrio_rank_detail.vue   |  36 +-
 src/v2/components/tests/tetrio_record_40l.vue | 129 ++++---
 .../components/tests/tetrio_record_blitz.vue  | 136 +++----
 src/v2/pages/tetrio/rank/_info.vue            |  20 +-
 src/v2/pages/tetrio/rank/detail/index.vue     | 155 ++++----
 src/v2/pages/tetrio/rank/index.vue            |  86 ++---
 src/v2/pages/tetrio/record/40l/_result.vue    |  23 +-
 src/v2/pages/tetrio/record/40l/index.vue      | 170 ++++-----
 src/v2/pages/tetrio/record/blitz/_result.vue  |  25 +-
 src/v2/pages/tetrio/record/blitz/index.vue    | 172 ++++-----
 src/v2/pages/tetrio/record/schemas/data.ts    |  20 ++
 .../pages/tetrio/record/schemas/statistic.ts  |  45 +++
 src/v2/pages/tetrio/record/schemas/type.ts    |   7 +
 src/v2/pages/tetrio/tetra_league/index.vue    | 117 +++---
 src/v2/pages/tetrio/user/info/_40l.vue        |  17 +-
 src/v2/pages/tetrio/user/info/_blitz.vue      |  19 +-
 src/v2/pages/tetrio/user/info/_detail.vue     |  38 +-
 .../user/info/_tetra-league-history-chart.vue |  52 +--
 src/v2/pages/tetrio/user/info/index.vue       | 327 ++++++++++-------
 src/v2/pages/tetrio/user/list/index.vue       | 133 ++++---
 src/v2/types/data.d.ts                        |   8 +-
 src/v2/types/tetrio.d.ts                      | 218 ++++++-----
 src/v2/types/utils.d.ts                       |   1 -
 33 files changed, 1581 insertions(+), 1500 deletions(-)
 create mode 100644 src/v2/pages/tetrio/record/schemas/data.ts
 create mode 100644 src/v2/pages/tetrio/record/schemas/statistic.ts
 create mode 100644 src/v2/pages/tetrio/record/schemas/type.ts
 delete mode 100644 src/v2/types/utils.d.ts

diff --git a/src/schemas/rank.ts b/src/schemas/rank.ts
index 7ff4c5e..bc6f77a 100644
--- a/src/schemas/rank.ts
+++ b/src/schemas/rank.ts
@@ -1,6 +1,6 @@
 import { z } from "zod";
 
-const Rank = z.union([
+const ValidRank = z.union([
 	z.literal("x"),
 	z.literal("u"),
 	z.literal("ss"),
@@ -18,7 +18,12 @@ const Rank = z.union([
 	z.literal("c-"),
 	z.literal("d+"),
 	z.literal("d"),
-	z.literal("z"),
 ]);
 
+const Rank = z.union([ValidRank, z.literal("z")]);
+
+type ValidRank = z.infer<typeof ValidRank>;
+type Rank = z.infer<typeof Rank>;
+
 export default Rank;
+export { Rank, ValidRank };
diff --git a/src/v1/components/info/chart/tr-chart.vue b/src/v1/components/info/chart/tr-chart.vue
index 02e022e..5dee128 100644
--- a/src/v1/components/info/chart/tr-chart.vue
+++ b/src/v1/components/info/chart/tr-chart.vue
@@ -1,163 +1,157 @@
 <script lang="ts" setup>
-import point from '@/v1/assets/images/chart/point.svg?url'
-import Chart from '@/v1/components/info/chart/_base.vue'
-import type { TetraLeagueHistoryRecord } from '@/v1/types'
+import point from "@/v1/assets/images/chart/point.svg?url";
+import Chart from "@/v1/components/info/chart/_base.vue";
+import type { TetraLeagueHistoryRecord } from "@/v1/types";
 
-import type { LineSeriesOption } from 'echarts/charts'
-import { LineChart } from 'echarts/charts'
-import type { GridComponentOption, MarkLineComponentOption } from 'echarts/components'
-import { GridComponent, MarkLineComponent } from 'echarts/components'
-import type { ComposeOption } from 'echarts/core'
-import { use } from 'echarts/core'
+import type { LineSeriesOption } from "echarts/charts";
+import { LineChart } from "echarts/charts";
+import type { GridComponentOption, MarkLineComponentOption } from "echarts/components";
+import { GridComponent, MarkLineComponent } from "echarts/components";
+import type { ComposeOption } from "echarts/core";
+import { use } from "echarts/core";
 
-use([GridComponent, MarkLineComponent, LineChart])
+use([GridComponent, MarkLineComponent, LineChart]);
 
 const props = defineProps<{
-	readonly data: TetraLeagueHistoryRecord[]
-	readonly split_interval: number
-	readonly min_tr: number
-	readonly max_tr: number
-	readonly offset: number
-}>()
+	readonly data: TetraLeagueHistoryRecord[];
+	readonly split_interval: number;
+	readonly min_tr: number;
+	readonly max_tr: number;
+	readonly offset: number;
+}>();
 
-type ChartOption = ComposeOption<GridComponentOption | MarkLineComponentOption | LineSeriesOption>
+type ChartOption = ComposeOption<GridComponentOption | MarkLineComponentOption | LineSeriesOption>;
 
 const option = computed<ChartOption>(() => {
-	const interval = 3600 * 24 * 1000
+	const interval = 3600 * 24 * 1000;
 
 	return {
 		animation: false,
 		grid: {
-			left: '-5%',
-			bottom: '17%',
-			width: '90%',
-			height: '70%'
+			left: "-5%",
+			bottom: "17%",
+			width: "90%",
+			height: "70%",
 		},
 		xAxis: {
-			type: 'time',
+			type: "time",
 			minInterval: interval,
 			maxInterval: interval,
 			axisTick: {
-				show: false
+				show: false,
 			},
 			axisLine: {
-				show: false
+				show: false,
 			},
 			axisLabel: {
 				formatter: (value, index) => {
-					const date = new Date(value)
+					const date = new Date(value);
 
 					if (index === 0 || index % 2 !== 0) {
-						return ''
+						return "";
 					}
 
 					const month = Number(date.getMonth() + 1)
 						.toString()
-						.padStart(2, '0')
+						.padStart(2, "0");
 
-					const day = date.getDate()
-						.toString()
-						.padStart(2, '0')
+					const day = date.getDate().toString().padStart(2, "0");
 
 					if (index === 10) {
-						return `{last_month|${month}}\n{last_day|${day}}`
+						return `{last_month|${month}}\n{last_day|${day}}`;
 					}
 
-					return `{month|${month}}\n{day|${day}}`
+					return `{month|${month}}\n{day|${day}}`;
 				},
 				rich: {
 					month: {
-						fontFamily: 'CabinetGrotesk-Variable',
+						fontFamily: "CabinetGrotesk-Variable",
 						fontSize: 13,
 						fontWeight: 400,
-						color: '#ffffff99'
+						color: "#ffffff99",
 					},
 					day: {
-						fontFamily: 'CabinetGrotesk-Variable',
+						fontFamily: "CabinetGrotesk-Variable",
 						fontSize: 20,
 						fontWeight: 800,
-						color: '#ffffff99'
+						color: "#ffffff99",
 					},
 					last_month: {
-						fontFamily: 'CabinetGrotesk-Variable',
+						fontFamily: "CabinetGrotesk-Variable",
 						fontSize: 13,
 						fontWeight: 400,
-						color: '#373533',
-						backgroundColor: '#fafafa',
+						color: "#373533",
+						backgroundColor: "#fafafa",
 						borderRadius: 6,
 						padding: [-10, 0, 10, 0],
 						width: 36,
 						height: 37,
-						lineHeight: 32
+						lineHeight: 32,
 					},
 					last_day: {
-						fontFamily: 'CabinetGrotesk-Variable',
+						fontFamily: "CabinetGrotesk-Variable",
 						fontSize: 20,
 						fontWeight: 800,
-						color: '#373533',
+						color: "#373533",
 						padding: [-18, 0, 0, 0],
-						lineHeight: 0
-					}
-				}
+						lineHeight: 0,
+					},
+				},
 			},
-			zlevel: 1
+			zlevel: 1,
 		},
 		yAxis: {
-			type: 'value',
+			type: "value",
 			interval: props.split_interval,
-			position: 'right',
+			position: "right",
 			splitLine: {
-				show: false
+				show: false,
 			},
 			axisLine: {
-				show: false
+				show: false,
 			},
 			axisLabel: {
-				align: 'right',
+				align: "right",
 				formatter: (value) => {
-					const tr = value.toString()
-						.replace(/\B(?<!\.\d*)(?=(\d{3})+(?!\d))/g, ',')
+					const tr = value.toString().replace(/\B(?<!\.\d*)(?=(\d{3})+(?!\d))/g, ",");
 
-					return `{value|${tr}}`
+					return `{value|${tr}}`;
 				},
 				rich: {
 					value: {
-						fontFamily: 'CabinetGrotesk-Variable',
+						fontFamily: "CabinetGrotesk-Variable",
 						fontSize: 15,
 						fontWeight: 500,
-						color: '#ffffff99'
-					}
-				}
+						color: "#ffffff99",
+					},
+				},
 			},
 			offset: 70,
 			max: props.max_tr + props.offset,
-			min: props.min_tr - props.offset
+			min: props.min_tr - props.offset,
 		},
 		series: [
 			{
-				data: props.data.map(data => {
-					return [
-						new Date(data.record_at),
-						Number(data.tr)
-					]
+				data: props.data.map((data) => {
+					return [data.record_at, Number(data.tr)];
 				}),
-				type: 'line',
+				type: "line",
 				smooth: true,
 				symbol: (_, series) => {
 					if (series.dataIndex === props.data.length - 1) {
-						return `image://${point}`
+						return `image://${point}`;
 					}
 
-					return 'none'
+					return "none";
 				},
 				symbolSize: 75,
 				symbolOffset: [0.79, 0],
 				lineStyle: {
-					color: '#fafafa99'
+					color: "#fafafa99",
 				},
 				areaStyle: {
 					color: {
-						type: 'linear',
+						type: "linear",
 						x: 0,
 						y: 0,
 						x2: 0,
@@ -165,58 +159,56 @@ const option = computed<ChartOption>(() => {
 						colorStops: [
 							{
 								offset: 0,
-								color: '#fafafa4d'
+								color: "#fafafa4d",
 							},
 							{
 								offset: 1,
-								color: '#fafafa00'
-							}
+								color: "#fafafa00",
+							},
 						],
-						global: false
-					}
+						global: false,
+					},
 				},
 				markLine: {
 					data: [
 						[
 							{
-								xAxis: 'max',
-								yAxis: props.data[props.data.length - 1]['tr']
+								xAxis: "max",
+								yAxis: props.data[props.data.length - 1]["tr"],
 							},
 							{
-								xAxis: 'max',
-								y: '300'
-							}
-						]
+								xAxis: "max",
+								y: "300",
+							},
+						],
 					],
 					label: {
-						show: false
+						show: false,
 					},
 					lineStyle: {
-						color: '#fafafa',
+						color: "#fafafa",
 						width: 3,
-						type: 'dashed',
-						cap: 'round'
+						type: "dashed",
+						cap: "round",
 					},
-					symbol: 'none',
-					animation: false
+					symbol: "none",
+					animation: false,
 				},
-				z: 5
-			}
-		]
-	}
-})
+				z: 5,
+			},
+		],
+	};
+});
 </script>
 
 <template>
 	<div class="relative w-143.75 h-68.75 bg-[linear-gradient(222.34deg,#525252_11.97%,#1d1916_89.73%)]">
-		<chart :option="option"/>
+		<chart :option="option" />
 
-		<div class="absolute left-6 top-4.75 text-6.25 fw-extrabold text-[#fafafa]">
-			Tetra Rating (TR)
-		</div>
+		<div class="absolute left-6 top-4.75 text-6.25 fw-extrabold text-[#fafafa]">Tetra Rating (TR)</div>
 
 		<div class="absolute left-6 top-22.5">
-			<slot/>
+			<slot />
 		</div>
 	</div>
-</template>
\ No newline at end of file
+</template>
diff --git a/src/v1/components/tests/tetrio_info.vue b/src/v1/components/tests/tetrio_info.vue
index feb3856..36055da 100644
--- a/src/v1/components/tests/tetrio_info.vue
+++ b/src/v1/components/tests/tetrio_info.vue
@@ -1,217 +1,184 @@
 <script lang="ts" setup>
-import type { Data } from '@/v1/pages/tetrio/info.vue'
-import { resetTime } from '@/v1/utils/date'
-import prompt from '@/v1/utils/prompt'
-import { setHours, setMinutes, setSeconds, subDays } from 'date-fns'
-import { map, pipe, sortBy } from 'remeda'
+import type { Data } from "@/v1/pages/tetrio/info.vue";
+import { resetTime } from "@/v1/utils/date";
+import prompt from "@/v1/utils/prompt";
+import { setHours, setMinutes, setSeconds, subDays } from "date-fns";
+import { map, pipe, sortBy } from "remeda";
 
-const path = 'v1/tetrio/info'
+const path = "v1/tetrio/info";
 
 const test = () => {
-	const apm = Number(
-		prompt('用户 apm', '85.31')
-	)
+	const apm = Number(prompt("用户 apm", "85.31"));
 
-	const pps = Number(
-		prompt('用户 pps', '2.24')
-	)
+	const pps = Number(prompt("用户 pps", "2.24"));
 
-	const vs = Number(
-		prompt('用户 vs', '175.93')
-	)
+	const vs = Number(prompt("用户 vs", "175.93"));
 
-	const tr = Number(
-		prompt('用户 tr', '24295.88')
-	)
+	const tr = Number(prompt("用户 tr", "24295.88"));
 
-	const tr_chart_day_data_count = Number(
-		prompt('TR 图每日数据量', '3')
-	)
+	const tr_chart_day_data_count = Number(prompt("TR 图每日数据量", "3"));
 
-	const tr_chart_offset_range = Number(
-		prompt('TR 图的数据偏移范围', '100')
-	)
+	const tr_chart_offset_range = Number(prompt("TR 图的数据偏移范围", "100"));
 
 	const random = (min: number, max: number) => {
-		const range = max - min
-		return Math.round(Math.random() * range) + min
-	}
-
-	document.querySelector<HTMLTemplateElement>('template#data')!.innerHTML = JSON.stringify(new class {
-		readonly user = new class {
-			readonly avatar = prompt('用户头像', 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSczMDAnIGhlaWdodD0nMzAwJyBzdHlsZT0nYmFja2dyb3VuZC1jb2xvcjpyZ2JhKDgsMTAsNiwxKTsnPjxnIHN0eWxlPSdmaWxsOnJnYmEoNDMsMTU4LDIwMiwxKTsgc3Ryb2tlOnJnYmEoNDMsMTU4LDIwMiwxKTsgc3Ryb2tlLXdpZHRoOjEuNTsnPjxyZWN0ICB4PScxMjknIHk9Jzg3JyB3aWR0aD0nNDInIGhlaWdodD0nNDInLz48cmVjdCAgeD0nMTI5JyB5PScxMjknIHdpZHRoPSc0MicgaGVpZ2h0PSc0MicvPjxyZWN0ICB4PScxMjknIHk9JzE3MScgd2lkdGg9JzQyJyBoZWlnaHQ9JzQyJy8+PHJlY3QgIHg9JzEyOScgeT0nMjEzJyB3aWR0aD0nNDInIGhlaWdodD0nNDInLz48cmVjdCAgeD0nODcnIHk9JzQ1JyB3aWR0aD0nNDInIGhlaWdodD0nNDInLz48cmVjdCAgeD0nMTcxJyB5PSc0NScgd2lkdGg9JzQyJyBoZWlnaHQ9JzQyJy8+PHJlY3QgIHg9Jzg3JyB5PScxNzEnIHdpZHRoPSc0MicgaGVpZ2h0PSc0MicvPjxyZWN0ICB4PScxNzEnIHk9JzE3MScgd2lkdGg9JzQyJyBoZWlnaHQ9JzQyJy8+PHJlY3QgIHg9Jzg3JyB5PScyMTMnIHdpZHRoPSc0MicgaGVpZ2h0PSc0MicvPjxyZWN0ICB4PScxNzEnIHk9JzIxMycgd2lkdGg9JzQyJyBoZWlnaHQ9JzQyJy8+PHJlY3QgIHg9JzQ1JyB5PScyMTMnIHdpZHRoPSc0MicgaGVpZ2h0PSc0MicvPjxyZWN0ICB4PScyMTMnIHk9JzIxMycgd2lkdGg9JzQyJyBoZWlnaHQ9JzQyJy8+PC9nPjwvc3ZnPg==')
-			readonly name = prompt('用户名', 'techminohaowan')
-			readonly bio = prompt('用户介绍', '')
-		}
-
-		readonly ranking = new class {
-			readonly rating = Number(
-				prompt('用户 rating', '2427.07')
-			)
-
-			readonly rd = Number(
-				prompt('用户 rd', '60.90')
-			)
-		}
-
-		readonly tetra_league = new class {
-			readonly rank = prompt('用户段位 (d, d+, c-, c, c+, b-, b, b+, a-, a, a+, s-, s, s+, ss, u, x)', 'u')
-
-			readonly tr = tr
-
-			readonly global_rank = Number(
-				prompt('用户全国排名', '1112')
-			)
-
-			readonly pps = pps
-			readonly lpm = Number(this.pps * 24)
-
-			readonly apm = apm
-			readonly apl = Number(this.apm / this.lpm)
-
-			readonly vs = vs
-			readonly adpm = Number(this.vs * 0.6)
-			readonly adpl = Number(this.adpm / this.lpm)
-		}
-
-		readonly tetra_league_history = new class {
-			readonly data = pipe(
-				[
-					{
-						record_at: (() => {
-							let date = new Date()
-							date = subDays(date, 10)
-							return +date
-						})(),
-						tr: random(tr - tr_chart_offset_range, tr + tr_chart_offset_range)
-					},
-					...Array.from(
-						new Array(9).keys()
-					).map(index => {
-						return pipe(
-							Array.from(
-								new Array(tr_chart_day_data_count).keys()
-							),
-							map(() => {
-								let date = new Date()
-
-								date = subDays(date, index + 1)
-								date = setHours(date, random(0, 24))
-								date = setMinutes(date, random(0, 60))
-								date = setSeconds(date, random(0, 60))
-
-								return {
-									record_at: +date,
-									tr: random(tr - tr_chart_offset_range, tr + tr_chart_offset_range)
-								}
+		const range = max - min;
+		return Math.round(Math.random() * range) + min;
+	};
+
+	document.querySelector<HTMLTemplateElement>("template#data")!.innerHTML = JSON.stringify(
+		new (class {
+			readonly user = new (class {
+				readonly avatar = prompt(
+					"用户头像",
+					"data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSczMDAnIGhlaWdodD0nMzAwJyBzdHlsZT0nYmFja2dyb3VuZC1jb2xvcjpyZ2JhKDgsMTAsNiwxKTsnPjxnIHN0eWxlPSdmaWxsOnJnYmEoNDMsMTU4LDIwMiwxKTsgc3Ryb2tlOnJnYmEoNDMsMTU4LDIwMiwxKTsgc3Ryb2tlLXdpZHRoOjEuNTsnPjxyZWN0ICB4PScxMjknIHk9Jzg3JyB3aWR0aD0nNDInIGhlaWdodD0nNDInLz48cmVjdCAgeD0nMTI5JyB5PScxMjknIHdpZHRoPSc0MicgaGVpZ2h0PSc0MicvPjxyZWN0ICB4PScxMjknIHk9JzE3MScgd2lkdGg9JzQyJyBoZWlnaHQ9JzQyJy8+PHJlY3QgIHg9JzEyOScgeT0nMjEzJyB3aWR0aD0nNDInIGhlaWdodD0nNDInLz48cmVjdCAgeD0nODcnIHk9JzQ1JyB3aWR0aD0nNDInIGhlaWdodD0nNDInLz48cmVjdCAgeD0nMTcxJyB5PSc0NScgd2lkdGg9JzQyJyBoZWlnaHQ9JzQyJy8+PHJlY3QgIHg9Jzg3JyB5PScxNzEnIHdpZHRoPSc0MicgaGVpZ2h0PSc0MicvPjxyZWN0ICB4PScxNzEnIHk9JzE3MScgd2lkdGg9JzQyJyBoZWlnaHQ9JzQyJy8+PHJlY3QgIHg9Jzg3JyB5PScyMTMnIHdpZHRoPSc0MicgaGVpZ2h0PSc0MicvPjxyZWN0ICB4PScxNzEnIHk9JzIxMycgd2lkdGg9JzQyJyBoZWlnaHQ9JzQyJy8+PHJlY3QgIHg9JzQ1JyB5PScyMTMnIHdpZHRoPSc0MicgaGVpZ2h0PSc0MicvPjxyZWN0ICB4PScyMTMnIHk9JzIxMycgd2lkdGg9JzQyJyBoZWlnaHQ9JzQyJy8+PC9nPjwvc3ZnPg=="
+				);
+				readonly name = prompt("用户名", "techminohaowan");
+				readonly bio = prompt("用户介绍", "");
+			})();
+
+			readonly ranking = new (class {
+				readonly rating = Number(prompt("用户 rating", "2427.07"));
+
+				readonly rd = Number(prompt("用户 rd", "60.90"));
+			})();
+
+			readonly tetra_league = new (class {
+				readonly rank = prompt("用户段位 (d, d+, c-, c, c+, b-, b, b+, a-, a, a+, s-, s, s+, ss, u, x)", "u");
+
+				readonly tr = tr;
+
+				readonly global_rank = Number(prompt("用户全国排名", "1112"));
+
+				readonly pps = pps;
+				readonly lpm = Number(this.pps * 24);
+
+				readonly apm = apm;
+				readonly apl = Number(this.apm / this.lpm);
+
+				readonly vs = vs;
+				readonly adpm = Number(this.vs * 0.6);
+				readonly adpl = Number(this.adpm / this.lpm);
+			})();
+
+			readonly tetra_league_history = new (class {
+				readonly data = pipe(
+					[
+						{
+							record_at: (() => {
+								let date = new Date();
+								date = subDays(date, 10);
+								return date;
+							})(),
+							tr: random(tr - tr_chart_offset_range, tr + tr_chart_offset_range),
+						},
+						...Array.from(new Array(9).keys())
+							.map((index) => {
+								return pipe(
+									Array.from(new Array(tr_chart_day_data_count).keys()),
+									map(() => {
+										let date = new Date();
+
+										date = subDays(date, index + 1);
+										date = setHours(date, random(0, 24));
+										date = setMinutes(date, random(0, 60));
+										date = setSeconds(date, random(0, 60));
+
+										return {
+											record_at: date,
+											tr: random(tr - tr_chart_offset_range, tr + tr_chart_offset_range),
+										};
+									})
+								);
 							})
-						)
-					}).flat(),
-					{
-						record_at: (() => {
-							let date = new Date()
-							date = resetTime(date)
-							return +date
-						})(),
-						tr
-					}
-				],
-				sortBy(data => {
-					return +new Date(data.record_at)
-				})
-			)
-
-			readonly min_tr = Number(
-				10 * Math.floor(
-					Math.min(
-						...this.data.map(data => data.tr)
-					) / 10
-				)
-			)
-
-			readonly max_tr = Number(
-				10 * Math.ceil(
-					Math.max(
-						...this.data.map(data => data.tr)
-					) / 10
-				)
-			)
-
-			readonly split_interval
-			readonly offset
-
-			constructor() {
-				let offset = 0
-				let overflow = 0
-
-				let new_min_tr = 0
-				let new_max_tr = 0
-
-				let loop_times = 0
-
-				while (true) {
-					loop_times++
-					new_max_tr = this.max_tr + offset + overflow
-
-					if (new_max_tr > 25000) {
-						overflow--
-						continue
-					}
+							.flat(),
+						{
+							record_at: (() => {
+								let date = new Date();
+								date = resetTime(date);
+								return date;
+							})(),
+							tr,
+						},
+					],
+					sortBy((data) => {
+						return data.record_at;
+					})
+				);
 
-					new_min_tr = this.min_tr - offset + overflow
+				readonly min_tr = Number(10 * Math.floor(Math.min(...this.data.map((data) => data.tr)) / 10));
 
-					if (new_min_tr < 0) {
-						overflow++
-						continue
-					}
+				readonly max_tr = Number(10 * Math.ceil(Math.max(...this.data.map((data) => data.tr)) / 10));
 
-					const range = new_max_tr - new_min_tr
+				readonly split_interval;
+				readonly offset;
 
-					if (loop_times > 1000) {
-						alert('您不幸的触发到了死循环（')
-						throw new Error()
-					}
+				constructor() {
+					let offset = 0;
+					let overflow = 0;
+
+					let new_min_tr = 0;
+					let new_max_tr = 0;
+
+					let loop_times = 0;
+
+					while (true) {
+						loop_times++;
+						new_max_tr = this.max_tr + offset + overflow;
 
-					if (Number.isInteger(range / 40)) {
-						const range_max = this.max_tr + offset
-						const range_min = this.min_tr - offset
+						if (new_max_tr > 25000) {
+							overflow--;
+							continue;
+						}
 
-						this.split_interval = (range_max - range_min) / 4
-						break
+						new_min_tr = this.min_tr - offset + overflow;
+
+						if (new_min_tr < 0) {
+							overflow++;
+							continue;
+						}
+
+						const range = new_max_tr - new_min_tr;
+
+						if (loop_times > 1000) {
+							alert("您不幸的触发到了死循环（");
+							throw new Error();
+						}
+
+						if (Number.isInteger(range / 40)) {
+							const range_max = this.max_tr + offset;
+							const range_min = this.min_tr - offset;
+
+							this.split_interval = (range_max - range_min) / 4;
+							break;
+						}
+
+						offset++;
 					}
 
-					offset++
+					this.offset = offset;
 				}
+			})();
 
-				this.offset = offset
-			}
-		}
-
-		readonly radar = new class {
-			readonly app = Number(
-				apm / (60 * pps)
-			)
+			readonly radar = new (class {
+				readonly app = Number(apm / (60 * pps));
 
-			readonly dsps = Number(
-				(vs / 100) - (apm / 60)
-			)
+				readonly dsps = Number(vs / 100 - apm / 60);
 
-			readonly dspp = Number(this.dsps / pps)
-			readonly ci = Number(150 * this.dspp - 125 * this.app + 50 * (vs / apm) - 25)
+				readonly dspp = Number(this.dsps / pps);
+				readonly ci = Number(150 * this.dspp - 125 * this.app + 50 * (vs / apm) - 25);
 
-			readonly ge = Number(
-				2 * (this.app * this.dsps / pps)
-			)
-		}
+				readonly ge = Number(2 * ((this.app * this.dsps) / pps));
+			})();
 
-		readonly sprint = prompt('用户 40l', '33s')
-		readonly blitz = prompt('用户 blitz', 'N/A')
-	} satisfies Data)
+			readonly sprint = prompt("用户 40l", "33s");
+			readonly blitz = prompt("用户 blitz", "N/A");
+		})() satisfies Data
+	);
 
-	document.querySelector<HTMLTemplateElement>('template#path')!.innerHTML = path
-}
+	document.querySelector<HTMLTemplateElement>("template#path")!.innerHTML = path;
+};
 </script>
 
 <template>
 	<button @click="test">测试 {{ path }}</button>
-</template>
\ No newline at end of file
+</template>
diff --git a/src/v1/components/tests/tetrio_rank.vue b/src/v1/components/tests/tetrio_rank.vue
index 03e5b7b..cd6e6dc 100644
--- a/src/v1/components/tests/tetrio_rank.vue
+++ b/src/v1/components/tests/tetrio_rank.vue
@@ -1,104 +1,104 @@
 <script lang="ts" setup>
-import type { Data } from '@/v1/pages/tetrio/rank.vue'
+import type { Data } from "@/v1/pages/tetrio/rank.vue";
 
-const path = 'v1/tetrio/rank'
+const path = "v1/tetrio/rank";
 
 const test = () => {
-	document.querySelector<HTMLTemplateElement>('template#data')!.innerHTML = JSON.stringify({
+	document.querySelector<HTMLTemplateElement>("template#data")!.innerHTML = JSON.stringify({
 		items: {
-			D: {
+			d: {
 				require_tr: 1,
 				trending: 1.1,
-				players: 86
+				players: 86,
 			},
-			'D+': {
+			"d+": {
 				require_tr: 2,
 				trending: -1.2,
-				players: 87
+				players: 87,
 			},
-			'C-': {
+			"c-": {
 				require_tr: 3,
 				trending: 1.3,
-				players: 88
+				players: 88,
 			},
-			C: {
+			c: {
 				require_tr: 4,
 				trending: -1.4,
-				players: 89
+				players: 89,
 			},
-			'C+': {
+			"c+": {
 				require_tr: 5,
 				trending: 1.5,
-				players: 90
+				players: 90,
 			},
-			'B-': {
+			"b-": {
 				require_tr: 6,
 				trending: -1.6,
-				players: 91
+				players: 91,
 			},
-			B: {
+			b: {
 				require_tr: 7,
 				trending: 1.7,
-				players: 92
+				players: 92,
 			},
-			'B+': {
+			"b+": {
 				require_tr: 8,
 				trending: -1.8,
-				players: 93
+				players: 93,
 			},
-			'A-': {
+			"a-": {
 				require_tr: 9,
 				trending: 1.9,
-				players: 94
+				players: 94,
 			},
-			A: {
+			a: {
 				require_tr: 10,
-				trending: -1.10,
-				players: 95
+				trending: -1.1,
+				players: 95,
 			},
-			'A+': {
+			"a+": {
 				require_tr: 11,
 				trending: 1.11,
-				players: 96
+				players: 96,
 			},
-			'S-': {
+			"s-": {
 				require_tr: 12,
 				trending: -1.12,
-				players: 97
+				players: 97,
 			},
-			S: {
+			s: {
 				require_tr: 13,
 				trending: 1.13,
-				players: 98
+				players: 98,
 			},
-			'S+': {
+			"s+": {
 				require_tr: 14,
 				trending: -1.14,
-				players: 99
+				players: 99,
 			},
-			SS: {
+			ss: {
 				require_tr: 15,
 				trending: 1.15,
-				players: 100
+				players: 100,
 			},
-			U: {
+			u: {
 				require_tr: 16,
 				trending: -1.16,
-				players: 101
+				players: 101,
 			},
-			X: {
+			x: {
 				require_tr: 17,
 				trending: 1.17,
-				players: 102
-			}
+				players: 102,
+			},
 		},
-		updated_at: +new Date()
-	} satisfies Data)
+		updated_at: new Date(),
+	} satisfies Data);
 
-	document.querySelector<HTMLTemplateElement>('template#path')!.innerHTML = path
-}
+	document.querySelector<HTMLTemplateElement>("template#path")!.innerHTML = path;
+};
 </script>
 
 <template>
 	<button @click="test">测试 {{ path }}</button>
-</template>
\ No newline at end of file
+</template>
diff --git a/src/v1/pages/binding.vue b/src/v1/pages/binding.vue
index 32c7ff0..6f71978 100644
--- a/src/v1/pages/binding.vue
+++ b/src/v1/pages/binding.vue
@@ -16,7 +16,8 @@ const Data = z
 		bot: User,
 		command: z.string(),
 	})
-	.strict();
+	.strict()
+	.readonly();
 </script>
 
 <script lang="ts" setup>
diff --git a/src/v1/pages/tetrio/info.vue b/src/v1/pages/tetrio/info.vue
index 63ac0f1..58493e7 100644
--- a/src/v1/pages/tetrio/info.vue
+++ b/src/v1/pages/tetrio/info.vue
@@ -2,54 +2,60 @@
 import Rank from "@/schemas/rank";
 import User from "@/schemas/user";
 import { z } from "zod";
-const Data = z.object({
-	user: User.extend({ bio: z.string().optional() }),
-
-	ranking: z.object({
-		rating: z.number(),
-		rd: z.number(),
-	}),
-
-	tetra_league: z.object({
-		rank: Rank,
-		tr: z.number(),
-		global_rank: z.number(),
-
-		pps: z.number(),
-		lpm: z.number(),
-
-		apm: z.number(),
-		apl: z.number(),
-
-		vs: z.number(),
-		adpm: z.number(),
-		adpl: z.number(),
-	}),
-
-	tetra_league_history: z.object({
-		data: z.array(
-			z.object({
-				record_at: z.coerce.date(),
-				tr: z.number(),
-			})
-		),
-		split_interval: z.number(),
-		min_tr: z.number(),
-		max_tr: z.number(),
-		offset: z.number(),
-	}),
-
-	radar: z.object({
-		app: z.number(),
-		dsps: z.number(),
-		dspp: z.number(),
-		ci: z.number(),
-		ge: z.number(),
-	}),
-
-	sprint: z.string(),
-	blitz: z.string(),
-});
+
+const Data = z
+	.object({
+		user: User.extend({ bio: z.string().nullable() }),
+
+		ranking: z.object({
+			rating: z.number(),
+			rd: z.number(),
+		}),
+
+		tetra_league: z.object({
+			rank: Rank,
+			tr: z.number(),
+			global_rank: z.number(),
+
+			pps: z.number(),
+			lpm: z.number(),
+
+			apm: z.number(),
+			apl: z.number(),
+
+			vs: z.number(),
+			adpm: z.number(),
+			adpl: z.number(),
+		}),
+
+		tetra_league_history: z.object({
+			data: z.array(
+				z.object({
+					record_at: z.coerce.date(),
+					tr: z.number(),
+				})
+			),
+			split_interval: z.number(),
+			min_tr: z.number(),
+			max_tr: z.number(),
+			offset: z.number(),
+		}),
+
+		radar: z.object({
+			app: z.number(),
+			dsps: z.number(),
+			dspp: z.number(),
+			ci: z.number(),
+			ge: z.number(),
+		}),
+
+		sprint: z.string(),
+		blitz: z.string(),
+	})
+	.strict()
+	.readonly();
+
+export type Data = z.infer<typeof Data>;
 </script>
 
 <script lang="ts" setup>
diff --git a/src/v1/pages/tetrio/rank.vue b/src/v1/pages/tetrio/rank.vue
index 7666c69..abfa967 100644
--- a/src/v1/pages/tetrio/rank.vue
+++ b/src/v1/pages/tetrio/rank.vue
@@ -1,119 +1,127 @@
 <script lang="ts">
-import type { User } from '@/v2/types/tetrio'
-
-export interface Data {
-	readonly items: Record<Exclude<User['league']['rank'], 'Z'>, {
-		readonly trending: number
-		readonly require_tr: number
-		readonly players: number
-	}>
+import Rank, { ValidRank } from "@/schemas/rank";
+import { z } from "zod";
+
+const Data = z
+	.object({
+		items: z.record(
+			ValidRank,
+			z.object({
+				trending: z.number(),
+				require_tr: z.number(),
+				players: z.number(),
+			})
+		),
+		updated_at: z.coerce.date(),
+	})
+	.strict()
+	.readonly();
 
-	readonly updated_at: number
-}
+export type Data = z.infer<typeof Data>;
 </script>
 
 <script lang="ts" setup>
-import { isNonNullish } from 'remeda'
+import { isNonNullish } from "remeda";
 
-const colorMappings: Record<string, {
-	readonly background: string
-	readonly text: string
-}> = {
+const colorMappings: Record<
+	Rank,
+	{
+		readonly background: string;
+		readonly text: string;
+	}
+> = {
 	x: {
-		background: 'radial-gradient(95.42% 572.5% at 4.58% 17.5%, #D946EF 0%, #F5CFFE 100%)',
-		text: '#8E23B4CC'
+		background: "radial-gradient(95.42% 572.5% at 4.58% 17.5%, #D946EF 0%, #F5CFFE 100%)",
+		text: "#8E23B4CC",
 	},
 	u: {
-		background: 'radial-gradient(95.42% 572.5% at 4.58% 17.5%, #F04444 0%, #FECBCA 100%)',
-		text: '#7F1D1CCC'
+		background: "radial-gradient(95.42% 572.5% at 4.58% 17.5%, #F04444 0%, #FECBCA 100%)",
+		text: "#7F1D1CCC",
 	},
 	ss: {
-		background: 'radial-gradient(95.42% 572.5% at 4.58% 17.5%, #E9B308 0%, #FEF18B 100%)',
-		text: '#723F12CC'
+		background: "radial-gradient(95.42% 572.5% at 4.58% 17.5%, #E9B308 0%, #FEF18B 100%)",
+		text: "#723F12CC",
 	},
-	's+': {
-		background: 'radial-gradient(95.42% 572.5% at 4.58% 17.5%, #E9B308 0%, #FEF18B 100%)',
-		text: '#723F12CC'
+	"s+": {
+		background: "radial-gradient(95.42% 572.5% at 4.58% 17.5%, #E9B308 0%, #FEF18B 100%)",
+		text: "#723F12CC",
 	},
 	s: {
-		background: 'radial-gradient(95.42% 572.5% at 4.58% 17.5%, #E9B308 0%, #FEF18B 100%)',
-		text: '#723F12CC'
+		background: "radial-gradient(95.42% 572.5% at 4.58% 17.5%, #E9B308 0%, #FEF18B 100%)",
+		text: "#723F12CC",
 	},
-	's-': {
-		background: 'radial-gradient(95.42% 572.5% at 4.58% 17.5%, #E9B308 0%, #FEF18B 100%)',
-		text: '#723F12CC'
+	"s-": {
+		background: "radial-gradient(95.42% 572.5% at 4.58% 17.5%, #E9B308 0%, #FEF18B 100%)",
+		text: "#723F12CC",
 	},
-	'a+': {
-		background: 'radial-gradient(95.42% 572.5% at 4.58% 17.5%, #23C55E 0%, #BBF7D1 100%)',
-		text: '#15532ECC'
+	"a+": {
+		background: "radial-gradient(95.42% 572.5% at 4.58% 17.5%, #23C55E 0%, #BBF7D1 100%)",
+		text: "#15532ECC",
 	},
-	'a': {
-		background: 'radial-gradient(95.42% 572.5% at 4.58% 17.5%, #23C55E 0%, #BBF7D1 100%)',
-		text: '#15532ECC'
+	a: {
+		background: "radial-gradient(95.42% 572.5% at 4.58% 17.5%, #23C55E 0%, #BBF7D1 100%)",
+		text: "#15532ECC",
 	},
-	'a-': {
-		background: 'radial-gradient(95.42% 572.5% at 4.58% 17.5%, #23C55E 0%, #BBF7D1 100%)',
-		text: '#15532ECC'
+	"a-": {
+		background: "radial-gradient(95.42% 572.5% at 4.58% 17.5%, #23C55E 0%, #BBF7D1 100%)",
+		text: "#15532ECC",
 	},
-	'b+': {
-		background: 'radial-gradient(95.42% 572.5% at 4.58% 17.5%, #3B82F6 0%, #BFDCFE 100%)',
-		text: '#1F3A8B'
+	"b+": {
+		background: "radial-gradient(95.42% 572.5% at 4.58% 17.5%, #3B82F6 0%, #BFDCFE 100%)",
+		text: "#1F3A8B",
 	},
 	b: {
-		background: 'radial-gradient(95.42% 572.5% at 4.58% 17.5%, #3B82F6 0%, #BFDCFE 100%)',
-		text: '#1F3A8B'
+		background: "radial-gradient(95.42% 572.5% at 4.58% 17.5%, #3B82F6 0%, #BFDCFE 100%)",
+		text: "#1F3A8B",
 	},
-	'b-': {
-		background: 'radial-gradient(95.42% 572.5% at 4.58% 17.5%, #3B82F6 0%, #BFDCFE 100%)',
-		text: '#1F3A8B'
+	"b-": {
+		background: "radial-gradient(95.42% 572.5% at 4.58% 17.5%, #3B82F6 0%, #BFDCFE 100%)",
+		text: "#1F3A8B",
 	},
-	'c+': {
-		background: 'radial-gradient(95.42% 572.5% at 4.58% 17.5%, #A755F7 0%, #EAD5FF 100%)',
-		text: '#571C86'
+	"c+": {
+		background: "radial-gradient(95.42% 572.5% at 4.58% 17.5%, #A755F7 0%, #EAD5FF 100%)",
+		text: "#571C86",
 	},
 	c: {
-		background: 'radial-gradient(95.42% 572.5% at 4.58% 17.5%, #A755F7 0%, #EAD5FF 100%)',
-		text: '#571C86'
+		background: "radial-gradient(95.42% 572.5% at 4.58% 17.5%, #A755F7 0%, #EAD5FF 100%)",
+		text: "#571C86",
 	},
-	'c-': {
-		background: 'radial-gradient(95.42% 572.5% at 4.58% 17.5%, #A755F7 0%, #EAD5FF 100%)',
-		text: '#571C86'
+	"c-": {
+		background: "radial-gradient(95.42% 572.5% at 4.58% 17.5%, #A755F7 0%, #EAD5FF 100%)",
+		text: "#571C86",
 	},
-	'd+': {
-		background: 'radial-gradient(95.42% 572.5% at 4.58% 17.5%, #64748B 0%, #E1E8F0 100%)',
-		text: '#0F172A'
+	"d+": {
+		background: "radial-gradient(95.42% 572.5% at 4.58% 17.5%, #64748B 0%, #E1E8F0 100%)",
+		text: "#0F172A",
 	},
-	'd': {
-		background: 'radial-gradient(95.42% 572.5% at 4.58% 17.5%, #64748B 0%, #E1E8F0 100%)',
-		text: '#0F172A'
+	d: {
+		background: "radial-gradient(95.42% 572.5% at 4.58% 17.5%, #64748B 0%, #E1E8F0 100%)",
+		text: "#0F172A",
 	},
-	'z': {
-		background: 'radial-gradient(95.42% 572.5% at 4.58% 17.5%, #737373 0%, #E5E5E5 100%)',
-		text: '#171717'
-	}
-}
+	z: {
+		background: "radial-gradient(95.42% 572.5% at 4.58% 17.5%, #737373 0%, #E5E5E5 100%)",
+		text: "#171717",
+	},
+};
 
-const data: Data = JSON.parse(
-	document.querySelector<HTMLTemplateElement>('template#data')!.innerHTML.trim()
-)
+const data = Data.parse(JSON.parse(document.querySelector<HTMLTemplateElement>("template#data")!.innerHTML.trim()));
 
 const rankImageMap = asyncComputed(async () => {
 	return Object.fromEntries(
 		await Promise.all(
-			Object.keys(data.items).map(async rank => {
-				const name = rank.toLowerCase()
+			Object.keys(data.items).map(async (rank) => {
+				const name = rank.toLowerCase();
 
 				return [
 					rank,
-					await import(`@/shared/assets/images/ranks/${name}.svg?url`)
-						.then(module => {
-							return module.default
-						})
-				]
+					await import(`@/shared/assets/images/ranks/${name}.svg?url`).then((module) => {
+						return module.default;
+					}),
+				];
 			})
 		)
-	)
-}, {})
+	);
+}, {});
 </script>
 
 <template>
@@ -121,39 +129,44 @@ const rankImageMap = asyncComputed(async () => {
 		<span class="tetrio-rank__title">Rankings</span>
 
 		<div class="tetrio-rank__list">
-			<div v-for="(rank, name) in data.items" :style="{ backgroundImage: colorMappings[name].background }"
-				 class="tetrio-rank__item">
-				<div class="tetrio-rank__item__container">
+			<div
+				v-for="(rank, name) in data.items"
+				:style="{ backgroundImage: colorMappings[name].background }"
+				class="tetrio-rank__item"
+			>
+				<div v-if="rank !== undefined" class="tetrio-rank__item__container">
 					<div class="tetrio-rank__item__rank">
-						<img v-if="isNonNullish(rankImageMap[name])" :alt="name" :src="rankImageMap[name]"
-							 class="w-12.5 h-12.5"/>
+						<img
+							v-if="isNonNullish(rankImageMap[name])"
+							:alt="name"
+							:src="rankImageMap[name]"
+							class="w-12.5 h-12.5"
+						/>
 					</div>
 
 					<div :style="{ color: colorMappings[name].text }" class="tetrio-rank__item__trending">
-						{{ rank.trending >= 0 ? '↑' : '↓' }}{{ Math.abs(rank.trending) }}
+						{{ rank.trending >= 0 ? "↑" : "↓" }}{{ Math.abs(rank.trending) }}
 					</div>
 
 					<div :style="{ color: colorMappings[name].text }" class="tetrio-rank__item__info">
 						<span class="tetrio-rank__item__info__tr">{{ rank.require_tr }}</span>
-						<br>
+						<br />
 						<span class="tetrio-rank__item__info__players">{{ rank.players }} players</span>
 					</div>
 				</div>
 			</div>
 		</div>
 
-		<div class="tetrio-rank__update_at">
-			Updated on {{ new Date(data.updated_at).toLocaleString('zh-CN') }}
-		</div>
+		<div class="tetrio-rank__update_at">Updated on {{ data.updated_at.toLocaleString("zh-CN") }}</div>
 	</div>
 </template>
 
 <style lang="scss">
-@import '@/v1/styles/main';
+@import "@/v1/styles/main";
 </style>
 
 <style lang="scss" scoped>
-@import '@/v1/styles/main';
+@import "@/v1/styles/main";
 
 .tetrio-rank {
 	@extend .font-template;
@@ -198,4 +211,4 @@ const rankImageMap = asyncComputed(async () => {
 		@apply flex flex-col justify-center items-center;
 	}
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/v1/pages/top/info.vue b/src/v1/pages/top/info.vue
index a971f8d..6ce9ef4 100644
--- a/src/v1/pages/top/info.vue
+++ b/src/v1/pages/top/info.vue
@@ -10,14 +10,19 @@ const DetailData = z.object({
 	apl: z.number(),
 });
 
-const Data = z.object({
-	user: z.object({
-		avatar: Avatar,
-		name: z.string(),
-	}),
-	today: DetailData,
-	history: DetailData,
-});
+const Data = z
+	.object({
+		user: z.object({
+			avatar: Avatar,
+			name: z.string(),
+		}),
+		today: DetailData,
+		history: DetailData,
+	})
+	.strict()
+	.readonly();
+
+export type Data = z.infer<typeof Data>;
 </script>
 
 <script lang="ts" setup>
diff --git a/src/v1/pages/tos/info.vue b/src/v1/pages/tos/info.vue
index fde7d47..0456fc5 100644
--- a/src/v1/pages/tos/info.vue
+++ b/src/v1/pages/tos/info.vue
@@ -1,34 +1,40 @@
 <script lang="ts">
 import User from "@/schemas/user";
 import { z } from "zod";
-const Data = z.object({
-	user: User,
-	ranking: z.object({
-		rating: z.number(),
-		rd: z.number(),
-	}),
-	multiplayer: z.object({
-		pps: z.number(),
-		lpm: z.number(),
-
-		apm: z.number(),
-		apl: z.number(),
-
-		vs: z.number(),
-		adpm: z.number(),
-		adpl: z.number(),
-	}),
-	radar: z.object({
-		app: z.number(),
-		or: z.number(),
-		dspp: z.number(),
-		ci: z.number(),
-		ge: z.number(),
-	}),
-	sprint: z.string(),
-	challenge: z.string(),
-	marathon: z.string(),
-});
+
+const Data = z
+	.object({
+		user: User,
+		ranking: z.object({
+			rating: z.number(),
+			rd: z.number(),
+		}),
+		multiplayer: z.object({
+			pps: z.number(),
+			lpm: z.number(),
+
+			apm: z.number(),
+			apl: z.number(),
+
+			vs: z.number(),
+			adpm: z.number(),
+			adpl: z.number(),
+		}),
+		radar: z.object({
+			app: z.number(),
+			or: z.number(),
+			dspp: z.number(),
+			ci: z.number(),
+			ge: z.number(),
+		}),
+		sprint: z.string(),
+		challenge: z.string(),
+		marathon: z.string(),
+	})
+	.strict()
+	.readonly();
+
+export type Data = z.infer<typeof Data>;
 </script>
 
 <script lang="ts" setup>
diff --git a/src/v2/components/tests/tetrio_rank.vue b/src/v2/components/tests/tetrio_rank.vue
index 317f2be..32e2d41 100644
--- a/src/v2/components/tests/tetrio_rank.vue
+++ b/src/v2/components/tests/tetrio_rank.vue
@@ -1,12 +1,12 @@
 <script lang="ts" setup>
-import type { Data } from '@/v2/pages/tetrio/rank/index.vue'
+import type { Data } from "@/v2/pages/tetrio/rank/index.vue";
 
-const path = 'v2/tetrio/rank'
+const path = "v2/tetrio/rank";
 
 const test = async () => {
-	document.querySelector('template#data')!.innerHTML = JSON.stringify({
+	document.querySelector("template#data")!.innerHTML = JSON.stringify({
 		items: {
-			D: {
+			d: {
 				require_tr: 1,
 				trending: 1.1,
 				average_data: {
@@ -14,11 +14,11 @@ const test = async () => {
 					pps: 2,
 					vs: 3,
 					apl: 52,
-					adpl: 53
+					adpl: 53,
 				},
-				players: 86
+				players: 86,
 			},
-			'D+': {
+			"d+": {
 				require_tr: 2,
 				trending: -1.2,
 				average_data: {
@@ -26,11 +26,11 @@ const test = async () => {
 					pps: 5,
 					vs: 6,
 					apl: 54,
-					adpl: 55
+					adpl: 55,
 				},
-				players: 87
+				players: 87,
 			},
-			'C-': {
+			"c-": {
 				require_tr: 3,
 				trending: 1.3,
 				average_data: {
@@ -38,11 +38,11 @@ const test = async () => {
 					pps: 8,
 					vs: 9,
 					apl: 56,
-					adpl: 57
+					adpl: 57,
 				},
-				players: 88
+				players: 88,
 			},
-			C: {
+			c: {
 				require_tr: 4,
 				trending: -1.4,
 				average_data: {
@@ -50,11 +50,11 @@ const test = async () => {
 					pps: 11,
 					vs: 12,
 					apl: 58,
-					adpl: 59
+					adpl: 59,
 				},
-				players: 89
+				players: 89,
 			},
-			'C+': {
+			"c+": {
 				require_tr: 5,
 				trending: 1.5,
 				average_data: {
@@ -62,11 +62,11 @@ const test = async () => {
 					pps: 14,
 					vs: 15,
 					apl: 60,
-					adpl: 61
+					adpl: 61,
 				},
-				players: 90
+				players: 90,
 			},
-			'B-': {
+			"b-": {
 				require_tr: 6,
 				trending: -1.6,
 				average_data: {
@@ -74,11 +74,11 @@ const test = async () => {
 					pps: 17,
 					vs: 18,
 					apl: 62,
-					adpl: 63
+					adpl: 63,
 				},
-				players: 91
+				players: 91,
 			},
-			B: {
+			b: {
 				require_tr: 7,
 				trending: 1.7,
 				average_data: {
@@ -86,11 +86,11 @@ const test = async () => {
 					pps: 20,
 					vs: 21,
 					apl: 64,
-					adpl: 65
+					adpl: 65,
 				},
-				players: 92
+				players: 92,
 			},
-			'B+': {
+			"b+": {
 				require_tr: 8,
 				trending: -1.8,
 				average_data: {
@@ -98,11 +98,11 @@ const test = async () => {
 					pps: 23,
 					vs: 24,
 					apl: 66,
-					adpl: 67
+					adpl: 67,
 				},
-				players: 93
+				players: 93,
 			},
-			'A-': {
+			"a-": {
 				require_tr: 9,
 				trending: 1.9,
 				average_data: {
@@ -110,23 +110,23 @@ const test = async () => {
 					pps: 26,
 					vs: 27,
 					apl: 68,
-					adpl: 69
+					adpl: 69,
 				},
-				players: 94
+				players: 94,
 			},
-			A: {
+			a: {
 				require_tr: 10,
-				trending: -1.10,
+				trending: -1.1,
 				average_data: {
 					apm: 28,
 					pps: 29,
 					vs: 30,
 					apl: 70,
-					adpl: 71
+					adpl: 71,
 				},
-				players: 95
+				players: 95,
 			},
-			'A+': {
+			"a+": {
 				require_tr: 11,
 				trending: 1.11,
 				average_data: {
@@ -134,11 +134,11 @@ const test = async () => {
 					pps: 32,
 					vs: 33,
 					apl: 72,
-					adpl: 73
+					adpl: 73,
 				},
-				players: 96
+				players: 96,
 			},
-			'S-': {
+			"s-": {
 				require_tr: 12,
 				trending: -1.12,
 				average_data: {
@@ -146,11 +146,11 @@ const test = async () => {
 					pps: 35,
 					vs: 36,
 					apl: 74,
-					adpl: 75
+					adpl: 75,
 				},
-				players: 97
+				players: 97,
 			},
-			S: {
+			s: {
 				require_tr: 13,
 				trending: 1.13,
 				average_data: {
@@ -158,11 +158,11 @@ const test = async () => {
 					pps: 38,
 					vs: 39,
 					apl: 76,
-					adpl: 77
+					adpl: 77,
 				},
-				players: 98
+				players: 98,
 			},
-			'S+': {
+			"s+": {
 				require_tr: 14,
 				trending: -1.14,
 				average_data: {
@@ -170,11 +170,11 @@ const test = async () => {
 					pps: 41,
 					vs: 42,
 					apl: 78,
-					adpl: 79
+					adpl: 79,
 				},
-				players: 99
+				players: 99,
 			},
-			SS: {
+			ss: {
 				require_tr: 15,
 				trending: 1.15,
 				average_data: {
@@ -182,11 +182,11 @@ const test = async () => {
 					pps: 44,
 					vs: 45,
 					apl: 80,
-					adpl: 81
+					adpl: 81,
 				},
-				players: 100
+				players: 100,
 			},
-			U: {
+			u: {
 				require_tr: 16,
 				trending: -1.16,
 				average_data: {
@@ -194,11 +194,11 @@ const test = async () => {
 					pps: 47,
 					vs: 48,
 					apl: 82,
-					adpl: 83
+					adpl: 83,
 				},
-				players: 101
+				players: 101,
 			},
-			X: {
+			x: {
 				require_tr: 17,
 				trending: 1.17,
 				average_data: {
@@ -206,18 +206,18 @@ const test = async () => {
 					pps: 50,
 					vs: 51,
 					apl: 84,
-					adpl: 85
+					adpl: 85,
 				},
-				players: 102
-			}
+				players: 102,
+			},
 		},
-		updated_at: new Date().toLocaleString('zh-CN')
-	} satisfies Data)
+		updated_at: new Date(),
+	} satisfies Data);
 
-	document.querySelector('template#path')!.innerHTML = path
-}
+	document.querySelector("template#path")!.innerHTML = path;
+};
 </script>
 
 <template>
 	<n-button @click="test">测试 {{ path }}</n-button>
-</template>
\ No newline at end of file
+</template>
diff --git a/src/v2/components/tests/tetrio_rank_detail.vue b/src/v2/components/tests/tetrio_rank_detail.vue
index 193bbfd..2890805 100644
--- a/src/v2/components/tests/tetrio_rank_detail.vue
+++ b/src/v2/components/tests/tetrio_rank_detail.vue
@@ -1,11 +1,11 @@
 <script lang="ts" setup>
-import type { Data } from '@/v2/pages/tetrio/rank/detail/index.vue'
+import type { Data } from "@/v2/pages/tetrio/rank/detail/index.vue";
 
-const path = 'v2/tetrio/rank/detail'
+const path = "v2/tetrio/rank/detail";
 
 const test = async () => {
-	document.querySelector('template#data')!.innerHTML = JSON.stringify({
-		name: 'X',
+	document.querySelector("template#data")!.innerHTML = JSON.stringify({
+		name: "x",
 		trending: 1.01,
 		require_tr: 1,
 		players: 2,
@@ -18,9 +18,9 @@ const test = async () => {
 			adpm: 18,
 			apl: 6,
 			adpl: 7,
-			apm_holder: 'p1',
-			pps_holder: 'p2',
-			vs_holder: 'p3'
+			apm_holder: "p1",
+			pps_holder: "p2",
+			vs_holder: "p3",
 		},
 		average_data: {
 			apm: 8,
@@ -30,9 +30,9 @@ const test = async () => {
 			adpm: 19,
 			apl: 11,
 			adpl: 12,
-			apm_holder: 'p4',
-			pps_holder: 'p5',
-			vs_holder: 'p6'
+			apm_holder: "p4",
+			pps_holder: "p5",
+			vs_holder: "p6",
 		},
 		maximum_data: {
 			apm: 13,
@@ -42,18 +42,18 @@ const test = async () => {
 			adpm: 20,
 			apl: 16,
 			adpl: 17,
-			apm_holder: 'p7',
-			pps_holder: 'p8',
-			vs_holder: 'p9'
+			apm_holder: "p7",
+			pps_holder: "p8",
+			vs_holder: "p9",
 		},
 
-		updated_at: new Date().toLocaleString('zh-CN')
-	} satisfies Data)
+		updated_at: new Date(),
+	} satisfies Data);
 
-	document.querySelector('template#path')!.innerHTML = path
-}
+	document.querySelector("template#path")!.innerHTML = path;
+};
 </script>
 
 <template>
 	<n-button @click="test">测试 {{ path }}</n-button>
-</template>
\ No newline at end of file
+</template>
diff --git a/src/v2/components/tests/tetrio_record_40l.vue b/src/v2/components/tests/tetrio_record_40l.vue
index 179c4f8..969b254 100644
--- a/src/v2/components/tests/tetrio_record_40l.vue
+++ b/src/v2/components/tests/tetrio_record_40l.vue
@@ -1,107 +1,120 @@
 <script lang="ts" setup>
-import type { Data, Type } from '@/v2/pages/tetrio/record/40l/index.vue'
-import type { Record, User } from '@/v2/types/tetrio'
-import { isNonNullish } from 'remeda'
-
-const path = 'v2/tetrio/record/40l'
+import type { SprintData } from "@/v2/pages/tetrio/record/40l/index.vue";
+import type Type from "@/v2/pages/tetrio/record/schemas/type";
+import type { Record, User } from "@/v2/types/tetrio";
+import { isNonNullish } from "remeda";
+const path = "v2/tetrio/record/40l";
 
 const test = async () => {
-	const user = await fetch('/_proxy/tetrio/users/5eb3a6530b29196c155074e8')
-		.then(response => {
-			return response.json()
-		})
-		.then(result => {
-			return result.data.user as User
+	const user = await fetch("/_proxy/tetrio/users/5eb3a6530b29196c155074e8")
+		.then((response) => {
+			return response.json();
 		})
+		.then((result) => {
+			return result.data.user as User;
+		});
 
 	const records = await fetch(`/_proxy/tetrio/users/${user._id}/records`)
-		.then(response => {
-			return response.json()
-		})
-		.then(result => {
-			return result.data as Record
+		.then((response) => {
+			return response.json();
 		})
+		.then((result) => {
+			return result.data as Record;
+		});
 
-	document.querySelector('template#data')!.innerHTML = JSON.stringify({
-		type: 'best' as Type,
+	document.querySelector("template#data")!.innerHTML = JSON.stringify({
+		type: "best" as Type,
 		user: {
 			id: user._id,
-			name: user.username
+			name: user.username,
 		},
 		time: (() => {
-			const time = records.records['40l'].record.endcontext.finalTime / 1000
+			const time = records.records["40l"].record.endcontext.finalTime / 1000;
 
-			const hours = Math.trunc(time / 60)
-			const seconds = Math.trunc(time % 60)
-			const milliseconds = Math.trunc((time % 1) * 1000)
+			const hours = Math.trunc(time / 60);
+			const seconds = Math.trunc(time % 60);
+			const milliseconds = Math.trunc((time % 1) * 1000);
 
-			return `${hours}:${seconds}.${milliseconds}`
+			return `${hours}:${seconds}.${milliseconds}`;
 		})(),
-		replay_id: records.records['40l'].record.replayid,
-		rank: records.records['40l'].rank,
+		replay_id: records.records["40l"].record.replayid,
+		rank: records.records["40l"].rank,
 		personal_rank: 1,
 		statistic: {
-			pieces: records.records['40l'].record.endcontext.piecesplaced,
+			pieces: records.records["40l"].record.endcontext.piecesplaced,
 			pps: Number(
 				(
-					records.records['40l'].record.endcontext.piecesplaced / (records.records['40l'].record.endcontext.finalTime / 1000)
+					records.records["40l"].record.endcontext.piecesplaced /
+					(records.records["40l"].record.endcontext.finalTime / 1000)
 				).toFixed(2)
 			),
-			keys: records.records['40l'].record.endcontext.inputs,
+			keys: records.records["40l"].record.endcontext.inputs,
 			kpp: Number(
-				(records.records['40l'].record.endcontext.inputs / records.records['40l'].record.endcontext.piecesplaced).toFixed(2)
+				(
+					records.records["40l"].record.endcontext.inputs /
+					records.records["40l"].record.endcontext.piecesplaced
+				).toFixed(2)
 			),
 			kps: Number(
 				(
-					records.records['40l'].record.endcontext.inputs / (records.records['40l'].record.endcontext.finalTime / 1000)
+					records.records["40l"].record.endcontext.inputs /
+					(records.records["40l"].record.endcontext.finalTime / 1000)
 				).toFixed(2)
 			),
 			lpm: Math.trunc(
 				Number(
 					(
-						records.records['40l'].record.endcontext.piecesplaced / (records.records['40l'].record.endcontext.finalTime / 1000)
+						records.records["40l"].record.endcontext.piecesplaced /
+						(records.records["40l"].record.endcontext.finalTime / 1000)
 					).toFixed(2)
 				) * 24
 			),
-			holds: isNonNullish(records.records['40l'].record.endcontext.holds) ? records.records['40l'].record.endcontext.holds : null,
-			score: records.records['40l'].record.endcontext.score,
+			holds: isNonNullish(records.records["40l"].record.endcontext.holds)
+				? records.records["40l"].record.endcontext.holds
+				: null,
+			score: records.records["40l"].record.endcontext.score,
 
-			lines: records.records['40l'].record.endcontext.lines,
+			lines: records.records["40l"].record.endcontext.lines,
 			tspins: {
-				total: records.records['40l'].record.endcontext.clears.realtspins,
-				single: records.records['40l'].record.endcontext.clears.tspinsingles,
-				double: records.records['40l'].record.endcontext.clears.tspindoubles,
-				triple: records.records['40l'].record.endcontext.clears.tspintriples,
+				total: records.records["40l"].record.endcontext.clears.realtspins,
+				single: records.records["40l"].record.endcontext.clears.tspinsingles,
+				double: records.records["40l"].record.endcontext.clears.tspindoubles,
+				triple: records.records["40l"].record.endcontext.clears.tspintriples,
 
 				mini: {
-					total: records.records['40l'].record.endcontext.clears.minitspins,
-					single: records.records['40l'].record.endcontext.clears.minitspinsingles,
-					double: records.records['40l'].record.endcontext.clears.minitspindoubles
-				}
+					total: records.records["40l"].record.endcontext.clears.minitspins,
+					single: records.records["40l"].record.endcontext.clears.minitspinsingles,
+					double: records.records["40l"].record.endcontext.clears.minitspindoubles,
+				},
 			},
-			single: records.records['40l'].record.endcontext.clears.singles,
-			double: records.records['40l'].record.endcontext.clears.doubles,
-			triple: records.records['40l'].record.endcontext.clears.triples,
-			quad: records.records['40l'].record.endcontext.clears.quads,
-			all_clear: records.records['40l'].record.endcontext.clears.allclear,
+			single: records.records["40l"].record.endcontext.clears.singles,
+			double: records.records["40l"].record.endcontext.clears.doubles,
+			triple: records.records["40l"].record.endcontext.clears.triples,
+			quad: records.records["40l"].record.endcontext.clears.quads,
+			all_clear: records.records["40l"].record.endcontext.clears.allclear,
 
 			finesse: {
-				faults: records.records['40l'].record.endcontext.finesse.faults,
-				accuracy: Math.round(records.records['40l'].record.endcontext.finesse.perfectpieces / records.records['40l'].record.endcontext.piecesplaced * 10000) / 100
+				faults: records.records["40l"].record.endcontext.finesse.faults,
+				accuracy:
+					Math.round(
+						(records.records["40l"].record.endcontext.finesse.perfectpieces /
+							records.records["40l"].record.endcontext.piecesplaced) *
+							10000
+					) / 100,
 			},
 
 			max: {
-				combo: records.records['40l'].record.endcontext.topcombo,
-				btb: records.records['40l'].record.endcontext.topbtb
-			}
+				combo: records.records["40l"].record.endcontext.topcombo,
+				btb: records.records["40l"].record.endcontext.topbtb,
+			},
 		},
-		play_at: records.records['40l'].record.ts
-	} satisfies Data)
+		play_at: records.records["40l"].record.ts,
+	} satisfies SprintData);
 
-	document.querySelector('template#path')!.innerHTML = path
-}
+	document.querySelector("template#path")!.innerHTML = path;
+};
 </script>
 
 <template>
 	<n-button @click="test">测试 {{ path }}</n-button>
-</template>
\ No newline at end of file
+</template>
diff --git a/src/v2/components/tests/tetrio_record_blitz.vue b/src/v2/components/tests/tetrio_record_blitz.vue
index be3f0d0..298d628 100644
--- a/src/v2/components/tests/tetrio_record_blitz.vue
+++ b/src/v2/components/tests/tetrio_record_blitz.vue
@@ -1,112 +1,128 @@
 <script lang="ts" setup>
-import type { Data, Type } from '@/v2/pages/tetrio/record/blitz/index.vue'
-import type { Record, User } from '@/v2/types/tetrio'
-import { isNonNullish } from 'remeda'
-
-const path = 'v2/tetrio/record/blitz'
+import type { BlitzData } from "@/v2/pages/tetrio/record/blitz/index.vue";
+import type Type from "@/v2/pages/tetrio/record/schemas/type";
+import type { Record, User } from "@/v2/types/tetrio";
+import { isNonNullish } from "remeda";
+const path = "v2/tetrio/record/blitz";
 
 const test = async () => {
-	const user = await fetch('/_proxy/tetrio/users/5eb3a6530b29196c155074e8')
-		.then(response => {
-			return response.json()
-		})
-		.then(result => {
-			return result.data.user as User
+	const user = await fetch("/_proxy/tetrio/users/5eb3a6530b29196c155074e8")
+		.then((response) => {
+			return response.json();
 		})
+		.then((result) => {
+			return result.data.user as User;
+		});
 
 	const records = await fetch(`/_proxy/tetrio/users/${user._id}/records`)
-		.then(response => {
-			return response.json()
-		})
-		.then(result => {
-			return result.data as Record
+		.then((response) => {
+			return response.json();
 		})
+		.then((result) => {
+			return result.data as Record;
+		});
 
-	document.querySelector('template#data')!.innerHTML = JSON.stringify({
-		type: 'best' as Type,
+	document.querySelector("template#data")!.innerHTML = JSON.stringify({
+		type: "best" as Type,
 		user: {
 			id: user._id,
-			name: user.username
+			name: user.username,
 		},
 		time: (() => {
-			const time = records.records['blitz'].record.endcontext.finalTime / 1000
+			const time = records.records["blitz"].record.endcontext.finalTime / 1000;
 
-			const hours = Math.trunc(time / 60)
-			const seconds = Math.trunc(time % 60)
-			const milliseconds = Math.trunc((time % 1) * 1000)
+			const hours = Math.trunc(time / 60);
+			const seconds = Math.trunc(time % 60);
+			const milliseconds = Math.trunc((time % 1) * 1000);
 
-			return `${hours}:${seconds}.${milliseconds}`
+			return `${hours}:${seconds}.${milliseconds}`;
 		})(),
-		replay_id: records.records['blitz'].record.replayid,
-		rank: records.records['blitz'].rank,
+		replay_id: records.records["blitz"].record.replayid,
+		rank: records.records["blitz"].rank,
 		personal_rank: 1,
 		statistic: {
-			pieces: records.records['blitz'].record.endcontext.piecesplaced,
+			pieces: records.records["blitz"].record.endcontext.piecesplaced,
 			pps: Number(
 				(
-					records.records['blitz'].record.endcontext.piecesplaced / (records.records['blitz'].record.endcontext.finalTime / 1000)
+					records.records["blitz"].record.endcontext.piecesplaced /
+					(records.records["blitz"].record.endcontext.finalTime / 1000)
 				).toFixed(2)
 			),
-			keys: records.records['blitz'].record.endcontext.inputs,
+			keys: records.records["blitz"].record.endcontext.inputs,
 			kpp: Number(
-				(records.records['blitz'].record.endcontext.inputs / records.records['blitz'].record.endcontext.piecesplaced).toFixed(2)
+				(
+					records.records["blitz"].record.endcontext.inputs /
+					records.records["blitz"].record.endcontext.piecesplaced
+				).toFixed(2)
 			),
 			kps: Number(
 				(
-					records.records['blitz'].record.endcontext.inputs / (records.records['blitz'].record.endcontext.finalTime / 1000)
+					records.records["blitz"].record.endcontext.inputs /
+					(records.records["blitz"].record.endcontext.finalTime / 1000)
 				).toFixed(2)
 			),
 			lpm: Math.trunc(
 				Number(
 					(
-						records.records['blitz'].record.endcontext.piecesplaced / (records.records['blitz'].record.endcontext.finalTime / 1000)
+						records.records["blitz"].record.endcontext.piecesplaced /
+						(records.records["blitz"].record.endcontext.finalTime / 1000)
 					).toFixed(2)
 				) * 24
 			),
-			holds: isNonNullish(records.records['blitz'].record.endcontext.holds) ? records.records['blitz'].record.endcontext.holds : null,
-			score: records.records['blitz'].record.endcontext.score,
+			holds: isNonNullish(records.records["blitz"].record.endcontext.holds)
+				? records.records["blitz"].record.endcontext.holds
+				: null,
+			score: records.records["blitz"].record.endcontext.score,
 
-			lines: records.records['blitz'].record.endcontext.lines,
+			lines: records.records["blitz"].record.endcontext.lines,
 			tspins: {
-				total: records.records['blitz'].record.endcontext.clears.realtspins,
-				single: records.records['blitz'].record.endcontext.clears.tspinsingles,
-				double: records.records['blitz'].record.endcontext.clears.tspindoubles,
-				triple: records.records['blitz'].record.endcontext.clears.tspintriples,
+				total: records.records["blitz"].record.endcontext.clears.realtspins,
+				single: records.records["blitz"].record.endcontext.clears.tspinsingles,
+				double: records.records["blitz"].record.endcontext.clears.tspindoubles,
+				triple: records.records["blitz"].record.endcontext.clears.tspintriples,
 
 				mini: {
-					total: records.records['blitz'].record.endcontext.clears.minitspins,
-					single: records.records['blitz'].record.endcontext.clears.minitspinsingles,
-					double: records.records['blitz'].record.endcontext.clears.minitspindoubles
-				}
+					total: records.records["blitz"].record.endcontext.clears.minitspins,
+					single: records.records["blitz"].record.endcontext.clears.minitspinsingles,
+					double: records.records["blitz"].record.endcontext.clears.minitspindoubles,
+				},
 			},
-			single: records.records['blitz'].record.endcontext.clears.singles,
-			double: records.records['blitz'].record.endcontext.clears.doubles,
-			triple: records.records['blitz'].record.endcontext.clears.triples,
-			quad: records.records['blitz'].record.endcontext.clears.quads,
-			all_clear: records.records['blitz'].record.endcontext.clears.allclear,
+			single: records.records["blitz"].record.endcontext.clears.singles,
+			double: records.records["blitz"].record.endcontext.clears.doubles,
+			triple: records.records["blitz"].record.endcontext.clears.triples,
+			quad: records.records["blitz"].record.endcontext.clears.quads,
+			all_clear: records.records["blitz"].record.endcontext.clears.allclear,
 
 			finesse: {
-				faults: records.records['blitz'].record.endcontext.finesse.faults,
-				accuracy: Math.round(records.records['blitz'].record.endcontext.finesse.perfectpieces / records.records['blitz'].record.endcontext.piecesplaced * 10000) / 100
+				faults: records.records["blitz"].record.endcontext.finesse.faults,
+				accuracy:
+					Math.round(
+						(records.records["blitz"].record.endcontext.finesse.perfectpieces /
+							records.records["blitz"].record.endcontext.piecesplaced) *
+							10000
+					) / 100,
 			},
 
 			max: {
-				combo: records.records['blitz'].record.endcontext.topcombo,
-				btb: records.records['blitz'].record.endcontext.topbtb
+				combo: records.records["blitz"].record.endcontext.topcombo,
+				btb: records.records["blitz"].record.endcontext.topbtb,
 			},
 
-			level: records.records['blitz'].record.endcontext.level,
+			level: records.records["blitz"].record.endcontext.level,
 			spp: Number(
-				(records.records['blitz'].record.endcontext.score / records.records['blitz'].record.endcontext.piecesplaced).toFixed(2)
-			)
+				(
+					records.records["blitz"].record.endcontext.score /
+					records.records["blitz"].record.endcontext.piecesplaced
+				).toFixed(2)
+			),
 		},
-		play_at: records.records['blitz'].record.ts
-	} satisfies Data)
+		play_at: records.records["blitz"].record.ts,
+	} satisfies BlitzData);
 
-	document.querySelector('template#path')!.innerHTML = path
-}
+	document.querySelector("template#path")!.innerHTML = path;
+};
 </script>
 
 <template>
 	<n-button @click="test">测试 {{ path }}</n-button>
-</template>
\ No newline at end of file
+</template>
diff --git a/src/v2/pages/tetrio/rank/_info.vue b/src/v2/pages/tetrio/rank/_info.vue
index ea5ac12..cffc88b 100644
--- a/src/v2/pages/tetrio/rank/_info.vue
+++ b/src/v2/pages/tetrio/rank/_info.vue
@@ -1,23 +1,23 @@
 <script lang="ts" setup>
-import rank from '@/v2/components/common/rank.vue'
-import type { User } from '@/v2/types/tetrio'
+import rank from "@/v2/components/common/rank.vue";
+import type { User } from "@/v2/types/tetrio";
 
 defineProps<{
-	readonly name: User['league']['rank']
-	readonly require_tr: number
-	readonly trending: number
-}>()
+	readonly name: Exclude<User["league"]["rank"], "Z">;
+	readonly require_tr: number;
+	readonly trending: number;
+}>();
 </script>
 
 <template>
 	<n-flex :size="0" align="center">
 		<n-flex align="center" size="small">
-			<rank :rank="name" class="[&>img]:size-6"/>
+			<rank :rank="name" class="[&>img]:size-6" />
 			<n-text class="text-5 fw-bold">{{ require_tr }} TR</n-text>
 		</n-flex>
 
-		<n-text :type="(trending >= 0 ? 'success' : 'error')" class="ml-2 fw-bold">
-			{{ trending >= 0 ? '↑' : '↓' }}{{ Math.abs(trending) }}
+		<n-text :type="trending >= 0 ? 'success' : 'error'" class="ml-2 fw-bold">
+			{{ trending >= 0 ? "↑" : "↓" }}{{ Math.abs(trending) }}
 		</n-text>
 	</n-flex>
-</template>
\ No newline at end of file
+</template>
diff --git a/src/v2/pages/tetrio/rank/detail/index.vue b/src/v2/pages/tetrio/rank/detail/index.vue
index ba08285..09330c9 100644
--- a/src/v2/pages/tetrio/rank/detail/index.vue
+++ b/src/v2/pages/tetrio/rank/detail/index.vue
@@ -1,68 +1,48 @@
 <script lang="ts">
-import type { User } from '@/v2/types/tetrio'
-import type { BackendTime } from '@/v2/types/utils'
+import { ValidRank } from "@/schemas/rank";
+import { z } from "zod";
 
-const data: {
-	readonly name: User['league']['rank']
-	readonly trending: number
-	readonly require_tr: number
-	readonly players: number
+const SpecialData = z.object({
+	apm: z.number(),
+	pps: z.number(),
+	lpm: z.number(),
+	vs: z.number(),
+	adpm: z.number(),
+	apl: z.number().nullable(),
+	adpl: z.number().nullable(),
+	apm_holder: z.string().nullable(),
+	pps_holder: z.string().nullable(),
+	vs_holder: z.string().nullable(),
+});
 
-	readonly minimum_data: {
-		readonly apm: number
-		readonly pps: number
-		readonly lpm: number
-		readonly vs: number
-		readonly adpm: number
-		readonly apl: number | null
-		readonly adpl: number | null
-		readonly apm_holder: string | null
-		readonly pps_holder: string | null
-		readonly vs_holder: string | null
-	}
+const Data = z
+	.object({
+		name: ValidRank,
+		trending: z.number(),
+		require_tr: z.number(),
+		players: z.number(),
 
-	readonly average_data: {
-		readonly apm: number
-		readonly pps: number
-		readonly lpm: number
-		readonly vs: number
-		readonly adpm: number
-		readonly apl: number | null
-		readonly adpl: number | null
-		readonly apm_holder: string | null
-		readonly pps_holder: string | null
-		readonly vs_holder: string | null
-	}
+		minimum_data: SpecialData,
+		average_data: SpecialData,
+		maximum_data: SpecialData,
 
-	readonly maximum_data: {
-		readonly apm: number
-		readonly pps: number
-		readonly lpm: number
-		readonly vs: number
-		readonly adpm: number
-		readonly apl: number | null
-		readonly adpl: number | null
-		readonly apm_holder: string | null
-		readonly pps_holder: string | null
-		readonly vs_holder: string | null
-	}
+		updated_at: z.coerce.date(),
+	})
+	.strict()
+	.readonly();
 
-	readonly updated_at: BackendTime
-} = JSON.parse(
-	document.querySelector('template#data')!.innerHTML
-)
-
-export type Data = typeof data
+export type Data = z.infer<typeof Data>;
+const data = Data.parse(JSON.parse(document.querySelector<HTMLTemplateElement>("template#data")!.innerHTML.trim()));
 </script>
 
 <script lang="ts" setup>
-import layout from '@/v2/components/common/layout.vue'
-import powered from '@/v2/components/common/footer.vue'
+import powered from "@/v2/components/common/footer.vue";
+import layout from "@/v2/components/common/layout.vue";
 
-import rank_card from '@/v2/pages/tetrio/rank/detail/_card.vue'
-import rank_info from '@/v2/pages/tetrio/rank/detail/_info.vue'
-import rank_statistic from '@/v2/pages/tetrio/rank/detail/_statistic.vue'
-import rank_trending from '@/v2/pages/tetrio/rank/detail/_trending.vue'
+import rank_card from "@/v2/pages/tetrio/rank/detail/_card.vue";
+import rank_info from "@/v2/pages/tetrio/rank/detail/_info.vue";
+import rank_statistic from "@/v2/pages/tetrio/rank/detail/_statistic.vue";
+import rank_trending from "@/v2/pages/tetrio/rank/detail/_trending.vue";
 </script>
 
 <template>
@@ -70,48 +50,67 @@ import rank_trending from '@/v2/pages/tetrio/rank/detail/_trending.vue'
 		<rank_card :name="data.name" size="small">
 			<n-flex vertical>
 				<n-flex justify="space-between">
-					<rank_info :name="data.name" :players="data.players" :require_tr="data.require_tr"/>
-					<rank_trending :value="data.trending"/>
+					<rank_info :name="data.name" :players="data.players" :require_tr="data.require_tr" />
+					<rank_trending :value="data.trending" />
 				</n-flex>
 
 				<n-flex justify="center">
 					<n-card class="w-fit text-center" size="small" title="最低数据">
-						<rank_statistic :adpl="data.minimum_data.adpl" :adpm="data.minimum_data.adpm"
-										:apl="data.minimum_data.apl" :apm="data.minimum_data.apm"
-										:apm_holder="data.minimum_data.apm_holder" :lpm="data.minimum_data.lpm"
-										:pps="data.minimum_data.pps" :pps_holder="data.minimum_data.pps_holder"
-										:vs="data.minimum_data.vs" :vs_holder="data.minimum_data.vs_holder"/>
+						<rank_statistic
+							:adpl="data.minimum_data.adpl"
+							:adpm="data.minimum_data.adpm"
+							:apl="data.minimum_data.apl"
+							:apm="data.minimum_data.apm"
+							:apm_holder="data.minimum_data.apm_holder"
+							:lpm="data.minimum_data.lpm"
+							:pps="data.minimum_data.pps"
+							:pps_holder="data.minimum_data.pps_holder"
+							:vs="data.minimum_data.vs"
+							:vs_holder="data.minimum_data.vs_holder"
+						/>
 					</n-card>
 
 					<n-card class="w-fit text-center" size="small" title="平均数据">
-						<rank_statistic :adpl="data.average_data.adpl" :adpm="data.average_data.adpm"
-										:apl="data.average_data.apl" :apm="data.average_data.apm"
-										:apm_holder="data.average_data.apm_holder" :lpm="data.average_data.lpm"
-										:pps="data.average_data.pps" :pps_holder="data.average_data.pps_holder"
-										:vs="data.average_data.vs" :vs_holder="data.average_data.vs_holder"/>
+						<rank_statistic
+							:adpl="data.average_data.adpl"
+							:adpm="data.average_data.adpm"
+							:apl="data.average_data.apl"
+							:apm="data.average_data.apm"
+							:apm_holder="data.average_data.apm_holder"
+							:lpm="data.average_data.lpm"
+							:pps="data.average_data.pps"
+							:pps_holder="data.average_data.pps_holder"
+							:vs="data.average_data.vs"
+							:vs_holder="data.average_data.vs_holder"
+						/>
 					</n-card>
 
 					<n-card class="w-fit text-center" size="small" title="最高数据">
-						<rank_statistic :adpl="data.maximum_data.adpl" :adpm="data.maximum_data.adpm"
-										:apl="data.maximum_data.apl" :apm="data.maximum_data.apm"
-										:apm_holder="data.maximum_data.apm_holder" :lpm="data.maximum_data.lpm"
-										:pps="data.maximum_data.pps" :pps_holder="data.maximum_data.pps_holder"
-										:vs="data.maximum_data.vs" :vs_holder="data.maximum_data.vs_holder"/>
+						<rank_statistic
+							:adpl="data.maximum_data.adpl"
+							:adpm="data.maximum_data.adpm"
+							:apl="data.maximum_data.apl"
+							:apm="data.maximum_data.apm"
+							:apm_holder="data.maximum_data.apm_holder"
+							:lpm="data.maximum_data.lpm"
+							:pps="data.maximum_data.pps"
+							:pps_holder="data.maximum_data.pps_holder"
+							:vs="data.maximum_data.vs"
+							:vs_holder="data.maximum_data.vs_holder"
+						/>
 					</n-card>
 				</n-flex>
 
 				<div class="text-center">
-					<n-text :depth="3">
-						更新时间: {{ new Date(data.updated_at).toLocaleString('zh-CN') }}
-					</n-text>
+					<n-text :depth="3"> 更新时间: {{ data.updated_at.toLocaleString("zh-CN") }} </n-text>
 				</div>
 			</n-flex>
 		</rank_card>
 
-		<powered/>
+		<powered />
 	</layout>
 </template>
 
 <style lang="scss">
-@import '@/v2/styles/main';
-</style>
\ No newline at end of file
+@import "@/v2/styles/main";
+</style>
diff --git a/src/v2/pages/tetrio/rank/index.vue b/src/v2/pages/tetrio/rank/index.vue
index 9d91b0f..7c4ee4c 100644
--- a/src/v2/pages/tetrio/rank/index.vue
+++ b/src/v2/pages/tetrio/rank/index.vue
@@ -1,69 +1,73 @@
 <script lang="ts">
-import type { User } from '@/v2/types/tetrio'
-import type { BackendTime } from '@/v2/types/utils'
+import { ValidRank } from "@/schemas/rank";
+import { z } from "zod";
 
-const data: {
-	readonly items: Record<Exclude<User['league']['rank'], 'Z'>, {
-		readonly require_tr: number
-		readonly trending: number
+const Data = z
+	.object({
+		items: z.record(
+			ValidRank,
+			z.object({
+				require_tr: z.number(),
+				trending: z.number(),
+				average_data: z.object({
+					pps: z.number(),
+					apm: z.number(),
+					apl: z.number(),
+					vs: z.number(),
+					adpl: z.number(),
+				}),
+				players: z.number(),
+			})
+		),
+		updated_at: z.coerce.date(),
+	})
+	.strict()
+	.readonly();
 
-		readonly average_data: {
-			readonly pps: number
-			readonly apm: number
-			readonly apl: number
-			readonly vs: number
-			readonly adpl: number
-		}
-
-		readonly players: number
-	}>
-
-	readonly updated_at: BackendTime
-} = JSON.parse(
-	document.querySelector('template#data')!.innerHTML
-)
-
-export type Data = typeof data
+export type Data = z.infer<typeof Data>;
+const data = Data.parse(JSON.parse(document.querySelector<HTMLTemplateElement>("template#data")!.innerHTML.trim()));
 </script>
 
 <script lang="ts" setup>
-import layout from '@/v2/components/common/layout.vue'
-import powered from '@/v2/components/common/footer.vue'
+import powered from "@/v2/components/common/footer.vue";
+import layout from "@/v2/components/common/layout.vue";
 
-import rank_card from '@/v2/pages/tetrio/rank/_card.vue'
-import rank_info from '@/v2/pages/tetrio/rank/_info.vue'
-import rank_statistic from '@/v2/pages/tetrio/rank/_statistic.vue'
-import rank_players from '@/v2/pages/tetrio/rank/_players.vue'
+import rank_card from "@/v2/pages/tetrio/rank/_card.vue";
+import rank_info from "@/v2/pages/tetrio/rank/_info.vue";
+import rank_players from "@/v2/pages/tetrio/rank/_players.vue";
+import rank_statistic from "@/v2/pages/tetrio/rank/_statistic.vue";
 </script>
 
 <template>
 	<layout content_class="max-w-320">
 		<template v-for="(rank, name) in data.items">
-			<rank_card :name="name" size="small">
+			<rank_card :name="name" size="small" v-if="rank !== undefined">
 				<n-flex justify="space-between">
-					<rank_info :name="name" :require_tr="rank.require_tr" :trending="rank.trending"/>
+					<rank_info :name="name" :require_tr="rank.require_tr" :trending="rank.trending" />
 
-					<rank_statistic :adpl="rank.average_data.adpl" :apl="rank.average_data.apl"
-									:apm="rank.average_data.apm" :pps="rank.average_data.pps"
-									:vs="rank.average_data.vs"/>
+					<rank_statistic
+						:adpl="rank.average_data.adpl"
+						:apl="rank.average_data.apl"
+						:apm="rank.average_data.apm"
+						:pps="rank.average_data.pps"
+						:vs="rank.average_data.vs"
+					/>
 
-					<rank_players :value="rank.players"/>
+					<rank_players :value="rank.players" />
 				</n-flex>
 			</rank_card>
 		</template>
 
 		<n-card size="small">
 			<div class="text-center">
-				<n-text class="text-xl" type="info">
-					更新时间: {{ new Date(data.updated_at).toLocaleString('zh-CN') }}
-				</n-text>
+				<n-text class="text-xl" type="info"> 更新时间: {{ data.updated_at.toLocaleString("zh-CN") }} </n-text>
 			</div>
 		</n-card>
 
-		<powered/>
+		<powered />
 	</layout>
 </template>
 
 <style lang="scss">
-@import '@/v2/styles/main';
-</style>
\ No newline at end of file
+@import "@/v2/styles/main";
+</style>
diff --git a/src/v2/pages/tetrio/record/40l/_result.vue b/src/v2/pages/tetrio/record/40l/_result.vue
index 0be6ef0..8695052 100644
--- a/src/v2/pages/tetrio/record/40l/_result.vue
+++ b/src/v2/pages/tetrio/record/40l/_result.vue
@@ -1,17 +1,16 @@
 <script lang="ts" setup>
-import type { BackendTime } from '@/v2/types/utils'
-import { isNonNullish } from 'remeda'
+import { isNonNullish } from "remeda";
 
 defineProps<{
-	readonly type: 'warning' | 'info' | 'error' | 'default'
-	readonly is_best: boolean
-	readonly title: string
+	readonly type: "warning" | "info" | "error" | "default";
+	readonly is_best: boolean;
+	readonly title: string;
 
-	readonly time: string
-	readonly rank: number | null
-	readonly personal_rank: number | null
-	readonly play_at: BackendTime
-}>()
+	readonly time: string;
+	readonly rank: number | null;
+	readonly personal_rank: number | null;
+	readonly play_at: Date;
+}>();
 </script>
 
 <template>
@@ -36,8 +35,8 @@ defineProps<{
 			</n-flex>
 
 			<div class="text-right">
-				<n-text :depth="3">{{ new Date(play_at).toLocaleString('zh-CN') }}</n-text>
+				<n-text :depth="3">{{ play_at.toLocaleString("zh-CN") }}</n-text>
 			</div>
 		</n-flex>
 	</n-alert>
-</template>
\ No newline at end of file
+</template>
diff --git a/src/v2/pages/tetrio/record/40l/index.vue b/src/v2/pages/tetrio/record/40l/index.vue
index f5ff55f..9f572dd 100644
--- a/src/v2/pages/tetrio/record/40l/index.vue
+++ b/src/v2/pages/tetrio/record/40l/index.vue
@@ -1,161 +1,115 @@
 <script lang="ts">
-import type { BackendTime } from '@/v2/types/utils'
+import { z } from "zod";
+import Data from "../schemas/data";
+import Type from "../schemas/type";
 
-export enum Type {
-	BEST = 'best',
-	PERSONAL_BEST = 'personal_best',
-	RECENT = 'recent',
-	DISPUTED = 'disputed'
-}
+const SprintData = Data.strict().readonly();
 
-const data: {
-	readonly type: Type | null
-
-	readonly user: {
-		readonly id: string
-		readonly name: string
-	}
-
-	readonly time: string
-	readonly replay_id: string
-	readonly rank: number | null
-	readonly personal_rank: number | null
-
-	readonly statistic: {
-		readonly keys: number
-		readonly kpp: number
-		readonly kps: number
-
-		readonly max: {
-			readonly combo: number
-			readonly btb: number
-		}
-
-		readonly pieces: number
-		readonly pps: number
-		readonly lines: number
-		readonly lpm: number
-		readonly holds: number | null
-		readonly score: number
-
-		readonly single: number
-		readonly double: number
-		readonly triple: number
-		readonly quad: number
-
-		readonly tspins: {
-			readonly total: number
-			readonly single: number
-			readonly double: number
-			readonly triple: number
-
-			readonly mini: {
-				readonly total: number
-				readonly single: number
-				readonly double: number
-			}
-		}
-
-		readonly all_clear: number
-
-		readonly finesse: {
-			readonly faults: number
-			readonly accuracy: number
-		}
-	}
-
-	readonly play_at: BackendTime
-} = JSON.parse(
-	document.querySelector('template#data')!.innerHTML
-)
-
-export type Data = typeof data
+export type SprintData = z.infer<typeof SprintData>;
+const data = SprintData.parse(
+	JSON.parse(document.querySelector<HTMLTemplateElement>("template#data")!.innerHTML.trim())
+);
 </script>
 
 <script lang="ts" setup>
-import layout from '@/v2/components/common/layout.vue'
-import powered from '@/v2/components/common/footer.vue'
-
-import sprint_result from '@/v2/pages/tetrio/record/40l/_result.vue'
-import sprint_user from '@/v2/pages/tetrio/record/40l/_user.vue'
-import sprint_sk from '@/v2/pages/tetrio/record/40l/_statistic-key.vue'
-import sprint_sm from '@/v2/pages/tetrio/record/40l/_statistic-max.vue'
-import sprint_sr from '@/v2/pages/tetrio/record/40l/_statistic-replay.vue'
-import sprint_sb from '@/v2/pages/tetrio/record/40l/_statistic-block.vue'
-import sprint_sc from '@/v2/pages/tetrio/record/40l/_statistic-clear.vue'
-import sprint_sf from '@/v2/pages/tetrio/record/40l/_statistic-finesse.vue'
-import { isNullish } from 'remeda'
+import powered from "@/v2/components/common/footer.vue";
+import layout from "@/v2/components/common/layout.vue";
+
+import sprint_result from "@/v2/pages/tetrio/record/40l/_result.vue";
+import sprint_sb from "@/v2/pages/tetrio/record/40l/_statistic-block.vue";
+import sprint_sc from "@/v2/pages/tetrio/record/40l/_statistic-clear.vue";
+import sprint_sf from "@/v2/pages/tetrio/record/40l/_statistic-finesse.vue";
+import sprint_sk from "@/v2/pages/tetrio/record/40l/_statistic-key.vue";
+import sprint_sm from "@/v2/pages/tetrio/record/40l/_statistic-max.vue";
+import sprint_sr from "@/v2/pages/tetrio/record/40l/_statistic-replay.vue";
+import sprint_user from "@/v2/pages/tetrio/record/40l/_user.vue";
+import { isNullish } from "remeda";
 
 const title = computed(() => {
 	if (data.statistic.tspins.double >= 20) {
-		return '20TSD'
+		return "20TSD";
 	}
 
 	if (data.statistic.all_clear >= 10) {
-		return '10PC'
+		return "10PC";
 	}
 
-	return '40L'
-})
+	return "40L";
+});
 
 const type = computed(() => {
 	if (isNullish(data.type)) {
-		return 'default'
+		return "default";
 	}
 
 	if ([Type.BEST, Type.PERSONAL_BEST].includes(data.type)) {
-		return 'warning'
+		return "warning";
 	}
 
 	if (data.type === Type.RECENT) {
-		return 'info'
+		return "info";
 	}
 
 	if (data.type === Type.DISPUTED) {
-		return 'error'
+		return "error";
 	}
 
-	return 'default'
-})
+	return "default";
+});
 </script>
 
 <template>
 	<layout content_class="max-w-320">
 		<sprint_result
 			:is_best="data.type === Type.BEST || (data.type === Type.PERSONAL_BEST && data.personal_rank === 1)"
-			:personal_rank="data.personal_rank" :play_at="data.play_at" :rank="data.rank" :time="data.time"
-			:title="title" :type="type"/>
+			:personal_rank="data.personal_rank"
+			:play_at="data.play_at"
+			:rank="data.rank"
+			:time="data.time"
+			:title="title"
+			:type="type"
+		/>
 
 		<n-flex :wrap="false">
-			<sprint_user :id="data.user.id" :name="data.user.name"/>
+			<sprint_user :id="data.user.id" :name="data.user.name" />
 
 			<n-flex class="flex-1" vertical>
 				<n-flex :wrap="false">
 					<n-flex :wrap="false" class="w-1/2" vertical>
-						<sprint_sk :keys="data.statistic.keys" :kpp="data.statistic.kpp" :kps="data.statistic.kps"/>
-						<sprint_sm :btb="data.statistic.max.btb" :combo="data.statistic.max.combo"/>
+						<sprint_sk :keys="data.statistic.keys" :kpp="data.statistic.kpp" :kps="data.statistic.kps" />
+						<sprint_sm :btb="data.statistic.max.btb" :combo="data.statistic.max.combo" />
 					</n-flex>
 
-					<sprint_sb :holds="data.statistic.holds" :lines="data.statistic.lines"
-							   :lpm="data.statistic.lpm" :pieces="data.statistic.pieces" :pps="data.statistic.pps"
-							   :score="data.statistic.score"/>
-
-					<sprint_sc :all_clear="data.statistic.all_clear" :double="data.statistic.double"
-							   :quad="data.statistic.quad" :single="data.statistic.single"
-							   :triple="data.statistic.triple" :tspins="data.statistic.tspins"/>
+					<sprint_sb
+						:holds="data.statistic.holds"
+						:lines="data.statistic.lines"
+						:lpm="data.statistic.lpm"
+						:pieces="data.statistic.pieces"
+						:pps="data.statistic.pps"
+						:score="data.statistic.score"
+					/>
+
+					<sprint_sc
+						:all_clear="data.statistic.all_clear"
+						:double="data.statistic.double"
+						:quad="data.statistic.quad"
+						:single="data.statistic.single"
+						:triple="data.statistic.triple"
+						:tspins="data.statistic.tspins"
+					/>
 				</n-flex>
 
 				<n-flex :wrap="false">
-					<sprint_sr :replay_id="data.replay_id"/>
-					<sprint_sf :accuracy="data.statistic.finesse.accuracy" :faults="data.statistic.finesse.faults"/>
+					<sprint_sr :replay_id="data.replay_id" />
+					<sprint_sf :accuracy="data.statistic.finesse.accuracy" :faults="data.statistic.finesse.faults" />
 				</n-flex>
 			</n-flex>
 		</n-flex>
 
-		<powered/>
+		<powered />
 	</layout>
 </template>
 
 <style lang="scss">
-@import '@/v2/styles/main';
-</style>
\ No newline at end of file
+@import "@/v2/styles/main";
+</style>
diff --git a/src/v2/pages/tetrio/record/blitz/_result.vue b/src/v2/pages/tetrio/record/blitz/_result.vue
index 4406696..9f7d048 100644
--- a/src/v2/pages/tetrio/record/blitz/_result.vue
+++ b/src/v2/pages/tetrio/record/blitz/_result.vue
@@ -1,17 +1,16 @@
 <script lang="ts" setup>
-import type { BackendTime } from '@/v2/types/utils'
-import { isNonNullish } from 'remeda'
+import { isNonNullish } from "remeda";
 
 defineProps<{
-	readonly type: 'warning' | 'info' | 'error' | 'default'
-	readonly is_best: boolean
-	readonly title: string
+	readonly type: "warning" | "info" | "error" | "default";
+	readonly is_best: boolean;
+	readonly title: string;
 
-	readonly score: number
-	readonly rank: number | null
-	readonly personal_rank: number | null
-	readonly play_at: BackendTime
-}>()
+	readonly score: number;
+	readonly rank: number | null;
+	readonly personal_rank: number | null;
+	readonly play_at: Date;
+}>();
 </script>
 
 <template>
@@ -19,7 +18,7 @@ defineProps<{
 		<n-flex vertical>
 			<div class="text-(center 5xl) fw-bold">
 				<n-text :class="{ 'text-(yellow shadow-[0_0_1rem])': is_best }">
-					{{ new Intl.NumberFormat('zh-CN').format(score) }}
+					{{ new Intl.NumberFormat("zh-CN").format(score) }}
 				</n-text>
 			</div>
 
@@ -38,8 +37,8 @@ defineProps<{
 			</n-flex>
 
 			<div class="text-right">
-				<n-text :depth="3">{{ new Date(play_at).toLocaleString('zh-CN') }}</n-text>
+				<n-text :depth="3">{{ play_at.toLocaleString("zh-CN") }}</n-text>
 			</div>
 		</n-flex>
 	</n-alert>
-</template>
\ No newline at end of file
+</template>
diff --git a/src/v2/pages/tetrio/record/blitz/index.vue b/src/v2/pages/tetrio/record/blitz/index.vue
index 90100d2..3194a06 100644
--- a/src/v2/pages/tetrio/record/blitz/index.vue
+++ b/src/v2/pages/tetrio/record/blitz/index.vue
@@ -1,150 +1,108 @@
 <script lang="ts">
-import type { BackendTime } from '@/v2/types/utils'
+import { z } from "zod";
+import Data from "../schemas/data";
+import Statistic from "../schemas/statistic";
+import Type from "../schemas/type";
 
-export enum Type {
-	BEST = 'best',
-	PERSONAL_BEST = 'personal_best',
-	RECENT = 'recent',
-	DISPUTED = 'disputed'
-}
-
-const data: {
-	readonly type: Type | null
-
-	readonly user: {
-		readonly id: string
-		readonly name: string
-	}
-
-	readonly time: string
-	readonly replay_id: string
-	readonly rank: number | null
-	readonly personal_rank: number | null
-
-	readonly statistic: {
-		readonly keys: number
-		readonly kpp: number
-		readonly kps: number
-
-		readonly max: {
-			readonly combo: number
-			readonly btb: number
-		}
-
-		readonly pieces: number
-		readonly pps: number
-		readonly lines: number
-		readonly lpm: number
-		readonly holds: number | null
-		readonly score: number
-		readonly spp: number
-
-		readonly single: number
-		readonly double: number
-		readonly triple: number
-		readonly quad: number
-
-		readonly tspins: {
-			readonly total: number
-			readonly single: number
-			readonly double: number
-			readonly triple: number
-
-			readonly mini: {
-				readonly total: number
-				readonly single: number
-				readonly double: number
-			}
-		}
-
-		readonly all_clear: number
-
-		readonly finesse: {
-			readonly faults: number
-			readonly accuracy: number
-		}
-
-		readonly level: number
-	}
-
-	readonly play_at: BackendTime
-} = JSON.parse(
-	document.querySelector('template#data')!.innerHTML
-)
+const BlitzData = Data.extend({
+	statistic: Statistic.extend({ spp: z.number(), level: z.number() }),
+})
+	.strict()
+	.readonly();
 
-export type Data = typeof data
+export type BlitzData = z.infer<typeof BlitzData>;
+const data = BlitzData.parse(
+	JSON.parse(document.querySelector<HTMLTemplateElement>("template#data")!.innerHTML.trim())
+);
 </script>
 
 <script lang="ts" setup>
-import layout from '@/v2/components/common/layout.vue'
-import powered from '@/v2/components/common/footer.vue'
-
-import blitz_result from '@/v2/pages/tetrio/record/blitz/_result.vue'
-import blitz_user from '@/v2/pages/tetrio/record/blitz/_user.vue'
-import blitz_sk from '@/v2/pages/tetrio/record/blitz/_statistic-key.vue'
-import blitz_sm from '@/v2/pages/tetrio/record/blitz/_statistic-max.vue'
-import blitz_sr from '@/v2/pages/tetrio/record/blitz/_statistic-replay.vue'
-import blitz_sb from '@/v2/pages/tetrio/record/blitz/_statistic-block.vue'
-import blitz_sc from '@/v2/pages/tetrio/record/blitz/_statistic-clear.vue'
-import blitz_sf from '@/v2/pages/tetrio/record/blitz/_statistic-finesse.vue'
-import { isNullish } from 'remeda'
+import powered from "@/v2/components/common/footer.vue";
+import layout from "@/v2/components/common/layout.vue";
+
+import blitz_result from "@/v2/pages/tetrio/record/blitz/_result.vue";
+import blitz_sb from "@/v2/pages/tetrio/record/blitz/_statistic-block.vue";
+import blitz_sc from "@/v2/pages/tetrio/record/blitz/_statistic-clear.vue";
+import blitz_sf from "@/v2/pages/tetrio/record/blitz/_statistic-finesse.vue";
+import blitz_sk from "@/v2/pages/tetrio/record/blitz/_statistic-key.vue";
+import blitz_sm from "@/v2/pages/tetrio/record/blitz/_statistic-max.vue";
+import blitz_sr from "@/v2/pages/tetrio/record/blitz/_statistic-replay.vue";
+import blitz_user from "@/v2/pages/tetrio/record/blitz/_user.vue";
+import { isNullish } from "remeda";
 
 const type = computed(() => {
 	if (isNullish(data.type)) {
-		return 'default'
+		return "default";
 	}
 
 	if ([Type.BEST, Type.PERSONAL_BEST].includes(data.type)) {
-		return 'warning'
+		return "warning";
 	}
 
 	if (data.type === Type.RECENT) {
-		return 'info'
+		return "info";
 	}
 
 	if (data.type === Type.DISPUTED) {
-		return 'error'
+		return "error";
 	}
 
-	return 'default'
-})
+	return "default";
+});
 </script>
 
 <template>
 	<layout content_class="max-w-320">
 		<blitz_result
 			:is_best="data.type === Type.BEST || (data.type === Type.PERSONAL_BEST && data.personal_rank === 1)"
-			:personal_rank="data.personal_rank" :play_at="data.play_at" :rank="data.rank" :score="data.statistic.score"
-			:type="type" title="Blitz"/>
+			:personal_rank="data.personal_rank"
+			:play_at="data.play_at"
+			:rank="data.rank"
+			:score="data.statistic.score"
+			:type="type"
+			title="Blitz"
+		/>
 
 		<n-flex :wrap="false">
-			<blitz_user :id="data.user.id" :name="data.user.name"/>
+			<blitz_user :id="data.user.id" :name="data.user.name" />
 
 			<n-flex class="flex-1" vertical>
 				<n-flex :wrap="false">
 					<n-flex :wrap="false" class="w-1/2" vertical>
-						<blitz_sk :keys="data.statistic.keys" :kpp="data.statistic.kpp" :kps="data.statistic.kps"/>
-						<blitz_sm :btb="data.statistic.max.btb" :combo="data.statistic.max.combo"/>
-						<blitz_sr :replay_id="data.replay_id"/>
+						<blitz_sk :keys="data.statistic.keys" :kpp="data.statistic.kpp" :kps="data.statistic.kps" />
+						<blitz_sm :btb="data.statistic.max.btb" :combo="data.statistic.max.combo" />
+						<blitz_sr :replay_id="data.replay_id" />
 					</n-flex>
 
-					<blitz_sb :holds="data.statistic.holds" :level="data.statistic.level" :lines="data.statistic.lines"
-							  :lpm="data.statistic.lpm" :pieces="data.statistic.pieces" :pps="data.statistic.pps"
-							  :score="data.statistic.score" :spp="data.statistic.spp"/>
-
-					<blitz_sc :all_clear="data.statistic.all_clear" :double="data.statistic.double"
-							  :quad="data.statistic.quad" :single="data.statistic.single"
-							  :triple="data.statistic.triple" :tspins="data.statistic.tspins"/>
+					<blitz_sb
+						:holds="data.statistic.holds"
+						:level="data.statistic.level"
+						:lines="data.statistic.lines"
+						:lpm="data.statistic.lpm"
+						:pieces="data.statistic.pieces"
+						:pps="data.statistic.pps"
+						:score="data.statistic.score"
+						:spp="data.statistic.spp"
+					/>
+
+					<blitz_sc
+						:all_clear="data.statistic.all_clear"
+						:double="data.statistic.double"
+						:quad="data.statistic.quad"
+						:single="data.statistic.single"
+						:triple="data.statistic.triple"
+						:tspins="data.statistic.tspins"
+					/>
 				</n-flex>
 
-				<blitz_sf :accuracy="data.statistic.finesse.accuracy" :faults="data.statistic.finesse.faults"/>
+				<blitz_sf :accuracy="data.statistic.finesse.accuracy" :faults="data.statistic.finesse.faults" />
 			</n-flex>
 		</n-flex>
 
-		<powered/>
+		<powered />
 	</layout>
 </template>
 
 <style lang="scss">
-@import '@/v2/styles/main';
-</style>
\ No newline at end of file
+@import "@/v2/styles/main";
+</style>
diff --git a/src/v2/pages/tetrio/record/schemas/data.ts b/src/v2/pages/tetrio/record/schemas/data.ts
new file mode 100644
index 0000000..e368d15
--- /dev/null
+++ b/src/v2/pages/tetrio/record/schemas/data.ts
@@ -0,0 +1,20 @@
+import User from "@/schemas/user";
+import { z } from "zod";
+import Statistic from "./statistic";
+import Type from "./type";
+
+const Data = z.object({
+	type: z.nativeEnum(Type).nullable(),
+
+	user: User.extend({ id: z.string() }).omit({ avatar: true }),
+	time: z.string(),
+	replay_id: z.string(),
+	rank: z.number().nullable(),
+	personal_rank: z.number().nullable(),
+
+	statistic: Statistic,
+
+	play_at: z.coerce.date(),
+});
+
+export default Data;
diff --git a/src/v2/pages/tetrio/record/schemas/statistic.ts b/src/v2/pages/tetrio/record/schemas/statistic.ts
new file mode 100644
index 0000000..c35ab54
--- /dev/null
+++ b/src/v2/pages/tetrio/record/schemas/statistic.ts
@@ -0,0 +1,45 @@
+import { z } from "zod";
+
+const Statistic = z.object({
+	keys: z.number(),
+	kpp: z.number(),
+	kps: z.number(),
+
+	max: z.object({
+		combo: z.number(),
+		btb: z.number(),
+	}),
+
+	pieces: z.number(),
+	pps: z.number(),
+	lines: z.number(),
+	lpm: z.number(),
+	holds: z.number().nullable(),
+	score: z.number(),
+
+	single: z.number(),
+	double: z.number(),
+	triple: z.number(),
+	quad: z.number(),
+
+	tspins: z.object({
+		total: z.number(),
+		single: z.number(),
+		double: z.number(),
+		triple: z.number(),
+
+		mini: z.object({
+			total: z.number(),
+			single: z.number(),
+			double: z.number(),
+		}),
+	}),
+	all_clear: z.number(),
+
+	finesse: z.object({
+		faults: z.number(),
+		accuracy: z.number(),
+	}),
+});
+
+export default Statistic;
diff --git a/src/v2/pages/tetrio/record/schemas/type.ts b/src/v2/pages/tetrio/record/schemas/type.ts
new file mode 100644
index 0000000..1ae2197
--- /dev/null
+++ b/src/v2/pages/tetrio/record/schemas/type.ts
@@ -0,0 +1,7 @@
+enum Type {
+	BEST = "best",
+	PERSONAL_BEST = "personal_best",
+	RECENT = "recent",
+	DISPUTED = "disputed",
+}
+export default Type;
diff --git a/src/v2/pages/tetrio/tetra_league/index.vue b/src/v2/pages/tetrio/tetra_league/index.vue
index 2670c46..7db2604 100644
--- a/src/v2/pages/tetrio/tetra_league/index.vue
+++ b/src/v2/pages/tetrio/tetra_league/index.vue
@@ -1,82 +1,79 @@
 <script lang="ts">
-import type { BackendTime } from '@/v2/types/utils'
-
-const data: {
-	readonly replay_id: string
-
-	readonly games: {
-		readonly user: {
-			readonly id: string
-			readonly name: string
-		}
-
-		readonly points: number
-
-		readonly average_data: {
-			readonly pps: number
-			readonly apm: number
-			readonly apl: number
-			readonly vs: number
-			readonly adpl: number
-		}
-
-		readonly data: {
-			readonly pps: number
-			readonly apm: number
-			readonly apl: number
-			readonly vs: number
-			readonly adpl: number
-		}[]
-
-		readonly handling: {
-			readonly arr: number
-			readonly das: number
-			readonly sdf: number
-		}
-	}[]
-
-	readonly play_at: BackendTime
-} = JSON.parse(
-	document.querySelector('template#data')!.innerHTML
-)
-
-export type Data = typeof data
+import { z } from "zod";
+
+const SpecialData = z.object({
+	pps: z.number(),
+	apm: z.number(),
+	apl: z.number(),
+	vs: z.number(),
+	adpl: z.number(),
+});
+
+const Data = z
+	.object({
+		replay_id: z.string(),
+		games: z.array(
+			z.object({
+				user: z.object({
+					id: z.string(),
+					name: z.string(),
+				}),
+				points: z.number(),
+				average_data: SpecialData,
+				data: z.array(SpecialData),
+				handling: z.object({
+					arr: z.number(),
+					das: z.number(),
+					sdf: z.number(),
+				}),
+			})
+		),
+		play_at: z.coerce.date(),
+	})
+	.strict()
+	.readonly();
+
+export type Data = z.infer<typeof Data>;
+const data = Data.parse(JSON.parse(document.querySelector<HTMLTemplateElement>("template#data")!.innerHTML.trim()));
 </script>
 
 <script lang="ts" setup>
-import layout from '@/v2/components/common/layout.vue'
-import powered from '@/v2/components/common/footer.vue'
+import powered from "@/v2/components/common/footer.vue";
+import layout from "@/v2/components/common/layout.vue";
 
-import tl_player from '@/v2/pages/tetrio/tetra_league/_player.vue'
-import tl_replay_id from '@/v2/pages/tetrio/tetra_league/_replay_id.vue'
-import tl_round from '@/v2/pages/tetrio/tetra_league/_round.vue'
-import tl_handling from '@/v2/pages/tetrio/tetra_league/_handling.vue'
+import tl_handling from "@/v2/pages/tetrio/tetra_league/_handling.vue";
+import tl_player from "@/v2/pages/tetrio/tetra_league/_player.vue";
+import tl_replay_id from "@/v2/pages/tetrio/tetra_league/_replay_id.vue";
+import tl_round from "@/v2/pages/tetrio/tetra_league/_round.vue";
 
 const winner_user_id = computed(() => {
-	return data.games.sort(game => {
-		return game.points
-	})[0].user.id
-})
+	return data.games.sort((game) => {
+		return game.points;
+	})[0].user.id;
+});
 </script>
 
 <template>
 	<layout content_class="max-w-320">
 		<n-grid :cols="data.games.length" :x-gap="10" :y-gap="10">
 			<n-grid-item v-for="game in data.games">
-				<tl_player :average_data="game.average_data" :is_winner="winner_user_id === game.user.id"
-						   :points="game.points"
-						   :user="game.user"/>
+				<tl_player
+					:average_data="game.average_data"
+					:is_winner="winner_user_id === game.user.id"
+					:points="game.points"
+					:user="game.user"
+				/>
 			</n-grid-item>
 		</n-grid>
 
-		<tl_replay_id :replay_id="data.replay_id"/>
+		<tl_replay_id :replay_id="data.replay_id" />
 
 		<n-flex class="[&_*]:!text-4" vertical>
 			<n-grid :cols="data.games.length" :x-gap="10" :y-gap="10">
 				<n-grid-item v-for="game in data.games">
 					<n-grid :cols="1" :x-gap="10" :y-gap="10">
 						<n-grid-item v-for="data in game.data">
-							<tl_round :adpl="data.adpl" :apl="data.apl" :apm="data.apm" :pps="data.pps" :vs="data.vs"/>
+							<tl_round :adpl="data.adpl" :apl="data.apl" :apm="data.apm" :pps="data.pps" :vs="data.vs" />
 						</n-grid-item>
 					</n-grid>
 				</n-grid-item>
@@ -84,11 +81,11 @@ const winner_user_id = computed(() => {
 
 			<n-grid :cols="data.games.length" :x-gap="10" :y-gap="10">
 				<n-grid-item v-for="game in data.games">
-					<tl_handling :arr="game.handling.arr" :das="game.handling.das" :sdf="game.handling.sdf"/>
+					<tl_handling :arr="game.handling.arr" :das="game.handling.das" :sdf="game.handling.sdf" />
 				</n-grid-item>
 			</n-grid>
 		</n-flex>
 
-		<powered/>
+		<powered />
 	</layout>
-</template>
\ No newline at end of file
+</template>
diff --git a/src/v2/pages/tetrio/user/info/_40l.vue b/src/v2/pages/tetrio/user/info/_40l.vue
index 530c9bc..8613634 100644
--- a/src/v2/pages/tetrio/user/info/_40l.vue
+++ b/src/v2/pages/tetrio/user/info/_40l.vue
@@ -1,12 +1,11 @@
 <script lang="ts" setup>
-import type { BackendTime } from '@/v2/types/utils'
-import { isNonNullish } from 'remeda'
+import { isNonNullish } from "remeda";
 
 defineProps<{
-	readonly time: string
-	readonly global_rank: number | null
-	readonly play_at: BackendTime
-}>()
+	readonly time: string;
+	readonly global_rank: number | null;
+	readonly play_at: Date;
+}>();
 </script>
 
 <template>
@@ -15,9 +14,7 @@ defineProps<{
 			<n-flex :size="0" vertical>
 				<n-text class="text-3xl fw-bold">{{ time }}</n-text>
 
-				<n-text :depth="3" class="text-sm">
-					达成时间: {{ new Date(play_at).toLocaleString('zh-CN') }}
-				</n-text>
+				<n-text :depth="3" class="text-sm"> 达成时间: {{ play_at.toLocaleString("zh-CN") }} </n-text>
 			</n-flex>
 
 			<n-text v-if="isNonNullish(global_rank)" class="text-sm fw-bold" type="success">
@@ -25,4 +22,4 @@ defineProps<{
 			</n-text>
 		</n-flex>
 	</n-card>
-</template>
\ No newline at end of file
+</template>
diff --git a/src/v2/pages/tetrio/user/info/_blitz.vue b/src/v2/pages/tetrio/user/info/_blitz.vue
index 39beffe..42c3b68 100644
--- a/src/v2/pages/tetrio/user/info/_blitz.vue
+++ b/src/v2/pages/tetrio/user/info/_blitz.vue
@@ -1,12 +1,11 @@
 <script lang="ts" setup>
-import type { BackendTime } from '@/v2/types/utils'
-import { isNonNullish } from 'remeda'
+import { isNonNullish } from "remeda";
 
 defineProps<{
-	readonly score: number
-	readonly global_rank: number | null
-	readonly play_at: BackendTime
-}>()
+	readonly score: number;
+	readonly global_rank: number | null;
+	readonly play_at: Date;
+}>();
 </script>
 
 <template>
@@ -14,12 +13,10 @@ defineProps<{
 		<n-flex align="center" justify="space-between">
 			<n-flex :size="0" vertical>
 				<n-text class="text-3xl fw-bold">
-					{{ new Intl.NumberFormat('zh-CN').format(score) }}
+					{{ new Intl.NumberFormat("zh-CN").format(score) }}
 				</n-text>
 
-				<n-text :depth="3" class="text-sm">
-					达成时间: {{ new Date(play_at).toLocaleString('zh-CN') }}
-				</n-text>
+				<n-text :depth="3" class="text-sm"> 达成时间: {{ play_at.toLocaleString("zh-CN") }} </n-text>
 			</n-flex>
 
 			<n-text v-if="isNonNullish(global_rank)" class="text-sm fw-bold" type="success">
@@ -27,4 +24,4 @@ defineProps<{
 			</n-text>
 		</n-flex>
 	</n-card>
-</template>
\ No newline at end of file
+</template>
diff --git a/src/v2/pages/tetrio/user/info/_detail.vue b/src/v2/pages/tetrio/user/info/_detail.vue
index 4db8c4d..7e05257 100644
--- a/src/v2/pages/tetrio/user/info/_detail.vue
+++ b/src/v2/pages/tetrio/user/info/_detail.vue
@@ -1,17 +1,16 @@
 <script lang="ts" setup>
-import type { BackendTime } from '@/v2/types/utils'
-import { ClockCircleOutlined } from '@vicons/antd'
-import { isNonNullish } from 'remeda'
+import { ClockCircleOutlined } from "@vicons/antd";
+import { isNonNullish } from "remeda";
 
 defineProps<{
 	readonly statistic: {
-		readonly total: number | null
-		readonly wins: number | null
-	} | null
+		readonly total: number | null;
+		readonly wins: number | null;
+	} | null;
 
-	readonly playtime: string | null
-	readonly join_at: BackendTime | null
-}>()
+	readonly playtime: string | null;
+	readonly join_at: Date | null;
+}>();
 </script>
 
 <template>
@@ -19,7 +18,7 @@ defineProps<{
 		<div class="flex flex-col justify-center items-center h-full">
 			<template v-if="isNonNullish(playtime)">
 				<n-flex align="center" class="!gap-1 mb-5">
-					<n-icon :component="ClockCircleOutlined" class="text-5"/>
+					<n-icon :component="ClockCircleOutlined" class="text-5" />
 					<n-text>{{ playtime }}</n-text>
 				</n-flex>
 			</template>
@@ -28,28 +27,23 @@ defineProps<{
 				<div class="text-center">
 					<n-text :depth="3" class="text-sm">
 						<template v-if="isNonNullish(statistic.total) && isNonNullish(statistic.wins)">
-							胜率: {{ statistic.wins }} / {{ statistic.total }}
-							({{ (statistic.wins / statistic.total * 100).toFixed(2) }}%)
+							胜率: {{ statistic.wins }} / {{ statistic.total }} ({{
+								((statistic.wins / statistic.total) * 100).toFixed(2)
+							}}%)
 						</template>
 
-						<template v-else-if="isNonNullish(statistic.total)">
-							游玩次数: {{ statistic.total }}
-						</template>
+						<template v-else-if="isNonNullish(statistic.total)"> 游玩次数: {{ statistic.total }} </template>
 
-						<template v-else-if="isNonNullish(statistic.wins)">
-							胜场数: {{ statistic.wins }}
-						</template>
+						<template v-else-if="isNonNullish(statistic.wins)"> 胜场数: {{ statistic.wins }} </template>
 					</n-text>
 				</div>
 			</template>
 
 			<template v-if="isNonNullish(join_at)">
 				<div class="text-center">
-					<n-text :depth="3" class="text-sm">
-						注册时间: {{ new Date(join_at).toLocaleString('zh-CN') }}
-					</n-text>
+					<n-text :depth="3" class="text-sm"> 注册时间: {{ join_at.toLocaleString("zh-CN") }} </n-text>
 				</div>
 			</template>
 		</div>
 	</n-card>
-</template>
\ No newline at end of file
+</template>
diff --git a/src/v2/pages/tetrio/user/info/_tetra-league-history-chart.vue b/src/v2/pages/tetrio/user/info/_tetra-league-history-chart.vue
index f4b2bc3..c645335 100644
--- a/src/v2/pages/tetrio/user/info/_tetra-league-history-chart.vue
+++ b/src/v2/pages/tetrio/user/info/_tetra-league-history-chart.vue
@@ -1,64 +1,64 @@
 <script lang="ts" setup>
-import type { TetraLeagueHistory } from '@/v2/types/data'
-import { Chart } from '@antv/g2'
+import type { TetraLeagueHistory } from "@/v2/types/data";
+import { Chart } from "@antv/g2";
 
 const props = defineProps<{
-	readonly current_tr: number
-	readonly data: TetraLeagueHistory[]
-}>()
+	readonly current_tr: number;
+	readonly data: TetraLeagueHistory[];
+}>();
 
-const container = ref<HTMLElement>()
+const container = ref<HTMLElement>();
 
 tryOnMounted(() => {
 	const chart = new Chart({
 		container: container.value,
 		autoFit: true,
-		theme: 'dark'
-	})
+		theme: "dark",
+	});
 
 	chart.options({
-		type: 'view',
+		type: "view",
 
 		data: {
-			value: props.data
+			value: props.data,
 		},
 
 		axis: {
 			x: {
-				labelFormatter: (date: Date) => date.toLocaleDateString('zh-CN')
+				labelFormatter: (date: Date) => date.toLocaleDateString("zh-CN"),
 			},
 			y: {
-				title: 'Tetra Rating'
-			}
+				title: "Tetra Rating",
+			},
 		},
 
 		encode: {
 			x: (data: TetraLeagueHistory) => {
-				return new Date(data.record_at)
+				return data.record_at;
 			},
 			y: (data: TetraLeagueHistory) => {
-				return Number(data.tr)
-			}
+				return Number(data.tr);
+			},
 		},
 
 		children: [
 			{
-				type: 'line'
+				type: "line",
 			},
 			{
-				type: 'point'
-			}
-		]
-	})
+				type: "point",
+			},
+		],
+	});
 
 	setTimeout(() => {
-		chart.render()
-	}, 0)
-})
+		chart.render();
+	}, 0);
+});
 </script>
 
 <template>
 	<n-card size="small">
-		<div ref="container" class="h-80"/>
+		<div ref="container" class="h-80" />
 	</n-card>
-</template>
\ No newline at end of file
+</template>
diff --git a/src/v2/pages/tetrio/user/info/index.vue b/src/v2/pages/tetrio/user/info/index.vue
index 3f76aad..4aa98d8 100644
--- a/src/v2/pages/tetrio/user/info/index.vue
+++ b/src/v2/pages/tetrio/user/info/index.vue
@@ -1,165 +1,210 @@
 <script lang="ts">
-import type { TetraLeagueHistory } from '@/v2/types/data'
-import type { User } from '@/v2/types/tetrio'
-import type { BackendTime } from '@/v2/types/utils'
-
-const data: {
-	readonly user: {
-		readonly id: string
-		readonly name: string
-		readonly country: string | null
-
-		readonly role: User['role']
-
-		readonly banner: string | null
-
-		readonly bio: string | null
-
-		readonly friend_count: number | null
-		readonly supporter_tier: number
-
-		readonly verified: boolean
-		readonly bad_standing: boolean
-
-		readonly badges: {
-			readonly id: string
-			readonly description: string
-			readonly group: string | null
-			readonly receive_at: BackendTime | null
-		}[]
-
-		readonly xp: number
-
-		readonly playtime: string | null
-		readonly join_at: BackendTime | null
-	}
-
-	readonly tetra_league: {
-		readonly rank: User['league']['rank']
-		readonly highest_rank: User['league']['bestrank']
-
-		readonly tr: number
-
-		readonly glicko: number | null
-		readonly rd: number | null
-
-		readonly global_rank: number | null
-		readonly country_rank: number | null
-
-		readonly pps: number | null
-
-		readonly apm: number | null
-		readonly apl: number | null
-
-		readonly vs: number | null
-		readonly adpl: number | null
-
-		readonly statistic: {
-			readonly total: number
-			readonly wins: number
-		}
-
-		readonly decaying: boolean
-		readonly history: TetraLeagueHistory[] | null
-	} | null
-
-	readonly statistic: {
-		readonly total: number | null
-		readonly wins: number | null
-	} | null
-
-	readonly sprint: {
-		readonly time: string
-		readonly global_rank: number | null
-		readonly play_at: string
-	} | null
-
-	readonly blitz: {
-		readonly score: number
-		readonly global_rank: number | null
-		readonly play_at: string
-	} | null
-
-	readonly zen: {
-		readonly score: number
-		readonly level: number
-	} | null
-} = JSON.parse(
-	document.querySelector('template#data')!.innerHTML
-)
-
-export type Data = typeof data
+import Rank, { ValidRank } from "@/schemas/rank";
+import BaseUser from "@/schemas/user";
+import { z } from "zod";
+
+const Data = z
+	.object({
+		user: BaseUser.extend({
+			id: z.string(),
+			country: z.string().nullable(),
+
+			role: z.union([
+				z.literal("anon"),
+				z.literal("user"),
+				z.literal("bot"),
+				z.literal("halfmod"),
+				z.literal("mod"),
+				z.literal("admin"),
+				z.literal("sysop"),
+				z.literal("banned"),
+			]),
+
+			banner: z.string().nullable(),
+
+			bio: z.string().nullable(),
+
+			friend_count: z.number().nullable(),
+			supporter_tier: z.number(),
+
+			verified: z.boolean(),
+			bad_standing: z.boolean(),
+
+			badges: z.array(
+				z.object({
+					id: z.string(),
+					description: z.string(),
+					group: z.string().nullable(),
+					receive_at: z.string().nullable(),
+				})
+			),
+
+			xp: z.number(),
+
+			playtime: z.string().nullable(),
+			join_at: z.coerce.date().nullable(),
+		}),
+		tetra_league: z
+			.object({
+				rank: Rank,
+				highest_rank: ValidRank,
+
+				tr: z.number(),
+
+				glicko: z.number().nullable(),
+				rd: z.number().nullable(),
+
+				global_rank: z.number().nullable(),
+				country_rank: z.number().nullable(),
+
+				pps: z.number().nullable(),
+
+				apm: z.number().nullable(),
+				apl: z.number().nullable(),
+
+				vs: z.number().nullable(),
+				adpl: z.number().nullable(),
+
+				statistic: z.object({
+					total: z.number(),
+					wins: z.number(),
+				}),
+
+				decaying: z.boolean(),
+
+				history: z
+					.array(
+						z.object({
+							tr: z.number(),
+							record_at: z.coerce.date(),
+						})
+					)
+					.nullable(),
+			})
+			.nullable(),
+
+		statistic: z
+			.object({
+				total: z.number().nullable(),
+				wins: z.number().nullable(),
+			})
+			.nullable(),
+
+		sprint: z
+			.object({
+				time: z.string(),
+				global_rank: z.number().nullable(),
+				play_at: z.coerce.date(),
+			})
+			.nullable(),
+
+		blitz: z
+			.object({
+				score: z.number(),
+				global_rank: z.number().nullable(),
+				play_at: z.coerce.date(),
+			})
+			.nullable(),
+
+		zen: z
+			.object({
+				score: z.number(),
+				level: z.number(),
+			})
+			.nullable(),
+	})
+	.strict()
+	.readonly();
+
+export type Data = z.infer<typeof Data>;
+const data = Data.parse(JSON.parse(document.querySelector<HTMLTemplateElement>("template#data")!.innerHTML.trim()));
 </script>
 
 <script lang="ts" setup>
-import layout from '@/v2/components/common/layout.vue'
-import powered from '@/v2/components/common/footer.vue'
-
-import info_header from '@/v2/pages/tetrio/user/info/_header.vue'
-import info_banned from '@/v2/pages/tetrio/user/info/_banned.vue'
-import info_detail from '@/v2/pages/tetrio/user/info/_detail.vue'
-import info_bs from '@/v2/pages/tetrio/user/info/_bad-standing.vue'
-import info_bio from '@/v2/pages/tetrio/user/info/_bio.vue'
-import info_badges from '@/v2/pages/tetrio/user/info/_badges.vue'
-import info_xp from '@/v2/pages/tetrio/user/info/_xp.vue'
-import info_tl from '@/v2/pages/tetrio/user/info/_tetra-league.vue'
-import info_tl_history_chart from '@/v2/pages/tetrio/user/info/_tetra-league-history-chart.vue'
-import info_40l from '@/v2/pages/tetrio/user/info/_40l.vue'
-import info_blitz from '@/v2/pages/tetrio/user/info/_blitz.vue'
-import info_zen from '@/v2/pages/tetrio/user/info/_zen.vue'
-
-import { isNonNullish } from 'remeda'
+import powered from "@/v2/components/common/footer.vue";
+import layout from "@/v2/components/common/layout.vue";
+
+import info_40l from "@/v2/pages/tetrio/user/info/_40l.vue";
+import info_bs from "@/v2/pages/tetrio/user/info/_bad-standing.vue";
+import info_badges from "@/v2/pages/tetrio/user/info/_badges.vue";
+import info_banned from "@/v2/pages/tetrio/user/info/_banned.vue";
+import info_bio from "@/v2/pages/tetrio/user/info/_bio.vue";
+import info_blitz from "@/v2/pages/tetrio/user/info/_blitz.vue";
+import info_detail from "@/v2/pages/tetrio/user/info/_detail.vue";
+import info_header from "@/v2/pages/tetrio/user/info/_header.vue";
+import info_tl_history_chart from "@/v2/pages/tetrio/user/info/_tetra-league-history-chart.vue";
+import info_tl from "@/v2/pages/tetrio/user/info/_tetra-league.vue";
+import info_xp from "@/v2/pages/tetrio/user/info/_xp.vue";
+import info_zen from "@/v2/pages/tetrio/user/info/_zen.vue";
+
+import { isNonNullish } from "remeda";
 </script>
 
 <template>
 	<layout content_class="max-w-320">
-		<info_header :id="data.user.id" :banner="data.user.banner"
-					 :country="data.user.country" :friend_count="data.user.friend_count"
-					 :name="data.user.name"
-					 :supporter_tier="data.user.supporter_tier" :verified="data.user.verified"/>
-
-		<template v-if="(data.user.role === 'banned')">
-			<info_banned/>
+		<info_header
+			:id="data.user.id"
+			:banner="data.user.banner"
+			:country="data.user.country"
+			:friend_count="data.user.friend_count"
+			:name="data.user.name"
+			:supporter_tier="data.user.supporter_tier"
+			:verified="data.user.verified"
+		/>
+
+		<template v-if="data.user.role === 'banned'">
+			<info_banned />
 		</template>
 
 		<template v-else>
 			<template v-if="data.user.bad_standing">
-				<info_bs/>
+				<info_bs />
 			</template>
 
 			<template v-if="isNonNullish(data.user.bio)">
-				<info_bio :content="data.user.bio"/>
+				<info_bio :content="data.user.bio" />
 			</template>
 
 			<n-divider class="!my-0">多人游戏</n-divider>
 
 			<template v-if="isNonNullish(data.user.badges)">
-				<info_badges :badges="data.user.badges"/>
+				<info_badges :badges="data.user.badges" />
 			</template>
 
 			<n-flex vertical>
 				<template v-if="isNonNullish(data.tetra_league)">
 					<template v-if="isNonNullish(data.tetra_league.history)">
-						<info_tl_history_chart :current_tr="data.tetra_league.tr" :data="data.tetra_league.history"/>
+						<info_tl_history_chart :current_tr="data.tetra_league.tr" :data="data.tetra_league.history" />
 					</template>
 
-					<info_tl :adpl="data.tetra_league.adpl" :apl="data.tetra_league.apl"
-							 :apm="data.tetra_league.apm" :country="data.user.country"
-							 :country_rank="data.tetra_league.country_rank"
-							 :decaying="data.tetra_league.decaying" :glicko="data.tetra_league.glicko"
-							 :global_rank="data.tetra_league.global_rank"
-							 :highest_rank="data.tetra_league.highest_rank" :pps="data.tetra_league.pps"
-							 :rank="data.tetra_league.rank" :rd="data.tetra_league.rd"
-							 :statistic="data.tetra_league.statistic" :tr="data.tetra_league.tr"
-							 :vs="data.tetra_league.vs"/>
+					<info_tl
+						:adpl="data.tetra_league.adpl"
+						:apl="data.tetra_league.apl"
+						:apm="data.tetra_league.apm"
+						:country="data.user.country"
+						:country_rank="data.tetra_league.country_rank"
+						:decaying="data.tetra_league.decaying"
+						:glicko="data.tetra_league.glicko"
+						:global_rank="data.tetra_league.global_rank"
+						:highest_rank="data.tetra_league.highest_rank"
+						:pps="data.tetra_league.pps"
+						:rank="data.tetra_league.rank"
+						:rd="data.tetra_league.rd"
+						:statistic="data.tetra_league.statistic"
+						:tr="data.tetra_league.tr"
+						:vs="data.tetra_league.vs"
+					/>
 				</template>
 
 				<n-flex :wrap="false">
-					<info_xp :value="data.user.xp"/>
+					<info_xp :value="data.user.xp" />
 
 					<template v-if="[data.user.playtime, data.statistic, data.user.join_at].some(isNonNullish)">
-						<info_detail :join_at="data.user.join_at" :playtime="data.user.playtime"
-									 :statistic="data.statistic"/>
+						<info_detail
+							:join_at="data.user.join_at"
+							:playtime="data.user.playtime"
+							:statistic="data.statistic"
+						/>
 					</template>
 				</n-flex>
 			</n-flex>
@@ -170,25 +215,31 @@ import { isNonNullish } from 'remeda'
 
 			<n-flex :wrap="false" class="[&>*]:(h-full flex-1)">
 				<template v-if="isNonNullish(data.sprint)">
-					<info_40l :global_rank="data.sprint.global_rank" :play_at="data.sprint.play_at"
-							  :time="data.sprint.time"/>
+					<info_40l
+						:global_rank="data.sprint.global_rank"
+						:play_at="data.sprint.play_at"
+						:time="data.sprint.time"
+					/>
 				</template>
 
 				<template v-if="isNonNullish(data.blitz)">
-					<info_blitz :global_rank="data.blitz.global_rank" :play_at="data.blitz.play_at"
-								:score="data.blitz.score"/>
+					<info_blitz
+						:global_rank="data.blitz.global_rank"
+						:play_at="data.blitz.play_at"
+						:score="data.blitz.score"
+					/>
 				</template>
 			</n-flex>
 
 			<template v-if="isNonNullish(data.zen)">
-				<info_zen :level="data.zen.level" :score="data.zen.score"/>
+				<info_zen :level="data.zen.level" :score="data.zen.score" />
 			</template>
 		</template>
 
-		<powered/>
+		<powered />
 	</layout>
 </template>
 
 <style lang="scss">
-@import '@/v2/styles/main';
-</style>
\ No newline at end of file
+@import "@/v2/styles/main";
+</style>
diff --git a/src/v2/pages/tetrio/user/list/index.vue b/src/v2/pages/tetrio/user/list/index.vue
index b68e627..8a7f5c7 100644
--- a/src/v2/pages/tetrio/user/list/index.vue
+++ b/src/v2/pages/tetrio/user/list/index.vue
@@ -1,59 +1,60 @@
 <script lang="ts">
-import type { User } from '@/v2/types/tetrio'
-import type { BackendTime } from '@/v2/types/utils'
-
-const data: {
-	readonly show_index: boolean
-
-	readonly users: {
-		readonly id: string
-		readonly name: string
-		readonly country: string | null
-		readonly verified: boolean
-
-		readonly tetra_league: {
-			readonly rank: User['league']['rank']
-			readonly tr: number
-
-			readonly glicko: number | null
-			readonly rd: number | null
-			readonly decaying: boolean
-
-			readonly pps: number | null
-			readonly apm: number | null
-			readonly apl: number | null
-
-			readonly vs: number | null
-			readonly adpl: number | null
-		}
-
-		readonly xp: number
-		readonly join_at: BackendTime | null
-	}[]
-} = JSON.parse(
-	document.querySelector('template#data')!.innerHTML
-)
-
-export type Data = typeof data
+import { z } from "zod";
+
+const Data = z
+	.object({
+		show_index: z.boolean(),
+		users: z.array(
+			z.object({
+				id: z.string(),
+				name: z.string(),
+				country: z.string().nullable(),
+				verified: z.boolean(),
+
+				tetra_league: z.object({
+					rank: Rank,
+					tr: z.number(),
+
+					glicko: z.number().nullable(),
+					rd: z.number().nullable(),
+					decaying: z.boolean(),
+					pps: z.number().nullable(),
+					apm: z.number().nullable(),
+					apl: z.number().nullable(),
+					vs: z.number().nullable(),
+					adpl: z.number().nullable(),
+				}),
+				xp: z.number(),
+				join_at: z.coerce.date().nullable(),
+			})
+		),
+	})
+	.strict()
+	.readonly();
+
+export type Data = z.infer<typeof Data>;
+
+const data = Data.parse(JSON.parse(document.querySelector<HTMLTemplateElement>("template#data")!.innerHTML.trim()));
 </script>
 
 <script lang="ts" setup>
-import layout from '@/v2/components/common/layout.vue'
-import powered from '@/v2/components/common/footer.vue'
+import Rank from "@/schemas/rank";
+import powered from "@/v2/components/common/footer.vue";
+import layout from "@/v2/components/common/layout.vue";
 
-import list_user from '@/v2/pages/tetrio/user/list/_user.vue'
-import list_statistic from '@/v2/pages/tetrio/user/list/_statistic.vue'
-import list_tl from '@/v2/pages/tetrio/user/list/_tetra-league.vue'
+import list_statistic from "@/v2/pages/tetrio/user/list/_statistic.vue";
+import list_tl from "@/v2/pages/tetrio/user/list/_tetra-league.vue";
+import list_user from "@/v2/pages/tetrio/user/list/_user.vue";
 
-import { isNullish } from 'remeda'
+import { isNullish } from "remeda";
 
-const checkDecaying = (user: Data['users'][number]) => {
+const checkDecaying = (user: Data["users"][number]) => {
 	if (isNullish(user.tetra_league.rd)) {
-		return false
+		return false;
 	}
 
-	return user.tetra_league.decaying && user.tetra_league.rd >= 98
-}
+	return user.tetra_league.decaying && user.tetra_league.rd >= 98;
+};
 </script>
 
 <template>
@@ -61,24 +62,38 @@ const checkDecaying = (user: Data['users'][number]) => {
 		<template v-for="(user, index) in data.users">
 			<n-card :class="{ 'opacity-50': checkDecaying(user) }" size="small">
 				<n-flex justify="space-between">
-					<list_user :id="user.id" :country="user.country"
-							   :index="data.show_index ? index + 1 : null"
-							   :name="user.name" :verified="user.verified" :xp="user.xp"/>
-
-					<list_statistic :adpl="user.tetra_league.adpl" :apl="user.tetra_league.apl"
-									:apm="user.tetra_league.apm" :pps="user.tetra_league.pps"
-									:vs="user.tetra_league.vs"/>
-
-					<list_tl :decaying="user.tetra_league.decaying" :glicko="user.tetra_league.glicko"
-							 :rank="user.tetra_league.rank" :rd="user.tetra_league.rd" :tr="user.tetra_league.tr"/>
+					<list_user
+						:id="user.id"
+						:country="user.country"
+						:index="data.show_index ? index + 1 : null"
+						:name="user.name"
+						:verified="user.verified"
+						:xp="user.xp"
+					/>
+
+					<list_statistic
+						:adpl="user.tetra_league.adpl"
+						:apl="user.tetra_league.apl"
+						:apm="user.tetra_league.apm"
+						:pps="user.tetra_league.pps"
+						:vs="user.tetra_league.vs"
+					/>
+
+					<list_tl
+						:decaying="user.tetra_league.decaying"
+						:glicko="user.tetra_league.glicko"
+						:rank="user.tetra_league.rank"
+						:rd="user.tetra_league.rd"
+						:tr="user.tetra_league.tr"
+					/>
 				</n-flex>
 			</n-card>
 		</template>
 
-		<powered/>
+		<powered />
 	</layout>
 </template>
 
 <style lang="scss">
-@import '@/v2/styles/main';
-</style>
\ No newline at end of file
+@import "@/v2/styles/main";
+</style>
diff --git a/src/v2/types/data.d.ts b/src/v2/types/data.d.ts
index c616e3a..37b72fc 100644
--- a/src/v2/types/data.d.ts
+++ b/src/v2/types/data.d.ts
@@ -1,6 +1,4 @@
-import type { BackendTime } from '@/v2/types/utils'
-
 export interface TetraLeagueHistory {
-	readonly tr: number
-	readonly record_at: BackendTime
-}
\ No newline at end of file
+	readonly tr: number;
+	readonly record_at: Date;
+}
diff --git a/src/v2/types/tetrio.d.ts b/src/v2/types/tetrio.d.ts
index da71ad6..859b3ad 100644
--- a/src/v2/types/tetrio.d.ts
+++ b/src/v2/types/tetrio.d.ts
@@ -1,133 +1,157 @@
 export interface User {
-	readonly _id: string
-	readonly username: string
-	readonly role: 'anon' | 'user' | 'bot' | 'halfmod' | 'mod' | 'admin' | 'sysop' | 'banned'
-	readonly ts?: string
-	readonly botmaster?: string
+	readonly _id: string;
+	readonly username: string;
+	readonly role: "anon" | "user" | "bot" | "halfmod" | "mod" | "admin" | "sysop" | "banned";
+	readonly ts?: Date;
+	readonly botmaster?: string;
 
 	readonly badges: {
-		readonly id: string
-		readonly label: string
-		readonly group?: string
-		readonly ts?: string
-	}[]
+		readonly id: string;
+		readonly label: string;
+		readonly group?: string;
+		readonly ts?: string;
+	}[];
 
-	readonly xp: number
+	readonly xp: number;
 
-	readonly gamesplayed: number
-	readonly gameswon: number
-	readonly gametime: number
+	readonly gamesplayed: number;
+	readonly gameswon: number;
+	readonly gametime: number;
 
-	readonly country?: string
-	readonly badstanding?: boolean
+	readonly country?: string;
+	readonly badstanding?: boolean;
 
-	readonly supporter: boolean
-	readonly supporter_tier: number
-	readonly verified: boolean
+	readonly supporter: boolean;
+	readonly supporter_tier: number;
+	readonly verified: boolean;
 
 	readonly league: {
-		readonly gamesplayed: number
-		readonly gameswon: number
-
-		readonly rating: number
-		readonly rank: 'D' | 'D+' | 'C-' | 'C' | 'C+' | 'B-' | 'B' | 'B+' | 'A-' | 'A' | 'A+' | 'S-' | 'S' | 'S+' | 'SS' | 'U' | 'X' | 'Z'
-		readonly bestrank: Exclude<User['league']['rank'], 'Z'>
-
-		readonly glicko?: number
-		readonly rd?: number
-
-		readonly apm?: number
-		readonly pps?: number
-		readonly vs?: number
-		readonly decaying: boolean
-
-		readonly standing: number
-		readonly standing_local: number
-
-		readonly next_rank?: MiddleRanks | null
-		readonly prev_rank?: MiddleRanks | null
-
-		readonly next_at: number
-		readonly prev_at: number
-
-		readonly percentile: number
-		readonly percentile_rank: User['league']['rank']
-	}
-
-	readonly avatar_revision?: number
-	readonly banner_revision?: number
-	readonly bio?: string
+		readonly gamesplayed: number;
+		readonly gameswon: number;
+
+		readonly rating: number;
+		readonly rank:
+			| "d"
+			| "d+"
+			| "c-"
+			| "c"
+			| "c+"
+			| "b-"
+			| "b"
+			| "b+"
+			| "a-"
+			| "a"
+			| "a+"
+			| "s-"
+			| "s"
+			| "s+"
+			| "ss"
+			| "u"
+			| "x"
+			| "z";
+		readonly bestrank: Exclude<User["league"]["rank"], "Z">;
+
+		readonly glicko?: number;
+		readonly rd?: number;
+
+		readonly apm?: number;
+		readonly pps?: number;
+		readonly vs?: number;
+		readonly decaying: boolean;
+
+		readonly standing: number;
+		readonly standing_local: number;
+
+		readonly next_rank?: MiddleRanks | null;
+		readonly prev_rank?: MiddleRanks | null;
+
+		readonly next_at: number;
+		readonly prev_at: number;
+
+		readonly percentile: number;
+		readonly percentile_rank: User["league"]["rank"];
+	};
+
+	readonly avatar_revision?: number;
+	readonly banner_revision?: number;
+	readonly bio?: string;
 
 	readonly connections: {
 		readonly discord?: {
-			readonly id: string
-			readonly username: string
-		}
-	}
+			readonly id: string;
+			readonly username: string;
+		};
+	};
 
-	readonly friend_count: number
+	readonly friend_count: number;
 	readonly distinguishment?: {
-		readonly type: string
-	}
+		readonly type: string;
+	};
 }
 
 export interface Record {
 	readonly records: {
-		'40l': {
+		"40l": {
 			readonly record: {
-				readonly _id: string
-				readonly stream: `${'40l' | 'blitz' | 'any'}_${'global' | 'userbest' | 'userrecent'}${'' | `_${'userbest' | 'userrecent' | string}`}`
-				readonly replayid: string
+				readonly _id: string;
+				readonly stream: `${"40l" | "blitz" | "any"}_${"global" | "userbest" | "userrecent"}${
+					| ""
+					| `_${"userbest" | "userrecent" | string}`}`;
+				readonly replayid: string;
 
 				readonly user: {
-					readonly _id: string
-					readonly username: string
-				}
+					readonly _id: string;
+					readonly username: string;
+				};
 
-				readonly ts: string
-				readonly ismulti?: boolean
-				readonly endcontext: Record<unknown, unknown>[] | Record<unknown, unknown>
-			}
+				readonly ts: Date;
+				readonly ismulti?: boolean;
+				readonly endcontext: Record<unknown, unknown>[] | Record<unknown, unknown>;
+			};
 
-			rank: number | null
-		},
+			rank: number | null;
+		};
 		blitz: {
 			readonly record: {
-				readonly _id: string
-				readonly stream: `${'40l' | 'blitz' | 'any'}_${'global' | 'userbest' | 'userrecent'}${'' | `_${'userbest' | 'userrecent' | string}`}`
-				readonly replayid: string
+				readonly _id: string;
+				readonly stream: `${"40l" | "blitz" | "any"}_${"global" | "userbest" | "userrecent"}${
+					| ""
+					| `_${"userbest" | "userrecent" | string}`}`;
+				readonly replayid: string;
 
 				readonly user: {
-					readonly _id: string
-					readonly username: string
-				}
+					readonly _id: string;
+					readonly username: string;
+				};
 
-				readonly ts: string
-				readonly ismulti?: boolean
-				readonly endcontext: Record<unknown, unknown>[] | Record<unknown, unknown>
-			}
+				readonly ts: Date;
+				readonly ismulti?: boolean;
+				readonly endcontext: Record<unknown, unknown>[] | Record<unknown, unknown>;
+			};
 
-			rank: number | null
-		}
-	}
+			rank: number | null;
+		};
+	};
 
 	readonly zen: {
-		readonly level: number
-		readonly score: number
-	}
+		readonly level: number;
+		readonly score: number;
+	};
 }
 
 export interface TetraLeagueRecord {
-	readonly _id: string
-	readonly stream: `${'40l' | 'blitz' | 'any'}_${'global' | 'userbest' | 'userrecent'}${'' | `_${'userbest' | 'userrecent' | string}`}`
-	readonly replayid: string
+	readonly _id: string;
+	readonly stream: `${"40l" | "blitz" | "any"}_${"global" | "userbest" | "userrecent"}${
+		| ""
+		| `_${"userbest" | "userrecent" | string}`}`;
+	readonly replayid: string;
 
 	readonly user: {
-		readonly _id: string
-		readonly username: string
-	}
-
-	readonly ts: string
-	readonly ismulti?: boolean
-	readonly endcontext: Record<unknown, unknown>[] | Record<unknown, unknown>
-}
\ No newline at end of file
+		readonly _id: string;
+		readonly username: string;
+	};
+
+	readonly ts: Date;
+	readonly ismulti?: boolean;
+	readonly endcontext: Record<unknown, unknown>[] | Record<unknown, unknown>;
+}
diff --git a/src/v2/types/utils.d.ts b/src/v2/types/utils.d.ts
deleted file mode 100644
index 9dbb9b0..0000000
--- a/src/v2/types/utils.d.ts
+++ /dev/null
@@ -1 +0,0 @@
-export type BackendTime = string
\ No newline at end of file