Add radius for blobity

src/components/AdHome.vue

@@ -1,7 +1,7 @@
 <template>
   <section class="w-full h-full my-12">
     <div class="w-full grid grid-cols-1 gap-x-20 gap-y-8 sm:grid-cols-2 h-full">
-      <nuxt-link class="z-index-3" data-blobity-magnetic="false" to="/env">
+      <nuxt-link class="z-index-3" data-blobity-magnetic="false" data-blobity-radius="25" to="/env">
         <Ad color="red" class="group w-full flex flex-col justify-between items-center">
           <div>
             <img class="h-64 group-hover:scale-105 transform duration-500" src="~/assets/images/memojies/Dev.png" alt="Dev Memoji" />
@@ -16,7 +16,7 @@
           </div>
         </Ad>
       </nuxt-link>
-      <nuxt-link class="z-index-3" data-blobity-magnetic="false" to="/contact">
+      <nuxt-link class="z-index-3" data-blobity-magnetic="false" data-blobity-radius="25" to="/contact">
         <Ad color="blue" class="group w-full flex flex-col justify-between items-center">
           <div>
             <img class="h-64 group-hover:scale-105 transform duration-500" src="~/assets/images/memojies/HandUp.png" alt="HandUp Memoji" />

src/components/Header.vue

@@ -25,6 +25,7 @@
             class="mx-2 h-8 w-8 flex items-center justify-center p-1"
             data-blobity
             data-blobity-magnetic="false"
+            data-blobity-radius="20"
           >
             <TranslateIcon class="z-index-3" :french="isFrench"/>
           </li>
@@ -33,6 +34,7 @@
             class="mx-2 h-8 w-8 flex items-center justify-center p-1"
             data-blobity
             data-blobity-magnetic="false"
+            data-blobity-radius="20"
           >
             <div class="z-index-3" v-if="this.$colorMode.preference === 'light'">
               <MoonIcon/>
@@ -51,9 +53,6 @@
 import {
   computed,
   defineComponent,
-  onMounted,
-  onUnmounted,
-  ref,
   useAsync,
   useContext,
   useRouter,

src/components/SocialList.vue

@@ -1,21 +1,21 @@
 <template>
   <div class="social-links">
-    <a class="xl:z-index-3" data-blobity-magnetic="false" target="_blank" href="https://twitter.com/ArthurDanj" rel="noopener noreferrer">
+    <a class="xl:z-index-3" data-blobity-radius="16" data-blobity-magnetic="false" target="_blank" href="https://twitter.com/ArthurDanj" rel="noopener noreferrer">
       <TwitterIcon />
     </a>
-    <a class="xl:z-index-3" data-blobity-magnetic="false" target="_blank" href="https://github.com/ArthurDanjou" rel="noopener noreferrer">
+    <a class="xl:z-index-3" data-blobity-radius="16" data-blobity-magnetic="false" target="_blank" href="https://github.com/ArthurDanjou" rel="noopener noreferrer">
       <GithubIcon />
     </a>
-    <a class="xl:z-index-3" data-blobity-magnetic="false" target="_blank" href="https://www.polywork.com/arthurdanjou" rel="noopener noreferrer">
+    <a class="xl:z-index-3" data-blobity-radius="16" data-blobity-magnetic="false" target="_blank" href="https://www.polywork.com/arthurdanjou" rel="noopener noreferrer">
       <PolyworkIcon />
     </a>
-    <a class="xl:z-index-3" data-blobity-magnetic="false" target="_blank" href="https://www.twitch.tv/arthurdanjou" rel="noopener noreferrer">
+    <a class="xl:z-index-3" data-blobity-radius="16" data-blobity-magnetic="false" target="_blank" href="https://www.twitch.tv/arthurdanjou" rel="noopener noreferrer">
       <TwitchIcon />
     </a>
-    <a class="xl:z-index-3" data-blobity-magnetic="false" target="_blank" href="https://go.arthurdanjou.fr/discord" rel="noopener noreferrer">
+    <a class="xl:z-index-3" data-blobity-radius="16" data-blobity-magnetic="false" target="_blank" href="https://go.arthurdanjou.fr/discord" rel="noopener noreferrer">
       <DiscordIcon />
     </a>
-    <a class="xl:z-index-3" data-blobity-magnetic="false" target="_blank" href="mailto:contact@arthurdanjou.fr" rel="noopener noreferrer">
+    <a class="xl:z-index-3" data-blobity-radius="16" data-blobity-magnetic="false" target="_blank" href="mailto:contact@arthurdanjou.fr" rel="noopener noreferrer">
       <MailIcon />
     </a>
   </div>

src/pages/about.vue

@@ -6,8 +6,8 @@
     <LanguagesAbout />
     <FormationsAbout />
     <ExperiencesAbout />
-    <a href="/resume.pdf" target="_blank" class="z-index-3 duration-150 transform hover:scale-105">
+    <a href="/resume.pdf" data-blobity-radius="16" target="_blank" class="z-index-3 duration-150 transform hover:scale-105">
-      <div class="text-lg px-8 py-4 rounded-xl border-2 border-red-500 dark:border-amber-400 hover:(bg-red-500 dark:bg-amber-400 text-white) dark:hover:text-black text-red-500 dark:text-amber-400 duration-300">
+      <div class="text-lg px-8 py-4 rounded-xl border-2 border-red-500 dark:border-amber-400 text-red-500 dark:text-amber-400 bg-white dark:bg-black">
         {{ $t('about.cv') }}
       </div>
     </a>

src/pages/services.vue

@@ -107,7 +107,7 @@
     <section
       class="z-index-3 w-full lg:w-4/5"
     >
-      <nuxt-link to="/contact" data-blobity-offset-x="8" data-blobity-offset-y="8">
+      <nuxt-link to="/contact" data-blobity-offset-x="8" data-blobity-offset-y="8" data-blobity-radius="25">
         <Ad color="green" class="group flex flex-col lg:flex-row">
           <div class="lg:w-1/2 flex justify-center">
             <img class="h-48 lg:h-64 group-hover:scale-105 transform duration-500" src="~/assets/images/memojies/Fiesta.png" alt="Fiesta Memoji" />