lien mécénat et contacts

app/components/RoundedCard.vue

@@ -8,7 +8,13 @@
 
       <!-- Content -->
       <div class="rounded-card__content">
-        <NuxtLink v-if="url" :to="url" class="rounded-card__title-link">
+        <NuxtLink
+          v-if="url"
+          :to="url"
+          :target="isExternalUrl ? '_blank' : undefined"
+          :rel="isExternalUrl ? 'noopener noreferrer' : undefined"
+          class="rounded-card__title-link"
+        >
           <DsHeading as="h5" tone="default" class="rounded-card__title">
             {{ title }}
           </DsHeading>
@@ -34,7 +40,7 @@
   import DsButtonArrow from '@root/design-system/primitives/DsButtonArrow.vue'
 
 
-  defineProps({
+  const props = defineProps({
     id: { type: [String, Number], required: true },
     title: { type: String, required: true },
     url: { type: String, required: true },
@@ -43,6 +49,8 @@
     imgAlt: { type: String, default: '' },
     ratio: { type: String, default: 'square' },
   })
+
+  const isExternalUrl = computed(() => /^https?:\/\//i.test(props.url))
 </script>
 
 <style lang="scss">