Fix: rename i18n.js to i18n.svelte.js for runes support

CLAUDE.md

@@ -32,7 +32,7 @@ src/
     MapView.svelte        — Leaflet map with markers and walking route polylines
     utils.js              — pure business logic (haversine, fairness, formatting)
     utils.test.js         — unit tests for utils.js
-    i18n.js               — translations (FR, EN, ES) and t() helper
+    i18n.svelte.js        — translations (FR, EN, ES) and t() helper
 ```
 
 ## Commands

src/App.svelte

@@ -6,7 +6,7 @@
   import MapView from './lib/MapView.svelte';
   import GroupManager from './lib/GroupManager.svelte';
   import { friends, venues, mode, ranking, unit, apiKey, setApiKey, tooFarApart, MAX_DISTANCE, MAX_ADDRESSES, searchVenues, rerankVenues, formatMaxDistance } from './lib/stores.svelte.js';
-  import { t, locale, locales, localeLabels, setLocale } from './lib/i18n.js';
+  import { t, locale, locales, localeLabels, setLocale } from './lib/i18n.svelte.js';
 
   let selectedVenue = $state(null);
   let sidebarOpen = $state(true);

src/lib/AddressInput.svelte

@@ -1,6 +1,6 @@
 <script>
   import { addFriend, friends, searchVenues, MAX_ADDRESSES } from './stores.svelte.js';
-  import { t, locale } from './i18n.js';
+  import { t, locale } from './i18n.svelte.js';
 
   let query = $state('');
   let friendName = $state('');

src/lib/FriendList.svelte

@@ -1,6 +1,6 @@
 <script>
   import { friends, removeFriend, searchVenues } from './stores.svelte.js';
-  import { t } from './i18n.js';
+  import { t } from './i18n.svelte.js';
 
   const colors = ['#FF6B6B', '#A8E6CF', '#84C5F4', '#DCD6F7', '#FFD93D', '#FF8CC8', '#6BCB77', '#C4A1FF'];
 

src/lib/GroupManager.svelte

@@ -1,7 +1,7 @@
 <script>
   import { friends, loadFriends, searchVenues } from './stores.svelte.js';
   import { groups, saveGroup, deleteGroup, renameGroup, updateGroup } from './groups.svelte.js';
-  import { t } from './i18n.js';
+  import { t } from './i18n.svelte.js';
 
   let saveName = $state('');
   let editingId = $state(null);

src/lib/MapView.svelte

@@ -3,7 +3,7 @@
   import L from 'leaflet';
   import 'leaflet/dist/leaflet.css';
   import { friends, venues, centroid, mode, apiKey, fetchRoutes } from './stores.svelte.js';
-  import { t } from './i18n.js';
+  import { t } from './i18n.svelte.js';
 
   let { selectedVenue = $bindable(null) } = $props();
 

src/lib/ModeToggle.svelte

@@ -1,6 +1,6 @@
 <script>
   import { mode, searchVenues, friends } from './stores.svelte.js';
-  import { t } from './i18n.js';
+  import { t } from './i18n.svelte.js';
 
   function toggle(newMode) {
     mode.value = newMode;

src/lib/VenueList.svelte

@@ -1,6 +1,6 @@
 <script>
   import { venues, friends, ranking, formatDistance, formatDuration, distanceToFriend } from './stores.svelte.js';
-  import { t } from './i18n.js';
+  import { t } from './i18n.svelte.js';
 
   let { onSelectVenue = () => {}, selectedVenueId = null } = $props();
 

src/main.js

@@ -1,7 +1,7 @@
 import { mount } from 'svelte'
 import './app.css'
 import App from './App.svelte'
-import { locale } from './lib/i18n.js'
+import { locale } from './lib/i18n.svelte.js'
 
 document.documentElement.lang = locale.value