docs: move font to Inter

Author: atinux

docs/content/docs/1.getting-started/2.installation.md

@@ -3,17 +3,19 @@ title: Installation
 description: Add NuxtHub to your Nuxt project.
 ---
 
-## Start with our template
+## Quickstart
 
 The easiest way to get started with NuxtHub is to use our template. It includes all the necessary configuration and resources to get you started with NuxtHub.
 
-You can click on `Use this template` on https://github.com/nuxt-hub/starter or use the following command to create a new project:
+Click on `Use this template` on [github.com/nuxt-hub/starter](https://github.com/nuxt-hub/starter) to create a new repository based on the template.
+
+You can also run this command to create a new project locally:
 
 ```bash [Terminal]
-npx nuxi@latest init -t hub my-nuxthub-app
+npx nuxthub init my-app
 ```
 
-## Add NuxtHub to a project
+## Add to a Nuxt project
 
 1. Install the NuxtHub package to your project:
 
@@ -89,7 +91,7 @@ export default defineNuxtConfig({
 ::field-group
   ::field{name="remote" type="boolean"}
     Default to `false` - Allows working with remote storage (database, kv, blob) from your deployed project. :br
-    You can set `NUXT_HUB_REMOTE=true` in your `.env` file to enable the remote option.:br
+    You can set `NUXT_HUB_REMOTE=true` in your `.env` file to enable the remote option. :br
     Or use the `--remote` flag when running your Nuxt project locally (e.g. `nuxt dev --remote`).
   ::
 ::

docs/nuxt.config.ts

@@ -2,11 +2,10 @@
 export default defineNuxtConfig({
   extends: ['@nuxt/ui-pro'],
   modules: [
+    '@nuxt/fonts',
     '@nuxt/content',
     '@nuxt/ui',
     '@nuxthq/studio',
-    '@nuxtjs/fontaine',
-    '@nuxtjs/google-fonts',
     'nuxt-og-image',
     'nuxt-cloudflare-analytics'
   ],
@@ -21,17 +20,6 @@ export default defineNuxtConfig({
   ui: {
     icons: ['heroicons', 'ph', 'simple-icons']
   },
-  // Fonts
-  fontMetrics: {
-    fonts: ['DM Sans']
-  },
-  googleFonts: {
-    display: 'swap',
-    download: true,
-    families: {
-      'DM+Sans': [400, 500, 600, 700]
-    }
-  },
   routeRules: {
     '/api/search.json': { prerender: true },
   },

docs/package.json

@@ -13,9 +13,8 @@
     "@iconify-json/ph": "^1.1.11",
     "@iconify-json/simple-icons": "^1.1.92",
     "@nuxt/content": "^2.12.0",
+    "@nuxt/fonts": "^0.0.1",
     "@nuxt/ui-pro": "^1.0.1",
-    "@nuxtjs/fontaine": "^0.4.1",
-    "@nuxtjs/google-fonts": "^3.1.3",
     "nuxt": "^3.10.3",
     "nuxt-cloudflare-analytics": "^1.0.8",
     "nuxt-og-image": "^2.2.4"

docs/pages/[...slug].vue

@@ -47,7 +47,7 @@ const links = computed(() => [toc?.bottom?.edit && {
   <UPage>
     <UPageHeader :title="page.title" :description="page.description" :links="page.links" :headline="headline" />
 
-    <UPageBody prose>
+    <UPageBody prose class="dark:text-gray-300">
       <ContentRenderer v-if="page.body" :value="page" />
 
       <hr v-if="surround?.length">

docs/tailwind.config.ts

@@ -33,7 +33,7 @@ export default <Partial<Config>>{
         }
       },
       fontFamily: {
-        sans: ['DM Sans', 'DM Sans fallback', ...defaultTheme.fontFamily.sans]
+        sans: ['Inter var experimental', 'Inter var', 'Inter', ...defaultTheme.fontFamily.sans]
       }
     }
   }