<script lang="ts">
 import { onMount } from 'svelte';
  import { browser } from '$app/environment';
  
  import "./layout.css";
  import favicon from "$lib/assets/favicon.ico";

  onMount(() => {
    if (browser) {
      const script = document.createElement('script');
      script.defer = true;
      script.src = 'https://umami.snail.city/script.js';
      script.setAttribute('data-website-id', '5b8c31ad-71cd-4317-940b-6bccea732acc');
      script.setAttribute('data-domains', 'bibdle.com,www.bibdle.com');
      document.body.appendChild(script);
    }
  });

  let { children } = $props();
</script>

<svelte:head>
  <link rel="icon" href={favicon} />
  <!-- <script
    defer
    src="https://umami.snail.city/script.js"
    data-website-id="5b8c31ad-71cd-4317-940b-6bccea732acc"
    data-domains="bibdle.com,www.bibdle.com"
  ></script> -->
</svelte:head>
{@render children()}
