我想在每个Svelte页面上添加标题标题后缀,例如- mywebsite
。
我正在努力寻找如何轻松,简单地做到这一点。
在苗条的网站资源上,我们可以看到他们是手动完成的: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)
错误如何实现我想做的事?
由于<title>
仅可以包含文本或{tags}
,因此您可以使用三元运算符计算文档标题。
示例
<script>
export let title = false;
</script>
<svelte:head>
<title>{title ? `${title} • WebSite` : 'Website • Home suffix'}</title>
</svelte:head>