-
+
Indigo
-
+
Deep Purple
-
+
Indigo
-
+
Deep Purple
@@ -85,25 +85,25 @@
-
+
Indigo
-
+
Deep Purple
-
+
Indigo
-
+
Deep Purple
@@ -113,7 +113,7 @@
-
+
Tailwind Light
@@ -123,7 +123,7 @@
-
+
Fluent Light
@@ -133,49 +133,49 @@
-
+
Lara Light Indigo
-
+
Lara Light Blue
-
+
Lara Light Purple
-
+
Lara Light Teal
-
+
Lara Dark Indigo
-
+
Lara Dark Blue
-
+
Lara Dark Purple
-
+
Lara Dark Teal
@@ -185,73 +185,73 @@
diff --git a/layouts/AppTopBar.vue b/layouts/AppTopBar.vue
index 5c37ff8e6..d552edd26 100755
--- a/layouts/AppTopBar.vue
+++ b/layouts/AppTopBar.vue
@@ -32,138 +32,138 @@
- Blue Light
+ Blue Light
- Purple Light
+ Purple Light
- Blue Dark
+ Blue Dark
- Purple Dark
+ Purple Dark
- Indigo Light
+ Indigo Light
- Deep Purple Light
+ Deep Purple Light
- Indigo Dark
+ Indigo Dark
- Deep Purple Dark
+ Deep Purple Dark
- Indigo Light
+ Indigo Light
- Deep Purple Light
+ Deep Purple Light
- Indigo Dark
+ Indigo Dark
- Deep Purple Dark
+ Deep Purple Dark
- Tailwind Light
+ Tailwind Light
- Fluent Light
+ Fluent Light
- Lara Light Indigo
+ Lara Light Indigo
- Lara Light Blue
+ Lara Light Blue
- Lara Light Purple
+ Lara Light Purple
- Lara Light Teal
+ Lara Light Teal
- Lara Dark Blue
+ Lara Dark Blue
- Lara Dark Indigo
+ Lara Dark Indigo
- Lara Dark Purple
+ Lara Dark Purple
- Lara Dark Teal
+ Lara Dark Teal
- Saga Blue
+ Saga Blue
- Saga Green
+ Saga Green
- Saga Orange
+ Saga Orange
- Saga Purple
+ Saga Purple
- Vela Blue
+ Vela Blue
- Vela Green
+ Vela Green
- Vela Orange
+ Vela Orange
- Vela Purple
+ Vela Purple
- Arya Blue
+ Arya Blue
- Arya Green
+ Arya Green
- Arya Orange
+ Arya Orange
- Arya Purple
+ Arya Purple
- Soho Light
+ Soho Light
- Soho Dark
+ Soho Dark
- Viva Light
+ Viva Light
- Viva Dark
+ Viva Dark
- Mira
+ Mira
- Nano
+ Nano
@@ -174,47 +174,47 @@
diff --git a/pages/avatar/index.vue b/pages/avatar/index.vue
index 6e7e6a6e9..3f0b6263c 100644
--- a/pages/avatar/index.vue
+++ b/pages/avatar/index.vue
@@ -67,9 +67,9 @@
@@ -77,11 +77,11 @@
Avatar Group
-
-
-
-
-
+
+
+
+
+
@@ -90,7 +90,7 @@
diff --git a/pages/card/CardDoc.vue b/pages/card/CardDoc.vue
index a5fff61ed..3bf8d4a01 100755
--- a/pages/card/CardDoc.vue
+++ b/pages/card/CardDoc.vue
@@ -18,7 +18,7 @@ import Card from 'primevue/card';
<Card>
<template #header>
- <img alt="user header" src="demo/images/usercard.png">
+ <img alt="user header" src="/demo/images/usercard.png">
</template>
<template #title>
Advanced Card
diff --git a/pages/card/index.vue b/pages/card/index.vue
index ba810be56..bf3c14363 100755
--- a/pages/card/index.vue
+++ b/pages/card/index.vue
@@ -21,7 +21,7 @@
-
+
Advanced Card
Card subtitle
diff --git a/pages/chip/index.vue b/pages/chip/index.vue
index 3798ae0f6..57b7285e5 100644
--- a/pages/chip/index.vue
+++ b/pages/chip/index.vue
@@ -28,18 +28,18 @@
Image
-
-
-
-
+
+
+
+
Styling
-
-
+
+
diff --git a/pages/colorpicker/index.vue b/pages/colorpicker/index.vue
index b3e082f49..f84f5741b 100755
--- a/pages/colorpicker/index.vue
+++ b/pages/colorpicker/index.vue
@@ -22,7 +22,7 @@
-
+
diff --git a/pages/contextmenu/ContextMenuDoc.vue b/pages/contextmenu/ContextMenuDoc.vue
index 374f474dd..82173d48d 100755
--- a/pages/contextmenu/ContextMenuDoc.vue
+++ b/pages/contextmenu/ContextMenuDoc.vue
@@ -170,7 +170,7 @@ export default {
ContextMenu is attached to a custom element manually using the reference and calling the show(event) method.
-<img alt="logo" src="demo/images/nature/nature3.jpg" @contextmenu="onImageRightClick">
+<img alt="logo" src="/demo/images/nature/nature3.jpg" @contextmenu="onImageRightClick">
<ContextMenu ref="menu" :model="items" />
diff --git a/pages/contextmenu/index.vue b/pages/contextmenu/index.vue
index a43e83fe4..9d5a69c6c 100755
--- a/pages/contextmenu/index.vue
+++ b/pages/contextmenu/index.vue
@@ -13,7 +13,7 @@
-
+
diff --git a/pages/datatable/Templating.vue b/pages/datatable/Templating.vue
index b154673f1..fdd92a1b7 100755
--- a/pages/datatable/Templating.vue
+++ b/pages/datatable/Templating.vue
@@ -20,7 +20,7 @@
-
+
diff --git a/pages/deferredcontent/index.vue b/pages/deferredcontent/index.vue
index ffb3341f5..7e6301bc8 100755
--- a/pages/deferredcontent/index.vue
+++ b/pages/deferredcontent/index.vue
@@ -13,7 +13,7 @@
Scroll down to lazy load an image and the DataTable which initiates a query that is not executed on initial page load to speed up load performance.
diff --git a/pages/dock/DockDoc.vue b/pages/dock/DockDoc.vue
index ce4383fdb..eaec10906 100644
--- a/pages/dock/DockDoc.vue
+++ b/pages/dock/DockDoc.vue
@@ -28,19 +28,19 @@ import Dock from 'primevue/dock';
items: [
{
label: "Finder",
- icon: "demo/images/dock/finder.svg"
+ icon: "/demo/images/dock/finder.svg"
},
{
label: "App Store",
- icon: "demo/images/dock/appstore.svg"
+ icon: "/demo/images/dock/appstore.svg"
},
{
label: "Photos",
- icon: "demo/images/dock/photos.svg"
+ icon: "/demo/images/dock/photos.svg"
},
{
label: "Trash",
- icon: "demo/images/dock/trash.png"
+ icon: "/demo/images/dock/trash.png"
}
]
}
@@ -389,46 +389,46 @@ export default {
dockItems: [
{
label: 'Finder',
- icon: "demo/images/dock/finder.svg",
+ icon: "/demo/images/dock/finder.svg",
command: () => {
this.displayFinder = true;
}
},
{
label: 'Terminal',
- icon: "demo/images/dock/terminal.svg",
+ icon: "/demo/images/dock/terminal.svg",
command: () => {
this.displayTerminal = true;
}
},
{
label: 'App Store',
- icon: "demo/images/dock/appstore.svg",
+ icon: "/demo/images/dock/appstore.svg",
command: () => {
this.$toast.add({ severity: 'error', summary: 'An unexpected error occurred while signing in.', detail: 'UNTRUSTED_CERT_TITLE', group: 'tc', life: 3000 });
}
},
{
label: 'Safari',
- icon: "demo/images/dock/safari.svg",
+ icon: "/demo/images/dock/safari.svg",
command: () => {
this.$toast.add({ severity: 'warn', summary: 'Safari has stopped working', group: 'tc', life: 3000 });
}
},
{
label: 'Photos',
- icon: "demo/images/dock/photos.svg",
+ icon: "/demo/images/dock/photos.svg",
command: () => {
this.displayPhotos = true;
}
},
{
label: 'GitHub',
- icon: "demo/images/dock/github.svg",
+ icon: "/demo/images/dock/github.svg",
},
{
label: 'Trash',
- icon: "demo/images/dock/trash.png",
+ icon: "/demo/images/dock/trash.png",
command: () => {
this.$toast.add({ severity: 'info', summary: 'Empty Trash', life: 3000 });
}
@@ -437,19 +437,19 @@ export default {
dockBasicItems: [
{
label: "Finder",
- icon: "demo/images/dock/finder.svg"
+ icon: "/demo/images/dock/finder.svg"
},
{
label: "App Store",
- icon: "demo/images/dock/appstore.svg"
+ icon: "/demo/images/dock/appstore.svg"
},
{
label: "Photos",
- icon: "demo/images/dock/photos.svg"
+ icon: "/demo/images/dock/photos.svg"
},
{
label: "Trash",
- icon: "demo/images/dock/trash.png"
+ icon: "/demo/images/dock/trash.png"
}
],
menubarItems: [
@@ -805,46 +805,46 @@ export default {
const dockItems = ref([
{
label: 'Finder',
- icon: "demo/images/dock/finder.svg",
+ icon: "/demo/images/dock/finder.svg",
command: () => {
displayFinder.value = true;
}
},
{
label: 'Terminal',
- icon: "demo/images/dock/terminal.svg",
+ icon: "/demo/images/dock/terminal.svg",
command: () => {
displayTerminal.value = true;
}
},
{
label: 'App Store',
- icon: "demo/images/dock/appstore.svg",
+ icon: "/demo/images/dock/appstore.svg",
command: () => {
toast.add({ severity: 'error', summary: 'An unexpected error occurred while signing in.', detail: 'UNTRUSTED_CERT_TITLE', group: 'tc', life: 3000 });
}
},
{
label: 'Safari',
- icon: "demo/images/dock/safari.svg",
+ icon: "/demo/images/dock/safari.svg",
command: () => {
toast.add({ severity: 'warn', summary: 'Safari has stopped working', group: 'tc', life: 3000 });
}
},
{
label: 'Photos',
- icon: "demo/images/dock/photos.svg",
+ icon: "/demo/images/dock/photos.svg",
command: () => {
displayPhotos.value = true;
}
},
{
label: 'GitHub',
- icon: "demo/images/dock/github.svg",
+ icon: "/demo/images/dock/github.svg",
},
{
label: 'Trash',
- icon: "demo/images/dock/trash.png",
+ icon: "/demo/images/dock/trash.png",
command: () => {
toast.add({ severity: 'info', summary: 'Empty Trash', life: 3000 });
}
@@ -853,19 +853,19 @@ export default {
const dockBasicItems = ref([
{
label: "Finder",
- icon: "demo/images/dock/finder.svg"
+ icon: "/demo/images/dock/finder.svg"
},
{
label: "App Store",
- icon: "demo/images/dock/appstore.svg"
+ icon: "/demo/images/dock/appstore.svg"
},
{
label: "Photos",
- icon: "demo/images/dock/photos.svg"
+ icon: "/demo/images/dock/photos.svg"
},
{
label: "Trash",
- icon: "demo/images/dock/trash.png"
+ icon: "/demo/images/dock/trash.png"
}
]);
const menubarItems = ref([
@@ -1244,46 +1244,46 @@ export default {
const dockItems = ref([
{
label: 'Finder',
- icon: "demo/images/dock/finder.svg",
+ icon: "/demo/images/dock/finder.svg",
command: () => {
displayFinder.value = true;
}
},
{
label: 'Terminal',
- icon: "demo/images/dock/terminal.svg",
+ icon: "/demo/images/dock/terminal.svg",
command: () => {
displayTerminal.value = true;
}
},
{
label: 'App Store',
- icon: "demo/images/dock/appstore.svg",
+ icon: "/demo/images/dock/appstore.svg",
command: () => {
toast.add({ severity: 'error', summary: 'An unexpected error occurred while signing in.', detail: 'UNTRUSTED_CERT_TITLE', group: 'tc', life: 3000 });
}
},
{
label: 'Safari',
- icon: "demo/images/dock/safari.svg",
+ icon: "/demo/images/dock/safari.svg",
command: () => {
toast.add({ severity: 'warn', summary: 'Safari has stopped working', group: 'tc', life: 3000 });
}
},
{
label: 'Photos',
- icon: "demo/images/dock/photos.svg",
+ icon: "/demo/images/dock/photos.svg",
command: () => {
displayPhotos.value = true;
}
},
{
label: 'GitHub',
- icon: "demo/images/dock/github.svg",
+ icon: "/demo/images/dock/github.svg",
},
{
label: 'Trash',
- icon: "demo/images/dock/trash.png",
+ icon: "/demo/images/dock/trash.png",
command: () => {
toast.add({ severity: 'info', summary: 'Empty Trash', life: 3000 });
}
@@ -1292,19 +1292,19 @@ export default {
const dockBasicItems = ref([
{
label: "Finder",
- icon: "demo/images/dock/finder.svg"
+ icon: "/demo/images/dock/finder.svg"
},
{
label: "App Store",
- icon: "demo/images/dock/appstore.svg"
+ icon: "/demo/images/dock/appstore.svg"
},
{
label: "Photos",
- icon: "demo/images/dock/photos.svg"
+ icon: "/demo/images/dock/photos.svg"
},
{
label: "Trash",
- icon: "demo/images/dock/trash.png"
+ icon: "/demo/images/dock/trash.png"
}
]);
const menubarItems = ref([
diff --git a/pages/galleria/Advanced.vue b/pages/galleria/Advanced.vue
index 057cb2b10..a92475c0d 100644
--- a/pages/galleria/Advanced.vue
+++ b/pages/galleria/Advanced.vue
@@ -250,11 +250,17 @@ export default {
created() {
this.galleriaService = new PhotoService();
},
- mounted() {
- this.galleriaService.getImages().then((data) => (this.images = data));
+ async mounted() {
+ console.log(this.galleriaService);
+ await this.test();
+ console.log(this.images);
this.bindDocumentListeners();
},
methods: {
+ async test() {
+ const data = await this.galleriaService.getImages();
+ this.images = data;
+ },
onThumbnailButtonClick() {
this.showThumbnails = !this.showThumbnails;
},
diff --git a/pages/image/index.vue b/pages/image/index.vue
index bb6ab9673..5f12293ed 100644
--- a/pages/image/index.vue
+++ b/pages/image/index.vue
@@ -11,10 +11,10 @@
diff --git a/pages/inplace/InplaceDoc.vue b/pages/inplace/InplaceDoc.vue
index e9f36ac2e..97f4a5f44 100755
--- a/pages/inplace/InplaceDoc.vue
+++ b/pages/inplace/InplaceDoc.vue
@@ -23,7 +23,7 @@ import Inplace from 'primevue/inplace';
<span style="margin-left:.5rem; vertical-align: middle">View Picture</span>
</template>
<template #content>
- <img src="demo/images/nature/nature1.jpg" />
+ <img src="/demo/images/nature/nature1.jpg" />
</template>
</Inplace>
diff --git a/pages/inplace/index.vue b/pages/inplace/index.vue
index bc54de3f8..a58c551ac 100755
--- a/pages/inplace/index.vue
+++ b/pages/inplace/index.vue
@@ -27,7 +27,7 @@
View Picture
-
+
diff --git a/pages/landing/BlockSection.vue b/pages/landing/BlockSection.vue
index ffb7c4ef8..5693bc940 100644
--- a/pages/landing/BlockSection.vue
+++ b/pages/landing/BlockSection.vue
@@ -13,7 +13,7 @@