Merge pull request #113 from botmaster/chore/no-ref/upgrade-nuxt

chore/no-ref/upgrade-nuxt
botmaster · Aug 7, 2024 · 61c96eb · 61c96eb
2 parents df8b632 + fdc0ed0
commit 61c96eb
Show file tree

Hide file tree

Showing 10 changed files with 1,854 additions and 2,708 deletions.
diff --git a/components/app/DepsTable.vue b/components/app/DepsTable.vue
@@ -25,7 +25,7 @@ async function fetchLatestVersions() {
     try {
       latestVersions.value[pkgName] = await fetchLatestVersion(pkgName);
     }
-    catch (error) {
+    catch {
       latestVersions.value[pkgName] = 'error';
     }
   });
@@ -34,7 +34,7 @@ async function fetchLatestVersions() {
 
 const depsTarget = ref<HTMLElement | null>(null);
 
-if (process.client) {
+if (import.meta.client) {
   useIntersectionObserver(depsTarget, ([{ isIntersecting }]) => {
     if (isIntersecting) {
       // If latest versions are not yet fetched, fetch them
@@ -91,16 +91,18 @@ if (process.client) {
             {{ value }}
           </td>
           <td class="text-center">
-            <Icon name="mdi:arrow-right-thin" />
+            <Icon name="mdi:arrow-right-thin" mode="svg" />
           </td>
           <td class="right">
             {{ latestVersions[key] }}
           </td>
           <td>
-            <span title="Update available"><Icon
+            <Icon
+              title="Update available"
+              mode="svg"
               name="material-symbols:arrow-circle-up"
               class="text-base text-aurora-nord-14"
-            /></span>
+            />
           </td>
         </template>
 
@@ -109,10 +111,11 @@ if (process.client) {
             {{ value }}
           </td>
           <td>
-            <span title="Up to date"><Icon
+            <Icon
+              title="Up to date" mode="svg"
               name="material-symbols:check-box-rounded"
               class="text-base text-primary"
-            /></span>
+            />
           </td>
         </template>
 

diff --git a/components/layout/TheFooter.vue b/components/layout/TheFooter.vue
@@ -55,7 +55,7 @@ const themeList = computed(() => [
   }
 
   &__socials {
-    @apply overflow-y-clip md:flex md:gap-4 md:items-baseline text-xl leading-[0px];
+    @apply overflow-y-clip md:flex md:gap-4 md:items-center text-xl leading-[0px];
   }
 
   &__copyright {

diff --git a/content/en/index.md b/content/en/index.md
@@ -26,7 +26,7 @@ tools. I have an interest in graphic design and music.
         class="inline-flex items-center"
         href="https://www.linkedin.com/in/pascal-achard" target="_blank" rel="noopener"
         >
-        <span class="text-2xl"><Icon class="mr-1 text-primary" name="mdi:linkedin"></Icon></span>
+        <Icon class="mr-1 text-primary text-2xl leading-none" name="mdi:linkedin"></Icon>
         <span class="leading-none mt-1">Contact me at</span>
     </a>
     <a
@@ -35,7 +35,7 @@ tools. I have an interest in graphic design and music.
         target="_blank"
         rel="noopener"
         >
-        <span class="text-2xl"><Icon class="mr-1 text-primary" name="mdi:file-document"></Icon></span>
+        <Icon class="mr-1 text-primary text-2xl leading-none" name="mdi:file-document"></Icon>
         <span class="leading-none mt-1">CV <span class="no-underline text-xs">(PDF, 46Ko)</span></span>
     </a>
 </p>

diff --git a/content/en/lab.md b/content/en/lab.md
@@ -5,7 +5,7 @@ coverDescription: I'm currently testing the Last.fm API
 description: Pascal Achard, senior frontend developer. Lab. I'm testing the Last.fm api.
 ---
 
-## Listening <Icon class='text-primary' name="brandico:lastfm"></Icon>
+## Listening <Icon class='text-2xl text-primary' name="brandico:lastfm"></Icon>
 
 > <span class="mr-2">💡</span>  <span class="font-rubik-medium font-medium text-primary">Info</span>
 >

diff --git a/content/fr/index.md b/content/fr/index.md
@@ -31,7 +31,7 @@ outils. J'ai une appétence pour le graphisme et la musique.
         class="inline-flex items-center"
         href="https://www.linkedin.com/in/pascal-achard" target="_blank" rel="noopener"
         >
-        <span class="text-2xl"><Icon class="mr-1 text-primary" name="mdi:linkedin"></Icon></span>
+        <Icon class="mr-1 text-primary text-2xl leading-none" name="mdi:linkedin"></Icon>
         <span class="leading-none mt-1">Contactez-moi</span>
     </a>
     <a
@@ -40,7 +40,7 @@ outils. J'ai une appétence pour le graphisme et la musique.
         target="_blank"
         rel="noopener"
         >
-        <span class="text-2xl"><Icon class="mr-1 text-primary" name="mdi:file-document"></Icon></span>
+        <Icon class="mr-1 text-primary text-2xl leading-none" name="mdi:file-document"></Icon>
         <span class="leading-none mt-1">CV <span class="no-underline text-xs">(PDF, 46Ko)</span></span>
     </a>
 </p>

diff --git a/content/fr/lab.md b/content/fr/lab.md
@@ -5,7 +5,7 @@ coverDescription: En ce momment, je teste l'API de Last.fm
 description: Pascal Achard, développeur frontend senior. Lab. Je teste l'api de Last.fm.
 ---
 
-## Listening <Icon title='Last.fm' class='text-primary' name="brandico:lastfm"></Icon>
+## Listening <Icon title='Last.fm' class='text-2xl text-primary' name="brandico:lastfm"></Icon>
 
 > <span class="mr-2">💡</span>  <span class="font-rubik-medium font-medium text-primary">Info</span>
 > 

diff --git a/nuxt.config.ts b/nuxt.config.ts
@@ -171,13 +171,13 @@ export default defineNuxtConfig({
   modules: [
     '@nuxtjs/tailwindcss',
     '@vueuse/nuxt',
-    'nuxt-icon',
+    '@nuxt/icon',
     '@nuxtjs/color-mode',
     '@nuxt/content',
     'nuxt-headlessui',
     '@nuxtjs/fontaine',
     '@nuxtjs/i18n',
-    'nuxt-simple-robots',
+    '@nuxtjs/robots',
     '@nuxt/devtools',
     '@nuxtjs/sitemap',
     '@pinia/nuxt',
@@ -192,4 +192,6 @@ export default defineNuxtConfig({
     // Enable devtools (default: true)
     enabled: true,
   },
+
+  compatibilityDate: '2024-08-07',
 });
diff --git a/package.json b/package.json
@@ -3,7 +3,7 @@
   "type": "module",
   "version": "2.24.8",
   "private": true,
-  "packageManager": "pnpm@9.4.0",
+  "packageManager": "pnpm@9.7.0",
   "description": "Pascal Achard's personal website",
   "author": "Pascal Achard",
   "scripts": {
@@ -16,47 +16,55 @@
     "lint:fix": "eslint . --fix"
   },
   "dependencies": {
-    "@fontsource/inter": "^5.0.19",
+    "@fontsource/inter": "^5.0.20",
     "@fontsource/rubik": "^5.0.20",
     "@headlessui/tailwindcss": "^0.2.1",
     "@notionhq/client": "^2.2.15",
     "@vueuse/components": "^10.11.0",
     "@vueuse/nuxt": "^10.11.0",
     "@vueuse/router": "^10.11.0",
     "gsap": "^3.12.5",
-    "lenis": "^1.1.6",
+    "lenis": "^1.1.9",
     "splitting": "^1.1.0"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "^2.21.3",
+    "@antfu/eslint-config": "^2.24.1",
     "@eslint/eslintrc": "^3.1.0",
-    "@nuxt/content": "^2.13.1",
+    "@iconify-json/brandico": "^1.1.9",
+    "@iconify-json/cib": "^1.1.10",
+    "@iconify-json/eos-icons": "^1.1.11",
+    "@iconify-json/fluent": "^1.1.61",
+    "@iconify-json/logos": "^1.1.44",
+    "@iconify-json/material-symbols": "^1.1.86",
+    "@iconify-json/mdi": "^1.1.68",
+    "@iconify-json/pajamas": "^1.1.50",
+    "@nuxt/content": "^2.13.2",
     "@nuxt/devtools": "^1.3.9",
+    "@nuxt/icon": "^1.4.5",
     "@nuxt/image": "^1.7.0",
     "@nuxtjs/color-mode": "^3.4.2",
     "@nuxtjs/eslint-config-typescript": "^12.1.0",
     "@nuxtjs/fontaine": "^0.4.3",
-    "@nuxtjs/i18n": "^8.3.1",
-    "@nuxtjs/sitemap": "^5.3.2",
-    "@nuxtjs/tailwindcss": "^6.12.0",
-    "@pinia/nuxt": "^0.5.1",
+    "@nuxtjs/i18n": "^8.3.3",
+    "@nuxtjs/robots": "^4.0.2",
+    "@nuxtjs/sitemap": "^5.3.5",
+    "@nuxtjs/tailwindcss": "^6.12.1",
+    "@pinia/nuxt": "^0.5.3",
     "@tailwindcss/forms": "^0.5.7",
-    "@types/node": "^20.14.10",
+    "@types/node": "^22.1.0",
     "@types/splitting": "^1.0.6",
     "@types/uuid": "^10.0.0",
-    "@typescript-eslint/parser": "^7.15.0",
-    "eslint": "^9.6.0",
+    "@typescript-eslint/parser": "^8.0.1",
+    "eslint": "^9.8.0",
     "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-prettier": "^5.1.3",
+    "eslint-plugin-prettier": "^5.2.1",
     "eslint-plugin-tailwindcss": "^3.17.4",
-    "nuxt": "^3.12.3",
+    "nuxt": "^3.12.4",
     "nuxt-headlessui": "^1.2.0",
-    "nuxt-icon": "^0.6.10",
-    "nuxt-simple-robots": "^4.0.0-rc.19",
-    "sass": "^1.77.6",
-    "typescript": "^5.5.3",
+    "sass": "^1.77.8",
+    "typescript": "^5.5.4",
     "uuid": "^10.0.0",
     "vite-svg-loader": "^5.1.0",
-    "vue-tsc": "^2.0.26"
+    "vue-tsc": "^2.0.29"
   }
 }
diff --git a/pages/readings.vue b/pages/readings.vue
@@ -275,9 +275,9 @@ watch(
         <!-- Load more and page size selector -->
         <div class="mt-10 flex flex-col items-center gap-2 lg:flex-row">
           <div v-if="articlesStore.hasMore" class="flex items-center gap-2 leading-none">
-            <button :disabled="pending" class="group" @click="loadMore">
+            <button :disabled="pending" class="group flex items-center" @click="loadMore">
               {{ t('common.loadMore') }}
-              <Icon class="ml-1 block transition-transform group-hover:animate-spin" name="material-symbols:refresh" />
+              <Icon class="ml-1 transition-transform group-hover:animate-spin" name="material-symbols:refresh" />
             </button>
             <Transition name="fade">
               <AppLoader v-if="isLoadingMore" class="text-2xl" />