The useMeta composable is part of Quasar Meta Plugin. If you haven’t dug into it by now, please have a first read there.
Syntax
For static meta configuration (non-reactive):
import { useMeta } from 'quasar' setup () { useMeta({ /* meta config */ }) }
For dynamic meta configuration (reactive):
import { useMeta } from 'quasar' setup () { // essentially acting as a computed property useMeta(() => { // compute or reference other stuff // in your component // then return: return { /* meta config */ } }) }
Example
<script> import { useMeta } from 'quasar' export default { setup () { const title = ref('Some title') // we define the "title" prop // NOTICE the parameter here is a function // Under the hood, it is converted to a Vue computed prop for reactivity useMeta(() => { return { // whenever "title" from above changes, your meta will automatically update title: title.value } }) function setAnotherTitle () { title.value = 'Another title' // will automatically trigger a Meta update due to the binding } return { setAnotherTitle } } } </script>