How to make <Head> work with `v-html`? #1867

a1vin1au · 2024-04-22T08:42:53Z

a1vin1au
Apr 22, 2024

We want to add HTML editor in our admin for set any HTML, e.g. <meta>, preload etc... then we also enabled SSR on server, how can I put HTML codes into <Head>?

<script setup>
import { Head } from '@inertiajs/vue3'
// ...

const html = ref('<meta name="hello" content="world" />');
</script>

<template>
  <Head v-html="html"></Head>
</template>

a1vin1au · 2024-04-29T02:06:48Z

a1vin1au
Apr 29, 2024
Author

Hello, anyone can help? 🥹🥹

0 replies

darthsoup · 2024-05-08T09:40:35Z

darthsoup
May 8, 2024

This does not work, Head is only intended for managing the page title.
Try to achieve this with https://github.com/unjs/unhead

0 replies

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

How to make <Head> work with `v-html`? #1867

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{editor}}'s edit

{{editor}}'s edit

Uh oh!

Replies: 2 comments

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Select a reply

Uh oh!

How to make <Head> work with v-html? #1867

Uh oh!

Uh oh!

a1vin1au Apr 22, 2024

Replies: 2 comments

Uh oh!

a1vin1au Apr 29, 2024 Author

Uh oh!

darthsoup May 8, 2024

How to make <Head> work with `v-html`? #1867

a1vin1au
Apr 22, 2024

a1vin1au
Apr 29, 2024
Author

darthsoup
May 8, 2024