🏷️ Declarative attribute binding for the root html element
npm i @jill64/svelte-htmlBy passing a key-value set to the <SvelteHTML /> component, attributes are bind to the root html element.
<script>
import { SvelteHTML } from '@jill64/svelte-html'
</script>
<SvelteHTML lang="en" prefix="example" />↓
<html lang="en" prefix="example">
<!-- ... -->
</html>Attribute binding with <SvelteHTML> is only applied on the client.
To assign arbitrary attributes during SSR, use the apply function in the handle hook.
// hooks.server.js
import { apply } from '@jill64/svelte-html'
export const handle = async ({ event, resolve }) => {
// ...
return resolve(event, {
transformPageChunk: apply({
lang: 'en',
prefix: 'example'
})
})
}![wraith-ci[bot] avatar](https://avatars.githubusercontent.com/in/420132?v=4 "wraith-ci[bot]")
![renovate[bot] avatar](https://avatars.githubusercontent.com/in/2740?v=4 "renovate[bot]")
![github-actions[bot] avatar](https://avatars.githubusercontent.com/in/15368?v=4 "github-actions[bot]")
![dependabot[bot] avatar](https://avatars.githubusercontent.com/in/29110?v=4 "dependabot[bot]")
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent