From c505e648fb90a0d98706b52a431d21c5bad2c9ef Mon Sep 17 00:00:00 2001
From: 37b7 <matheo.thierry.63@gmail.com>
Date: Fri, 16 May 2025 07:56:39 +0200
Subject: [PATCH] fix - url link overall

---
 components/AboutCard.vue      | 2 +-
 components/ProjectCard.vue    | 2 +-
 composables/useProjects.ts    | 5 -----
 config/navigation.ts          | 6 +++---
 docker/Dockerfile             | 4 ++++
 nuxt.config.ts                | 5 +----
 pages/about/[id].vue          | 6 +++---
 pages/projects/[id]/docs.vue  | 6 +++---
 pages/projects/[id]/index.vue | 5 +++--
 pages/projects/index.vue      | 8 +-------
 10 files changed, 20 insertions(+), 29 deletions(-)

diff --git a/components/AboutCard.vue b/components/AboutCard.vue
index ac50564..899f1db 100644
--- a/components/AboutCard.vue
+++ b/components/AboutCard.vue
@@ -4,7 +4,7 @@
         <div class="timeline-content">
             <h3>{{ experience.title }}</h3>
             <p>{{ experience.description }}</p>
-            <NuxtLink :to="`${`/about/${props.experience.id}`}`" class="about-link">
+            <NuxtLink :to="`${navigationItems.find((item: any) => item.finder === 'about')?.path}/${props.experience.id}`" class="about-link">
                 <div class="about-link-content">
                     <span>→</span> {{ TEXTS.COMMON.READ_MORE }}
                 </div>
diff --git a/components/ProjectCard.vue b/components/ProjectCard.vue
index a36c8d7..3d4cebe 100644
--- a/components/ProjectCard.vue
+++ b/components/ProjectCard.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="project-card">
-    <NuxtLink :to="`${navigationItems.find(item => item.path === '/projects')?.path}/${project.id}`" class="project-link">
+    <NuxtLink :to="`${navigationItems.find((item: any) => item.finder === 'projects')?.path}/${project.id}`" class="project-link">
       <div class="project-image">
         <NuxtImg
           :src="imageSrc"
diff --git a/composables/useProjects.ts b/composables/useProjects.ts
index fd11867..86cece0 100644
--- a/composables/useProjects.ts
+++ b/composables/useProjects.ts
@@ -33,10 +33,6 @@ export const useProjects = () => {
     return projects;
   });
 
-  const navigateToProject = (projectId: number) => {
-    router.push(`/projects/${projectId}`);
-  };
-
   const loadProjectResources = async () => {
     try {
       const loadPromises = projects.map(async (project: Project) => {
@@ -87,7 +83,6 @@ export const useProjects = () => {
     isLoading,
     error,
     truncateDescription,
-    navigateToProject,
     handleImageError,
     handleIconError,
     getProjectStatus
diff --git a/config/navigation.ts b/config/navigation.ts
index b806a0b..e8f3c4d 100644
--- a/config/navigation.ts
+++ b/config/navigation.ts
@@ -11,17 +11,17 @@ export const navigationItems: NavigationItem[] = [
     icon: 'home'
   },
   {
-    path: '/projects',
+    path: process.env.NODE_ENV === 'production' ? '/projects' : '/containers/matheothierry-portfolio_nuxt/projects',
     name: 'Projets',
     icon: 'projects'
   },
   {
-    path: '/about',
+    path: process.env.NODE_ENV === 'production' ? '/about' : '/containers/matheothierry-portfolio_nuxt/about',
     name: 'À Propos',
     icon: 'about'
   },
   {
-    path: '/cv',
+    path: process.env.NODE_ENV === 'production' ? '/cv' : '/containers/matheothierry-portfolio_nuxt/cv',
     name: 'CV',
     icon: 'cv'
   }
diff --git a/docker/Dockerfile b/docker/Dockerfile
index 80b0b05..08655a6 100644
--- a/docker/Dockerfile
+++ b/docker/Dockerfile
@@ -11,4 +11,8 @@ COPY --from=builder /app/.output ./.output
 COPY --from=builder /app/package*.json ./
 RUN npm install --production
 EXPOSE 3000
+ENV NODE_ENV=production
+ENV HOST=0.0.0.0
+ENV PORT=3000
+ENV NUXT_PUBLIC_BASE_URL=/containers/matheothierry-portfolio_nuxt/
 CMD ["node", ".output/server/index.mjs"]
diff --git a/nuxt.config.ts b/nuxt.config.ts
index 9cae51e..15db59d 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -26,9 +26,6 @@ export default defineNuxtConfig({
         { rel: 'icon', type: 'image/x-icon', href: process.env.NODE_ENV === 'production' ? '/containers/matheothierry-portfolio_nuxt/favicon.ico' : '/favicon.ico' }
       ]
     },
-    baseURL: process.env.NODE_ENV === 'production' ? '/containers/matheothierry-portfolio_nuxt/' : '/',
-    buildAssetsDir: process.env.NODE_ENV === 'production' ? '/containers/matheothierry-portfolio_nuxt/_nuxt/' : '/_nuxt/',
-    cdnURL: process.env.NODE_ENV === 'production' ? '/containers/matheothierry-portfolio_nuxt/' : '/'
   },
 
   modules: ['@nuxt/image'],
@@ -45,4 +42,4 @@ export default defineNuxtConfig({
       xxl: 1536,
     }
   }
-})
\ No newline at end of file
+})
diff --git a/pages/about/[id].vue b/pages/about/[id].vue
index 4f734ca..b26b63e 100644
--- a/pages/about/[id].vue
+++ b/pages/about/[id].vue
@@ -2,7 +2,7 @@
   <div class="experience-detail">
     <div v-if="experience" class="experience-content">
       <div class="experience-header-return">
