diff --git a/components/ApplicationDownload.vue b/components/ApplicationDownload.vue
index f981fbf..0bb2a90 100644
--- a/components/ApplicationDownload.vue
+++ b/components/ApplicationDownload.vue
@@ -9,7 +9,7 @@
         color="green darken-1 white--text"
       >
         <v-icon left>
-          mdi-android
+          {{ mdiAndroid }}
         </v-icon>
         {{ $t('application.download.download') }} ≈18Mo
       </v-btn>
@@ -40,6 +40,8 @@
 </template>
 
 <script>
+import { mdiAndroid } from '@mdi/js'
+
 export default {
   name: 'ApplicationDownload',
   data () {
@@ -50,7 +52,8 @@ export default {
         'arm64-v8a',
         'x86',
         'x86_64'
-      ]
+      ],
+      mdiAndroid
     }
   }
 }
diff --git a/components/BReadIndicator.vue b/components/BReadIndicator.vue
index 6989401..fcba6f4 100644
--- a/components/BReadIndicator.vue
+++ b/components/BReadIndicator.vue
@@ -8,7 +8,7 @@
         color="green"
         v-on="on"
       >
-        mdi-eye-check
+        {{ mdiEyeCheck }}
       </v-icon>
     </template>
     <span>{{ $t('publication.wasRead') }}</span>
@@ -17,6 +17,7 @@
 
 <script>
 import { mapGetters } from 'vuex'
+import { mdiEyeCheck } from '@mdi/js'
 
 export default {
   name: 'BReadIndicator',
@@ -26,6 +27,11 @@ export default {
       required: true
     }
   },
