1
// https://nuxt.com/docs/api/configuration/nuxt-config
2
export default defineNuxtConfig({
3
  compatibilityDate: '2024-04-03',
4
  devtools: { enabled: true },
5
  // 启用仅客户端渲染
6
  // ssr: false,
7
  vue: {
8
    // 这里告诉了vue前缀为"***-"的元素不是vue组件
9
    compilerOptions: {
10
      // isCustomElement: tag => tag.startsWith('i-') || tag.startsWith('xl-') || tag.startsWith('x-')
11
      isCustomElement: tag => tag.startsWith('qwq-') || tag.startsWith('mdui-'),
12
    }
13
  },
14
  // 自动导入组件
15
  // components: {
16
  //   "dirs": [
17
  //     {
18
  //       "path": "~/components/ui",
19
  //       "global": true
20
  //     },
21
  //     {
22
  //       "path": "~/components/util",
23
  //       "global": true
24
  //     },
25
  //     "~/components"
26
  //   ]
27
  // },
28
  plugins: [
29
    // 注册custom element
30
    { src: '~/plugins/init.config.client.ts', mode: 'client' },
31
    // { src: '~/plugins/initMduiElement.client.ts', mode: 'client' },
32
  ],
33
  // 启动服务器
34
  devServer: {
35
    port: 4000,
36
  },
37
  // i18n config
38
  modules: [
39
    '@nuxtjs/i18n',
40
    '@pinia/nuxt',
41
    'pinia-plugin-persistedstate',
42
    // 'mdui',
43
  ],
44
  // pinia: {
45
  //   autoImports: ['defineStore'], // 自动导入 Pinia 核心方法
46
  // },
47
  pinia: {
48
    // 自动导出stores文件夹下所以文件及文件夹
49
    storesDirs: ['./stores/**'],
50
  },
51
  i18n: {
52
        strategy: 'prefix_except_default',
53
        defaultLocale: "zhs",
54
        locales: [
55
            { code: "zhs", language: "zh-CN", name: "简体中文" },
56
            { code: "zht", language: "zh-TW", name: "繁體中文" },
57
            { code: "en", language: "en-US", name: "English" },
58
            { code: "ja", name: "日本語" },
59
            { code: "ko", name: "한국어" },
60
            { code: "vi", name: "Tiếng Việt" },
61
            { code: "id", name: "Bahasa Indonesia" },
62
            { code: "fr", name: "Français" },
63
            { code: "yue", name: "廣東話" },
64
        ],
65
        vueI18n: "./i18n/i18n.config.ts",
66
        detectBrowserLanguage: {
67
            useCookie: true,
68
            cookieKey: "language",
69
            alwaysRedirect: true,
70
        },
71
    },
72
  // i18n: {
73
  //   // defaultDirection: 'auto',
74
  //   lazy: true, // 懒加载语言包
75
  //   langDir: './locales', // 语言文件目录
76
  //   locales: [
77
  //     { code: 'en', iso: 'en-US', file: 'en.json', name: 'English' },
78
  //     { code: 'zh', iso: 'zh-CN', file: 'zh.json', name: '中文' },
79
  //   ],
80
  //   defaultLocale: 'zh', // 默认语言
81
  //   strategy: 'prefix_except_default', // 路由前缀策略
82
  //   detectBrowserLanguage: {
83
  //     useCookie: true, // 使用 Cookie 存储用户语言偏好
84
  //     cookieKey: 'i18n_redirected', // Cookie 键名
85
  //     redirectOn: 'root', // 在根路径重定向到语言前缀
86
  //   },
87
  //   // vueI18n: './i18n.config.ts'
88
  // },
89
  // runtime config
90
  runtimeConfig: {
91
    // 仅服务端可用
92
    apiSecret: process.env.API_SECRET || 'default-secret',
93
    // 客户端和服务端均可用
94
    public: {
95
      baseUrl: process.env.YUSHULINFENG_SERVER_BASE_URL || 'http://localhost:5000',
96
      appTitle: process.env.YUSHULINFENG_SERVER_APP_TITLE || 'qwq',
97
      appDir: process.env.YUSHULINFENG_SERVER_APP_DIR || '/_nuxt/',
98
      version: process.env.YUSHULINFENG_SERVER_API_VERSION || '1.0.0'
99
    },
100
  },
101
  // 打包项目目录命名
102
  // rootDir: "name",
103
  // 路由auto
104
  // pages: false,
105
  // app id
106
  appId: "app",
107
  // 加载css样式
108
  // css: ['~/assets/styles/main.css'],
109
  // css: [
110
  //   'mdui/mdui.css'
111
  // ],
112
  // plugins: ['~/plugins/axios.ts'],
113
  app: {
114
    buildAssetsDir: process.env.YUSHULINFENG_SERVER_APP_DIR || '/_nuxt/',
115
    // custom assets
116
    // buildAssetsDir: "/assets/",
117
    // teleportAttrs: {
118
    //   class: "tools"
119
    // },
120
    // buildAssetsDir: "/_qwq/",
121
    rootAttrs: {
122
      // root dom element id = root
123
      'id': "root",
124
      'class': 'root',
125
      'lang': 'zh-CN',
126
    },
127
    // root dom element type
128
    rootTag: 'div',
129
    head: {
130
      // pageTransition: { name: 'page', mode: 'out-in' }, // 页面过渡动画
131
      // layoutTransition: { name: 'layout', mode: 'out-in' }, // 布局过渡动画
132
      title: 'i站',
133
      meta: [
134
        // <meta name="viewport" content="width=device-width, initial-scale=1">
135
        { name: 'viewport', content: 'width=device-width, initial-scale=1' },
136
        {
137
          name: "description",
138
          content: "Hi ~, This is my first community website."
139
        },
140
        {
141
          name: "keywords",
142
          content: "qwq,xiaolin"
143
        },
144
        {
145
          "charset": "utf-8"
146
        }
147
      ],
148
      script: [
149
        // <script src="https://myawesome-lib.js"></script>
150
        // { src: 'https://awesome-lib.js' }
151
        // { src: '/_nuxt/assets/scripts/customElement/*' }
152
      ],
153
      link: [
154
        // <link rel="stylesheet" href="https://myawesome-lib.css">
155
        // { rel: 'stylesheet', href: 'https://awesome-lib.css' }
156
        // { rel: 'stylesheet', href: '/' }
157
      ],
158
      // please note that this is an area that is likely to change
159
      style: [
160
        // <style type="text/css">:root { color: red }</style>
161
        // { children: ':root { color: red }' }
162
      ],
163
      noscript: [
164
        // <noscript>JavaScript is required</noscript>
165
        { children: 'JavaScript is required' },
166
        { children: 'Hello world' }
167
      ]
168
    }
169
  },
170
})