unhead

import { createHead, useHead } from 'unhead'; // 1. Create a head instance. For SSR, use `createHead` from 'unhead/server'. const head = createHead(); // 2. Add reactive head entries using `useHead`. // This example updates the title and adds a meta description. useHead({ title: 'My Dynamic App Title', meta: [ { name: 'description', content: 'This is a dynamic description for my awesome application.' }, { property: 'og:title', content: 'Open Graph Title' } ], link: [ { rel: 'canonical', href: 'https://example.com/my-page' } ], script: [ { src: 'https://unpkg.com/some-script.js', defer: true, body: true } ] }, { head }); // 3. For SSR, render the head tags. // In a real SSR environment, you'd call this after all components have rendered. const { headTags, bodyTags } = head.renderSync(); console.log('Generated Head Tags:\n', headTags); console.log('Generated Body Tags (scripts in body):\n', bodyTags); // Output example (simplified): // <title>My Dynamic App Title</title> // <meta name="description" content="This is a dynamic description for my awesome application."> // ... // <script src="https://unpkg.com/some-script.js" defer></script>