+  data () {
+    return {
+      mdiEyeCheck
+    }
+  },
   computed: {
     ...mapGetters('read-publications', ['isPublicationRead']),
     read () {
diff --git a/components/CategoriesBar.vue b/components/CategoriesBar.vue
index 9d9671b..91fb376 100644
--- a/components/CategoriesBar.vue
+++ b/components/CategoriesBar.vue
@@ -30,7 +30,7 @@
             v-if="value"
             left
           >
-            mdi-chevron-down
+            {{ mdiChevronDown }}
           </v-icon>
           {{ $t(`categories.${category.id}`) }}
         </v-btn>
@@ -83,7 +83,7 @@
               >
                 {{ $t('list.loadMore') }}
                 <v-icon right>
-                  mdi-chevron-right
+                  {{ mdiChevronRight }}
                 </v-icon>
               </v-btn>
             </v-col>
@@ -95,13 +95,16 @@
 </template>
 
 <script>
+import { mdiChevronDown, mdiChevronRight } from '@mdi/js'
 import { categories } from '@/utils/data'
 
 export default {
   data () {
     return {
       categoryPublications: {},
-      categories
+      categories,
+      mdiChevronDown,
+      mdiChevronRight
     }
   },
   async fetch () {
diff --git a/components/CategoriesChips.vue b/components/CategoriesChips.vue
index 4786d19..4ac5e5c 100644
--- a/components/CategoriesChips.vue
+++ b/components/CategoriesChips.vue
@@ -7,7 +7,7 @@
       active-class="darker white--text"
     >
       <v-icon left>
-        mdi-text-box-multiple-outline
+        {{ mdiTextBoxMultipleOutline }}
       </v-icon>
       {{ $t('global.allPublications') }}
     </v-chip>
@@ -41,6 +41,7 @@
 </template>
 
 <script>
+import { mdiTextBoxMultipleOutline } from '@mdi/js'
 import { categories, types } from '@/utils/data'
 
 export default {
@@ -58,7 +59,8 @@ export default {
   data () {
     return {
       categories,
-      types
+      types,
+      mdiTextBoxMultipleOutline
     }
   }
 }
diff --git a/components/ScrollToTop.vue b/components/ScrollToTop.vue
index 97ba9e3..f421cd7 100644
--- a/components/ScrollToTop.vue
+++ b/components/ScrollToTop.vue
@@ -10,12 +10,14 @@
       right
       @click="$vuetify.goTo('.b-top-banner')"
     >
-      <v-icon>mdi-chevron-up</v-icon>
+      <v-icon>{{ mdiChevronUp }}</v-icon>
     </v-btn>
   </v-scale-transition>
 </template>
 
 <script>
+import { mdiChevronUp } from '@mdi/js'
+
 export default {
   name: 'ScrollToTop',
   props: {
@@ -26,7 +28,8 @@ export default {
   },
   data () {
     return {
-      active: false
+      active: false,
+      mdiChevronUp
     }
   },
   mounted () {
diff --git a/components/ThemeSwitcher.vue b/components/ThemeSwitcher.vue
index 2269069..379fcab 100644
--- a/components/ThemeSwitcher.vue
+++ b/components/ThemeSwitcher.vue
@@ -9,7 +9,7 @@
             icon
             v-on="{ ...menu, ...tooltip }"
           >
-            <v-icon>mdi-theme-light-dark</v-icon>
+            <v-icon>{{ mdiThemeLightDark }}</v-icon>
           </v-btn>
         </template>
         <span>{{ $t('theme.switchTheme') }}</span>
@@ -18,19 +18,19 @@
     <v-list>
       <v-list-item @click="setTheme('auto')">
         <v-list-item-icon>
-          <v-icon>mdi-theme-light-dark</v-icon>
+          <v-icon>{{ mdiThemeLightDark }}</v-icon>
         </v-list-item-icon>
         <v-list-item-title>{{ $t('theme.auto') }}</v-list-item-title>
       </v-list-item>
       <v-list-item @click="setTheme('light')">
         <v-list-item-icon>
-          <v-icon>mdi-weather-sunny</v-icon>
+          <v-icon>{{ mdiWeatherSunny }}</v-icon>
         </v-list-item-icon>
         <v-list-item-title>{{ $t('theme.light') }}</v-list-item-title>
       </v-list-item>
       <v-list-item @click="setTheme('dark')">
         <v-list-item-icon>
-          <v-icon>mdi-weather-night</v-icon>
+          <v-icon>{{ mdiWeatherNight }}</v-icon>
         </v-list-item-icon>
         <v-list-item-title>{{ $t('theme.dark') }}</v-list-item-title>
       </v-list-item>
@@ -39,8 +39,17 @@
 </template>
 
 <script>
+import { mdiThemeLightDark, mdiWeatherSunny, mdiWeatherNight } from '@mdi/js'
+
 export default {
   name: 'ThemeSwitcher',
+  data () {
+    return {
+      mdiThemeLightDark,
+      mdiWeatherSunny,
+      mdiWeatherNight
+    }
+  },
   mounted () {
     // eslint-disable-next-line nuxt/no-env-in-hooks
     if (process.client) {
diff --git a/layouts/default.vue b/layouts/default.vue
index 97ce995..860aae1 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -42,7 +42,7 @@
               icon
               @click="showSearchField = false"
             >
-              <v-icon>mdi-close</v-icon>
+              <v-icon>{{ mdiClose }}</v-icon>
             </v-btn>
           </template>
           <template v-else>
@@ -52,7 +52,7 @@
               to="/blog"
             >
               <v-icon left>
-                mdi-text-box-multiple-outline
+                {{ mdiTextBoxMultipleOutline }}
               </v-icon>
               {{ $t('topBar.publications') }}
             </v-btn>
@@ -62,7 +62,7 @@
               to="/page/projects"
             >
               <v-icon left>
-                mdi-package-variant
+                {{ mdiPackageVariant }}
               </v-icon>
               {{ $t('topBar.projects') }}
             </v-btn>
@@ -74,7 +74,7 @@
                   v-on="on"
                   @click="showSearchField = true"
                 >
-                  <v-icon>mdi-magnify</v-icon>
+                  <v-icon>{{ mdiMagnify }}</v-icon>
                 </v-btn>
               </template>
               <span>{{ $t('topBar.search') }}</span>
@@ -139,6 +139,7 @@
 </template>
 
 <script>
+import { mdiClose, mdiPackageVariant, mdiHomeOutline, mdiMagnify, mdiTextBoxMultipleOutline } from '@mdi/js'
 import { mapMutations, mapState } from 'vuex'
 import ThemeSwitcher from '@/components/ThemeSwitcher.vue'
 
@@ -151,7 +152,12 @@ export default {
       bottomNavigation: '',
 
       showSearchField: false,
-      search: ''
+      search: '',
+
+      mdiClose,
+      mdiTextBoxMultipleOutline,
+      mdiPackageVariant,
+      mdiMagnify
     }
   },
   head () {
@@ -188,22 +194,22 @@ export default {
       return [
         {
           name: 'mobileMenu.home',
-          icon: 'mdi-home-outline',
+          icon: mdiHomeOutline,
           route: 'index'
         },
         {
           name: 'mobileMenu.publications',
-          icon: 'mdi-text-box-multiple-outline',
+          icon: mdiTextBoxMultipleOutline,
           route: 'blog'
         },
         {
           name: 'mobileMenu.search',
-          icon: 'mdi-magnify',
+          icon: mdiMagnify,
           route: 'page-search'
         },
         {
           name: 'mobileMenu.projects',
-          icon: 'mdi-package-variant',
+          icon: mdiPackageVariant,
           route: 'page-projects'
         }
       ]
diff --git a/nuxt.config.js b/nuxt.config.js
index b1b54de..d380e3c 100644
--- a/nuxt.config.js
+++ b/nuxt.config.js
@@ -60,9 +60,17 @@ export default {
     // https://github.com/juliomrqz/nuxt-optimized-images
     '@aceforth/nuxt-optimized-images',
     // https://pwa.nuxtjs.org/setup
-    '@nuxtjs/pwa'
+    '@nuxtjs/pwa',
+    // https://google-fonts.nuxtjs.org/getting-started/setup
+    '@nuxtjs/google-fonts'
   ],
 
+  googleFonts: {
+    families: {
+      Roboto: true
+    }
+  },
+
   pwa: {
     meta: {
       name: 'BecauseOfProg',
@@ -111,6 +119,10 @@ export default {
   // Vuetify module configuration: https://go.nuxtjs.dev/config-vuetify
   vuetify: {
     treeShake: true,
+    defaultAssets: false,
+    icons: {
+      iconfont: 'mdiSvg'
+    },
     customVariables: ['~/assets/variables.scss'],
     theme: {
       themes: {
diff --git a/package-lock.json b/package-lock.json
index 0314399..789aff2 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -23,8 +23,10 @@
       "devDependencies": {
         "@aceforth/nuxt-optimized-images": "^1.4.0",
         "@babel/eslint-parser": "7.22.15",
+        "@mdi/js": "^7.2.96",
         "@nuxtjs/eslint-config": "11.0.0",
         "@nuxtjs/eslint-module": "3.1.0",
+        "@nuxtjs/google-fonts": "^3.0.2",
         "@nuxtjs/pwa": "^3.3.5",
         "@nuxtjs/vuetify": "1.12.3",
         "core-js": "3.32.2",
@@ -1730,6 +1732,15 @@
       "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.14.0.tgz",
       "integrity": "sha512-srw17NI0TUWHuGa5CFGGmhfNIeja30WMBfbslPNhf6JrqQlLN5gcrvig1oqPxiVaXb0oW0XRKtH6Nngs5lKCIA=="
     },
+    "node_modules/@babel/standalone": {
+      "version": "7.22.20",
+      "resolved": "https://registry.npmjs.org/@babel/standalone/-/standalone-7.22.20.tgz",
+      "integrity": "sha512-1W+v64N5c4yEQH1WZDGTzChpxfJ23QjmeH6qPT8CSqLV1kwKkpajMSK/xpD2aQkvy+Hfw4WaMMOhSMQtMC+PNw==",
+      "dev": true,
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
     "node_modules/@babel/template": {
       "version": "7.22.15",
       "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.22.15.tgz",
@@ -2821,6 +2832,12 @@
       "resolved": "https://registry.npmjs.org/@lokidb/loki/-/loki-2.1.0.tgz",
       "integrity": "sha512-u2VH/4h4kZww23bak5I/oRai8VqIZCSuqiLbuSHpYXHB9Na5E9KNazh59prgUyvMzfooY7XKiHejbKVxFoAEOQ=="
     },
+    "node_modules/@mdi/js": {
+      "version": "7.2.96",
+      "resolved": "https://registry.npmjs.org/@mdi/js/-/js-7.2.96.tgz",
+      "integrity": "sha512-paR9M9ZT7rKbh2boksNUynuSZMHhqRYnEZOm/KrZTjQ4/FzyhjLHuvw/8XYzP+E7fS4+/Ms/82EN1pl/OFsiIA==",
+      "dev": true
+    },
     "node_modules/@nicolo-ribaudo/eslint-scope-5-internals": {
       "version": "5.1.1-v1",
       "resolved": "https://registry.npmjs.org/@nicolo-ribaudo/eslint-scope-5-internals/-/eslint-scope-5-internals-5.1.1-v1.tgz",
@@ -3691,6 +3708,126 @@
         "web-streams-polyfill": "^3.0.1"
       }
     },
+    "node_modules/@nuxt/kit": {
+      "version": "3.7.3",
+      "resolved": "https://registry.npmjs.org/@nuxt/kit/-/kit-3.7.3.tgz",
+      "integrity": "sha512-bhP02i6CNti15Z4ix3LpR3fd1ANtTcpfS3CDSaCja24hDt3UxIasyp52mqD9LRC+OxrUVHJziB18EwUtS6RLDQ==",
+      "dev": true,
+      "dependencies": {
+        "@nuxt/schema": "3.7.3",
+        "c12": "^1.4.2",
+        "consola": "^3.2.3",
+        "defu": "^6.1.2",
+        "globby": "^13.2.2",
+        "hash-sum": "^2.0.0",
+        "ignore": "^5.2.4",
+        "jiti": "^1.20.0",
+        "knitwork": "^1.0.0",
+        "mlly": "^1.4.2",
+        "pathe": "^1.1.1",
+        "pkg-types": "^1.0.3",
+        "scule": "^1.0.0",
+        "semver": "^7.5.4",
+        "ufo": "^1.3.0",
+        "unctx": "^2.3.1",
+        "unimport": "^3.3.0",
+        "untyped": "^1.4.0"
+      },
+      "engines": {
+        "node": "^14.18.0 || >=16.10.0"
+      }
+    },
+    "node_modules/@nuxt/kit/node_modules/consola": {
+      "version": "3.2.3",
+      "resolved": "https://registry.npmjs.org/consola/-/consola-3.2.3.tgz",
+      "integrity": "sha512-I5qxpzLv+sJhTVEoLYNcTW+bThDCPsit0vLNKShZx6rLtpilNpmmeTPaeqJb9ZE9dV3DGaeby6Vuhrw38WjeyQ==",
+      "dev": true,
+      "engines": {
+        "node": "^14.18.0 || >=16.10.0"
+      }
+    },
+    "node_modules/@nuxt/kit/node_modules/defu": {
+      "version": "6.1.2",
+      "resolved": "https://registry.npmjs.org/defu/-/defu-6.1.2.tgz",
+      "integrity": "sha512-+uO4+qr7msjNNWKYPHqN/3+Dx3NFkmIzayk2L1MyZQlvgZb/J1A0fo410dpKrN2SnqFjt8n4JL8fDJE0wIgjFQ==",
+      "dev": true
+    },
+    "node_modules/@nuxt/kit/node_modules/globby": {
+      "version": "13.2.2",
+      "resolved": "https://registry.npmjs.org/globby/-/globby-13.2.2.tgz",
+      "integrity": "sha512-Y1zNGV+pzQdh7H39l9zgB4PJqjRNqydvdYCDG4HFXM4XuvSaQQlEc91IU1yALL8gUTDomgBAfz3XJdmUS+oo0w==",
+      "dev": true,
+      "dependencies": {
+        "dir-glob": "^3.0.1",
+        "fast-glob": "^3.3.0",
+        "ignore": "^5.2.4",
+        "merge2": "^1.4.1",
+        "slash": "^4.0.0"
+      },
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@nuxt/kit/node_modules/lru-cache": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+      "dev": true,
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@nuxt/kit/node_modules/scule": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/scule/-/scule-1.0.0.tgz",
+      "integrity": "sha512-4AsO/FrViE/iDNEPaAQlb77tf0csuq27EsVpy6ett584EcRTp6pTDLoGWVxCD77y5iU5FauOvhsI4o1APwPoSQ==",
+      "dev": true
+    },
+    "node_modules/@nuxt/kit/node_modules/semver": {
+      "version": "7.5.4",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
+      "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
+      "dev": true,
+      "dependencies": {
+        "lru-cache": "^6.0.0"
+      },
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@nuxt/kit/node_modules/slash": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/slash/-/slash-4.0.0.tgz",
+      "integrity": "sha512-3dOsAHXXUkQTpOYcoAxLIorMTp4gIQr5IW3iVb7A7lFIp0VHhnynm9izx6TssdrIcVIESAlVjtnO2K8bg+Coew==",
+      "dev": true,
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@nuxt/kit/node_modules/ufo": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/ufo/-/ufo-1.3.0.tgz",
+      "integrity": "sha512-bRn3CsoojyNStCZe0BG0Mt4Nr/4KF+rhFlnNXybgqt5pXHNFRlqinSoQaTrGyzE4X8aHplSb+TorH+COin9Yxw==",
+      "dev": true
+    },
+    "node_modules/@nuxt/kit/node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+      "dev": true
+    },
     "node_modules/@nuxt/loading-screen": {
       "version": "2.0.4",
       "resolved": "https://registry.npmjs.org/@nuxt/loading-screen/-/loading-screen-2.0.4.tgz",
@@ -3789,6 +3926,39 @@
         "node": ">=8"
       }
     },
+    "node_modules/@nuxt/schema": {
+      "version": "3.7.3",
+      "resolved": "https://registry.npmjs.org/@nuxt/schema/-/schema-3.7.3.tgz",
+      "integrity": "sha512-Uqe3Z9RnAROzv5owQo//PztD9d4csKK6ulwQO1hIAinCh34X7z2zrv9lhm14hlRYU1n7ISEi4S7UeHgL/r8d8A==",
+      "dev": true,
+      "dependencies": {
+        "@nuxt/ui-templates": "^1.3.1",
+        "defu": "^6.1.2",
+        "hookable": "^5.5.3",
+        "pathe": "^1.1.1",
+        "pkg-types": "^1.0.3",
+        "postcss-import-resolver": "^2.0.0",
+        "std-env": "^3.4.3",
+        "ufo": "^1.3.0",
+        "unimport": "^3.3.0",
+        "untyped": "^1.4.0"
+      },
+      "engines": {
+        "node": "^14.18.0 || >=16.10.0"
+      }
+    },
+    "node_modules/@nuxt/schema/node_modules/defu": {
+      "version": "6.1.2",
+      "resolved": "https://registry.npmjs.org/defu/-/defu-6.1.2.tgz",
+      "integrity": "sha512-+uO4+qr7msjNNWKYPHqN/3+Dx3NFkmIzayk2L1MyZQlvgZb/J1A0fo410dpKrN2SnqFjt8n4JL8fDJE0wIgjFQ==",
+      "dev": true
+    },
+    "node_modules/@nuxt/schema/node_modules/ufo": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/ufo/-/ufo-1.3.0.tgz",
+      "integrity": "sha512-bRn3CsoojyNStCZe0BG0Mt4Nr/4KF+rhFlnNXybgqt5pXHNFRlqinSoQaTrGyzE4X8aHplSb+TorH+COin9Yxw==",
+      "dev": true
+    },
     "node_modules/@nuxt/server": {
       "version": "2.17.1",
       "resolved": "https://registry.npmjs.org/@nuxt/server/-/server-2.17.1.tgz",
@@ -3998,6 +4168,12 @@
         "node": "^14.18.0 || >=16.10.0"
       }
     },
+    "node_modules/@nuxt/ui-templates": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/@nuxt/ui-templates/-/ui-templates-1.3.1.tgz",
+      "integrity": "sha512-5gc02Pu1HycOVUWJ8aYsWeeXcSTPe8iX8+KIrhyEtEoOSkY0eMBuo0ssljB8wALuEmepv31DlYe5gpiRwkjESA==",
+      "dev": true
+    },
     "node_modules/@nuxt/utils": {
       "version": "2.17.1",
       "resolved": "https://registry.npmjs.org/@nuxt/utils/-/utils-2.17.1.tgz",
@@ -4313,6 +4489,17 @@
       "integrity": "sha512-+uO4+qr7msjNNWKYPHqN/3+Dx3NFkmIzayk2L1MyZQlvgZb/J1A0fo410dpKrN2SnqFjt8n4JL8fDJE0wIgjFQ==",
       "dev": true
     },
+    "node_modules/@nuxtjs/google-fonts": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/@nuxtjs/google-fonts/-/google-fonts-3.0.2.tgz",
+      "integrity": "sha512-9DY0NcBnx/I6+3Lr7NeB64k5A7GbqCN1pqVgU9ld00NEXSpDUht2+lG8mcC5UnmpTi8KCdCJckDbD/bqW3ncYg==",
+      "dev": true,
+      "dependencies": {
+        "@nuxt/kit": "^3.6.5",
+        "google-fonts-helper": "^3.3.1",
+        "pathe": "^1.1.1"
+      }
+    },
     "node_modules/@nuxtjs/i18n": {
       "version": "7.3.1",
       "resolved": "https://registry.npmjs.org/@nuxtjs/i18n/-/i18n-7.3.1.tgz",
@@ -4516,6 +4703,34 @@
       "resolved": "https://registry.npmjs.org/@polka/url/-/url-1.0.0-next.23.tgz",
       "integrity": "sha512-C16M+IYz0rgRhWZdCmK+h58JMv8vijAA61gmz2rspCSwKwzBebpdcsiUmwrtJRdphuY30i6BSLEOP8ppbNLyLg=="
     },
+    "node_modules/@rollup/pluginutils": {
+      "version": "5.0.4",
+      "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-5.0.4.tgz",
+      "integrity": "sha512-0KJnIoRI8A+a1dqOYLxH8vBf8bphDmty5QvIm2hqm7oFCFYKCAZWWd2hXgMibaPsNDhI0AtpYfQZJG47pt/k4g==",
+      "dev": true,
+      "dependencies": {
+        "@types/estree": "^1.0.0",
+        "estree-walker": "^2.0.2",
+        "picomatch": "^2.3.1"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "peerDependencies": {
+        "rollup": "^1.20.0||^2.0.0||^3.0.0"
+      },
+      "peerDependenciesMeta": {
+        "rollup": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@rollup/pluginutils/node_modules/estree-walker": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
+      "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
+      "dev": true
+    },
     "node_modules/@sindresorhus/is": {
       "version": "0.7.0",
       "resolved": "https://registry.npmjs.org/@sindresorhus/is/-/is-0.7.0.tgz",
@@ -5333,6 +5548,18 @@
         "node": ">=0.4.0"
       }
     },
+    "node_modules/agent-base": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-6.0.2.tgz",
+      "integrity": "sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==",
+      "dev": true,
+      "dependencies": {
+        "debug": "4"
+      },
+      "engines": {
+        "node": ">= 6.0.0"
+      }
+    },
     "node_modules/aggregate-error": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/aggregate-error/-/aggregate-error-3.1.0.tgz",
@@ -7054,6 +7281,31 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/c12": {
+      "version": "1.4.2",
+      "resolved": "https://registry.npmjs.org/c12/-/c12-1.4.2.tgz",
+      "integrity": "sha512-3IP/MuamSVRVw8W8+CHWAz9gKN4gd+voF2zm/Ln6D25C2RhytEZ1ABbC8MjKr4BR9rhoV1JQ7jJA158LDiTkLg==",
+      "dev": true,
+      "dependencies": {
+        "chokidar": "^3.5.3",
+        "defu": "^6.1.2",
+        "dotenv": "^16.3.1",
+        "giget": "^1.1.2",
+        "jiti": "^1.18.2",
+        "mlly": "^1.4.0",
+        "ohash": "^1.1.2",
+        "pathe": "^1.1.1",
+        "perfect-debounce": "^1.0.0",
+        "pkg-types": "^1.0.3",
+        "rc9": "^2.1.1"
+      }
+    },
+    "node_modules/c12/node_modules/defu": {
+      "version": "6.1.2",
+      "resolved": "https://registry.npmjs.org/defu/-/defu-6.1.2.tgz",
+      "integrity": "sha512-+uO4+qr7msjNNWKYPHqN/3+Dx3NFkmIzayk2L1MyZQlvgZb/J1A0fo410dpKrN2SnqFjt8n4JL8fDJE0wIgjFQ==",
+      "dev": true
+    },
     "node_modules/cacache": {
       "version": "15.3.0",
       "resolved": "https://registry.npmjs.org/cacache/-/cacache-15.3.0.tgz",
@@ -10111,6 +10363,15 @@
         "node": ">=4.0"
       }
     },
+    "node_modules/estree-walker": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-3.0.3.tgz",
+      "integrity": "sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==",
+      "dev": true,
+      "dependencies": {
+        "@types/estree": "^1.0.0"
+      }
+    },
     "node_modules/esutils": {
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
@@ -11023,6 +11284,30 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/giget": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/giget/-/giget-1.1.2.tgz",
+      "integrity": "sha512-HsLoS07HiQ5oqvObOI+Qb2tyZH4Gj5nYGfF9qQcZNrPw+uEFhdXtgJr01aO2pWadGHucajYDLxxbtQkm97ON2A==",
+      "dev": true,
+      "dependencies": {
+        "colorette": "^2.0.19",
+        "defu": "^6.1.2",
+        "https-proxy-agent": "^5.0.1",
+        "mri": "^1.2.0",
+        "node-fetch-native": "^1.0.2",
+        "pathe": "^1.1.0",
+        "tar": "^6.1.13"
+      },
+      "bin": {
+        "giget": "dist/cli.mjs"
+      }
+    },
+    "node_modules/giget/node_modules/defu": {
+      "version": "6.1.2",
+      "resolved": "https://registry.npmjs.org/defu/-/defu-6.1.2.tgz",
+      "integrity": "sha512-+uO4+qr7msjNNWKYPHqN/3+Dx3NFkmIzayk2L1MyZQlvgZb/J1A0fo410dpKrN2SnqFjt8n4JL8fDJE0wIgjFQ==",
+      "dev": true
+    },
     "node_modules/git-config-path": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/git-config-path/-/git-config-path-2.0.0.tgz",
@@ -11129,6 +11414,24 @@
         "node": ">=8"
       }
     },
+    "node_modules/google-fonts-helper": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/google-fonts-helper/-/google-fonts-helper-3.3.1.tgz",
+      "integrity": "sha512-zMycq4nUUaplGe7pzCOGBC52LB3VpwxS9temmCx1EucEaBdBEpG5MeQlJhtRu63gKI1hb/l+yHkasQtee59sFA==",
+      "dev": true,
+      "dependencies": {
+        "deepmerge": "^4.3.1",
+        "hookable": "^5.5.3",
+        "ofetch": "^1.1.1",
+        "ufo": "^1.1.2"
+      }
+    },
+    "node_modules/google-fonts-helper/node_modules/ufo": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/ufo/-/ufo-1.3.0.tgz",
+      "integrity": "sha512-bRn3CsoojyNStCZe0BG0Mt4Nr/4KF+rhFlnNXybgqt5pXHNFRlqinSoQaTrGyzE4X8aHplSb+TorH+COin9Yxw==",
+      "dev": true
+    },
     "node_modules/gopd": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.0.1.tgz",
@@ -12031,6 +12334,19 @@
       "resolved": "https://registry.npmjs.org/https-browserify/-/https-browserify-1.0.0.tgz",
       "integrity": "sha512-J+FkSdyD+0mA0N+81tMotaRMfSL9SGi+xpD3T6YApKsc3bGSXJlfXri3VyFOeYkfLRQisDk1W+jIFFKBeUBbBg=="
     },
+    "node_modules/https-proxy-agent": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz",
+      "integrity": "sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==",
+      "dev": true,
+      "dependencies": {
+        "agent-base": "6",
+        "debug": "4"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
     "node_modules/human-signals": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-1.1.1.tgz",
@@ -13009,6 +13325,12 @@
         "node": ">=6"
       }
     },
+    "node_modules/jsonc-parser": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/jsonc-parser/-/jsonc-parser-3.2.0.tgz",
+      "integrity": "sha512-gfFQZrcTc8CnKXp6Y4/CBT3fTc0OVuDofpre4aEeEpSBPV5X5v4+Vmx+8snU7RLPrNHPKSgLxGo9YuQzz20o+w==",
+      "dev": true
+    },
     "node_modules/jsonfile": {
       "version": "6.1.0",
       "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.1.0.tgz",
@@ -13054,6 +13376,12 @@
         "node": ">= 8"
       }
     },
+    "node_modules/knitwork": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/knitwork/-/knitwork-1.0.0.tgz",
+      "integrity": "sha512-dWl0Dbjm6Xm+kDxhPQJsCBTxrJzuGl0aP9rhr+TG8D3l+GL90N8O8lYUi7dTSAN2uuDqCtNgb6aEuQH5wsiV8Q==",
+      "dev": true
+    },
     "node_modules/ky": {
       "version": "0.25.1",
       "resolved": "https://registry.npmjs.org/ky/-/ky-0.25.1.tgz",
@@ -13149,6 +13477,18 @@
         "json5": "lib/cli.js"
       }
     },
