diff --git a/index.html b/index.html
index 39598a9..38b4931 100644
--- a/index.html
+++ b/index.html
@@ -5,7 +5,7 @@
       <meta charset="UTF-8">
       <link rel="icon" href="/favicon.ico">
       <meta name="viewport" content="width=device-width, initial-scale=1.0">
-      <title>Vite App</title>
+      <title>Sakai Vue</title>
       <link id="theme-css" rel="stylesheet" type="text/css" href="/themes/lara-light-indigo/theme.css">
 </head>
 
diff --git a/src/views/uikit/Media.vue b/src/views/uikit/Media.vue
index cf205f4..f9cdecb 100644
--- a/src/views/uikit/Media.vue
+++ b/src/views/uikit/Media.vue
@@ -102,7 +102,7 @@ onMounted(() => {
             <div class="card">
                 <h5>Image</h5>
                 <div class="flex justify-content-center">
-                    <Image src="/demo/images/galleria/galleria11.jpg" alt="Image" width="250" preview />
+                    <Image :src="contextPath + 'demo/images/galleria/galleria11.jpg'" alt="Image" width="250" preview />
                 </div>
             </div>
         </div>
diff --git a/src/views/uikit/Misc.vue b/src/views/uikit/Misc.vue
index 23f3cb0..258d8b9 100644
--- a/src/views/uikit/Misc.vue
+++ b/src/views/uikit/Misc.vue
@@ -1,5 +1,8 @@
 <script setup>
 import { ref, onMounted, onBeforeUnmount } from 'vue';
+import { useLayout } from '@/layout/composables/layout';
+
+const { contextPath } = useLayout();
 
 const value = ref(0);
 let interval = null;
@@ -75,11 +78,11 @@ onBeforeUnmount(() => {
                 <h4>Avatar</h4>
                 <h5>Avatar Group</h5>
                 <AvatarGroup class="mb-3">
-                    <Avatar image="/demo/images/avatar/amyelsner.png" size="large" shape="circle"></Avatar>
-                    <Avatar image="/demo/images/avatar/asiyajavayant.png" size="large" shape="circle"></Avatar>
-                    <Avatar image="/demo/images/avatar/onyamalimba.png" size="large" shape="circle"></Avatar>
-                    <Avatar image="/demo/images/avatar/ionibowcher.png" size="large" shape="circle"></Avatar>
-                    <Avatar image="/demo/images/avatar/xuxuefeng.png" size="large" shape="circle"></Avatar>
+                    <Avatar :image="contextPath + 'demo/images/avatar/amyelsner.png'" size="large" shape="circle"></Avatar>
+                    <Avatar :image="contextPath + 'demo/images/avatar/asiyajavayant.png'" size="large" shape="circle"></Avatar>
+                    <Avatar :image="contextPath + 'demo/images/avatar/onyamalimba.png'" size="large" shape="circle"></Avatar>
+                    <Avatar :image="contextPath + 'demo/images/avatar/ionibowcher.png'" size="large" shape="circle"></Avatar>
+                    <Avatar :image="contextPath + 'demo/images/avatar/xuxuefeng.png'" size="large" shape="circle"></Avatar>
                     <Avatar label="+2" shape="circle" size="large" :style="{ 'background-color': '#9c27b0', color: '#ffffff' }"></Avatar>
                 </AvatarGroup>
 
@@ -151,9 +154,9 @@ onBeforeUnmount(() => {
 
                 <h5>Image</h5>
                 <div class="flex align-items-center flex-column sm:flex-row">
-                    <Chip label="Amy Elsner" image="/demo/images/avatar/amyelsner.png" class="mr-2 mb-2"></Chip>
-                    <Chip label="Asiya Javayant" image="/demo/images/avatar/asiyajavayant.png" class="mr-2 mb-2"></Chip>
-                    <Chip label="Onyama Limba" image="/demo/images/avatar/onyamalimba.png" class="mr-2 mb-2"></Chip>
+                    <Chip label="Amy Elsner" :image="contextPath + 'demo/images/avatar/amyelsner.png'" class="mr-2 mb-2"></Chip>
+                    <Chip label="Asiya Javayant" :image="contextPath + 'demo/images/avatar/asiyajavayant.png'" class="mr-2 mb-2"></Chip>
+                    <Chip label="Onyama Limba" :image="contextPath + 'demo/images/avatar/onyamalimba.png'" class="mr-2 mb-2"></Chip>
                 </div>
             </div>
 
diff --git a/src/views/utilities/Icons.vue b/src/views/utilities/Icons.vue
index 4a90326..f4c1ac1 100644
--- a/src/views/utilities/Icons.vue
+++ b/src/views/utilities/Icons.vue
@@ -13,7 +13,7 @@ const filteredIcons = computed(() => {
 });
 
 onMounted(() => {
-    fetch(contextPath + 'data/icons.json', { headers: { 'Cache-Control': 'no-cache' } })
+    fetch(contextPath + 'demo/data/icons.json', { headers: { 'Cache-Control': 'no-cache' } })
         .then((res) => res.json())
         .then((d) => {
             let icons = d.icons;