Update examples

examples/component-scoped-csr/README.md

@@ -1,7 +1,12 @@
+[![Netlify Status](https://api.netlify.com/api/v1/badges/7e679fc0-9808-4677-be27-fdeccdd6449f/deploy-status)](https://app.netlify.com/sites/component-scoped-csr/deploys)
+
 # Component-scoped app
 This app includes multiple instances of `sveltekit-i18n`.
 
 - app translations are loaded using SSR
 - component's translations are loaded in component promise (CSR - SvelteKit does not provide server side load method for components, so translation loaders are triggered on client side only)
 
 This approach is good for more complex apps.
+
+## Preview
+You can view this demo live on [Netlify](https://compoent-scoped-csr.netlify.app).

examples/component-scoped-ssr/README.md

@@ -1,3 +1,5 @@
+[![Netlify Status](https://api.netlify.com/api/v1/badges/7b79a988-ea49-40a0-bad9-842312b1c647/deploy-status)](https://app.netlify.com/sites/component-scoped-ssr/deploys)
+
 # Component-scoped app (SSR)
 This app includes multiple instances of `sveltekit-i18n`.
 
@@ -6,3 +8,6 @@ This app includes multiple instances of `sveltekit-i18n`.
 - after the load, appropriate props are delegated back to the component instance.
 
 This approach is good for more complex apps.
+
+## Preview
+You can view this demo live on [Netlify](https://component-scoped-ssr.netlify.app).

examples/fallback-locale/README.md

@@ -1,2 +1,7 @@
+[![Netlify Status](https://api.netlify.com/api/v1/badges/897bc245-3432-44a8-8a4b-26c6a61f2d5f/deploy-status)](https://app.netlify.com/sites/fallback-locale/deploys)
+
 # Fallback locale
 This app shows how to use `config.fallbackLocale` parameter.
+
+## Preview
+You can view this demo live on [Netlify](https://fallback-locale.netlify.app).

examples/locale-router-advanced/README.md

@@ -1,4 +1,4 @@
-[![Netlify Status](https://api.netlify.com/api/v1/badges/bcefda87-9dad-4c73-bf5f-d9b4c03cac9c/deploy-status)](https://locale-router-advanced.netlify.app)
+[![Netlify Status](https://api.netlify.com/api/v1/badges/bcefda87-9dad-4c73-bf5f-d9b4c03cac9c/deploy-status)](https://app.netlify.com/sites/locale-router-advanced/deploys)
 
 # Locale-router-advanced
 This app shows how to integrate locale routing using dynamic adapters (e.g. `@sveltejs/adapter-node`). It includes two pages and three language mutations (`en`, `de`, `cs`). Error pages are included as well. The default language (`en`) has no lang prefix in URL path.

examples/locale-router-static/README.md

@@ -1,7 +1,12 @@
+[![Netlify Status](https://api.netlify.com/api/v1/badges/d9f3cafa-1da9-41ce-a20d-885e9a668c1d/deploy-status)](https://app.netlify.com/sites/locale-router-static/deploys)
+
 # Locale-router-static
 This app shows how to integrate locale routing using `@sveltejs/adapter-static`. It includes two pages and three language mutations (`en`, `de`, `cs`). Error pages are included as well.
 
-## Setup
+## Preview
+You can view this demo live on [Netlify](https://locale-router-static.netlify.app).
+
+## Noticeable files
 
 ### `./svelte.config.js`
 This config contains `prerender` object to build your site's language mutations together with desired error pages.

examples/locale-router/README.md

@@ -1,4 +1,4 @@
-[![Netlify Status](https://api.netlify.com/api/v1/badges/474b5633-14d8-4e1b-846f-f122f2ad4c25/deploy-status)](https://locale-router.netlify.app)
+[![Netlify Status](https://api.netlify.com/api/v1/badges/474b5633-14d8-4e1b-846f-f122f2ad4c25/deploy-status)](https://app.netlify.com/sites/locale-router/deploys)
 
 # Locale-router
 This app shows how to integrate locale routing using dynamic adapters (e.g. `@sveltejs/adapter-node`). It includes two pages and three language mutations (`en`, `de`, `cs`). Error pages are included as well.

examples/multi-page/README.md

@@ -1,4 +1,7 @@
+[![Netlify Status](https://api.netlify.com/api/v1/badges/c5bbe5c2-c9b9-4175-aa68-fd4aec778589/deploy-status)](https://app.netlify.com/sites/multi-page-example/deploys)
+
 # Multi-page app
-In this app, translations are loaded dynamically according to user navigation and `$locale` change.
+In this app, translations are loaded dynamically according to user navigation and `$locale` change. It has built-in mechanism to prevent duplicit (server and client) translation load on app enter. It's useful, when you are fetching your translations from remote API, or using other data-expensive solution.
 
-This concept is great for most of web pages.
+## Preview
+You can view this demo live on [Netlify](https://multi-page-example.netlify.app).

examples/multi-page/src/app.html

@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en">
+<html>
 
 <head>
 	<meta charset="utf-8" />

examples/multi-page/src/lib/translations/index.js

@@ -1,8 +1,12 @@
 import i18n from 'sveltekit-i18n';
+import { dev } from '$app/environment';
 import lang from './lang.json';
 
 /** @type {import('sveltekit-i18n').Config} */
 export const config = {
+  log: {
+    level: dev ? 'warn' : 'error',
+  },
   translations: {
     en: { lang },
     cs: { lang },
@@ -45,6 +49,6 @@ export const config = {
   ],
 };
 
-export const { t, loading, locales, locale, loadTranslations } = new i18n(config);
+export const { t, loading, locales, locale, translations, loadTranslations, addTranslations, setLocale, setRoute } = new i18n(config);
 
 loading.subscribe(($loading) => $loading && console.log('Loading translations...'));