+    "node_modules/local-pkg": {
+      "version": "0.4.3",
+      "resolved": "https://registry.npmjs.org/local-pkg/-/local-pkg-0.4.3.tgz",
+      "integrity": "sha512-SFppqq5p42fe2qcZQqqEOiVRXl+WCP1MdT6k7BDEW1j++sp5fIY+/fdRQitvKgB5BrBcmrs5m/L0v2FrU5MY1g==",
+      "dev": true,
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
     "node_modules/locate-path": {
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
@@ -13280,6 +13620,18 @@
         "yallist": "^3.0.2"
       }
     },
+    "node_modules/magic-string": {
+      "version": "0.30.3",
+      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.3.tgz",
+      "integrity": "sha512-B7xGbll2fG/VjP+SWg4sX3JynwIU0mjoTc6MPpKNuIvftk6u6vqhDnk1R80b8C2GBR6ywqy+1DcKBrevBg+bmw==",
+      "dev": true,
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.4.15"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
     "node_modules/make-dir": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-3.1.0.tgz",
@@ -13937,6 +14289,24 @@
         "node": ">=10"
       }
     },
+    "node_modules/mlly": {
+      "version": "1.4.2",
+      "resolved": "https://registry.npmjs.org/mlly/-/mlly-1.4.2.tgz",
+      "integrity": "sha512-i/Ykufi2t1EZ6NaPLdfnZk2AX8cs0d+mTzVKuPfqPKPatxLApaBoxJQ9x1/uckXtrS/U5oisPMDkNs0yQTaBRg==",
+      "dev": true,
+      "dependencies": {
+        "acorn": "^8.10.0",
+        "pathe": "^1.1.1",
+        "pkg-types": "^1.0.3",
+        "ufo": "^1.3.0"
+      }
+    },
+    "node_modules/mlly/node_modules/ufo": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/ufo/-/ufo-1.3.0.tgz",
+      "integrity": "sha512-bRn3CsoojyNStCZe0BG0Mt4Nr/4KF+rhFlnNXybgqt5pXHNFRlqinSoQaTrGyzE4X8aHplSb+TorH+COin9Yxw==",
+      "dev": true
+    },
     "node_modules/move-concurrently": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/move-concurrently/-/move-concurrently-1.0.1.tgz",
