举个swc框架的例子

SWC (Svelte Web Components) 是一个轻量级的前端框架，用于构建现代Web组件。它专注于高效和简洁，通过编译时优化减少DOM操作。下面是一个简单的SWC框架应用示例：

<!-- index.svelte -->
<script lang="ts">
  export let greeting = "Hello from SWC!";
</script>

<div>
  <h1>{greeting}</h1>
  <!-- 使用自定义元素 -->
  <custom-greeting></custom-greeting>
</div>

<!-- custom-greeting.svelte -->
<template>
  <button on:click={() => alert(greeting)}>Click me!</button>
</template>

在这个例子中，`index.svelte`文件引入了一个名为`custom-greeting`的自定义组件，并在其内部设置了一个问候消息。当用户点击按钮时，会弹出相应的问候信息。