Feat: 新增评论组件，细化通知组件样式，引入环境变量，替换图标组件

app/routes/index.tsx

@@ -17,6 +17,8 @@ import type { Route } from "./+types/index";
 
 import styles from "./index.module.css";
 
+const { APP_APIURL } = import.meta.env;
+
 const year = new Date().getFullYear();
 
 export function meta({}: Route.MetaArgs) {
@@ -27,7 +29,7 @@ export function meta({}: Route.MetaArgs) {
 }
 
 export async function loader() {
-  const data = (await fetch("https://paul.ren/api/sync").then((res) =>
+  const data = (await fetch(`${APP_APIURL}/api/sync`).then((res) =>
     res.json()
   )) as unknown as API.Response<API.Sync.ISyncData>;