@@ -13989,6 +14359,15 @@
         "node": ">=10"
       }
     },
+    "node_modules/mri": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/mri/-/mri-1.2.0.tgz",
+      "integrity": "sha512-tzzskb3bG8LvYGFF/mDTpq3jpI6Q9wc3LEmBaghu+DdCssd1FakN7Bc0hVNmEyGq1bq3RgfkCb3cmQLpNPOroA==",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
     "node_modules/mrmime": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/mrmime/-/mrmime-1.0.1.tgz",
@@ -14577,6 +14956,35 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/ofetch": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/ofetch/-/ofetch-1.3.3.tgz",
+      "integrity": "sha512-s1ZCMmQWXy4b5K/TW9i/DtiN8Ku+xCiHcjQ6/J/nDdssirrQNOoB165Zu8EqLMA2lln1JUth9a0aW9Ap2ctrUg==",
+      "dev": true,
+      "dependencies": {
+        "destr": "^2.0.1",
+        "node-fetch-native": "^1.4.0",
+        "ufo": "^1.3.0"
+      }
+    },
+    "node_modules/ofetch/node_modules/destr": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/destr/-/destr-2.0.1.tgz",
+      "integrity": "sha512-M1Ob1zPSIvlARiJUkKqvAZ3VAqQY6Jcuth/pBKQ2b1dX/Qx0OnJ8Vux6J2H5PTMQeRzWrrbTu70VxBfv/OPDJA==",
+      "dev": true
+    },
+    "node_modules/ofetch/node_modules/ufo": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/ufo/-/ufo-1.3.0.tgz",
+      "integrity": "sha512-bRn3CsoojyNStCZe0BG0Mt4Nr/4KF+rhFlnNXybgqt5pXHNFRlqinSoQaTrGyzE4X8aHplSb+TorH+COin9Yxw==",
+      "dev": true
+    },
+    "node_modules/ohash": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/ohash/-/ohash-1.1.3.tgz",
+      "integrity": "sha512-zuHHiGTYTA1sYJ/wZN+t5HKZaH23i4yI1HMwbuXm24Nid7Dv0KcuRlKoNKS9UNfAVSBlnGLcuQrnOKWOZoEGaw==",
+      "dev": true
+    },
     "node_modules/on-finished": {
       "version": "2.4.1",
       "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.4.1.tgz",
@@ -15536,6 +15944,12 @@
         "node": ">=8"
       }
     },
