From c1927a0bd978f99fe2462799fa3b8bcc6fb83720 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tu=C4=9F=C3=A7e=20K=C3=BC=C3=A7=C3=BCko=C4=9Flu?=
 <tugcekucukoglu.860@gmail.com>
Date: Mon, 20 Mar 2023 11:09:34 +0300
Subject: [PATCH] CDN image fixes

---
 doc/avatar/ImageDoc.vue           |  2 +-
 doc/card/AdvancedDoc.vue          |  6 +++---
 doc/inlinemessage/TemplateDoc.vue | 33 +++++++------------------------
 doc/timeline/TemplateDoc.vue      |  2 +-
 pages/landing/HeaderSection.vue   |  2 +-
 5 files changed, 13 insertions(+), 32 deletions(-)

diff --git a/doc/avatar/ImageDoc.vue b/doc/avatar/ImageDoc.vue
index dd7d4b0f5..c2f86b95c 100644
--- a/doc/avatar/ImageDoc.vue
+++ b/doc/avatar/ImageDoc.vue
@@ -13,7 +13,7 @@
 
             <div class="flex-auto">
                 <h5>Badge</h5>
-                <Avatar v-badge.danger="4" class="p-overlay-badge" image="/images/organization/walter.jpg" size="xlarge" />
+                <Avatar v-badge.danger="4" class="p-overlay-badge" image="https://primefaces.org/cdn/primevue/images/organization/walter.jpg" size="xlarge" />
             </div>
 
             <div class="flex-auto">
diff --git a/doc/card/AdvancedDoc.vue b/doc/card/AdvancedDoc.vue
index 6cf2d64ad..92f3a941a 100644
--- a/doc/card/AdvancedDoc.vue
+++ b/doc/card/AdvancedDoc.vue
@@ -5,7 +5,7 @@
     <div class="card flex align-items-center justify-content-center">
         <Card style="width: 25em">
             <template #header>
-                <img alt="user header" src="/images/usercard.png" />
+                <img alt="user header" src="https://primefaces.org/cdn/primevue/images/usercard.png" />
             </template>
             <template #title> Advanced Card </template>
             <template #subtitle> Card subtitle </template>
@@ -52,7 +52,7 @@ export default {
     <div class="card flex align-items-center justify-content-center">
         <Card style="width: 25em">
             <template #header>
-                <img alt="user header" src="/images/usercard.png" />
+                <img alt="user header" src="https://primefaces.org/cdn/primevue/images/usercard.png" />
             </template>
             <template #title> Advanced Card </template>
             <template #subtitle> Card subtitle </template>
@@ -77,7 +77,7 @@ export default {
     <div class="card flex align-items-center justify-content-center">
         <Card style="width: 25em">
             <template #header>
-                <img alt="user header" src="/images/usercard.png" />
+                <img alt="user header" src="https://primefaces.org/cdn/primevue/images/usercard.png" />
             </template>
             <template #title> Advanced Card </template>
             <template #subtitle> Card subtitle </template>
diff --git a/doc/inlinemessage/TemplateDoc.vue b/doc/inlinemessage/TemplateDoc.vue
index 6d3b08199..661eff5be 100644
--- a/doc/inlinemessage/TemplateDoc.vue
+++ b/doc/inlinemessage/TemplateDoc.vue
@@ -27,30 +27,18 @@ export default {
         return {
             code: {
                 basic: `
-<InlineMessage
-    :style="{
-        border: 'solid #696cff',
-        borderWidth: '0 0 0 6px',
-        color: '#696cff'
-    }"
-    severity="info"
-    class="border-primary w-full justify-content-start">
+<InlineMessage :style="{  border: 'solid #696cff', borderWidth: '0 0 0 6px', color: '#696cff' }"
+        severity="info" class="border-primary w-full justify-content-start">
     <div class="flex align-items-center">
-        <img alt="logo" src="https://primefaces.org/cdn/primevue/images/logo.svg" width="32" />
+        <img alt="logo" src="/images/logo.svg" width="32" />
         <div class="ml-2">Always bet on Prime.</div>
     </div>
 </InlineMessage>`,
                 options: `
 <template>
     <div class="card">
-        <InlineMessage
-            :style="{
-                border: 'solid #696cff',
-                borderWidth: '0 0 0 6px',
-                color: '#696cff'
-            }"
-            severity="info"
-            class="border-primary w-full justify-content-start">
+        <InlineMessage :style="{  border: 'solid #696cff', borderWidth: '0 0 0 6px', color: '#696cff' }"
+                severity="info" class="border-primary w-full justify-content-start">
             <div class="flex align-items-center">
                 <img alt="logo" src="https://primefaces.org/cdn/primevue/images/logo.svg" width="32" />
                 <div class="ml-2">Always bet on Prime.</div>
@@ -64,15 +52,8 @@ export default {
                 composition: `
 <template>
     <div class="card">
-        <InlineMessage
-            :style="{
-                border: 'solid #696cff',
-                borderWidth: '0 0 0 6px',
-                color: '#696cff'
-            }"
-            severity="info"
-            class="border-primary w-full justify-content-start"
-        >
+        <InlineMessage :style="{  border: 'solid #696cff', borderWidth: '0 0 0 6px', color: '#696cff' }"
+                severity="info" class="border-primary w-full justify-content-start">
             <div class="flex align-items-center">
                 <img alt="logo" src="https://primefaces.org/cdn/primevue/images/logo.svg" width="32" />
                 <div class="ml-2">Always bet on Prime.</div>
diff --git a/doc/timeline/TemplateDoc.vue b/doc/timeline/TemplateDoc.vue
index 01c005e42..8c1dc7488 100644
--- a/doc/timeline/TemplateDoc.vue
+++ b/doc/timeline/TemplateDoc.vue
@@ -59,7 +59,7 @@ export default {
                 {{ slotProps.item.date }}
             </template>
             <template #content>
-                <img v-if="slotProps.item.image" :src="\`https://primefaces.org/cdn/primevue/images/product/\${slotProps.item.image}\`" :alt="slotProps.item.name" width="200" class="shadow-1" />
+                <img v-if="slotProps.item.image" :src="\`/images/product/\${slotProps.item.image}\`" :alt="slotProps.item.name" width="200" class="shadow-1" />
                 <p>
                     Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore sed consequuntur error repudiandae numquam deserunt quisquam repellat libero asperiores earum nam nobis, culpa ratione quam perferendis esse, cupiditate
                     neque quas!
diff --git a/pages/landing/HeaderSection.vue b/pages/landing/HeaderSection.vue
index ef71f9878..5810b28a2 100644
--- a/pages/landing/HeaderSection.vue
+++ b/pages/landing/HeaderSection.vue
@@ -28,7 +28,7 @@
                         </li>
                         <li class="mr-0 lg:mr-2">
                             <router-link to="/uikit">
-                                <img src="/images/landing/uikit-icon.svg" alt="primevue designer" width="30" />
+                                <img src="https://primefaces.org/cdn/primevue/images/landing/uikit-icon.svg" alt="primevue designer" width="30" />
                                 <span>UI Kit</span>
                             </router-link>
                         </li>