Veraniego

Quiero configurar un componente de encabezado diferente para una página específica.

 layout ├ default.vue // <- common header └ custom.vue // <- special header for spesific page

Quiero saber cómo configurar un diseño diferente cuando uso nuxt-property-decorator.
https://github.com/nuxt-community/nuxt-property-decorador

 "nuxt": "^2.15.7", "nuxt-property-decorator": "^2.9.1",

algo de codigo

Caso 1

 <script lang="ts"> import { Component, Vue,} from 'nuxt-property-decorator' @Component export default class Component extends Vue { layout () { // <- error on layout return 'custom' } }

Devuelve el siguiente error

 Duplicate function implementation.Vetur(2393)

Caso 2

 <script lang="ts"> import { Component, Vue } from 'nuxt-property-decorator' @Component({ layout: 'custom' // <- error on layout: 'custom' }) export default class Component extends Vue { }

Devuelve el siguiente error

 No overload matches this call. Overload 1 of 2, '(options: ComponentOptions<Vue, DefaultData<Vue>, DefaultMethods<Vue>, DefaultComputed, PropsDefinition<DefaultProps>, DefaultProps> & ThisType<...>): <VC extends VueClass<...>>(target: VC) => VC', gave the following error. Argument of type '{ layout: string; }' is not assignable to parameter of type 'ComponentOptions<Vue, DefaultData<Vue>, DefaultMethods<Vue>, DefaultComputed, PropsDefinition<DefaultProps>, DefaultProps> & ThisType<...>'. Object literal may only specify known properties, and 'layout' does not exist in type 'ComponentOptions<Vue, DefaultData<Vue>, DefaultMethods<Vue>, DefaultComputed, PropsDefinition<DefaultProps>, DefaultProps> & ThisType<...>'. Overload 2 of 2, '(target: VueClass<Vue>): VueClass<Vue>', gave the following error. Argument of type '{ layout: string; }' is not assignable to parameter of type 'VueClass<Vue>'. Object literal may only specify known properties, and 'layout' does not exist in type 'VueClass<Vue>'.Vetur(2769)