1
// https://nuxt.com/docs/api/configuration/nuxt-config
2
export default defineNuxtConfig({
3
  compatibilityDate: '2025-07-15',
4
  devtools: { enabled: true },
5

6
  //模块列表
7
  modules: [
8
    '@nuxt/eslint',
9
    'nuxt-quasar-ui',     // Quasar 模块
10
    '@nuxtjs/tailwindcss' // Tailwind 模块
11
  ],
12

13
  // 明确 css 加载顺序：先把 Quasar 的字体/图标/animations/核心 css 放前面
14
  css: [
15
    // 'quasar/fonts',       // 可选：Roboto 等
16
    'quasar/animations',
17
    'quasar/icons',
18
    'quasar/css',
19
    // Tailwind 的全局入口（如果你使用模块自动注入，可不用显式写，但若想控制顺序，推荐写一个 main.css）
20
    '~/assets/css/main.css'
21
  ],
22

23
  // Quasar 模块可配置项（示例）
24
  quasar: {
25
    // 例：全局组件属性默认
26
    components: {
27
      defaults: {
28
        QBtn: { dense: true }
29
      }
30
    },
31
    // brand/colors 可通过 app.config.ts 进一步覆盖
32
    // css: [] 等可在此微调
33
  },
34
})

1
@tailwind base;
2
@tailwind components;
3
@tailwind utilities;