0.9.9 • Published 2 years ago
@zhead/vue v0.9.9
@zhead/vue
A wrapper around zhead for Vue, providing deep reactivity with types for head schema and meta tags packing.
Installation
npm install --save-dev @zhead/vue
# Using yarn
yarn add --dev @zhead/vue
API
defineHead
import { defineHead } from '@zhead/vue'
const title = ref('My Awesome Title')
const head = defineHead({
title,
meta: computed(() => {
return [
{ name: 'description', content: 'My awesome description' },
{ name: 'keywords', content: 'awesome, vue, zhead' },
]
})
})
// {
// title: 'My Awesome Title',
// meta: [
// { name: 'description', content: 'My awesome description' },
// { name: 'keywords', content: 'awesome, vue, zhead' },
// ]
// }
packMeta
import { packMeta } from '@zhead/vue'
const description = ref('My Awesome Title')
packMeta([
{ name: 'description', content: description },
])
// Ref<{
// name: 'description',
// content: ref('My Awesome Title')
// }>
unpackMeta
import { packMeta } from '@zhead/vue'
const description = ref('My Awesome Title')
unpackmeta({
description,
})
// Ref<[
// { name: 'description', content: ref('My Awesome Title') },
// ]>
0.9.9
2 years ago
0.9.8
2 years ago
0.9.7
2 years ago
0.9.6
2 years ago
0.9.5
2 years ago
0.9.4
2 years ago
0.9.3
2 years ago
0.9.2
2 years ago
0.9.0
2 years ago
0.9.1
2 years ago
0.8.5
2 years ago
0.8.4
2 years ago
0.8.3
2 years ago
0.8.2
2 years ago
0.8.1
2 years ago
0.8.0
2 years ago
0.7.4
2 years ago
0.7.3
2 years ago
0.7.2
2 years ago
0.7.1
2 years ago
0.7.0
2 years ago
0.6.2
2 years ago
0.6.1
2 years ago
0.6.0
2 years ago
0.5.3
2 years ago
0.5.2
2 years ago
0.5.1
2 years ago
0.5.0
2 years ago
0.4.1
2 years ago
0.4.0
2 years ago
0.3.2
2 years ago
0.3.1
2 years ago
0.3.0
2 years ago
0.2.4
2 years ago
0.2.3
2 years ago
0.2.2
2 years ago