Веб-компоненты

Простой веб-компонент на Svelte

<svelte:options customElement={{ tag: "spaceapp-example", shadow: "none" }} />

<script lang="ts">
  interface Props {
    name?: string;
  }

  let { name = "никто" }: Props = $props();
</script>

<h2 class="bg-blue-200 text-red-700">Привет, {name}!</h2>

import "@svelte/example.svelte";

---
import Layout from "@components/Layout.astro";
import YandexMap from "@components/YandexMap.astro";
---

<Layout title="Главная страница" scripts={["front-page"]} ymap>
    <spaceapp-example name="Вова"></spaceapp-example>
</Layout>