mirror of
https://github.com/nuxt/nuxt.git
synced 2024-11-16 02:44:51 +00:00
58 lines
1.0 KiB
Vue
58 lines
1.0 KiB
Vue
<script lang="ts" setup>
|
|
const description = ref('head script setup description for %site.name')
|
|
const siteName = ref()
|
|
// server meta
|
|
useServerSeoMeta({
|
|
description,
|
|
ogDescription: description,
|
|
ogImage: '%site.url/og-image.png',
|
|
ogTitle: '%s %separator %site.name',
|
|
ogType: 'website',
|
|
ogUrl: '%site.url/head-script-setup',
|
|
})
|
|
|
|
useServerHead({
|
|
style: [
|
|
'/* Custom styles */',
|
|
'h1 { color: salmon; }',
|
|
],
|
|
})
|
|
|
|
useHead({
|
|
title: 'head script setup',
|
|
titleTemplate: '%s %separator %site.name',
|
|
templateParams: {
|
|
separator: () => '-',
|
|
site: {
|
|
url: 'https://example.com',
|
|
name: siteName,
|
|
},
|
|
},
|
|
})
|
|
|
|
useHeadSafe({
|
|
script: [
|
|
{
|
|
id: 'xss-script',
|
|
// @ts-expect-error not allowed
|
|
innerHTML: 'alert("xss")',
|
|
},
|
|
],
|
|
meta: [
|
|
{
|
|
// @ts-expect-error not allowed
|
|
'http-equiv': 'refresh',
|
|
'content': '0;javascript:alert(1)',
|
|
},
|
|
],
|
|
})
|
|
|
|
siteName.value = 'Nuxt Playground'
|
|
</script>
|
|
|
|
<template>
|
|
<div>
|
|
<h1>head script setup</h1>
|
|
</div>
|
|
</template>
|