Nuxt.js: Property for Layouts

[cawa-93]

I have simple default Layout:

<template>
  <div class="simple">
    <h1 class="page-title">{{title}}</h1>
    <nuxt/>
  </div>
</template>

How to pass the value of the variable title from a certain page into a layout?

_{This question is available on Nuxt.js community (#c617)}

[Atinux]

@cawa-93 do you mean the title property comes from a page?

If so, you should use the vuex store for that.

[cawa-93]

@Atinux, You do not recommend using your example to pass a value from a page to a layouts? Something like this:
layouts/default.vue

<template>
<h1>{{title}}</h1>
</nuxt>
</template>

<script>
export default {
  computed: {
    title () {
      return this.$route.matched.map((r) => {
        return (r.components.default.options ? r.components.default.options.pageTitle : r.components.default.pageTitle)
      })[0]
    },
  },
}
</script>

pages/somePage.vue

export default {
  pageTitle: 'Title for H1 tag'
}

[Atinux]

Sure, you can do this too :+1:

[lock[bot]]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.