From 64c8e55f80636a1185a1797fe486b4189ff56944 Mon Sep 17 00:00:00 2001
From: Christian Kaisermann <christian@kaisermann.me>
Date: Thu, 21 Nov 2019 22:23:34 -0300
Subject: [PATCH] =?UTF-8?q?feat:=20=F0=9F=8E=B8=20locale=20change=20automa?=
 =?UTF-8?q?tically=20updates=20the=20document=20lang?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Intl.svelte                       | 15 --------------
 example/src/routes/_layout.svelte | 33 ++++++++++++++-----------------
 src/client/stores/locale.ts       |  4 ++++
 3 files changed, 19 insertions(+), 33 deletions(-)
 delete mode 100644 Intl.svelte

diff --git a/Intl.svelte b/Intl.svelte
deleted file mode 100644
index 7f8c4cd..0000000
--- a/Intl.svelte
+++ /dev/null
@@ -1,15 +0,0 @@
-<script context="module">
-  function updateLangAttr(lang) {
-    if (typeof window !== 'undefined') {
-      document.documentElement.setAttribute('lang', lang)
-    }
-  }
-</script>
-
-<script>
-  import { locale, locales, isLoading } from './dist/i18n.mjs'
-
-  $: updateLangAttr($locale)
-</script>
-
-<slot isLoading={$isLoading} locale={$locale} locales={$locales} />
diff --git a/example/src/routes/_layout.svelte b/example/src/routes/_layout.svelte
index d976292..9769934 100644
--- a/example/src/routes/_layout.svelte
+++ b/example/src/routes/_layout.svelte
@@ -1,6 +1,5 @@
 <script context="module">
-  import { locales, locale, waitInitialLocale } from 'svelte-i18n'
-  import Intl from 'svelte-i18n/Intl.svelte'
+  import { locales, locale, isLoading, waitInitialLocale } from 'svelte-i18n'
 
   export async function preload() {
     return waitInitialLocale({
@@ -50,20 +49,18 @@
   }
 </style>
 
-<Intl let:isLoading>
-  {#if isLoading}
-    <div class="loading">Loading...</div>
-  {/if}
+{#if $isLoading}
+  <div class="loading">Loading...</div>
+{/if}
 
-  <Nav {segment} />
-  <main>
-    <select bind:value={$locale}>
-      {#each $locales as locale}
-        {#if locale in localeLabels}
-          <option value={locale}>{localeLabels[locale]}</option>
-        {/if}
-      {/each}
-    </select>
-    <slot />
-  </main>
-</Intl>
+<Nav {segment} />
+<main>
+  <select bind:value={$locale}>
+    {#each $locales as locale}
+      {#if locale in localeLabels}
+        <option value={locale}>{localeLabels[locale]}</option>
+      {/if}
+    {/each}
+  </select>
+  <slot />
+</main>
diff --git a/src/client/stores/locale.ts b/src/client/stores/locale.ts
index 7b94217..9855739 100644
--- a/src/client/stores/locale.ts
+++ b/src/client/stores/locale.ts
@@ -29,6 +29,10 @@ function loadLocale(localeToLoad: string) {
 
 $locale.subscribe((newLocale: string) => {
   current = newLocale
+
+  if (typeof window !== 'undefined') {
+    document.documentElement.setAttribute('lang', newLocale)
+  }
 })
 
 const localeSet = $locale.set