vinicius73 / vue-page-title

import type { ComponentOptionsMixin, CreateComponentPublicInstance } from 'vue';

import { isFunction } from './utils';

/**

 * Mixin, to be used in options API

 * Can be used locally or registered globally using `mixin: true`

 */

const pageTitleMixin: ComponentOptionsMixin = {

  created(this: CreateComponentPublicInstance) {

    const { title } = this.$options;

    if (title === undefined) {

      return;

    }

    // allow use dinamic title system

    if (isFunction(title)) {

      this.$watch(

        () => title.call(this, this),

        (val: string) => {

          this.$setPageTitle(val);

        },

        { immediate: true }

      );

      return;

    }

    this.$setPageTitle(title);

  },

};

export { pageTitleMixin };