rayine-ui/.playground/nuxt.config.ts

import defaultTheme from "tailwindcss/defaultTheme";

export default defineNuxtConfig({
  extends: [".."],
  modules: ["@nuxt/eslint", "@nuxt/fonts", "nuxt-shiki"],
  tailwindcss: {
    config: {
      theme: {
        extend: {
          fontFamily: {
            sans: ["Rubik", '"Noto Sans SC"', ...defaultTheme.fontFamily.sans],
          },
        },
      },
    },
  },
  shiki: {
    bundledLangs: ["js", "ts", "json", "html", "css", "yaml", "vue", "vue-html"],
    bundledThemes: ["light-plus", "dark-plus"],
    highlightOptions: {
      themes: {
        light: "light-plus",
        dark: "dark-plus",
      },
    },
  },
});