wip

src/lib/components/Internationalization/InternationalizationProvider.svelte

@@ -1,8 +1,8 @@
 <script lang="ts">
-    import { onMount } from "svelte";
+    import { onMount, setContext } from "svelte";
 
     onMount(() => {
-
+        setContext('i18n', 'not set');
     })
 </script>
 

src/lib/marketing/Footer/Footer.svelte

@@ -49,7 +49,12 @@
                             { email }
                         </Link>
                         <Tooltip text={emailCopied ? "Copied!" : "Copy email"} position="top">
-                            <IconButton size="small" color="invisible" on:click={handleCopy}>
+                            <IconButton 
+                                size="small" 
+                                color="invisible" 
+                                on:click={handleCopy}
+                                on:mouseleave={() => emailCopied = false}
+                            >
                                 <IconCopy size={12} />
                             </IconButton>
                         </Tooltip>

src/routes/i18n-test/[[lang]]/+page.svelte → src/routes/demo/i18n/[[lang]]/+layout.svelte

@@ -1,5 +1,8 @@
 <script lang="ts">
     import T from '$lib/components/Internationalization/T.svelte';
+    import Base from '$lib/components/Base/Base.svelte';
 </script>
 
-<T />
+<Base>
+    <slot />
+</Base>

src/routes/demo/i18n/[[lang]]/+page.svelte

@@ -0,0 +1,8 @@
+<script lang="ts">
+    import { getContext } from 'svelte'
+
+    const i18n = getContext('i18n')
+    console.log(i18n)
+</script>
+
+Hello World