Svelte

• チュートリアル
• ドキュメント:Svelte

Gradio

import gradio as gr

def greet(name):
    return f"Hello, {name}!"

demo = gr.Interface(
    fn=greet,
    inputs="text",
    outputs="text",
)

demo.launch()

Gradio App.svelte カスタマイズ

import gradio as gr

def greet(name):
    return f"Hello, {name}!"

gr.Interface(
    fn=greet,
    inputs="text",
    outputs="text",
    title="My Gradio App",
    description="A simple greeting app.",
    # App.svelteのパスを指定
    template_file="templates/custom_app.svelte"
    # カスタムCSS 
    css="custom.css"
).launch()

custom_app.svelte:

<script>
  export let title;
  export let description;
</script>

<h1>{title}</h1>
<p>{description}</p>

記事

• Svelte で簡単なページを作成してみる