From ca8e80af4b0f21a02e780e12212eec4b225da0d6 Mon Sep 17 00:00:00 2001
From: Arthur Danjou <arthurdanjou@outlook.fr>
Date: Wed, 31 Mar 2021 09:59:21 +0200
Subject: [PATCH] Update project

---
 package.json                      |   3 +-
 settings/Build.ts                 |  12 +
 settings/BuildModules.ts          |   4 +-
 src/assets/images/logo-header.png | Bin 0 -> 24508 bytes
 src/components/Formation.vue      |   4 +
 src/components/Header.vue         | 163 +++++++------
 src/components/HomeLink.vue       |  20 +-
 src/layouts/dev.vue               |  13 ++
 src/locales/en-EN.ts              |   5 +-
 src/locales/fr-FR.ts              |   7 +-
 src/pages/README.md               |   6 -
 src/pages/about.vue               | 274 ++++++++++++++++++++++
 src/pages/blog/_slug.vue          | 201 ++++++++++++++++
 src/pages/blog/index.vue          | 276 ++++++++++++++++++++++
 src/pages/contact.vue             | 162 +++++++++++++
 src/pages/dev.vue                 |  14 ++
 src/pages/uses.vue                |  13 ++
 src/pages/work/_slug.vue          | 150 ++++++++++++
 src/pages/work/index.vue          |  51 +++++
 windi.config.js                   |   3 +-
 yarn.lock                         | 367 ++++++++++++++++++++----------
 21 files changed, 1521 insertions(+), 227 deletions(-)
 create mode 100644 src/assets/images/logo-header.png
 create mode 100644 src/layouts/dev.vue
 delete mode 100644 src/pages/README.md
 create mode 100644 src/pages/about.vue
 create mode 100644 src/pages/blog/_slug.vue
 create mode 100644 src/pages/blog/index.vue
 create mode 100644 src/pages/contact.vue
 create mode 100644 src/pages/dev.vue
 create mode 100644 src/pages/uses.vue
 create mode 100644 src/pages/work/_slug.vue
 create mode 100644 src/pages/work/index.vue

diff --git a/package.json b/package.json
index 1af43a8..46a27e2 100644
--- a/package.json
+++ b/package.json
@@ -13,7 +13,7 @@
     "@nuxtjs/axios": "^5.12.5",
     "@nuxtjs/composition-api": "^0.22.2",
     "core-js": "^3.9.1",
-    "nuxt": "^2.14.12",
+    "nuxt": "2.15.3",
     "nuxt-i18n": "6.21.1",
     "prism-themes": "1.6.0",
     "sass": "1.32.8"
@@ -26,6 +26,7 @@
     "nuxt-vite": "^0.0.36",
     "nuxt-windicss": "^0.4.6",
     "sass-loader": "10.1.1",
+    "vite-plugin-windicss": "^0.11.2",
     "vue-windicss-preprocess": "^2.2.0"
   }
 }
diff --git a/settings/Build.ts b/settings/Build.ts
index 0ab8165..fa83456 100644
--- a/settings/Build.ts
+++ b/settings/Build.ts
@@ -1,3 +1,15 @@
 // Build Configuration: https://go.nuxtjs.dev/config-build
 export default {
+  extend(config: any) {
+    config.module.rules.push({
+      test: /\.vue$/,
+      loader: 'vue-windicss-preprocess',
+      options: {
+        compile: true,                // false: interpretation mode; true: compilation mode
+        globalPreflight: true,         // set preflight style is global or scoped
+        globalUtility: true,           // set utility style is global or scoped
+        prefix: 'windi-'               // set compilation mode style prefix
+      }
+    })
+  }
 }
diff --git a/settings/BuildModules.ts b/settings/BuildModules.ts
index f945971..d58eb01 100644
--- a/settings/BuildModules.ts
+++ b/settings/BuildModules.ts
@@ -21,7 +21,7 @@ const windicss = {
     ],
     include: []
   },
