<script>
  import Footer from "$lib/components/Footer.svelte";
  import Header from "$lib/components/Header.svelte";
  import Transition from "$lib/components/Transition.svelte";
  import "$lib/css/styles.min.css";

  import { waitLocale } from "svelte-i18n";
  import { onMount } from "svelte";
  import "$lib/utils/i18n.js";

  // import "$lib/css/bootstrap-custom.scss";
  /** @type {import('./$types').PageData} */
  export let data;

  let ready = false;

  onMount(async () => {
    await waitLocale();
    ready = true;
  });
</script>

{#if ready}
  <Transition key={data.url} duration={600}>
    <Header />

    <slot />

    <Footer />
  </Transition>
{/if}
