fix - url link overall

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>

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"

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

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'
   }

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"]

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'],

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))

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(() => {

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,

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>