update

src/layouts/Layout.astro

@@ -10,7 +10,7 @@ import LanguageDetector from '@/components/LanguageDetector.astro'
 
 const { locale, t, getRelativeLocaleUrl } = getI18n(Astro)
 
-// 脚本内（打包型 <script>）无法用 {t()} 插值，需经 define:vars 把已翻译字符串传入
+// 经 data-* 属性把已翻译字符串传入打包型 <script>；define:vars 会让脚本变内联 classic，导致 import 报错，故改用 data 属性
 const hiLabel = t('Hi')
 const logoutLabel = t('Logout')
 
@@ -114,7 +114,7 @@ const headers = {
 					))}
 				</ul>
 			</div>
-			<div class="flex items-center gap-2" id="auth-slot">
+			<div class="flex items-center gap-2" id="auth-slot" data-hi-label={hiLabel} data-logout-label={logoutLabel}>
 				<a href={href(locale, ROUTES.login)} class="hover:opacity-60 transition-opacity duration-200">{t('Login')}</a>
 				<a href={href(locale, ROUTES.register)} class="hover:opacity-60 transition-opacity duration-200">{t('Signup')}</a>
 			</div>
@@ -126,9 +126,11 @@ const headers = {
 		</div>
 
 		<footer class="relative z-[1] bg-white mt-20 pt-10 border-t-2 border-black text-black w-full font-sans">
-      <script define:vars={{ hiLabel, logoutLabel }}>
+      <script>
         import { getUser, fetchMe, clearSession } from "@/lib/api"
         const slot = document.getElementById("auth-slot")
+        const hiLabel = slot?.dataset.hiLabel ?? "Hi"
+        const logoutLabel = slot?.dataset.logoutLabel ?? "Logout"
         function render(user) {
           if (!user) return // 未登录：保留 SSR 渲染的 Login/Signup（已带语言前缀，无需重写）
           slot.innerHTML = `<span class="opacity-70">${hiLabel}, ${user.username}</span><button id="logout-btn" class="hover:opacity-60 transition-opacity cursor-pointer bg-transparent border-0 p-0 font-bold text-[13px] uppercase tracking-[0.5px]">${logoutLabel}</button>`