module.exports = {
	ssr: true,
	telemetry: false,
	head() {
		const isEn = this.$i18n?.locale == "en";

		const link = [
			{ rel: "icon", type: "image/x-icon", href: "/favicon.ico" },
			{
				rel: "preload",
				href: "/fonts/Shabnam-FD.woff2", // Path to your font file
				as: "font",
				type: "font/woff2",
				crossorigin: true
			},
			{
				rel: "preload",
				href: "/fonts/Shabnam-Bold-FD.woff2", // Path to your font file
				as: "font",
				type: "font/woff2",
				crossorigin: true
			},
			{
				rel: "preload",
				href: "/fonts/icomoon.woff2", // Path to your font file
				as: "font",
				type: "font/woff2",
				crossorigin: true
			}
		];

		return {
			htmlAttrs: {
				lang: this.$i18n.locale
			},
			meta: [
				{ charset: "utf-8" },
				{
					name: "viewport",
					content: "width=device-width, initial-scale=1"
				},
				{ hid: "description", name: "description", content: "" }
			],
			link: link
		};
	},
	
	css: [],
	plugins: [
		{
			src: "~/plugins/v-waypoint.js",
			mode: "client"
		},
		{
			src: "~/plugins/animate.client.js",
			mode: "client"
		}
	],
	components: false,
	buildModules: [],
	version: 1,
	modules: [
		"@nuxtjs/axios",
		"@nuxtjs/style-resources",
		"nuxt-i18n",
		[
			"nuxt-lazy-load",
			{
				directiveOnly: true
			}
		]
	],
	styleResources: {
		scss: ["~/assets/scss/basis/_index.scss"]
	},
	build: {
		cssSourceMap: false,
		extractCSS: false, // Extract CSS into separate files
		analyze: false
	},
	i18n: {
		locales: [
			{ code: "fa", iso: "fa-IR", file: "fa.js", dir: "rtl" },
			{ code: "en", iso: "en-US", file: "en.js", dir: "ltr" }
		],
		lazy: true,
		langDir: "languages/",
		defaultLocale: "fa",
		detectBrowserLanguage: false,
		fallbackLocale: "fa",
		useCookie: false
	},
	serverMiddleware: ["~/middleware/redirects"],
	loading: {
		color: "#FFB301",
		height: "5px",
		continuous: true
	},
	render: {
		resourceHints: false // Disable preloads
	}
};