From cc3402da12ec4f51dff84e5d50f34e30787ab5c7 Mon Sep 17 00:00:00 2001
From: Arthur Danjou <arthurdanjou@outlook.fr>
Date: Tue, 11 May 2021 15:11:17 +0200
Subject: [PATCH] Working

---
 src/components/Skill.vue |  2 +-
 src/content/skills.json  | 40 ++++++++++++++++++++--------------------
 2 files changed, 21 insertions(+), 21 deletions(-)

diff --git a/src/components/Skill.vue b/src/components/Skill.vue
index 062e40d..38e5b5b 100644
--- a/src/components/Skill.vue
+++ b/src/components/Skill.vue
@@ -63,7 +63,7 @@ export default defineComponent({
           return 'hover:bg-rose-400'
       }
     })
-    const getCoverLink = computed(() => require(`@/assets/images/skills/${props.cover}.png`))
+    const getCoverLink = computed(() => require(`@/assets/images/skills/${props.cover}`))
 
     return {
       getColor,
diff --git a/src/content/skills.json b/src/content/skills.json
index 56f07e4..8bc57fa 100644
--- a/src/content/skills.json
+++ b/src/content/skills.json
@@ -2,121 +2,121 @@
   {
     "title": "Java",
     "color": "blueGray",
-    "cover": "Java",
+    "cover": "Java.png",
     "slug": "java"
   },
   {
     "title": "ViteJs",
     "color": "amber",
-    "cover": "Vite",
+    "cover": "Vite.svg",
     "slug": "vitejs"
   },
   {
     "title": "WindiCss",
     "color": "light-blue",
-    "cover": "Windicss",
+    "cover": "Windicss.svg",
     "slug": "windicss"
   },
   {
     "title": "TypeScript",
     "color": "cyan",
-    "cover": "TypeScript",
+    "cover": "TypeScript.png",
     "slug": "typescript"
   },
   {
     "title": "JavaScript",
     "color": "yellow",
-    "cover": "JavaScript",
+    "cover": "JavaScript.png",
     "slug": "javascript"
   },
   {
     "title": "Go",
     "color": "cyan",
-    "cover": "GoLang",
+    "cover": "GoLang.png",
     "slug": "golang"
   },
   {
     "title": "NuxtJs",
     "color": "emerald",
-    "cover": "NuxtJs",
+    "cover": "NuxtJs.png",
     "slug": "nuxtjs"
   },
   {
     "title": "VueJs",
     "color": "emerald",
-    "cover": "VueJs",
+    "cover": "VueJs.png",
     "slug": "vuejs"
   },
   {
     "title": "AdonisJs",
     "color": "purple",
-    "cover": "AdonisJs",
+    "cover": "AdonisJs.png",
     "slug": "adonisjs"
   },
   {
     "title": "Html",
     "color": "orange",
-    "cover": "Html",
+    "cover": "Html.png",
     "slug": "html"
   },
   {
     "title": "Css",
     "color": "lightBlue",
-    "cover": "Css",
+    "cover": "Css.png",
     "slug": "css"
   },
   {
     "title": "NodeJs",
     "color": "lime",
-    "cover": "NodeJs",
+    "cover": "NodeJs.png",
     "slug": "nodejs"
   },
   {
     "title": "ElectronJs",
     "color": "teal",
-    "cover": "ElectronJs",
+    "cover": "ElectronJs.png",
     "slug": "electronjs"
   },
   {
     "title": "Git",
     "color": "orange",
-    "cover": "Git",
+    "cover": "Git.png",
     "slug": "git"
   },
   {
     "title": "MariaDB",
     "color": "blue",
-    "cover": "MariaDB",
+    "cover": "MariaDB.png",
     "slug": "mariadb"
   },
   {
     "title": "RabbitMQ",
     "color": "orange",
-    "cover": "RabbitMQ",
+    "cover": "RabbitMQ.png",
     "slug": "rabbitmq"
   },
   {
     "title": "Redis",
     "color": "red",
-    "cover": "Redis",
+    "cover": "Redis.png",
     "slug": "redis"
   },
   {
     "title": "Sass",
     "color": "rose",
-    "cover": "Sass",
+    "cover": "Sass.png",
     "slug": "sass"
   },
   {
     "title": "TailwindCss",
     "color": "teal",
-    "cover": "TailwindCss",
+    "cover": "TailwindCss.png",
     "slug": "tailwindcss"
   },
   {
     "title": "Docker",
     "color": "cyan",
-    "cover": "Docker",
+    "cover": "Docker.png",
     "slug": "docker"
   }
 ]