+    "node_modules/pathe": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/pathe/-/pathe-1.1.1.tgz",
+      "integrity": "sha512-d+RQGp0MAYTIaDBIMmOfMwz3E+LOZnxx1HZd5R18mmCZY0QBlK0LDZfPc8FW8Ed2DlvsuE6PRjroDY+wg4+j/Q==",
+      "dev": true
+    },
     "node_modules/pbkdf2": {
       "version": "3.1.2",
       "resolved": "https://registry.npmjs.org/pbkdf2/-/pbkdf2-3.1.2.tgz",
@@ -15557,6 +15971,12 @@
       "integrity": "sha512-F3asv42UuXchdzt+xXqfW1OGlVBe+mxa2mqI0pg5yAHZPvFmY3Y6drSf/GQ1A86WgWEN9Kzh/WrgKa6iGcHXLg==",
       "dev": true
     },
+    "node_modules/perfect-debounce": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/perfect-debounce/-/perfect-debounce-1.0.0.tgz",
+      "integrity": "sha512-xCy9V055GLEqoFaHoC1SoLIaLmWctgCUaBaWxDZ7/Zx4CTyX7cJQLJOok/orfjZAh9kEYpjJa4d0KcJmCbctZA==",
+      "dev": true
+    },
     "node_modules/picocolors": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
@@ -15661,6 +16081,17 @@
         "node": ">=8"
       }
     },
+    "node_modules/pkg-types": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/pkg-types/-/pkg-types-1.0.3.tgz",
+      "integrity": "sha512-nN7pYi0AQqJnoLPC9eHFQ8AcyaixBUOwvqc5TDnIKCMEE6I0y8P7OKA7fPexsXGCGxQDl/cmrLAp26LhcwxZ4A==",
+      "dev": true,
+      "dependencies": {
+        "jsonc-parser": "^3.2.0",
+        "mlly": "^1.2.0",
+        "pathe": "^1.1.0"
+      }
+    },
     "node_modules/plausible-tracker": {
       "version": "0.3.8",
       "resolved": "https://registry.npmjs.org/plausible-tracker/-/plausible-tracker-0.3.8.tgz",
@@ -19352,6 +19783,18 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/strip-literal": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/strip-literal/-/strip-literal-1.3.0.tgz",
+      "integrity": "sha512-PugKzOsyXpArk0yWmUwqOZecSO0GH0bPoctLcqNDH9J04pVW3lflYE0ujElBGTloevcxF5MofAOZ7C5l2b+wLg==",
+      "dev": true,
+      "dependencies": {
+        "acorn": "^8.10.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
     "node_modules/strip-outer": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/strip-outer/-/strip-outer-1.0.1.tgz",
@@ -20235,6 +20678,18 @@
         "ieee754": "^1.1.13"
       }
     },
+    "node_modules/unctx": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/unctx/-/unctx-2.3.1.tgz",
+      "integrity": "sha512-PhKke8ZYauiqh3FEMVNm7ljvzQiph0Mt3GBRve03IJm7ukfaON2OBK795tLwhbyfzknuRRkW0+Ze+CQUmzOZ+A==",
+      "dev": true,
+      "dependencies": {
+        "acorn": "^8.8.2",
+        "estree-walker": "^3.0.3",
+        "magic-string": "^0.30.0",
+        "unplugin": "^1.3.1"
+      }
+    },
     "node_modules/unfetch": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/unfetch/-/unfetch-5.0.0.tgz",
@@ -20301,6 +20756,43 @@
         "node": ">=8"
       }
     },
+    "node_modules/unimport": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/unimport/-/unimport-3.3.0.tgz",
+      "integrity": "sha512-3jhq3ZG5hFZzrWGDCpx83kjPzefP/EeuKkIO1T0MA4Zwj+dO/Og1mFvZ4aZ5WSDm0FVbbdVIRH1zKBG7c4wOpg==",
+      "dev": true,
+      "dependencies": {
+        "@rollup/pluginutils": "^5.0.4",
+        "escape-string-regexp": "^5.0.0",
+        "fast-glob": "^3.3.1",
+        "local-pkg": "^0.4.3",
+        "magic-string": "^0.30.3",
+        "mlly": "^1.4.1",
+        "pathe": "^1.1.1",
+        "pkg-types": "^1.0.3",
+        "scule": "^1.0.0",
+        "strip-literal": "^1.3.0",
+        "unplugin": "^1.4.0"
+      }
+    },
+    "node_modules/unimport/node_modules/escape-string-regexp": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-5.0.0.tgz",
+      "integrity": "sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==",
+      "dev": true,
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/unimport/node_modules/scule": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/scule/-/scule-1.0.0.tgz",
+      "integrity": "sha512-4AsO/FrViE/iDNEPaAQlb77tf0csuq27EsVpy6ett584EcRTp6pTDLoGWVxCD77y5iU5FauOvhsI4o1APwPoSQ==",
+      "dev": true
+    },
     "node_modules/union-value": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/union-value/-/union-value-1.0.1.tgz",
