🐛 Fixes fonts

app/assets/global.css

@@ -1,26 +1,6 @@
 @import "tailwindcss";
+@import "@nuxt/ui";
 
-@font-face {
+@theme {
-  font-family: "JetBrains Mono";
+    --font-mono: "JetBrains Mono", monospace;
-  src: url(fonts/JetBrainsMono-Regular.ttf) format("truetype");
-  font-weight: normal;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: "JetBrains Mono";
-  src: url(fonts/JetBrainsMono-Bold.ttf) format("truetype");
-  font-weight: bold;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: "JetBrains Mono";
-  src: url(fonts/JetBrainsMono-Italic.ttf) format("truetype");
-  font-weight: normal;
-  font-style: italic;
-}
-
-html {
-  font-family: "JetBrains Mono", monospace;
 }

app/pages/index.vue

@@ -1,5 +1,5 @@
 <template>
-    <div class="w-screen h-full flex items-center justify-start flex-col">
+    <div class="w-screen h-full flex items-center justify-start flex-col font-mono">
         <div class="w-1 h-10 shrink-10" />
 
         <div

nuxt.config.ts

@@ -18,6 +18,11 @@ export default defineNuxtConfig({
     routeRules: {
         "/": { prerender: true },
     },
+    fonts: {
+        families: [
+            { name: "JetBrains Mono", provider: "local" }
+        ]
+    },
     compatibilityDate: "2025-07-15",
     devtools: { enabled: true },
 });

tailwind.config.js

@@ -1,11 +1,11 @@
 module.exports = {
-  purge: [],
+    purge: [],
-  darkMode: false, // or 'media' or 'class'
+    darkMode: true, // or 'media' or 'class'
-  theme: {
+    theme: {
-    extend: {},
+        extend: {},
-  },
+    },
-  variants: {
+    variants: {
-    extend: {},
+        extend: {},
-  },
+    },
-  plugins: [],
+    plugins: [],
 };