nuxt-fsd-template/nuxt.config.ts at main · TiroZit/nuxt-fsd-template · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
import {
	em,
	fluid,
	percent,
} from './config/postcss/functions';

// https://nuxt.com/docs/api/configuration/nuxt-config
export default defineNuxtConfig({
	compatibilityDate: '2025-01-05',
	modules: ['@nuxt/eslint', '@nuxt/icon', '@nuxt/fonts', '@pinia/nuxt'],

	app: {
		head: {
			htmlAttrs: { lang: 'ru' },
			meta: [
				{ charset: 'UTF-8' },
				{ name: 'viewport', content: 'width=device-width, initial-scale=1' },
				{ name: 'format-detection', content: 'telephone=no' },
				{ name: 'apple-mobile-web-app-title', content: 'Nuxt' },
			],
			link: [
				// FAVICONS
				{ rel: 'shortcut icon', href: '/favicons/favicon.ico' },
				{ rel: 'icon', type: 'image/png', href: '/favicons/favicon-96x96.png', sizes: '96x96' },
				{ rel: 'icon', type: 'image/svg+xml', href: '/favicons/favicon.svg' },
				{ rel: 'shortcut icon', href: '/favicons/favicon.ico' },
				{ rel: 'apple-touch-icon', sizes: '180x180', href: '/favicons/apple-touch-icon.png' },
				{ rel: 'manifest', href: '/favicons/site.webmanifest' },
				// ========
			],
		},
	},

	srcDir: 'src/',
	devtools: {
		enabled: true,
	},

	dir: {
		layouts: 'app/layouts',
		pages: 'app/providers/router/routes',
		middleware: 'app/providers/router/middleware',
		public: '../public',
		assets: 'shared/assets',
	},

	components: {
		dirs: [],
	},
	imports: {
		autoImport: false,
		scan: false,
	},

	css: ['@/shared/assets/styles/_index.sass'],
	vite: {
		css: {
			preprocessorOptions: {
				sass: {
					additionalData: `
																								@import '@/shared/assets/styles/mixins'\n
																				`,
					silenceDeprecations: ['import'],
				},
			},
		},
	},

	postcss: {
		plugins: {
			'autoprefixer': {},
			'postcss-sort-media-queries': {},
			'postcss-pxtorem': {},
			'postcss-functions': {
				functions: {
					fluid,
					em,
					percent,
				},
			},
		},
	},

	icon: {
		mode: 'svg',
		customCollections: [
			{
				prefix: 'icons',
				dir: 'src/shared/assets/icons',
			},
		],
	},

	experimental: {
		typedPages: true,
	},
});