@@ -20434,6 +20926,27 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/unplugin": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/unplugin/-/unplugin-1.5.0.tgz",
+      "integrity": "sha512-9ZdRwbh/4gcm1JTOkp9lAkIDrtOyOxgHmY7cjuwI8L/2RTikMcVG25GsZwNAgRuap3iDw2jeq7eoqtAsz5rW3A==",
+      "dev": true,
+      "dependencies": {
+        "acorn": "^8.10.0",
+        "chokidar": "^3.5.3",
+        "webpack-sources": "^3.2.3",
+        "webpack-virtual-modules": "^0.5.0"
+      }
+    },
+    "node_modules/unplugin/node_modules/webpack-sources": {
+      "version": "3.2.3",
+      "resolved": "https://registry.npmjs.org/webpack-sources/-/webpack-sources-3.2.3.tgz",
+      "integrity": "sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w==",
+      "dev": true,
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
     "node_modules/unset-value": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/unset-value/-/unset-value-1.0.0.tgz",
@@ -20478,6 +20991,36 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/untyped": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/untyped/-/untyped-1.4.0.tgz",
+      "integrity": "sha512-Egkr/s4zcMTEuulcIb7dgURS6QpN7DyqQYdf+jBtiaJvQ+eRsrtWUoX84SbvQWuLkXsOjM+8sJC9u6KoMK/U7Q==",
+      "dev": true,
+      "dependencies": {
+        "@babel/core": "^7.22.9",
+        "@babel/standalone": "^7.22.9",
+        "@babel/types": "^7.22.5",
+        "defu": "^6.1.2",
+        "jiti": "^1.19.1",
+        "mri": "^1.2.0",
+        "scule": "^1.0.0"
+      },
+      "bin": {
+        "untyped": "dist/cli.mjs"
+      }
+    },
+    "node_modules/untyped/node_modules/defu": {
+      "version": "6.1.2",
+      "resolved": "https://registry.npmjs.org/defu/-/defu-6.1.2.tgz",
+      "integrity": "sha512-+uO4+qr7msjNNWKYPHqN/3+Dx3NFkmIzayk2L1MyZQlvgZb/J1A0fo410dpKrN2SnqFjt8n4JL8fDJE0wIgjFQ==",
+      "dev": true
+    },
+    "node_modules/untyped/node_modules/scule": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/scule/-/scule-1.0.0.tgz",
+      "integrity": "sha512-4AsO/FrViE/iDNEPaAQlb77tf0csuq27EsVpy6ett584EcRTp6pTDLoGWVxCD77y5iU5FauOvhsI4o1APwPoSQ==",
+      "dev": true
+    },
     "node_modules/upath": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/upath/-/upath-2.0.1.tgz",
@@ -21603,6 +22146,12 @@
         "source-map": "~0.6.1"
       }
     },
