2021-07-15 11:28:04 +00:00
|
|
|
import { isFunction } from '@vue/shared'
|
2021-08-09 16:18:21 +00:00
|
|
|
import { computed } from '@vue/reactivity'
|
|
|
|
import type { ComputedGetter } from '@vue/reactivity'
|
2021-08-11 20:28:38 +00:00
|
|
|
import type { MetaObject } from '../types'
|
|
|
|
import { useNuxt } from '#app'
|
2021-07-15 11:28:04 +00:00
|
|
|
|
|
|
|
/**
|
|
|
|
* You can pass in a meta object, which has keys corresponding to meta tags:
|
|
|
|
* `title`, `base`, `script`, `style`, `meta` and `link`, as well as `htmlAttrs` and `bodyAttrs`.
|
|
|
|
*
|
|
|
|
* Alternatively, for reactive meta state, you can pass in a function
|
|
|
|
* that returns a meta object.
|
|
|
|
*/
|
2021-07-28 11:48:17 +00:00
|
|
|
export function useMeta (meta: MetaObject | ComputedGetter<MetaObject>) {
|
|
|
|
const resolvedMeta = isFunction(meta) ? computed(meta) : meta
|
|
|
|
useNuxt()._useMeta(resolvedMeta)
|
2021-07-15 11:28:04 +00:00
|
|
|
}
|