javascript - slim 头标题后缀

Question

我想在每个 Svelte 页面上添加一个标题后缀，如 - mywebsite。

我正在努力寻找轻松简单的方法。

在 svelte 网站源码上，我们可以看到他们手动完成:https://github.com/sveltejs/svelte/blob/1273f978084aaf4d7c697b2fb456314839c3c90d/site/src/routes/docs/index.svelte#L15

我开始创建这样的组件:

<script>
  export let title = false;
</script>

<svelte:head>
  <title>
    {#if title}
      {title} • WebSite
    {:else}
      Website • Home suffix
    {/if}
  </title>
</svelte:head>

但是:

• 我有一个 <title> can only contain text and {tags}svelte(illegal-structure) 错误
• 我不确定这是最简单的方法。

如何实现我想做的事情？

Answer 1

自 <title>只能包含文本或 {tags}您可以使用三元运算符计算文档标题。

示例

<script>
  export let title = false;
</script>

<svelte:head>
  <title>{title ? `${title} • WebSite` : 'Website • Home suffix'}</title>
</svelte:head>