+    "node_modules/webpack-virtual-modules": {
+      "version": "0.5.0",
+      "resolved": "https://registry.npmjs.org/webpack-virtual-modules/-/webpack-virtual-modules-0.5.0.tgz",
+      "integrity": "sha512-kyDivFZ7ZM0BVOUteVbDFhlRt7Ah/CSPwJdi8hBpkK7QLumUqdLtVfm/PX/hkcnrvr0i77fO5+TjZ94Pe+C9iw==",
+      "dev": true
+    },
     "node_modules/webpack/node_modules/acorn": {
       "version": "6.4.2",
       "resolved": "https://registry.npmjs.org/acorn/-/acorn-6.4.2.tgz",
diff --git a/package.json b/package.json
index d04dca2..aaf1417 100644
--- a/package.json
+++ b/package.json
@@ -44,8 +44,10 @@
   "devDependencies": {
     "@aceforth/nuxt-optimized-images": "^1.4.0",
     "@babel/eslint-parser": "7.22.15",
+    "@mdi/js": "^7.2.96",
     "@nuxtjs/eslint-config": "11.0.0",
     "@nuxtjs/eslint-module": "3.1.0",
+    "@nuxtjs/google-fonts": "^3.0.2",
     "@nuxtjs/pwa": "^3.3.5",
     "@nuxtjs/vuetify": "1.12.3",
     "core-js": "3.32.2",
diff --git a/pages/article/_id.vue b/pages/article/_id.vue
index 38ff6ac..e423d1f 100644
--- a/pages/article/_id.vue
+++ b/pages/article/_id.vue
@@ -63,7 +63,7 @@
                       :color="$vuetify.theme.dark ? 'grey' : null"
                       class="mt-n1 mr-n0"
                     >
-                      mdi-clock-outline
+                      {{ mdiClockOutline }}
                     </v-icon>
                     <span :class="!$vuetify.theme.dark ? 'grey--text text--darken-2' : 'grey--text'">
                       {{ $t('publication.publishedBy', {
@@ -197,7 +197,7 @@
                           href="https://twitter.com/BecauseOfProg"
                         >
                           <v-icon left>
-                            mdi-twitter
+                            {{ mdiTwitter }}
                           </v-icon>
                           Twitter
                         </v-btn>
@@ -207,7 +207,7 @@
                           href="#!"
                         >
                           <v-icon left>
-                            mdi-rss
+                            {{ mdiRss }}
                           </v-icon>
                           RSS
                         </v-btn>
@@ -237,6 +237,7 @@
 </template>
 
 <script>
+import { mdiTwitter, mdiRss, mdiClockOutline, mdiFacebook, mdiAsterisk, mdiMastodon, mdiEmailOutline } from '@mdi/js'
 import { mapActions } from 'vuex'
 import { categories, types, getCategory, getType } from '@/utils/data'
 
@@ -247,7 +248,10 @@ export default {
       publication: {},
       loaded: false,
       categories,
-      types
+      types,
+      mdiClockOutline,
+      mdiTwitter,
+      mdiRss
     }
   },
   async fetch () {
@@ -304,31 +308,31 @@ export default {
         return [
           {
             name: 'Twitter',
-            icon: 'mdi-twitter',
+            icon: mdiTwitter,
             color: 'blue lighten-2',
             link: `https://twitter.com/intent/tweet?url=https://becauseofprog.fr/article/${this.publication.id}&text=${this.publication.title} (via @BecauseOfProg)`
           },
           {
             name: 'Facebook',
-            icon: 'mdi-facebook',
+            icon: mdiFacebook,
             color: 'blue darken-4',
             link: `https://www.facebook.com/sharer/sharer.php?u=https://becauseofprog.fr/article/${this.publication.id}`
           },
           {
             name: 'Diaspora',
-            icon: 'mdi-asterisk',
+            icon: mdiAsterisk,
             color: 'purple darken-2',
             link: `https://share.diasporafoundation.org/?title=${this.publication.title}&url=https://becauseofprog.fr/article/${this.publication.id}`
           },
           {
             name: 'Mastodon',
-            icon: 'mdi-mastodon',
+            icon: mdiMastodon,
             color: 'blue darken-2',
             link: `web+mastodon://share?text=${this.publication.title}%20-%20https://becauseofprog.fr/article/${this.publication.id}`
           },
           {
             name: 'Mail',
-            icon: 'mdi-email-outline',
+            icon: mdiEmailOutline,
             color: 'dark',
             link: `mailto:?subject=${this.publication.title}&body=${this.publication.description} Via BecauseOfProg : https://becauseofprog.fr/article/${this.publication.id}`
           }
diff --git a/pages/blog.vue b/pages/blog.vue
index 332dcb4..0c8a6de 100644
--- a/pages/blog.vue
+++ b/pages/blog.vue
@@ -24,7 +24,7 @@
             :label="`${$t('global.search')}...`"
             color="darker"
             outlined
-            prepend-inner-icon="mdi-magnify"
+            :prepend-inner-icon="mdiMagnify"
             type="search"
           />
           <template v-if="publications.length">
@@ -145,6 +145,7 @@
 </template>
 
 <script>
+import { mdiMagnify, mdiTextBoxMultipleOutline } from '@mdi/js'
 import { categories, getCategory, types } from '@/utils/data'
 
 export default {
@@ -163,12 +164,14 @@ export default {
       empty: false,
 
       categories,
-      types
+      types,
+
+      mdiMagnify
     }
   },
   async fetch () {
     this.head.title = ['global.allPublications']
-    this.head.icon = 'mdi-text-box-multiple-outline'
+    this.head.icon = mdiTextBoxMultipleOutline
 
     const publications = await this.$content('blog-posts')
       .without(['body'])
diff --git a/pages/devblog/_id.vue b/pages/devblog/_id.vue
index c9d72a8..6048f2b 100644
--- a/pages/devblog/_id.vue
+++ b/pages/devblog/_id.vue
@@ -91,7 +91,7 @@
           >
             <v-btn color="darker white--text">
               <v-icon left>
-                mdi-github
+                {{ mdiGithub }}
               </v-icon>
               {{ $t('projects.more') }}
             </v-btn>
@@ -104,6 +104,7 @@
 </template>
 
 <script>
+import { mdiGithub } from '@mdi/js'
 import SocialIcons from '@/components/SocialIcons.vue'
 
 export default {
@@ -112,7 +113,8 @@ export default {
   data () {
     return {
       devblog: null,
-      otherDevblogs: []
+      otherDevblogs: [],
+      mdiGithub
     }
   },
   async fetch () {
diff --git a/pages/devblog/index.vue b/pages/devblog/index.vue
index 3603e14..6506422 100644
--- a/pages/devblog/index.vue
+++ b/pages/devblog/index.vue
@@ -1,7 +1,7 @@
 <template>
   <main>
     <b-top-banner
-      icon="mdi-iframe-outline"
+      :icon="mdiCodeBracesBox"
       title="global.devblog"
     />
     <v-container class="page-body">
@@ -26,7 +26,7 @@
                 text
               >
                 <v-icon left>
-                  mdi-twitter
+                  {{ mdiTwitter }}
                 </v-icon>
                 {{ $t('devblog.followUs') }}
               </v-btn>
@@ -79,6 +79,7 @@
 </template>
 
 <script>
+import { mdiCodeBracesBox, mdiTwitter } from '@mdi/js'
 import ScrollToTop from '~/components/ScrollToTop.vue'
 
 export default {
@@ -88,7 +89,9 @@ export default {
     return {
       devblogs: [],
       page: 0,
-      pages: 0
+      pages: 0,
+      mdiTwitter,
+      mdiCodeBracesBox
     }
   },
   async fetch () {
diff --git a/pages/index.vue b/pages/index.vue
index 7fa1049..a8c8a48 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -70,7 +70,7 @@
                   text
                 >
                   <v-icon left>
-                    mdi-clock-outline
+                    {{ mdiClockOutline }}
                   </v-icon>
                   {{ $t('home.new') }}
                 </v-btn>
@@ -145,6 +145,7 @@
 </template>
 
 <script>
+import { mdiClockOutline } from '@mdi/js'
 import { categories, types } from '@/utils/data'
 
 export default {
@@ -168,7 +169,8 @@ export default {
       ],
       lastPublications: null,
       categories,
-      types
+      types,
+      mdiClockOutline
     }
   },
   async fetch () {
diff --git a/pages/page/projects.vue b/pages/page/projects.vue
index d25994a..4071525 100644
--- a/pages/page/projects.vue
+++ b/pages/page/projects.vue
@@ -183,19 +183,21 @@
 </template>
 
 <script>
+import { mdiTwitter, mdiGithub, mdiWeb, mdiXml, mdiTextBoxMultipleOutline } from '@mdi/js'
 import { languages, projects } from '@/utils/data'
+import { mdiDiscord } from '~/utils/icons'
 
 export default {
   name: 'Projects',
   data () {
     return {
       icons: {
-        documentation: 'mdi-text-box-multiple-outline',
-        source: 'mdi-xml',
-        discord: 'mdi-discord',
-        website: 'mdi-web',
-        github: 'mdi-github',
-        twitter: 'mdi-twitter'
+        documentation: mdiTextBoxMultipleOutline,
+        source: mdiXml,
+        discord: mdiDiscord,
+        website: mdiWeb,
+        github: mdiGithub,
+        twitter: mdiTwitter
       },
       devblog: {},
       projects,
diff --git a/pages/page/search.vue b/pages/page/search.vue
index ea44e2a..76285e4 100644
--- a/pages/page/search.vue
+++ b/pages/page/search.vue
@@ -1,7 +1,7 @@
 <template>
   <main>
     <b-top-banner
-      icon="mdi-magnify"
+      :icon="mdiMagnify"
       title="global.search"
     />
     <v-container class="page-body">
@@ -18,7 +18,7 @@
               v-model="search"
               :label="`${$t('global.search')}...`"
               color="darker"
-              prepend-icon="mdi-magnify"
+              :prepend-icon="mdiMagnify"
               type="search"
               @keyup.enter="makeSearch"
             />
@@ -50,12 +50,15 @@
 </template>
 
 <script>
+import { mdiMagnify } from '@mdi/js'
+
 export default {
   name: 'Search',
   data () {
     return {
       publications: [],
-      search: ''
+      search: '',
+      mdiMagnify
     }
   },
   async fetch () {
diff --git a/utils/data/categories.js b/utils/data/categories.js
index 202305a..ad6a08a 100644
--- a/utils/data/categories.js
+++ b/utils/data/categories.js
@@ -1,13 +1,15 @@
+import { mdiWeb, mdiLockOutline, mdiEarth, mdiSim, mdiCodeTags, mdiAndroid, mdiLinux, mdiMicrosoftWindows } from '@mdi/js'
+
 const categories = [
-  { id: 'software', icon: 'mdi-web' },
-  { id: 'security', icon: 'mdi-lock-outline' },
-  { id: 'web', icon: 'mdi-earth' },
-  { id: 'hardware', icon: 'mdi-sim' },
-  { id: 'programming', icon: 'mdi-code-tags' },
-  { id: 'android', icon: 'mdi-android' },
-  { id: 'linux', icon: 'mdi-linux' },
-  { id: 'windows', icon: 'mdi-microsoft-windows' }
-  // { id: 'apple', icon: 'mdi-apple' }
+  { id: 'software', icon: mdiWeb },
+  { id: 'security', icon: mdiLockOutline },
+  { id: 'web', icon: mdiEarth },
+  { id: 'hardware', icon: mdiSim },
+  { id: 'programming', icon: mdiCodeTags },
+  { id: 'android', icon: mdiAndroid },
+  { id: 'linux', icon: mdiLinux },
+  { id: 'windows', icon: mdiMicrosoftWindows }
+  // { id: 'apple', icon: mdiApple }
 ]
 
 function getCategory (id) {
diff --git a/utils/data/feeds.js b/utils/data/feeds.js
deleted file mode 100644
index b4d4026..0000000
--- a/utils/data/feeds.js
+++ /dev/null
@@ -1,28 +0,0 @@
-const feeds = {
-  twitter: {
-    name: 'Twitter',
-    icon: 'mdi-twitter',
-    color: 'light-blue',
-    profile: 'https://twitter.com/BecauseOfProg'
-  },
-  instagram: {
-    name: 'Instagram',
-    icon: 'mdi-instagram',
-    color: 'pink',
-    profile: 'https://instagram.com/BecauseOfProg'
-  },
-  mastodon: {
-    name: 'Mastodon',
-    icon: 'mdi-twitter',
-    color: 'teal',
-    profile: 'https://mstdn.io/@bop'
-  },
-  link: {
-    name: 'Lien BecauseOfProg',
-    icon: 'mdi-link-variant',
-    color: 'grey',
-    profile: null
-  }
-}
-
-export { feeds }
diff --git a/utils/data/index.js b/utils/data/index.js
index 61db34e..13c51ba 100644
--- a/utils/data/index.js
+++ b/utils/data/index.js
@@ -1,6 +1,5 @@
 export * from './blogroll'
 export * from './categories'
-export * from './feeds'
 export * from './projects'
 export * from './settings'
 export * from './socials'
diff --git a/utils/data/projects.js b/utils/data/projects.js
index 59457a5..17bdd31 100644
--- a/utils/data/projects.js
+++ b/utils/data/projects.js
@@ -1,7 +1,10 @@
+import { mdiRssBox, mdiBookMultipleOutline, mdiWeatherPartlyLightning, mdiLanguageMarkdown, mdiLanguagePython, mdiLanguageRuby, mdiLanguageGo } from '@mdi/js'
+import { mdiDiscord } from '~/utils/icons'
+
 const projects = [
   {
     name: 'yt-podcast',
-    icon: 'mdi-rss-box',
+    icon: mdiRssBox,
     color: 'orange',
     language: 'Python',
     links: [
@@ -11,7 +14,7 @@ const projects = [
   },
   {
     name: 'api',
-    icon: 'mdi-book-multiple-outline',
+    icon: mdiBookMultipleOutline,
     color: 'light',
     language: 'Markdown',
     links: [
@@ -21,7 +24,7 @@ const projects = [
   },
   {
     name: 'discord-bot',
-    icon: 'mdi-discord',
+    icon: mdiDiscord,
     color: 'teal',
     language: 'Golang',
     links: [
@@ -31,7 +34,7 @@ const projects = [
   },
   {
     name: 'openweathermap-ruby',
-    icon: 'mdi-weather-partly-lightning',
+    icon: mdiWeatherPartlyLightning,
     color: 'red',
     language: 'Ruby',
     links: [
@@ -42,19 +45,19 @@ const projects = [
 
 const languages = {
   Markdown: {
-    icon: 'mdi-language-markdown',
+    icon: mdiLanguageMarkdown,
     color: 'grey'
   },
   Python: {
-    icon: 'mdi-language-python',
+    icon: mdiLanguagePython,
     color: 'blue'
   },
   Ruby: {
-    icon: 'mdi-language-ruby',
+    icon: mdiLanguageRuby,
     color: 'red'
   },
   Golang: {
-    icon: 'mdi-language-go',
+    icon: mdiLanguageGo,
     color: 'cyan darken-1'
   }
 }
diff --git a/utils/data/socials.js b/utils/data/socials.js
index fa61fac..e80c3df 100644
--- a/utils/data/socials.js
+++ b/utils/data/socials.js
@@ -1,11 +1,14 @@
+import { mdiWeb, mdiTwitter, mdiMastodon, mdiGithub, mdiInstagram, mdiReddit } from '@mdi/js'
+import { mdiDiscord } from '../icons'
+
 const socials = [
-  { id: 'website', name: 'Site web', icon: 'mdi-web', color: 'darker', link: '' },
-  { id: 'twitter', name: 'Twitter', icon: 'mdi-twitter', color: 'light-blue', link: 'https://twitter.com/' },
-  { id: 'discord', name: 'Discord', icon: 'mdi-discord', color: '#7289DA', link: '' },
-  { id: 'mastodon', name: 'Mastodon', icon: 'mdi-mastodon', color: 'blue', link: '' },
-  { id: 'github', name: 'GitHub', icon: 'mdi-github', color: '#24292e', link: 'https://github.com/' },
-  { id: 'instagram', name: 'Instagram', icon: 'mdi-instagram', color: '#E1306C', link: 'https://instagram.com/' },
-  { id: 'reddit', name: 'Reddit', icon: 'mdi-reddit', color: 'deep-orange ', link: 'https://reddit.com/u/' }
+  { id: 'website', name: 'Site web', icon: mdiWeb, color: 'darker', link: '' },
+  { id: 'twitter', name: 'Twitter', icon: mdiTwitter, color: 'light-blue', link: 'https://twitter.com/' },
+  { id: 'discord', name: 'Discord', icon: mdiDiscord, color: '#7289DA', link: '' },
+  { id: 'mastodon', name: 'Mastodon', icon: mdiMastodon, color: 'blue', link: '' },
+  { id: 'github', name: 'GitHub', icon: mdiGithub, color: '#24292e', link: 'https://github.com/' },
+  { id: 'instagram', name: 'Instagram', icon: mdiInstagram, color: '#E1306C', link: 'https://instagram.com/' },
+  { id: 'reddit', name: 'Reddit', icon: mdiReddit, color: 'deep-orange ', link: 'https://reddit.com/u/' }
 ]
 
 const bopSocials = [
diff --git a/utils/data/types.js b/utils/data/types.js
index e9139f0..88c8e2b 100644
--- a/utils/data/types.js
+++ b/utils/data/types.js
@@ -1,7 +1,9 @@
+import { mdiFileDocumentOutline, mdiFlash, mdiPlayCircleOutline } from '@mdi/js'
+
 const types = [
-  { id: 'article', icon: 'mdi-file-document-outline' },
-  { id: 'flash', icon: 'mdi-flash' },
-  { id: 'tutorial', icon: 'mdi-play-circle-outline' }
+  { id: 'article', icon: mdiFileDocumentOutline },
+  { id: 'flash', icon: mdiFlash },
+  { id: 'tutorial', icon: mdiPlayCircleOutline }
 ]
 
 function getType (id) {
diff --git a/utils/icons.js b/utils/icons.js
new file mode 100644
index 0000000..dc8f10c
--- /dev/null
+++ b/utils/icons.js
@@ -0,0 +1 @@
+export const mdiDiscord = 'M20.317 4.3698a19.7913 19.7913 0 00-4.8851-1.5152.0741.0741 0 00-.0785.0371c-.211.3753-.4447.8648-.6083 1.2495-1.8447-.2762-3.68-.2762-5.4868 0-.1636-.3933-.4058-.8742-.6177-1.2495a.077.077 0 00-.0785-.037 19.7363 19.7363 0 00-4.8852 1.515.0699.0699 0 00-.0321.0277C.5334 9.0458-.319 13.5799.0992 18.0578a.0824.0824 0 00.0312.0561c2.0528 1.5076 4.0413 2.4228 5.9929 3.0294a.0777.0777 0 00.0842-.0276c.4616-.6304.8731-1.2952 1.226-1.9942a.076.076 0 00-.0416-.1057c-.6528-.2476-1.2743-.5495-1.8722-.8923a.077.077 0 01-.0076-.1277c.1258-.0943.2517-.1923.3718-.2914a.0743.0743 0 01.0776-.0105c3.9278 1.7933 8.18 1.7933 12.0614 0a.0739.0739 0 01.0785.0095c.1202.099.246.1981.3728.2924a.077.077 0 01-.0066.1276 12.2986 12.2986 0 01-1.873.8914.0766.0766 0 00-.0407.1067c.3604.698.7719 1.3628 1.225 1.9932a.076.076 0 00.0842.0286c1.961-.6067 3.9495-1.5219 6.0023-3.0294a.077.077 0 00.0313-.0552c.5004-5.177-.8382-9.6739-3.5485-13.6604a.061.061 0 00-.0312-.0286zM8.02 15.3312c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9555-2.4189 2.157-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.9555 2.4189-2.1569 2.4189zm7.9748 0c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9554-2.4189 2.1569-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.946 2.4189-2.1568 2.4189Z'