fix(): watch pageTitle for changes (#73)

stencil-community · Oct 12, 2018 · 40e5290 · 40e5290
1 parent c4bd0d0
commit 40e5290
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/packages/router/src/components/route-title/route-title.tsx b/packages/router/src/components/route-title/route-title.tsx
@@ -1,4 +1,4 @@
-import { Component, Prop, Element, ComponentInterface } from '@stencil/core';
+import { Component, Prop, Element, Watch, ComponentInterface } from '@stencil/core';
 import ActiveRouter from '../../global/active-router';
 
 /**
@@ -14,9 +14,14 @@ export class RouteTitle implements ComponentInterface {
  @Element() el!: HTMLStencilElement;
  @Prop() titleSuffix: string = '';
  @Prop() pageTitle: string = '';
+
+ @Watch('pageTitle')
+ updateDocumentTitle() {
+ document.title = `${this.pageTitle}${this.titleSuffix || ''}`;
+ }
 
  componentWillLoad() {
- document.title = `${this.pageTitle}${this.titleSuffix || ''}`;
+ this.updateDocumentTitle();
  }
 }