From c6171d0f8d257a41a3c36a63b4f9ff17b22a77ff Mon Sep 17 00:00:00 2001
From: Benjamin Canac <canacb1@gmail.com>
Date: Tue, 10 Sep 2024 16:26:19 +0200
Subject: [PATCH] docs: use `Inter` font

---
 docs/app/app.vue    | 4 ++++
 docs/nuxt.config.ts | 7 +++++++
 2 files changed, 11 insertions(+)

diff --git a/docs/app/app.vue b/docs/app/app.vue
index 97bec6ce..504dffe0 100644
--- a/docs/app/app.vue
+++ b/docs/app/app.vue
@@ -97,4 +97,8 @@ provide('files', files)
 @import "@nuxt/ui-pro";
 
 @source "../content/**/*.md";
+
+@theme {
+  --font-family-sans: 'Inter', sans-serif;
+}
 </style>
diff --git a/docs/nuxt.config.ts b/docs/nuxt.config.ts
index ca836fbf..baacfacd 100644
--- a/docs/nuxt.config.ts
+++ b/docs/nuxt.config.ts
@@ -45,6 +45,13 @@ export default defineNuxtConfig({
     }]
   },
 
+  fonts: {
+    experimental: {
+      // Required for TailwindCSS v4. You can enable support for processing CSS variables for font family names. This may have a performance impact.
+      processCSSVariables: true
+    }
+  },
+
   content: {
     // sources: {
     //   pro: process.env.NUXT_UI_PRO_PATH