diff --git a/src/views/button/ButtonDoc.vue b/src/views/button/ButtonDoc.vue
index 645ed17de..03e4c1eb3 100755
--- a/src/views/button/ButtonDoc.vue
+++ b/src/views/button/ButtonDoc.vue
@@ -355,10 +355,10 @@ export default {
 
         <h5>Templating</h5>
         <Button type="button" class="p-px-3">
-            <img alt="logo" src="../../assets/images/logo-white.svg" style="width: 1.5rem"/>
+            <img alt="logo" src="https://www.primefaces.org/wp-content/uploads/2020/05/placeholder.png" style="width: 1.5rem"/>
         </Button>
         <Button type="button" class="p-button-outlined p-button-success">
-            <img alt="logo" src="../../assets/images/logo.svg" style="width: 1.5rem" />
+            <img alt="logo" src="https://www.primefaces.org/wp-content/uploads/2020/05/placeholder.png" style="width: 1.5rem" />
             <span class="p-ml-2 p-text-bold">PrimeVue</span>
         </Button>
 
@@ -388,7 +388,7 @@ export default {
     methods: {
         load(index) {
             this.loading[index] = true;
-            setTimeout(() => this.loading[index] = false, 10000);
+            setTimeout(() => this.loading[index] = false, 1000);
         }
     }
 }
@@ -545,10 +545,10 @@ export default {
 
         <h5>Templating</h5>
         <Button type="button" class="p-px-3">
-            <img alt="logo" src="../../assets/images/logo-white.svg" style="width: 1.5rem"/>
+            <img alt="logo" src="https://www.primefaces.org/wp-content/uploads/2020/05/placeholder.png" style="width: 1.5rem"/>
         </Button>
         <Button type="button" class="p-button-outlined p-button-success">
-            <img alt="logo" src="../../assets/images/logo.svg" style="width: 1.5rem" />
+            <img alt="logo" src="https://www.primefaces.org/wp-content/uploads/2020/05/placeholder.png" style="width: 1.5rem" />
             <span class="p-ml-2 p-text-bold">PrimeVue</span>
         </Button>
 
diff --git a/src/views/liveeditor/LiveEditor.vue b/src/views/liveeditor/LiveEditor.vue
index 4b04057b4..ddb59b6d7 100644
--- a/src/views/liveeditor/LiveEditor.vue
+++ b/src/views/liveeditor/LiveEditor.vue
@@ -487,6 +487,7 @@ import Timeline from 'primevue/timeline';
 import ToggleButton from 'primevue/togglebutton';
 import Tooltip from 'primevue/tooltip';
 import Tree from 'primevue/tree';
+import TreeSelect from 'primevue/treeselect';
 import TreeTable from 'primevue/treetable';
 import TriStateCheckbox from 'primevue/tristatecheckbox';
 ${extImport}
@@ -582,6 +583,7 @@ app.component('Toast', Toast);
 app.component('Toolbar', Toolbar);
 app.component('ToggleButton', ToggleButton);
 app.component('Tree', Tree);
+app.component('TreeSelect', TreeSelect);
 app.component('TreeTable', TreeTable);
 app.component('TriStateCheckbox', TriStateCheckbox);
 ${extElement}
diff --git a/src/views/treeselect/TreeSelectDoc.vue b/src/views/treeselect/TreeSelectDoc.vue
index 5303cb0f7..ac3ca54c1 100644
--- a/src/views/treeselect/TreeSelectDoc.vue
+++ b/src/views/treeselect/TreeSelectDoc.vue
@@ -1,5 +1,5 @@
 <template>
-	<AppDoc name="TreeSelectDemo" :sources="sources" github="treeselect/TreeSelectDemo.vue">
+	<AppDoc name="TreeSelectDemo" :sources="sources" github="treeselect/TreeSelectDemo.vue" :service="['NodeService']" :data="['treenodes']">
         <h5>Import</h5>
 <pre v-code.script><code>
 import TreeSelect from 'primevue/treeselect';