-  transformCSS: 'pre',
+  transformCSS: 'post',
   preflight: {
     alias: {
       // add nuxt aliases
@@ -36,6 +36,6 @@ export default [
   '@nuxt/typescript-build',
   '@nuxtjs/composition-api',
   ['nuxt-windicss', windicss],
-  //'nuxt-vite',
+  'nuxt-vite',
   ['@nuxtjs/color-mode', color_mode],
 ] as NuxtOptionsModule[]
diff --git a/src/assets/images/logo-header.png b/src/assets/images/logo-header.png
new file mode 100644
index 0000000000000000000000000000000000000000..b065ec1c76066c00ed6ddd856bee410b22c7ac6e
GIT binary patch
literal 24508
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

literal 0
HcmV?d00001

diff --git a/src/components/Formation.vue b/src/components/Formation.vue
index 2cc6188..52056de 100644
--- a/src/components/Formation.vue
+++ b/src/components/Formation.vue
@@ -53,10 +53,14 @@ export default {
     const {$i18n} = useContext()
     const getBeginDate = computed(() => {
       const dateFormat = props.begin.split('-')
+      console.log('1')
+      console.log($i18n.t('month.' + dateFormat[0]) + " " + dateFormat[1])
       return $i18n.t('month.' + dateFormat[0]) + " " + dateFormat[1]
     })
     const getEndDate = computed(() => {
       const dateFormat = props.end.split('-')
+      console.log('2')
+      console.log(props.end === 'Today' ? $i18n.t('date.today') : $i18n.t('month.' + dateFormat[0]) + " " + dateFormat[1])
       return props.end === 'Today' ? $i18n.t('date.today') : $i18n.t('month.' + dateFormat[0]) + " " + dateFormat[1]
     })
 
diff --git a/src/components/Header.vue b/src/components/Header.vue
index 4fbbc81..1e93a2b 100644
--- a/src/components/Header.vue
+++ b/src/components/Header.vue
@@ -1,96 +1,74 @@
 <template>
-  <header class="dark:bg-dark-900 dark:text-white fixed z-50 top-0 left-0 bg-white header tracking-wider w-full h-16 lg:h-24 duration-500" :class="scrollPosition > 50 ? ' shadow-md dark:shadow-white' : ''">
-    <div class="header-container z-index-50 flex justify-between items-center h-full px-5 xl:px-64">
+  <header class="dark:bg-black dark:text-white fixed z-50 top-0 left-0 bg-white header w-full h-16 lg:h-24 duration-500" :class="scrollPosition > 50 ? ' shadow-md dark:shadow-white' : ''">
+    <div class="header-container z-index-50 flex justify-between items-center h-full px-5 xl:px-32">
       <nuxt-link to="/">
-        <div class="left text-2xl font-bold cursor-pointer border-b-2 border-opacity-0 dark:border-opacity-0 dark:hover:border-opacity-100 hover:border-opacity-100 border-black dark:border-white border-solid duration-500">
-          {{ $t('header.title') }}
-        </div>
+        <img src="@/assets/images/logo-header.png" alt="Logo Circle" class="h-10 left cursor-pointer duration-500" />
       </nuxt-link>
       <nav class="right">
         <div class="flex flex-col md:flex-row items-center">
-          <ul class="flex text-xl">
-            <li class="mx-2 cursor-pointer">
-              <div v-if="this.$i18n.locale === 'en'" @click="changeLanguage('fr')">
-                🇫🇷
-              </div>
-              <div v-else @click="changeLanguage('en')">
-                🇬🇧
-              </div>
-            </li>
-            <li @click="changeColorMode()" class="mx-2 cursor-pointer flex items-center">
-              <div v-if="this.$colorMode.value === 'light'">
-                <svg height="25" width="25" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z" />
-                </svg>
-              </div>
-              <div v-else>
-                <svg height="25" width="25" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z" />
-                </svg>
-              </div>
-            </li>
-            <nuxt-link class="red hidden md:inline-block" to="/">
-              <li class="hover:text-red-400 font-bold mx-2 cursor-pointer duration-300">
-                {{ $t('header.home') }}
-              </li>
-            </nuxt-link>
-            <nuxt-link class="orange hidden md:inline-block" to="/about">
-              <li class="hover:text-orange-400 font-bold mx-2 cursor-pointer duration-300">
+          <ul class="flex text-lg">
+            <nuxt-link class="hidden md:inline-block" to="/about">
+              <li class="nav-link">
                 {{ $t('header.about') }}
               </li>
             </nuxt-link>
-            <nuxt-link class="green hidden md:inline-block" to="/blog">
-              <li class="hover:text-green-400 font-bold mx-2 cursor-pointer duration-300">
+            <nuxt-link class="hidden md:inline-block" to="/blog">
+              <li class="nav-link">
                 {{ $t('header.blog') }}
               </li>
             </nuxt-link>
-            <nuxt-link class="blue hidden md:inline-block" to="/work">
-              <li class="hover:text-blue-400 font-bold mx-2 cursor-pointer duration-300">
-                {{ $t('header.work') }}
+            <nuxt-link class="hidden md:inline-block" to="/uses">
+              <li class="nav-link">
+                {{ $t('header.uses') }}
               </li>
             </nuxt-link>
-            <nuxt-link class="purple hidden md:inline-block" to="/contact">
-              <li class="hover:text-purple-400 font-bold mx-2 cursor-pointer duration-300">
+            <nuxt-link class="hidden md:inline-block" to="/projects">
+              <li class="nav-link">
+                {{ $t('header.projects') }}
+              </li>
+            </nuxt-link>
+            <nuxt-link class="hidden md:inline-block" to="/contact">
+              <li class="nav-link">
                 {{ $t('header.contact') }}
               </li>
             </nuxt-link>
           </ul>
         </div>
-        <ul class="dark:text-white dark:bg-dark-900 text-sm z-50 bg-white md:hidden fixed bottom-0 left-0 w-full flex items-center justify-around h-20 border-t border-gray-200 border-solid navbar-bottom-items">
-          <nuxt-link to="/" class="w-1/5 red">
-            <li class="font-bold flex flex-col items-center justify-center">
+        <ul class="dark:text-white dark:bg-black text-sm z-50 bg-white md:hidden fixed bottom-0 left-0 w-full flex items-center justify-around h-20 border-t border-gray-200 border-solid navbar-bottom-items">
+          <nuxt-link to="/about" class="w-1/5 nav-link-mobile">
+            <li class="font-medium flex flex-col items-center justify-center">
               <svg class="inline-block" height="20" width="20" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6" />
               </svg>
-              {{ $t('header.home') }}
-            </li>
-          </nuxt-link>
-          <nuxt-link to="/about" class="w-1/5 orange">
-            <li class="font-bold flex flex-col items-center justify-center">
-              <svg class="inline-block" height="20" width="20" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z" />
-              </svg>
               {{ $t('header.about') }}
             </li>
           </nuxt-link>
-          <nuxt-link to="/blog" class="w-1/5 green">
-            <li class="font-bold flex flex-col items-center justify-center">
+          <nuxt-link to="/blog" class="w-1/5 nav-link-mobile">
+            <li class="font-medium flex flex-col items-center justify-center">
               <svg class="inline-block" height="20" width="20" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z" />
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z" />
               </svg>
               {{ $t('header.blog') }}
             </li>
           </nuxt-link>
-          <nuxt-link to="/work" class="w-1/5 blue">
-            <li class="font-bold flex flex-col items-center justify-center">
+          <nuxt-link to="/uses" class="w-1/5 nav-link-mobile">
+            <li class="font-medium flex flex-col items-center justify-center">
+              <svg class="inline-block" height="20" width="20" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z" />
+              </svg>
+              {{ $t('header.uses') }}
+            </li>
+          </nuxt-link>
+          <nuxt-link to="/projects" class="w-1/5 nav-link-mobile">
+            <li class="font-medium flex flex-col items-center justify-center">
               <svg class="inline-block" height="20" width="20" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 13.255A23.931 23.931 0 0112 15c-3.183 0-6.22-.62-9-1.745M16 6V4a2 2 0 00-2-2h-4a2 2 0 00-2 2v2m4 6h.01M5 20h14a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" />
               </svg>
-              {{ $t('header.work') }}
+              {{ $t('header.projects') }}
             </li>
           </nuxt-link>
-          <nuxt-link to="/contact" class="w-1/5 purple">
-            <li class="font-bold flex flex-col items-center justify-center">
+          <nuxt-link to="/contact" class="w-1/5 nav-link-mobile">
+            <li class="font-medium flex flex-col items-center justify-center">
               <svg class="inline-block" height="20" width="20" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
@@ -100,18 +78,43 @@
           </nuxt-link>
         </ul>
       </nav>
+      <div>
+        <ul class="flex items-center">
+          <li class="mx-1 h-9 w-9 cursor-pointer flex items-center justify-center p-1.5 rounded-xl hover:bg-gray-300 duration-200 dark:hover:bg-dark-850">
+            <div v-if="this.$i18n.locale === 'en'" @click="changeLanguage('fr')">
+              :fr:
+            </div>
+            <div v-else @click="changeLanguage('en')">
+              🇬🇧
+            </div>
+          </li>
+          <li @click="changeColorMode()" class="mx-1 h-9 w-9 cursor-pointer flex items-center p-1.5 rounded-xl hover:bg-gray-300 dark:hover:bg-dark-850 duration-200">
+            <div v-if="this.$colorMode.preference === 'light'">
+              <svg height="25" width="25" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z" />
+              </svg>
+            </div>
+            <div v-else>
+              <svg height="25" width="25" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z" />
+              </svg>
+            </div>
+          </li>
+        </ul>
+      </div>
     </div>
   </header>
 </template>
 
 <script lang="ts">
-import {onMounted, onUnmounted, ref, useContext, useRouter} from "@nuxtjs/composition-api";
+import {onMounted, onUnmounted, ref, useAsync, useContext, useRouter} from "@nuxtjs/composition-api";
 
 export default {
   name: "Header",
   setup() {
     const {$colorMode} = useContext()
     const changeColorMode = () => {
+      console.log("changed !")
       $colorMode.preference = $colorMode.value === 'light' ? 'dark' : 'light'
     }
 
@@ -130,12 +133,13 @@ export default {
 
     const {app, $i18n} = useContext()
     const $router = useRouter()
-    const changeLanguage = async (lang: 'fr' | 'en') => {
-      await $i18n.setLocale(lang)
+    const changeLanguage = (lang: 'fr' | 'en') => useAsync(() => {
+      console.log("i18n changed")
+      $i18n.setLocale(lang)
       if ($router.currentRoute.fullPath.includes('blog')) {
-        await app.refresh()
+        app.refresh()
       }
-    }
+    })
 
     return {
       scrollPosition,
@@ -152,31 +156,16 @@ export default {
 
   .header-container {
 
-    .nuxt-link-active {
-      &.green {
-        @apply text-green-400;
-      }
-      &.blue {
-        @apply text-blue-400;
-      }
+    .nav-link {
+      @apply text-gray-500 dark:text-gray-400 hover:dark:text-white font-medium hover:text-black mx-4 cursor-pointer duration-300
     }
 
-    .nuxt-link-exact-active {
-      &.red {
-        @apply text-red-400;
-      }
-      &.orange {
-        @apply text-orange-400;
-      }
-      &.green {
-        @apply text-green-400;
-      }
-      &.blue {
-        @apply text-blue-400;
-      }
-      &.purple {
-        @apply text-purple-400;
-      }
+    .nav-link-mobile {
+      @apply text-gray-500 dark:text-gray-400 hover:dark:text-white hover:text-black duration-300
+    }
+
+    nav .nuxt-link-exact-active {
+      @apply text-black dark:text-white;
     }
 
     .navbar-bottom-items li {
diff --git a/src/components/HomeLink.vue b/src/components/HomeLink.vue
index 553ca88..1bd0fd6 100644
--- a/src/components/HomeLink.vue
+++ b/src/components/HomeLink.vue
@@ -43,7 +43,7 @@ export default {
       type: String
     },
     color: {
-      default: "red-100",
+      default: "red",
       type: String
     },
     link: {
@@ -52,10 +52,24 @@ export default {
     }
   },
   setup(props: HomeLinkProps) {
-    const getColor = computed(() => `hover:bg-${props.color}-400 dark:hover:bg-${props.color}-600 active:bg-${props.color}-400 dark:active:bg-${props.color}-600`)
+    /**const getColor = computed(() => {
+      return 'hover:bg-color-400 dark:hover:bg-color-600 active:bg-color-400 dark:active:bg-color-600'.replaceAll('color', props.color)
+    })*/
+    const getColor = computed(() => {
+      switch (props.color) {
+        case 'orange':
+          return 'hover:bg-orange-400 dark:hover:bg-orange-600 active:bg-orange-400 dark:active:bg-orange-600'
+        case 'purple':
+          return 'hover:bg-purple-400 dark:hover:bg-purple-600 active:bg-purple-400 dark:active:bg-purple-600'
+        case 'blue':
+          return 'hover:bg-blue-400 dark:hover:bg-blue-600 active:bg-blue-400 dark:active:bg-blue-600'
+        case 'green':
+          return 'hover:bg-green-400 dark:hover:bg-green-600 active:bg-green-400 dark:active:bg-green-600'
+      }
+    })
 
     return {
-      getColor
+      getColor,
     }
   }
 }
diff --git a/src/layouts/dev.vue b/src/layouts/dev.vue
new file mode 100644
index 0000000..9044b88
--- /dev/null
+++ b/src/layouts/dev.vue
@@ -0,0 +1,13 @@
+<template>
+  <Nuxt />
+</template>
+
+<script>
+export default {
+  name: "dev"
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/locales/en-EN.ts b/src/locales/en-EN.ts
index 9ad5525..ee95e61 100644
--- a/src/locales/en-EN.ts
+++ b/src/locales/en-EN.ts
@@ -1,11 +1,10 @@
 export default {
   header: {
-    title: 'Arthur Danjou',
     home: 'Home',
     about: 'About',
     blog: 'Blog',
-    work: 'Work',
-    contact: 'Contact'
+    projects: 'Projects',
+    uses: 'Uses',
   },
 
   footer: {
diff --git a/src/locales/fr-FR.ts b/src/locales/fr-FR.ts
index 68e4493..3f4ef98 100644
--- a/src/locales/fr-FR.ts
+++ b/src/locales/fr-FR.ts
@@ -1,11 +1,10 @@
 export default {
   header: {
-    title: 'Arthur Danjou',
-    home: 'Accueil',
     about: 'Moi',
     blog: 'Blog',
-    work: 'Travail',
-    contact: 'Contact'
+    contact: 'Contact',
+    projects: 'Projets',
+    uses: 'Usages'
   },
 
   footer: {
diff --git a/src/pages/README.md b/src/pages/README.md
deleted file mode 100644
index 1d5d48b..0000000
--- a/src/pages/README.md
+++ /dev/null
@@ -1,6 +0,0 @@
-# PAGES
-
-This directory contains your Application Views and Routes.
-The framework reads all the `*.vue` files inside this directory and creates the router of your application.
-
-More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/routing).
diff --git a/src/pages/about.vue b/src/pages/about.vue
new file mode 100644
index 0000000..46f3b2e
--- /dev/null
+++ b/src/pages/about.vue
@@ -0,0 +1,274 @@
+<template>
+  <main class="about flex flex-col items-center px-5 xl:px-64">
+    <PageTitle
+      title="part.about"
+      color="orange"
+    >
+      <svg class="inline-block icon" height="40" width="40" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z" />
+      </svg>
+    </PageTitle>
+    <div class="flex flex-col md:flex-row justify-around items-center py-8">
+      <div>
+        <img class="logo-img rounded-full my-5" src="@/assets/images/Logo.jpg" alt="It's me !" />
+      </div>
+      <div class="ml-2 text-lg leading-6 md:w-2/3 text-justify">
+        <p>{{ $t('about.banner.hello') }} <span class="text-orange-400 font-bold">Arthur DANJOU</span> 👋.</p> <br/>
+        <p>{{ $t('about.banner.1')}}</p> <br/>
+        <p>{{ $t('about.banner.2') }}</p> <br/>
+        <p>{{ $t('about.banner.3') }}</p>
+      </div>
+    </div>
+    <div class="w-full mb-10 mt-4">
+      <h3 class="font-bold text-2xl md:text-4xl mb-3">
+        {{ $t('about.title.skills') }}
+        <svg class="inline icon" height="32" width="32" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4" />
+        </svg>
+      </h3>
+      <div class="flex flex-row w-full overflow-x-auto md:overflow-x-hidden md:flex-wrap space-x-4 md:space-x-0 md:justify-start">
+        <div v-if="skills" v-for="skill in skills">
+          <Skill
+            :skill="skill.title"
+            :color="skill.color"
+            :cover="skill.cover"
+          />
+        </div>
+      </div>
+    </div>
+    <div class="w-full mb-10">
+      <h3 class="font-bold text-2xl md:text-4xl">
+        {{ $t('about.title.interests') }}
+        <svg height="32" width="32" class="inline icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 18.657A8 8 0 016.343 7.343S7 9 9 10c0-2 .5-5 2.986-7C14 5 16.09 5.777 17.656 7.343A7.975 7.975 0 0120 13a7.975 7.975 0 01-2.343 5.657z" />
+          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.879 16.121A3 3 0 1012.015 11L11 14H9c0 .768.293 1.536.879 2.121z" />
+        </svg>
+      </h3>
+      <div>
+        <ul class="text-xl">
+          <li class="my-2">
+            {{ $t('about.title.technologies') }}
+            <svg class="inline icon" height="25" width="25" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 3v2m6-2v2M9 19v2m6-2v2M5 9H3m2 6H3m18-6h-2m2 6h-2M7 19h10a2 2 0 002-2V7a2 2 0 00-2-2H7a2 2 0 00-2 2v10a2 2 0 002 2zM9 9h6v6H9V9z" />
+            </svg>
+          </li>
+          <li class="my-2">
+            {{ $t('about.interests.dev') }}
+            <svg class="inline icon" height="25" width="25" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4" />
+            </svg>
+          </li>
+          <li class="my-2">
+            {{ $t('about.interests.devops') }}
+            <svg class="inline icon" height="25" width="25" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4" />
+            </svg>
+          </li>
+          <li class="my-2">
+            {{ $t('about.interests.startups') }}
+            <svg class="inline icon" height="25" width="25" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19.428 15.428a2 2 0 00-1.022-.547l-2.387-.477a6 6 0 00-3.86.517l-.318.158a6 6 0 01-3.86.517L6.05 15.21a2 2 0 00-1.806.547M8 4h8l-1 1v5.172a2 2 0 00.586 1.414l5 5c1.26 1.26.367 3.414-1.415 3.414H4.828c-1.782 0-2.674-2.154-1.414-3.414l5-5A2 2 0 009 10.172V5L8 4z" />
+            </svg>
+          </li>
+          <li class="my-2">
+            {{ $t('about.interests.sysadmin') }}
+            <svg class="inline icon" height="25" width="25" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 12h14M5 12a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v4a2 2 0 01-2 2M5 12a2 2 0 00-2 2v4a2 2 0 002 2h14a2 2 0 002-2v-4a2 2 0 00-2-2m-2-4h.01M17 16h.01" />
+            </svg>
+          </li>
+          <li class="my-2">
+            {{ $t('about.interests.trips') }}
+            <svg class="inline icon" height="25" width="25" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 19l9 2-9-18-9 18 9-2zm0 0v-8" />
+            </svg>
+          </li>
+          <li class="my-2">
+            {{ $t('about.interests.moto') }}
+            <svg class="inline icon" height="25" width="25" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M18.364 18.364A9 9 0 005.636 5.636m12.728 12.728A9 9 0 015.636 5.636m12.728 12.728L5.636 5.636" />
+            </svg>
+          </li>
+        </ul>
+      </div>
+    </div>
+    <div class="w-full mb-10">
+      <h3 class="font-bold text-2xl md:text-4xl">
+        {{ $t('about.title.languages') }}
+        <svg class="inline icon" height="32" width="32" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5h12M9 3v2m1.048 9.5A18.022 18.022 0 016.412 9m6.088 9h7M11 21l5-10 5 10M12.751 5C11.783 10.77 8.07 15.61 3 18.129" />
+        </svg>
+      </h3>
+      <div>
+        <table class="text-base text-xl">
+          <tr>
+            <td class="font-bold py-2 pr-4">{{ $t('about.languages.fr')}} 🇫🇷</td>
+            <td class="py-2 px-4">{{ $t('about.languages.native') }}</td>
+          </tr>
+          <tr>
+            <td class="font-bold py-2 pr-4">{{ $t('about.languages.en')}} 🇬🇧</td>
+            <td class="py-2 px-4">{{ $t('about.languages.fluent') }}</td>
+          </tr>
+        </table>
+      </div>
+    </div>
+    <div class="w-full mb-10">
+      <h3 class="font-bold text-2xl md:text-4xl mb-3">
+        {{ $t('about.title.formations') }}
+        <svg class="inline icon" height="32" width="32" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 14l9-5-9-5-9 5 9 5zm0 0l6.16-3.422a12.083 12.083 0 01.665 6.479A11.952 11.952 0 0012 20.055a11.952 11.952 0 00-6.824-2.998 12.078 12.078 0 01.665-6.479L12 14zm-4 6v-7.5l4-2.222" />
+        </svg>
+      </h3>
+      <div v-if="formations" v-for="formation in formations">
+        <Formation
+          :title="formation.title"
+          :description="formation.description"
+          :location="formation.location"
+          :begin="formation.begin_date"
+          :end="formation.end_date" />
+      </div>
+    </div>
+    <div class="w-full mb-10">
+      <h3 class="font-bold text-2xl md:text-4xl mb-3">
+        {{ $t('about.title.experiences') }}
+        <svg class="inline icon" height="32" width="32" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 13v-1m4 1v-3m4 3V8M8 21l4-4 4 4M3 4h18M4 4h16v12a1 1 0 01-1 1H5a1 1 0 01-1-1V4z" />
+        </svg>
+      </h3>
+      <div v-if="experiences" v-for="experience in experiences">
+        <Experience
+          :title="experience.title"
+          :company="experience.company"
+          :location="experience.location"
+          :begin="experience.begin_date"
+          :end="experience.end_date" />
+      </div>
+    </div>
+    <nuxt-link to="/cv">
+      <div class="flex justify-center items-center font-bold py-4 px-6 bg-orange-400 hover:bg-orange-600 cursor-pointer duration-500 rounded-full dark:text-black">
+        {{ $t('about.cv') }}
+        <svg class="inline icon" height="32" width="32" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H5a2 2 0 00-2 2v9a2 2 0 002 2h14a2 2 0 002-2V8a2 2 0 00-2-2h-5m-4 0V5a2 2 0 114 0v1m-4 0a2 2 0 104 0m-5 8a2 2 0 100-4 2 2 0 000 4zm0 0c1.306 0 2.417.835 2.83 2M9 14a3.001 3.001 0 00-2.83 2M15 11h3m-3 4h2" />
+        </svg>
+      </div>
+    </nuxt-link>
+    <div class="mt-10 border-t-2 border-black dark:border-white border-solid w-full" />
+    <PageTitle
+      title="about.environment"
+      color="orange"
+    >
+      <svg class="inline icon" height="40" width="40" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 4a2 2 0 114 0v1a1 1 0 001 1h3a1 1 0 011 1v3a1 1 0 01-1 1h-1a2 2 0 100 4h1a1 1 0 011 1v3a1 1 0 01-1 1h-3a1 1 0 01-1-1v-1a2 2 0 10-4 0v1a1 1 0 01-1 1H7a1 1 0 01-1-1v-3a1 1 0 00-1-1H4a2 2 0 110-4h1a1 1 0 001-1V7a1 1 0 011-1h3a1 1 0 001-1V4z" />
+      </svg>
+    </PageTitle>
+    <p class="text-lg leading-6 text-justify pb-8">{{ $t('about.env.description') }}</p>
+    <EnvGroup>
+      <EnvTitle title="about.env.ide">
+        <svg class="inline icon" height="32" width="32" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4" />
+        </svg>
+      </EnvTitle>
+      <EnvList>
+        <EnvListItem title="about.ide.java" content="Intellij Idea Ultimate" link="https://www.jetbrains.com/fr-fr/idea/"/>
+        <EnvListItem title="about.ide.web" content="WebStorm" link="https://www.jetbrains.com/fr-fr/webstorm/"/>
+        <EnvListItem title="about.ide.go" content="GoLand" link="https://www.jetbrains.com/fr-fr/go/"/>
+        <EnvListItem title="about.ide.db" content="DataGrip" link="https://www.jetbrains.com/fr-fr/datagrip/"/>
+        <EnvListItem title="about.ide.all" content="Jetbrains Toolbox" link="https://www.jetbrains.com/toolbox-app/"/>
+        <EnvListItem title="about.police" content="Jetbrains Mono" link="https://www.jetbrains.com/lp/mono/"/>
+        <EnvListItem title="about.console" content="Terminus" link="https://github.com/Eugeny/terminus"/>
+        <EnvListItem title="about.wsl_2" content="Ubuntu 20.04" link="https://www.microsoft.com/en-us/p/ubuntu-2004-lts/9n6svws3rx71?activetab=pivot:overviewtab"/>
+      </EnvList>
+    </EnvGroup>
+    <EnvGroup>
+      <EnvTitle title="about.env.apps">
+        <svg class="inline icon" height="32" width="32" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" />
+        </svg>
+      </EnvTitle>
+      <EnvList>
+        <EnvListItem title="about.email_client" content="Courrier by Microsoft" link="https://www.microsoft.com/fr-fr/p/courrier-et-calendrier/9wzdncrfhvqm?activetab=pivot:overviewtab"/>
+        <EnvListItem title="about.vpn_client" content="Pritunl" link="https://pritunl.com/"/>
+        <EnvListItem title="about.ftp_client" content="WinSCP" link="https://winscp.net/eng/download.php"/>
+        <EnvListItem title="about.web_client" content="FireFox Developer Edition" link="https://www.mozilla.org/fr/firefox/developer/"/>
+        <EnvListItem title="about.organisation_tool" content="Notion" link="https://www.notion.so/"/>
+        <EnvListItem title="about.organisation_tool" content="Trello" link="https://www.trello.com/"/>
+        <EnvListItem title="about.design_tool" content="Affinity Designer" link="https://affinity.serif.com/fr/designer/"/>
+        <EnvListItem title="about.communication_tool" content="Slack" link="https://slack.com/intl/fr-fr/"/>
+        <EnvListItem title="about.communication_tool" content="Discord" link="https://www.discord.com/"/>
+        <EnvListItem title="about.communication_tool" content="Mattermost" link="https://mattermost.com/"/>
+      </EnvList>
+    </EnvGroup>
+    <EnvGroup>
+      <EnvTitle title="about.env.hosting">
+        <svg class="inline icon"  height="32" width="32" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 12h14M5 12a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v4a2 2 0 01-2 2M5 12a2 2 0 00-2 2v4a2 2 0 002 2h14a2 2 0 002-2v-4a2 2 0 00-2-2m-2-4h.01M17 16h.01" />
+        </svg>
+      </EnvTitle>
+      <EnvList>
+        <EnvListItem title="about.hosting.vps" content="PulseHeberg" link="https://pulseheberg.com/"/>
+        <EnvListItem title="about.hosting.ndd" content="OVH" link="https://ovh.com/"/>
+      </EnvList>
+    </EnvGroup>
+    <EnvGroup>
+      <EnvTitle title="about.env.setup">
+        <svg class="inline icon" height="25" width="25" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z" />
+        </svg>
+      </EnvTitle>
+      <EnvList>
+        <EnvListItem title="about.setup.desk" content="Ikea"/>
+        <EnvListItem title="about.setup.phone" content="Samsung Galaxy Note 8" link="https://www.samsung.com/smartphones/galaxy-note8/"/>
+        <EnvListItem title="about.setup.computer" content="Asus i5, 8Go Ram, GTX 950, 1To HDD"/>
+        <EnvListItem title="about.setup.screen" content="iiyama ProLite E2283HS" link="https://iiyama.com/fr/fr/produits/prolite-e2283hs-b3/"/>
+        <EnvListItem title="about.setup.keyboard" content="Microsoft"/>
+        <EnvListItem title="about.setup.mouse" content="Roccat Kova" link="https://fr.roccat.org/Mice/Kova-AIMO"/>
+        <EnvListItem title="about.setup.headphone" content="Apple Airpods" link="https://www.apple.com/fr/airpods/"/>
+        <EnvListItem title="about.setup.microphone" content="Turtle Beach px22" link="https://www.amazon.fr/Turtle-Beach-PX22-casque-gaming/dp/B00BDS415I"/>
+      </EnvList>
+    </EnvGroup>
+  </main>
+</template>
+
+<script lang="ts">
+import {useAsync, useContext} from "@nuxtjs/composition-api";
+import {Experience, Formation, Skill} from "../../@types/types";
+
+export default {
+  name: "about",
+  head() {
+    return {
+      title: 'About me - Arthur Danjou'
+    }
+  },
+  setup() {
+    const {$content} = useContext()
+
+    const skills = useAsync(() => {
+      return $content('skills').fetch<Skill>()
+    })
+    const experiences = useAsync(() => {
+      return $content('experiences')
+        .sortBy('end_date', 'desc')
+        .fetch<Experience>()
+    })
+    const formations = useAsync(() => {
+      return $content('formations')
+        .sortBy('end_date', 'desc')
+        .fetch<Formation>()
+    })
+
+    return {
+      skills,
+      experiences,
+      formations
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.about {
+  .logo-img {
+    height: 20rem;
+  }
+}
+</style>
diff --git a/src/pages/blog/_slug.vue b/src/pages/blog/_slug.vue
new file mode 100644
index 0000000..2e7596e
--- /dev/null
+++ b/src/pages/blog/_slug.vue
@@ -0,0 +1,201 @@
+<template>
+  <main class="blog flex flex-col items-center px-5 xl:px-96 mb-16 md:mb-32">
+    <div class="mt-8 md:mt-32 flex flex-col justify-around py-8 w-full">
+      <div>
+        <div class="mb-4 flex">
+          <nuxt-link to="/blog" class="back-arrow flex">
+            <div class="duration-300 arrow">
+              <svg height="25" width="25" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 19l-7-7m0 0l7-7m-7 7h18" />
+              </svg>
+            </div>
+            <div class="ml-2">
+              {{ $t('blog.read.back') }}
+            </div>
+          </nuxt-link>
+        </div>
+      </div>
+      <h1 class="text-3xl md:text-5xl font-bold">
+        {{ post.title }}
+      </h1>
+      <h3 class="text-xl text-gray-800 dark:text-dark-100 my-4 md:mt-8">
+        {{ post.description }}
+      </h3>
+      <div class="flex flex-row justify-between w-full md:w-2/3 mb-12">
+        <div>
+          <p class="uppercase text-sm font-bold text-gray-800 dark:text-dark-100">Date</p>
+          <p>{{ formatDate }}</p>
+        </div>
+        <div>
+          <p class="uppercase text-sm font-bold text-gray-800 dark:text-dark-100">{{ $t('blog.read.time') }}</p>
+          <p>{{ post.reading_time }} min</p>
+        </div>
+        <div>
+          <p :class="post.tags.length === 0 ? 'opacity-0': 'opacity-100'" class="uppercase text-sm font-bold text-gray-800 dark:text-dark-100">Tags</p>
+          <p>{{ formatTags }}</p>
+        </div>
+      </div>
+      <div class="w-full">
+        <div class="flex justify-center w-full h-auto">
+          <img class="w-full h-auto" :src="require(`@/assets/images/posts/${post.cover}.png`)" alt="Cover Img" />
+        </div>
+      </div>
+      <nuxt-content
+        :document="post"
+        class="my-6 md:my-12 w-full text-justify max-w-none
+        prose prose-sm sm:prose lg:prose-lg lg:max-w-none sm:max-w-none
+        dark:prose-dark dark:max-w-none"
+      />
+      <p class="mb-3">
+        {{ $t('blog.read.thanks') }}
+      </p>
+      <div class="flex flex-col md:flex-row">
+        <div class="flex items-center mb-2 md:mb-0">
+          <div
+            @click="handleLike"
+            class="h-16 end-blog flex flex-row justify-center items-center cursor-pointer duration-300 text-3xl p-3 border-solid border mr-2"
+            :class="liked ? 'border-red-500 dark:border-red-500 hover:border-gray-400 dark:hover:border-dark-200' : 'border-gray-400 dark:border-dark-200 hover:border-red-500 dark:hover:border-red-500'"
+          >
+            <div class="mr-2 lining-nums">
+              {{ likes }}
+            </div>
+            <div class="icon-hover inline">❤</div>
+          </div>
+          <a
+            target="_blank"
+            :href="'https://twitter.com/intent/tweet?url=https%3A%2F%2Farthurdanjou.fr%2Fblog%2F' + this.post.slug + '&text=' + $t('blog.tweet') + ' ' + post.title"
+            class="h-16 mr-2 end-blog cursor-pointer duration-300 text-3xl p-3 border-solid border border-gray-400 dark:border-dark-200 hover:border-cyan-500 dark:hover:border-cyan-400 justify-center items-center"
+          >
+            <img class="inline img icon-hover" src="@/assets/images/socials/twitter.svg" alt="Twitter logo" height="40" width="40" />
+          </a>
+          <div @click="scrollToTop"
+               class="h-16 mr-2 end-blog cursor-pointer duration-300 text-3xl p-3 border-solid border border-gray-400 dark:border-dark-200 hover:border-dark-800 dark:hover:border-white">
+            <svg class="inline icon-hover" width="40" height="40" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 10l7-7m0 0l7 7m-7-7v18" />
+            </svg>
+          </div>
+        </div>
+        <div class="flex items-center">
+          <nuxt-link to="/contact"
+                     class="h-16 mr-2 end-blog cursor-pointer duration-300 text-3xl p-3 border-solid border border-gray-400 dark:border-dark-200 hover:border-dark-800 dark:hover:border-white"
+          >
+            <svg class="inline icon-hover" width="40" height="40" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 5a2 2 0 012-2h10a2 2 0 012 2v16l-7-3.5L5 21V5z" />
+            </svg>
+          </nuxt-link>
+          <div
+            @click="copyToClipBoard"
+            class="h-16 end-blog cursor-pointer duration-300 text-3xl p-3 border-solid border border-gray-400 dark:border-dark-200 hover:border-dark-800 dark:hover:border-white"
+          >
+            <svg class="inline icon-hover" height="40" width="40" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7v8a2 2 0 002 2h6M8 7V5a2 2 0 012-2h4.586a1 1 0 01.707.293l4.414 4.414a1 1 0 01.293.707V15a2 2 0 01-2 2h-2M8 7H6a2 2 0 00-2 2v10a2 2 0 002 2h8a2 2 0 002-2v-2" />
+            </svg>
+          </div>
+          <div v-if="isCopied" class="p-3 relative text-sm flex justify-center items-center text-green-500">
+            {{ $t('copied') }}
+            <svg class="inline icon" width="25" height="25" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
+            </svg>
+          </div>
+        </div>
+      </div>
+    </div>
+  </main>
+</template>
+
+<script>
+export default {
+  name: "blog",
+  head() {
+    return {
+      title: 'Blog - Arthur Danjou - ' + this.post.title
+    }
+  },
+  data() {
+    return {
+      likes: 0,
+      post: null,
+
+      isCopied: false,
+      liked: false
+    }
+  },
+  async asyncData({ params, $content, app, $axios, error }) {
+    const post = await $content(`articles/${app.i18n.locale}`, params.slug)
+      .fetch()
+      .catch(() => {
+        error({ statusCode: 404, message: "Post not found" });
+      });
+    const {data: likes} = await $axios.get(`posts/${params.slug}`)
+    const liked = await $axios.get(`posts/is/${params.slug}`)
+    return {
+      post,
+      likes,
+      liked: liked.data !== 0
+    }
+  },
+  methods: {
+    scrollToTop() {
+      window.scrollTo({
+        top: 0,
+        behavior: "smooth"
+      })
+    },
+    copyToClipBoard() {
+      navigator.clipboard.writeText('https://arthurdanjou.fr/blog/' + this.post.slug)
+      this.isCopied = true
+      setTimeout(() => {
+        this.isCopied = false
+      }, 7000)
+    },
+    async handleLike() {
+      if (this.liked) {
+        const {data} = await this.$axios.post(`posts/${this.post.slug}/unlike`)
+        if (data.code === 200) {
+          this.liked = false
+          this.likes = data.post.likes
+        }
+      } else {
+        const {data} = await this.$axios.post(`posts/${this.post.slug}/like`)
+        if (data.code === 200) {
+          this.liked = true
+          this.likes = data.post.likes
+        }
+      }
+    }
+  },
+  computed: {
+    formatDate() {
+      const dateFormat = this.post.date.split('-')
+      return dateFormat[0] + " " + this.$t('month.' + dateFormat[1]) + " " + dateFormat[2]
+    },
+    formatTags() {
+      let tags = ""
+      this.post.tags.map(tag => {
+        tags += this.$t(tag) + ", "
+      })
+      return tags.substring(0, tags.length - 2)
+    },
+  },
+}
+</script>
+
+<style scoped lang="scss">
+.blog {
+  .back-arrow:hover .arrow {
+    transform: translate(-8px, -1px);
+  }
+
+  .arrow {
+    transform: translate(3px, -1px);
+  }
+
+  .end-blog .icon-hover {
+    @apply duration-300
+  }
+
+  .end-blog:hover .icon-hover {
+    @apply transform scale-105;
+  }
+}
+</style>
diff --git a/src/pages/blog/index.vue b/src/pages/blog/index.vue
new file mode 100644
index 0000000..12e7f01
--- /dev/null
+++ b/src/pages/blog/index.vue
@@ -0,0 +1,276 @@
+<template>
+  <main class="blog flex flex-col items-center px-5 xl:px-64">
+    <PageTitle
+      title="part.blog"
+      color="green"
+    >
+      <svg class="inline-block icon" height="40" width="40" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z" />
+      </svg>
+    </PageTitle>
+    <div class="flex flex-col mt-8 w-full md:w-1/2">
+      <h1
+        v-if="current_tag === ''"
+        class="text-lg mb-2"
+      >{{ $t('blog.tags.search') }}</h1>
+      <div
+        @click="resetPosts"
+        v-if="current_tag !== ''"
+        class="w-full"
+      >
+        <div class="w-full home-arrow flex cursor-pointer font-bold mb-3">
+          <div class="arrow duration-300 mr-2">
+            <svg height="25" width="25" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 19l-7-7m0 0l7-7m-7 7h18" />
+            </svg>
+          </div>
+          {{ $t('blog.tags.back') }}
+        </div>
+        <div class="w-full">
+          {{ $t('blog.tags.current', { tag: $t(current_tag)}) }}
+        </div>
+      </div>
+      <div v-else class="flex flex-row w-full overflow-x-scroll md:overflow-x-hidden md:flex-wrap space-x-3 md:space-x-0">
+        <div v-for="tag in tags">
+          <div
+            class="mb-3 md:mr-4 border-b-2 border-opacity-0 hover:border-opacity-100 border-green-400 border-solid duration-300 cursor-pointer font-black"
+            @click="fetchPostsByTag(tag.slug)"
+          >
+            {{ $t(tag.slug) }}
+          </div>
+        </div>
+      </div>
+    </div>
+    <h1 v-if="posts.length === 0" class="text-xl font-bold text-center my-8 w-full">{{ $t('blog.no_posts') }}</h1>
+    <div class="w-full xl:w-1/2" v-else>
+      <div class="flex flex-col justify-around items-center py-8 w-full">
+        <div class="w-full" v-for="post in posts">
+          <nuxt-link :to="'/blog/' + post.slug">
+            <Post
+              :title="post.title"
+              :reading_time="post.reading_time"
+              :description="post.description"
+              :tags="displayTags(post.tags)"
+              :cover="post.cover"
+              :date="post.date"
+              :lightBg="post.background"
+            />
+          </nuxt-link>
+        </div>
+      </div>
+      <div class="relative flex flex-row justify-between w-full mb-4" v-if="(next || prev) && this.postsCount > 5">
+        <div
+          class="duration-300 flex w-1/2 px-5 py-4 justify-center items-center"
+          :class="prev === null ? 'opacity-0': 'opacity-100'"
+        >
+          <div class="flex items-center duration-300 prev-arrow" @click="prevPage">
+            <div class="arrow duration-300">
+              <svg class="inline icon" height="30" width="30" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 15l-3-3m0 0l3-3m-3 3h8M3 12a9 9 0 1118 0 9 9 0 01-18 0z" />
+              </svg>
+            </div>
+            <div class="inline ml-4 font-bold">{{ $t('blog.pagination.prev') }}</div>
+          </div>
+        </div>
+        <div
+          class="duration-300 flex w-1/2 px-5 py-4 justify-center items-center"
+          :class="next === null ? 'opacity-0': 'opacity-100'"
+        >
+          <div class="flex items-center duration-300 suiv-arrow" @click="nextPage">
+            <div class="mr-4 font-bold">{{ $t('blog.pagination.next') }}</div>
+            <div class="inline arrow duration-300">
+              <svg class="inline icon" height="30" width="30" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 9l3 3m0 0l-3 3m3-3H8m13 0a9 9 0 11-18 0 9 9 0 0118 0z" />
+              </svg>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </main>
+</template>
+
+<script>
+import Post from "~/components/Post";
+import PageTitle from "~/components/PageTitle";
+export default {
+  name: "blog",
+  components: {PageTitle, Post},
+  head() {
+    return {
+      title: 'Blog - Arthur Danjou'
+    }
+  },
+  data () {
+    return {
+      postsCount: 0,
+      page: 0,
+      current_tag: '',
+      posts: []
+    }
+  },
+  methods: {
+    displayTags(tags) {
+      const tags_label = []
+      if (tags.length > 0) {
+        tags.map(tag => {
+          tags_label.push(tag)
+        })
+      }
+      return tags_label
+    },
+    async fetchPostsByTag(tag) {
+      this.current_tag = tag
+      this.page = 0
+      await this.fetchPosts()
+      if (this.posts.length !== 0) {
+        await this.fetchPrevAndNext()
+      } else {
+        this.next = null
+        this.prev = null
+      }
+    },
+    async resetPosts() {
+      this.current_tag = ''
+      this.posts = await this.$content(`articles/${this.$i18n.locale}`)
+        .sortBy('date', 'asc')
+        .limit(5)
+        .fetch()
+    },
+    async nextPage() {
+      this.page++
+      await this.fetchPosts()
+      await this.fetchPrevAndNext()
+
+      window.scrollTo({
+        top: 100,
+        behavior: "smooth"
+      })
+    },
+    async prevPage() {
+      this.page--
+      await this.fetchPosts()
+      await this.fetchPrevAndNext()
+      window.scrollTo({
+        top: 100,
+        behavior: "smooth"
+      })
+    },
+    async fetchPosts() {
+      let postsTemp = []
+      if (this.current_tag === "") {
+        postsTemp = await this.$content(`articles/${this.$i18n.locale}`)
+          .sortBy('date', 'asc')
+          .limit(5)
+          .skip(this.page * 5)
+          .fetch()
+      } else {
+        postsTemp = await this.$content(`articles/${this.$i18n.locale}`)
+          .sortBy('date', 'asc')
+          .limit(5)
+          .skip(this.page * 5)
+          .where({
+            tags: {
+              $contains: this.current_tag
+            }
+          })
+          .fetch()
+      }
+
+      const posts = []
+      postsTemp.map(post => {
+        posts.push(post)
+      })
+      this.posts = posts
+    },
+    async fetchPrevAndNext() {
+      const [_, next] = await this.$content(`articles/${this.$i18n.locale}`)
+        .surround(this.posts[this.posts.length - 1].slug, {
+          before: 1,
+          after: 1
+        })
+        .fetch()
+      const [prev, __] = await this.$content(`articles/${this.$i18n.locale}`)
+        .skip(this.page)
+        .surround(this.posts[0].slug, {
+          before: 1,
+          after: 1
+        })
+        .fetch()
+
+      this.prev = null
+      this.next = null
+      if (this.posts.length === 5) {
+        this.next = next
+      }
+      if (this.page > 0) {
+        this.prev = prev
+      }
+    }
+  },
+  async asyncData ({ $content, app }) {
+    const tags = await $content('tags').fetch()
+    const locale = await app.i18n.locale
+
+    const postsTemp = await $content(`articles/${locale}`)
+      .sortBy('date', 'asc')
+      .limit(5)
+      .fetch()
+
+    const posts = []
+    postsTemp.map(post => {
+      posts.push(post)
+    })
+
+    let prev = null
+    let next = null
+
+    if (posts.length > 0) {
+      const [_, nextTemp] = await $content(`articles/${locale}`)
+        .surround(posts[posts.length - 1].slug, {
+          before: 1,
+          after: 1
+        })
+        .fetch()
+
+      const [prevTemp, __] = await $content(`articles/${locale}`)
+        .surround(posts[0].slug, {
+          before: 1,
+          after: 1
+        })
+        .fetch()
+
+      next = nextTemp
+      prev = prevTemp
+    }
+
+    return {
+      posts,
+      postsCount: posts.length,
+      tags,
+      prev,
+      next
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.blog {
+  .home-arrow:hover .arrow {
+    transform: translateX(-15px);
+  }
+
+  .prev-arrow:hover .arrow {
+    transform: translateX(-10px);
+  }
+
+  .suiv-arrow:hover .arrow {
+    transform: translateX(15px);
+  }
+
+  .arrow {
+    transform: translateX(-3px);
+  }
+}
+</style>
diff --git a/src/pages/contact.vue b/src/pages/contact.vue
new file mode 100644
index 0000000..578ff5d
--- /dev/null
+++ b/src/pages/contact.vue
@@ -0,0 +1,162 @@
+<template>
+  <main class="contact flex flex-col items-center px-5 xl:px-64">
+    <PageTitle
+      title="part.contact"
+      color="purple"
+    >
+      <svg class="inline-block icon" height="40" width="40" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
+        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
+      </svg>
+    </PageTitle>
+    <div class="w-full lg:w-3/4 mb-10 mt-4">
+      <h1 class="font-bold text-gray-700 text-xl md:text-3xl my-4 dark:text-dark-200">{{ $t('contact.newsletter.title') }}</h1>
+      <h3 class="text-md md:text-lg">
+        {{ $t('contact.newsletter.description') }} <br>
+        <span class="font-bold self-start">{{ $t('contact.newsletter.unfollow') }}</span>
+      </h3>
+      <form class="flex flex-col lg:flex-row mt-4 w-full">
+        <div class="flex flex-col lg:flex-row">
+          <div class="mb-3 lg:mr-4 w-full md:w-auto">
+            <input v-model="form.name"
+                   class="select-text w-full placeholder-purple-700 dark:focus:bg-dark-800 dark:placeholder-purple-400 focus:bg-white duration-300 px-3 py-2 bg-purple-50 dark:bg-dark-900 border border-solid border-purple-700 rounded-lg"
+                   type="text"
+                   :placeholder="$t('contact.form.name')"
+                   required
+                   id="name"/>
+          </div>
+          <div class="mb-3 lg:mr-4 w-full md:w-auto">
+            <input v-model="form.name"
+                   class="select-text w-full placeholder-purple-700 dark:focus:bg-dark-800 dark:placeholder-purple-400 focus:bg-white duration-300 px-3 py-2 bg-purple-50 dark:bg-dark-900 border border-solid border-purple-700 rounded-lg"
+                   type="email"
+                   :placeholder="$t('contact.form.mail')"
+                   required
+                   id="email"/>
+          </div>
+        </div>
+        <div class="mb-3 self-center">
+          <button @click.prevent="handleForm" class="dark:text-black font-bold px-3 py-2 bg-purple-400 hover:bg-purple-500 cursor-pointer duration-300 rounded-lg btn">
+            {{ $t('contact.form.submit')}}
+            <svg class="inline icon" height="25" width="25" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11.049 2.927c.3-.921 1.603-.921 1.902 0l1.519 4.674a1 1 0 00.95.69h4.915c.969 0 1.371 1.24.588 1.81l-3.976 2.888a1 1 0 00-.363 1.118l1.518 4.674c.3.922-.755 1.688-1.538 1.118l-3.976-2.888a1 1 0 00-1.176 0l-3.976 2.888c-.783.57-1.838-.197-1.538-1.118l1.518-4.674a1 1 0 00-.363-1.118l-3.976-2.888c-.784-.57-.38-1.81.588-1.81h4.914a1 1 0 00.951-.69l1.519-4.674z" />
+            </svg>
+          </button>
+        </div>
+      </form>
+      <div v-if="error" class="flex">
+        <div class="rounded-xl px-3 py-2 bg-red-300 font-bold dark:text-black">
+          {{ $t('contact.form.error') }}
+        </div>
+      </div>
+      <div v-if="success" class="flex">
+        <div class="rounded-xl px-3 py-2 bg-green-300 font-bold dark:text-black">
+          {{ $t('contact.form.success', { email: form.email }) }}
+        </div>
+      </div>
+    </div>
+    <div class="w-full lg:w-3/4 mb-10 mt-4">
+      <h1 class="font-bold text-gray-700 text-xl md:text-3xl my-4 dark:text-dark-100">
+        {{ $t('contact.how_to.title') }}
+      </h1>
+      <h3 class="text-md md:text-lg">
+        {{ $t('contact.how_to.description') }}
+      </h3>
+      <div class="mt-4 text-lg flex">
+        <div class="flex email duration-300 text-purple-500 hover:text-purple-700 cursor-pointer">
+          <a class="mr-2" href="mailto:me@arthurdanjou.fr?subject=Please enter here your project name">
+            me@arthurdanjou.fr
+          </a>
+          <div class="arrow duration-300">
+            <svg class="inline icon" height="25" width="25" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3" />
+            </svg>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="w-full lg:w-3/4 mb-10 mt-4">
+      <h1 class="font-bold text-gray-700 text-xl md:text-3xl my-4 dark:text-dark-100">
+        {{ $t('contact.available.title') }}
+      </h1>
+      <h3 class="text-lg md:text-lg">
+        {{ $t('contact.available.description') }}
+      </h3>
+      <div class="my-4 text-purple-500">
+        {{ $t('contact.available.start') }}
+        <span v-if="info && info.hiring.status" class="py-1 px-2 font-bold rounded-full m-0.5" :class="getColor">{{ $t('hiring.status.' + info.hiring.status) }}</span>
+        {{ $t('contact.available.end') }}
+      </div>
+    </div>
+  </main>
+</template>
+
+<script lang="ts">
+import {computed, ref, useAsync, useContext} from "@nuxtjs/composition-api";
+import {FormData, InfoData} from "../../@types/types";
+
+export default {
+  name: "contact",
+  setup() {
+    const {$content} = useContext()
+    const info = useAsync(() => {
+      return $content('infos').fetch<InfoData>()
+    })
+
+    const hiring_color = info && info.value?.values.hiring.color
+    const getColor = computed(() => `bg-${hiring_color}-200 text-${hiring_color}-500`)
+
+    const error = ref(false)
+    const success = ref(false)
+
+    const {$axios} = useContext()
+    const form = ref({} as FormData)
+    const handleForm = useAsync(
+      async () => {
+        await $axios.post('subscribers',
+          {
+            email: form.value.email,
+            name: form.value.name,
+          })
+          .then(() => {
+            success.value = true
+            setTimeout(() => {
+              success.value = false
+              form.value.email = ''
+              form.value.name = ''
+            }, 5000)
+          }).catch(() => {
+            error.value = true
+            setTimeout(() => {
+              error.value = false
+            }, 5000)
+          })
+      }
+    )
+
+    return {
+      info,
+      getColor,
+      handleForm,
+      success,
+      error,
+      form
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.contact {
+  .email:hover .arrow {
+    transform: translateX(15px);
+  }
+
+  .link {
+    @apply mr-5 duration-300;
+
+    &:hover {
+      @apply border-b-2 border-opacity-0 dark:border-opacity-0 dark:hover:border-opacity-100 hover:border-opacity-100 border-black dark:border-white border-solid;
+    }
+  }
+}
+</style>
diff --git a/src/pages/dev.vue b/src/pages/dev.vue
new file mode 100644
index 0000000..6975106
--- /dev/null
+++ b/src/pages/dev.vue
@@ -0,0 +1,14 @@
+<template>
+  <Header />
+</template>
+
+<script>
+export default {
+  name: "dev",
+  layout: 'dev'
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/pages/uses.vue b/src/pages/uses.vue
new file mode 100644
index 0000000..1783e2b
--- /dev/null
+++ b/src/pages/uses.vue
@@ -0,0 +1,13 @@
+<template>
+
+</template>
+
+<script>
+export default {
+name: "uses"
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/pages/work/_slug.vue b/src/pages/work/_slug.vue
new file mode 100644
index 0000000..7a26ae9
--- /dev/null
+++ b/src/pages/work/_slug.vue
@@ -0,0 +1,150 @@
+<template>
+  <main class="px-5 xl:px-64 mb-16 md:mb-32">
+    <div class="w-full flex flex-col lg:flex-row items-center md:items-start mt-8 md:mt-32">
+      <div class="w-full lg:w-1/2 flex flex-col items-center">
+        <div class="md:mb-24">
+          <div class="mb-4 flex">
+            <nuxt-link to="/work" class="back-arrow flex">
+              <div class="duration-300 arrow">
+                <svg height="25" width="25" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 19l-7-7m0 0l7-7m-7 7h18" />
+                </svg>
+              </div>
+              <div class="ml-2">
+                {{ $t('work.go_back') }}
+              </div>
+            </nuxt-link>
+          </div>
+        </div>
+        <img class="w-72 rounded-xl" :src="require(`@/assets/images/works/${work.cover}.png`)" alt="Project Img" />
+        <a
+          class="mt-4 py-3 px-6 rounded-full cursor-pointer duration-300 mb-10 lg:mb-0"
+          :class="getColor"
+          :href="work.url"
+        >{{work.url.replace('https://', '').replace('http://', '')}}</a>
+      </div>
+      <div class="w-full lg:w-1/2 ml-5 ">
+        <h1 class="text-xl lg:text-3xl font-bold">
+          {{ work.title }}
+        </h1>
+        <p class="mt-5 mb-10 text-md lg:text-lg text-gray-900 dark:text-dark-100">
+          {{ $t(work.description) }}
+        </p>
+        <div>
+          <h3 class="text-md lg:text-lg font-bold">
+            {{ $t('work.tech_used') }}
+          </h3>
+          <div class="flex flex-row w-full overflow-x-auto md:overflow-x-hidden md:flex-wrap space-x-4 md:space-x-0 md:justify-start">
+            <div v-for="skill in skills">
+              <WorkSkill
+                :skill="skill.title"
+                :color="skill.color"
+                :cover="skill.cover"
+              />
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </main>
+</template>
+
+<script>
+import WorkSkill from "~/components/WorkSkill";
+
+export default {
+  components: {WorkSkill},
+  head() {
+    return {
+      title: 'Work - Arthur Danjou'
+    }
+  },
+  data() {
+    return {
+      work: null
+    }
+  },
+  async asyncData({ params, $content, error }) {
+    const work = await $content('works', params.slug)
+      .fetch()
+      .catch(() => {
+        error({
+          statusCode: 404,
+          message: 'Work not found',
+        })
+      });
+    let skills = []
+    if (work) {
+      skills = await $content('skills').where({ slug: { $in: work.skills } }).fetch()
+    }
+    return {
+      work,
+      skills
+    }
+  },
+  computed: {
+    getColor() {
+      switch (this.work.color) {
+        case 'red':
+          return 'bg-red-400 hover:bg-red-600'
+        case 'orange':
+          return 'bg-orange-400 hover:bg-orange-600'
+        case 'purple':
+          return 'bg-purple-400 hover:bg-purple-600'
+        case 'blue':
+          return 'bg-blue-400 hover:bg-blue-600'
+        case 'green':
+          return 'bg-green-400 hover:bg-green-600'
+        case 'yellow':
+          return 'bg-yellow-400 hover:bg-yellow-600'
+        case 'cyan':
+          return 'bg-cyan-400 hover:bg-cyan-600'
+        case 'teal':
+          return 'bg-teal-400 hover:bg-teal-600'
+        case 'amber':
+          return 'bg-amber-400 hover:bg-amber-600'
+        case 'blueGray':
+          return 'bg-blueGray-400 hover:bg-blueGray-600'
+        case 'emerald':
+          return 'bg-emerald-400 hover:bg-emerald-600'
+        case 'lightBlue':
+          return 'bg-lightBlue-400 hover:bg-lightBlue-600'
+        case 'lime':
+          return 'bg-lime-400 hover:bg-lime-600'
+        case 'rose':
+          return 'bg-rose-400 hover:bg-rose-600'
+        case 'black':
+          return 'bg-black hover:bg-black'
+        case 'white':
+          return 'bg-white hover:bg-white'
+        case 'pink':
+          return 'bg-pink-400 hover:bg-pink-600'
+        case 'fuchsia':
+          return 'bg-fuchsia-400 hover:bg-fuchsia-600'
+        case 'violet':
+          return 'bg-violet-400 hover:bg-violet-600'
+        case 'indigo':
+          return 'bg-indigo-400 hover:bg-indigo-600'
+        case 'warmGray':
+          return 'bg-warmGray-400 hover:bg-warmGray-600'
+        case 'trueGray':
+          return 'bg-trueGray-400 hover:bg-trueGray-600'
+        case 'gray':
+          return 'bg-gray-400 hover:bg-gray-600'
+        case 'coolGray':
+          return 'bg-coolGray-400 hover:bg-coolGray-600'
+      }
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.back-arrow:hover .arrow {
+  transform: translate(-8px, -1px);
+}
+
+.arrow {
+  transform: translate(3px, -1px);
+}
+</style>
diff --git a/src/pages/work/index.vue b/src/pages/work/index.vue
new file mode 100644
index 0000000..5b8c8c5
--- /dev/null
+++ b/src/pages/work/index.vue
@@ -0,0 +1,51 @@
+<template>
+  <main class="work flex flex-col items-center px-5 xl:px-64">
+    <PageTitle
+      title="part.work"
+      color="blue"
+    >
+      <svg class="inline-block icon" height="40" width="40" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 13.255A23.931 23.931 0 0112 15c-3.183 0-6.22-.62-9-1.745M16 6V4a2 2 0 00-2-2h-4a2 2 0 00-2 2v2m4 6h.01M5 20h14a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" />
+      </svg>
+    </PageTitle>
+    <h1 v-if="works.length === 0" class="text-xl font-bold text-center my-8 w-full">{{ $t('work.no_work') }}</h1>
+    <div v-else class="flex flex-col justify-around items-center py-10 w-full">
+      <h1 class="text-xl font-bold text-center mb-8">{{ $t('work.description') }}</h1>
+      <div class="flex flex-col items-center md:items-start md:flex-row flex-wrap w-full space-y-3 md:space-y-0">
+        <div v-for="work in works">
+          <nuxt-link :to="'/work/' + work.slug">
+            <Work
+              :title="work.title"
+              :url="work.url"
+              :color="work.color"
+              :cover="work.cover"
+            />
+          </nuxt-link>
+        </div>
+      </div>
+    </div>
+  </main>
+</template>
+
+<script>
+import PageTitle from "~/components/PageTitle";
+import Work from "~/components/Work";
+export default {
+  name: "index",
+  components: {Work, PageTitle},
+  head() {
+    return {
+      title: 'Work - Arthur Danjou'
+    }
+  },
+  async asyncData({ $content }) {
+    const works = await $content('works').fetch()
+    return {
+      works
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+</style>
diff --git a/windi.config.js b/windi.config.js
index e5f1a97..3bbf2f1 100644
--- a/windi.config.js
+++ b/windi.config.js
@@ -1,6 +1,7 @@
 const colors = require('windicss/colors')
 const typography = require('windicss/plugin/typography')
 
+//export default defineConfig({
 module.exports = {
   presets: [],
   darkMode: 'class',
@@ -106,7 +107,6 @@ module.exports = {
     colors: {
       transparent: 'transparent',
       current: 'currentColor',
-
       black: colors.black,
       white: colors.white,
       rose: colors.rose,
@@ -134,6 +134,7 @@ module.exports = {
       dark: {
         100: 'rgb(150,150,150)',
         200: 'rgb(112,112,112)',
+        850: '#404040',
         700: '#272727',
         800: '#212121',
         900: '#121212',
diff --git a/yarn.lock b/yarn.lock
index 44ca4c8..f074da3 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -9,12 +9,12 @@
   dependencies:
     "@babel/highlight" "^7.12.13"
 
-"@babel/compat-data@^7.13.0", "@babel/compat-data@^7.13.8":
-  version "7.13.11"
-  resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.13.11.tgz#9c8fe523c206979c9a81b1e12fe50c1254f1aa35"
-  integrity sha512-BwKEkO+2a67DcFeS3RLl0Z3Gs2OvdXewuWjc1Hfokhb5eQWP9YRYH1/+VrVZvql2CfjOiNGqSAFOYt4lsqTHzg==
+"@babel/compat-data@^7.13.0", "@babel/compat-data@^7.13.12", "@babel/compat-data@^7.13.8":
+  version "7.13.12"
+  resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.13.12.tgz#a8a5ccac19c200f9dd49624cac6e19d7be1236a1"
+  integrity sha512-3eJJ841uKxeV8dcN/2yGEUy+RfgQspPEgQat85umsE1rotuquQ2AbIub4S6j7c50a2d+4myc+zSlnXeIHrOnhQ==
 
-"@babel/core@^7.11.6", "@babel/core@^7.13.10":
+"@babel/core@^7.11.6":
   version "7.13.10"
   resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.13.10.tgz#07de050bbd8193fcd8a3c27918c0890613a94559"
   integrity sha512-bfIYcT0BdKeAZrovpMqX2Mx5NrgAckGbwT982AkdS5GNfn3KMGiprlBAtmBcFZRUmpaufS6WZFP8trvx8ptFDw==
@@ -36,6 +36,27 @@
     semver "^6.3.0"
     source-map "^0.5.0"
 
+"@babel/core@^7.13.10":
+  version "7.13.14"
+  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.13.14.tgz#8e46ebbaca460a63497c797e574038ab04ae6d06"
+  integrity sha512-wZso/vyF4ki0l0znlgM4inxbdrUvCb+cVz8grxDq+6C9k6qbqoIJteQOKicaKjCipU3ISV+XedCqpL2RJJVehA==
+  dependencies:
+    "@babel/code-frame" "^7.12.13"
+    "@babel/generator" "^7.13.9"
+    "@babel/helper-compilation-targets" "^7.13.13"
+    "@babel/helper-module-transforms" "^7.13.14"
+    "@babel/helpers" "^7.13.10"
+    "@babel/parser" "^7.13.13"
+    "@babel/template" "^7.12.13"
+    "@babel/traverse" "^7.13.13"
+    "@babel/types" "^7.13.14"
+    convert-source-map "^1.7.0"
+    debug "^4.1.0"
+    gensync "^1.0.0-beta.2"
+    json5 "^2.1.2"
+    semver "^6.3.0"
+    source-map "^0.5.0"
+
 "@babel/generator@^7.13.0", "@babel/generator@^7.13.9":
   version "7.13.9"
   resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.13.9.tgz#3a7aa96f9efb8e2be42d38d80e2ceb4c64d8de39"
@@ -60,12 +81,12 @@
     "@babel/helper-explode-assignable-expression" "^7.12.13"
     "@babel/types" "^7.12.13"
 
-"@babel/helper-compilation-targets@^7.13.0", "@babel/helper-compilation-targets@^7.13.10", "@babel/helper-compilation-targets@^7.13.8":
-  version "7.13.10"
-  resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.13.10.tgz#1310a1678cb8427c07a753750da4f8ce442bdd0c"
-  integrity sha512-/Xju7Qg1GQO4mHZ/Kcs6Au7gfafgZnwm+a7sy/ow/tV1sHeraRUHbjdat8/UvDor4Tez+siGKDk6zIKtCPKVJA==
+"@babel/helper-compilation-targets@^7.13.0", "@babel/helper-compilation-targets@^7.13.10", "@babel/helper-compilation-targets@^7.13.13", "@babel/helper-compilation-targets@^7.13.8":
+  version "7.13.13"
+  resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.13.13.tgz#2b2972a0926474853f41e4adbc69338f520600e5"
+  integrity sha512-q1kcdHNZehBwD9jYPh3WyXcsFERi39X4I59I3NadciWtNDyZ6x+GboOxncFK0kXlKIv6BJm5acncehXWUjWQMQ==
   dependencies:
-    "@babel/compat-data" "^7.13.8"
+    "@babel/compat-data" "^7.13.12"
     "@babel/helper-validator-option" "^7.12.17"
     browserslist "^4.14.5"
     semver "^6.3.0"
@@ -134,34 +155,33 @@
     "@babel/traverse" "^7.13.0"
     "@babel/types" "^7.13.0"
 
-"@babel/helper-member-expression-to-functions@^7.13.0":
-  version "7.13.0"
-  resolved "https://registry.yarnpkg.com/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.13.0.tgz#6aa4bb678e0f8c22f58cdb79451d30494461b091"
-  integrity sha512-yvRf8Ivk62JwisqV1rFRMxiSMDGnN6KH1/mDMmIrij4jztpQNRoHqqMG3U6apYbGRPJpgPalhva9Yd06HlUxJQ==
+"@babel/helper-member-expression-to-functions@^7.13.0", "@babel/helper-member-expression-to-functions@^7.13.12":
+  version "7.13.12"
+  resolved "https://registry.yarnpkg.com/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.13.12.tgz#dfe368f26d426a07299d8d6513821768216e6d72"
+  integrity sha512-48ql1CLL59aKbU94Y88Xgb2VFy7a95ykGRbJJaaVv+LX5U8wFpLfiGXJJGUozsmA1oEh/o5Bp60Voq7ACyA/Sw==
   dependencies:
-    "@babel/types" "^7.13.0"
+    "@babel/types" "^7.13.12"
 
-"@babel/helper-module-imports@^7.0.0", "@babel/helper-module-imports@^7.12.13":
-  version "7.12.13"
-  resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.12.13.tgz#ec67e4404f41750463e455cc3203f6a32e93fcb0"
-  integrity sha512-NGmfvRp9Rqxy0uHSSVP+SRIW1q31a7Ji10cLBcqSDUngGentY4FRiHOFZFE1CLU5eiL0oE8reH7Tg1y99TDM/g==
+"@babel/helper-module-imports@^7.0.0", "@babel/helper-module-imports@^7.12.13", "@babel/helper-module-imports@^7.13.12":
+  version "7.13.12"
+  resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.13.12.tgz#c6a369a6f3621cb25da014078684da9196b61977"
+  integrity sha512-4cVvR2/1B693IuOvSI20xqqa/+bl7lqAMR59R4iu39R9aOX8/JoYY1sFaNvUMyMBGnHdwvJgUrzNLoUZxXypxA==
   dependencies:
-    "@babel/types" "^7.12.13"
+    "@babel/types" "^7.13.12"
 
-"@babel/helper-module-transforms@^7.13.0":
-  version "7.13.0"
-  resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.13.0.tgz#42eb4bd8eea68bab46751212c357bfed8b40f6f1"
-  integrity sha512-Ls8/VBwH577+pw7Ku1QkUWIyRRNHpYlts7+qSqBBFCW3I8QteB9DxfcZ5YJpOwH6Ihe/wn8ch7fMGOP1OhEIvw==
+"@babel/helper-module-transforms@^7.13.0", "@babel/helper-module-transforms@^7.13.14":
+  version "7.13.14"
+  resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.13.14.tgz#e600652ba48ccb1641775413cb32cfa4e8b495ef"
+  integrity sha512-QuU/OJ0iAOSIatyVZmfqB0lbkVP0kDRiKj34xy+QNsnVZi/PA6BoSoreeqnxxa9EHFAIL0R9XOaAR/G9WlIy5g==
   dependencies:
-    "@babel/helper-module-imports" "^7.12.13"
-    "@babel/helper-replace-supers" "^7.13.0"
-    "@babel/helper-simple-access" "^7.12.13"
+    "@babel/helper-module-imports" "^7.13.12"
+    "@babel/helper-replace-supers" "^7.13.12"
+    "@babel/helper-simple-access" "^7.13.12"
     "@babel/helper-split-export-declaration" "^7.12.13"
     "@babel/helper-validator-identifier" "^7.12.11"
     "@babel/template" "^7.12.13"
-    "@babel/traverse" "^7.13.0"
-    "@babel/types" "^7.13.0"
-    lodash "^4.17.19"
+    "@babel/traverse" "^7.13.13"
+    "@babel/types" "^7.13.14"
 
 "@babel/helper-optimise-call-expression@^7.12.13":
   version "7.12.13"
@@ -184,22 +204,22 @@
     "@babel/helper-wrap-function" "^7.13.0"
     "@babel/types" "^7.13.0"
 
-"@babel/helper-replace-supers@^7.12.13", "@babel/helper-replace-supers@^7.13.0":
-  version "7.13.0"
-  resolved "https://registry.yarnpkg.com/@babel/helper-replace-supers/-/helper-replace-supers-7.13.0.tgz#6034b7b51943094cb41627848cb219cb02be1d24"
-  integrity sha512-Segd5me1+Pz+rmN/NFBOplMbZG3SqRJOBlY+mA0SxAv6rjj7zJqr1AVr3SfzUVTLCv7ZLU5FycOM/SBGuLPbZw==
+"@babel/helper-replace-supers@^7.12.13", "@babel/helper-replace-supers@^7.13.0", "@babel/helper-replace-supers@^7.13.12":
+  version "7.13.12"
+  resolved "https://registry.yarnpkg.com/@babel/helper-replace-supers/-/helper-replace-supers-7.13.12.tgz#6442f4c1ad912502481a564a7386de0c77ff3804"
+  integrity sha512-Gz1eiX+4yDO8mT+heB94aLVNCL+rbuT2xy4YfyNqu8F+OI6vMvJK891qGBTqL9Uc8wxEvRW92Id6G7sDen3fFw==
   dependencies:
-    "@babel/helper-member-expression-to-functions" "^7.13.0"
+    "@babel/helper-member-expression-to-functions" "^7.13.12"
     "@babel/helper-optimise-call-expression" "^7.12.13"
     "@babel/traverse" "^7.13.0"
-    "@babel/types" "^7.13.0"
+    "@babel/types" "^7.13.12"
 
-"@babel/helper-simple-access@^7.12.13":
-  version "7.12.13"
-  resolved "https://registry.yarnpkg.com/@babel/helper-simple-access/-/helper-simple-access-7.12.13.tgz#8478bcc5cacf6aa1672b251c1d2dde5ccd61a6c4"
-  integrity sha512-0ski5dyYIHEfwpWGx5GPWhH35j342JaflmCeQmsPWcrOQDtCN6C1zKAVRFVbK53lPW2c9TsuLLSUDf0tIGJ5hA==
+"@babel/helper-simple-access@^7.12.13", "@babel/helper-simple-access@^7.13.12":
+  version "7.13.12"
+  resolved "https://registry.yarnpkg.com/@babel/helper-simple-access/-/helper-simple-access-7.13.12.tgz#dd6c538afb61819d205a012c31792a39c7a5eaf6"
+  integrity sha512-7FEjbrx5SL9cWvXioDbnlYTppcZGuCY6ow3/D5vMggb2Ywgu4dMrpTJX0JdQAIcRRUElOIxF3yEooa9gUb9ZbA==
   dependencies:
-    "@babel/types" "^7.12.13"
+    "@babel/types" "^7.13.12"
 
 "@babel/helper-skip-transparent-expression-wrappers@^7.12.1":
   version "7.12.1"
@@ -253,11 +273,25 @@
     chalk "^2.0.0"
     js-tokens "^4.0.0"
 
-"@babel/parser@^7.1.0", "@babel/parser@^7.12.13", "@babel/parser@^7.13.0", "@babel/parser@^7.13.10", "@babel/parser@^7.5.5", "@babel/parser@^7.9.6":
+"@babel/parser@^7.1.0", "@babel/parser@^7.5.5", "@babel/parser@^7.9.6":
   version "7.13.11"
   resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.13.11.tgz#f93ebfc99d21c1772afbbaa153f47e7ce2f50b88"
   integrity sha512-PhuoqeHoO9fc4ffMEVk4qb/w/s2iOSWohvbHxLtxui0eBg3Lg5gN1U8wp1V1u61hOWkPQJJyJzGH6Y+grwkq8Q==
 
+"@babel/parser@^7.12.13", "@babel/parser@^7.13.0", "@babel/parser@^7.13.10", "@babel/parser@^7.13.13":
+  version "7.13.13"
+  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.13.13.tgz#42f03862f4aed50461e543270916b47dd501f0df"
+  integrity sha512-OhsyMrqygfk5v8HmWwOzlYjJrtLaFhF34MrfG/Z73DgYCI6ojNUTUp2TYbtnjo8PegeJp12eamsNettCQjKjVw==
+
+"@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@^7.13.12":
+  version "7.13.12"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining/-/plugin-bugfix-v8-spread-parameters-in-optional-chaining-7.13.12.tgz#a3484d84d0b549f3fc916b99ee4783f26fabad2a"
+  integrity sha512-d0u3zWKcoZf379fOeJdr1a5WPDny4aOFZ6hlfKivgK0LY7ZxNfoaHL2fWwdGtHyVvra38FC+HVYkO+byfSA8AQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.13.0"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.12.1"
+    "@babel/plugin-proposal-optional-chaining" "^7.13.12"
+
 "@babel/plugin-proposal-async-generator-functions@^7.13.8":
   version "7.13.8"
   resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-async-generator-functions/-/plugin-proposal-async-generator-functions-7.13.8.tgz#87aacb574b3bc4b5603f6fe41458d72a5a2ec4b1"
@@ -351,10 +385,10 @@
     "@babel/helper-plugin-utils" "^7.13.0"
     "@babel/plugin-syntax-optional-catch-binding" "^7.8.3"
 
-"@babel/plugin-proposal-optional-chaining@^7.13.8":
-  version "7.13.8"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-optional-chaining/-/plugin-proposal-optional-chaining-7.13.8.tgz#e39df93efe7e7e621841babc197982e140e90756"
-  integrity sha512-hpbBwbTgd7Cz1QryvwJZRo1U0k1q8uyBmeXOSQUjdg/A2TASkhR/rz7AyqZ/kS8kbpsNA80rOYbxySBJAqmhhQ==
+"@babel/plugin-proposal-optional-chaining@^7.13.12", "@babel/plugin-proposal-optional-chaining@^7.13.8":
+  version "7.13.12"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-optional-chaining/-/plugin-proposal-optional-chaining-7.13.12.tgz#ba9feb601d422e0adea6760c2bd6bbb7bfec4866"
+  integrity sha512-fcEdKOkIB7Tf4IxrgEVeFC4zeJSTr78no9wTdBuZZbqF64kzllU0ybo2zrzm7gUQfxGhBgq4E39oRs8Zx/RMYQ==
   dependencies:
     "@babel/helper-plugin-utils" "^7.13.0"
     "@babel/helper-skip-transparent-expression-wrappers" "^7.12.1"
@@ -751,14 +785,15 @@
     "@babel/helper-plugin-utils" "^7.12.13"
 
 "@babel/preset-env@^7.13.10":
-  version "7.13.10"
-  resolved "https://registry.yarnpkg.com/@babel/preset-env/-/preset-env-7.13.10.tgz#b5cde31d5fe77ab2a6ab3d453b59041a1b3a5252"
-  integrity sha512-nOsTScuoRghRtUsRr/c69d042ysfPHcu+KOB4A9aAO9eJYqrkat+LF8G1yp1HD18QiwixT2CisZTr/0b3YZPXQ==
+  version "7.13.12"
+  resolved "https://registry.yarnpkg.com/@babel/preset-env/-/preset-env-7.13.12.tgz#6dff470478290582ac282fb77780eadf32480237"
+  integrity sha512-JzElc6jk3Ko6zuZgBtjOd01pf9yYDEIH8BcqVuYIuOkzOwDesoa/Nz4gIo4lBG6K861KTV9TvIgmFuT6ytOaAA==
   dependencies:
-    "@babel/compat-data" "^7.13.8"
+    "@babel/compat-data" "^7.13.12"
     "@babel/helper-compilation-targets" "^7.13.10"
     "@babel/helper-plugin-utils" "^7.13.0"
     "@babel/helper-validator-option" "^7.12.17"
+    "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining" "^7.13.12"
     "@babel/plugin-proposal-async-generator-functions" "^7.13.8"
     "@babel/plugin-proposal-class-properties" "^7.13.0"
     "@babel/plugin-proposal-dynamic-import" "^7.13.8"
@@ -769,7 +804,7 @@
     "@babel/plugin-proposal-numeric-separator" "^7.12.13"
     "@babel/plugin-proposal-object-rest-spread" "^7.13.8"
     "@babel/plugin-proposal-optional-catch-binding" "^7.13.8"
-    "@babel/plugin-proposal-optional-chaining" "^7.13.8"
+    "@babel/plugin-proposal-optional-chaining" "^7.13.12"
     "@babel/plugin-proposal-private-methods" "^7.13.0"
     "@babel/plugin-proposal-unicode-property-regex" "^7.12.13"
     "@babel/plugin-syntax-async-generators" "^7.8.4"
@@ -817,7 +852,7 @@
     "@babel/plugin-transform-unicode-escapes" "^7.12.13"
     "@babel/plugin-transform-unicode-regex" "^7.12.13"
     "@babel/preset-modules" "^0.1.4"
-    "@babel/types" "^7.13.0"
+    "@babel/types" "^7.13.12"
     babel-plugin-polyfill-corejs2 "^0.1.4"
     babel-plugin-polyfill-corejs3 "^0.1.3"
     babel-plugin-polyfill-regenerator "^0.1.2"
@@ -851,7 +886,21 @@
     "@babel/parser" "^7.12.13"
     "@babel/types" "^7.12.13"
 
-"@babel/traverse@^7.13.0", "@babel/traverse@^7.5.5":
+"@babel/traverse@^7.13.0", "@babel/traverse@^7.13.13":
+  version "7.13.13"
+  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.13.13.tgz#39aa9c21aab69f74d948a486dd28a2dbdbf5114d"
+  integrity sha512-CblEcwmXKR6eP43oQGG++0QMTtCjAsa3frUuzHoiIJWpaIIi8dwMyEFUJoXRLxagGqCK+jALRwIO+o3R9p/uUg==
+  dependencies:
+    "@babel/code-frame" "^7.12.13"
+    "@babel/generator" "^7.13.9"
+    "@babel/helper-function-name" "^7.12.13"
+    "@babel/helper-split-export-declaration" "^7.12.13"
+    "@babel/parser" "^7.13.13"
+    "@babel/types" "^7.13.13"
+    debug "^4.1.0"
+    globals "^11.1.0"
+
+"@babel/traverse@^7.5.5":
   version "7.13.0"
   resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.13.0.tgz#6d95752475f86ee7ded06536de309a65fc8966cc"
   integrity sha512-xys5xi5JEhzC3RzEmSGrs/b3pJW/o87SypZ+G/PhaE7uqVQNv/jlmVIBXuoh5atqQ434LfXV+sf23Oxj0bchJQ==
@@ -866,7 +915,7 @@
     globals "^11.1.0"
     lodash "^4.17.19"
 
-"@babel/types@^7.0.0", "@babel/types@^7.12.1", "@babel/types@^7.12.13", "@babel/types@^7.13.0", "@babel/types@^7.3.0", "@babel/types@^7.4.4":
+"@babel/types@^7.0.0", "@babel/types@^7.3.0":
   version "7.13.0"
   resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.13.0.tgz#74424d2816f0171b4100f0ab34e9a374efdf7f80"
   integrity sha512-hE+HE8rnG1Z6Wzo+MhaKE5lM5eMx71T4EHJgku2E3xIfaULhDcxiiRxUYgwX8qwP1BBSlag+TdGOt6JAidIZTA==
@@ -875,6 +924,15 @@
     lodash "^4.17.19"
     to-fast-properties "^2.0.0"
 
+"@babel/types@^7.12.1", "@babel/types@^7.12.13", "@babel/types@^7.13.0", "@babel/types@^7.13.12", "@babel/types@^7.13.13", "@babel/types@^7.13.14", "@babel/types@^7.4.4":
+  version "7.13.14"
+  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.13.14.tgz#c35a4abb15c7cd45a2746d78ab328e362cbace0d"
+  integrity sha512-A2aa3QTkWoyqsZZFl56MLUsfmh7O0gN41IPvXAE/++8ojpbz12SszD7JEGYVdn4f9Kt4amIei07swF1h4AqmmQ==
+  dependencies:
+    "@babel/helper-validator-identifier" "^7.12.11"
+    lodash "^4.17.19"
+    to-fast-properties "^2.0.0"
+
 "@csstools/convert-colors@^1.4.0":
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/@csstools/convert-colors/-/convert-colors-1.4.0.tgz#ad495dc41b12e75d588c6db8b9834f08fa131eb7"
@@ -1015,16 +1073,16 @@
     wrap-ansi "^7.0.0"
 
 "@nuxt/components@^2.1.2":
-  version "2.1.3"
-  resolved "https://registry.yarnpkg.com/@nuxt/components/-/components-2.1.3.tgz#5be51bf3f1aea0aef218abfc12c41a9e733d0d1b"
-  integrity sha512-MXChq9y2VGIwT3DKVrxRhJZT2RqRNjyMtKlMWF+VnOa1vJ82A5tAXFKxCvSv9RfVx+nS7bXYAk1Mpp4Qzqm3zQ==
+  version "2.1.4"
+  resolved "https://registry.yarnpkg.com/@nuxt/components/-/components-2.1.4.tgz#6d3774704be9b3f692a9bb6d994b1261351799d8"
+  integrity sha512-V3AMoZz2ADhI0SbbUoX1U70eulL/xDwWpV5L/PLmoUHN7NuzsvBbOIl8JBXxf+Vp/d5TZwO0I2x7cHiukydfmA==
   dependencies:
     chalk "^4.1.0"
     chokidar "^3.5.1"
     glob "^7.1.6"
-    globby "^11.0.2"
+    globby "^11.0.3"
     scule "^0.1.1"
-    semver "^7.3.4"
+    semver "^7.3.5"
     upath "^2.0.1"
     vue-template-compiler "^2.6.12"
 
@@ -1401,9 +1459,9 @@
     stack-trace "0.0.10"
 
 "@polka/url@^1.0.0-next.9":
-  version "1.0.0-next.11"
-  resolved "https://registry.yarnpkg.com/@polka/url/-/url-1.0.0-next.11.tgz#aeb16f50649a91af79dbe36574b66d0f9e4d9f71"
-  integrity sha512-3NsZsJIA/22P3QUyrEDNA2D133H4j224twJrdipXN38dpnIOzAbUDtOwkcJ5pXmn75w7LSQDjA4tO9dm1XlqlA==
+  version "1.0.0-next.12"
+  resolved "https://registry.yarnpkg.com/@polka/url/-/url-1.0.0-next.12.tgz#431ec342a7195622f86688bbda82e3166ce8cb28"
+  integrity sha512-6RglhutqrGFMO1MNUXp95RBuYIuc8wTnMAV5MUhLmjTOy78ncwOw7RgeQ/HeymkKXRhZd0s2DNrM1rL7unk3MQ==
 
 "@rollup/pluginutils@^4.1.0":
   version "4.1.0"
@@ -1585,9 +1643,9 @@
   integrity sha512-YATxVxgRqNH6nHEIsvg6k2Boc1JHI9ZbH5iWFFv/MTkchz3b1ieGDa5T0a9RznNdI0KhVbdbWSN+KWWrQZRxTw==
 
 "@types/node@*":
-  version "14.14.35"
-  resolved "https://registry.yarnpkg.com/@types/node/-/node-14.14.35.tgz#42c953a4e2b18ab931f72477e7012172f4ffa313"
-  integrity sha512-Lt+wj8NVPx0zUmUwumiVXapmaLUcAk3yPuHCFVXras9k5VT9TdhJqKqGVUQCD60OTMCl0qxJ57OiTL0Mic3Iag==
+  version "14.14.37"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-14.14.37.tgz#a3dd8da4eb84a996c36e331df98d82abd76b516e"
+  integrity sha512-XYmBiy+ohOR4Lh5jE379fV2IU+6Jn4g5qASinhitfyO71b/sCo6MKsMLF5tc7Zf2CE8hViVQyYSobJNke8OvUw==
 
 "@types/node@^12.20.5":
   version "12.20.6"
@@ -1656,10 +1714,17 @@
   resolved "https://registry.yarnpkg.com/@types/source-list-map/-/source-list-map-0.1.2.tgz#0078836063ffaf17412349bba364087e0ac02ec9"
   integrity sha512-K5K+yml8LTo9bWJI/rECfIPrGgxdpeNbj+d53lwN4QjW1MCwlkhUms+gtdzigTeUyBr09+u8BwOIY3MXvHdcsA==
 
-"@types/tapable@*", "@types/tapable@^1.0.5":
-  version "1.0.6"
-  resolved "https://registry.yarnpkg.com/@types/tapable/-/tapable-1.0.6.tgz#a9ca4b70a18b270ccb2bc0aaafefd1d486b7ea74"
-  integrity sha512-W+bw9ds02rAQaMvaLYxAbJ6cvguW/iJXNT6lTssS1ps6QdrMKttqEAMEG/b5CR8TZl3/L7/lH0ZV5nNR1LXikA==
+"@types/tapable@*":
+  version "2.2.2"
+  resolved "https://registry.yarnpkg.com/@types/tapable/-/tapable-2.2.2.tgz#1d324b524190954a5700d86b6328bfc57e1fda48"
+  integrity sha512-ujqOVJEeLcwpDVJPnp/k3u1UXmTKq5urJq9fO8aUKg8Vlel5RNOFbVKEfqfh6wGfF/M+HiTJlBJMLC1aDfyf0Q==
+  dependencies:
+    tapable "^2.2.0"
+
+"@types/tapable@^1", "@types/tapable@^1.0.5":
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/@types/tapable/-/tapable-1.0.7.tgz#545158342f949e8fd3bfd813224971ecddc3fac4"
+  integrity sha512-0VBprVqfgFD7Ehb2vd8Lh9TG3jP98gvr8rgehQqzztZNI7o8zS8Ad4jyZneKELphpuE212D8J70LnSNQSyO6bQ==
 
 "@types/terser-webpack-plugin@^4.2.0":
   version "4.2.0"
@@ -1713,7 +1778,7 @@
     "@types/source-list-map" "*"
     source-map "^0.7.3"
 
-"@types/webpack@*", "@types/webpack@^4.41.26", "@types/webpack@^4.41.8":
+"@types/webpack@*", "@types/webpack@^4.41.26":
   version "4.41.26"
   resolved "https://registry.yarnpkg.com/@types/webpack/-/webpack-4.41.26.tgz#27a30d7d531e16489f9c7607c747be6bc1a459ef"
   integrity sha512-7ZyTfxjCRwexh+EJFwRUM+CDB2XvgHl4vfuqf1ZKrgGvcS5BrNvPQqJh3tsZ0P6h6Aa1qClVHaJZszLPzpqHeA==
@@ -1725,6 +1790,18 @@
     "@types/webpack-sources" "*"
     source-map "^0.6.0"
 
+"@types/webpack@^4.41.8":
+  version "4.41.27"
+  resolved "https://registry.yarnpkg.com/@types/webpack/-/webpack-4.41.27.tgz#f47da488c8037e7f1b2dbf2714fbbacb61ec0ffc"
+  integrity sha512-wK/oi5gcHi72VMTbOaQ70VcDxSQ1uX8S2tukBK9ARuGXrYM/+u4ou73roc7trXDNmCxCoerE8zruQqX/wuHszA==
+  dependencies:
+    "@types/anymatch" "*"
+    "@types/node" "*"
+    "@types/tapable" "^1"
+    "@types/uglify-js" "*"
+    "@types/webpack-sources" "*"
+    source-map "^0.6.0"
+
 "@types/xml2js@^0.4.8":
   version "0.4.8"
   resolved "https://registry.yarnpkg.com/@types/xml2js/-/xml2js-0.4.8.tgz#84c120c864a5976d0b5cf2f930a75d850fc2b03a"
@@ -1980,6 +2057,19 @@
     "@webassemblyjs/wast-parser" "1.9.0"
     "@xtuc/long" "4.2.2"
 
+"@windicss/plugin-utils@0.11.2":
+  version "0.11.2"
+  resolved "https://registry.yarnpkg.com/@windicss/plugin-utils/-/plugin-utils-0.11.2.tgz#989a5db170fb22c53804c3f67d1ea9da0fd91a79"
+  integrity sha512-Kq9X0/INSOYzBHO/dgOJx3v2U/F+5/bv9IMCW/ABDLwyZbY1fUuGuHgO5e0CHL79F/zTpxxSv+fAAVyiKAY1Eg==
+  dependencies:
+    debug "^4.3.2"
+    fast-glob "^3.2.5"
+    magic-string "^0.25.7"
+    micromatch "^4.0.2"
+    pirates "^4.0.1"
+    sucrase "^3.17.1"
+    windicss "^2.5.8"
+
 "@windicss/plugin-utils@0.9.4":
   version "0.9.4"
   resolved "https://registry.yarnpkg.com/@windicss/plugin-utils/-/plugin-utils-0.9.4.tgz#6f1212f672257a391e0077a7baf172a55282e631"
@@ -2093,11 +2183,11 @@ ansi-align@^3.0.0:
     string-width "^3.0.0"
 
 ansi-escapes@^4.2.1:
-  version "4.3.1"
-  resolved "https://registry.yarnpkg.com/ansi-escapes/-/ansi-escapes-4.3.1.tgz#a5c47cc43181f1f38ffd7076837700d395522a61"
-  integrity sha512-JWF7ocqNrp8u9oqpgV+wH5ftbt+cfvv+PTjOvKLT3AdYly/LmORARfEVT1iyjwN+4MqE5UmVKoAdIBqeoCHgLA==
+  version "4.3.2"
+  resolved "https://registry.yarnpkg.com/ansi-escapes/-/ansi-escapes-4.3.2.tgz#6b2291d1db7d98b6521d5f1efa42d0f3a9feb65e"
+  integrity sha512-gKXj5ALrKWQLsYG9jlTRmR/xKluxHV+Z9QEwNIgCfM1/uwPMCuzVVnh5mwTd+OuBZcwSIMbqssNWRm1lE51QaQ==
   dependencies:
-    type-fest "^0.11.0"
+    type-fest "^0.21.3"
 
 ansi-html@0.0.7:
   version "0.0.7"
@@ -3084,9 +3174,9 @@ cacache@^12.0.2:
     y18n "^4.0.0"
 
 cacache@^15.0.5:
-  version "15.0.5"
-  resolved "https://registry.yarnpkg.com/cacache/-/cacache-15.0.5.tgz#69162833da29170d6732334643c60e005f5f17d0"
-  integrity sha512-lloiL22n7sOjEEXdL8NAjTgv9a1u43xICE9/203qonkZUCj5X1UEWIdf2/Y0d6QcCtMzbKQyhrcDbdvlZTs/+A==
+  version "15.0.6"
+  resolved "https://registry.yarnpkg.com/cacache/-/cacache-15.0.6.tgz#65a8c580fda15b59150fb76bf3f3a8e45d583099"
+  integrity sha512-g1WYDMct/jzW+JdWEyjaX2zoBkZ6ZT9VpOyp2I/VMtDsNLffNat3kqPFfi1eDRSK9/SuKGyORDHcQMcPF8sQ/w==
   dependencies:
     "@npmcli/move-file" "^1.0.1"
     chownr "^2.0.0"
@@ -3102,7 +3192,7 @@ cacache@^15.0.5:
     p-map "^4.0.0"
     promise-inflight "^1.0.1"
     rimraf "^3.0.2"
-    ssri "^8.0.0"
+    ssri "^8.0.1"
     tar "^6.0.2"
     unique-filename "^1.1.1"
 
@@ -3214,7 +3304,12 @@ caniuse-api@^3.0.0:
     lodash.memoize "^4.1.2"
     lodash.uniq "^4.5.0"
 
-caniuse-lite@^1.0.0, caniuse-lite@^1.0.30000844, caniuse-lite@^1.0.30000981, caniuse-lite@^1.0.30001109, caniuse-lite@^1.0.30001181, caniuse-lite@^1.0.30001198:
+caniuse-lite@^1.0.0, caniuse-lite@^1.0.30000981, caniuse-lite@^1.0.30001109, caniuse-lite@^1.0.30001181, caniuse-lite@^1.0.30001198:
+  version "1.0.30001205"
+  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001205.tgz#d79bf6a6fb13196b4bb46e5143a22ca0242e0ef8"
+  integrity sha512-TL1GrS5V6LElbitPazidkBMD9sa448bQDDLrumDqaggmKFcuU2JW1wTOHJPukAcOMtEmLcmDJEzfRrf+GjM0Og==
+
+caniuse-lite@^1.0.30000844:
   version "1.0.30001203"
   resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001203.tgz#a7a34df21a387d9deffcd56c000b8cf5ab540580"
   integrity sha512-/I9tvnzU/PHMH7wBPrfDMSuecDeUKerjCPX7D0xBbaJZPxoT9m+yYxt0zCTkcijCkjTdim3H56Zm0i5Adxch4w==
@@ -4238,11 +4333,16 @@ ee-first@1.1.1:
   resolved "https://registry.yarnpkg.com/ee-first/-/ee-first-1.1.1.tgz#590c61156b0ae2f4f0255732a158b266bc56b21d"
   integrity sha1-WQxhFWsK4vTwJVcyoViyZrxWsh0=
 
-electron-to-chromium@^1.3.47, electron-to-chromium@^1.3.649:
+electron-to-chromium@^1.3.47:
   version "1.3.693"
   resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.693.tgz#5089c506a925c31f93fcb173a003a22e341115dd"
   integrity sha512-vUdsE8yyeu30RecppQtI+XTz2++LWLVEIYmzeCaCRLSdtKZ2eXqdJcrs85KwLiPOPVc6PELgWyXBsfqIvzGZag==
 
+electron-to-chromium@^1.3.649:
+  version "1.3.703"
+  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.703.tgz#6d9b9a75c42a40775f5930329e642b22b227317f"
+  integrity sha512-SVBVhNB+4zPL+rvtWLw7PZQkw/Eqj1HQZs22xtcqW36+xoifzEOEEDEpkxSMfB6RFeSIOcG00w6z5mSqLr1Y6w==
+
 elliptic@^6.5.3:
   version "6.5.4"
   resolved "https://registry.yarnpkg.com/elliptic/-/elliptic-6.5.4.tgz#da37cebd31e79a1367e941b592ed1fbebd58abbb"
@@ -4975,10 +5075,10 @@ globals@^9.18.0:
   resolved "https://registry.yarnpkg.com/globals/-/globals-9.18.0.tgz#aa3896b3e69b487f17e31ed2143d69a8e30c2d8a"
   integrity sha512-S0nG3CLEQiY/ILxqtztTWH/3iRRdyBLw6KMDxnKMchrtbj2OFmehVh0WUCfW3DUrIgx/qFrJPICrq4Z4sTR9UQ==
 
-globby@^11.0.2:
-  version "11.0.2"
-  resolved "https://registry.yarnpkg.com/globby/-/globby-11.0.2.tgz#1af538b766a3b540ebfb58a32b2e2d5897321d83"
-  integrity sha512-2ZThXDvvV8fYFRVIxnrMQBipZQDr7MxKAmQK1vujaj9/7eF0efG7BPUKJ7jP7G5SLF37xKDXvO4S/KKLj/Z0og==
+globby@^11.0.2, globby@^11.0.3:
+  version "11.0.3"
+  resolved "https://registry.yarnpkg.com/globby/-/globby-11.0.3.tgz#9b1f0cb523e171dd1ad8c7b2a9fb4b644b9593cb"
+  integrity sha512-ffdmosjA807y7+lA1NM0jELARVmYul/715xiILEjo3hBLPTcirgQNnXECn5g3mtR8TOLCVbkfua1Hpen25/Xcg==
   dependencies:
     array-union "^2.1.0"
     dir-glob "^3.0.1"
@@ -5069,7 +5169,7 @@ has-ansi@^2.0.0:
   dependencies:
     ansi-regex "^2.0.0"
 
-has-bigints@^1.0.0:
+has-bigints@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/has-bigints/-/has-bigints-1.0.1.tgz#64fe6acb020673e3b78db035a5af69aa9d07b113"
   integrity sha512-LSBS2LjbNBTf6287JEbEzvJgftkF5qFkmCo9hDRpAzKhUOlJ+hx8dd4USs00SgsUNwc4617J9ki5YtEClM2ffA==
@@ -5084,7 +5184,7 @@ has-flag@^4.0.0:
   resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-4.0.0.tgz#944771fd9c81c81265c4d6941860da06bb59479b"
   integrity sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==
 
-has-symbols@^1.0.0, has-symbols@^1.0.1, has-symbols@^1.0.2:
+has-symbols@^1.0.1, has-symbols@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/has-symbols/-/has-symbols-1.0.2.tgz#165d3070c00309752a1236a479331e3ac56f1423"
   integrity sha512-chXa79rL/UC2KlX17jo3vRGz0azaWEx5tGqZg5pO3NUyEJVB17dMruQlzCCOfUvElghKcm5194+BCRvi2Rv/Gw==
@@ -7117,7 +7217,7 @@ nuxt-windicss@^0.4.6:
     vite-plugin-windicss "^0.9.4"
     windicss-webpack-plugin "^0.2.6"
 
-nuxt@^2.14.12:
+nuxt@2.15.3:
   version "2.15.3"
   resolved "https://registry.yarnpkg.com/nuxt/-/nuxt-2.15.3.tgz#6262707de8a824df0718fc88653c74a916aa5122"
   integrity sha512-zeeOr7KxTYE0nbztUvH3YtcU+V5cZxuIhErBFt+ckFJ1R7uiptrfFrtVPouPm2uU4Kj+8MdARCQq+hzdfwUQig==
@@ -8464,13 +8564,20 @@ q@^1.1.2:
   resolved "https://registry.yarnpkg.com/q/-/q-1.5.1.tgz#7e32f75b41381291d04611f1bf14109ac00651d7"
   integrity sha1-fjL3W0E4EpHQRhHxvxQQmsAGUdc=
 
-qs@^6.5.2, qs@^6.9.4:
+qs@^6.5.2:
   version "6.10.0"
   resolved "https://registry.yarnpkg.com/qs/-/qs-6.10.0.tgz#8b6519121ab291c316a3e4d49cecf6d13d8c7fe5"
   integrity sha512-yjACOWijC6L/kmPZZAsVBNY2zfHSIbpdpL977quseu56/8BZ2LoF5axK2bGhbzhVKt7V9xgWTtpyLbxwIoER0Q==
   dependencies:
     side-channel "^1.0.4"
 
+qs@^6.9.4:
+  version "6.10.1"
+  resolved "https://registry.yarnpkg.com/qs/-/qs-6.10.1.tgz#4931482fa8d647a5aab799c5271d2133b981fb6a"
+  integrity sha512-M528Hph6wsSVOBiYUnGf+K/7w0hNshs/duGsNXPUCLH5XAqjEtiPGwNONLV0tBH8NoGb0mvD5JubnUTrujKDTg==
+  dependencies:
+    side-channel "^1.0.4"
+
 qs@~6.5.2:
   version "6.5.2"
   resolved "https://registry.yarnpkg.com/qs/-/qs-6.5.2.tgz#cb3ae806e8740444584ef154ce8ee98d403f3e36"
@@ -8510,9 +8617,9 @@ querystring@^0.2.0:
   integrity sha512-wkvS7mL/JMugcup3/rMitHmd9ecIGd2lhFhK9N3UUQ450h66d1r3Y9nvXzQAW1Lq+wyx61k/1pfKS5KuKiyEbg==
 
 queue-microtask@^1.2.2:
-  version "1.2.2"
-  resolved "https://registry.yarnpkg.com/queue-microtask/-/queue-microtask-1.2.2.tgz#abf64491e6ecf0f38a6502403d4cda04f372dfd3"
-  integrity sha512-dB15eXv3p2jDlbOiNLyMabYg1/sXvppd8DP2J3EOCQ0AkuSXCW2tP7mnVouVLJKgUMY6yP0kcQDVpLCN13h4Xg==
+  version "1.2.3"
+  resolved "https://registry.yarnpkg.com/queue-microtask/-/queue-microtask-1.2.3.tgz#4929228bbc724dfac43e0efb058caf7b6cfb6243"
+  integrity sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==
 
 randombytes@^2.0.0, randombytes@^2.0.1, randombytes@^2.0.5, randombytes@^2.1.0:
   version "2.1.0"
@@ -8698,9 +8805,9 @@ regjsparser@^0.1.4:
     jsesc "~0.5.0"
 
 regjsparser@^0.6.4:
-  version "0.6.7"
-  resolved "https://registry.yarnpkg.com/regjsparser/-/regjsparser-0.6.7.tgz#c00164e1e6713c2e3ee641f1701c4b7aa0a7f86c"
-  integrity sha512-ib77G0uxsA2ovgiYbCVGx4Pv3PSttAx2vIwidqQzbL2U5S4Q+j00HdSAneSBuyVcMvEnTXMjiGgB+DlXozVhpQ==
+  version "0.6.9"
+  resolved "https://registry.yarnpkg.com/regjsparser/-/regjsparser-0.6.9.tgz#b489eef7c9a2ce43727627011429cf833a7183e6"
+  integrity sha512-ZqbNRz1SNjLAiYuwY0zoXW8Ne675IX5q+YHioAGbCw4X96Mjl2+dcX9B2ciaeyYjViDAfvIjFpQjJgLttTEERQ==
   dependencies:
     jsesc "~0.5.0"
 
@@ -8981,9 +9088,9 @@ run-queue@^1.0.0, run-queue@^1.0.3:
     aproba "^1.1.1"
 
 rxjs@^6.6.0:
-  version "6.6.6"
-  resolved "https://registry.yarnpkg.com/rxjs/-/rxjs-6.6.6.tgz#14d8417aa5a07c5e633995b525e1e3c0dec03b70"
-  integrity sha512-/oTwee4N4iWzAMAL9xdGKjkEHmIwupR3oXbQjCKywF1BeFohswF3vZdogbmEF6pZkOsXTzWkrZszrWpQTByYVg==
+  version "6.6.7"
+  resolved "https://registry.yarnpkg.com/rxjs/-/rxjs-6.6.7.tgz#90ac018acabf491bf65044235d5863c4dab804c9"
+  integrity sha512-hTdwr+7yYNIT5n4AMYp85KA6yw2Va0FLa3Rguvbpa4W3I5xynaBZo41cM3XM+4Q6fRMj3sBYIR1VAmZMXYJvRQ==
   dependencies:
     tslib "^1.9.0"
 
@@ -9119,10 +9226,10 @@ semver@^6.0.0, semver@^6.1.1, semver@^6.1.2, semver@^6.3.0:
   resolved "https://registry.yarnpkg.com/semver/-/semver-6.3.0.tgz#ee0a64c8af5e8ceea67687b133761e1becbd1d3d"
   integrity sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==
 
-semver@^7.3.2, semver@^7.3.4:
-  version "7.3.4"
-  resolved "https://registry.yarnpkg.com/semver/-/semver-7.3.4.tgz#27aaa7d2e4ca76452f98d3add093a72c943edc97"
-  integrity sha512-tCfb2WLjqFAtXn4KEdxIhalnRtoKFN7nAwj0B3ZXCbQloV2tq5eDbcTmT68JJD3nRJq24/XgxtQKFIpQdtvmVw==
+semver@^7.3.2, semver@^7.3.4, semver@^7.3.5:
+  version "7.3.5"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-7.3.5.tgz#0b621c879348d8998e4b0e4be94b3f12e6018ef7"
+  integrity sha512-PoeGJYh8HK4BTO/a9Tf6ZG3veo/A7ZVsYrSA6J8ny9nb3B1VrpkuN+z9OE5wfE5p6H4LchYZsegiQgbJD94ZFQ==
   dependencies:
     lru-cache "^6.0.0"
 
@@ -9465,7 +9572,7 @@ ssri@^6.0.1:
   dependencies:
     figgy-pudding "^3.5.1"
 
-ssri@^8.0.0:
+ssri@^8.0.1:
   version "8.0.1"
   resolved "https://registry.yarnpkg.com/ssri/-/ssri-8.0.1.tgz#638e4e439e2ffbd2cd289776d5ca457c4f51a2af"
   integrity sha512-97qShzy1AiyxvPNIkLWoGua7xoQzzPjQ0HAH4B0rWKo7SZ6USuPcrUiAFrws0UH8RrbWmgq3LMTObhPIHbbBeQ==
@@ -9765,6 +9872,11 @@ tapable@^1.0.0, tapable@^1.0.0-beta.5, tapable@^1.1.3:
   resolved "https://registry.yarnpkg.com/tapable/-/tapable-1.1.3.tgz#a1fccc06b58db61fd7a45da2da44f5f3a3e67ba2"
   integrity sha512-4WK/bYZmj8xLr+HUCODHGF1ZFzsYffasLUgEiMBY4fgtltdO6B4WJtlSbPaDTLpYTcGVwM2qLnFTICEcNxs3kA==
 
+tapable@^2.2.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/tapable/-/tapable-2.2.0.tgz#5c373d281d9c672848213d0e037d1c4165ab426b"
+  integrity sha512-FBk4IesMV1rBxX2tfiK8RAmogtWn53puLOQlvO8XuwlgxcYbP4mVPS9Ph4aeamSyyVjOl24aYWAuc8U5kCVwMw==
+
 tar@^6.0.2:
   version "6.1.0"
   resolved "https://registry.yarnpkg.com/tar/-/tar-6.1.0.tgz#d1724e9bcc04b977b18d5c573b333a2207229a83"
@@ -10025,16 +10137,16 @@ tweetnacl@^0.14.3, tweetnacl@~0.14.0:
   resolved "https://registry.yarnpkg.com/tweetnacl/-/tweetnacl-0.14.5.tgz#5ae68177f192d4456269d108afa93ff8743f4f64"
   integrity sha1-WuaBd/GS1EViadEIr6k/+HQ/T2Q=
 
-type-fest@^0.11.0:
-  version "0.11.0"
-  resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.11.0.tgz#97abf0872310fed88a5c466b25681576145e33f1"
-  integrity sha512-OdjXJxnCN1AvyLSzeKIgXTXxV+99ZuXl3Hpo9XpJAv9MBcHrrJOQ5kV7ypXOuQie+AmWG25hLbiKdwYTifzcfQ==
-
 type-fest@^0.20.2:
   version "0.20.2"
   resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.20.2.tgz#1bf207f4b28f91583666cb5fbd327887301cd5f4"
   integrity sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==
 
+type-fest@^0.21.3:
+  version "0.21.3"
+  resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.21.3.tgz#d260a24b0198436e133fa26a524a6d65fa3b2e37"
+  integrity sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w==
+
 type-fest@^0.8.0:
   version "0.8.1"
   resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.8.1.tgz#09e249ebde851d3b1e48d27c105444667f17b83d"
@@ -10059,9 +10171,9 @@ typescript@~4.2:
   integrity sha512-qOcYwxaByStAWrBf4x0fibwZvMRG+r4cQoTjbPtUlrWjBHbmCAww1i448U0GJ+3cNNEtebDteo/cHOR3xJ4wEw==
 
 ua-parser-js@^0.7.24:
-  version "0.7.24"
-  resolved "https://registry.yarnpkg.com/ua-parser-js/-/ua-parser-js-0.7.24.tgz#8d3ecea46ed4f1f1d63ec25f17d8568105dc027c"
-  integrity sha512-yo+miGzQx5gakzVK3QFfN0/L9uVhosXBBO7qmnk7c2iw1IhL212wfA3zbnI54B0obGwC/5NWub/iT9sReMx+Fw==
+  version "0.7.26"
+  resolved "https://registry.yarnpkg.com/ua-parser-js/-/ua-parser-js-0.7.26.tgz#b3731860e241419abd5b542b1a0881070d92e0ce"
+  integrity sha512-VwIvGlFNmpKbjzRt51jpbbFTrKIEgGHxIwA8Y69K1Bqc6bTIV7TaGGABOkghSFQWsLmcRB4drGvpfv9z2szqoQ==
 
 ufo@^0.6.10:
   version "0.6.10"
@@ -10069,19 +10181,19 @@ ufo@^0.6.10:
   integrity sha512-sMbJnrBcKKsbVyr6++hb0n9lCmrMqkJrNnJIOJ3sckeqY6NMfAULcRGbBWcASSnN1HDV3YqiGCPzi9RVs511bw==
 
 uglify-js@^3.5.1:
-  version "3.13.1"
-  resolved "https://registry.yarnpkg.com/uglify-js/-/uglify-js-3.13.1.tgz#2749d4b8b5b7d67460b4a418023ff73c3fefa60a"
-  integrity sha512-EWhx3fHy3M9JbaeTnO+rEqzCe1wtyQClv6q3YWq0voOj4E+bMZBErVS1GAHPDiRGONYq34M1/d8KuQMgvi6Gjw==
+  version "3.13.3"
+  resolved "https://registry.yarnpkg.com/uglify-js/-/uglify-js-3.13.3.tgz#ce72a1ad154348ea2af61f50933c76cc8802276e"
+  integrity sha512-otIc7O9LyxpUcQoXzj2hL4LPWKklO6LJWoJUzNa8A17Xgi4fOeDC8FBDOLHnC/Slo1CQgsZMcM6as0M76BZaig==
 
 unbox-primitive@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/unbox-primitive/-/unbox-primitive-1.0.0.tgz#eeacbc4affa28e9b3d36b5eaeccc50b3251b1d3f"
-  integrity sha512-P/51NX+JXyxK/aigg1/ZgyccdAxm5K1+n8+tvqSntjOivPt19gvm1VC49RWYetsiub8WViUchdxl/KWHHB0kzA==
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/unbox-primitive/-/unbox-primitive-1.0.1.tgz#085e215625ec3162574dc8859abee78a59b14471"
+  integrity sha512-tZU/3NqK3dA5gpE1KtyiJUrEB0lxnGkMFHptJ7q6ewdZ8s12QrODwNbhIJStmJkd1QDXa1NRA8aF2A1zk/Ypyw==
   dependencies:
     function-bind "^1.1.1"
-    has-bigints "^1.0.0"
-    has-symbols "^1.0.0"
-    which-boxed-primitive "^1.0.1"
+    has-bigints "^1.0.1"
+    has-symbols "^1.0.2"
+    which-boxed-primitive "^1.0.2"
 
 unfetch@^4.2.0:
   version "4.2.0"
@@ -10429,6 +10541,16 @@ vite-plugin-vue2@^1.4.0:
     vue-template-compiler "^2.6.11"
     vue-template-es2015-compiler "^1.9.1"
 
+vite-plugin-windicss@^0.11.2:
+  version "0.11.2"
+  resolved "https://registry.yarnpkg.com/vite-plugin-windicss/-/vite-plugin-windicss-0.11.2.tgz#d711638ec39e55a22a1dddebe6067bdfd1d7d03a"
+  integrity sha512-BtgDL/wUygdl+zo0eIAfXG+jz+sXAMoBHyNUrof4oA037aI/BY0s68VSUlWeOqv0lnT7HhMeg5jyJodS50RPZw==
+  dependencies:
+    "@windicss/plugin-utils" "0.11.2"
+    chalk "^4.1.0"
+    debug "^4.3.2"
+    windicss "^2.5.8"
+
 vite-plugin-windicss@^0.9.4:
   version "0.9.7"
   resolved "https://registry.yarnpkg.com/vite-plugin-windicss/-/vite-plugin-windicss-0.9.7.tgz#27840f480c786f920f0130b3058604c97c2d8a69"
@@ -10678,7 +10800,7 @@ webpackbar@^4.0.0:
     text-table "^0.2.0"
     wrap-ansi "^6.0.0"
 
-which-boxed-primitive@^1.0.1:
+which-boxed-primitive@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/which-boxed-primitive/-/which-boxed-primitive-1.0.2.tgz#13757bc89b209b049fe5d86430e21cf40a89a8e6"
   integrity sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==
@@ -10738,6 +10860,11 @@ windicss@^2.5.2, windicss@^2.5.3, windicss@^2.5.4:
   resolved "https://registry.yarnpkg.com/windicss/-/windicss-2.5.4.tgz#e89cd614cc4a7c2c13cc5af588642959de6746db"
   integrity sha512-K+w/TOxbY38bIjRyJVgQ29ndZ0xZsbpf4a7wClqyFDQdCTbuCnzChBMpO13BqLmksIaHRzL46TeBRpFyV6n5/A==
 
+windicss@^2.5.8:
+  version "2.5.8"
+  resolved "https://registry.yarnpkg.com/windicss/-/windicss-2.5.8.tgz#254980044de3031276062b90cfce53c13ee489bf"
+  integrity sha512-zHkozdIqv1YTIGHBOHeFGsuZVTN5yAMz6FW5Bp8im9JZxSRZLOLKdJB0K75SL13iLHKXHrC1ukwJjjL8CohrUw==
+
 worker-farm@^1.7.0:
   version "1.7.0"
   resolved "https://registry.yarnpkg.com/worker-farm/-/worker-farm-1.7.0.tgz#26a94c5391bbca926152002f69b84a4bf772e5a8"