fix sm footer

components/Home/Promotion.vue

@@ -177,6 +177,7 @@
       height: 10rem;
       width: 40rem;
       margin: 3rem auto 5rem;
+      max-width: 100%;
     }
 
     .v-img {

components/Layout/Footer/Footer.vue

@@ -187,9 +187,9 @@
                   :key="sublinkIndex"
                   class="mt-3"
                 >
-                  <CommonAgendaLink :href="sublink.link">
+                  <nuxt-link :href="sublink.link" :target="sublink.target ?? '_self'">
                     {{ sublink.label }}
-                  </CommonAgendaLink>
+                  </nuxt-link>
                 </div>
               </div>
             </v-container>
@@ -222,28 +222,38 @@
   </footer>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { useDisplay } from 'vuetify'
 import { useLayoutStore } from '~/stores/layoutStore'
 import AgendaLink from '~/components/Common/AgendaLink.vue'
+import UrlUtils from '~/services/utils/urlUtils.js'
 
 const { mdAndDown, lgAndUp } = useDisplay()
 
+const runtimeConfig = useRuntimeConfig()
+
+const makeAgendaLink = (path: string) => {
+  return UrlUtils.join(runtimeConfig.public.agendaBaseUrl as string, path)
+}
+
 const footerLinks = ref([
   {
     label: 'AGENDA',
     sublink: [
       {
         label: 'Annuaire',
-        link: '/annuaire',
+        link: makeAgendaLink('/annuaire'),
+        target: '_blank',
       },
       {
         label: 'Actualités',
-        link: '/actualites',
+        link: makeAgendaLink('/actualites'),
+        target: '_blank',
       },
       {
         label: 'Annonces',
-        link: '/annonces',
+        link: makeAgendaLink('/annonces'),
+        target: '_blank',
       },
     ],
   },
@@ -286,31 +296,27 @@ const footerLinks = ref([
     sublink: [
       {
         label: 'Foire Aux Questions ',
-        link: '/ https://ressources.opentalent.fr',
+        link: 'https://ressources.opentalent.fr',
       },
       {
         label: 'Support en ligne ',
-        link: '/https://ressources.opentalent.fr/?contact',
-      },
-      {
-        label: 'Nous contacter ',
-        link: '/nous-contacter',
+        link: 'https://ressources.opentalent.fr/?contact',
       },
     ],
   },
 ])
 
 const activeIndex = ref(-1)
-function toggleSection(index) {
+function toggleSection(index: number) {
   activeIndex.value = activeIndex.value === index ? -1 : index
 }
 
-function isActive(index) {
+function isActive(index: number) {
   return activeIndex.value === index
 }
 
 const layoutStore = useLayoutStore()
-const onIntersect = (isIntersecting) => {
+const onIntersect = (isIntersecting: boolean) => {
   layoutStore.setIsFooterVisible(isIntersecting)
 }
 </script>