// @ts-check
import mdx from "@astrojs/mdx";
import solidJs from "@astrojs/solid-js";
import expressiveCode from "astro-expressive-code";
import { defineConfig } from "astro/config";

// https://astro.build/config
export default defineConfig({
	integrations: [
		solidJs(),
		expressiveCode({
			themes: ["vitesse-dark"],
		}),
		mdx(),
	],
	vite: {
		css: {
			preprocessorOptions: {
				scss: {
					additionalData: `@use "/src/styles/global_vars" as *; \n @use "/src/styles/reset" as *; \n @use "/src/styles/global_fonts" as *; \n`,
				},
			},
		},
		server: {
			host: true,
			port: 4321,
			strictPort: true,
			allowedHosts: ["leafpig.mangopig.tech"], //Remember to add domain here if deploying
		},
	},
});