vinicius73 / vue-page-title

import type { App, Plugin } from 'vue';

import type { PageTitleOptions } from './types';

import { ref } from 'vue';

import { setPageTitle } from './page-title';

import { setupRouter } from './router';

import { PAGE_TITLE, SET_PAGE_TITLE } from './injection-keys';

import { pageTitleMixin } from './mixin';

export * from './composable';

export * from './types';

export { pageTitleMixin } from './mixin';

const pageTitle = (options: PageTitleOptions = {}): Plugin => {

  // title state

  const $title = ref<string>('');

  const setTitle = (val: string): void => {

    setPageTitle(val, options);

    $title.value = val;

  };

  const installedApps = new WeakSet<App>();

  if (options.router != null) {

    setupRouter(options.router, setTitle);

  }

  const install = (app: App): void => {

    // prevent double install

    if (installedApps.has(app)) {

      return;

    }

    installedApps.add(app);

    if (options.mixin ?? false) {

      app.mixin(pageTitleMixin);

    }

    app.provide(PAGE_TITLE, $title);

    app.provide(SET_PAGE_TITLE, setTitle);

    // add title to component context

    Object.defineProperty(app.config.globalProperties, '$title', {

      get: () => $title.value,

    });

    // add setPageTitle to component context

    Object.defineProperty(app.config.globalProperties, '$setPageTitle', {

      get: () => setTitle,

    });

  };

  return { install };

};

export { pageTitle };