mobi fixed

Author: hwisu

src/components/pages/HomePage.astro

@@ -5,7 +5,7 @@ import LanguageToggle from '../LanguageToggle.astro';
 import { COMMON_TEXT, NAV_TEXT, HOME_TEXT, POST_TEXT } from '../../i18n/ui';
 import { getLocalePrefix, resolveLocale, type Locale } from '../../i18n/config';
 import '../../styles/global.css';
-import mainScript from '../../scripts/main.ts?url';
+import mainScript from '../../scripts/main.js?url';
 
 interface Props {
   locale: Locale;

src/layouts/BaseLayout.astro

@@ -3,7 +3,7 @@ import '../styles/global.css';
 import LanguageToggle from '../components/LanguageToggle.astro';
 import { COMMON_TEXT, NAV_TEXT, HOME_TEXT } from '../i18n/ui';
 import { getLocalePrefix, resolveLocale } from '../i18n/config';
-import mainScript from '../scripts/main.ts?url';
+import mainScript from '../scripts/main.js?url';
 
 export interface Props {
   title: string;
@@ -40,6 +40,7 @@ const isActiveLink = (href: string) => {
   return normalizedPath === normalizedHref || normalizedPath.startsWith(`${normalizedHref}/`);
 };
 
+
 // Type definitions for external libraries
 declare global {
   interface Window {

src/scripts/main.ts renamed to src/scripts/main.js

@@ -3,28 +3,20 @@
  * The module is loaded on every page via BaseLayout/HomePage.
  */
 
-type Theme = 'dark' | 'light';
-
-declare global {
-  interface Window {
-    toggleTheme: () => void;
-  }
-}
-
 const THEME_STORAGE_KEY = 'theme';
 
-const getStoredTheme = (): Theme => {
+const getStoredTheme = () => {
   const stored = typeof localStorage !== 'undefined'
-    ? (localStorage.getItem(THEME_STORAGE_KEY) as Theme | null)
+    ? localStorage.getItem(THEME_STORAGE_KEY)
     : null;
   return stored === 'light' ? 'light' : 'dark';
 };
 
-const setThemeAttribute = (theme: Theme) => {
+const setThemeAttribute = (theme) => {
   document.documentElement.setAttribute('data-theme', theme);
 };
 
-const syncThemeIcons = (theme: Theme) => {
+const syncThemeIcons = (theme) => {
   const icon = document.getElementById('theme-icon');
   const mobileIcon = document.getElementById('mobile-theme-icon');
   const iconText = theme === 'dark' ? '○' : '●';
@@ -33,7 +25,7 @@ const syncThemeIcons = (theme: Theme) => {
   if (mobileIcon) mobileIcon.textContent = iconText;
 };
 
-const applyTheme = (theme: Theme, persist = false) => {
+const applyTheme = (theme, persist = false) => {
   setThemeAttribute(theme);
   syncThemeIcons(theme);
   if (persist) {
@@ -44,18 +36,16 @@ const applyTheme = (theme: Theme, persist = false) => {
 setThemeAttribute(getStoredTheme());
 
 const handleThemeToggle = () => {
-  const currentAttr = document.documentElement.getAttribute('data-theme') as Theme | null;
+  const currentAttr = document.documentElement.getAttribute('data-theme');
   const current = currentAttr === 'light' ? 'light' : 'dark';
-  const next: Theme = current === 'dark' ? 'light' : 'dark';
+  const next = current === 'dark' ? 'light' : 'dark';
   applyTheme(next, true);
 };
 
 window.toggleTheme = handleThemeToggle;
 
-type Cleanup = () => void;
-
-const setupThemeToggles = (): Cleanup => {
-  const buttons = Array.from(document.querySelectorAll<HTMLButtonElement>('.theme-toggle'));
+const setupThemeToggles = () => {
+  const buttons = Array.from(document.querySelectorAll('.theme-toggle'));
 
   if (buttons.length === 0) {
     return () => {};
@@ -72,15 +62,15 @@ const setupThemeToggles = (): Cleanup => {
   };
 };
 
-const setupMobileNavigation = (): Cleanup => {
-  const navToggle = document.getElementById('mobile-nav-toggle') as HTMLButtonElement | null;
+const setupMobileNavigation = () => {
+  const navToggle = document.getElementById('mobile-nav-toggle');
   const navMenu = document.getElementById('mobile-nav-menu');
 
   if (!navToggle || !navMenu) {
     return () => {};
   }
 
-  const links = Array.from(navMenu.querySelectorAll<HTMLAnchorElement>('a'));
+  const links = Array.from(navMenu.querySelectorAll('a'));
 
   const openMenu = () => {
     navMenu.classList.add('is-open');
@@ -102,14 +92,14 @@ const setupMobileNavigation = (): Cleanup => {
     }
   };
 
-  const handleDocumentClick = (event: MouseEvent) => {
-    const target = event.target as Node | null;
+  const handleDocumentClick = (event) => {
+    const target = event.target;
     if (!navMenu.classList.contains('is-open')) return;
     if (target && (navMenu.contains(target) || navToggle.contains(target))) return;
     closeMenu();
   };
 
-  const handleDocumentKeydown = (event: KeyboardEvent) => {
+  const handleDocumentKeydown = (event) => {
     if (event.key === 'Escape' && navMenu.classList.contains('is-open')) {
       closeMenu();
     }
@@ -128,11 +118,11 @@ const setupMobileNavigation = (): Cleanup => {
   };
 };
 
-let teardownNav: Cleanup | undefined;
-let teardownTheme: Cleanup | undefined;
+let teardownNav;
+let teardownTheme;
 
 const enhance = () => {
-  const currentAttr = document.documentElement.getAttribute('data-theme') as Theme | null;
+  const currentAttr = document.documentElement.getAttribute('data-theme');
   syncThemeIcons(currentAttr === 'light' ? 'light' : 'dark');
   if (teardownTheme) {
     teardownTheme();