nuxt.config.ts

import path from 'path';

// https://nuxt.com/docs/api/configuration/nuxt-config
export default defineNuxtConfig({
    srcDir: 'src',
    extends: ['@nuxt/ui-pro'],
    modules: [
        '@nuxt/content',
        '@nuxt/ui',
        '@nuxthq/studio',
        '@nuxtjs/fontaine',
        '@nuxtjs/google-fonts',
        'nuxt-og-image',
    ],
    hooks: {
        // Define `@nuxt/ui` components as global to use them in `.md` (feel free to add those you need)
        'components:extend': (components) => {
            const globals = components.filter((c) =>
                ['UButton', 'UIcon'].includes(c.pascalName),
            );

            globals.forEach((c) => (c.global = true));
        },
    },
    ui: {
        icons: ['heroicons', '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 },
    },
    devtools: {
        enabled: true,
    },
    typescript: {
        strict: false,
    },
    tailwindcss: {
        exposeConfig: true,
    },

    content: {
        highlight: {
            langs: ['typescript', 'dart', 'rust', 'kotlin', 'javascript'],
        },
        sources: {
            content: {
                driver: 'fs',
                base: path.resolve(__dirname, 'content'),
            },
        },
    },
});