-        <NuxtLink to="/about" class="back-link">
+        <NuxtLink :to="navigationItems.find((item: any) => item.finder === 'about')?.path" class="back-link">
           <span class="back-arrow">←</span> Back to Experiences
         </NuxtLink>
       </div>
@@ -43,7 +43,7 @@
 
     <div v-else class="error-message">
       <h2>Experience not found</h2>
-      <NuxtLink to="/about" class="back-link">
+      <NuxtLink :to="navigationItems.find((item: any) => item.finder === 'about')?.path" class="back-link">
         <span class="back-arrow">←</span> Back to Experiences
       </NuxtLink>
     </div>
@@ -52,7 +52,7 @@
 
 <script setup lang="ts">
 import { experiences } from '~/config/experience'
-
+import { navigationItems } from '~/config/navigation'
 const route = useRoute()
 const experience = computed(() => {
   return experiences.find(item => item.id === Number(route.params.id))
diff --git a/pages/projects/[id]/docs.vue b/pages/projects/[id]/docs.vue
index a836259..b1108ec 100644
--- a/pages/projects/[id]/docs.vue
+++ b/pages/projects/[id]/docs.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="project-docs">
     <div class="back-button">
-      <NuxtLink :to="`/projects/${route.params.id}`" class="back-link">
+      <NuxtLink :to="`${navigationItems.find((item: any) => item.finder === 'projects')?.path}/${route.params.id}`" class="back-link">
         <span>←</span> {{ TEXTS.COMMON.BACK_TO_PROJECTS }}
       </NuxtLink>
     </div>
@@ -38,7 +38,7 @@
     <div v-else class="error">
       <h2>{{ TEXTS.COMMON.ERROR.NOT_FOUND }}</h2>
       <p>{{ TEXTS.COMMON.ERROR.PROJECT_NOT_FOUND }}</p>
-      <NuxtLink to="/projects" class="back-link">
+      <NuxtLink :to="navigationItems.find((item: any) => item.finder === 'projects')?.path" class="back-link">
         {{ TEXTS.COMMON.BACK_TO_PROJECTS }}
       </NuxtLink>
     </div>
@@ -48,7 +48,7 @@
 <script setup lang="ts">
 import { projects } from '~/config/projects'
 import { TEXTS } from '~/config/content'
-
+import { navigationItems } from '~/config/navigation'
 const route = useRoute()
 console.log(route.params.id)
 const project = computed(() => {
diff --git a/pages/projects/[id]/index.vue b/pages/projects/[id]/index.vue
index 515a06a..953de44 100644
--- a/pages/projects/[id]/index.vue
+++ b/pages/projects/[id]/index.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="project-detail">
     <div class="back-button">
-      <NuxtLink to="/projects" class="back-link">
+      <NuxtLink :to="navigationItems.find((item: any) => item.finder === 'projects')?.path" class="back-link">
         <span>←</span> {{ TEXTS.COMMON.BACK_TO_PROJECTS }}
       </NuxtLink>
     </div>
@@ -58,7 +58,7 @@
     <div v-else class="error">
       <h2>{{ TEXTS.COMMON.ERROR.NOT_FOUND }}</h2>
       <p>{{ TEXTS.COMMON.ERROR.PROJECT_NOT_FOUND }}</p>
-      <NuxtLink to="/projects" class="back-link">
+      <NuxtLink :to="navigationItems.find((item: any) => item.finder === 'projects')?.path" class="back-link">
         {{ TEXTS.COMMON.BACK_TO_PROJECTS }}
       </NuxtLink>
     </div>
@@ -68,6 +68,7 @@
 <script setup lang="ts">
 import { useProjectDetail } from '~/composables/useProjectDetail';
 import { TEXTS } from '~/config/content';
+import { navigationItems } from '~/config/navigation';
 
 const {
   currentProject,
diff --git a/pages/projects/index.vue b/pages/projects/index.vue
index 2874a39..ea911f5 100644
--- a/pages/projects/index.vue
+++ b/pages/projects/index.vue
@@ -17,19 +17,13 @@
 
 <script setup lang="ts">
 import { projects } from '~/config/projects';
-import { DEFAULT_IMAGES } from '~/config/paths';
 import { TEXTS } from '~/config/content';
 
 const isLoading = ref(false);
 
-const handleImageError = (event: Event) => {
-  const target = event.target as HTMLImageElement;
-  target.src = DEFAULT_IMAGES.PROJECT;
-};
-
 setTimeout(() => {
   isLoading.value = false;
-}, 500);
+}, 200);//love when its fake... HAHAHHAHAHAH
 </script>
 
 <style scoped>