nuxt.config.ts

// https://nuxt.com/docs/api/configuration/nuxt-config

// import {transformAssetUrls} from "vite-plugin-vuetify";

import { resolve } from "node:url";
import { readFileSync } from 'node:fs';
import webmanifest from "./webmanifest";
const SITE_URL = process.env.SITE_URL ?? "http://localhost:3000"
const PRODUCTION = process.env.NODE_ENV === 'production'
export default defineNuxtConfig({
    ssr: PRODUCTION,
    site: {
        name: 'Yun',
        url: SITE_URL,
        logo: 'https://yun.ng/logo.png'
    },
    app: {
        baseURL: process.env.BASE_URL || '/',
        head: {
            title: '云',
            meta: [
                { name: 'viewport', content: 'width=device-width, initial-scale=1' },
            ],
            htmlAttrs: {
                lang: 'en',
            },
            link: [{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }]
        }
    },
    vue: {
        compilerOptions: {
            isCustomElement: (tag: string) => ["mjx-container", "MjxContainer", "G", "Use", "Defs", "Rect", "Path", "Annotation"].includes(tag),
        },
    },
    css: ['~/assets/scss/index.scss'],
    nitro: {
        minify: PRODUCTION,
        sourceMap: !PRODUCTION,
        timing: true,
        compressPublicAssets: PRODUCTION,
        preset: process.env.NITRO_TARGET ?? "node",
        firebase: {
            gen: 2,
            nodeVersion: '20'
        },
        prerender: PRODUCTION ? {
            autoSubfolderIndex: false,
            concurrency: 3,
            routes: ['/', '/sitemap.xml']
        } : undefined,
        esbuild: {
            options: {
                target: 'esnext',
            },
        },
    },

    devtools: { enabled: false },

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

    modules: [
        '@vueuse/nuxt',
        '@unocss/nuxt',
        '@element-plus/nuxt', '@nuxtjs/color-mode', '@vite-pwa/nuxt', "@nuxtjs/sitemap", "@nuxt/content", // "@nuxt/image",
        // "nuxt-security",
        // '@nuxtjs/robots',
        // "nuxt-booster",
        '@formkit/auto-animate/nuxt',
        ...(PRODUCTION ? ["nuxt-og-image", 'nuxt-vitalizer', 'nuxt-umami'] : []),
        // "nuxt-delay-hydration"
    ],
    vitalizer: {
        disableStylesheets: 'entry'
    },
    umami: {
        host: "https://anal.yun.ng",
        id: 'fd089b30-9952-41b0-a817-fce38fefae17',
        customEndpoint: "/api/send"
    },
    pwa: {
        selfDestroying: true,
        strategies: 'generateSW',
        registerType: 'autoUpdate',
        manifest: webmanifest,
        workbox: {
            globPatterns: ['**/*', '**/*/'],
            runtimeCaching: [
                {
                    urlPattern: /^https:\/\/fonts\.bunny\.net\/.*/i,
                    handler: 'CacheFirst',
                    options: {
                        cacheName: 'bunny-fonts-cache',
                        expiration: {
                            maxEntries: 10,
                            maxAgeSeconds: 60 * 60 * 24 * 365 // <== 365 days
                        },
                        cacheableResponse: {
                            statuses: [0, 200]
                        }
                    }
                }
            ]
        },
        client: {
            installPrompt: false,
            periodicSyncForUpdates: 3600,
        }
    },

    // delayHydration: {
    //     mode: 'mount',
    //     debug: process.env.NODE_ENV === 'development'
    // },
    // security: {
    //     nonce: true,
    //     ssg: {
    //         meta: true,
    //         hashScripts: true,
    //         hashStyles: false
    //     },
    //     headers: {
    //         contentSecurityPolicy: {
    //             'img-src': ['self', 'data:', 'https://*'],
    //             'frame-src': ['self', 'https://www.youtube.com', 'https://utteranc.es'],
    //         }
    //     },
    // },
    content: {
        ignores: ['^(?!.*\\.md$).+$'],
        sources: {
            content: {
                driver: 'fs',
                prefix: '/c',
                base: resolve(__dirname, 'content')
            }
        },
        markdown: {
            anchorLinks: false,
            remarkPlugins: ['remark-reading-time', 'remark-math'],
            rehypePlugins: {
                'rehype-katex': {
                    output: 'html'
                },
                'rehype-preset-minify': {},
            }
        },
        highlight: {
            langs: ['json', 'js', 'ts', 'html', 'css', 'md', 'yaml', 'python', 'cpp', 'sql', 'sh', 'php', 'rust',
                JSON.parse(readFileSync('./assets/shiki/flag.tmLanguage.json', 'utf-8')),
            ],
            theme: {
                default: 'one-light',
                dark: 'one-dark-pro',
                sepia: 'monokai'
            }
        },
        navigation: {
            fields: ['_id', '_path', 'title', 'description', 'created', 'updated', 'tags', 'solves', 'points', 'rank', 'team', 'readingTime']
        }
        // experimental: {
        //     clientDB: true
        // }
    },

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

    // colorMode
    colorMode: {
        classSuffix: '',
    },

    unocss: {
        uno: true,
        attributify: true,
        icons: {
            scale: 1.2,
        },
    },

    vite: {
        css: {
            preprocessorOptions: {
                scss: {
                    api: 'modern',
                    additionalData: `@use "@/assets/scss/element/index.scss" as element;`,
                },
            },
        },
    },

    elementPlus: {
        icon: 'ElIcon',
        importStyle: 'scss',
        themes: ['dark'],
    },

    experimental: {
        viewTransition: PRODUCTION,
        payloadExtraction: PRODUCTION,
        sharedPrerenderData: PRODUCTION
    },
    // future: {
    //     compatibilityVersion: 4,
    // },
    compatibilityDate: '2024-07-08'
});