Fix Redis hover + improve nuxt config

components/WorkSkill.vue

@@ -32,6 +32,8 @@ export default {
   computed: {
     getColor() {
       switch (this.color) {
+        case 'red':
+          return 'hover:bg-red-600'
         case 'orange':
           return 'hover:bg-orange-600'
         case 'purple':

config/Head.ts

@@ -3,10 +3,14 @@ export default {
     { charset: 'utf-8' },
     { name: 'viewport', content: 'width=device-width, initial-scale=1' },
     { hid: 'description', name: 'description', content: 'ArtSite is my personal website build using NuxtJs to create a single point of contact' },
+
     { hid: 'og:type', name: 'og:type', content: 'website' },
     { hid: 'og:url', name: 'og:url', content: 'https://arthurdanjou.fr' },
     { hid: 'og:title', name: 'og:title', content: 'Arthur Danjou | FullStack Web & Software Developer' },
     { hid: 'og:site_name', name: 'og:site_name', content: 'Arthur Danjou | FullStack Web & Software Developer' },
+    { hid: 'og:locale', name: 'og:locale', content: 'fr' },
+    { hid: 'og:locale', name: 'og:locale', content: 'en' },
+    { hid: 'og:image', name: 'og:image', content: '/images/image.jpg' },
   ],
   link: [
     { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }

nuxt.config.js

@@ -41,4 +41,10 @@ export default {
     name: 'page',
     mode: 'out-in',
   },
+
+  loadingIndicator: {
+    name: 'circle',
+    color: '#3B8070',
+    background: 'white'
+  }
 }

package.json

@@ -3,7 +3,7 @@
   "version": "1.0.0",
   "private": true,
   "scripts": {
-    "dev": "nuxt-ts",
+    "dev": "node --optimize-for-size --max-old-space-size=4096 node_modules/@nuxt/typescript-runtime/bin/nuxt-ts.js",
     "build": "nuxt-ts build",
     "start": "nuxt-ts start",
     "generate": "nuxt-ts generate"
@@ -26,7 +26,7 @@
     "@nuxt/types": "^2.14.12",
     "@nuxt/typescript-build": "^2.0.3",
     "@nuxtjs/color-mode": "^2.0.2",
-    "@nuxtjs/tailwindcss": "^3.4.0",
+    "@nuxtjs/tailwindcss": "^3.4.2",
     "autoprefixer": "^9",
     "postcss": "^7"
   }