init

Author: outman

src/lib/components/LanguageSelector.svelte

@@ -1,9 +1,11 @@
 <script>
 	import { page } from '$app/stores';
-	import { base } from '$app/paths';
 	import { flip } from 'svelte/animate';
 	import { fly } from 'svelte/transition';
 
+	// Base path from build config
+	const BASE_PATH = '/deva-support';
+
 	const languages = [
 		{ code: 'en', name: 'English', flag: '🇺🇸' },
 		{ code: 'zh-cn', name: '简体中文', flag: '🇨🇳' },
@@ -27,7 +29,7 @@
 	});
 
 	function changeLanguage(langCode) {
-		window.location.href = `${base}/${langCode}`;
+		window.location.href = `${BASE_PATH}/${langCode}`;
 	}
 
 	function getCurrentLanguage() {

src/routes/+layout.svelte

@@ -1,13 +1,15 @@
 <script>
 	import './layout.css';
 	import LanguageSelector from '$lib/components/LanguageSelector.svelte';
-	import { base } from '$app/paths';
+
+	// Base path from build config
+	const BASE_PATH = '/deva-support';
 
 	let { children } = $props();
 </script>
 
 <svelte:head>
-	<link rel="icon" href="{base}/favico.png" />
+	<link rel="icon" href="{BASE_PATH}/favico.png" />
 	<link rel="preconnect" href="https://fonts.googleapis.com" />
 	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
 	<link

src/routes/+page.svelte

@@ -1,6 +1,8 @@
 <script>
 	import { browser } from '$app/environment';
-	import { base } from '$app/paths';
+
+	// Base path from build config
+	const BASE_PATH = '/deva-support';
 
 	// Redirect to browser language or default to English
 	if (browser) {
@@ -26,7 +28,7 @@
 			targetLang = baseLang;
 		}
 
-		window.location.href = `${base}/${targetLang}`;
+		window.location.href = `${BASE_PATH}/${targetLang}`;
 	}
 </script>