<script>
    import { t, locale } from "../i18n";
    import thumbnail from "../assets/thumbnail.webp";

    $: document.documentElement.lang = $locale;
</script>
<svelte:head>
    <title>{$t("head.title")}</title>
    <meta name="description" content="{$t('head.description')}" />
    <meta name="keywords" content="{$t('head.keywords')}">
    <meta property="og:title" content="{$t('head.ogtitle')}">
    <meta property="og:description" content="{$t('head.ogdescription')}">
    <meta property="og:url" content="https://embroideryviewer.xyz/">
    <meta property="og:type" content="website">
    <meta property="og:image" content="{thumbnail}">
</svelte:head>