// alternative solution is use inject/provide
// see more at https://vuejs.org/guide/components/provide-inject

/** In layout */
const title = ref('')

provide('setTitle', (value: string) => title.value = value)

/** In any child component wrapped by layout */
const setTitle = inject('setTitle') as (value: string) => void

setTitle('something else')

// alternative solution is use inject/provide
// see more at https://vuejs.org/guide/components/provide-inject

/** In layout */
const title = ref('')

provide('setTitle', (value: string) => title.value = value)

/** In any child component wrapped by layout */
const setTitle = inject('setTitle') as (value: string) => void

setTitle('something else')