From f84d2b90aa2af860053cf2b30119486a5b7541e9 Mon Sep 17 00:00:00 2001
From: Benjamin Danies <benjamin.danies@huggingface.co>
Date: Sat, 28 Mar 2026 15:42:14 +0100
Subject: [PATCH] fix(i18n): rename i18n.js to i18n.svelte.js for Svelte 5
 runes support

---
 CLAUDE.md                           | 2 +-
 src/App.svelte                      | 2 +-
 src/lib/AddressInput.svelte         | 2 +-
 src/lib/FriendList.svelte           | 2 +-
 src/lib/GroupManager.svelte         | 2 +-
 src/lib/MapView.svelte              | 2 +-
 src/lib/ModeToggle.svelte           | 2 +-
 src/lib/VenueList.svelte            | 2 +-
 src/lib/{i18n.js => i18n.svelte.js} | 0
 src/main.js                         | 2 +-
 10 files changed, 9 insertions(+), 9 deletions(-)
 rename src/lib/{i18n.js => i18n.svelte.js} (100%)

diff --git a/CLAUDE.md b/CLAUDE.md
index 8093185..a937b4d 100644
--- a/CLAUDE.md
+++ b/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
diff --git a/src/App.svelte b/src/App.svelte
index 64f76d3..1b006cd 100644
--- a/src/App.svelte
+++ b/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);
diff --git a/src/lib/AddressInput.svelte b/src/lib/AddressInput.svelte
index 9bc2a3f..46408ec 100644
--- a/src/lib/AddressInput.svelte
+++ b/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('');
diff --git a/src/lib/FriendList.svelte b/src/lib/FriendList.svelte
index 4229c4d..426d3ed 100644
--- a/src/lib/FriendList.svelte
+++ b/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'];
 
diff --git a/src/lib/GroupManager.svelte b/src/lib/GroupManager.svelte
index c77875e..24e8113 100644
--- a/src/lib/GroupManager.svelte
+++ b/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);
diff --git a/src/lib/MapView.svelte b/src/lib/MapView.svelte
index 76360e1..12c1875 100644
--- a/src/lib/MapView.svelte
+++ b/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();
 
diff --git a/src/lib/ModeToggle.svelte b/src/lib/ModeToggle.svelte
index ff89ded..206d8f8 100644
--- a/src/lib/ModeToggle.svelte
+++ b/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;
diff --git a/src/lib/VenueList.svelte b/src/lib/VenueList.svelte
index 0234d81..89a0a08 100644
--- a/src/lib/VenueList.svelte
+++ b/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();
 
diff --git a/src/lib/i18n.js b/src/lib/i18n.svelte.js
similarity index 100%
rename from src/lib/i18n.js
rename to src/lib/i18n.svelte.js
diff --git a/src/main.js b/src/main.js
index 18de97d..305a5c0 100644
--- a/src/main.js
+++ b/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