diff --git a/src/views/dynamicdialog/DynamicDialogDoc.vue b/src/views/dynamicdialog/DynamicDialogDoc.vue
index 5ae2424d1..d151e82a0 100644
--- a/src/views/dynamicdialog/DynamicDialogDoc.vue
+++ b/src/views/dynamicdialog/DynamicDialogDoc.vue
@@ -378,7 +378,7 @@ export default {
                         content: `
 <template>
     <div>
-        <Button label="Show" @click="onShow" />
+        <Button label="Show" @click="showProducts" />
         <Toast />
 
         <DynamicDialog />
@@ -388,7 +388,7 @@ export default {
 <script>
 import { h } from 'vue';
 import { useDialog } from 'primevue/usedialog';
-import { useToast } from 'priemvue/usetoast';
+import { useToast } from 'primevue/usetoast';
 import Button from 'primevue/button';
 import ProductListDemo from './components/ProductListDemo';
 
@@ -446,7 +446,7 @@ export default {
         <script src="https://unpkg.com/primevue@^3/column/column.min.js"><\\/script>
         <script src="./ProductService.js"><\\/script>`,
                         content: `<div id="app">
-                <p-button label="Show" @click="onShow"></p-button>
+                <p-button label="Show" @click="showProducts"></p-button>
                 <p-toast></p-toast>
 
                 <p-dynamicdialog></p-dynamicdialog>
@@ -698,7 +698,7 @@ export default {
                 },
                 pages: [
                     {
-                        tabName: 'ProductsListDemo',
+                        tabName: 'ProductListDemo',
                         content: `
 <template>
 	<div>
@@ -710,7 +710,7 @@ export default {
 			<Column field="name" header="Name"></Column>
             <Column header="Image">
                 <template #body="slotProps">
-                    <img :src="'demo/images/product/' + slotProps.data.image" :alt="slotProps.data.name" class="shadow-2 w-4rem" />
+                    <img src="https://www.primefaces.org/wp-content/uploads/2020/05/placeholder.png" :alt="slotProps.data.name" class="shadow-2 w-4rem" />
                 </template>
             </Column>
 			<Column field="category" header="Category"></Column>
@@ -726,7 +726,7 @@ export default {
 </template>
 
 <script>
-import ProductService from '../../service/ProductService';
+import ProductService from '../service/ProductService';
 import InfoDemo from './InfoDemo.vue';
 
 export default {
diff --git a/src/views/liveeditor/LiveEditor.vue b/src/views/liveeditor/LiveEditor.vue
index 34784afbc..4cfe1debc 100644
--- a/src/views/liveeditor/LiveEditor.vue
+++ b/src/views/liveeditor/LiveEditor.vue
@@ -537,9 +537,11 @@ import DataView from 'primevue/dataview';
 import DataViewLayoutOptions from 'primevue/dataviewlayoutoptions';
 import DeferredContent from 'primevue/deferredcontent';
 import Dialog from 'primevue/dialog';
+import DialogService from 'primevue/dialogservice'
 import Divider from 'primevue/divider';
 import Dock from 'primevue/dock';
 import Dropdown from 'primevue/dropdown';
+import DynamicDialog from 'primevue/dynamicdialog';
 import Fieldset from 'primevue/fieldset';
 import FileUpload from 'primevue/fileupload';
 import Galleria from 'primevue/galleria';
@@ -608,6 +610,7 @@ const app = createApp(${name});
 app.use(PrimeVue, { ripple: true });
 app.use(ConfirmationService);
 app.use(ToastService);
+app.use(DialogService);
 app.use(router);
 
 app.directive('tooltip', Tooltip);
@@ -645,6 +648,7 @@ app.component('Dialog', Dialog);
 app.component('Divider', Divider);
 app.component('Dock', Dock);
 app.component('Dropdown', Dropdown);
+app.component('DynamicDialog', DynamicDialog);
 app.component('Fieldset', Fieldset);
 app.component('FileUpload', FileUpload);
 app.component('Galleria', Galleria);