From ea7b2e8ec23570e42335b2d0a550bc4e7cb0f16f Mon Sep 17 00:00:00 2001
From: Vixalie <vixalie@outlook.com>
Date: Mon, 30 Mar 2026 21:56:01 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0=E8=AE=BE=E7=BD=AE?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E5=B8=83=E5=B1=80=E5=92=8C=E5=AF=BC=E8=88=AA?=
 =?UTF-8?q?=E5=8A=9F=E8=83=BD=EF=BC=8C=E9=87=8D=E6=9E=84=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=E7=BB=93=E6=9E=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/routes/settings/+layout.svelte     | 24 ++++++++++++++++++++++++
 src/routes/settings/+layout.ts         |  6 ++++++
 src/routes/settings/+page.svelte       |  8 --------
 src/routes/settings/+page.ts           |  6 ++++++
 src/routes/settings/proxy/+page.svelte |  0
 5 files changed, 36 insertions(+), 8 deletions(-)
 create mode 100644 src/routes/settings/+layout.svelte
 create mode 100644 src/routes/settings/+layout.ts
 delete mode 100644 src/routes/settings/+page.svelte
 create mode 100644 src/routes/settings/+page.ts
 create mode 100644 src/routes/settings/proxy/+page.svelte

diff --git a/src/routes/settings/+layout.svelte b/src/routes/settings/+layout.svelte
new file mode 100644
index 0000000..9246e55
--- /dev/null
+++ b/src/routes/settings/+layout.svelte
@@ -0,0 +1,24 @@
+<script lang="ts">
+import { afterNavigate } from '$app/navigation';
+import { currentActivate } from '$lib/stores/navigate';
+
+let { children, data }: { data: { activePath: string } } = $props();
+afterNavigate(() => {
+  currentActivate.set('settings');
+});
+</script>
+
+<main class="px-4 py-4 size-full flex flex-row items-stretch gap-0 overflow-hidden">
+  <nav class="max-w-[12em] grow flex flex-col items-stretch gap-2">
+    <a
+      href="/settings/proxy"
+      class={[
+        'inline-block px-4 py-2 rounded-md hover:bg-cyan-700',
+        data.activePath === '/settings/proxy' && 'bg-cyan-900',
+      ]}>Proxy</a>
+  </nav>
+  <div class="divider divider-horizontal mx-2"></div>
+  <div class="grow">
+    {@render children?.()}
+  </div>
+</main>
diff --git a/src/routes/settings/+layout.ts b/src/routes/settings/+layout.ts
new file mode 100644
index 0000000..3cd376c
--- /dev/null
+++ b/src/routes/settings/+layout.ts
@@ -0,0 +1,6 @@
+import type { LayoutLoad } from './$types';
+
+export const load = (async ({ url }) => {
+  const path = url.pathname;
+  return { activePath: path };
+}) satisfies LayoutLoad;
diff --git a/src/routes/settings/+page.svelte b/src/routes/settings/+page.svelte
deleted file mode 100644
index 1a29c2f..0000000
--- a/src/routes/settings/+page.svelte
+++ /dev/null
@@ -1,8 +0,0 @@
-<script lang="ts">
-import { afterNavigate } from '$app/navigation';
-import { currentActivate } from '$lib/stores/navigate';
-
-afterNavigate(() => {
-  currentActivate.set('settings');
-});
-</script>
diff --git a/src/routes/settings/+page.ts b/src/routes/settings/+page.ts
new file mode 100644
index 0000000..88d2e87
--- /dev/null
+++ b/src/routes/settings/+page.ts
@@ -0,0 +1,6 @@
+import { redirect } from "@sveltejs/kit";
+import type { PageLoad } from "./$types";
+
+export const load: PageLoad = async () => {
+  throw redirect(307, "/settings/proxy");
+};
diff --git a/src/routes/settings/proxy/+page.svelte b/src/routes/settings/proxy/+page.svelte
new file mode 100644
index 0000000..e69de29