Nuxt/test/fixtures/basic/pages/vueuse-head.vue

28 lines
599 B
Vue
Raw Normal View History

<script lang="ts" setup>
function useLegacyUseHead () {
useHead({
titleTemplate: '%s - VueUse head polyfill test'
})
}
function useLegacyVueUseHead () {
// get vm
const vm = getCurrentInstance()
const head = vm?.appContext.provides.usehead
head.addHeadObjs({
title: 'using provides usehead and updateDOM'
})
head.updateDOM()
}
useLegacyUseHead()
useLegacyVueUseHead()
</script>
<template>
<div>
<h1>VueUse head polyfill test</h1>
<!-- This component is only here to make it a shared chunk for test in `styles.vue` -->
<SharedComponent />
</div>
</template>