nuxt.config.ts

export default defineNuxtConfig({
  app: {
    head: {
      bodyAttrs: {
        class: "min-h-screen bg-sand-1 text-sand-11",
      },
      charset: "utf-8",
      htmlAttrs: {
        class: "min-h-screen",
        lang: "en-US",
      },
      viewport: "width=device-width, initial-scale=1",
    },
  },

  build: {
    transpile: ["@heroicons/vue", "@headlessui/vue"],
  },

  colorMode: {
    classSuffix: "",
  },

  content: {
    highlight: {
      preload: [
        "diff",
        "json",
        "js",
        "ts",
        "css",
        "shell",
        "html",
        "md",
        "yaml",
      ],

      theme: {
        default: "github-light",
        dark: "github-dark",
        light: "github-light",
      },
    },
  },

  experimental: {
    writeEarlyHints: true,
  },

  modules: [
    "@nuxt/content",
    "@nuxtjs/color-mode",
    "@nuxtjs/tailwindcss",
    "nuxt-og-image",
  ],

  site: {
    url: "https://btkostner.io",
  },
});