nuxt.config.ts

// https://nuxt.com/docs/api/configuration/nuxt-config
import { defineNuxtConfig } from 'nuxt/config';
import { resolve } from 'path';
export default defineNuxtConfig({
    compatibilityDate: '2024-04-03',
    devtools: { enabled: true },
    devServer: { port: 3000, host: '0.0.0.0' },
    ssr: true,
    app: {
        // head
        head: {
            title: "Neil's blog",
            meta: [
                {
                    name: 'viewport',
                    content: 'width=device-width, initial-scale=1',
                },
                {
                    hid: 'description',
                    name: 'description',
                    content: "Neil's blog",
                },
            ],
            link: [{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }],
        },
    },
    modules: [
        '@nuxtjs/tailwindcss',
        'nuxt-icons',
        '@vueuse/nuxt',
        '@pinia/nuxt',
        '@nuxtjs/color-mode',
        '@nuxt/icon',
        '@nuxt/content',
        '@nuxt/image',
        'nuxt-anchorscroll',
    ],
    css: ['@/assets/style/tailwind.scss'],
    postcss: {
        plugins: {
            tailwindcss: {},
            autoprefixer: {},
        },
    },

    // @nuxt/icon for iconify
    icon: {
        serverBundle: {
            collections: ['uil', 'mdi'], // <!--- this
        },
    },

    typescript: {
        strict: true,
        shim: false,
    },

    // vueuse
    vueuse: {
        ssrHandlers: true,
    },

    // colorMode
    colorMode: {
        classSuffix: '',
        preference: 'system',
        fallback: 'dark',
    },

    // content
    content: {
        documentDriven: true,
        api: {
            baseURL: '/api/_content',
        },
        sources: {
            content: {
                driver: 'fs',
                prefix: '/articles',
                base: resolve(__dirname, 'content'),
            },
            // github: {
            //     prefix: '/blog', // Prefix for routes used to query contents
            //     driver: 'github', // Driver used to fetch contents (view unstorage documentation)
            //     repo: 'yimincai/articles', // Repository of the project
            //     branch: 'main',
            //     dir: 'docs', // Directory where contents are located. It could be a subdirectory of the repository.
            //     // Imagine you have a blog inside your content folder. You can set this option to `content/blog` with the prefix option to `/blog` to avoid conflicts with local files.
            // },
        },
        highlight: {
            // Theme used in all color schemes.
            // OR
            theme: {
                // Default theme (same as single string)
                default: 'github-light-default',
                // Theme used if `html.dark`
                dark: 'github-dark',
            },
            langs: [
                'json',
                'js',
                'ts',
                'html',
                'css',
                'vue',
                'shell',
                'mdc',
                'md',
                'yaml',
                'xml',
                'go',
                'php',
                'python',
                'java',
                'ruby',
                'csharp',
                'cpp',
                'swift',
                'kotlin',
                'rust',
                'scala',
                'perl',
                'sql',
                'dockerfile',
            ],
        },
    },

    routeRules: { '/': { prerender: true } },
});